:root{--bg:#101827;--bg2:#172A46;--card:#172A46;--card2:#1c3354;--acc:#FF7A36;--acc-d:#e8641f;--blue:#3995FF;--light:#F4F6FA;--tx:#fff;--tx2:#AAB6C5;--line:rgba(255,255,255,.10);--shadow:0 18px 50px rgba(0,0,0,.35);--r:20px;--hdr:rgba(16,24,39,.82);color-scheme:dark}
:root[data-theme=light]{--bg:#F4F6FA;--bg2:#fff;--card:#fff;--card2:#eef2f8;--tx:#101827;--tx2:#4d5b70;--line:rgba(16,24,39,.10);--shadow:0 14px 40px rgba(16,24,39,.10);--hdr:rgba(244,246,250,.86);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:"Vazirmatn",Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.95;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(1160px,100% - 40px);margin-inline:auto}
section{padding:88px 0}.alt{background:var(--bg2)}
h1,h2,h3{line-height:1.35;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.12rem}
p{margin:0 0 1em}
.kicker{display:inline-block;font-size:.82rem;font-weight:700;color:var(--acc);margin-bottom:10px;letter-spacing:.02em}
.lead{color:var(--tx2);font-size:1.05rem;max-width:62ch}
.head{margin-bottom:44px;max-width:680px}
.en{font-family:Inter,"Vazirmatn",sans-serif;direction:ltr;unicode-bidi:isolate}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:12px 26px;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:.2s;color:inherit;background:none}
.btn-a{background:var(--acc);color:#101827;box-shadow:0 10px 28px rgba(255,122,54,.28)}.btn-a:hover{background:var(--acc-d);transform:translateY(-2px)}
.btn-g{border-color:var(--line);background:rgba(255,255,255,.04)}.btn-g:hover{border-color:var(--acc);color:var(--acc)}
:root[data-theme=light] .btn-g{background:#fff}
.btn .av{width:26px;height:26px;border-radius:50%;border:2px solid rgba(16,24,39,.5)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
/* header */
header.top{position:sticky;top:0;z-index:50;background:var(--hdr);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s}
header.top.s{border-color:var(--line)}
.nav{display:flex;align-items:center;gap:18px;height:68px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{width:42px;height:42px;border-radius:50%;border:2px solid var(--acc);box-shadow:0 0 0 3px rgba(255,122,54,.18)}
.logo .lt{display:flex;flex-direction:column;line-height:1.15}.logo b{font-weight:900;font-size:1.25rem}.logo small{font-size:.7rem;color:var(--tx2);font-weight:500}
.menu{display:flex;gap:22px;align-items:center;margin-inline-start:auto}
.menu a{color:var(--tx2);font-weight:500;font-size:.92rem;transition:.2s}.menu a:hover,.menu a[aria-current=page]{color:var(--tx)}
.menu a[aria-current=page]{box-shadow:0 2px 0 var(--acc)}
.menu .btn{color:#101827;padding:8px 18px;font-size:.88rem}.menu .btn:hover{color:#101827}
.tgl,.burger{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--tx);cursor:pointer;display:grid;place-items:center;padding:0;font-size:1.3rem}
.tgl svg{width:19px;height:19px}.tgl .sun{display:none}:root[data-theme=light] .tgl .sun{display:block}:root[data-theme=light] .tgl .moon{display:none}
.burger{display:none}
/* hero */
.hero{padding:70px 0 80px;background:radial-gradient(900px 480px at 85% -10%,rgba(57,149,255,.16),transparent 60%),radial-gradient(700px 420px at 0% 30%,rgba(255,122,54,.12),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.pill{display:inline-flex;gap:9px;align-items:center;font-size:.82rem;font-weight:700;color:var(--acc);background:rgba(255,122,54,.1);border:1px solid rgba(255,122,54,.25);border-radius:999px;padding:5px 14px;margin-bottom:18px}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.hero h1 span{color:var(--acc)}.hero .lead{margin-bottom:28px}.cta{display:flex;flex-wrap:wrap;gap:12px}
.stats{display:flex;gap:0;margin-top:40px;border-top:1px solid var(--line)}
.stats div{flex:1;padding:18px 18px 0;border-inline-start:1px solid var(--line)}.stats div:first-child{border:0;padding-inline-start:0}
.stats b{display:block;font-size:1.7rem;font-weight:900}.stats span{font-size:.82rem;color:var(--tx2)}
.portrait{position:relative;justify-self:center;width:min(410px,100%)}
.portrait::before{content:"";position:absolute;inset:9% -8% -5% 14%;background:linear-gradient(160deg,rgba(255,122,54,.35),rgba(57,149,255,.25));border-radius:999px 999px 36px 36px;filter:blur(.5px)}
.frame{position:relative;aspect-ratio:4/5;border-radius:999px 999px 28px 28px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.frame img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;bottom:24px;inset-inline-end:-14px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:9px 15px;box-shadow:var(--shadow);font-weight:700;font-size:.83rem;z-index:2;display:flex;gap:9px;align-items:center}
.badge i{width:9px;height:9px;border-radius:50%;background:var(--acc)}
/* cards */
.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.25s;position:relative}
a.card:hover{transform:translateY(-4px);border-color:rgba(255,122,54,.5);box-shadow:var(--shadow)}
.ic{width:46px;height:46px;border-radius:13px;background:rgba(255,122,54,.12);color:var(--acc);display:grid;place-items:center;margin-bottom:16px}
.ic svg{width:23px;height:23px}
.card h3{margin-bottom:.35em}.card p{color:var(--tx2);font-size:.93rem;margin:0}
.more{display:inline-block;margin-top:14px;color:var(--acc);font-weight:700;font-size:.88rem}
.steps{counter-reset:s}.step::before{counter-increment:s;content:"0" counter(s);display:block;font-size:2.2rem;font-weight:900;color:var(--acc);line-height:1;margin-bottom:12px}
.empty{border-style:dashed;text-align:center;color:var(--tx2)}
.pv{aspect-ratio:16/10;border-radius:14px;margin-bottom:16px;display:grid;place-items:center;font-weight:900;font-size:1.2rem;padding:14px;text-align:center;color:#101827}
.tag{display:inline-block;font-size:.74rem;font-weight:700;color:var(--tx2);border:1px solid var(--line);border-radius:999px;padding:2px 11px;margin:0 0 8px 6px}
.check{list-style:none;margin:0;padding:0}.check li{position:relative;padding:6px 0;padding-inline-start:28px;color:var(--tx2)}
.check li::before{content:"";position:absolute;inset-inline-start:0;top:14px;width:15px;height:15px;border-radius:50%;background:var(--acc);box-shadow:inset 0 0 0 4px var(--card)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.split img{border-radius:var(--r);box-shadow:var(--shadow);width:100%}
.band{background:linear-gradient(120deg,var(--bg2),#1d3a63);border:1px solid var(--line);border-radius:28px;padding:54px;text-align:center}
:root[data-theme=light] .band{background:linear-gradient(120deg,#fff,#e6eefb)}
.band .cta{justify-content:center}
/* faq */
details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}summary::after{content:"+";flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.2s}
details[open] summary::after{transform:rotate(45deg);background:var(--acc);color:#101827;border-color:var(--acc)}
details p{color:var(--tx2);padding-bottom:18px;max-width:70ch}
/* page header / breadcrumb */
.phead{padding:56px 0 40px;background:radial-gradient(700px 300px at 90% 0,rgba(57,149,255,.14),transparent 60%)}
.crumbs{font-size:.82rem;color:var(--tx2);margin-bottom:14px}.crumbs a:hover{color:var(--acc)}.crumbs span{margin:0 6px;opacity:.5}
/* forms */
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
input,select,textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--tx);transition:.2s}
:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--acc)}textarea{min-height:120px;resize:vertical}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fld{margin-bottom:14px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--tx2)}.chk input{width:auto;margin-top:7px}
.err{color:#ff8a8a;font-size:.82rem;margin-top:4px;min-height:1em}
.row-btn{display:flex;gap:10px;flex-wrap:wrap}
/* calculator */
.calc{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}
.prog{display:flex;gap:6px;margin-bottom:22px}.prog i{flex:1;height:5px;border-radius:5px;background:var(--line)}.prog i.on{background:var(--acc)}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.opt{display:flex;gap:12px;align-items:flex-start;text-align:start;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;font:inherit;color:inherit;transition:.2s;width:100%}
.opt:hover{border-color:rgba(255,122,54,.5)}.opt[aria-pressed=true]{border-color:var(--acc);background:rgba(255,122,54,.08)}
.opt .ic{margin:0;flex:none;width:40px;height:40px}.opt b{display:block;font-size:.95rem}.opt small{color:var(--tx2);font-size:.8rem;line-height:1.6;display:block}
.summary{position:sticky;top:90px}.summary h3{margin-bottom:12px}.summary ul{list-style:none;padding:0;margin:0 0 14px;font-size:.88rem}
.summary li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);color:var(--tx2)}
.price{font-size:1.5rem;font-weight:900;color:var(--acc);line-height:1.5}.note{font-size:.8rem;color:var(--tx2)}
.notice{background:rgba(57,149,255,.1);border:1px solid rgba(57,149,255,.3);border-radius:14px;padding:14px 16px;font-size:.88rem;margin-bottom:16px}
.ok{background:rgba(70,200,120,.12);border:1px solid rgba(70,200,120,.35);border-radius:14px;padding:16px;margin-bottom:16px}
.printonly{display:none}
/* footer */
footer{background:#0b1220;color:#AAB6C5;padding:56px 0 100px;font-size:.9rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer h4{color:#fff;margin:0 0 12px;font-size:.95rem}footer a{display:block;padding:3px 0}footer a:hover{color:#fff}
footer .logo b{color:#fff}footer .copy{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;line-height:1.9}
footer .copy a{display:inline;color:#fff;font-weight:700;border-bottom:1px solid var(--acc)}
.fab{position:fixed;inset-inline-start:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:10px}
.fab a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.35);transition:.2s}.fab a:hover{transform:scale(1.07)}.fab svg{width:24px;height:24px}
.toast{position:fixed;inset-inline:16px;bottom:90px;margin-inline:auto;max-width:440px;z-index:80;background:var(--tx);color:var(--bg);padding:12px 18px;border-radius:14px;font-size:.92rem;text-align:center}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media (max-width:960px){.hero .wrap,.split,.calc{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.portrait{order:-1;width:min(320px,80%)}.summary{position:static}footer .cols{grid-template-columns:1fr 1fr}
 .burger{display:grid;margin-inline-start:auto}.menu{display:none;position:absolute;inset-inline:0;top:100%;background:var(--bg);flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border-bottom:1px solid var(--line);margin:0}.menu.open{display:flex}.tgl{order:3}}
@media (max-width:620px){section{padding:64px 0}.g3,.g4,.g2,.opts,.fr{grid-template-columns:1fr}.band{padding:34px 20px}.stats{flex-wrap:wrap}footer .cols{grid-template-columns:1fr}}
@media print{body{background:#fff;color:#000}header.top,footer,.fab,.calc,.phead,.no-print{display:none!important}.printonly{display:block!important;padding:24px}.printonly table{width:100%;border-collapse:collapse}.printonly td{border-bottom:1px solid #ccc;padding:6px 4px}}