:root{--ink:#111318;--paper:#f1f0ea;--acid:#228b22;--muted:#666a70;--line:#d8d8d1}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
a:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
.legal-header{padding:25px 6vw;background:var(--ink);display:flex;justify-content:space-between;align-items:center}
.logo{color:#fff;font:800 18px Unbounded,sans-serif;text-decoration:none;font-style:italic;letter-spacing:-1.5px}
.logo span{color:var(--acid)}
.legal-header>a:last-child{color:#fff;font-size:12px;text-decoration:none}
.legal{width:min(820px,88vw);margin:80px auto 110px}
.kicker{color:#667000;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}
.legal h1{font:700 clamp(38px,7vw,76px)/1 Unbounded,sans-serif;text-transform:uppercase;letter-spacing:-3px;margin:20px 0 18px}
.updated{color:var(--muted);font-size:12px;margin-bottom:55px}
.legal h2{font:700 20px Unbounded,sans-serif;text-transform:uppercase;margin:45px 0 14px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:#42464b}
.legal a{color:var(--ink);font-weight:700}
.legal-nav{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px;margin-top:55px}
.legal-nav a{font-size:12px}
.legal-footer{padding:25px 6vw;background:var(--ink);color:#9b9da1;font-size:12px}
.status-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ink);color:var(--paper)}
.status-page main{width:min(700px,100%);text-align:center}
.status-page .logo{display:inline-block;margin-bottom:55px}
.status-page .kicker{color:var(--acid)}
.status-page h1{font:700 clamp(42px,8vw,84px)/.95 Unbounded,sans-serif;text-transform:uppercase;letter-spacing:-3px;margin:18px 0}
.status-page p:not(.kicker){color:#b6b8bc;line-height:1.7;margin:26px auto;max-width:580px}
.status-action{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;background:var(--acid);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;text-decoration:none}
.status-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.status-actions>a:not(.status-action){color:#fff;font-size:12px;font-weight:800}
@media(max-width:600px){.legal{margin-top:55px}
.legal h1{letter-spacing:-2px}
.legal-header{padding:22px}
.legal-header>a:last-child{font-size:0}
.legal-header>a:last-child:after{content:'←';font-size:18px}
.status-page h1{letter-spacing:-2px}
}