:root { color-scheme: dark; --bg:#07110d; --panel:#0c1812; --text:#eef7f1; --muted:#9aaba1; --line:rgba(255,255,255,.1); --green:#70ffb1; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 85% 0, rgba(112,255,177,.1), transparent 28rem), var(--bg); font-family: Inter, system-ui, sans-serif; }
a { color: inherit; }
.legal-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--line); background: rgba(7,17,13,.86); backdrop-filter: blur(18px); }
.legal-header > div { width: min(1120px, calc(100% - 40px)); min-height: 72px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legal-brand img { display: block; width: 132px; height: auto; }
.legal-nav { display: flex; align-items: center; gap: 18px; color: var(--muted); font-size: 13px; }
.legal-nav a:hover { color: #fff; }
.legal-main { width: min(820px, calc(100% - 40px)); margin: auto; padding: 88px 0 110px; }
.legal-kicker { color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.legal-main h1 { max-width: 720px; margin: 18px 0 22px; font: 700 clamp(44px, 7vw, 76px)/.98 "Space Grotesk", sans-serif; letter-spacing: -.055em; }
.legal-lead { max-width: 720px; margin: 0 0 52px; color: #c0cec6; font-size: 18px; line-height: 1.7; }
.legal-updated { display: inline-flex; margin-bottom: 42px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; }
.legal-content { display: grid; gap: 14px; }
.legal-content section { padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: rgba(12,24,18,.75); }
.legal-content h2 { margin: 0 0 12px; font: 650 22px/1.2 "Space Grotesk", sans-serif; letter-spacing: -.025em; }
.legal-content h3 { margin: 20px 0 8px; font-size: 15px; }
.legal-content p, .legal-content li { color: var(--muted); font-size: 14px; line-height: 1.75; }
.legal-content p { margin: 0; }
.legal-content p + p { margin-top: 12px; }
.legal-content ul { margin: 12px 0 0; padding-left: 20px; }
.legal-content strong { color: var(--text); }
.legal-table { width: 100%; margin-top: 14px; border-collapse: collapse; font-size: 13px; }
.legal-table th, .legal-table td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.legal-table th { color: var(--text); }
.legal-table td { color: var(--muted); }
.legal-footer { border-top: 1px solid var(--line); color: var(--muted); }
.legal-footer > div { width: min(1120px, calc(100% - 40px)); min-height: 90px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; }
.legal-footer nav { display: flex; gap: 15px; }
button.legal-link { padding: 0; border: 0; color: inherit; background: none; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 680px) { .legal-header > div { min-height: 64px; } .legal-nav a:not(:last-child) { display: none; } .legal-main { padding-top: 60px; } .legal-content section { padding: 22px; } .legal-table { display: block; overflow-x: auto; } .legal-footer > div { align-items: flex-start; flex-direction: column; padding: 24px 0; } }