.legal-hero{padding:68px 24px 42px;text-align:center;background:radial-gradient(ellipse 48% 90% at 50% 0%,#eee8ff,transparent),var(--paper)}
.legal-hero .eyebrow{justify-content:center}.legal-hero h1{font:800 clamp(36px,5vw,54px)/1.12 var(--display);letter-spacing:-2px;margin:17px 0 12px}.legal-hero p{max-width:640px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.7}
.legal-layout{max-width:1100px;margin:0 auto;padding:0 24px 90px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:50px;align-items:start}
.legal-nav{position:sticky;top:20px;display:grid;gap:12px;padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px}.legal-nav strong{font:800 11px var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--purple)}.legal-nav a{text-decoration:none;color:#555363}.legal-nav a:hover,.legal-document a{color:var(--purple)}
.legal-document{padding:38px 48px 46px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.legal-document h2{font:800 21px/1.3 var(--display);letter-spacing:-.5px;margin:34px 0 10px;scroll-margin-top:24px}.legal-document h2:first-child{margin-top:0}.legal-document p,.legal-document li{font-size:14px;line-height:1.75;color:#555564}.legal-document ul{padding-left:22px}.legal-document li+li{margin-top:6px}.legal-document .legal-note{padding:15px 18px;border-left:3px solid var(--purple);background:#f6f2ff;border-radius:5px}.legal-document a{font-weight:700}
@media(max-width:760px){.legal-hero{padding:50px 20px 34px}.legal-layout{grid-template-columns:1fr;gap:18px;padding:0 19px 65px}.legal-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-nav strong{grid-column:1/-1}.legal-document{padding:25px 22px}}
