:root{
  --bg:#0b0f14; --fg:#e6edf3; --muted:#9fb0c0; --accent:#7bd4ff; --chip:#1a2633;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.9;text-decoration:underline}
.container{max-width:920px;margin:0 auto;padding:36px 20px 56px}
.hero{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #223246;padding-bottom:16px;margin-bottom:24px}
h1{font-size:28px;margin:0 0 6px}
.tagline{color:var(--muted);margin:0 0 8px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--chip);color:var(--fg);padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #223246}
.section{margin:24px 0}
h2{font-size:16px;color:#c7d5e0;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}
.card{background:#0f1520;border:1px solid #223246;border-radius:12px;padding:16px}
ul{margin:10px 0 0 18px}
li{margin:6px 0}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.button{display:inline-block;background:#1e2a39;color:var(--fg);border:1px solid #223246;padding:10px 14px;border-radius:10px}
.button:hover{background:#243246}
small.muted{color:var(--muted)}
.footer{margin-top:32px;color:var(--muted);font-size:12px}
code{background:#0d1320;border:1px solid #223246;border-radius:6px;padding:2px 6px}