:root { color-scheme: dark; --ink: #edf2f8; --muted: #9eafc3; --line: #29425e; --yellow: #c8d7e8; --green: #edf2f8; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #07172d; font: 16px/1.72 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-underline-offset: 4px; }
.legal-nav, .legal-footer { width: min(1120px, calc(100% - 40px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legal-nav { min-height: 84px; border-bottom: 1px solid var(--line); font-size: 13px; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; letter-spacing: .08em; }
.legal-brand strong { color: var(--yellow); }
.legal-shell { width: min(860px, calc(100% - 40px)); margin: 72px auto 110px; }
.legal-kicker { margin: 0 0 18px; color: var(--yellow); font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .16em; }
h1 { max-width: 800px; margin: 0; font-size: clamp(38px, 7vw, 76px); line-height: .98; letter-spacing: -.055em; }
.legal-lead { max-width: 720px; margin: 30px 0 68px; color: var(--muted); font-size: 19px; }
section { display: grid; grid-template-columns: minmax(180px, 240px) 1fr; gap: 42px; padding: 34px 0; border-top: 1px solid var(--line); }
h2 { margin: 0; color: var(--green); font-size: 17px; line-height: 1.35; }
section p, section ul { margin: 0; color: #b8c6d6; }
section ul { padding-left: 20px; }
section li + li { margin-top: 10px; }
.legal-footer { min-height: 90px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
@media (max-width: 680px) { .legal-shell { margin-top: 48px; } section { grid-template-columns: 1fr; gap: 14px; } .legal-nav, .legal-footer { align-items: flex-start; padding: 22px 0; } }