:root { --bg:#fff; --fg:#1a1a1a; --muted:#666; --accent:#e85d04; --card:#f6f6f6; }
@media (prefers-color-scheme: dark) { :root { --bg:#121212; --fg:#eee; --muted:#aaa; --card:#1e1e1e; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
main { max-width:640px; margin:0 auto; padding:40px 16px; }
h1 { font-size:1.9rem; margin:.2em 0 .4em; }
h2 { font-size:1.15rem; margin-top:1.6em; }
.lead { font-size:1.1rem; }
.muted { color:var(--muted); }
.features li { margin:.4em 0; }
.btn { display:block; text-align:center; background:var(--accent); color:#fff; padding:14px 18px; border-radius:12px; text-decoration:none; font-weight:600; margin:18px 0 10px; }
.btn.secondary { background:var(--card); color:var(--fg); }
.code { font-family:ui-monospace,monospace; letter-spacing:.12em; background:var(--card); padding:2px 6px; border-radius:6px; }
footer { text-align:center; color:var(--muted); font-size:.9rem; padding:24px 16px 40px; }
footer a { color:var(--muted); }
a { color:var(--accent); }