:root { color-scheme: light; --ink:#15151c; --paper:#f4f2ed; --accent:#3245ff; --line:#d7d4cc; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Outfit,system-ui,sans-serif; line-height:1.65; }
.legal-nav { height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - 980px)/2)); border-bottom:1px solid var(--line); background:rgba(244,242,237,.92); position:sticky; top:0; backdrop-filter:blur(12px); }
.legal-brand { color:var(--ink); text-decoration:none; font:800 20px "Bricolage Grotesque",sans-serif; }
.legal-nav-links { display:flex; gap:18px; font-size:13px; }
.legal-nav a { color:inherit; }
.legal-wrap { width:min(900px,calc(100% - 36px)); margin:56px auto 96px; }
.legal-eyebrow { color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { max-width:760px; margin:8px 0 12px; font:700 clamp(38px,7vw,72px)/.98 "Bricolage Grotesque",sans-serif; letter-spacing:-.045em; }
.legal-intro { max-width:720px; font-size:19px; color:#4f4e55; }
.legal-meta { margin:24px 0 44px; padding:14px 18px; border:1px solid var(--line); border-radius:14px; font-size:13px; }
.legal-section { display:grid; grid-template-columns:190px 1fr; gap:32px; padding:30px 0; border-top:1px solid var(--line); }
.legal-section h2 { margin:0; font:700 20px "Bricolage Grotesque",sans-serif; }
.legal-copy p:first-child,.legal-copy ul:first-child { margin-top:0; }
.legal-copy a { color:var(--accent); font-weight:600; }
.legal-note { background:#e8e8ff; border-radius:14px; padding:16px 18px; }
.legal-footer { border-top:1px solid var(--line); padding:30px max(24px,calc((100vw - 980px)/2)); font-size:13px; display:flex; justify-content:space-between; gap:20px; }
@media(max-width:700px){.legal-nav-links{display:none}.legal-section{grid-template-columns:1fr;gap:8px}.legal-wrap{margin-top:36px}.legal-footer{display:block}}