/* Optimus Distributor — quiet pages: privacy (data-page-type="legal") and 404.
   One narrow measure, mono kickers, no decoration beyond the dimmed puck on 404.
   Loads after tokens.css + chrome.css. */

/* ---------- legal ---------- */
.quiet{padding:76px 0 var(--sec)}
.measure{max-width:65ch}
.measure .kicker{margin:46px 0 12px}
.measure h1{margin-top:18px}
.lupdated{margin-top:16px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut2)}
.measure h2{font:600 22px/1.3 var(--disp);letter-spacing:-.005em}
.measure p{margin-top:14px;color:var(--mut)}
.measure ul{margin-top:14px;display:grid;gap:var(--g1);color:var(--mut)}
.measure li{position:relative;padding-left:22px}
.measure li::before{content:"—";position:absolute;left:0;color:var(--cyan)}
.measure a{color:var(--cyan2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(76,196,255,.4)}
.measure a:hover{text-decoration-color:var(--cyan2)}

/* ---------- 404 ---------- */
.lost{position:relative;overflow:clip;text-align:center;padding:116px 0 100px}
.puckdim{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(560px,92%);
  aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(41,170,227,.13),rgba(41,170,227,.05) 42%,transparent 70%)}
.lost .wrap{position:relative}
.lost .kicker{justify-content:center}
.lost h1{margin-top:18px}
.lost>.wrap>p{margin:18px auto 0;max-width:46ch;color:var(--mut)}
.lost .search{display:flex;flex:none;max-width:400px;margin:32px auto 0}
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g3);margin-top:56px;text-align:left}
.wayc{display:block;padding:24px 22px 20px}
.wayc b{display:block;font:600 16px var(--disp)}
.wayc span{display:block;margin-top:8px;color:var(--mut);font-size:13px;line-height:1.55}
.wayc .go{display:inline-flex;align-items:center;gap:var(--g1);margin-top:14px;
  font:500 12.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan2)}

@media (max-width:900px){.ways{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ways{grid-template-columns:1fr}}
