.legal-hero{padding:132px 6vw 58px;background:linear-gradient(135deg,#f6f8fb,#eef3f8)}
.legal-hero-inner,.legal-layout{max-width:1180px;margin:0 auto}
.legal-hero h1{max-width:880px;margin:12px 0 18px;font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.045em}
.legal-hero .lead{max-width:790px;color:var(--muted);font-size:18px;line-height:1.7}
.legal-meta{margin-top:24px;color:var(--muted);font-size:13px}
.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;padding:72px 6vw 110px}
.legal-nav{position:sticky;top:110px;align-self:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.legal-nav strong{display:block;margin-bottom:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.legal-nav a{display:block;padding:8px 0;color:var(--muted);font-size:14px;text-decoration:none}
.legal-nav a:hover{color:var(--text)}
.legal-content{max-width:800px}
.legal-content section{scroll-margin-top:110px;margin-bottom:54px}
.legal-content h2{margin:0 0 16px;font-size:30px;letter-spacing:-.03em}
.legal-content p,.legal-content li{color:#4f5560;font-size:16px;line-height:1.85}
.legal-content ul{padding-left:22px}
.legal-note{padding:20px 22px;border-left:3px solid var(--blue);border-radius:0 14px 14px 0;background:#f4f7fb}
.policy-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.policy-links a{font-size:12px;color:rgba(255,255,255,.72);text-decoration:none}
.policy-links a:hover{color:#fff}
@media(max-width:800px){.legal-hero{padding:108px 22px 44px}.legal-layout{grid-template-columns:1fr;gap:36px;padding:44px 22px 80px}.legal-nav{position:static}.legal-content h2{font-size:26px}}