.legal-page{background:#fff;color:#000}
.legal-header{background:#000;color:#fff;padding-bottom:74px}
.legal-header .site-nav{position:relative;z-index:2}
.legal-hero{padding-top:92px;max-width:1180px}
.legal-hero .eyebrow{color:#b400fa;margin:0 0 18px;font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase}
.legal-hero h1{font-family:Montserrat,sans-serif;font-size:clamp(52px,5vw,76px);font-weight:800;line-height:.95;letter-spacing:-.04em;text-transform:uppercase;margin:0;max-width:900px}
.legal-hero .accent-rule{width:min(680px,100%);height:3px;background:#b400fa;margin:34px 0 28px}
.legal-hero>p:last-child{font-size:20px;line-height:1.55;max-width:760px;margin:0}
.legal-main{padding:88px 0 110px}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:90px;justify-content:center;align-items:start}
.legal-meta{position:sticky;top:32px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.45}
.legal-meta strong{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;margin-top:20px}
.legal-meta strong:first-child{margin-top:0}
.legal-meta a{color:#000;text-decoration:underline;text-decoration-color:#b400fa;text-underline-offset:4px}
.legal-section{padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid #d1d8e6}
.legal-section:last-child{border-bottom:0;margin-bottom:0}
.legal-section h2{font-family:Montserrat,sans-serif;font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 18px}
.legal-section p{font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:1.65;margin:0 0 16px}
.legal-section p:last-child{margin-bottom:0}
.legal-section a{color:#000;text-decoration:underline;text-decoration-color:#b400fa;text-underline-offset:4px}
@media(max-width:900px){
 .legal-header{padding-bottom:54px}
 .legal-hero{padding-top:58px}
 .legal-layout{grid-template-columns:1fr;gap:42px}
 .legal-meta{position:static;border-bottom:1px solid #d1d8e6;padding-bottom:34px}
}
@media(max-width:760px){
 .legal-hero{padding-top:38px}
 .legal-hero h1{font-size:clamp(42px,13vw,58px)}
 .legal-hero .accent-rule{height:2px;margin:26px 0 22px}
 .legal-hero>p:last-child{font-size:17px}
 .legal-main{padding:58px 0 76px}
 .legal-section h2{font-size:25px}
 .legal-section p{font-size:17px}
}