:root { --rg-ink: #242331; --rg-purple: #5236ff; --rg-muted: #62606f; --rg-paper: #fbfaff; }
* { box-sizing: border-box; }
body { background: var(--rg-paper); color: var(--rg-ink); font-family: Arial, Helvetica, sans-serif; margin: 0; }
a { color: var(--rg-purple); }
.legal-header { align-items: center; background: #fff; border-bottom: 1px solid #ece8ff; display: flex; justify-content: space-between; padding: 22px max(24px, calc((100vw - 1180px) / 2)); }
.legal-brand { color: var(--rg-ink); font-size: 28px; font-weight: 800; text-decoration: none; }
.legal-header a:last-child { font-weight: 700; text-decoration: none; }
main { margin: 0 auto; max-width: 820px; padding: 78px 24px; }
.eyebrow { color: var(--rg-purple); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
h1 { font-size: clamp(38px, 6vw, 62px); letter-spacing: -.04em; line-height: 1.05; margin: 14px 0; }
h2 { font-size: 22px; margin: 42px 0 12px; }
p, li { color: var(--rg-muted); font-size: 17px; line-height: 1.7; }
li { margin: 7px 0; }
.updated { margin-top: 0; }
.legal-footer { background: var(--rg-ink); color: #dcd8f5; padding: 34px 24px; text-align: center; }
.legal-footer a { color: #fff; margin: 0 9px; }
@media (max-width: 600px) { .legal-header { padding: 18px 20px; } .legal-brand { font-size: 24px; } main { padding: 55px 22px; } }