html{color-scheme:light}
:root{--paper:#f2efe8;--ink:#111218;--acid:#d9ff57;--lilac:#9a89ff;--line:rgba(17,18,24,.16);font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(17,18,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,24,.035) 1px,transparent 1px),var(--paper);background-size:64px 64px}a{color:inherit}header,footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line);font:700 9px/1 "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase}header a{text-decoration:none;font-size:16px;letter-spacing:-.05em}header a i{margin-left:5px;padding:3px 6px;color:var(--ink);background:var(--acid);font-style:normal}main{overflow:hidden}.legal-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:flex-end;padding:110px clamp(24px,10vw,160px) 90px;border-bottom:1px solid var(--line)}.legal-hero>span,.legal-rights>span{font:700 9px/1 "Space Mono",monospace;letter-spacing:.14em;text-transform:uppercase}.legal-hero h1{margin:32px 0 28px;font-size:clamp(58px,10vw,150px);line-height:.82;letter-spacing:-.085em}.legal-hero h1 em{color:var(--lilac);font-style:normal}.legal-hero>p{max-width:720px;margin:0;font-size:clamp(17px,2vw,27px);line-height:1.42}.legal-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 clamp(24px,5vw,80px);border-inline:1px solid var(--line)}.legal-grid article{min-height:430px;padding:54px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.legal-grid article:nth-child(2n){border-right:0}.legal-grid b{font:700 9px/1 "Space Mono",monospace;letter-spacing:.12em;color:#686960}.legal-grid h2{margin:70px 0 22px;font-size:clamp(30px,4vw,58px);line-height:.95;letter-spacing:-.055em}.legal-grid p,.legal-grid small,.legal-rights p{max-width:620px;color:#575851;font-size:15px;line-height:1.65}.legal-grid small{display:block;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:11px}.legal-rights{padding:140px clamp(24px,10vw,160px);color:#f2efe8;background:#111218}.legal-rights h2{margin:30px 0;font-size:clamp(52px,8vw,120px);line-height:.88;letter-spacing:-.075em}.legal-rights p{color:#aaa9b1}.legal-warning{max-width:750px;margin-top:70px;padding:26px;border:1px solid rgba(217,255,87,.38);background:rgba(217,255,87,.06)}.legal-warning b{color:var(--acid);font:700 10px/1 "Space Mono",monospace;text-transform:uppercase}.legal-warning p{margin:14px 0 0}.legal-rights+footer{}footer{border-top:1px solid var(--line);border-bottom:0}footer a{text-decoration:none}
::selection{color:#111;background:var(--acid)}:focus-visible{outline:3px solid var(--lilac);outline-offset:4px}
@media(max-width:760px){.legal-hero{min-height:65vh;padding-top:80px}.legal-grid{grid-template-columns:1fr;margin-inline:18px}.legal-grid article{min-height:auto;padding:36px 26px;border-right:0}.legal-grid h2{margin-top:42px}.legal-rights{padding-block:90px}header,footer{padding-inline:20px}footer{gap:20px;align-items:flex-start;padding-block:24px}}

/* The shared animated mark owns its letter geometry. The old legal-header
   badge rule must not add spacing or a second background to those letters. */
header .brand-eleven .brand-eleven-word i {
  margin:0;
  padding-top:0;
  padding-bottom:0;
  padding-left:0;
  color:var(--signature-ink);
  background:none;
}

@media (prefers-color-scheme:dark) {
  html{color-scheme:dark;background:#111218}
  body.legal-page{
    --paper:#111218;
    --ink:#f3f0ea;
    --line:rgba(255,255,255,.16);
    color-scheme:dark;
    color:var(--ink);
    background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#111218;
    background-size:64px 64px;
  }
  body.legal-page .legal-hero{background:radial-gradient(circle at 82% 30%,rgba(166,156,255,.11),transparent 42%)}
  body.legal-page .legal-grid article{background:rgba(255,255,255,.018)}
  body.legal-page .legal-grid b{color:#b1a7ff}
  body.legal-page .legal-grid p,
  body.legal-page .legal-grid small{color:#c0c1ca}
  body.legal-page .legal-rights{color:#f3f0ea;background:#1b1c24}
  body.legal-page .legal-rights p{color:#c0c1ca}
  body.legal-page header .brand-eleven .brand-eleven-word i{color:#f7f5ef}
}