:root {
    --ink: #10231e;
    --deep: #081713;
    --paper: #f4f0e7;
    --muted: #64716c;
    --accent: #e85c3d;
    --line: rgba(16, 35, 30, .18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; }
a { color: inherit; }
.legal-header { border-bottom: 1px solid var(--line); background: var(--deep); }
.legal-nav { width: min(1080px, calc(100% - 40px)); min-height: 78px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #f8f4ec; }
.legal-brand { font: 800 .9rem "Manrope", sans-serif; text-decoration: none; }
.legal-back { color: rgba(255,255,255,.72); font-size: .78rem; text-underline-offset: 4px; }
.legal-main { width: min(920px, calc(100% - 40px)); margin: auto; padding: 88px 0 110px; }
.legal-kicker { margin: 0 0 20px; color: var(--accent); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { max-width: 780px; margin: 0; font: 800 clamp(2.8rem, 7vw, 5.5rem)/.98 "Manrope", sans-serif; letter-spacing: -.055em; }
.legal-intro { max-width: 700px; margin: 28px 0 52px; color: var(--muted); font-size: 1.05rem; line-height: 1.75; }
.legal-alert { margin-bottom: 48px; padding: 18px 20px; border-left: 5px solid var(--accent); background: #e8e1d5; line-height: 1.65; }
.legal-content { border-top: 1px solid var(--line); }
.legal-content section { display: grid; grid-template-columns: 210px 1fr; gap: 42px; padding: 34px 0; border-bottom: 1px solid var(--line); }
.legal-content h2 { margin: 0; font: 750 1.05rem "Manrope", sans-serif; }
.legal-content div { color: var(--muted); line-height: 1.75; }
.legal-content p { margin: 0 0 12px; }
.legal-content p:last-child { margin-bottom: 0; }
.legal-content strong { color: var(--ink); }
.legal-content a { color: var(--ink); text-underline-offset: 4px; }
.legal-footer { padding: 30px 20px; color: rgba(255,255,255,.58); background: var(--deep); font-size: .75rem; text-align: center; }

@media (max-width: 680px) {
    .legal-main { padding-top: 62px; }
    .legal-content section { grid-template-columns: 1fr; gap: 14px; }
    .legal-nav { min-height: 70px; }
}