/* Light theme for ad landing pages (Chris 2026-10-27: send ad leads to "light mode" pages). Load AFTER ng.css.
   Same palette as watch.thenextgenmedical.com's walkthrough-white.css: white canvas, ink #0f1c2b, clinical teal. */
:root{
  color-scheme:light;
  --canvas:#ffffff; --surface:#f4f7f9; --surface-2:#eef2f5; --surface-3:#e9eef2;
  --ink:#0f1c2b; --body:#344354; --muted:#526170; --faint:#596774;
  --line:#dce3e8; --line-2:#c4cfd8;
  --accent:#0a7d6f; --accent-ink:#076b60; --accent-soft:#e6f3ef; --accent-line:#91c5ba;
  --blue:#245fb0; --green:#0a7d6f; --amber:#8a6d1f;
  --grad:linear-gradient(#0a7d6f,#0a7d6f);
  --gold:#0a7d6f; --gold-light:#076b60; --gold-dark:#075f54; --on-gold:#ffffff;
  --sh-sm:0 1px 2px rgba(15,28,43,.08);
  --sh:0 18px 44px -24px rgba(15,28,43,.22);
  --sh-lg:0 42px 92px -42px rgba(15,28,43,.28);
  --ring:0 0 0 3px rgba(10,125,111,.25);
}
.brandwordmark{filter:brightness(0);opacity:.9}
::selection{background:rgba(10,125,111,.18);color:var(--ink)}
.meter .bar i{background:rgba(15,28,43,.18)}
.chat-body{background:var(--surface)}
nav.ng{background:rgba(255,255,255,.88)}
.nav-drawer{background:#fff}
.nav-drawer a.btn-primary{color:var(--on-gold)}
.hero::before{background:
  radial-gradient(820px 500px at 86% -10%,rgba(10,125,111,.09),transparent 60%),
  radial-gradient(680px 500px at -6% 105%,rgba(10,125,111,.05),transparent 62%)}
.btn-primary{box-shadow:0 8px 22px -12px rgba(10,125,111,.45),var(--sh-sm)}
.btn-primary:hover{box-shadow:0 14px 34px -14px rgba(10,125,111,.5)}