@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Inter;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
:root{--bg:#f5f9f7;--surface:#fff;--ink:#0d2a2e;--muted:#4b6366;--line:#d3e2de;--soft:#e7f2ee;--shadow:0 24px 60px -24px #0d3b3a40;--deep:#0f3a3c;--on-deep:#e6f4f0;
--a:#087d70;--a-ink:#fff;--a-soft:#d9f2ec;--r:18px;
font-family:Inter,Vazirmatn,system-ui,"Segoe UI",Tahoma,sans-serif;font-size:17px;line-height:1.75;color:var(--ink);background:var(--bg);color-scheme:light}
[data-accent=blue]{--a:#1f5fbf;--a-soft:#dce9fb}[data-accent=violet]{--a:#6a4bd0;--a-soft:#e8e2fb}[data-accent=amber]{--a:#a85a05;--a-soft:#fbead0}
:root[data-mode=dark]{--bg:#0a181b;--surface:#102226;--ink:#e5f1ee;--muted:#9ab4b0;--line:#21393d;--soft:#142a2e;--shadow:0 24px 60px -24px #000a;--deep:#07282b;--a:#3ccbb0;--a-ink:#04211c;--a-soft:#0f3a3a;color-scheme:dark}
:root[data-mode=dark][data-accent=blue]{--a:#72aaff;--a-ink:#061a38;--a-soft:#14284a}:root[data-mode=dark][data-accent=violet]{--a:#aa97ff;--a-ink:#1b0f4a;--a-soft:#261d52}:root[data-mode=dark][data-accent=amber]{--a:#f2b24e;--a-ink:#2e1a00;--a-soft:#41300f}
@media(prefers-color-scheme:dark){:root[data-mode=auto]{--bg:#0a181b;--surface:#102226;--ink:#e5f1ee;--muted:#9ab4b0;--line:#21393d;--soft:#142a2e;--shadow:0 24px 60px -24px #000a;--deep:#07282b;--a:#3ccbb0;--a-ink:#04211c;--a-soft:#0f3a3a;color-scheme:dark}
:root[data-mode=auto][data-accent=blue]{--a:#72aaff;--a-ink:#061a38;--a-soft:#14284a}:root[data-mode=auto][data-accent=violet]{--a:#aa97ff;--a-ink:#1b0f4a;--a-soft:#261d52}:root[data-mode=auto][data-accent=amber]{--a:#f2b24e;--a-ink:#2e1a00;--a-soft:#41300f}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}button,input,select,textarea,summary{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--a);outline-offset:3px;border-radius:6px}
h1,h2,h3{line-height:1.3;margin:0}h1{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.03em;font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.02em;font-weight:750}:lang(fa) h1,:lang(ar) h1,:lang(fa) h2,:lang(ar) h2{letter-spacing:0}
p{margin:0}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:12px;background:var(--surface);padding:10px 16px;z-index:50;border-radius:8px}.skip:focus{inset-block-start:10px}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.logo{display:inline-flex;align-items:baseline;gap:3px;font:800 28px/1 Inter,sans-serif;letter-spacing:-.06em;direction:ltr}.logo i{width:8px;height:8px;border-radius:50%;background:var(--a)}.logo.sm{font-size:19px}
.site-header{position:sticky;inset-block-start:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-block-end:1px solid var(--line)}
.bar{max-width:1240px;margin:auto;padding:12px 28px;display:flex;align-items:center;gap:28px}.nav{display:flex;gap:6px;margin-inline:auto}.nav a{padding:6px 14px;border-radius:99px;font-size:15px;font-weight:600;color:var(--muted);white-space:nowrap}.nav a:hover{color:var(--ink);background:var(--soft)}.nav a[aria-current]{color:var(--a);background:var(--a-soft)}
.tools{display:flex;gap:8px;align-items:center}.pop{position:relative}.pop summary,.menu-btn{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;font-weight:600}.pop summary::-webkit-details-marker{display:none}.pop summary:hover,.menu-btn:hover{border-color:var(--a)}
.pop-body{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px}
.lang-list{display:grid;gap:2px;max-height:60vh;overflow:auto}.lang-list a{padding:8px 12px;border-radius:10px;font-weight:600}.lang-list a:hover{background:var(--soft)}.lang-list a[aria-current]{background:var(--a-soft);color:var(--a)}
.theme-box p{font-size:13px;font-weight:700;color:var(--muted);margin:6px 4px}.seg{display:flex;background:var(--soft);border-radius:12px;padding:3px}.seg button{flex:1;border:0;background:none;padding:6px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 4px #0002;color:var(--a)}
.swatches{display:flex;gap:10px;padding:4px}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid var(--surface);outline:2px solid var(--line);cursor:pointer;background:#087d70}.swatch[data-accent=blue]{background:#1f5fbf}.swatch[data-accent=violet]{background:#6a4bd0}.swatch[data-accent=amber]{background:#d98a1f}.swatch[aria-pressed=true]{outline-color:var(--ink)}
.menu-btn{display:none;padding:0 9px}.mnav{padding:8px 28px 20px;display:grid;gap:2px}.mnav[hidden]{display:none}.mnav a{padding:10px 8px;border-block-end:1px solid var(--line);font-weight:600}
.sec{padding:96px max(28px,calc((100vw - 1184px)/2))}.shead{max-width:680px;display:grid;gap:14px}.shead p,.lead{color:var(--muted);font-size:1.12rem}
.status{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--a);background:var(--a-soft);padding:5px 14px;border-radius:99px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--a);animation:pl 2.4s ease-out infinite}@keyframes pl{0%{box-shadow:0 0 0 0 var(--a)}70%,100%{box-shadow:0 0 0 9px #0000}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s,border-color .15s}.btn:hover{border-color:var(--a);transform:translateY(-1px)}.btn.primary{background:var(--a);border-color:var(--a);color:var(--a-ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:30px}
.hero{max-width:1240px;margin:auto;padding:80px 28px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hcopy{display:grid;gap:22px;justify-items:start}.hcopy h1{max-width:12ch;line-height:1.2}.hcopy .actions{margin:0}.lead{max-width:56ch;line-height:1.9}
.stage{position:relative;padding:34px;border-radius:32px;background:linear-gradient(145deg,var(--a-soft),var(--soft))}.app{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:20px;display:grid;gap:16px}
.app-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:12px;color:var(--muted);font-weight:600;text-align:end}
.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tabs button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);border-radius:12px;cursor:pointer;font-size:14px;font-weight:650;text-align:start;transition:background .15s,border-color .15s}.tabs button[aria-selected=true]{background:var(--a);color:var(--a-ink);border-color:var(--a)}
.app-body{display:grid;gap:10px;min-height:250px;align-content:start}.app-body h3{font-size:1.35rem}.app-body p{color:var(--muted);font-size:15px;line-height:1.8}
.bars{display:flex;align-items:flex-end;gap:10px;height:96px;margin-block-start:auto;padding:12px;background:var(--bg);border-radius:14px}.bars i{flex:1;background:var(--a);opacity:.85;border-radius:6px 6px 0 0;height:var(--h);transition:height .5s cubic-bezier(.2,.8,.2,1)}
.app[data-active="0"] i:nth-child(1){--h:35%}.app[data-active="0"] i:nth-child(2){--h:55%}.app[data-active="0"] i:nth-child(3){--h:45%}.app[data-active="0"] i:nth-child(4){--h:75%}.app[data-active="0"] i:nth-child(5){--h:60%}.app[data-active="0"] i:nth-child(6){--h:90%}
.app[data-active="1"] i:nth-child(1){--h:80%}.app[data-active="1"] i:nth-child(2){--h:50%}.app[data-active="1"] i:nth-child(3){--h:65%}.app[data-active="1"] i:nth-child(4){--h:40%}.app[data-active="1"] i:nth-child(5){--h:70%}.app[data-active="1"] i:nth-child(6){--h:55%}
.app[data-active="2"] i:nth-child(1){--h:40%}.app[data-active="2"] i:nth-child(2){--h:60%}.app[data-active="2"] i:nth-child(3){--h:85%}.app[data-active="2"] i:nth-child(4){--h:70%}.app[data-active="2"] i:nth-child(5){--h:95%}.app[data-active="2"] i:nth-child(6){--h:75%}
.app[data-active="3"] i:nth-child(1){--h:60%}.app[data-active="3"] i:nth-child(2){--h:90%}.app[data-active="3"] i:nth-child(3){--h:50%}.app[data-active="3"] i:nth-child(4){--h:80%}.app[data-active="3"] i:nth-child(5){--h:45%}.app[data-active="3"] i:nth-child(6){--h:65%}
.rlist{display:grid;border-block-start:1px solid var(--line);margin-block-start:36px}.rrow{display:grid;grid-template-columns:minmax(200px,.8fr) 1.6fr auto;gap:28px;align-items:center;padding:26px 14px;border-block-end:1px solid var(--line);transition:background .15s,padding .15s}.rrow:hover{background:var(--soft);padding-inline:26px}.rn{display:flex;align-items:center;gap:14px;color:var(--a)}.rn b{color:var(--ink);font-size:1.25rem}.rd{color:var(--muted);font-size:15px;line-height:1.8}.rrow>.ic{color:var(--a)}:root[dir=rtl] .rrow>.ic,[dir=rtl] .rrow>.ic{transform:scaleX(-1)}
.h2s{font-size:1.5rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start;background:var(--surface);border-block:1px solid var(--line)}
.mlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mlist li{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);font-weight:700}.mlist .ic{color:var(--a);width:26px;height:26px}.mlist.wide{grid-template-columns:repeat(3,1fr)}.mlist.wide li{padding:34px 24px;font-size:1.1rem;flex-direction:column;align-items:flex-start}
.band{background:var(--deep);color:var(--on-deep)}.band .shead p{color:#b4cfc9}.journey{text-align:center;display:grid;gap:16px;justify-items:center}.journey p{max-width:62ch;color:var(--muted);font-size:1.1rem}
.faq{max-width:920px;margin:auto}.faq h2{margin-block-end:20px}.faq details{border-block-end:1px solid var(--line);padding:20px 4px}.faq summary{cursor:pointer;font-weight:700;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::after{content:"+";color:var(--a);font-size:1.5rem;line-height:1}.faq details[open] summary::after{content:"−"}.faq summary::-webkit-details-marker{display:none}.faq details p{margin-block-start:10px;color:var(--muted)}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;background:var(--soft)}.contact>div{display:grid;gap:16px;justify-items:start}.contact p{color:var(--muted)}
.form{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form h3{font-size:1.4rem}.note{font-size:14px;color:var(--muted);margin:6px 0 20px}fieldset{border:0;padding:0;margin:0;min-width:0}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fgrid label{font-size:14px;font-weight:650;display:grid;gap:6px}.wide{grid-column:1/-1}.fgrid input:not([type=checkbox]),.fgrid select,.fgrid textarea{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.fgrid textarea{min-height:84px}.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.fgrid .btn{grid-column:1/-1;opacity:.55;cursor:not-allowed}fieldset:disabled{opacity:.9}
.phero{max-width:1184px;margin:auto;padding:96px 28px 56px;display:grid;gap:22px;justify-items:start}.phero h1{font-size:clamp(2.2rem,4.4vw,3.8rem)}.draft{max-width:760px;padding:20px 24px;border-inline-start:4px solid var(--a);background:var(--a-soft);border-radius:12px}
.site-footer{background:var(--deep);color:var(--on-deep)}.foot{max-width:1240px;margin:auto;padding:56px 28px 28px;display:grid;grid-template-columns:1fr auto;gap:36px}.foot p{color:#a9c6c0;max-width:46ch;margin-block-start:14px;font-size:15px}.flinks{display:flex;gap:22px;font-size:14px;align-items:start}.flinks a:hover{text-decoration:underline}.fbottom{grid-column:1/-1;border-block-start:1px solid #ffffff22;padding-block-start:20px;font-size:13px;color:#a9c6c0}.site-footer .logo{color:#fff}
.nf{max-width:640px;margin:auto;padding:120px 28px;display:grid;gap:18px;justify-items:start}
@media(max-width:1020px){.nav{display:none}.menu-btn{display:flex}.tools{margin-inline-start:auto}.hero,.split,.contact{grid-template-columns:1fr;gap:40px}.mlist.wide{grid-template-columns:1fr 1fr}.rrow{grid-template-columns:1fr auto}.rd{grid-column:1/-1;grid-row:2}}
@media(max-width:640px){.bar{padding:10px 18px;gap:12px}.pop summary span{display:none}.sec{padding:64px 20px}.hero{padding:48px 20px 56px}.phero{padding:56px 20px 32px}.stage{padding:16px;border-radius:24px}.mlist,.mlist.wide,.fgrid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.flinks{flex-wrap:wrap}.actions .btn{flex:1}.pop-body{position:fixed;inset-inline:16px;inset-block-start:64px;min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}