:root { color-scheme: light dark; --bg:#fff; --fg:#111; --muted:#666; --line:#e5e5e5; --accent:#5aa317; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f0f0f; --fg:#f2f2f2; --muted:#9a9a9a; --line:#262626; } }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; background:var(--bg); color:var(--fg); }
a { color:inherit; }
.wrap { max-width:720px; margin:0 auto; padding:0 24px; }
header { display:flex; justify-content:space-between; align-items:center; padding:24px 0; }
header .brand { font-weight:600; text-decoration:none; }
header nav a { margin-left:20px; text-decoration:none; color:var(--muted); }
header nav a.primary { color:var(--fg); font-weight:600; }
main { padding:48px 0 64px; }
h1 { font-size:2.25rem; line-height:1.15; margin:0 0 16px; letter-spacing:-.02em; }
h2 { font-size:1.25rem; margin:40px 0 8px; }
p.lead { font-size:1.15rem; color:var(--muted); margin:0 0 32px; }
.cta { display:inline-block; padding:12px 20px; border-radius:8px; background:var(--accent); color:#fff; text-decoration:none; font-weight:600; }
.cta.secondary { background:transparent; color:var(--fg); border:1px solid var(--line); margin-left:8px; }
ul.features { padding-left:20px; color:var(--muted); }
footer { border-top:1px solid var(--line); padding:24px 0; font-size:.9rem; color:var(--muted); display:flex; gap:20px; flex-wrap:wrap; }
footer a { text-decoration:none; }