:root { --ink:#16181d; --muted:#5b616e; --line:#dfe2e8; --bg:#fbfbfa; --card:#fff; --accent:#1f4fd1; }
@media (prefers-color-scheme: dark) { :root { --ink:#e8eaee; --muted:#a2a8b4; --line:#2c313a; --bg:#121418; --card:#1a1d23; --accent:#7ea2ff; } }
* { box-sizing: border-box; }
body { margin:0; font:17px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--ink); background:var(--bg); }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 80px; }
nav a, a { color:var(--accent); }
h1 { font-size: clamp(28px, 5vw, 38px); line-height:1.15; margin: 16px 0 12px; letter-spacing:-.02em; }
h2 { font-size: 21px; margin: 36px 0 8px; }
.lede { color:var(--muted); font-size:19px; }
.cta { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px; margin:32px 0; }
.cta a.btn { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; padding:10px 18px; border-radius:8px; margin-top:8px; }
li { margin: 6px 0; }
footer { margin-top:48px; font-size:13px; color:var(--muted); }