/* NexoID Pro product showcase | RTL | no page builder required */
.nxid-showcase{--nxid-sh-ink:#161837;--nxid-sh-main:#6248e9;--nxid-sh-muted:#747d99;--nxid-sh-line:#e9eaf5;width:min(1220px,calc(100vw - 32px))!important;max-width:1220px!important;margin:18px auto 60px;font-family:Vazirmatn,NexoVazir,Tahoma,sans-serif;color:var(--nxid-sh-ink);line-height:1.9;background:#fff;border:1px solid #eaeafa;border-radius:22px;overflow:hidden;box-shadow:0 22px 65px #2a28660b}
.nxid-showcase *{box-sizing:border-box}
.nxid-showcase a{text-decoration:none!important}
.nxid-showcase h1,.nxid-showcase h2,.nxid-showcase h3{font-family:inherit;letter-spacing:-.035em}
.nxid-showcase em{font-style:normal;color:#6f50f0}
.nxid-showcase .nxid-showcase-shell{margin:0 auto}
.nxid-showcase .nxid-sh-nav{height:78px;display:flex;align-items:center;gap:26px;padding:12px clamp(24px,4vw,56px);background:#fff;border-bottom:1px solid #f1f0fa}
.nxid-showcase .nxid-sh-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.nxid-showcase .nxid-sh-symbol{width:41px;height:41px;border-radius:13px;background:linear-gradient(140deg,#8164f8,#563be1);display:grid;place-items:center;color:#fff;font:800 26px system-ui,sans-serif;box-shadow:0 8px 20px #563be533}
.nxid-showcase .nxid-sh-symbol span{color:#e0d9ff}
.nxid-showcase .nxid-sh-brand>span:last-child{display:flex;flex-direction:column;line-height:1.2}
.nxid-showcase .nxid-sh-brand b{font:850 20px system-ui,sans-serif;letter-spacing:-.04em}
.nxid-showcase .nxid-sh-brand b span{font-size:10px;border-radius:5px;background:#ece8ff;color:#6046d6;padding:3px 6px;margin-inline-start:5px;letter-spacing:0}
.nxid-showcase .nxid-sh-brand small{font-size:10px;color:#9b9db6;margin-top:5px}
.nxid-showcase .nxid-sh-nav nav{display:flex;gap:27px;align-items:center;margin-inline-start:auto}
.nxid-showcase .nxid-sh-nav nav a{font-size:12px;color:#737a94;font-weight:800}
.nxid-showcase .nxid-sh-nav nav a:hover{color:#6248e9}
.nxid-showcase .nxid-sh-nav-cta{background:#f0edff;border:1px solid #e3dcff;border-radius:11px;padding:10px 17px;display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:800;color:#6548db}
.nxid-showcase .nxid-sh-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:radial-gradient(circle at 3% 4%,#e8e6ff,transparent 38%),linear-gradient(180deg,#fcfbff,#f5f3ff);padding:64px clamp(30px,4.7vw,65px) 74px;min-height:575px}
.nxid-showcase .nxid-sh-intro{position:relative;z-index:1}
.nxid-showcase .nxid-sh-eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid #e3dcff;border-radius:40px;background:#f2efff;color:#6752cf;font-size:11px;font-weight:850;padding:6px 13px}
.nxid-showcase .nxid-sh-signal,.nxid-showcase .nxid-sh-trust-dot{width:8px;height:8px;background:#765bef;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #765bef18;flex:none}
.nxid-showcase .nxid-sh-intro h1{font-size:clamp(34px,4.25vw,52px);font-weight:950;line-height:1.42;margin:18px 0 15px;max-width:580px}
.nxid-showcase .nxid-sh-intro>p{font-size:14px;color:#77809b;line-height:2.25;max-width:500px}
.nxid-showcase .nxid-sh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.nxid-showcase .nxid-sh-primary,.nxid-showcase .nxid-sh-outline{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:12px;font-weight:850;min-height:48px;padding:11px 21px;border-radius:11px;white-space:normal}
.nxid-showcase .nxid-sh-primary{background:#6748eb;color:#fff!important;box-shadow:0 10px 22px #6449e635}
.nxid-showcase .nxid-sh-outline{background:#fff!important;color:#5448bf!important;border:1px solid #ded9f9!important;box-shadow:none!important}
.nxid-showcase .nxid-sh-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}
.nxid-showcase .nxid-sh-trust>span{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#8a8fa9;font-weight:700}
.nxid-showcase .nxid-sh-trust-dot{width:5px;height:5px;box-shadow:none}
.nxid-showcase .nxid-sh-hero-visual{position:relative;min-height:440px;display:grid;place-items:center}
.nxid-showcase .nxid-sh-aura{position:absolute;inset:13% 3%;border-radius:50%;background:radial-gradient(circle,#cfc3ffb0,#eeeaff44 61%,transparent 70%);filter:blur(3px)}
.nxid-showcase .nxid-sh-preview{width:min(100%,372px);position:relative;z-index:1;background:#fff;padding:27px 26px 25px;border:1px solid #ebe7ff;border-radius:20px;box-shadow:0 28px 70px #4f3f9f28;transform:rotate(-2.5deg)}
.nxid-showcase .nxid-sh-preview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid #f2f0f8}
.nxid-showcase .nxid-sh-preview-brand{display:flex;gap:9px;align-items:center}
.nxid-showcase .nxid-sh-preview-brand i{font:850 23px system-ui,sans-serif;color:white;background:linear-gradient(120deg,#7d61f0,#5a3edc);border-radius:10px;width:37px;height:37px;display:grid;place-items:center;font-style:normal}
.nxid-showcase .nxid-sh-preview-brand div{display:flex;flex-direction:column;line-height:1.2}
.nxid-showcase .nxid-sh-preview-brand b{font:800 18px system-ui,sans-serif}
.nxid-showcase .nxid-sh-preview-brand small{color:#9e9bb5;font-size:9px;margin-top:5px}
.nxid-showcase .nxid-sh-preview-badge{font-size:9px;letter-spacing:.09em;color:#7a63d4;background:#f2efff;padding:6px 9px;border-radius:6px}
.nxid-showcase .nxid-sh-preview-welcome{display:flex;flex-direction:column;gap:5px;padding:22px 0 16px}
.nxid-showcase .nxid-sh-preview-welcome b{font-size:19px}
.nxid-showcase .nxid-sh-preview-welcome span{font-size:10px;color:#989ab2}
.nxid-showcase .nxid-sh-preview-tabs{display:flex;gap:4px;background:#f6f5fb;padding:5px;border-radius:9px;margin-bottom:17px;font-size:9px;font-weight:800}
.nxid-showcase .nxid-sh-preview-tabs span{flex:1;padding:8px 5px;text-align:center;color:#8b90aa}
.nxid-showcase .nxid-sh-preview-tabs span:first-child{background:#fff;box-shadow:0 2px 7px #32317812;color:#6650d6;border-radius:7px}
.nxid-showcase .nxid-sh-preview label{font-size:11px;font-weight:850;margin-bottom:8px;display:block;color:#444765}
.nxid-showcase .nxid-sh-preview-field{font:700 15px system-ui,sans-serif;letter-spacing:.02em;color:#7d7c96;border:1px solid #e5e4f3;border-radius:10px;padding:15px;text-align:left}
.nxid-showcase .nxid-sh-preview-submit{background:#6950e8;color:#fff;padding:12px 14px;border-radius:10px;margin-top:12px;display:flex;justify-content:space-between;font-size:11px;font-weight:800}
.nxid-showcase .nxid-sh-preview-trust{font-size:10px;color:#a4a0b6;margin-top:17px;text-align:center}
.nxid-showcase .nxid-sh-float-card,.nxid-showcase .nxid-sh-float-stat{display:flex;align-items:center;gap:11px;position:absolute;z-index:2;background:#fff;border:1px solid #efebfa;box-shadow:0 12px 37px #4d3da71a;padding:12px 15px;border-radius:13px;transform:rotate(3deg)}
.nxid-showcase .nxid-sh-float-card{top:8%;left:-2%}
.nxid-showcase .nxid-sh-float-stat{right:-3%;bottom:7%}
.nxid-showcase .nxid-sh-small-icon{display:grid;place-items:center;width:38px;height:38px;background:#e8f8f0;color:#21966f;border-radius:10px;font-weight:900}
.nxid-showcase .nxid-sh-float-card div,.nxid-showcase .nxid-sh-float-stat div{display:flex;flex-direction:column;gap:2px}
.nxid-showcase .nxid-sh-float-card b,.nxid-showcase .nxid-sh-float-stat b{font-size:11px;white-space:nowrap}
.nxid-showcase .nxid-sh-float-card small,.nxid-showcase .nxid-sh-float-stat small{font-size:9px;color:#a3a5b9}
.nxid-showcase .nxid-sh-float-stat>span{font-size:24px;font-weight:900;color:#6951e7}
.nxid-showcase .nxid-sh-brandline{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:12px;padding:20px 15px;border-top:1px solid #eeeafc;border-bottom:1px solid #f0eef9;background:#fff;color:#b1acc5;font:850 11px system-ui,sans-serif;letter-spacing:.04em}
.nxid-showcase .nxid-sh-section{padding:76px clamp(28px,5vw,66px)}
.nxid-showcase .nxid-sh-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.nxid-showcase .nxid-sh-section-head h2{font-size:clamp(25px,3vw,34px);max-width:650px;line-height:1.5;font-weight:950;margin:7px 0 0}
.nxid-showcase .nxid-sh-kicker{font:850 10px system-ui,sans-serif;letter-spacing:.13em;color:#6952e0}
.nxid-showcase .nxid-sh-section-head>p{font-size:12px;max-width:310px;color:#8b90a8;line-height:2.1;margin:0}
.nxid-showcase .nxid-sh-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nxid-showcase .nxid-sh-feature-card{border:1px solid #ededf6;background:#fff;border-radius:16px;padding:24px 22px;min-height:212px;display:flex;flex-direction:column;gap:8px;transition:border-color .18s,box-shadow .18s,transform .18s}
.nxid-showcase .nxid-sh-feature-card:hover{border-color:#cdc3ff;box-shadow:0 14px 27px #2d267411;transform:translateY(-2px)}
.nxid-showcase .nxid-sh-feature-icon{background:#f1eeff;color:#7256e6;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font:850 15px system-ui,sans-serif;margin-bottom:5px}
.nxid-showcase .nxid-sh-feature-card h3{font-size:16px;font-weight:900;margin:0}
.nxid-showcase .nxid-sh-feature-card p{font-size:11px;color:#888ea8;line-height:2.1;flex:1;margin:0}
.nxid-showcase .nxid-sh-feature-card>span:last-child{font:800 9px system-ui,sans-serif;color:#b0a9cc;letter-spacing:.08em}
.nxid-showcase .nxid-sh-panel-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center;background:linear-gradient(140deg,#f7f5ff,#eff0ff);padding:66px clamp(29px,5vw,66px)}
.nxid-showcase .nxid-sh-panel-copy h2{font-size:clamp(26px,3.3vw,39px);line-height:1.55;font-weight:950;margin:13px 0}
.nxid-showcase .nxid-sh-panel-copy p{font-size:12px;color:#878eaa;line-height:2.25}
.nxid-showcase .nxid-sh-panel-copy>a{display:inline-flex;align-items:center;gap:15px;color:#6650da;font-size:12px;font-weight:850;margin-top:19px}
.nxid-showcase .nxid-sh-panel-mock{display:grid;grid-template-columns:155px minmax(0,1fr);background:#fff;border-radius:16px;border:1px solid #e5e4f8;box-shadow:0 19px 45px #4d419517;min-height:350px;overflow:hidden}
.nxid-showcase .nxid-sh-panel-side{display:flex;flex-direction:column;gap:11px;background:#faf9ff;border-left:1px solid #eceafa;padding:17px 12px}
.nxid-showcase .nxid-sh-mini-logo{font:850 25px system-ui,sans-serif;color:#fff;background:#6549f5;border-radius:9px;width:36px;height:36px;display:grid;place-items:center}
.nxid-showcase .nxid-sh-panel-side b{font-size:12px;margin:5px 0}
.nxid-showcase .nxid-sh-panel-side>span:not(.nxid-sh-mini-logo){font-size:10px;color:#8186a2;padding:9px 7px;border-radius:7px}
.nxid-showcase .nxid-sh-panel-side>span.active{color:#674ee0;background:#eeebff}
.nxid-showcase .nxid-sh-panel-content{padding:21px}
.nxid-showcase .nxid-sh-panel-content>small{font-size:9px;color:#abb0c0}
.nxid-showcase .nxid-sh-panel-content h3{font-size:16px;margin:4px 0 12px}
.nxid-showcase .nxid-sh-panel-welcome{background:linear-gradient(100deg,#5042c5,#7760ef);color:white;border-radius:8px;padding:16px;font-size:11px}
.nxid-showcase .nxid-sh-panel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.nxid-showcase .nxid-sh-panel-cards>div{background:#fafaff;border:1px solid #ededf7;border-radius:8px;padding:12px 9px;display:flex;flex-direction:column;gap:5px}
.nxid-showcase .nxid-sh-panel-cards small{color:#9095ac;font-size:9px}
.nxid-showcase .nxid-sh-panel-cards strong{font-size:18px}
.nxid-showcase .nxid-sh-panel-history{border:1px solid #eeedf6;border-radius:9px;margin-top:12px;padding:11px}
.nxid-showcase .nxid-sh-panel-history>b{font-size:10px}
.nxid-showcase .nxid-sh-panel-history>div{display:flex;gap:8px;align-items:center;color:#684ee3;font-size:10px;padding-top:8px}
.nxid-showcase .nxid-sh-panel-history>div span{color:#646781;flex:1}
.nxid-showcase .nxid-sh-panel-history em{font-size:9px;color:#2d9c81}
.nxid-showcase .nxid-sh-mock-note{font-size:9px!important}
.nxid-showcase .nxid-sh-provider-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.nxid-showcase .nxid-sh-provider-row span{border:1px solid #e8e8f6;border-radius:11px;background:#fcfbff;text-align:center;padding:16px 8px;color:#55537f;font-size:12px;font-weight:850}
.nxid-showcase .nxid-sh-connect-note{color:#9397af;font-size:11px;margin-top:15px}
.nxid-showcase .nxid-sh-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:46px clamp(28px,5vw,66px);background:linear-gradient(110deg,#222156,#6045d3);color:#fff}
.nxid-showcase .nxid-sh-footer-cta span{font:850 10px system-ui,sans-serif;color:#cbbfff;letter-spacing:.1em}
.nxid-showcase .nxid-sh-footer-cta h2{font-size:clamp(24px,3.1vw,36px);line-height:1.48;color:#fff;margin:12px 0}
.nxid-showcase .nxid-sh-footer-cta p{font-size:11px;color:#d5cafa}
.nxid-showcase .nxid-sh-footer-cta a{display:flex;gap:20px;align-items:center;background:#fff;color:#5b45d2;padding:14px 24px;font-size:12px;font-weight:900;border-radius:11px;white-space:nowrap}
.nxid-showcase .nxid-sh-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 40px;font-size:11px;color:#9a9bb1}
.nxid-showcase .nxid-sh-footer>b{font:900 17px system-ui,sans-serif;color:#292458}
.nxid-showcase .nxid-sh-footer>b span{font-size:9px;color:#6e52e7;margin-left:3px}
.nxid-showcase .nxid-sh-footer a{color:#6750dd;font-weight:850}
@media(max-width:1024px){.nxid-showcase .nxid-sh-hero{gap:15px;padding:42px 30px}.nxid-showcase .nxid-sh-float-card{left:-3%}.nxid-showcase .nxid-sh-float-stat{right:-3%}.nxid-showcase .nxid-sh-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nxid-showcase .nxid-sh-panel-section{grid-template-columns:1fr}.nxid-showcase .nxid-sh-panel-mock{max-width:660px}}
@media(max-width:760px){.nxid-showcase{border-radius:14px;margin:8px auto 35px}.nxid-showcase .nxid-sh-nav{height:70px;padding:10px 18px}.nxid-showcase .nxid-sh-nav nav{display:none}.nxid-showcase .nxid-sh-nav-cta{margin-inline-start:auto}.nxid-showcase .nxid-sh-hero{grid-template-columns:1fr;gap:20px;padding:38px 22px}.nxid-showcase .nxid-sh-intro h1{font-size:clamp(31px,7vw,43px)}.nxid-showcase .nxid-sh-hero-visual{min-height:420px}.nxid-showcase .nxid-sh-preview{max-width:360px}.nxid-showcase .nxid-sh-float-card{left:0}.nxid-showcase .nxid-sh-float-stat{right:0}.nxid-showcase .nxid-sh-section{padding:48px 22px}.nxid-showcase .nxid-sh-section-head{display:block}.nxid-showcase .nxid-sh-section-head>p{margin-top:10px}.nxid-showcase .nxid-sh-panel-section{padding:43px 22px}.nxid-showcase .nxid-sh-provider-row{grid-template-columns:repeat(2,1fr)}.nxid-showcase .nxid-sh-footer-cta{flex-direction:column;align-items:flex-start;padding:35px 23px}.nxid-showcase .nxid-sh-footer{padding:20px 23px}}
@media(max-width:480px){.nxid-showcase .nxid-sh-nav{padding:10px 14px}.nxid-showcase .nxid-sh-brand b{font-size:16px}.nxid-showcase .nxid-sh-brand small{font-size:9px}.nxid-showcase .nxid-sh-nav-cta{padding:8px 11px;font-size:11px}.nxid-showcase .nxid-sh-hero{padding:32px 16px 25px}.nxid-showcase .nxid-sh-actions{display:grid;grid-template-columns:1fr}.nxid-showcase .nxid-sh-actions>*{width:100%}.nxid-showcase .nxid-sh-trust{gap:10px}.nxid-showcase .nxid-sh-hero-visual{min-height:390px}.nxid-showcase .nxid-sh-preview{width:calc(100% - 22px);padding:20px}.nxid-showcase .nxid-sh-float-card{top:3%;left:-9px}.nxid-showcase .nxid-sh-float-stat{right:-7px;bottom:3%}.nxid-showcase .nxid-sh-feature-grid{grid-template-columns:1fr}.nxid-showcase .nxid-sh-feature-card{min-height:0}.nxid-showcase .nxid-sh-panel-mock{grid-template-columns:82px 1fr}.nxid-showcase .nxid-sh-panel-side{padding:10px 4px;gap:6px}.nxid-showcase .nxid-sh-panel-side>span:not(.nxid-sh-mini-logo){font-size:8px;padding:7px 3px}.nxid-showcase .nxid-sh-panel-content{padding:10px}.nxid-showcase .nxid-sh-panel-cards{gap:4px}.nxid-showcase .nxid-sh-panel-cards>div{padding:8px 5px}.nxid-showcase .nxid-sh-panel-cards small{font-size:8px}.nxid-showcase .nxid-sh-panel-cards strong{font-size:14px}.nxid-showcase .nxid-sh-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.nxid-showcase *{transition:none!important;transform:none!important}}