:root { --legal-ink: #0f172a; --legal-muted: #64748b; --legal-line: #e2e8f0; --legal-accent: #16a34a; }
* { box-sizing: border-box; }
body { background: #f8fafc; color: var(--legal-ink); font-family: Inter, ui-sans-serif, system-ui, sans-serif; line-height: 1.65; margin: 0; }
.legal-topbar { align-items: center; background: #fff; border-bottom: 1px solid var(--legal-line); display: flex; justify-content: space-between; padding: 16px max(20px, 5vw); }
.legal-brand { color: var(--legal-ink); font-weight: 800; letter-spacing: -.05em; text-decoration: none; }.legal-brand span { color: var(--legal-accent); }
.legal-nav { display: flex; gap: 16px; }.legal-nav a { color: var(--legal-muted); font-size: .82rem; text-decoration: none; }.legal-nav a:hover { color: var(--legal-accent); }
.legal-main { margin: 0 auto; max-width: 820px; padding: 64px 22px 90px; }.legal-kicker { color: var(--legal-accent); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.legal-main h1 { font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: -.07em; line-height: 1; margin: 12px 0; }.legal-intro { color: var(--legal-muted); margin-bottom: 38px; }.legal-card { background: #fff; border: 1px solid var(--legal-line); border-radius: 12px; padding: clamp(22px, 5vw, 42px); }.legal-card h2 { font-size: 1.05rem; margin: 28px 0 8px; }.legal-card h2:first-child { margin-top: 0; }.legal-card p,.legal-card li { color: #475569; font-size: .9rem; }.legal-card ul { padding-left: 22px; }.legal-footer { color: var(--legal-muted); font-size: .75rem; margin-top: 24px; }
@media (max-width: 600px) { .legal-topbar { align-items: flex-start; flex-direction: column; gap: 12px; }.legal-nav { flex-wrap: wrap; }.legal-main { padding-top: 42px; } }