.legal-page { background: #fbfaf5; color: #253b3a; }
.legal-hero { padding: clamp(64px, 8vw, 104px) 24px clamp(38px, 5vw, 62px); text-align: center; background: linear-gradient(180deg, #e9f6f4, #fbfaf5); }
.legal-eyebrow { margin: 0 0 12px; color: #0b6b78; font-size: .82rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.legal-hero h1 { max-width: 900px; margin: 0 auto 14px; color: #173f43; font-family: Georgia, serif; font-size: clamp(2.25rem, 5vw, 4.25rem); line-height: 1.08; }
.legal-effective { margin: 0; color: #4f6968; font-weight: 700; }
.legal-content { width: min(860px, calc(100% - 40px)); margin: 0 auto; padding: 46px 0 84px; }
.legal-content section { margin: 0 0 34px; }
.legal-content h2 { margin: 0 0 12px; color: #075f82; font-family: Georgia, serif; font-size: clamp(1.45rem, 3vw, 1.9rem); line-height: 1.2; }
.legal-content p, .legal-content li { font-size: 1.04rem; line-height: 1.78; }
.legal-content p { margin: 0 0 14px; }
.legal-content ul { margin: 8px 0 16px; padding-left: 1.4rem; }
.legal-content li { margin: 5px 0; }
.legal-content a { color: #075f82; font-weight: 700; }
.legal-contact { padding-top: 8px; border-top: 1px solid rgba(7,95,130,.18); }
@media (max-width: 760px) { .legal-hero { padding-top: 46px; } .legal-content { width: min(100% - 32px, 860px); padding: 34px 0 60px; } .legal-content p, .legal-content li { font-size: 1rem; line-height: 1.68; } }