@font-face{font-family:"Vazirmatn";src:url("/assets/fonts/Vazirmatn.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 /* brand (from logo + letterhead) */
 --brand-blue:#1566A9;--brand-cyan:#16A6CB;--brand-slate:#424952;
 /* neon set derived from brand */
 --neon:#38D6FF;--electric:#3B8CFF;--violet:#8B7BFF;
 --bg:#05070D;--bg-2:#080C16;--surface:rgba(255,255,255,.035);--surface-2:rgba(255,255,255,.06);
 --stroke:rgba(148,190,255,.12);--stroke-2:rgba(148,190,255,.22);
 --text:#E9EEF6;--text-2:#A7B3C6;--text-3:#7C889C;
 --grad:linear-gradient(100deg,var(--neon) 0%,var(--electric) 55%,var(--violet) 100%);
 /* spacing scale */
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
 --sec:clamp(64px,7.5vw,112px);
 /* type scale */
 --fs-xs:.8125rem;--fs-sm:.9375rem;--fs-base:1rem;--fs-lead:clamp(1.05rem,.98rem + .35vw,1.2rem);
 --fs-h3:clamp(1.15rem,1.05rem + .4vw,1.35rem);--fs-h2:clamp(1.85rem,1.35rem + 1.9vw,2.85rem);--fs-h1:clamp(2.3rem,1.45rem + 3.4vw,4.1rem);
 --max:1200px;--r:18px;--r-lg:28px;
 --font:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
html[lang=en]{--font:"Inter","Vazirmatn",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--bg)}
body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:1.85;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang=en] body{line-height:1.65;letter-spacing:-.005em}
img{max-width:100%;display:block;height:auto}
a{color:var(--neon);text-decoration:none}
h1,h2,h3{margin:0;color:#fff;font-weight:800}
p{margin:0}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.skip{position:absolute;inset-inline-start:-999px;top:8px;z-index:200;background:#fff;color:#000;padding:8px 14px;border-radius:8px}.skip:focus{inset-inline-start:8px}
:focus-visible{outline:2px solid var(--neon);outline-offset:3px;border-radius:8px}
::selection{background:rgba(56,214,255,.35);color:#fff}

/* ---------- header ---------- */
header.top{position:fixed;inset-inline:0;top:0;z-index:100;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
header.top.scrolled{background:rgba(5,7,13,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom-color:var(--stroke)}
.nav{display:flex;align-items:center;gap:var(--s6);height:80px}
.brand img{height:44px;width:auto}
.nav nav{margin-inline-start:auto}
.nav ul{display:flex;gap:var(--s2);list-style:none;margin:0;padding:0}
.nav ul a{display:block;padding:8px 14px;border-radius:999px;color:var(--text-2);font-size:var(--fs-sm);font-weight:500;transition:color .2s,background .2s}
.nav ul a:hover{color:#fff;background:var(--surface-2)}
.nav-actions{display:flex;align-items:center;gap:var(--s3)}
.lang{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--stroke-2);color:var(--text);font-size:var(--fs-sm);font-weight:600;background:var(--surface);transition:border-color .2s,box-shadow .2s}
.lang svg{width:16px;height:16px;color:var(--neon)}
.lang:hover{border-color:rgba(56,214,255,.6);box-shadow:0 0 0 4px rgba(56,214,255,.08),0 0 24px rgba(56,214,255,.25)}

/* ---------- buttons ---------- */
.btns{display:flex;flex-wrap:wrap;gap:var(--s3)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:14px;font-weight:700;font-size:var(--fs-base);transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;white-space:nowrap}
.btn-sm{height:40px;padding:0 18px;border-radius:999px;font-size:var(--fs-sm)}
.btn-neon{color:#03111A;background:linear-gradient(100deg,#5BE3FF,var(--neon) 40%,#4B9BFF);box-shadow:0 0 0 1px rgba(56,214,255,.5),0 8px 30px -6px rgba(56,214,255,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(56,214,255,.8),0 12px 44px -6px rgba(56,214,255,.8),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-ghost{color:#fff;border:1px solid var(--stroke-2);background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:rgba(139,123,255,.7);box-shadow:0 0 28px -4px rgba(139,123,255,.45);transform:translateY(-2px)}
.arr{width:18px;height:18px;transition:transform .2s}
[dir=rtl] .arr{transform:scaleX(-1)}
.btn:hover .arr{transform:translateX(3px)}[dir=rtl] .btn:hover .arr{transform:scaleX(-1) translateX(3px)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;min-height:min(100svh,860px);display:flex;align-items:center;padding-block:calc(80px + var(--s7)) var(--s8);isolation:isolate}
.net{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.75;-webkit-mask-image:radial-gradient(ellipse 80% 75% at 50% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 75% at 50% 45%,#000 30%,transparent 80%)}
.aurora{position:absolute;inset:-20% -10% auto;height:120%;z-index:-2;pointer-events:none;filter:blur(60px);opacity:.9;
 background:radial-gradient(40% 35% at 75% 25%,rgba(22,166,203,.35),transparent 70%),radial-gradient(35% 30% at 20% 30%,rgba(21,102,169,.45),transparent 70%),radial-gradient(30% 30% at 55% 80%,rgba(139,123,255,.22),transparent 70%);animation:aur 18s ease-in-out infinite alternate}
@keyframes aur{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(3%,-2%,0) scale(1.02)}}
.grid-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(148,190,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,190,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}
.hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:160px;background:linear-gradient(transparent,var(--bg));z-index:-1}
.hero-in{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,72px);align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:#BFEFFF;background:rgba(56,214,255,.08);border:1px solid rgba(56,214,255,.28);box-shadow:0 0 24px -6px rgba(56,214,255,.4);margin-bottom:var(--s5)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 rgba(56,214,255,.7);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(56,214,255,.7)}70%{box-shadow:0 0 0 10px rgba(56,214,255,0)}100%{box-shadow:0 0 0 0 rgba(56,214,255,0)}}
.hero h1{font-size:var(--fs-h1);line-height:1.32;letter-spacing:-.01em;margin-bottom:var(--s5);max-width:15ch}
html[lang=en] .hero h1{font-size:clamp(2.3rem,1.35rem + 3vw,3.75rem);line-height:1.08;letter-spacing:-.035em;max-width:17ch}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(56,214,255,.35))}
.lead{font-size:var(--fs-lead);color:var(--text-2);max-width:34em;margin-bottom:var(--s6)}
.hero-visual{position:relative;justify-self:center;width:min(440px,100%);aspect-ratio:1}
.orb{position:absolute;inset:6%;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(56,214,255,.22)}
.r1{inset:0;border-color:rgba(56,214,255,.18);animation:spin 40s linear infinite}
.r2{inset:12%;border-style:dashed;border-color:rgba(59,140,255,.3);animation:spin 28s linear infinite reverse}
.r3{inset:24%;border-color:rgba(139,123,255,.28)}
.r1::before,.r2::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px 2px var(--neon)}
.r2::before{background:var(--violet);box-shadow:0 0 12px 2px var(--violet);top:auto;bottom:-4px}
@keyframes spin{to{transform:rotate(360deg)}}
.core{position:relative;width:46%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(56,214,255,.18),rgba(8,12,22,.9) 70%);border:1px solid rgba(56,214,255,.4);box-shadow:0 0 60px rgba(56,214,255,.35),0 0 140px rgba(59,140,255,.25),inset 0 0 40px rgba(56,214,255,.15);backdrop-filter:blur(6px)}
.core img{width:52%;filter:drop-shadow(0 0 14px rgba(56,214,255,.6))}
.chips{position:absolute;inset:0;pointer-events:none}
.chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:#fff;background:rgba(10,16,30,.7);border:1px solid var(--stroke-2);backdrop-filter:blur(10px);box-shadow:0 8px 30px rgba(0,0,0,.4);animation:float 6s ease-in-out infinite;white-space:nowrap}
[dir=rtl] .chip{padding:8px 10px 8px 14px}
.chip i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%}
.chip svg{width:16px;height:16px}
.chip-km{top:8%;inset-inline-end:0}.chip-km i{color:var(--neon);background:rgba(56,214,255,.14)}
.chip-ai{top:46%;inset-inline-start:-6%;animation-delay:-2s}.chip-ai i{color:var(--electric);background:rgba(59,140,255,.16)}
.chip-sec{bottom:6%;inset-inline-end:6%;animation-delay:-4s}.chip-sec i{color:var(--violet);background:rgba(139,123,255,.16)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---------- sections ---------- */
.sec{position:relative;padding-block:var(--sec)}
.sec-head{max-width:640px;margin-bottom:var(--s8)}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:var(--fs-h2);line-height:1.3;letter-spacing:-.01em;margin:var(--s3) 0 var(--s4)}
html[lang=en] .sec-head h2{line-height:1.15;letter-spacing:-.03em}
.sec-head p{color:var(--text-2);font-size:var(--fs-lead)}
.sec-head p+p{margin-top:var(--s4)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neon)}
html[lang=fa] .kicker{letter-spacing:0}
.kicker::before{content:"";width:24px;height:2px;border-radius:2px;background:var(--grad);box-shadow:0 0 10px var(--neon)}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--stroke);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* about */
.about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);align-items:center}
.about .sec-head{margin-bottom:0;max-width:none}
.values{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.value{display:flex;gap:var(--s5);align-items:flex-start;padding:var(--s5) var(--s5);border-radius:var(--r);transition:border-color .25s,box-shadow .25s,transform .25s}
.value:hover{border-color:rgba(56,214,255,.35);box-shadow:0 0 40px -12px rgba(56,214,255,.45);transform:translateX(0) translateY(-2px)}
.vnum{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-weight:800;font-size:var(--fs-sm);color:var(--neon);background:rgba(56,214,255,.08);border:1px solid rgba(56,214,255,.3)}
.value strong{display:block;color:#fff;font-size:var(--fs-h3);margin-bottom:2px}
.value span{color:var(--text-2);font-size:var(--fs-sm)}

/* services */
.services::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 40% at 50% 0%,rgba(21,102,169,.22),transparent 70%)}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.svc{--c:var(--neon);--c-rgb:56,214,255;position:relative;padding:var(--s6);border-radius:var(--r-lg);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.svc-ai{--c:var(--electric);--c-rgb:59,140,255}.svc-sec{--c:var(--violet);--c-rgb:139,123,255}
.svc::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.8}
.svc::after{content:"";position:absolute;width:260px;height:260px;top:-130px;inset-inline-end:-80px;border-radius:50%;background:radial-gradient(circle,rgba(var(--c-rgb),.22),transparent 70%);transition:opacity .3s;opacity:.6;pointer-events:none}
.svc:hover{transform:translateY(-6px);border-color:rgba(var(--c-rgb),.5);box-shadow:0 0 0 1px rgba(var(--c-rgb),.25),0 24px 60px -20px rgba(var(--c-rgb),.55)}
.svc:hover::after{opacity:1}
.svc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s5)}
.svc-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;color:var(--c);background:rgba(var(--c-rgb),.1);border:1px solid rgba(var(--c-rgb),.4);box-shadow:0 0 30px -6px rgba(var(--c-rgb),.6),inset 0 0 18px rgba(var(--c-rgb),.15)}
.svc-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(var(--c-rgb),.8))}
.svc-num{font-size:var(--fs-sm);font-weight:700;color:var(--text-3);font-variant-numeric:tabular-nums}
.svc h3{font-size:var(--fs-h3);margin-bottom:var(--s3)}
.svc p{color:var(--text-2);font-size:var(--fs-sm);margin-bottom:var(--s5)}
.svc ul{list-style:none;margin:0;padding:var(--s5) 0 0;border-top:1px solid var(--stroke);display:grid;gap:var(--s3)}
.svc li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);color:var(--text);line-height:1.6}
.svc li svg{flex:none;width:16px;height:16px;margin-top:.2em;color:var(--c)}

