.legal-hero { padding: clamp(4.5rem,9vw,7rem) var(--spacing-xl) clamp(3rem,6vw,5rem); background: var(--color-surface-tint); }
.legal-inner { width: min(100% - 2rem, var(--content-max-width)); margin-inline: auto; }
.legal-kicker { color: var(--color-primary); font-size: var(--font-size-sm); font-weight: 700; letter-spacing: .12em; margin-bottom: var(--spacing-md); }
.legal-hero p:last-child { max-width: 52rem; margin-top: var(--spacing-lg); color: var(--color-on-surface-secondary); font-size: var(--font-size-lg); }
.legal-layout { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-4xl); display: grid; grid-template-columns: minmax(16rem,.72fr) minmax(0,1.7fr); gap: var(--spacing-3xl); align-items: start; }
.legal-company-card { position: sticky; top: 6rem; padding: var(--spacing-xl); border: 1px solid color-mix(in srgb,var(--color-on-surface) 14%,transparent); border-radius: var(--border-radius-lg); background: var(--color-surface-elevated); }
.legal-company-card h2 { font-family: var(--font-family-heading); font-size: var(--font-size-xl); margin-bottom: var(--spacing-lg); }
.legal-company-card dl, .legal-company-card dd { margin: 0; }
.legal-company-card dl { display: grid; gap: var(--spacing-md); }
.legal-company-card dt { color: var(--color-on-surface-secondary); font-size: var(--font-size-sm); font-weight: 700; }
.legal-company-card dd { overflow-wrap: anywhere; }
.legal-content h2 { margin: 2rem 0 .75rem; color: var(--color-on-surface); font-family: var(--font-family-heading); font-size: var(--font-size-xl); }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p { margin: 0 0 1rem; color: var(--color-on-surface-secondary); line-height: 1.75; }
.legal-content a, .legal-content a:visited { color: var(--color-primary); text-decoration: underline; text-underline-offset: .2rem; }
.legal-content a:hover, .legal-content a:focus-visible, .legal-content a:active { color: var(--color-on-surface); }
@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-company-card{position:static}}
@media(max-width:767px){.legal-hero{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.legal-inner{width:min(100% - 2rem,var(--content-max-width))}}