.legal-hero { background: var(--ink); color: #fff; padding: 64px 0; }
.legal-hero .eyebrow { color: var(--green); font-size: .78rem; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
.legal-hero h1 { color: #fff; font-size: clamp(2rem, 4vw, 3.1rem); margin-top: 10px; }
.legal-hero p { color: #cdd6d0; max-width: 760px; margin: 16px 0 0; }
.legal-content { max-width: 900px; padding-top: 56px; padding-bottom: 72px; }
.legal-content h2 { font-size: 1.35rem; margin: 36px 0 12px; }
.legal-content p, .legal-content li { color: var(--text); }
.legal-content ul { padding-left: 22px; }
.legal-content a { color: var(--green-d); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.legal-note { border-left: 4px solid var(--green); background: var(--green-l); padding: 16px 18px; color: #25412d; margin: 28px 0; }
.legal-meta { color: var(--muted); font-size: .9rem; margin-top: 18px; }
@media (max-width: 640px) { .legal-hero { padding: 46px 0; } .legal-content { padding-top: 36px; padding-bottom: 48px; } }