.legal-page { margin: 0; background: #f5f7f6; color: #18201d; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.legal-header { position: sticky; top: 0; z-index: 10; height: 68px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dce2df; background: rgba(255,255,255,.94); padding: 0 clamp(18px,5vw,72px); backdrop-filter: blur(14px); }
.legal-brand { display: flex; align-items: center; gap: 10px; color: #18201d; text-decoration: none; }
.legal-brand span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: #176b4f; color: white; font-size: 10px; font-weight: 800; }
.legal-header nav { display: flex; align-items: center; gap: 18px; }
.legal-header nav a { color: #65716c; font-size: 12px; text-decoration: none; }
.legal-header nav a[aria-current="page"], .legal-header nav a:hover { color: #176b4f; }
.legal-shell { width: min(100% - 36px, 920px); margin: 0 auto; padding: 72px 0 90px; }
.legal-hero { border-bottom: 1px solid #dce2df; padding-bottom: 34px; }
.legal-eyebrow { margin: 0 0 12px; color: #176b4f; font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.legal-hero h1 { max-width: 760px; margin: 0; font-size: clamp(38px,6vw,64px); letter-spacing: -.045em; line-height: 1; }
.legal-updated { margin: 18px 0 0; color: #65716c; font-size: 12px; }
.legal-summary { margin: 28px 0 8px; border-left: 3px solid #176b4f; background: #eaf2ee; padding: 18px 22px; color: #33403b; font-size: 14px; line-height: 1.7; }
.legal-content { counter-reset: section; }
.legal-content section { padding: 32px 0; border-bottom: 1px solid #dce2df; }
.legal-content h2 { margin: 0 0 14px; font-size: 21px; letter-spacing: -.02em; }
.legal-content h3 { margin: 22px 0 8px; font-size: 15px; }
.legal-content p, .legal-content li { color: #45524d; font-size: 14px; line-height: 1.75; }
.legal-content ul { margin: 10px 0; padding-left: 22px; }
.legal-content a { color: #176b4f; }
.legal-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-top: 28px; color: #74807b; font-size: 11px; }
.legal-footer div { display: flex; gap: 16px; }
.legal-footer a { color: inherit; }
.auth-consent { display: none; grid-template-columns: 18px 1fr !important; align-items: start; gap: 8px; color: var(--muted, #65716c); font-size: 11px; line-height: 1.5; }
.auth-consent input { width: 16px !important; height: 16px; margin-top: 1px; }
.auth-consent a { color: #176b4f; }
@media (max-width: 600px) { .legal-header nav a:not([aria-current="page"]) { display: none; } .legal-shell { padding-top: 44px; } }