.legal-page { background: var(--color-surface); color: var(--color-on-surface); min-height: 60vh; }
.legal-hero { padding: clamp(3rem, 7vw, 6rem) 1.25rem 2rem; background: linear-gradient(135deg, var(--color-surface-tint), var(--color-surface)); }
.legal-page-inner { width: min(100%, 64rem); margin: 0 auto; }
.legal-eyebrow { display: inline-block; color: var(--color-primary); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .82rem; }
.legal-hero h1 { margin: .7rem 0 1rem; font-size: clamp(2.2rem, 5.5vw, 4rem); line-height: 1.08; font-family: var(--font-family-heading); }
.legal-lead { max-width: 48rem; font-size: 1.1rem; color: var(--color-on-surface-secondary); }
.legal-company-box { margin-top: 1.5rem; padding: 1rem 1.15rem; border: 1px solid var(--color-outline); border-radius: var(--border-radius-md); background: rgba(255,255,255,.72); }
.legal-company-box p { margin: .18rem 0; }
.legal-content { padding: 2rem 1.25rem clamp(4rem,7vw,6rem); }
.legal-section-card { padding: 1.5rem 0; border-bottom: 1px solid var(--color-outline); }
.legal-section-card h2 { margin: 0 0 .75rem; font-size: clamp(1.25rem, 3vw, 1.65rem); font-family: var(--font-family-heading); }
.legal-section-card p { margin: 0; line-height: 1.75; color: var(--color-on-surface-secondary); }
.legal-back { margin-top: 2rem; }
@media (max-width: 767px) {
 .legal-hero { padding-top: 2.75rem; }
 .legal-hero h1 { font-size: clamp(2rem, 10vw, 2.7rem); text-align: center; }
 .legal-eyebrow, .legal-lead { display: block; text-align: center; margin-left:auto; margin-right:auto; }
 .legal-company-box { text-align:center; }
 .legal-section-card { padding: 1.25rem 0; }
 .legal-back { width: 100%; }
}