:root{--ink: #101c2b;--paper: #f5f8ff;--signal: #0f7b6c;--signal-2: #0a5f53;--card: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 20%,#d9ffe9 0%,transparent 35%),radial-gradient(circle at 90% 15%,#d7ecff 0%,transparent 30%),linear-gradient(180deg,#f7fbff,#eef5ff);min-height:100vh}.shell{max-width:960px;margin:0 auto;padding:3rem 1.2rem}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em}.eyebrow{margin:0;font-weight:700;color:var(--signal);text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}.subtle{margin-top:.75rem;opacity:.85}.panel{background:color-mix(in oklab,var(--card) 90%,#e9f5ff 10%);border:1px solid #d7e4f2;border-radius:16px;margin-top:1.2rem;padding:1rem;box-shadow:0 8px 24px #06224614}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn{appearance:none;border:0;border-radius:999px;background:var(--signal);color:#fff;text-decoration:none;padding:.65rem 1rem;font-weight:700;cursor:pointer}.btn:hover{background:var(--signal-2)}.btn.ghost{background:#e8f4f2;color:var(--signal-2)}pre{margin:0;overflow:auto;padding:.9rem;border-radius:10px;background:#0d1d2d;color:#d7e6f5;min-height:7rem}@media(max-width:640px){.shell{padding:1.4rem .8rem 2rem}}