:root{--bg:#050711;--bg2:#0A1020;--sf:#0D1426;--cy:#00E5FF;--bl:#4675FF;--vi:#7865FF;--tx:#F4F7FF;--mu:#929DB5;--bd:rgba(150,180,220,.16);--f:'Manrope','Vazirmatn',system-ui,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
html[lang=fa]{--f:'Vazirmatn','Manrope',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.7 var(--f);overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--cy);outline-offset:3px;border-radius:4px}
.w{max-width:1200px;margin-inline:auto;padding-inline:24px}
section{padding-block:clamp(64px,9vw,104px);border-top:1px solid var(--bd)}
h1,h2,h3{line-height:1.12;margin:0;font-weight:800;letter-spacing:-.02em}
html[lang=fa] body{font-size:17px}
html[lang=fa] :is(h1,h2,h3,h4,p,li,label,dt,dd,.ey,.btn,.m,.sc,.cd,.nl a,.tabs button,.note,.er,.dis,.fg a,.cp,input,select,textarea){letter-spacing:0}
html[lang=fa] h1,html[lang=fa] h2{line-height:1.4}
html[lang=fa] h2{max-width:min(100%,18em)}
html[lang=fa] h3,html[lang=fa] h4{line-height:1.55}
html[lang=fa] .note,html[lang=fa] .er,html[lang=fa] label,html[lang=fa] .cp,html[lang=fa] .fg h4{font-size:14px}
@media(min-width:981px){html[lang=fa] .nl{font-size:15px}}
h2{font-size:clamp(30px,4.4vw,54px);max-width:16ch;margin-bottom:20px}
p{margin:0;color:var(--mu);max-width:60ch}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;border:1px solid var(--bd);font:600 15px var(--f);color:var(--tx);background:none;cursor:pointer;transition:.25s}
.btn:hover{border-color:var(--cy);transform:translateY(-1px)}
.btn.p{background:var(--cy);color:#02131a;border-color:var(--cy)}
.btn.p:hover{box-shadow:0 0 28px rgba(0,229,255,.35)}
.btn:disabled{opacity:.5;cursor:wait}
nav{position:fixed;inset-inline:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:.3s;border-bottom:1px solid transparent}
nav.s,nav.m{border-color:var(--bd)}nav.s::before,nav.m::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,7,17,.9);backdrop-filter:blur(14px)}
nav .w{display:flex;align-items:center;gap:28px;height:72px}
.logo{font-weight:800;letter-spacing:.14em;font-size:15px;display:flex;gap:10px;align-items:center}
.nl{display:flex;gap:26px;margin-inline-start:auto;font-size:14px;color:var(--mu)}
.nl a:hover{color:var(--tx)}
.lang{border:1px solid var(--bd);background:none;color:var(--tx);border-radius:8px;padding:6px 12px;font:600 13px var(--f);cursor:pointer}
.burger{display:none;background:none;border:1px solid var(--bd);color:var(--tx);border-radius:8px;width:42px;height:42px;font-size:18px;cursor:pointer}
.nl .mo{display:none}@media(max-width:980px){.nl{display:none;position:fixed;inset-inline:0;bottom:0;top:calc(72px + env(safe-area-inset-top,0px));background:var(--bg);flex-direction:column;padding:32px 24px;font-size:22px;gap:22px;margin:0;overflow-y:auto}.nl.o{display:flex}.nl a:not(.btn){padding:6px 0;color:var(--tx)}.nl .mo{display:inline-flex;align-self:flex-start;margin-top:10px}.burger{display:block}.lang{margin-inline-start:auto}nav .w>.btn.p{display:none}}
#hero{min-height:100svh;padding:0;border:0;position:relative;display:flex;align-items:center;overflow:hidden}
#cv{position:absolute;inset-block:0;inset-inline-end:0;width:50%}
#cv canvas{width:100%;height:100%;display:block}
#fb{position:absolute;inset-block:0;inset-inline-end:0;width:46%;height:100%;display:none;opacity:.85}@media(max-width:980px){#fb{inset-inline:0;width:100%;height:calc(72px + 42svh)}}
.hc{position:relative;z-index:2;width:100%;padding-top:110px;padding-bottom:90px;pointer-events:none}
.hc>*{pointer-events:auto}
.hc h1{font-size:clamp(34px,4.6vw,66px);max-width:100%;white-space:pre-line}html[lang=fa] .hc h1{font-size:clamp(30px,3.9vw,56px);line-height:1.45}
.hc .lead{margin:24px 0 36px;font-size:18px;max-width:46ch}
.hc .ey{color:var(--cy);font-size:13px;letter-spacing:.14em;margin-bottom:22px;display:block}
html[lang=fa] .ey{letter-spacing:0;font-size:14px}
.hc::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 8%,transparent 62%);z-index:-1;pointer-events:none}
html[dir=rtl] .hc::before{background:linear-gradient(270deg,var(--bg) 8%,transparent 62%)}
@media(max-width:760px){.hc::before{background:linear-gradient(180deg,var(--bg) 30%,transparent 100%)!important}}
.ann{position:absolute;bottom:28px;inset-inline-end:24px;z-index:2;font:500 11px/1.5 ui-monospace,Menlo,monospace;color:var(--mu);text-align:end}.ann span{direction:ltr;unicode-bidi:isolate;display:inline-block}
.ann i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cy);margin-inline-end:8px;animation:pl 2.4s infinite}
@keyframes pl{50%{opacity:.25}}
.cap{border:0;padding:0;background:var(--bg2)}
.cap ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.cap li{padding:26px 20px;border-inline-start:1px solid var(--bd);font-size:14px;font-weight:600;display:flex;gap:12px;align-items:center}
.cap li:first-child{border:0}
.cap svg{flex:none;color:var(--cy)}
@media(max-width:900px){.cap ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cap li{padding:20px 14px;min-width:0}.cap li span{min-width:0;overflow-wrap:anywhere}.cap li{border-top:1px solid var(--bd)}.cap li:nth-child(odd){border-inline-start:0}}
.sv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin-top:56px}
.sc{background:var(--bg);padding:30px;text-align:start;color:inherit;border:0;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:.3s}
.sc:nth-child(2n){background:var(--bg2)}
.sc:hover{background:var(--sf)}
.sc svg{width:100%;height:110px}
.sc h3{font-size:20px}
.sc .m{color:var(--cy);font-size:13px;font-weight:600}
@media(max-width:900px){.sv{grid-template-columns:1fr}}
.ex{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-top:48px}
@media(max-width:900px){.ex{grid-template-columns:1fr}}
.box{background:var(--sf);border:1px solid var(--bd);border-radius:6px;padding:24px}
#tp{width:100%;height:auto;display:block}
.nd{cursor:pointer}
.nd rect{fill:url(#ng);stroke:rgba(150,180,220,.28);stroke-width:1.2;transition:.25s}
.nd text{fill:var(--tx);font:600 12.5px var(--f);text-anchor:middle;pointer-events:none}@media(max-width:640px){.nd text{font-size:11.5px}}
.nd:hover rect,.nd:focus rect{stroke:var(--bl)}
.nd.a rect{stroke:var(--cy);fill:#0b2a3d;filter:drop-shadow(0 0 10px rgba(0,229,255,.5))}
.nd.r rect{stroke:var(--bl)}
.ed{stroke:var(--bd);stroke-width:1.4;fill:none;transition:.25s}
.ed.a{stroke:var(--cy);stroke-width:2;stroke-dasharray:6 5;animation:df 1.2s linear infinite}
@keyframes df{to{stroke-dashoffset:-22}}
.dp h3{font-size:24px;margin-bottom:10px}
.dp dt{color:var(--cy);font-size:13px;font-weight:700;margin-top:16px}
.dp dd{margin:2px 0 0;color:var(--mu);font-size:15px}
.note{font-size:13px;color:var(--mu);margin-top:16px;border-inline-start:2px solid var(--vi);padding-inline-start:12px}
.tabs{display:flex;gap:8px;margin:36px 0 20px;flex-wrap:wrap}
.tabs button{background:none;border:1px solid var(--bd);color:var(--mu);padding:10px 20px;border-radius:999px;font:600 14px var(--f);cursor:pointer}
.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{color:#02131a;background:var(--cy);border-color:var(--cy)}
.dis{font:600 12px ui-monospace,monospace;color:#ffcf6b;border:1px dashed rgba(255,207,107,.4);padding:8px 14px;display:inline-block;margin-bottom:18px}
html[lang=fa] .dis{font:600 13px/1.7 var(--f)}
.row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--bd);font-size:14.5px}
.row b{font-weight:600}.row span{color:var(--mu)}
.bar{height:6px;background:var(--bg2);border-radius:3px;margin-top:6px;grid-column:1/-1;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(to right,var(--bl),var(--cy))}html[dir=rtl] .bar i{background:linear-gradient(to left,var(--bl),var(--cy))}
.sev{font-size:12px;padding:2px 10px;border-radius:99px;border:1px solid}
.s1{color:#7fe3a4}.s2{color:#ffcf6b}.s3{color:#ff8a8a}
.sec{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.nar{max-width:14ch;white-space:pre-line}html[lang=fa] .nar{max-width:none}@media(max-width:520px){.pol{grid-template-columns:1fr}}
@media(max-width:900px){.sec{grid-template-columns:1fr}}
#zn .z{transition:all .8s ease;fill:rgba(70,117,255,.06);stroke:var(--bl);stroke-width:1.2}
#zn.open .z{opacity:.0;stroke-dasharray:0}
#zn .seg{opacity:0;transition:opacity .8s}
#zn.seg-on .seg{opacity:1}
#zn.seg-on .z{opacity:1}
#zn .flat{opacity:1;transition:opacity .8s;stroke:var(--mu);stroke-width:1}
#zn.seg-on .flat{opacity:.12}
.pol{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.pol li{font-size:14px;font-weight:600;padding:10px 0;border-top:1px solid var(--bd)}
.pr{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;counter-reset:s}
.pr div{padding:26px 22px 0;border-top:2px solid var(--bd);position:relative}
.pr div::before{content:"";position:absolute;top:-6px;inset-inline-start:0;width:10px;height:10px;background:var(--cy);border-radius:50%}
.pr div:nth-child(2)::before{background:var(--bl)}.pr div:nth-child(3)::before{background:var(--vi)}.pr div:nth-child(4)::before{background:var(--tx)}
.pr small{color:var(--cy);font-weight:700}
.pr h3{font-size:22px;margin:6px 0 8px}
@media(max-width:800px){.pr{grid-template-columns:1fr}.pr div{padding-bottom:26px}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
@media(max-width:900px){.cards{grid-template-columns:1fr}}
.cd{background:var(--sf);border:1px solid var(--bd);border-radius:6px;overflow:hidden;text-align:start;color:inherit;font:inherit;padding:0;cursor:pointer;transition:.3s}
.cd:hover{border-color:var(--bl);transform:translateY(-3px)}
.cd svg{width:100%;height:150px;display:block;background:var(--bg2)}
.cd div{padding:22px}
.cd small{color:var(--cy);font-weight:600}
.cd h3{font-size:19px;margin:6px 0 8px}
.cd p{font-size:14.5px}
dialog{background:var(--sf);color:var(--tx);border:1px solid var(--bd);border-radius:8px;max-width:620px;width:calc(100% - 32px);padding:34px}
dialog::backdrop{background:rgba(2,4,10,.78)}
dialog h3{font-size:26px;margin-bottom:12px}
dialog p{margin-bottom:12px;max-width:none}
dialog .x{float:inline-end}
form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.fd{display:flex;flex-direction:column;gap:6px;min-width:0}.fd.f{grid-column:1/-1}
@media(max-width:700px){form{grid-template-columns:minmax(0,1fr)}}
label{font-size:13px;font-weight:600}
input,select,textarea{width:100%;min-width:0;background:var(--bg2);border:1px solid var(--bd);color:var(--tx);border-radius:6px;padding:12px 14px;font:inherit;font-size:15px}
input:focus,select:focus,textarea:focus{border-color:var(--cy);outline:0}
[aria-invalid=true]{border-color:#ff8a8a}
.er{color:#ff8a8a;font-size:12.5px;min-height:18px}
input[type=checkbox]{width:20px;height:20px;padding:0;accent-color:var(--cy);flex:none;margin:3px 0 0}
input[type=checkbox][aria-invalid=true]{outline:2px solid #ff8a8a}
::placeholder{color:#7b87a3}
html[dir=rtl] #f2{text-align:right}
.ex>*,.sec>*{min-width:0}
.fg a.tel{display:inline-block;padding:0}.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 32px;margin:28px 0 0;max-width:760px}.ct>div{border-top:1px solid var(--bd);padding-top:12px;min-width:0}.ct dt{font-size:12px;color:var(--mu);font-weight:600;margin-bottom:4px}.ct dd{margin:0;font-size:15px;overflow-wrap:anywhere}html[lang=fa] .ct dt{font-size:14px}.tel{color:var(--cy);font-weight:700;unicode-bidi:isolate;display:inline-block}.tel:hover{text-decoration:underline}.logo{letter-spacing:.04em}html[lang=fa] .logo{letter-spacing:0}.hc .btn{margin-inline-end:8px;margin-block-end:10px}.hc::before,html[dir=rtl] .hc::before{display:none!important}@media(min-width:981px){.hc>*{max-width:min(52%,640px)}}@media(max-width:980px){.hc{padding-top:calc(72px + 42svh);padding-bottom:56px}#cv{inset-inline:0;top:0;width:100%;height:calc(72px + 42svh)}.hc .lead{font-size:16px}}@media(max-width:700px){h2{font-size:clamp(28px,8vw,40px)}}.pk{fill:#fff;opacity:0}.pk.a{opacity:1;filter:drop-shadow(0 0 4px #00e5ff)}
html[dir=rtl] .sc svg,html[dir=rtl] .cd svg{transform:scaleX(-1)}
.nd:focus{outline:none}.nd:focus-visible rect{stroke:var(--cy);stroke-width:2.5}
.ld{position:absolute;z-index:2;inset-inline-end:24px;top:50%;font-size:13px;color:var(--mu);display:flex;gap:10px;align-items:center}.ld::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--bd);border-top-color:var(--cy);animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}@media(max-width:980px){.ld{top:22%}}
#st{grid-column:1/-1;padding:14px;border-radius:6px;border:1px solid var(--bd);display:none;font-size:14px}
footer{border-top:1px solid var(--bd);background:var(--bg2);padding:70px 0 30px}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
@media(max-width:800px){.fg{grid-template-columns:repeat(2,minmax(0,1fr))}.fg>div:first-child{grid-column:1/-1}.fg .btn{white-space:normal}}.fg>*{min-width:0}
.fg h4{margin:0 0 14px;font-size:13px;color:var(--mu)}
.fg a:not(.btn){display:block;padding:4px 0;font-size:14.5px}.fg a:not(.btn):hover{color:var(--cy)}.lgl{display:flex;gap:18px}
.cp{margin-top:50px;padding-top:22px;border-top:1px solid var(--bd);font-size:13px;color:var(--mu);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}