.legal-hero{background:linear-gradient(135deg,#F8FBFA,#EEF8F5);padding:68px 0}.legal-hero-inner{max-width:950px}.legal-hero h1{font:800 clamp(42px,5vw,58px)/1.05 "Manrope";letter-spacing:-2.5px;margin:15px 0}.legal-hero p{font-size:14px;color:#607487;max-width:700px}.legal-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:#607487}.legal-meta b{color:#102A43}.legal-alert{background:#0B1F33;color:#C8D5DC;font-size:11px;padding:18px 0}.legal-alert strong{color:#35BFA3}.legal-layout{display:grid;grid-template-columns:210px 1fr;gap:70px;align-items:start}.legal-nav{position:sticky;top:95px;border:1px solid #DCE7E5;border-radius:14px;padding:18px;background:#F8FBFA;display:flex;flex-direction:column;gap:11px}.legal-nav span{font:800 9px "Manrope";letter-spacing:1px;color:#8A9AA5;margin-bottom:3px}.legal-nav a{font-size:10px;font-weight:700;color:#607487}.legal-nav a:hover{color:#0C4A40}.legal-copy{max-width:800px}.legal-intro{background:#F7FAF9;border-left:3px solid #35BFA3;border-radius:0 12px 12px 0;padding:18px 20px;margin-bottom:40px}.legal-copy section{margin:0 0 38px}.legal-copy h2{font:800 23px/1.2 "Manrope";color:#102A43;margin:0 0 12px}.legal-copy p,.legal-copy li{font-size:12px;line-height:1.75;color:#536B7D}.legal-copy p{margin:0 0 12px}.legal-copy ul{padding-left:22px}.legal-copy li{margin-bottom:6px}.legal-copy a{color:#0C4A40;font-weight:700}.legal-callout{background:#E7F7F3;border-radius:11px;padding:15px 17px;font-size:11px;line-height:1.6;color:#315B56;margin-top:17px}.contact-box{border:1px solid #DCE7E5;border-radius:12px;padding:18px;background:#F8FBFA;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#607487}.contact-box b{font:700 14px "Manrope";color:#102A43;margin-bottom:3px}.contact-box strong{color:#102A43}.final-note{border-top:1px solid #DCE7E5;padding-top:25px}.final-note p{font-size:10px!important;color:#7A8A95!important}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:30px}.legal-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.legal-nav span{grid-column:1/-1}}
@media(max-width:520px){.legal-hero{padding:55px 0}.legal-hero h1{font-size:40px}.legal-nav{grid-template-columns:1fr}.legal-copy h2{font-size:21px}}