@font-face { font-family: "Inter"; src: url("assets/fonts/inter-400-500.woff2") format("woff2"); font-style: normal; font-weight: 400 500; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("assets/fonts/inter-tight-500-700.woff2") format("woff2"); font-style: normal; font-weight: 500 700; font-display: swap; }
@font-face { font-family: "Anybody"; src: url("assets/fonts/anybody-variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-stretch: 50% 150%; font-display: swap; }

:root { --ink:#111112; --panel:#19191b; --line:#303033; --text:#f1efea; --soft:#b9b6b0; --muted:#85837e; --brand:#ec5a1e; }
* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin:0; background:var(--ink); color:var(--text); font:400 17px/1.68 "Inter",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--brand); }
.legal-bar { height:64px; padding:0 clamp(22px,6vw,96px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.07); }
.legal-brand { display:flex; align-items:center; gap:12px; font:700 18px/1 "Inter Tight",sans-serif; letter-spacing:-.02em; }
.legal-brand img { width:34px; height:34px; border-radius:22.5%; }
.legal-back { color:var(--soft); font:500 14px/1 "Inter Tight",sans-serif; }
.legal { width:min(820px,calc(100% - 44px)); margin:0 auto; padding:clamp(72px,10vw,130px) 0 110px; }
.legal-kicker { margin:0 0 18px; color:var(--brand); font:700 12px/1 "Inter Tight",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.legal h1 { max-width:720px; margin:0; font-family:"Anybody","Inter Tight",sans-serif; font-size:clamp(48px,8vw,88px); font-weight:760; font-stretch:76%; line-height:.9; letter-spacing:-.055em; }
.legal-date { margin:24px 0 68px; color:var(--muted); font-size:14px; }
.legal h2 { margin:52px 0 15px; font:700 27px/1.15 "Inter Tight",sans-serif; letter-spacing:-.025em; }
.legal h3 { margin:28px 0 10px; font:700 19px/1.25 "Inter Tight",sans-serif; }
.legal p,.legal li { color:var(--soft); }
.legal strong { color:var(--text); font-weight:600; }
.legal ul { margin:14px 0 0; padding-left:22px; }
.legal li + li { margin-top:9px; }
.legal-callout { margin:38px 0; padding:24px 26px; border:1px solid var(--line); border-left:3px solid var(--brand); border-radius:12px; background:var(--panel); }
.legal-callout p { margin:0; }
.contact-actions { margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; }
.contact-actions a { padding:13px 18px; border:1px solid var(--line); border-radius:10px; color:var(--text); font:600 14px/1 "Inter Tight",sans-serif; }
.contact-actions a:first-child { border-color:var(--brand); background:var(--brand); }
.support-grid { margin-top:42px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.support-card { padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.support-card h2 { margin:0 0 10px; font-size:22px; }
.support-card p { margin:0; font-size:15px; }
.legal-foot { width:min(820px,calc(100% - 44px)); margin:0 auto; padding:28px 0 42px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; border-top:1px solid rgba(255,255,255,.07); color:var(--muted); font-size:13px; }
.legal-foot nav { display:flex; gap:18px; }
@media(max-width:620px){.support-grid{grid-template-columns:1fr}.legal{padding-top:64px}.legal h1{font-size:48px}.legal-date{margin-bottom:50px}}
