:root { color-scheme: light; --paper:#fbf7ef; --ink:#303934; --muted:#697369; --line:#d8d8c8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100svh; display:grid; place-items:center; background:var(--paper); color:var(--ink); font:17px/1.6 system-ui,sans-serif; }
main { width:min(100%,740px); padding:36px 24px 48px; text-align:center; }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
h1 { margin:12px 0; font-size:clamp(30px,6vw,48px); line-height:1.15; letter-spacing:-.04em; text-wrap:balance; }
p { max-width:440px; margin:16px auto; color:var(--muted); }
svg { display:block; width:100%; height:auto; margin:28px auto 20px; }
footer { padding-top:24px; margin-top:28px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
@media(prefers-color-scheme:dark) { :root { color-scheme:dark; --paper:#202923; --ink:#f2f0e5; --muted:#c0c8ba; --line:#435045; } }