/* ابرک — deep night navy, sky blue, amber status; Alexandria display, Vazirmatn UI, JetBrains Mono terminal. */
:root{--bg:#0B1324;--bg2:#111C33;--card:#131F38;--line:#22304E;--ink:#E6EDF8;--ink2:#93A3C0;--sky:#38BDF8;--amber:#F59E0B;--mint:#34D399;--r:18px;color-scheme:dark}
body{background:var(--bg);color:var(--ink);font:400 15px/1.85 "Vazirmatn",system-ui,sans-serif}
h1,h2,h3{font-family:"Alexandria","Vazirmatn",sans-serif;margin:0;line-height:1.3}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.3rem;border-radius:12px;border:0;background:var(--sky);color:#04121F;font-weight:900;text-decoration:none}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--block{width:100%}
.muted{color:var(--ink2);margin:0}
kbd{display:inline-grid;place-items:center;min-width:1.6rem;padding:0 .3rem;height:1.5rem;border-radius:6px;background:var(--bg);border:1px solid var(--line);font:600 .72rem "JetBrains Mono",monospace;color:var(--ink2)}

.ah{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.4rem;padding:.75rem max(1rem,calc(50% - 640px));background:rgb(11 19 36/.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ah__logo{display:flex;align-items:center;gap:.5rem;font:700 1.35rem "Alexandria",sans-serif;color:var(--ink);text-decoration:none}
.ah__logo svg{width:30px;height:30px;fill:var(--sky)}
.ah nav{display:flex;gap:1.2rem}.ah nav a{color:var(--ink2);text-decoration:none;font-weight:700}
.kbd{margin-inline-start:auto;display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem .35rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink2);font-weight:600}
@media (max-width:720px){.ah nav,.kbd span{display:none}}

main{max-width:1280px;margin:auto;padding:0 1rem}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:3rem 0 2rem}
.pill{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.25rem .8rem;border-radius:999px;background:rgb(52 211 153/.1);color:var(--mint);font-weight:700;font-size:.85rem}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgb(52 211 153/.2)}
.hero h1{font-size:clamp(2.2rem,1.4rem + 3.2vw,3.9rem);font-weight:700;margin:1rem 0}
.lead{color:var(--ink2);font-size:1.08rem;max-width:34rem}
.hero__cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.4rem 0}
.dcs{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.dcs button{width:100%;display:grid;text-align:start;padding:.55rem .7rem;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--ink)}
.dcs small{color:var(--ink2);font-size:.72rem}
.dcs button[aria-checked="true"]{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.globe{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center;cursor:grab;touch-action:pan-y}
.globe canvas{width:100%;height:100%;opacity:0;transition:opacity .8s}
.globe.is-3d canvas{opacity:1}
.globe.is-flat{background:radial-gradient(circle,var(--bg2) 55%,transparent 56%)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.globe{order:-1;max-width:380px}.dcs{grid-template-columns:repeat(2,1fr)}}

.config{display:grid;grid-template-columns:1fr 360px;gap:1.2rem;padding:2rem 0}
.config__main{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:1.4rem;display:grid;gap:1.1rem}
.config h2{font-size:1.8rem}.config h3{font-size:1.05rem}
.seg{display:inline-flex;justify-self:start;padding:3px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.seg button{border:0;background:none;color:var(--ink2);padding:.4rem .9rem;border-radius:9px;font-weight:800}
.seg button small{color:var(--mint);font-weight:700}
.seg button[aria-checked="true"]{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.sliders{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.6rem}
.sl{display:grid;gap:.3rem}
.sl__h{display:flex;justify-content:space-between}.sl__h output{font:700 1rem "Alexandria",sans-serif;color:var(--sky)}
.sl__r{display:flex;justify-content:space-between;color:var(--ink2)}
.sl input{appearance:none;height:8px;border-radius:9px;background:linear-gradient(to left,var(--sky) var(--p,50%),var(--line) var(--p,50%));direction:rtl;width:100%}
.sl input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--sky);box-shadow:0 2px 8px rgb(0 0 0/.5)}
.sl input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--sky)}
@media (max-width:640px){.sliders{grid-template-columns:1fr}}
.os{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.osc{position:relative}.osc input{position:absolute;opacity:0;inset:0;margin:0}
.osc span{display:grid;justify-items:center;gap:.1rem;padding:.8rem .4rem;border-radius:14px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;text-align:center}
.osc i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);color:#fff;font:800 1rem "JetBrains Mono",monospace;font-style:normal}
.osc small{color:var(--ink2);font-size:.72rem}
.osc input:checked+span{border-color:var(--sky);box-shadow:0 0 0 3px rgb(56 189 248/.18)}
.osc input:focus-visible+span{outline:2px solid var(--amber)}
@media (max-width:640px){.os{grid-template-columns:repeat(2,1fr)}}
.toggles{display:grid;gap:.6rem}
.sw{display:flex;align-items:center;gap:.7rem;cursor:pointer;font-weight:600}
.sw small{color:var(--ink2)}
.sw input{position:absolute;opacity:0}
.sw span{position:relative;width:42px;height:24px;border-radius:999px;background:var(--line);transition:background .2s;flex-shrink:0}
.sw span::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:right .2s}
.sw input:checked+span{background:var(--sky)}.sw input:checked+span::after{right:21px}
.sw input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}
.summary{position:sticky;top:80px;align-self:start;padding:1.3rem;border-radius:22px;background:linear-gradient(160deg,#16274A,var(--card));border:1px solid var(--line);display:grid;gap:.7rem}
.summary__k{margin:0;color:var(--ink2);font-weight:700}
.summary__price{margin:0;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.summary__price b{font:700 2.6rem/1 "Alexandria",sans-serif;font-variant-numeric:tabular-nums}
.summary__price span{color:var(--ink2);font-weight:700}
.summary__alt{margin:0;color:var(--mint);font-size:.88rem;font-weight:700}
.summary dl{margin:0;display:grid;gap:.3rem;padding:.8rem 0;border-block:1px dashed var(--line)}
.summary dl div{display:flex;justify-content:space-between;gap:.6rem;font-size:.85rem}
.summary dt{color:var(--ink2)}.summary dd{margin:0;font-weight:700;text-align:end}
.summary__note{margin:0;color:var(--ink2);font-size:.75rem}
@media (max-width:900px){.config{grid-template-columns:1fr}.summary{position:static}}

.term{margin:1rem 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#060B16}
.term__bar{display:flex;align-items:center;gap:6px;padding:.55rem .8rem;background:var(--bg2)}
.term__bar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.term__bar i:nth-child(2){background:#FEBC2E}.term__bar i:nth-child(3){background:#28C840}
.term__bar span{margin-inline-start:auto;color:var(--ink2);font-size:.82rem;font-weight:700}
.term__out{margin:0;padding:1rem 1.2rem;min-height:220px;font:500 .88rem/1.8 "JetBrains Mono",ui-monospace,monospace;color:#B8F2D2;white-space:pre-wrap;text-align:left}
.term__prog{height:3px;background:var(--line)}.term__prog i{display:block;height:100%;width:0;background:var(--mint);transition:width .4s}

.console{padding:2rem 0 5rem}
.console__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.console h2{font-size:1.8rem}
.status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;background:rgb(52 211 153/.12);color:var(--mint);font-weight:800}
.status i{width:9px;height:9px;border-radius:50%;background:currentColor;animation:blink 1.6s infinite}
.status.is-off{background:rgb(147 163 192/.12);color:var(--ink2)}.status.is-off i{animation:none}
.status.is-busy{background:rgb(245 158 11/.12);color:var(--amber)}
@keyframes blink{50%{opacity:.3}}
.console__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mcard{padding:1rem;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);display:grid;gap:.4rem;align-content:start}
.mcard h3{font-size:.92rem;color:var(--ink2);font-weight:500}
.mcard__v{margin:0;font:700 1.5rem "Alexandria",sans-serif;font-variant-numeric:tabular-nums}
.mcard svg{width:100%;height:80px}
.mcard--info{grid-column:span 3}
.mcard--info dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:.4rem 2rem;margin:0}
.mcard--info dt{color:var(--ink2);font-size:.78rem}.mcard--info dd{margin:0;font-family:"JetBrains Mono",monospace;font-size:.88rem}
.mcard--info code{color:var(--sky)}
.acts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.acts button{padding:.45rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700}
.acts .danger{color:#FCA5A5;border-color:#5B2333}
@media (max-width:900px){.console__grid{grid-template-columns:1fr}.mcard--info{grid-column:auto}.mcard--info dl{grid-template-columns:1fr}}
.af{text-align:center;color:var(--ink2);padding:1.5rem 1rem 6rem;border-top:1px solid var(--line);font-size:.86rem}

.cmdk{border:1px solid var(--line);border-radius:18px;padding:0;width:min(560px,94vw);background:var(--bg2);color:var(--ink);margin-top:12vh}
.cmdk::backdrop{background:rgb(3 7 15/.6);backdrop-filter:blur(3px)}
.cmdk input{width:100%;padding:1rem 1.1rem;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font-size:1.05rem;outline:0}
.cmdk ul{list-style:none;margin:0;padding:.4rem;max-height:340px;overflow:auto}
.cmdk li{padding:.6rem .8rem;border-radius:10px;cursor:pointer;font-weight:600}
.cmdk li[aria-selected="true"]{background:var(--card);box-shadow:inset 3px 0 0 var(--sky)}
.cmdk li.none{color:var(--ink2);cursor:default}
.cmdk__f{margin:0;padding:.5rem 1rem;border-top:1px solid var(--line);font-size:.75rem;color:var(--ink2);display:flex;gap:.3rem;align-items:center}
.toast{position:fixed;top:1rem;left:50%;z-index:60;transform:translate(-50%,calc(-100% - 2rem));padding:.7rem 1.2rem;border-radius:12px;background:var(--sky);color:#04121F;font-weight:800;transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:92vw}
.toast.is-on{transform:translate(-50%,0)}