/* Standalone legal / trust pages — reuses the design tokens from styles.css.
   Loaded ONLY by the legal pages; the landing never links this file. */

.legal-nav {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 15px clamp(18px, 5vw, 44px);
  background: color-mix(in oklch, var(--bg) 76%, transparent);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.legal-brand { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; letter-spacing: -0.02em; color: var(--ink); font-size: 16px; text-decoration: none; }
.legal-mark { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center; filter: drop-shadow(0 0 12px color-mix(in oklch, var(--purple) 45%, transparent)); }
.legal-dot { color: var(--purple); }
.legal-back { font-size: 13px; color: var(--ink-2); text-decoration: none; border-bottom: 1px solid var(--line-2); padding-bottom: 2px; transition: color 0.2s var(--ease); }
.legal-back:hover { color: var(--ink); }

.legal { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; padding: clamp(40px, 7vw, 72px) clamp(20px, 5vw, 28px) clamp(56px, 9vw, 96px); }
.legal-eyebrow { color: color-mix(in oklch, var(--blue) 80%, white); font-size: 10.5px; margin: 0 0 12px; }
.legal h1 { font-weight: 700; letter-spacing: -0.03em; font-size: clamp(30px, 6vw, 46px); line-height: 1.06; margin: 0 0 10px; }
.legal .updated { color: var(--faint); font-size: 13px; margin: 0 0 32px; }
.legal h2 { font-weight: 600; letter-spacing: -0.02em; font-size: clamp(18px, 3vw, 22px); margin: 34px 0 10px; color: var(--ink); }
.legal p, .legal li { color: var(--ink-2); font-size: 15px; line-height: 1.75; }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 14px; padding-left: 22px; }
.legal li { margin: 0 0 7px; }
.legal strong { color: var(--ink); font-weight: 600; }
.legal a { color: color-mix(in oklch, var(--purple) 82%, white); text-decoration: underline; text-underline-offset: 2px; }
.legal a:hover { color: var(--ink); }
.legal-home { display: inline-block; margin-top: 30px; font-size: 14px; color: var(--ink-2); text-decoration: none; border-bottom: 1px solid var(--line-2); padding-bottom: 2px; transition: color 0.2s var(--ease); }
.legal-home:hover { color: var(--ink); }

.legal-foot { position: relative; z-index: 2; border-top: 1px solid var(--line); padding: 30px clamp(20px, 5vw, 28px) 48px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.legal-foot-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px 16px; font-size: 13px; }
.legal-foot-links a { color: var(--muted); text-decoration: none; transition: color 0.2s var(--ease); }
.legal-foot-links a:hover { color: var(--ink); }
.legal-foot-note { color: var(--faint); font-size: 12px; }