:root { --ink:#17171b; --muted:#666873; --line:#dedfe3; --pink:#f02991; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:#f6f6f4; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:0; }
a { color:inherit; text-decoration:none; }
svg { width:19px; height:19px; stroke-width:1.8; }
.legal-header { height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,5vw,72px); background:#fff; border-bottom:1px solid var(--line); }
.legal-brand { width:90px; height:64px; overflow:hidden; display:flex; align-items:center; }
.legal-brand img { width:72px; height:66px; object-fit:contain; }
.back-link { display:inline-flex; align-items:center; gap:8px; color:#4e5059; font-size:14px; font-weight:700; }
.legal-shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:250px minmax(0,1fr); gap:70px; padding:70px 0 110px; }
.legal-index { position:sticky; top:104px; align-self:start; display:flex; flex-direction:column; border-top:1px solid #cfd0d4; }
.legal-index > span { padding:18px 4px 14px; color:#8a8b93; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.legal-index a { padding:14px 12px; border-top:1px solid var(--line); color:#5c5e67; font-size:14px; font-weight:650; }
.legal-index a.active { color:#fff; background:var(--ink); }
.legal-document { max-width:780px; }
.legal-label { color:var(--pink); font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.legal-document h1 { margin:15px 0 18px; font-size:clamp(48px,7vw,82px); line-height:.98; }
.legal-intro { max-width:700px; margin:0; color:#555761; font-size:21px; line-height:1.6; }
.legal-date { margin:25px 0 60px; color:#96979e; font-size:12px; font-weight:700; }
.legal-sections { border-top:1px solid #cfd0d4; }
.legal-sections section { display:grid; grid-template-columns:54px 1fr; gap:20px; padding:34px 0; border-bottom:1px solid #cfd0d4; }
.legal-sections section > span { color:#a0a1a8; font-size:12px; font-weight:800; }
.legal-sections h2 { margin:0 0 12px; font-size:23px; }
.legal-sections p { margin:0; color:#5e6069; line-height:1.75; }
.legal-note { display:grid; grid-template-columns:40px 1fr; gap:18px; margin-top:42px; padding:24px; color:#fff; background:#191a1e; border-radius:8px; }
.legal-note svg { width:28px; height:28px; }
.legal-note div { display:flex; flex-direction:column; gap:7px; }
.legal-note p { margin:0; color:#b9bbc2; line-height:1.55; }
@media(max-width:760px){
    .legal-header{height:64px;padding:0 16px}
    .legal-shell{width:calc(100% - 32px);grid-template-columns:1fr;gap:38px;padding:38px 0 80px}
    .legal-index{position:static;display:grid;grid-template-columns:1fr 1fr}
    .legal-index>span{grid-column:1/-1}
    .legal-index a{font-size:12px}
    .legal-document h1{font-size:48px}
    .legal-intro{font-size:18px}
    .legal-date{margin-bottom:38px}
}