:root{--bg:#080b14;--panel:#111827;--ink:#f4f6fb;--muted:#a5b0c3;--line:#ffffff20;--mint:#8dffcb;--violet:#b3a4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#6652b51e,transparent 38%),var(--bg);color:var(--ink);font:16px/1.75 Manrope,Inter,system-ui,sans-serif}.wrap{width:min(980px,calc(100% - 36px));margin:auto}a{color:var(--mint);text-decoration:none}.nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px}.brand{font-weight:800;color:var(--ink);letter-spacing:-.04em}.eyebrow,.tag,small,code{font-family:"DM Mono",Consolas,monospace}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero{padding:74px 0 38px}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.04;letter-spacing:-.065em;margin:16px 0}.hero p,.intro{color:var(--muted);max-width:720px}.badge{display:inline-block;border:1px solid #8dffcb55;background:#8dffcb0c;color:var(--mint);border-radius:999px;padding:7px 12px;font:10px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.button{display:inline-block;border:1px solid #8dffcb72;border-radius:7px;padding:10px 14px;color:var(--mint);font-size:12px;font-weight:800}.button.primary{background:var(--mint);color:#09110f}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#151d2b,#0c111c);border-radius:12px;padding:24px;margin:18px 0}.panel h2{font-size:22px;letter-spacing:-.035em;margin:0 0 10px}.panel p,.panel li{color:var(--muted);font-size:14px}.panel ul{padding-left:20px}.diagram{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#0c121d;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:18px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note{border-left:2px solid var(--violet);padding:12px 15px;color:#c5c9d8;background:#a995ff0b;font-size:12px;margin:20px 0}.footer{padding:35px 0;color:#8290a5;border-top:1px solid var(--line);font:10px "DM Mono",monospace;margin-top:40px}@media(max-width:650px){.hero{padding-top:48px}.cols{grid-template-columns:1fr}.panel{padding:18px}.nav{height:60px}}