/* approach timeline */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);position:relative}
.timeline::before{content:"";position:absolute;top:27px;inset-inline:12.5%;height:2px;background:linear-gradient(90deg,var(--neon),var(--electric),var(--violet));box-shadow:0 0 14px rgba(56,214,255,.6);opacity:.7}
[dir=rtl] .timeline::before{background:linear-gradient(270deg,var(--neon),var(--electric),var(--violet))}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s5)}
.node{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font-weight:800;color:#fff;background:var(--bg-2);border:1px solid rgba(56,214,255,.6);box-shadow:0 0 0 6px var(--bg),0 0 26px rgba(56,214,255,.55),inset 0 0 14px rgba(56,214,255,.25);font-variant-numeric:tabular-nums}
.step:nth-child(2) .node{border-color:rgba(59,140,255,.7);box-shadow:0 0 0 6px var(--bg),0 0 26px rgba(59,140,255,.55),inset 0 0 14px rgba(59,140,255,.25)}
.step:nth-child(3) .node{border-color:rgba(110,130,255,.7);box-shadow:0 0 0 6px var(--bg),0 0 26px rgba(110,130,255,.5),inset 0 0 14px rgba(110,130,255,.25)}
.step:nth-child(4) .node{border-color:rgba(139,123,255,.7);box-shadow:0 0 0 6px var(--bg),0 0 26px rgba(139,123,255,.55),inset 0 0 14px rgba(139,123,255,.25)}
.step-body{width:100%;flex:1;padding:var(--s5);border-radius:var(--r);transition:border-color .25s,box-shadow .25s}
.step:hover .step-body{border-color:rgba(56,214,255,.35);box-shadow:0 0 40px -14px rgba(56,214,255,.5)}
.step h3{font-size:var(--fs-h3);margin-bottom:var(--s2)}
.step p{color:var(--text-2);font-size:var(--fs-sm)}

/* contact */
.cta-panel{position:relative;overflow:hidden;padding:clamp(40px,6vw,80px) clamp(20px,5vw,64px);border-radius:32px;isolation:isolate;
 background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,linear-gradient(120deg,rgba(56,214,255,.7),rgba(59,140,255,.35) 40%,rgba(139,123,255,.7)) border-box;border:1px solid transparent;box-shadow:0 0 80px -20px rgba(56,214,255,.35)}
.cta-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 0%,rgba(56,214,255,.22),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(139,123,255,.18),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(21,102,169,.25),transparent 70%)}
.cta-panel .sec-head{margin-bottom:var(--s7)}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--s5);max-width:980px;margin-inline:auto;align-items:stretch}
.c-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding:clamp(24px,3vw,36px);border-radius:var(--r-lg);background:rgba(255,255,255,.04);border:1px solid var(--stroke);text-align:start}
.c-card h3{font-size:var(--fs-h3)}
.c-card p{color:var(--text-2);font-size:var(--fs-sm);flex:1}
.c-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:var(--neon);background:rgba(56,214,255,.1);border:1px solid rgba(56,214,255,.4);box-shadow:0 0 26px -6px rgba(56,214,255,.6)}
.c-ic svg{width:26px;height:26px}
.c-mail{font-weight:700;font-size:clamp(1rem,.95rem + .3vw,1.15rem);color:#fff;font-family:"Inter","Vazirmatn",system-ui,sans-serif;letter-spacing:-.01em;border-bottom:1px dashed rgba(56,214,255,.5);padding-bottom:2px;margin-bottom:var(--s3)}
.c-mail:hover{color:var(--neon)}
.c-card .btn{margin-top:auto}
.c-rfp{background:linear-gradient(180deg,rgba(56,214,255,.14),rgba(59,140,255,.04)) padding-box,linear-gradient(#0A1222,#0A1222) padding-box,linear-gradient(130deg,rgba(56,214,255,.9),rgba(139,123,255,.6)) border-box;border:1px solid transparent;box-shadow:0 0 60px -14px rgba(56,214,255,.6)}
.c-gen .c-ic{color:var(--violet);background:rgba(139,123,255,.1);border-color:rgba(139,123,255,.4);box-shadow:0 0 26px -6px rgba(139,123,255,.55)}

/* footer */
.foot{border-top:1px solid var(--stroke);padding-top:var(--s8);background:linear-gradient(180deg,transparent,rgba(21,102,169,.06))}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr auto;gap:var(--s7);align-items:start;padding-bottom:var(--s7)}
.foot-brand img{height:44px;width:auto;margin-bottom:var(--s4)}
.foot-brand p{color:var(--text-3);font-size:var(--fs-sm)}
.foot nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,auto);gap:var(--s2) var(--s6);justify-content:start}
.foot nav a{color:var(--text-2);font-size:var(--fs-sm)}.foot nav a:hover{color:#fff}
.foot-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s3);color:var(--text-3);font-size:var(--fs-sm)}
.foot-meta a[href^=mailto]{color:var(--text-2)}.foot-meta a[href^=mailto]:hover{color:var(--neon)}
.foot-bottom{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding-block:var(--s5);border-top:1px solid var(--stroke);color:var(--text-3);font-size:var(--fs-xs)}
.foot-bottom a{color:var(--text-2)}

