:root{--pop:#ff6a2b;--ink:#1e1433;--ground:#fff;--surface:#fff4ee;--muted:#5e4f6b;--good:#12a26c;--attn:#ffd23f;
--display:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;--body:'Atkinson Hyperlegible',Verdana,sans-serif}
@media (prefers-color-scheme:dark){:root{--ink:#fff3ea;--ground:#17111f;--surface:#221a2e;--muted:#c9bdd6;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:18px/1.55 var(--body)}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
.logo{font:800 1.9rem/1 var(--display);letter-spacing:-.03em;text-decoration:none;color:var(--ink)}.logo b{color:var(--pop)}
h1{font:800 clamp(2.4rem,7vw,3.6rem)/1.02 var(--display);letter-spacing:-.03em;margin:40px 0 16px;text-wrap:balance}
h2{font:700 1.5rem/1.15 var(--display);margin:36px 0 8px}
.lead{font-size:1.25rem;max-width:36ch}.muted{color:var(--muted)}
.card{background:var(--surface);border-radius:24px;padding:20px 22px;margin:20px 0}
.no{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0}.no dt{font-weight:700}.no dd{margin:0;font:800 1.2rem var(--display)}
a{color:inherit;text-underline-offset:3px}footer{margin-top:56px;font-size:.95rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--pop);color:#1e1433;font-weight:700;padding:16px 22px;border-radius:18px;text-decoration:none;margin-top:8px}