:root { color-scheme: light dark; --bg:#fafafa; --ink:#141414; --muted:#696969; --accent:#00ce2a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header { padding:28px clamp(24px,5vw,72px); }
header a { color:inherit; text-decoration:none; font-size:25px; font-weight:750; letter-spacing:-1px; }
header span { color:var(--accent); }
main { max-width:610px; margin:16px auto 64px; padding:0 24px; text-align:center; }
.art { height:150px; display:flex; align-items:center; justify-content:center; gap:30px; background:radial-gradient(ellipse, #00ce2a19, transparent 65%); }
.art span { font-size:44px; transform:rotate(-14deg); }
.art span:nth-child(2) { font-size:64px; transform:rotate(10deg); }
.art span:nth-child(3) { transform:rotate(-8deg); }
.eyebrow { font-size:11px; font-weight:700; letter-spacing:2px; color:var(--muted); }
h1 { font-size:clamp(36px,7vw,54px); font-weight:780; line-height:1.08; letter-spacing:-1.8px; margin:20px 0; }
.description { color:var(--muted); font-size:19px; max-width:460px; margin:0 auto 28px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:13px 28px; border-radius:100px; text-decoration:none; background:var(--accent); color:#06240b; font-weight:650; }
[hidden] { display:none !important; }
a:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
.help { font-size:14px; color:var(--muted); max-width:410px; margin:20px auto; }
.tagline { margin:40px 0 0; font-size:18px; font-weight:600; }
footer { padding:0 24px 30px; color:var(--muted); text-align:center; font-size:12px; }
@media (prefers-color-scheme:dark) { :root { --bg:#141414; --ink:#f9f9f9; --muted:#adadad; } }