/* Zero Point website v0.9 — no JavaScript, no inline styles. */
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700 900;font-display:swap}
:root{color-scheme:light dark;--bg:#fff;--alt:#f4f7fc;--card:#fff;--line:#e3e8f1;--fg:#0d1628;--fg2:#28354d;--mut:#5b6a83;--acc:#2563eb;--acc-h:#1d4fd8;--acc-fg:#fff;--ok:#12a150;--warn:#e08a00;--bad:#e5484d;--cap:#7c3aed;--gap:#d3d9e4;
--hero:#060b18;--hero2:#0c1830;--hero-fg:#ecf2ff;--hero-mut:#9fb0cf;--r:16px;--s1:8px;--s2:16px;--s3:24px;--s4:48px;--s5:104px}
@media (prefers-color-scheme:dark){:root{--bg:#070c18;--alt:#0b1324;--card:#0f1a2f;--line:#1f2c47;--fg:#e8eefc;--fg2:#c7d2e6;--mut:#94a5c4;--acc:#4f8bff;--acc-h:#6b9dff;--ok:#2fd27f;--warn:#ffb03a;--bad:#ff6b76;--cap:#a78bfa;--gap:#26324a}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16.5px/1.85 Vazirmatn,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
html[lang=en] body{line-height:1.7}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.25;margin:0 0 var(--s2);letter-spacing:-.01em}h1{font-size:clamp(2rem,4.4vw,3.35rem);font-weight:900}h2{font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:800}h3{font-size:1.08rem;font-weight:700}
h2.small{font-size:1rem;color:var(--mut);margin-block-start:var(--s3)}
p{margin:0 0 var(--s2)}
.ic{inline-size:20px;block-size:20px;flex:none}
.wrap{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--s3)}.wrap.narrow{max-inline-size:820px}.center{text-align:center}
.eyebrow{color:var(--acc);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-block-end:var(--s1)}
html[lang=fa] .eyebrow{letter-spacing:0}

/* header */
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--hero) 92%,transparent);backdrop-filter:blur(10px);border-block-end:1px solid #ffffff12}
.bar{display:flex;align-items:center;gap:var(--s3);min-block-size:68px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.08rem;line-height:1.1}.brand:hover{text-decoration:none}
.brand small{display:block;font-weight:500;font-size:.66rem;color:var(--hero-mut);letter-spacing:.08em;text-transform:uppercase}
.logo{inline-size:32px;block-size:32px}.logo-bg{fill:#2563eb}.logo-dot{fill:#fff}
.top nav{display:flex;gap:4px;margin-inline-start:var(--s2);flex-wrap:wrap}.top nav a{color:var(--hero-mut);font-size:.93rem;padding:6px 12px;border-radius:8px}.top nav a:hover,.top nav a.on{color:#fff;background:#ffffff10;text-decoration:none}
.bar-end{margin-inline-start:auto;display:flex;gap:12px;align-items:center}.lang{color:var(--hero-mut);font-size:.9rem}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--acc);color:var(--acc-fg);padding:10px 20px;border-radius:11px;font-weight:700;border:1px solid transparent;box-shadow:0 6px 20px #2563eb40}
.btn:hover{background:var(--acc-h);text-decoration:none}.btn.sm{padding:7px 14px;font-size:.88rem;box-shadow:none}.btn.lg{padding:13px 26px;font-size:1.02rem}
.btn.ghost{background:#ffffff0d;color:var(--hero-fg);border-color:#ffffff30;box-shadow:none}.btn.ghost:hover{background:#ffffff1a}
.sec:not(.dark) .btn.ghost{color:var(--fg);border-color:var(--line);background:transparent}
.dot{display:inline-block;inline-size:9px;block-size:9px;border-radius:50%;background:var(--c)}
.c-ok{--c:var(--ok)}.c-warn{--c:var(--warn)}.c-bad{--c:var(--bad)}.c-gap{--c:var(--gap)}
rect.c-ok,rect.c-warn,rect.c-bad,rect.c-gap{fill:var(--c)}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 85% -10%,#2563eb40,transparent 70%),radial-gradient(700px 400px at 0% 110%,#7c3aed26,transparent 70%),linear-gradient(180deg,var(--hero),var(--hero2));color:var(--hero-fg);padding-block:88px 72px}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 30%,#000 30%,transparent 75%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:10px;color:#a9c1ff;font-weight:700;font-size:.88rem;background:#2563eb1f;border:1px solid #2563eb55;padding:5px 14px;border-radius:99px;margin-block-end:var(--s3)}
.pulse{inline-size:8px;block-size:8px;border-radius:50%;background:#2fd27f;box-shadow:0 0 0 4px #2fd27f33}
.hero .lead{color:var(--hero-mut);font-size:1.12rem;max-inline-size:58ch}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:var(--s3)}
.badges{list-style:none;padding:0;margin:var(--s3) 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--hero-mut);font-size:.9rem}
.badges li{display:flex;align-items:center;gap:6px}.badges .ic{inline-size:16px;block-size:16px;color:#2fd27f}
.mock{position:relative}
.mock>svg{inline-size:100%;block-size:auto;display:block;filter:drop-shadow(0 30px 60px #0009)}
.w-frame{fill:#0d172c;stroke:#ffffff1f}.w-top{fill:#0a1224}.w-d1{fill:#ff5f57}.w-d2{fill:#febc2e}.w-d3{fill:#28c840}.w-search{fill:#ffffff12}
.w-side{fill:#0b1427}.w-nav{fill:#ffffff1a}.w-nav.on{fill:#2563eb66}
.w-tile,.w-card{fill:#12203b;stroke:#ffffff10}.w-ok{fill:#2fd27f}.w-bad{fill:#ff6b76}.w-cap{fill:#a78bfa}.w-acc{fill:#4f8bff}
.w-txt{fill:#ffffff2e}.w-num{fill:#ffffffb3}.w-line{fill:#ffffff24}.w-hb{fill:#4f8bff99}
.bars .b1{fill:#ff6b76}.bars .b2{fill:#ffb03a}.bars .b3{fill:#a78bfa}
.w-pill.bad{fill:#ff6b7666}.w-pill.cap{fill:#a78bfa66}.w-pill.warn{fill:#ffb03a66}
.g-bg{fill:none;stroke:#ffffff1f;stroke-width:12;stroke-linecap:round}.g-hi{fill:none;stroke:#ff6b76;stroke-width:12;stroke-linecap:round}.g-bg.big,.g-hi.big{stroke-width:20}
.g-n{stroke:#e8eefc;stroke-width:3;stroke-linecap:round}.g-c{fill:#e8eefc}
.capcard{position:absolute;inset-inline-start:-28px;bottom:-26px;inline-size:210px;background:#fff;color:#0d1628;border-radius:14px;padding:12px;box-shadow:0 20px 50px #0008;border:1px solid #e3e8f1}
.cap-h{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-block-end:8px}.cap-h .ic{color:#7c3aed}
.cap-img{inline-size:100%;block-size:auto;display:block}.cap-bg{fill:#f1f4fa}.cap-s{fill:none;stroke:#1f3a8a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.cap-n{fill:none;stroke:#9f1239;stroke-width:1.2;opacity:.6}
.cap-in{display:block;margin-block-start:8px;border:1px solid #d6dde9;border-radius:8px;text-align:center;color:#94a3bd;letter-spacing:.4em;font-size:.8rem;direction:ltr}

/* stats */
.stats{background:var(--hero2);color:var(--hero-fg);border-block:1px solid #ffffff12}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);padding-block:28px;text-align:center}
.stats strong{display:block;font-size:2.2rem;line-height:1.2;font-weight:900}.stats span{color:var(--hero-mut);font-size:.9rem}

/* sections */
.sec{padding-block:var(--s5)}.sec.alt{background:var(--alt)}.sub{color:var(--mut);max-inline-size:68ch;font-size:1.06rem}
.sec.dark{background:linear-gradient(180deg,var(--hero2),var(--hero));color:var(--hero-fg)}.sec.dark .sub{color:var(--hero-mut)}.sec.dark .eyebrow{color:#7fa6ff}
.cards{display:grid;gap:18px;margin-block-start:var(--s4)}.c3{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.c4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:border-color .2s,transform .2s,box-shadow .2s}
.card:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:0 14px 40px #0d16280f}
.card p{color:var(--mut);margin:0}
.fi{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:12px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);margin-block-end:var(--s2)}
.fi .ic{inline-size:23px;block-size:23px}
.svc .tag{color:var(--acc);font-weight:700;font-size:.86rem;margin-block-end:var(--s1)}.svc p:last-child{color:var(--fg2)}
.layers-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:l}
.layers li{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:14px 18px}
.layers li:nth-child(1){margin-inline-start:0}.layers li:nth-child(2){margin-inline-start:14px}.layers li:nth-child(3){margin-inline-start:28px}.layers li:nth-child(4){margin-inline-start:42px}.layers li:nth-child(5){margin-inline-start:56px}.layers li:nth-child(6){margin-inline-start:70px;border-color:#a78bfa66;background:#7c3aed1f}
.layers .ln{flex:none;display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:10px;background:#2563eb;color:#fff;font-weight:800}
.layers li:nth-child(6) .ln{background:#7c3aed}
.layers b{display:block}.layers span{color:var(--hero-mut);font-size:.9rem}
.console-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.console-art svg{inline-size:100%;block-size:auto;display:block;border-radius:18px;filter:drop-shadow(0 24px 50px #0d162833)}
.ticks{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 20px}
.ticks li{display:flex;gap:10px;align-items:flex-start;color:var(--fg2)}.ticks .ic{color:var(--ok);margin-block-start:4px;inline-size:18px;block-size:18px}
.steps{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.steps li{display:flex;gap:var(--s2);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}.steps .n{flex:none;inline-size:44px;block-size:44px;border-radius:12px;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:800}.steps p{color:var(--mut);margin:0}
details{border-block-end:1px solid var(--line);padding-block:18px}summary{cursor:pointer;font-weight:700}details p{color:var(--mut);margin:var(--s1) 0 0}
.ctaband{background:linear-gradient(120deg,#1d4fd8,#7c3aed);color:#fff;padding-block:56px}
.ctaband-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.ctaband h2{margin:0 0 6px}.ctaband p{margin:0;color:#e0e7ff}
.ctaband .btn{background:#fff;color:#1d4fd8;box-shadow:none}.ctaband .btn.ghost{background:transparent;color:#fff;border-color:#ffffff80}

/* tables, docs, status */
.tablewrap{overflow-x:auto;margin-block:var(--s3)}table{inline-size:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
th,td{text-align:start;padding:15px 18px;border-block-end:1px solid var(--line)}tr:last-child td{border-block-end:0}th{color:var(--mut);font-size:.84rem;font-weight:700;background:var(--alt)}td.strong{font-weight:800}
.note{color:var(--mut);border-inline-start:3px solid var(--acc);padding-inline-start:var(--s2)}
.docs h2{margin-block-start:var(--s4);font-size:1.4rem}.cmd{background:#0a1224;color:#d8e4ff;padding:16px 18px;border-radius:12px;overflow:auto;white-space:pre-wrap;word-break:break-all;font:.88rem/1.7 ui-monospace,Menlo,Consolas,monospace;text-align:left;border:1px solid #ffffff10}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:var(--alt);padding:.1em .4em;border-radius:5px}
.banner{display:flex;align-items:center;gap:12px;padding:18px 24px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);font-size:1.1rem}
.b-operational{border-color:color-mix(in srgb,var(--ok) 50%,var(--line));background:color-mix(in srgb,var(--ok) 6%,var(--card))}.b-degraded{border-color:color-mix(in srgb,var(--warn) 60%,var(--line));background:color-mix(in srgb,var(--warn) 6%,var(--card))}.b-outage{border-color:color-mix(in srgb,var(--bad) 60%,var(--line));background:color-mix(in srgb,var(--bad) 6%,var(--card))}
.comps{list-style:none;margin:var(--s3) 0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.comps li{display:flex;justify-content:space-between;padding:15px 22px;border-block-end:1px solid var(--line)}.comps li:last-child{border:0}
.st{font-style:normal;font-weight:700}.st-operational{color:var(--ok)}.st-degraded{color:var(--warn)}.st-outage{color:var(--bad)}.st-nodata{color:var(--mut)}
.days{inline-size:100%;block-size:38px;display:block}
.inc{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 12px;background:var(--card)}.inc h3{font-size:1rem;margin:0 0 8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inc ul,.rel ul,.errs{margin:0;padding-inline-start:1.2rem}.inc li,.rel li,.errs li{margin:6px 0}.rel{margin:0 0 28px;padding-block-end:20px;border-block-end:1px solid var(--line)}.rel h2{font-size:1.2rem}

/* footer */
footer{background:var(--hero);color:var(--hero-mut);padding-block:40px}
.foot{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:flex-start}.foot-brand p{margin:10px 0 0;max-inline-size:48ch;font-size:.9rem}
.foot-nav{display:flex;gap:6px 20px;flex-wrap:wrap}footer a{color:var(--hero-fg)}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:2px solid #7f9cff;outline-offset:3px}
@media (max-width:960px){.hero-grid,.layers-grid,.console-grid{grid-template-columns:1fr}.capcard{inset-inline-start:8px;bottom:-18px}.layers li{margin-inline-start:0!important}.console-art{order:2}}
@media (max-width:760px){.stats-grid{grid-template-columns:1fr}.sec{padding-block:var(--s4)}.top nav{display:none}.hero{padding-block:56px 64px}.capcard{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}