:root{--ink:#0b0c10;--paper:#f4f2ee;--muted:#8b8f9a;--line:rgba(244,242,238,.12);--flare:#f0554a;
  --sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}
.wrap{max-width:44rem;margin:0 auto;padding:clamp(1.25rem,4vw,2.75rem)}
header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(2rem,6vw,4rem)}
.mark{border:0;display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);text-decoration:none}
.mark svg{width:1.35rem;height:1.35rem;display:block}
.kicker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
h1{margin:0 0 1rem;font-size:clamp(2rem,6vw,3.25rem);font-weight:700;line-height:1;letter-spacing:-.03em}
.lead{font-size:1.1rem;color:#cfd2d8;margin:0 0 .75rem}
.small{font-size:.8rem;color:var(--muted);margin:0 0 2.5rem}
h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:2.25rem 0 .6rem}
p,li{font-size:.98rem;color:#d9dbe0}
ul{padding-left:1.2rem}
a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--line)}
a:hover{border-color:rgba(244,242,238,.5)}
a:focus-visible{outline:2px solid var(--flare);outline-offset:3px;border-radius:4px}
footer{margin-top:clamp(3rem,8vw,5rem);padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.8rem;font-size:.72rem;letter-spacing:.1em;color:var(--muted)}
.foot-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.legal-links{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.68rem;letter-spacing:.08em;color:rgba(139,143,154,.75)}
.legal-links a{color:inherit;border-bottom-color:transparent}
.legal-links a:hover{color:var(--paper)}
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center}
.nf h1{font-size:clamp(2.5rem,9vw,6rem)}
.btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--flare);border:0}

/* Legal navigation remains readable and usable by touch and keyboard. */
.legal-links a, .legal-links .cc-settings { color: #9ba2af; min-height: 24px; display: inline-flex; align-items: center; }