.legal-page { background: #f4f6f3; color: #18232c; min-height: 100vh; }
.legal-topbar { align-items: center; background: #fff; border-bottom: 1px solid #d7ded9; display: flex; height: 68px; justify-content: space-between; padding: 0 clamp(20px, 6vw, 80px); }
.legal-topbar a { align-items: center; display: flex; font-size: 14px; font-weight: 750; gap: 9px; text-decoration: none; }
.legal-topbar a:last-child { border-bottom: 2px solid #18232c; padding-bottom: 3px; }
.legal-page article { margin: 0 auto; max-width: 860px; padding: 90px 28px 110px; }
.legal-kicker { color: #168d87; font-size: 12px; font-weight: 850; margin: 0 0 18px; text-transform: uppercase; }
.legal-page h1 { font-size: clamp(48px, 8vw, 84px); line-height: 0.95; margin: 0; }
.legal-intro { color: #596a75; font-size: 20px; line-height: 1.55; margin: 28px 0 14px; max-width: 760px; }
.legal-date { color: #7b888f; font-size: 12px; margin: 0 0 60px; }
.legal-content { border-top: 2px solid #18232c; }
.legal-content section { border-bottom: 1px solid #d7ded9; padding: 32px 0; }
.legal-content h2 { font-size: 22px; margin: 0 0 12px; }
.legal-content p, .legal-content li { color: #4e5f69; font-size: 15px; line-height: 1.7; }
.legal-content p { margin: 0; }
.legal-content ul { margin: 10px 0 0; padding-left: 22px; }
.legal-page footer { background: #18232c; color: #dce3e6; display: flex; flex-wrap: wrap; font-size: 12px; gap: 24px; padding: 36px clamp(20px, 6vw, 80px); }
.legal-page footer span { color: #fff; font-weight: 850; margin-right: auto; }
.legal-page footer a { color: inherit; }
@media (max-width: 540px) { .legal-page article { padding-top: 62px; } .legal-page h1 { font-size: 48px; } .legal-intro { font-size: 17px; } }