:root{--bg:#0b0c0e;--panel:#15171c;--panel2:#101216;--line:#ffffff14;--text:#e7eaf0;--sec:#8b93a3;--muted:#5b6373;--faint:#4a515f;--green:#0ca30c;--green-b:#2fbf2f;--red:#d03b3b;--amber:#e0a32e;--amber-b:#eab84d;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--text);text-decoration:none}a:hover{color:var(--amber-b)}::selection{background:#e0a32e4d}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b0c0ed9;position:sticky;top:0}.site-header .wrap{align-items:center;gap:28px;height:60px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.nav{gap:22px;margin-left:auto;font-size:14px;display:flex}.nav a{color:var(--sec);font-weight:500}.nav a:hover{color:var(--text)}.nav .cta{color:var(--bg);background:var(--text);border-radius:10px;padding:7px 15px;font-weight:700}.nav .cta:hover{background:var(--amber-b);color:var(--bg)}.hero{padding:88px 0 60px}.eyebrow{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-b)}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;margin:14px 0 18px;font-size:clamp(34px,5.5vw,58px);font-weight:800;line-height:1.05}.hero p.lede{color:var(--sec);max-width:54ch;margin:0 0 30px;font-size:18px}.hero .actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-primary{background:var(--text);color:var(--bg);border-radius:12px;padding:13px 24px;font-size:15px;font-weight:700;display:inline-block}.btn-primary:hover{background:var(--amber-b);color:var(--bg)}.btn-ghost{color:var(--sec);border:1px solid var(--line);border-radius:12px;padding:13px 18px;font-size:14px;font-weight:600}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.states{flex-wrap:wrap;gap:10px;margin-top:48px;display:flex}.state{font:600 12.5px var(--mono);background:var(--panel);border:1px solid var(--line);color:var(--sec);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:flex}.state .dot{border-radius:50%;flex:none;width:8px;height:8px}.state .dot.pulse{animation:1.5s ease-in-out infinite gwPulse}@keyframes gwPulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.state .dot.pulse{animation:none}}section.band{border-top:1px solid var(--line);padding:64px 0}h2.section-title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px;font-size:28px;font-weight:800}p.section-sub{color:var(--sec);max-width:60ch;margin:0 0 32px}.split{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:760px){.split{grid-template-columns:1fr}}.tier{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px}.tier.pro{border-color:#e0a32e59}.tier .tag{font:700 10px var(--mono);letter-spacing:.1em;border-radius:6px;margin-bottom:14px;padding:4px 9px;display:inline-block}.tier .tag.free{color:var(--green-b);border:1px solid #2fbf2f66}.tier .tag.pro{color:var(--amber-b);border:1px solid #e0a32e66}.tier h3{margin:0 0 6px;font-size:20px}.tier p{color:var(--sec);margin:0 0 16px;font-size:14.5px}.tier ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.tier li{color:var(--sec);padding-left:22px;font-size:14px;position:relative}.tier li:before{content:"·";color:var(--amber-b);font-weight:800;position:absolute;left:6px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:820px){.cards{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:22px;transition:border-color .15s;display:flex}.card:hover{border-color:var(--muted)}.card .kicker{font:600 10.5px var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.card h3{letter-spacing:-.01em;color:var(--text);margin:0;font-size:17px}.card p{color:var(--sec);flex:1;margin:0;font-size:13.5px}.card .read{font:600 12px var(--mono);color:var(--amber-b)}.article{max-width:720px;margin:0 auto;padding:64px 0 80px}.article h1{letter-spacing:-.02em;text-wrap:balance;margin:10px 0 12px;font-size:clamp(30px,4.5vw,42px);font-weight:800;line-height:1.15}.article .standfirst{color:var(--sec);margin:0 0 36px;font-size:17px}.article h2{letter-spacing:-.01em;margin:44px 0 10px;font-size:22px}.article p{color:#b9c0cc;max-width:68ch;margin:0 0 18px}.article strong{color:var(--text)}.article figure{background:var(--panel2);border:1px solid var(--line);border-radius:14px;margin:28px 0;padding:20px 12px 6px;overflow-x:auto}.article figure svg{max-width:100%;height:auto;margin:0 auto;display:block}.article figcaption{color:var(--muted);text-align:center;padding:8px 10px 10px;font-size:12.5px}.article .callout{border-left:3px solid var(--amber);color:var(--sec);background:#e0a32e0f;border-radius:0 10px 10px 0;margin:24px 0;padding:14px 18px;font-size:14.5px}.fig-note{font:500 10.5px var(--mono);fill:var(--sec)}.fig-mark{font:700 10px var(--mono)}.sf-name{font:700 12px var(--sans)}.sf-pulse{transform-box:fill-box;animation:1.5s ease-in-out infinite gwPulse}@media (prefers-reduced-motion:reduce){.sf-pulse{animation:none}}.article figure.fig-grid{padding:12px}.fig-pair,.filmstrip{gap:10px;display:grid}.fig-pair{grid-template-columns:1fr 1fr}.filmstrip{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media (max-width:600px){.fig-pair{grid-template-columns:1fr}}.frame{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 6px 4px}.frame svg{width:100%;height:auto;display:block}.frame-title{font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sec);align-items:center;gap:7px;padding:0 6px 8px;display:flex}.frame-title .dot{border-radius:50%;flex:none;width:7px;height:7px}.frame-title .dot.ring{border:2px solid var(--red);box-sizing:border-box;background:0 0;width:8px;height:8px}.frame-title.struck{color:var(--faint);text-decoration:line-through}.article figure.state-flow{padding:18px 12px 6px}.article figure.zone-story-wrap{padding:14px 12px 6px}.zone-story{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:380px;margin:0 auto;overflow:hidden}.zs-head{align-items:center;gap:8px;padding:12px 13px 10px;display:flex}.zs-label{font:700 14px var(--sans);color:var(--green-b)}.zs-bounds{font:500 11.5px var(--mono);color:#9aa3b2}.zs-outcome{font:700 9px var(--mono);letter-spacing:.06em;color:var(--green-b);background:#2fbf2f21;border-radius:5px;margin-left:auto;padding:3px 7px}.zs-step{gap:12px;padding:0 13px 10px;display:flex}.zs-rail{flex-direction:column;flex:none;align-items:center;width:10px;padding-top:3px;display:flex}.zs-dot{border-radius:50%;width:7px;height:7px;margin-top:1px}.zs-line{background:#ffffff1a;flex:1;width:1.5px;min-height:14px;margin-top:3px}.zs-body{min-width:0}.zs-row{align-items:baseline;gap:7px;display:flex}.zs-name{font:700 12.5px var(--sans)}.zs-time{font:500 10.5px var(--mono);color:var(--muted)}.zs-detail{color:var(--sec);font-size:11.5px;line-height:1.4}.zs-lifespan{font:500 10.5px var(--mono);color:var(--faint);padding:0 13px 12px 40px}.card .glyph{width:96px;height:52px;margin-bottom:4px;display:block}.legal{max-width:680px;margin:0 auto;padding:64px 0 80px}.legal h1{letter-spacing:-.02em;font-size:32px}.legal h2{margin-top:32px;font-size:18px}.legal p,.legal li{color:var(--sec);font-size:14.5px}.legal .updated{font:500 12px var(--mono);color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:36px 0 48px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.site-footer nav{gap:20px;font-size:13px;display:flex}.site-footer nav a{color:var(--muted)}.site-footer nav a:hover{color:var(--sec)}.disclaimer{color:var(--faint);max-width:100%;margin-top:18px;font-size:12px}:focus-visible{outline:2px solid var(--amber-b);outline-offset:2px;border-radius:4px}