/* reveal */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.svc-grid .reveal:nth-child(2),.timeline .reveal:nth-child(2),.values .reveal:nth-child(2){transition-delay:.08s}
.svc-grid .reveal:nth-child(3),.timeline .reveal:nth-child(3),.values .reveal:nth-child(3){transition-delay:.16s}
.timeline .reveal:nth-child(4){transition-delay:.24s}

/* responsive */
@media (max-width:1020px){
 .nav ul{display:none}.nav-actions{margin-inline-start:auto}
 .hero-in{grid-template-columns:1fr;text-align:start}
 .hero-visual{width:min(340px,86%);order:2}
 .svc-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
 .about-grid{grid-template-columns:1fr}
 .timeline{grid-template-columns:1fr;gap:var(--s4);max-width:620px;margin-inline:auto}
 .timeline::before{top:28px;bottom:28px;inset-inline-start:27px;inset-inline-end:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--neon),var(--electric),var(--violet))}
 [dir=rtl] .timeline::before{background:linear-gradient(180deg,var(--neon),var(--electric),var(--violet))}
 .step{flex-direction:row;align-items:flex-start;text-align:start}
 .foot-grid{grid-template-columns:1fr 1fr}.foot-meta{align-items:flex-start}
}
@media (max-width:640px){
 .nav{height:68px;gap:var(--s3)}
 .brand img{height:34px}
 .nav-cta{display:none}
 .lang{height:36px;padding:0 12px}
 .hero{padding-block:calc(68px + var(--s7)) var(--s8);min-height:auto}
 .hero h1{max-width:none}
 .btns .btn{flex:1 1 auto}
 .hero-visual{width:min(250px,70%);margin-top:var(--s2)}
 .chips{display:none}
 .contact-grid{grid-template-columns:1fr}
 .c-card .btn{width:100%}
 .foot-grid{grid-template-columns:1fr;gap:var(--s5)}
 .sec-head{margin-bottom:var(--s7)}
 .svc{padding:var(--s5)}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .js .reveal{opacity:1;transform:none}
}
/* ===== RFP form ===== */
.contact-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);max-width:1120px;gap:var(--s6);align-items:start}
.rfp-form{position:relative;padding:clamp(22px,3.2vw,40px);border-radius:var(--r-lg);text-align:start;
 background:linear-gradient(180deg,rgba(56,214,255,.08),rgba(59,140,255,.02)) padding-box,linear-gradient(#0A1222,#0A1222) padding-box,linear-gradient(130deg,rgba(56,214,255,.85),rgba(59,140,255,.25) 45%,rgba(139,123,255,.6)) border-box;border:1px solid transparent;box-shadow:0 0 70px -18px rgba(56,214,255,.55),0 30px 60px -30px rgba(0,0,0,.8)}
.form-head{display:flex;gap:var(--s4);align-items:flex-start;margin-bottom:var(--s6)}
.form-head .c-ic{flex:none}
.form-head h3{font-size:var(--fs-h3);color:#fff;margin-bottom:4px}
.form-head p{color:var(--text-2);font-size:var(--fs-sm);margin:0}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5) var(--s4)}
.f{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.f-full{grid-column:1/-1}
.f label,.f legend{font-size:var(--fs-sm);font-weight:600;color:#DCE6F2;padding:0}
.f legend{margin-bottom:8px}
.f label b,.f legend b{color:var(--neon);font-weight:800;text-shadow:0 0 8px rgba(56,214,255,.8)}
.f label em{font-style:normal;font-weight:400;font-size:var(--fs-xs);color:var(--text-3);margin-inline-start:4px}
.f input,.f select,.f textarea{width:100%;font:inherit;font-size:var(--fs-sm);color:var(--text);background:rgba(4,8,18,.72);border:1px solid rgba(148,190,255,.16);border-radius:12px;padding:12px 14px;min-height:48px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;color-scheme:dark}
.f textarea{resize:vertical;min-height:150px;line-height:1.9}
.f input::placeholder,.f textarea::placeholder{color:#56627A}
.f input[dir=ltr]{text-align:left}
[dir=rtl] .f input[dir=ltr]::placeholder{text-align:right}
.f select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2338D6FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 14px center}
[dir=rtl] .f select{background-position:left 14px center}
.f select option{background:#0A1222;color:var(--text)}
.f input:hover,.f select:hover,.f textarea:hover{border-color:rgba(148,190,255,.3)}
.f input:focus,.f select:focus,.f textarea:focus{border-color:rgba(56,214,255,.85);background:rgba(6,14,28,.9);box-shadow:0 0 0 3px rgba(56,214,255,.16),0 0 24px -4px rgba(56,214,255,.5)}
.f .hint{font-size:var(--fs-xs);color:var(--text-3);line-height:1.6}
.f .err{font-size:var(--fs-xs);color:#FF7A93;min-height:0;line-height:1.5}
.f .err:empty{display:none}
.f.bad input,.f.bad select,.f.bad textarea{border-color:rgba(255,92,128,.85);box-shadow:0 0 0 3px rgba(255,92,128,.12),0 0 20px -6px rgba(255,92,128,.6)}
.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.pick{position:relative;cursor:pointer}
.pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;min-height:0}
.pick span{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;min-height:48px;padding:10px 12px;border-radius:12px;text-align:center;font-size:var(--fs-sm);font-weight:600;color:var(--text-2);background:rgba(4,8,18,.6);border:1px solid rgba(148,190,255,.16);transition:all .2s;line-height:1.5}
.pick span::before{content:"";flex:none;width:16px;height:16px;border-radius:5px;border:1.5px solid rgba(148,190,255,.4);transition:all .2s}
.pick:hover span{border-color:rgba(56,214,255,.45);color:#fff}
.pick input:focus-visible+span{box-shadow:0 0 0 3px rgba(56,214,255,.3)}
.pick input:checked+span{color:#fff;border-color:rgba(56,214,255,.9);background:linear-gradient(180deg,rgba(56,214,255,.18),rgba(59,140,255,.08));box-shadow:0 0 22px -6px rgba(56,214,255,.75),inset 0 0 14px rgba(56,214,255,.12)}
.pick input:checked+span::before{border-color:var(--neon);background:var(--neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%2303111A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 10px rgba(56,214,255,.9)}
.f.bad .pick span{border-color:rgba(255,92,128,.6)}
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.f-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s6);flex-wrap:wrap}
.ts-wrap{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:6px}
#ts-widget{min-height:65px}
.ts-wrap .err{font-size:var(--fs-xs);color:#FF7A93}.ts-wrap .err:empty{display:none}
.f-submit{min-width:200px}
.f-submit .spin{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(3,17,26,.25);border-top-color:#03111A;animation:spin .8s linear infinite}
.busy .f-submit{opacity:.85;cursor:progress}.busy .f-submit .spin{display:inline-block}.busy .f-submit .arr{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.f-status{display:flex;flex-direction:column;gap:4px;margin-top:var(--s5);padding:16px 20px;border-radius:16px;font-size:var(--fs-sm);line-height:1.8;animation:pop .35s ease-out}
.f-status strong{font-size:var(--fs-base);color:#fff}
.f-status.ok{background:linear-gradient(180deg,rgba(46,230,166,.14),rgba(46,230,166,.05));border:1px solid rgba(46,230,166,.7);color:#BFF5E2;box-shadow:0 0 34px -6px rgba(46,230,166,.6),inset 0 0 20px rgba(46,230,166,.08)}
.f-status.ok strong{text-shadow:0 0 12px rgba(46,230,166,.8)}
.f-status.err{background:linear-gradient(180deg,rgba(255,92,128,.14),rgba(255,92,128,.05));border:1px solid rgba(255,92,128,.7);color:#FFD0DA;box-shadow:0 0 34px -6px rgba(255,92,128,.55),inset 0 0 20px rgba(255,92,128,.08)}
.f-status.err strong{text-shadow:0 0 12px rgba(255,92,128,.8)}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.c-aside{display:flex;flex-direction:column;gap:var(--s4);text-align:start}
.c-aside-t{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:4px 0 0}
.c-mini{flex-direction:row;align-items:flex-start;gap:var(--s4);padding:var(--s5)}
.c-mini .c-ic{flex:none;width:44px;height:44px;border-radius:12px}
.c-mini .c-ic svg{width:22px;height:22px}
.c-mini h3{font-size:var(--fs-base);color:#fff;margin-bottom:2px}
.c-mini p{font-size:var(--fs-xs);color:var(--text-2);margin:0 0 8px}
.c-mini .c-mail{font-size:var(--fs-sm);margin:0;word-break:break-all}
.c-rfp-mini{border-color:rgba(56,214,255,.3);background:rgba(56,214,255,.05)}
@media (max-width:1020px){.contact-grid{grid-template-columns:1fr}.c-aside{display:grid;grid-template-columns:1fr 1fr}.c-aside-t{grid-column:1/-1}}
@media (max-width:640px){.f-grid{grid-template-columns:1fr}.picks{grid-template-columns:1fr 1fr}.c-aside{grid-template-columns:1fr}.f-submit{width:100%}.form-head .c-ic{display:none}}
@media (prefers-reduced-motion:reduce){.f-submit .spin{animation:spin 1.2s linear infinite!important}}
/* ===== Research content ===== */
bdi{unicode-bidi:isolate}
.src{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:var(--fs-xs);color:var(--text-3);line-height:1.6;transition:color .2s;margin-top:auto}
.src .src-k{color:var(--text-3)}.src .src-n{color:#C6D3E4}.src .src-d{color:var(--neon);font-variant-numeric:tabular-nums}
.src .dot{opacity:.5}
.src:hover .src-n{color:#fff}.src:hover{color:var(--text-2)}
.ext{width:12px;height:12px;flex:none;opacity:.7}
.ed-note{max-width:780px;margin:var(--s6) auto 0;text-align:center;font-size:var(--fs-xs);color:var(--text-3);line-height:1.8}
/* why now */
.why{position:relative}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.stat{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:var(--r-lg);position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:.7}
.stat-v{font-family:"Inter","Vazirmatn",system-ui,sans-serif;font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,var(--neon) 55%,var(--electric));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(56,214,255,.35));text-align:start}
[dir=rtl] .stat-v{text-align:right}
.stat-l{font-weight:700;color:#fff;font-size:var(--fs-base);line-height:1.6}
.stat p{color:var(--text-2);font-size:var(--fs-xs);line-height:1.8;margin:0 0 var(--s2);flex:1}
/* service tabs */
.svc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-bottom:var(--s5)}
.svc-tab{--c:var(--neon);--c-rgb:56,214,255;display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-radius:var(--r);border:1px solid var(--stroke);background:rgba(255,255,255,.03);color:var(--text-2);font:inherit;cursor:pointer;text-align:start;transition:all .25s}
.svc-tab.svc-ai,.svc-panel.svc-ai{--c:var(--electric);--c-rgb:59,140,255}.svc-tab.svc-sec,.svc-panel.svc-sec{--c:var(--violet);--c-rgb:139,123,255}
.svc-panel{--c:var(--neon);--c-rgb:56,214,255}
.svc-tab .svc-icon{width:48px;height:48px;border-radius:14px;flex:none}.svc-tab .svc-icon svg{width:24px;height:24px}
.t-txt{display:flex;flex-direction:column;line-height:1.4}.t-txt strong{color:#fff;font-size:var(--fs-h3)}
.svc-tab:hover{border-color:rgba(var(--c-rgb),.45);color:#fff}
.svc-tab[aria-selected=true]{border-color:rgba(var(--c-rgb),.85);background:linear-gradient(180deg,rgba(var(--c-rgb),.16),rgba(var(--c-rgb),.04));box-shadow:0 0 40px -10px rgba(var(--c-rgb),.7),inset 0 0 20px rgba(var(--c-rgb),.08)}
.svc-tab:focus-visible{outline:2px solid rgba(var(--c-rgb),.9);outline-offset:2px}
.svc-panels{border-radius:var(--r-lg);padding:clamp(22px,3.5vw,48px);position:relative;overflow:hidden}
.js .svc-panel[data-hidden]{display:none}
.svc-panel+.svc-panel{margin-top:var(--s8)}.js .svc-panel+.svc-panel{margin-top:0}
.svc-panel:focus{outline:none}
.sp-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s4) var(--s7);align-items:start;padding-bottom:var(--s6);border-bottom:1px solid var(--stroke);margin-bottom:var(--s6)}
.sp-title{grid-column:1/-1;display:flex;align-items:center;gap:var(--s4)}
.sp-title .svc-icon{width:52px;height:52px}.sp-title h3{font-size:var(--fs-h2);line-height:1.2}
.sp-intro{color:var(--text-2);font-size:var(--fs-base);line-height:2;margin:0}
.fws{display:flex;flex-direction:column;gap:var(--s3)}
.mini-k{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.fw{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid rgba(var(--c-rgb),.25);background:rgba(var(--c-rgb),.05);font-size:var(--fs-sm);color:#fff;font-weight:600;line-height:1.5;position:relative;padding-inline-end:34px;transition:border-color .2s,box-shadow .2s}
.fw .ext{position:absolute;top:14px;inset-inline-end:12px;color:var(--c)}
.fw-d{font-size:var(--fs-xs);font-weight:400;color:var(--text-3)}
.fw:hover{border-color:rgba(var(--c-rgb),.7);box-shadow:0 0 20px -8px rgba(var(--c-rgb),.8)}
.mini-h{font-size:var(--fs-sm);font-weight:700;color:var(--c);margin:0 0 var(--s4);display:flex;align-items:center;gap:10px;text-shadow:0 0 12px rgba(var(--c-rgb),.5)}
.mini-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--c-rgb),.4),transparent)}
[dir=rtl] .mini-h::after{background:linear-gradient(270deg,rgba(var(--c-rgb),.4),transparent)}
.offs{list-style:none;margin:0 0 var(--s7);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.off{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:var(--r);background:rgba(4,8,18,.5);border:1px solid var(--stroke);transition:border-color .25s,transform .25s}
.off:hover{border-color:rgba(var(--c-rgb),.45);transform:translateY(-3px)}
.off-n{font-size:var(--fs-xs);font-weight:800;color:var(--c);font-variant-numeric:tabular-nums}
.off h4{font-size:var(--fs-base);color:#fff;line-height:1.6;margin:0}
.off p{font-size:var(--fs-xs);color:var(--text-2);line-height:1.85;margin:0;flex:1}
.basis{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;color:var(--text-3);margin-top:var(--s2)}
.basis a{padding:2px 8px;border-radius:999px;border:1px solid var(--stroke);color:var(--text-2);transition:all .2s}
.basis a:hover{border-color:rgba(var(--c-rgb),.6);color:#fff}
.trends{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.trend{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:var(--r);border:1px solid rgba(var(--c-rgb),.22);background:linear-gradient(180deg,rgba(var(--c-rgb),.07),transparent);position:relative}
.trend::before{content:"";position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:var(--c);box-shadow:0 0 12px rgba(var(--c-rgb),.9)}
.trend h4{font-size:var(--fs-base);color:#fff;margin:0;line-height:1.6}
.trend p{font-size:var(--fs-xs);color:var(--text-2);line-height:1.85;margin:0 0 var(--s2);flex:1}
/* insights */
.flts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:calc(-1 * var(--s4)) 0 var(--s6)}
.flt{font:inherit;font-size:var(--fs-sm);font-weight:600;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--stroke-2,rgba(148,190,255,.2));background:rgba(255,255,255,.03);color:var(--text-2);cursor:pointer;transition:all .2s}
.flt:hover{color:#fff;border-color:rgba(56,214,255,.45)}
.flt[aria-pressed=true]{color:#03111A;background:linear-gradient(100deg,#5BE3FF,var(--neon) 40%,#4B9BFF);border-color:transparent;box-shadow:0 0 24px -6px rgba(56,214,255,.7)}
.ins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.ins{--c:var(--neon);--c-rgb:56,214,255;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6) var(--s5) var(--s5);border-radius:var(--r-lg);position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.ins-ai{--c:var(--electric);--c-rgb:59,140,255}.ins-sec{--c:var(--violet);--c-rgb:139,123,255}
.ins::before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent)}
.ins:hover{transform:translateY(-4px);border-color:rgba(var(--c-rgb),.45);box-shadow:0 20px 50px -24px rgba(var(--c-rgb),.6)}
.ins[hidden]{display:none}
.ins-top{display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--c);background:rgba(var(--c-rgb),.1);border:1px solid rgba(var(--c-rgb),.35)}
.tag i{display:inline-flex}.tag svg{width:14px;height:14px}
.tag-ir{--c:#2EE6A6;--c-rgb:46,230,166}
.ins-d{font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums}
.ins h3{font-size:var(--fs-h3);line-height:1.55;color:#fff}
.ins p{font-size:var(--fs-sm);color:var(--text-2);line-height:1.9;margin:0 0 var(--s2);flex:1}
.ins-src{padding-top:var(--s3);border-top:1px solid var(--stroke);width:100%}
/* faq */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:var(--s8);align-items:start}
.faq-wrap .sec-head{position:sticky;top:110px;margin:0;text-align:start}
.qas{display:flex;flex-direction:column;gap:var(--s3)}
.qa{border-radius:var(--r);border:1px solid var(--stroke);background:rgba(255,255,255,.03);transition:border-color .25s,box-shadow .25s,background .25s}
.qa[open]{border-color:rgba(56,214,255,.5);background:linear-gradient(180deg,rgba(56,214,255,.07),rgba(255,255,255,.02));box-shadow:0 0 34px -14px rgba(56,214,255,.7)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);cursor:pointer;font-weight:700;color:#fff;font-size:var(--fs-base);line-height:1.7}
.qa summary::-webkit-details-marker{display:none}
.qa summary:focus-visible{outline:2px solid rgba(56,214,255,.8);outline-offset:2px;border-radius:var(--r)}
.qa summary i{flex:none;position:relative;width:28px;height:28px;border-radius:50%;border:1px solid rgba(56,214,255,.4);transition:transform .3s,background .3s}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;inset:50% auto auto 50%;width:10px;height:1.6px;background:var(--neon);transform:translate(-50%,-50%);border-radius:2px}
.qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.qa[open] summary i{background:rgba(56,214,255,.15);box-shadow:0 0 14px rgba(56,214,255,.5)}
.qa[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.qa-a{padding:0 var(--s5) var(--s5)}
.qa-a p{margin:0;color:var(--text-2);font-size:var(--fs-sm);line-height:2}
@media (max-width:1020px){
 .stats{grid-template-columns:1fr 1fr}
 .sp-head{grid-template-columns:1fr}
 .offs,.trends,.ins-grid{grid-template-columns:1fr 1fr}
 .faq-wrap{grid-template-columns:1fr;gap:var(--s6)}.faq-wrap .sec-head{position:static}
}
@media (max-width:640px){
 .stats,.offs,.trends,.ins-grid{grid-template-columns:1fr}
 .svc-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .svc-tab{flex-direction:column;gap:8px;padding:12px 8px;text-align:center}
 .svc-tab .svc-num{display:none}.t-txt strong{font-size:var(--fs-sm)}
 .svc-tab .svc-icon{width:40px;height:40px}
 .sp-title h3{font-size:var(--fs-h3)}
 .qa summary{padding:var(--s4)}.qa-a{padding:0 var(--s4) var(--s4)}
}
/* slogan hero */
.hero h1{font-size:clamp(2rem,1.25rem + 2.7vw,3.5rem);line-height:1.45;max-width:18ch;text-wrap:balance}
html[lang=en] .hero h1{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem);line-height:1.12;max-width:19ch;text-wrap:balance}
.hero h1 .grad{white-space:nowrap}
@media (max-width:640px){.hero h1{font-size:clamp(1.75rem,1.2rem + 3.2vw,2.3rem);max-width:none}html[lang=en] .hero h1{font-size:clamp(1.9rem,1.3rem + 3vw,2.4rem)}}
/* justified body text */
.hero .lead,.about .sec-head p,.sp-intro,.off p,.trend p,.ins p,.qa-a p,.foot-brand p,.stat p,.svc p{text-align:justify;text-justify:inter-word;text-align-last:start;word-spacing:normal}
html[lang=fa] .hero .lead,html[lang=fa] .about .sec-head p,html[lang=fa] .sp-intro,html[lang=fa] .off p,html[lang=fa] .trend p,html[lang=fa] .ins p,html[lang=fa] .qa-a p,html[lang=fa] .foot-brand p,html[lang=fa] .stat p{text-align-last:right;hyphens:manual}
html[lang=en] .hero .lead,html[lang=en] .about .sec-head p,html[lang=en] .sp-intro,html[lang=en] .off p,html[lang=en] .trend p,html[lang=en] .ins p,html[lang=en] .qa-a p,html[lang=en] .foot-brand p,html[lang=en] .stat p{text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.about .sec-head.center p,.sec-head.center p{text-align:center;text-align-last:center}
@media (max-width:640px){.svc-panels{padding:22px 16px}.ins{padding-inline:18px}.off,.trend{padding:var(--s4)}.cta-panel{padding-inline:14px}}
/* hero: 2-line slogan */
@media (min-width:1021px){
 .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,340px);grid-template-areas:"pill pill" "h1 h1" "lead vis" "btns vis";column-gap:clamp(40px,6vw,96px);row-gap:0;align-items:start}
 .hero-copy{display:contents}
 .hero-copy .pill{grid-area:pill;justify-self:start}
 .hero h1{grid-area:h1;max-width:none;width:100%;font-size:clamp(2.5rem,.9rem + 3.05vw,3.75rem);line-height:1.4;text-wrap:initial;margin-bottom:var(--s6)}
 html[lang=en] .hero h1{max-width:none;font-size:clamp(2.35rem,.7rem + 3.05vw,3.6rem);line-height:1.15;letter-spacing:-.03em}
 .hero h1 .hl1,.hero h1 .hl2{display:block;white-space:nowrap}
 .hero .lead{grid-area:lead;max-width:40em;align-self:start}
 .hero .btns{grid-area:btns;align-self:start}
 .hero-visual{grid-area:vis;width:340px;align-self:center;margin-top:-40px}
}
@media (max-width:1020px){.hero h1{max-width:none;text-wrap:balance}}
@media (max-width:640px){.hero h1{font-size:clamp(1.6rem,1.05rem + 2.9vw,2rem);line-height:1.55}html[lang=en] .hero h1{font-size:clamp(1.75rem,1.2rem + 2.6vw,2.15rem)}}
@media (min-width:1021px){html[lang=en] .hero h1{font-size:clamp(2.2rem,.6rem + 2.85vw,3.15rem)}}
@media (max-width:640px){html[lang=en] .hero h1{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.6rem);line-height:1.3;letter-spacing:-.02em}}
@media (max-width:1020px){html[lang=en] .hero h1{max-width:none}}
@media (min-width:1021px){
 .hero-in{grid-template-areas:"pill pill" "h1 h1" "lead vis" "btns vis" ". vis";grid-template-rows:auto auto auto auto 1fr}
 .hero-visual{width:300px;margin-top:-8px;align-self:start}
 .hero .lead{margin-bottom:var(--s6)}
}
/* v10: header logo, hero orb, models */
.brand img{height:52px}
.hero-visual{width:360px;aspect-ratio:1}
.orb{inset:13%}
.core{width:48%}
.chip{animation-name:float}
.chip-km{top:0;bottom:auto;inset-inline:0;margin-inline:auto;width:max-content}
.chip-ai{top:auto;bottom:3%;inset-inline-start:0;inset-inline-end:auto}
.chip-sec{top:auto;bottom:3%;inset-inline-end:0;inset-inline-start:auto}
@media (min-width:1021px){
 .hero-in{grid-template-areas:"pill pill" "h1 h1" "lead vis" "btns vis";grid-template-rows:auto auto 1fr 1fr}
 .hero .lead{align-self:end;margin-bottom:var(--s6)}
 .hero .btns{align-self:start}
 .hero-visual{width:360px;align-self:center;margin-top:0}
}
@media (max-width:1020px){.hero-visual{width:min(360px,90%)}}
@media (max-width:640px){
 .brand img{height:40px}
 .chips{display:block}
 .hero-visual{width:min(330px,92%);margin-top:var(--s4)}
 .chip{font-size:11px;padding:6px 10px 6px 7px;gap:6px}[dir=rtl] .chip{padding:6px 7px 6px 10px}
 .chip i{width:22px;height:22px}.chip svg{width:13px;height:13px}
}
.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);align-items:stretch}
.model{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);border-radius:var(--r-lg);position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.model::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:.7}
.model:hover{transform:translateY(-5px);border-color:rgba(56,214,255,.45);box-shadow:0 24px 60px -24px rgba(56,214,255,.55)}
.model-hl{background:linear-gradient(180deg,rgba(56,214,255,.1),rgba(59,140,255,.03)) padding-box,linear-gradient(#0A1222,#0A1222) padding-box,linear-gradient(130deg,rgba(56,214,255,.9),rgba(139,123,255,.6)) border-box;border:1px solid transparent;box-shadow:0 0 60px -16px rgba(56,214,255,.6)}
.model-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}
.model-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:var(--neon);background:rgba(56,214,255,.1);border:1px solid rgba(56,214,255,.4);box-shadow:0 0 26px -6px rgba(56,214,255,.6)}
.model-ic svg{width:26px;height:26px}
.model-n{font-size:var(--fs-sm);font-weight:700;color:var(--text-3)}
.model h3{font-size:var(--fs-h3);color:#fff}
.model p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.9;margin:0;text-align:justify;text-justify:inter-word}
html[lang=fa] .model p{text-align-last:right}html[lang=en] .model p{text-align-last:left;hyphens:auto}
.model ul{list-style:none;margin:var(--s2) 0 var(--s4);padding:var(--s4) 0 0;border-top:1px solid var(--stroke);display:grid;gap:var(--s3);flex:1;align-content:start}
.model li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);line-height:1.6}
.model li svg{flex:none;width:16px;height:16px;margin-top:.2em;color:var(--neon)}
.model-cta{width:100%}
@media (max-width:1020px){.model-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}
@media (max-width:640px){.model{padding:var(--s5)}}
@media (max-width:1180px) and (min-width:1021px){.nav ul a{padding:8px 10px}}
@media (min-width:1021px){.hero-visual{width:320px}.hero-in{row-gap:0}}