:root {
    color-scheme: dark light;
    --bg: #1C2330;
    --ink: #E7ECF3;
    --ink-2: #A9B4C6;
    --faint: #76839A;
    --card-bg: #2A3344;
    --card-border: #3A4558;
    --rule: #2E3748;
    --surface-2: #333D50;
    --accent: #8FB0D9;
    --accent-strong: #AFC5E2;
    --accent-ink: #1C2330;
    --accent-soft: rgba(143,176,217,.12);
    --selection: rgba(143,176,217,.30);
    --glow: rgba(143,176,217,0.22);
    --header-glass: rgba(28,35,48,.82);
    --screen-edge: rgba(255,255,255,0.10);
    --screen-shadow: rgba(0,0,0,0.40);
    --divider: rgba(255,255,255,0.05);
    --arc-1: rgba(143,176,217,0.10);
    --arc-2: rgba(143,176,217,0.05);
  }

  @media (prefers-color-scheme: light) {
    :root {
    --bg: #E2E9F2;
    --ink: #1C2634;
    --ink-2: #52627A;
    --faint: #7C8AA0;
    --card-bg: #FFFFFF;
    --card-border: #C9D5E4;
    --rule: #D5DEE9;
    --surface-2: #E4EBF4;
    --accent: #4A6C9B;
    --accent-strong: #3B5A85;
    --accent-ink: #FFFFFF;
    --accent-soft: rgba(74,108,155,.12);
    --selection: rgba(74,108,155,.25);
    --glow: rgba(74,108,155,0.16);
    --header-glass: rgba(235,241,248,.85);
    --screen-edge: rgba(28,38,52,0.12);
    --screen-shadow: rgba(44,62,88,0.22);
    --divider: rgba(255,255,255,0.55);
    --arc-1: rgba(74,108,155,0.12);
    --arc-2: rgba(74,108,155,0.06);
    }
  }

.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:8px 12px;background:var(--ink);color:var(--bg);border-radius:6px}
.skip-link:focus{top:12px}
body { margin: 0; background: var(--bg); font-family: -apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--ink); }
  a { color: var(--accent); text-decoration: none; } a:hover { color: var(--accent-strong); }
  ::selection { background: var(--selection); }
  html { scroll-behavior: smooth; }

.hoverfx-1:hover { color: var(--ink); }
.hoverfx-2:hover { background: var(--accent-strong); color: var(--accent-ink); }
.hoverfx-3:hover { color: #8FB0D9; }

.app-store-badge {
  display: block;
  height: 48px;
  width: auto;
}

.policy {
  max-width: 720px;
  margin: 0 auto;
  padding: 64px 24px 88px;
}
.policy h1 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  letter-spacing: -0.4px;
  line-height: 1.12;
  text-wrap: pretty;
}
.policy h1 + p {
  color: var(--ink-2);
  font-size: 14px;
  margin: 0 0 32px;
}
.policy h2 {
  margin: 40px 0 14px;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 700;
  letter-spacing: -0.2px;
}
.policy p {
  margin: 0 0 16px;
  font-size: 17px;
  line-height: 1.65;
}
.policy ul {
  margin: 0 0 16px;
  padding-left: 1.25em;
  font-size: 17px;
  line-height: 1.65;
}
.policy li + li {
  margin-top: 8px;
}