:root { --paper:#ffffff; --ink:#102635; --signal:#f05232; --muted:#607482; --line:rgba(16,38,53,.18); --serif:"Instrument Serif",Georgia,serif; --sans:"Figtree",sans-serif; }
* { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); } a { color:inherit; }
header, footer { min-height:76px; padding:0 max(28px,calc((100vw - 1120px)/2)); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:25px; }
header > a:last-child { font-size:10px; font-weight:800; letter-spacing:.1em; text-decoration:none; border:1px solid var(--ink); padding:10px 13px; }.legal-brand { font-size:13px; font-weight:800; letter-spacing:.1em; text-decoration:none; }.legal-brand b { color:var(--signal); }
main { width:min(1120px,calc(100% - 56px)); margin:0 auto; padding:100px 0 120px; }.legal-code { margin:0 0 17px; color:var(--signal); font-size:9px; font-weight:800; letter-spacing:.15em; }.legal-page h1,.status-page h1 { font:400 clamp(66px,9vw,118px)/.78 var(--serif); letter-spacing:-.045em; margin:0 0 65px; }.legal-page h1 em,.status-page h1 em { color:var(--signal); font-weight:400; }
.legal-layout { display:grid; grid-template-columns:240px 1fr; gap:80px; }.legal-nav { position:sticky; top:25px; align-self:start; border-top:1px solid var(--ink); }.legal-nav a { display:block; padding:13px 0; border-bottom:1px solid var(--line); text-decoration:none; font-size:10px; font-weight:700; letter-spacing:.08em; }.legal-copy { max-width:760px; }.legal-copy .effective { border-left:4px solid var(--signal); padding:12px 16px; background:rgba(242,85,36,.08); font-size:12px; }.legal-copy h2 { font:400 38px/1 var(--serif); margin:55px 0 16px; }.legal-copy h3 { margin:28px 0 8px; font-size:15px; }.legal-copy p,.legal-copy li { color:#495452; font-size:15px; line-height:1.7; }.legal-copy li+li { margin-top:8px; }.legal-copy strong { color:var(--ink); }.legal-note { margin-top:55px; border:1px solid var(--ink); padding:20px; font-size:12px !important; }
footer { min-height:110px; border-top:1px solid var(--line); border-bottom:0; font-size:10px; color:var(--muted); } footer nav { display:flex; flex-wrap:wrap; gap:20px; } footer a { text-decoration:none; font-weight:700; }
.status-banner { border:1px solid var(--ink); padding:24px; display:flex; gap:18px; align-items:center; margin-bottom:45px; }.status-banner > i,.status-list article > i { width:12px; height:12px; border-radius:50%; background:#b18b24; box-shadow:0 0 0 7px rgba(177,139,36,.12); }.status-banner strong,.status-banner span { display:block; }.status-banner strong { font-size:12px; letter-spacing:.08em; }.status-banner span { color:var(--muted); margin-top:4px; font-size:13px; }.status-banner.status-ok { background:#dce8cd; }.status-banner.status-ok > i,.service-ok > i { background:#4c7b37 !important; box-shadow:0 0 0 7px rgba(76,123,55,.12) !important; }.status-banner.status-down { background:#f2d6cb; }.status-banner.status-down > i,.service-down > i { background:var(--signal) !important; box-shadow:0 0 0 7px rgba(242,85,36,.12) !important; }
.status-list { border-top:1px solid var(--ink); }.status-list article { min-height:92px; display:grid; grid-template-columns:30px 1fr auto; gap:18px; align-items:center; border-bottom:1px solid var(--line); }.status-list article > i { width:8px; height:8px; }.status-list strong,.status-list span { display:block; }.status-list strong { font:400 25px/1 var(--serif); }.status-list span { color:var(--muted); font-size:12px; margin-top:5px; }.status-list article > b { font-size:9px; letter-spacing:.1em; }.service-ok > b { color:#4c7b37; }.service-down > b { color:var(--signal); }.status-updated { color:var(--muted); font-size:11px; margin:18px 0 80px; }.status-help { display:flex; justify-content:space-between; align-items:end; gap:30px; background:var(--ink); color:var(--paper); padding:35px; }.status-help h2 { font:400 42px/1 var(--serif); margin:0; }.status-help a { color:white; background:var(--signal); padding:15px 18px; text-decoration:none; font-size:9px; font-weight:800; letter-spacing:.08em; }
@media(max-width:700px){ header,footer { padding-inline:18px; } main { width:calc(100% - 32px); padding-block:70px 90px; }.legal-layout { grid-template-columns:1fr; gap:40px; }.legal-nav { position:static; }.status-list article { grid-template-columns:24px 1fr; padding:17px 0; }.status-list article > b { grid-column:2; }.status-help { display:block; }.status-help a { display:inline-block; margin-top:25px; } footer { align-items:flex-start; flex-direction:column; justify-content:center; } }