:root{
  --royal:#2563EB; --indigo:#4F46E5; --emerald:#10B981;
  --ink:#0B1220; --ink-soft:#3A4459;
  --gray-50:#F7F9FC; --gray-100:#EEF2F9; --gray-200:#E3E9F3;
  --white:#FFFFFF;
  --font-display:'Space Grotesk','Inter',sans-serif;
  --font-body:'Inter',sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:var(--font-body); color:var(--ink); background:var(--white); line-height:1.7; -webkit-font-smoothing:antialiased;}
.wrap{max-width:760px; margin:0 auto; padding:0 24px;}
a{color:var(--royal);}
a:focus-visible{outline:2px solid var(--royal); outline-offset:3px; border-radius:4px;}

.legal-header{
  border-bottom:1px solid var(--gray-200); padding:18px 0; position:sticky; top:0; background:rgba(255,255,255,0.85);
  backdrop-filter:blur(10px);
}
.legal-header .wrap{max-width:1000px; display:flex; align-items:center; justify-content:space-between;}
.logo{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--ink);}
.logo-mark{width:30px; height:30px; border-radius:8px; background:linear-gradient(135deg,var(--royal),var(--indigo)); display:flex; align-items:center; justify-content:center;}
.logo-mark svg{width:16px; height:16px;}
.back-link{font-size:14px; font-weight:600; color:var(--ink-soft);}
.back-link:hover{color:var(--royal);}

.legal-body{padding:64px 24px 80px;}
.eyebrow{
  display:inline-block; font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:500;
  letter-spacing:0.08em; text-transform:uppercase; color:var(--royal);
  background:rgba(37,99,235,0.08); border:1px solid rgba(37,99,235,0.16);
  padding:6px 14px; border-radius:999px; margin-bottom:18px;
}
.legal-body h1{font-family:var(--font-display); font-size:clamp(30px,4vw,42px); letter-spacing:-0.02em; margin-bottom:10px;}
.updated{color:var(--ink-soft); font-size:14px; margin-bottom:32px;}
.legal-body > p{color:var(--ink-soft); margin-bottom:20px; font-size:15.5px;}
.legal-body h2{font-family:var(--font-display); font-size:20px; margin-top:36px; margin-bottom:12px;}
.legal-body ul{padding-left:20px; color:var(--ink-soft); font-size:15.5px; margin-bottom:20px;}
.legal-body li{margin-bottom:8px;}
.legal-body code{
  font-family:'JetBrains Mono',monospace; font-size:13px; background:var(--gray-100);
  padding:2px 6px; border-radius:5px;
}

.legal-footer{border-top:1px solid var(--gray-200); padding:28px 0; margin-top:40px;}
.legal-footer .wrap{max-width:1000px; font-size:13px; color:var(--ink-soft);}
.legal-footer a{color:var(--ink-soft); font-weight:600;}
.legal-footer a:hover{color:var(--royal);}