.legal-hero { padding: 180px 0 72px; background: var(--navy); color: var(--white); }
.legal-hero h1 { font-family: var(--font-display); font-size: clamp(42px, 7vw, 78px); font-weight: 400; }
.legal-hero p { margin-top: 16px; color: var(--muted); font-family: var(--font-body); }
.legal-content { max-width: 860px; padding: 72px 24px 100px; margin: 0 auto; }
.legal-content h2 { margin: 36px 0 12px; color: var(--ink); font-family: var(--font-display); font-size: 28px; }
.legal-content p, .legal-content li { color: var(--slate); font-family: var(--font-body); font-size: 16px; line-height: 1.75; }
.legal-content ul { padding-left: 24px; }
.legal-draft { padding: 16px; border-left: 4px solid var(--brand); background: #eef2ff; }
.legal-contact { margin-top: 40px; }