@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root { --paper:#f3f0e8; --ink:#11152d; --blue:#4c5cff; --acid:#ddff50; --white:#fffdf8; --muted:#737787; --line:rgba(17,21,45,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'Manrope',sans-serif; }
.legal-header { height:78px; padding:0 clamp(20px,5vw,72px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:var(--ink); }
.brand { display:flex; align-items:center; gap:12px; color:white; text-decoration:none; font:700 19px 'Space Grotesk'; letter-spacing:.08em; }
.brand>span { width:31px; height:31px; position:relative; border:1px solid var(--acid); border-radius:7px; transform:rotate(45deg); }
.brand i { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--acid); }
.brand i:nth-child(1){left:7px;top:14px}.brand i:nth-child(2){left:14px;top:7px}.brand i:nth-child(3){right:7px;bottom:7px}
.back-link { color:var(--acid); text-decoration:none; font-size:12px; font-weight:800; }
.legal-shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:64px 0 96px; display:grid; grid-template-columns:300px minmax(0,1fr); gap:72px; align-items:start; }
.legal-nav { position:sticky; top:34px; }
.legal-nav>span,.legal-content section>span { color:var(--blue); font:600 10px 'DM Mono'; letter-spacing:.1em; }
.legal-nav h1 { margin:14px 0; font:700 36px/1.05 'Space Grotesk'; letter-spacing:-.04em; }
.legal-nav p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.legal-nav nav { margin:28px 0; display:grid; border-top:1px solid var(--line); }
.legal-nav nav a { padding:14px 0; display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; font-size:12px; font-weight:800; }
.legal-nav nav b { color:var(--blue); font:500 9px 'DM Mono'; }
.legal-nav small { color:var(--muted); font:500 9px 'DM Mono'; }
.legal-content { min-width:0; }
.draft-notice { margin-bottom:36px; padding:18px 20px; border:1px solid #e3aa3b; border-radius:12px; background:#fff7df; }
.draft-notice b { font-size:12px; }.draft-notice p { margin:5px 0 0; color:#725516; font-size:11px; line-height:1.6; }
.legal-content section { padding:36px clamp(22px,4vw,48px); scroll-margin-top:24px; border:1px solid var(--line); border-radius:18px; background:var(--white); box-shadow:0 18px 60px rgba(17,21,45,.06); }
.legal-content section+section { margin-top:24px; }
.legal-content h2 { margin:9px 0 14px; font:700 clamp(27px,4vw,38px)/1.05 'Space Grotesk'; letter-spacing:-.04em; }
.legal-content .lead { margin:0 0 28px; padding-bottom:24px; border-bottom:1px solid var(--line); color:#4e5261; font-size:14px; line-height:1.7; }
.legal-content h3 { margin:24px 0 7px; font:700 16px 'Space Grotesk'; }
.legal-content p { margin:0; color:#555968; font-size:12px; line-height:1.8; }
@media(max-width:820px){.legal-header{height:68px;padding:0 18px}.back-link{font-size:10px}.legal-shell{width:min(100% - 28px,680px);padding:36px 0 64px;display:block}.legal-nav{position:static;margin-bottom:30px}.legal-nav h1{font-size:31px}.legal-nav nav{margin:22px 0}.legal-content section{padding:27px 20px;border-radius:14px}.legal-content .lead{font-size:13px}.legal-content p{font-size:12px}.draft-notice{padding:15px}}