:root { color-scheme: light dark; --fg:#111; --muted:#666; --bg:#fff; --accent:#c2410c; }
@media (prefers-color-scheme: dark) { :root { --fg:#f5f5f4; --muted:#a8a29e; --bg:#0c0a09; --accent:#fb923c; } }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg); background:var(--bg); }
.wrap { max-width:52rem; margin:0 auto; padding:2rem 1.5rem 4rem; }
header { display:flex; gap:1.5rem; align-items:baseline; flex-wrap:wrap; padding-bottom:2rem; }
.logo { font-weight:700; font-size:1.25rem; letter-spacing:-.02em; text-decoration:none; color:var(--fg); }
nav a { color:var(--muted); text-decoration:none; margin-right:1rem; font-size:.95rem; }
nav a:hover { color:var(--accent); }
h1 { font-size:clamp(1.9rem,5vw,2.75rem); line-height:1.15; letter-spacing:-.03em; margin:0 0 1rem; }
p.lead { font-size:1.15rem; color:var(--muted); max-width:38rem; }
footer { margin-top:4rem; padding-top:1.5rem; border-top:1px solid color-mix(in oklab,var(--fg) 12%,transparent); color:var(--muted); font-size:.9rem; }
.badge { display:inline-block; padding:.15rem .5rem; border-radius:99px; background:color-mix(in oklab,var(--accent) 15%,transparent); color:var(--accent); font-size:.8rem; font-weight:600; }