/* Sky blue theme — shared by the home, terms and privacy pages. */
:root {
  color-scheme: light;
  --bg: #edf8ff;
  --bg-solid: #e4f4ff;
  --surface: #f6fcff;
  --surface-2: #e2f3ff;
  --surface-3: #cfeaff;
  --ink: #123752;
  --ink-2: #294e68;
  --ink-3: #466980;
  --ink-4: #52758c;
  --line: rgba(32, 133, 193, .18);
  --line-2: rgba(32, 133, 193, .3);
  --line-3: rgba(21, 119, 177, .5);
  --seam: rgba(49, 133, 183, .13);
  --sheen: linear-gradient(180deg, #174f78 8%, #247fb6 100%);
  --sheen-soft: linear-gradient(180deg, #163f5e, #2479a9);
  --chrome: linear-gradient(180deg, #c4eeff 0%, #9bdeff 45%, #7ad0fb 100%);
  --chrome-dark: linear-gradient(180deg, rgba(255,255,255,.9), rgba(221,244,255,.8));
  --panel-bg: linear-gradient(155deg, #fff 0%, #f2faff 65%, #e5f5ff 100%);
  --gold: #177fb8;
  --gold-2: #12699e;
  --gold-soft: #175e8b;
  --gold-sheen: linear-gradient(180deg, #258fc5 8%, #146da3 100%);
}
body {
  background-color: var(--bg);
  background-image: radial-gradient(ellipse at 50% 0, #d1efff 0, transparent 48%),
    radial-gradient(ellipse at 100% 45%, #dbf3ff 0, transparent 45%),
    linear-gradient(180deg, #effaff 0%, #eaf7ff 50%, #f5fcff 100%);
}
::selection { background: #b9e7ff; color: #123752; }
.brushed { opacity: .18; }
.topbar.is-stuck { background: rgba(242, 250, 255, .93); border-bottom-color: var(--line); box-shadow: 0 3px 20px rgba(42, 122, 168, .06); }
.drawer { background: rgba(242, 250, 255, .98); }
.brand-mark svg, .brand:hover .brand-mark svg { color: #2087bd; filter: none; }
.brand-type, .wordmark, .section h2, .cta-band h2, .hero-claim { filter: none; }
.hero-logo svg { filter: drop-shadow(0 4px 12px rgba(46, 153, 211, .18)); }
.hero-logo stop:first-child { stop-color: #60c8f7; }
.hero-logo stop:last-child { stop-color: #167eb8; }
.hero-art .lines path { stroke: rgba(55, 152, 207, .22); }
.hero-art .lines circle { fill: #47afe0; }
.ticket { background: linear-gradient(160deg, rgba(99, 194, 240, .2), rgba(158, 222, 253, .07) 70%); border-color: rgba(73, 161, 209, .2); }
.ticket::before, .ticket::after { background: #eaf7ff; }
.hero .hairline { background: linear-gradient(90deg, transparent, #6cc3ee, transparent); }
.hero .hairline i { background: #8ad7fa; box-shadow: 0 0 16px 3px rgba(70, 178, 232, .35); }
.hero-cats { color: #237cae; }
.hero-sub, .keywords { color: #294f6c; }
.chip, .btn-line, .pager button, .arrows button, .lb-close { border-color: var(--line-2); text-shadow: none; box-shadow: inset 0 1px 0 #fff, 0 4px 14px rgba(47, 133, 183, .06); }
.chip:hover, .btn-line:hover, .pager button:hover, .arrows button:hover, .lb-close:hover { color: #135c8b; border-color: #79bce2; box-shadow: 0 6px 20px rgba(47, 133, 183, .12); }
.chip.chip-global { color: #155c86; background: linear-gradient(180deg, #e4f7ff, #bce8ff); border-color: #9dd9f7; text-shadow: none; box-shadow: 0 5px 16px rgba(57, 158, 212, .12); }
.chip-global:hover { color: #12496c; border-color: #65bce8; }
.btn-primary, .chip-solid, .tabs button.is-active, .pager button.is-active, .km-copy, .km-steps li::before, .fab {
  color: #123e5c; background: var(--chrome); border-color: #89ceee; text-shadow: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 24px rgba(43, 146, 203, .18);
}
.btn-primary:hover, .chip-solid:hover, .km-copy:hover { color: #103954; box-shadow: 0 9px 26px rgba(43,146,203,.23); }
.chip-cta::before, .chip::before, .btn::before { opacity: .1; }
.stats, .svc-card, .how-item, .rev, .stub, .kmodal-card { border-color: var(--line); box-shadow: 0 8px 28px rgba(63, 140, 186, .06), inset 0 1px 0 #fff; }
.stat { background: rgba(189, 230, 252, .24); }
.stat b span { color: #177bad; }
.svc-card:hover, .how-item:hover, .rev:hover, .proof-card:hover { border-color: #7cc3e9; }
.svc-chips span { background: #eaf7ff; }
.svc-go { color: #156b9f; }
.marquee { background: rgba(198, 234, 253, .34); border-color: var(--line); }
.marquee-track span::before { background: #4aafe0; }
.pulse { background: #32a3db; }
.pulse::after { border-color: rgba(50, 163, 219, .5); }
.tabs, .stub-preview pre, .km-id, .idbar { background: #eaf7ff; }
.field input, .field textarea { background: #fff; border-color: #b7d9ed; color: var(--ink); }
.field input:focus, .field textarea:focus { background: #fff; border-color: #47a9dd; box-shadow: 0 0 0 3px rgba(80, 177, 227, .15); }
.fixed-val, .form-note.is-done, .idbar-main code { color: var(--ink); }
.payback { background: #e0f3ff; border-color: #b0dcf4; }
.proof-visual, .proof-shot, .shot-img { background: #dbeffc; }
.cta-band { border-top-color: var(--line); background: linear-gradient(180deg, #d6efff, #eaf8ff); }
.foot { background: #dff1fc; }
.foot a:hover, .foot-bottom a:hover, .btn-text:hover, .nav a:hover, .nav a.is-active { color: #09689f; }
.faq-q:hover, .faq-item.is-open .faq-q { color: #126b9f; }
.rules strong, .steps h3 { color: var(--ink); }
.kmodal { background: rgba(30, 78, 107, .35); }
.kmodal-card h3, .km-id strong, .km-steps b, .km-x:hover { color: var(--ink); }
.km-x { background: #eaf7ff; }
.lightbox { background: rgba(22, 56, 79, .86); }
.lightbox .lb-close { background: #eef9ff; color: #184d70; }
.rev-stars, .foot h4 { color: #147caf; }
:focus-visible { outline: 3px solid #1688c4; outline-offset: 4px; }

b, strong { color: inherit; }