:root{--canvas:#011221;--deep:#010D18;--surface:#081522;--raised:#0D2133;--line:#21425C;--text:#EDF6FF;--muted:#ACC2D5;--accent:#27E7F6}
*{box-sizing:border-box}html{background:var(--canvas)}
body{margin:0;background:var(--canvas);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
header{border-bottom:1px solid var(--line);background:var(--deep)}
.bar{max-width:880px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bar img{width:36px;height:36px}
.brand{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--text);text-decoration:none;margin-right:auto}
nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-size:14px}
nav a:hover,nav a[aria-current]{color:var(--accent)}
main{max-width:880px;margin:0 auto;padding:48px 20px 72px}
.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}
h2{font-size:20px;margin:40px 0 8px;letter-spacing:-.01em}
p,li{color:var(--muted);max-width:68ch}
strong{color:var(--text);font-weight:600}
.lede{font-size:19px;color:var(--text)}
.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:32px 0 0;padding:0;list-style:none}
.cards li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;max-width:none}
.cards h3{margin:0 0 6px;font-size:16px;color:var(--text)}
.cards p{margin:0;font-size:15px}
.note{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:28px 0}
.note p{margin:0;color:var(--text);max-width:none}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer .bar{justify-content:space-between}
.updated{font-size:14px;color:var(--muted);margin:0 0 28px}