@font-face {
  font-family: 'Newake';
  src: url('../Assets/NewakeFont-Demo.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --coral: #f15d6f;
  --coral-light: #fb7888;
  --coral-soft: rgba(241, 93, 111, .13);
  --coral-line: rgba(241, 93, 111, .28);
  --success: #3ecf8e;
  --success-soft: rgba(62, 207, 142, .12);
  --blue: #6aa3ff;
  --blue-soft: rgba(106, 163, 255, .13);
  --violet: #a896ff;
  --violet-soft: rgba(168, 150, 255, .14);
  --violet-line: rgba(168, 150, 255, .32);
  --amber: #ffce5e;
  --amber-soft: rgba(255, 206, 94, .14);
  --amber-line: rgba(255, 206, 94, .32);
  --bg: #17181d;
  --bg-rgb: 23, 24, 29;
  --surface: #1f2024;
  --surface-rgb: 31, 32, 36;
  --surface-alt: #242529;
  --surface-alt-rgb: 36, 37, 41;
  --chrome-bg: #1a1b20;
  --chrome-line: rgba(255, 255, 255, .07);
  --text: #fff;
  --text-rgb: 255, 255, 255;
  --text-soft: #c7c8ce;
  --muted: #8b8c94;
  --muted-rgb: 139, 140, 148;
  --line: rgba(255, 255, 255, .07);
  --line-strong: rgba(255, 255, 255, .16);
  --shadow: rgba(0, 0, 0, .22);
  --shadow-strong: rgba(0, 0, 0, .45);
  --highlight: rgba(255, 255, 255, .04);
  --overlay: rgba(255, 255, 255, .04);
  --overlay-strong: rgba(255, 255, 255, .075);
  --overlay-soft: rgba(255, 255, 255, .028);
  --inverse-text: #fff;
  --cta: var(--coral);
  --grey: var(--overlay);
  --font-display: 'Newake', 'Anton', Impact, sans-serif;
  --font-sans: 'Onest', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html,
body {
  background: var(--bg);
  color: var(--text);
}

body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 60% 40% at 20% 12%, rgba(139,127,255,.10), transparent 70%),
    radial-gradient(ellipse 50% 35% at 30% 70%, rgba(168,150,255,.08), transparent 70%),
    radial-gradient(ellipse 55% 38% at 78% 92%, rgba(255,206,94,.05), transparent 70%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.skip-link {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
}

.ssh {
  background:
    linear-gradient(135deg, rgba(139, 127, 255, .055), rgba(255, 255, 255, .035)),
    rgba(31, 32, 36, .72);
  border-color: rgba(255, 255, 255, .07);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .055) inset,
    0 24px 64px rgba(0, 0, 0, .32);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.ssh__menu {
  background: var(--overlay);
  border-color: var(--line);
  color: var(--text);
}
.ssh__menu:hover {
  background: var(--overlay-strong);
  border-color: var(--line-strong);
}
.ssh__cta {
  background: var(--coral);
  color: #fff;
}
.ssh__cta:hover { background: #f37384; }
.ssh__brand-img { filter: none; }
.nav-item__label,
.aside-card h3 {
  color: var(--text);
}
.nav-item__index,
.aside-eyebrow,
.aside-card p,
.chip,
.ssh__foot {
  color: var(--text-soft);
}
.ssh__aside,
.ssh__foot,
.chip {
  border-color: var(--line);
}
.ssh__foot a:hover { color: var(--coral-light); }

.home-hero {
  min-height: calc(100vh - 88px);
  padding: 0;
  background-color: #1c1d22;
  background-image:
    radial-gradient(ellipse 68% 52% at 70% 46%, rgba(168, 150, 255, .13), transparent 72%),
    radial-gradient(ellipse 48% 36% at 22% 68%, rgba(106, 163, 255, .07), transparent 70%),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 72px 72px, 72px 72px;
  display: flex;
  flex-direction: column;
}
/* ::before lives in style.css (grid + spotlight, active in both themes). */
.home-hero__inner {
  flex: 1;
  width: min(100%, 1380px);
  margin: 0 auto;
  padding: 200px 20px 80px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(520px, 620px);
  align-items: center;
  justify-content: center;
}
.kicker-pill {
  color: var(--text-soft);
  background: var(--overlay);
  border: 1px solid var(--line);
}
.home-title {
  max-width: 700px;
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: clamp(48px, 5vw, 66px);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--text);
}
.hl,
.hl--coral,
.home-title .hl {
  display: inline-block;
  line-height: 1.1;
  padding: 2px 14px 6px;
  background: var(--coral);
  border-radius: 12px;
  color: #fff;
  font-weight: 800;
  rotate: -2deg;
}
.home-lead {
  width: 70%;
  margin: 0;
  color: var(--text-soft);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 500;
}
.home-primary {
  background: var(--coral);
  color: #fff;
}
.home-secondary {
  color: var(--text);
  border-color: var(--line-strong);
  background: transparent;
}
.home-primary::before,
.ssh__cta::before { background: #c14a59; }
.home-secondary::before { background: #fff; }
.home-secondary.animating .btn-label > span,
.home-secondary.animating .btn-label::after,
.home-secondary.animating .home-secondary__icon {
  color: #17181d;
}

.ui-c {
  background:
    linear-gradient(135deg, rgba(139, 127, 255, .055), rgba(255, 255, 255, .035)),
    rgba(31, 32, 36, .72);
  border: 1px solid rgba(139, 127, 255, .14);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .055) inset,
    0 24px 64px rgba(0, 0, 0, .32);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.hero-stage .ui-c:not(.c-cal) {
  background:
    linear-gradient(135deg, rgba(139, 127, 255, .055), rgba(255, 255, 255, .035)),
    rgba(31, 32, 36, .72);
  border-color: rgba(139, 127, 255, .14);
  box-shadow:
    0 1px 0 var(--highlight) inset,
    0 8px 18px var(--shadow);
  --text: #fff;
  --text-rgb: 255, 255, 255;
  --muted: rgba(255, 255, 255, .72);
  --line: rgba(255, 255, 255, .07);
  --overlay: rgba(255, 255, 255, .04);
  --overlay-strong: rgba(255, 255, 255, .075);
}
.c-cal {
  background:
    linear-gradient(135deg, rgba(139, 127, 255, .055), rgba(255, 255, 255, .035)),
    rgba(31, 32, 36, .72);
  border-color: rgba(139, 127, 255, .14);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .055) inset,
    0 24px 64px rgba(0, 0, 0, .32);
  --text: #fff;
  --text-rgb: 255, 255, 255;
  --muted: rgba(255, 255, 255, .72);
  --line: rgba(255, 255, 255, .07);
  --overlay: rgba(255, 255, 255, .04);
  --overlay-strong: rgba(255, 255, 255, .075);
}
.cal-wk span,
.cal-d { color: var(--muted); }
.cal-d.today { color: #fff; }
.cal-appt {
  background: var(--overlay);
  border: 0;
  border-left: 2px solid var(--coral);
  border-radius: 0 9px 9px 0;
  padding: 8px 10px;
}
.pt-av,
.appt-av {
  background: var(--coral);
  color: #fff;
}
.appt-av.av2 { background: linear-gradient(135deg, #6aa3ff, #4477dd); color: #fff; }
.appt-av.av3 { background: linear-gradient(135deg, #3ecf8e, #28a870); color: #fff; }
.notif-ico.green { background: var(--success-soft); color: var(--success); }
.notif-ico.lime { background: var(--amber-soft); color: var(--amber); }
.pt-chip {
  background: var(--coral-soft);
  border-color: var(--coral-line);
  color: var(--coral-light);
}
.reminder-dot {
  background: var(--success);
  box-shadow: 0 0 0 3px var(--success-soft);
}

.feature-marquee {
  background: rgba(255, 255, 255, .035);
  border-block: 1px solid var(--line);
}
.feature-marquee__track span {
  color: var(--text-soft);
}

.features-page {
  --navy: var(--text);
  --navy-deep: var(--bg);
  --navy-soft: var(--violet);
  --paper: transparent;
  --gray: var(--overlay);
  --gray-2: var(--overlay-strong);
  --gray-3: var(--line-strong);
  --accent: var(--coral);
  --accent-soft: var(--coral-soft);
  --accent-deep: var(--coral-light);
  --pop-pink: var(--coral-soft);
  --pop-pink-d: var(--coral);
  --pop-lime: var(--success-soft);
  --pop-lime-d: var(--success);
  --pop-mint: var(--blue-soft);
  --pop-mint-d: var(--blue);
  --ink: var(--text);
  --ink-soft: var(--text-soft);
  --ink-mute: var(--muted);
  --hairline: var(--line);
  --slot-empty: var(--overlay);
  --check-green: var(--success);
  background: transparent;
  color: var(--text);
}
body.features-page {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 60% 40% at 20% 12%, rgba(139,127,255,.10), transparent 70%),
    radial-gradient(ellipse 50% 35% at 30% 70%, rgba(168,150,255,.08), transparent 70%),
    radial-gradient(ellipse 55% 38% at 78% 92%, rgba(255,206,94,.05), transparent 70%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.fx-rows-section,
.fx-section--alt {
  background: transparent;
}
.fx-item__title,
.fx-title {
  color: var(--text);
}
.fx-lede,
.fx-bullets li {
  color: var(--text-soft);
}
.fx-bullets li::before,
.fx-eyebrow::before {
  background: var(--coral);
}
.fx-row__illu .illu-frame {
  background:
    linear-gradient(135deg, rgba(139, 127, 255, .055), rgba(255, 255, 255, .035)),
    rgba(31, 32, 36, .48);
  border-color: rgba(139, 127, 255, .14);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .05) inset,
    0 24px 60px rgba(0, 0, 0, .30);
}
.fx-row__illu .illu-frame--pi {
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.fx-row__illu .illu-frame--pi .pi-card {
  border: 2px solid rgba(139, 127, 255, .14);
}
.fx-row__illu .illu-frame--pi .pi-card.is-phone {
  border: 2px solid rgba(139, 127, 255, .14);
}
.ld-card,
.pi-card,
.ph-success,
.ph-profile,
.tg-shell,
.ag-toast,
.tg-toast {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015)),
    rgba(31, 32, 36, .92);
  border-color: var(--line);
  color: var(--text);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .05) inset,
    0 24px 60px rgba(0, 0, 0, .30);
}
.ag-card,
.ph-card,
.tg-card {
  --gray: var(--overlay);
  --gray-2: var(--overlay-strong);
  --gray-3: var(--line-strong);
  --slot-empty: var(--overlay);
}
.ag-tab,
.ag-slot,
.ag-stats__num,
.ph-sig,
.pi-vf,
.tg-list-row,
.tg-plan__row,
.tg-file,
.tg-proc__track,
.tg-head__pill {
  background: rgba(255, 255, 255, .045);
  border-color: var(--line);
  color: var(--text-soft);
}
.ag-tab.is-active,
.tg-step.is-active .tg-step__node {
  background: var(--coral);
  color: #fff;
  box-shadow: 0 0 0 6px var(--coral-soft);
}
.ag-slot.is-filled,
.tg-file.is-visible {
  background: var(--success);
  color: #fff;
}
.ag-slot__name,
.ag-toast__name,
.tg-head__title,
.tg-shell__title,
.tg-list-row,
.tg-plan__proc,
.tg-toast__title,
.ph-success__h,
.ph-profile__name > span:first-child,
.ph-tile__lbl,
.tg-done-row__lbl,
.ag-stats__num > span:first-child {
  color: var(--text);
}
.ag-slot__when,
.ag-toast__ts,
.ag-toast__when,
.ag-stats__lbl,
.ag-bar__lbl,
.ph-success__sub,
.ph-profile__name > span:last-child,
.tg-rx-hdr__from,
.tg-rx-hdr__ts,
.tg-toast__ts,
.tg-step__lbl {
  color: var(--muted);
}
.ag-bar__fill {
  background: var(--blue);
}
.ph-bar,
.ph-progress,
.pi-phone__notch,
.tg-step__node,
.tg-step::after {
  background: rgba(255, 255, 255, .08);
}
.ph-sig {
  border-style: dashed;
}
.ph-sig__svg path {
  stroke: var(--coral);
}
.ph-card .ph-yes,
.ph-card .ph-no {
  background: rgba(255, 255, 255, .09);
}
.ph-card .ph-yes.is-active {
  background: var(--success);
  color: #fff;
  transform: scale(1);
}
.ph-card .ph-no.is-active {
  background: var(--coral);
  color: #fff;
  transform: scale(1);
}
.ph-tile__ico svg,
.ph-profile__avatar svg {
  fill: var(--blue);
}
.pi-vf__grid {
  filter: invert(1) hue-rotate(165deg) saturate(.9);
  opacity: .72;
}
.pi-vf__scanline {
  background: var(--coral);
  box-shadow: 0 0 8px var(--coral-soft);
}
.tg-plan__tooth,
.tg-proc__fill {
  background: var(--coral);
}
.tg-plan__tag,
.tg-head__pill.is-complete,
.tg-med,
.tg-done-row,
.ph-profile__chip {
  background: var(--success-soft);
  color: var(--success);
}
.tg-step.is-active .tg-step__lbl,
.tg-step.is-done .tg-step__lbl {
  color: var(--text);
}
.tg-step.is-done .tg-step__node,
.tg-done-row__check,
.ag-toast__check,
.tg-toast__check,
.ph-success__check {
  background: var(--success);
}

.pi-card .pi-content {
  padding: 24px;
}
.pi-card .ph-success,
.pi-card .ph-profile {
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 20px;
}
.pi-card .ph-q,
.pi-card .ph-profile__foot {
  background: transparent;
  border: 0;
}
.pi-card .ph-q {
  padding: 6px 0;
}
.pi-card .ph-tile {
  padding: 12px;
  border-radius: 14px;
  background: var(--overlay);
  border: 1px solid var(--line);
}
.pi-card .ph-profile__avatar,
.pi-card .ph-tile__ico {
  background: var(--blue-soft);
  width: 36px;
  height: 36px;
  border-radius: 10px;
}
.pi-card .ph-profile__grid {
  gap: 12px;
}
.pi-card .ph-profile__foot {
  padding-inline: 0;
}

.pc-card {
  --gray: var(--overlay);
  --gray-2: var(--overlay-strong);
  --gray-3: var(--line-strong);
}
.pc-online {
  background: var(--success-soft);
  color: var(--success);
}
.pc-online > i {
  background: var(--success);
}
.pc-section-lbl,
.pc-msg--typing,
.pc-msg--ai {
  background: var(--overlay);
  color: var(--text-soft);
}
.pc-tile,
.pc-files li,
.pc-slot,
.pc-chip,
.pc-act {
  background: var(--overlay);
  border-color: var(--line);
  color: var(--text);
  box-shadow: none;
}
.pc-tile.is-pressed {
  border-color: var(--line-strong);
  box-shadow: 0 18px 26px -20px rgba(0, 0, 0, .45);
}
.pc-tile__lbl,
.pc-files li,
.pc-slot,
.pc-chip,
.pc-act__lbl,
.pc-appt__m,
.pc-appt__d,
.pc-appt__t {
  color: var(--text);
}
.pc-appt__lbl,
.pc-upload__status {
  color: var(--muted);
}
.pc-upload,
.pc-slot.is-selected,
.pc-appt__cta,
.pc-msg--user {
  background: var(--surface-alt);
  border-color: var(--line);
  color: var(--text);
}
.pc-upload {
  border: 1px solid var(--line);
}
.pc-upload__ico,
.pc-appt__cta.is-pressed::after {
  background: rgba(255, 255, 255, .10);
}
.pc-upload__track {
  background: rgba(255, 255, 255, .08);
}
.pc-upload__fill,
.pc-wave > i {
  background: var(--blue);
}
.pc-upload__fill.is-done,
.pc-upload__check,
.pc-appt__cta-check,
.pc-msg__check,
.pc-act__check {
  background: var(--success);
}
.pc-files__ico,
.pc-tile__ico,
.pc-act__ico {
  background: var(--tint);
}
.pc-appt__date,
.pc-chip--active,
.pc-appt__cta.is-confirmed {
  background: var(--success-soft);
  border-color: var(--success);
  color: var(--success);
}
.pc-appt__cta.is-confirmed .pc-appt__cta-lbl {
  color: var(--success);
}
.pc-msg--typing > i {
  background: var(--muted);
}
.pc-msg--ai.pc-msg--confirm {
  color: var(--text);
}

.features-page.fx-scrollstory .fx-row {
  background: #202126;
  border: 1px solid rgba(255, 255, 255, .10);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .20);
}

.features-page.fx-scrollstory .fx-row__illu .illu-frame {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
    #17181d;
  border: 1px solid rgba(168, 150, 255, .12);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .05) inset,
    0 24px 54px rgba(0, 0, 0, .28);
}

.features-page.fx-scrollstory .fx-row__illu .illu-frame--pi {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.features-page.fx-scrollstory .fx-row__illu .illu-frame--pi .pi-card {
  border-color: rgba(168, 150, 255, .18);
}

.features-page.fx-scrollstory .fx-row__copy .fx-bullets li {
  color: var(--text-soft);
}

.features-page.fx-scrollstory .fx-row__copy .fx-bullets li::before {
  background: var(--coral);
}

.features-page.fx-scrollstory .fx-item__title {
  color: var(--text);
}

.features-page.fx-scrollstory .fx-lede {
  color: var(--text-soft);
}

.features-page.fx-scrollstory #tratament .tg-step,
.features-page.fx-scrollstory #tratament .tg-step::after {
  background: transparent;
}

.features-page.fx-scrollstory .ag-card,
.features-page.fx-scrollstory .tg-card,
.features-page.fx-scrollstory .pc-card,
.features-page.fx-scrollstory .pi-card {
  --navy: var(--text);
  --navy-deep: var(--bg);
  --navy-soft: var(--violet);
  --paper: var(--surface);
  --gray: rgba(255, 255, 255, .045);
  --gray-2: rgba(255, 255, 255, .075);
  --gray-3: rgba(255, 255, 255, .16);
  --accent: var(--coral);
  --accent-soft: var(--coral-soft);
  --accent-deep: var(--coral-light);
  --pop-pink: var(--coral-soft);
  --pop-pink-d: var(--coral);
  --pop-lime: var(--success-soft);
  --pop-lime-d: var(--success);
  --pop-mint: var(--blue-soft);
  --pop-mint-d: var(--blue);
  --ink: var(--text);
  --ink-soft: var(--text-soft);
  --ink-mute: var(--muted);
  --hairline: var(--line);
  --slot-empty: rgba(255, 255, 255, .045);
  --check-green: var(--success);
}

.features-page.fx-scrollstory .ag-card,
.features-page.fx-scrollstory .tg-card,
.features-page.fx-scrollstory .pc-card,
.features-page.fx-scrollstory .pi-card,
.features-page.fx-scrollstory .ph-success,
.features-page.fx-scrollstory .ph-profile,
.features-page.fx-scrollstory .tg-shell {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018)),
    #1f2024;
  border-color: var(--line);
  color: var(--text);
}

.features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card,
.features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card.is-phone {
  border: 1px solid rgba(255, 255, 255, .08);
}

.features-page.fx-scrollstory .pc-tile,
.features-page.fx-scrollstory .pc-files li,
.features-page.fx-scrollstory .pc-slot,
.features-page.fx-scrollstory .pc-chip,
.features-page.fx-scrollstory .pc-act,
.features-page.fx-scrollstory .tg-list-row,
.features-page.fx-scrollstory .tg-plan__row,
.features-page.fx-scrollstory .tg-file,
.features-page.fx-scrollstory .ag-tab,
.features-page.fx-scrollstory .ag-slot,
.features-page.fx-scrollstory .ag-stats__num {
  background: rgba(255, 255, 255, .055);
  border-color: rgba(255, 255, 255, .08);
  color: var(--text);
}

.features-page.fx-scrollstory .ag-tab.is-active,
.features-page.fx-scrollstory .tg-step.is-active .tg-step__node,
.features-page.fx-scrollstory .pc-appt__cta,
.features-page.fx-scrollstory .pc-msg--user {
  background: var(--coral);
  color: #fff;
}

.features-page.fx-scrollstory .ag-slot.is-filled,
.features-page.fx-scrollstory .tg-file.is-visible,
.features-page.fx-scrollstory .pc-upload__fill.is-done,
.features-page.fx-scrollstory .pc-upload__check,
.features-page.fx-scrollstory .pc-appt__cta-check,
.features-page.fx-scrollstory .pc-msg__check,
.features-page.fx-scrollstory .pc-act__check {
  background: var(--success);
  color: #fff;
}

.features-page.fx-scrollstory .ag-bar__fill,
.features-page.fx-scrollstory .pc-upload__fill,
.features-page.fx-scrollstory .pc-wave > i {
  background: var(--blue);
}

.features-page .fx-caps {
  background: transparent;
}

.features-page .fx-more-head__eyebrow {
  color: var(--coral-light);
}

.features-page .fx-more-head__title {
  color: var(--text);
}

.features-page .fx-cap {
  background: #202126;
  border: 1px solid rgba(255, 255, 255, .10);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .20);
}

.features-page .fx-cap:hover {
  border-color: rgba(255, 255, 255, .22);
  box-shadow: 0 24px 56px rgba(0, 0, 0, .32);
  transform: translateY(-3px);
}

.features-page .fx-cap__title {
  color: var(--text);
}

.features-page .fx-cap__text {
  color: var(--text-soft);
}

.features-page .fx-cap__link {
  background: var(--coral);
  color: #fff;
}

.features-page .fx-cap__link:hover {
  background: var(--coral-light);
}

.features-page .fx-cap__pill,
.features-page .fx-rx {
  background: rgba(255, 255, 255, .045);
  border: 1px solid var(--line-strong);
  color: var(--text-soft);
}

.features-page .fx-cap__dot {
  background: var(--success);
}

html[data-theme="dark"] .cap-modal__panel {
  background: var(--surface);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 -20px 60px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .cap-modal__title {
  color: var(--text);
}

html[data-theme="dark"] .cap-modal__close {
  background: rgba(255, 255, 255, .08);
  color: var(--text);
}

html[data-theme="dark"] .cap-modal__close:hover {
  background: rgba(255, 255, 255, .15);
}

.features-page .fx-notif__item {
  color: var(--text);
  border: 1px solid var(--line);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
}

.features-page .fx-notif__item--a {
  background: color-mix(in srgb, var(--success) 18%, var(--surface-alt));
}

.features-page .fx-notif__item--b {
  background: color-mix(in srgb, var(--blue) 18%, var(--surface-alt));
}

.features-page .fx-notif__bell {
  color: var(--text);
}

.features-page .fx-notif__badge {
  background: var(--coral);
  color: #fff;
}

.features-page .fx-flow__step--check {
  background: var(--success);
  color: #101114;
}

.features-page .fx-flow__step--tooth {
  background: var(--coral);
  color: #fff;
}

.features-page .fx-flow__step--list {
  background: var(--blue-soft);
  color: var(--blue);
}

.features-page .fx-flow__line {
  background: rgba(255, 255, 255, .18);
}

.features-page .fx-rx__folder {
  color: var(--success);
}

.features-page .fx-rx__item {
  color: var(--text-soft);
}

.fx-cta {
  background: transparent;
  color: var(--text);
}
.fx-cta__eyebrow {
  color: var(--coral-light);
}
.fx-cta__title {
  color: var(--text);
}
.fx-cta__lede {
  color: var(--text-soft);
}
.fx-cta__btn--primary {
  background: var(--coral);
  color: #fff;
}
.fx-cta__btn--ghost {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.12);
  color: var(--text);
}
.fx-cta__perks {
  color: var(--text-soft);
}
.fx-cta__perks li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.fx-cta__perks li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: url("../Assets/mark-diamond.svg") center / contain no-repeat;
  flex: 0 0 auto;
}

.pricing {
  background: transparent;
  padding: clamp(70px, 9vw, 130px) 24px clamp(90px, 12vw, 160px);
}
.pricing__inner {
  width: min(100%, 1180px);
  gap: clamp(28px, 3vw, 40px);
}
.section-eyebrow,
.pricing__sub {
  color: var(--muted);
}
.pricing__title {
  color: var(--text);
}
.bill-toggle {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset;
}
.bill-toggle__btn {
  color: var(--text-soft);
}
.bill-toggle__btn.is-active {
  color: var(--text);
}
.bill-toggle__save {
  background: var(--success-soft);
  color: var(--success);
}
.bill-toggle__slider {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 6px 18px rgba(0,0,0,.30);
}
.pcard,
.pcard-enterprise {
  background:
    linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.012)),
    rgba(255,255,255,.022);
  border-color: rgba(255,255,255,.07);
  box-shadow:
    0 1px 0 rgba(255,255,255,.05) inset,
    0 24px 60px rgba(0,0,0,.30);
}
.pcard--featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(168,150,255,.18), transparent 55%),
    linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    rgba(255,255,255,.028);
  border-color: rgba(255,255,255,.14);
}
.pcard__tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--text-soft);
}
.pcard__name,
.pcard__val,
.pcard__cur,
.pcard-enterprise__copy h3,
.pcard-enterprise__perks li {
  color: var(--text);
}
.pcard__per,
.pcard__list,
.pcard-enterprise__copy p,
.pricing__note {
  color: var(--text-soft);
}
.pcard__price {
  border-bottom-color: rgba(255,255,255,.10);
}
.pcard__list li::before {
  width: 14px;
  height: 14px;
  background: url("../Assets/mark-diamond.svg") center / contain no-repeat;
  border-radius: 0;
  transform: none;
}
.pcard__badge {
  background: var(--violet);
}
.pcard__cta,
.pcard__cta--outline {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--text);
}
.pcard__cta:hover,
.pcard__cta--outline:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
}
.pcard__cta--primary {
  background: var(--coral);
  border-color: var(--coral);
  color: #fff;
}
.pcard__cta--primary:hover {
  background: #f37384;
  border-color: #f37384;
}
.pcard-enterprise__perks li::before {
  background: var(--coral);
  opacity: 1;
}

/* CTA card — coral background in both modes; outer section is transparent.
   Button styles live in style.css under .cta-section .cta-section__card .cta-btn--*
   at specificity (0,0,3,0), which beats every html[data-theme=*] .cta-btn--* rule. */
.cta-section {
  background: transparent;
}

.site-footer {
  background: transparent;
  color: var(--muted);
  border-top-color: rgba(255,255,255,.07);
}
.site-footer__title,
.site-footer__col h6 {
  color: var(--text);
}
.site-footer__field input {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
  color: var(--text);
}
.site-footer__field input::placeholder,
.site-footer__col a,
.site-footer__col span,
.site-footer__disclaimer {
  color: var(--muted);
}
.site-footer__field input:focus {
  border-color: rgba(255,255,255,.30);
  background: rgba(255,255,255,.06);
}
.site-footer__submit {
  background: var(--coral);
}
.site-footer__submit:hover { background: #f37384; }
.site-footer__socials a {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--muted);
}
.site-footer__socials a:hover {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  color: var(--text);
}
.site-footer__bottom {
  border-top-color: rgba(255,255,255,.06);
}
.site-footer__logo img {
  filter: none;
  opacity: 1;
}
.cb-cursor::before {
  background: var(--text);
}
.cb-cursor.-visible.-on-dark::before {
  background: var(--text);
}
.cb-cursor.-pointer::before {
  background: var(--coral);
}

@media (max-width: 1120px) {
  .home-hero__inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 130px;
    align-items: start;
  }
  .hero-stage {
    justify-self: center;
    margin: 42px auto 0;
  }
  .home-copy {
    align-items: center;
  }
  .home-title {
    max-width: 760px;
    margin: 0 auto;
    font-size: clamp(48px, 13vw, 72px);
    text-align: center;
  }
  .home-lead {
    width: min(100%, 620px);
    text-align: center;
  }
  .home-kickers,
  .home-actions {
    justify-content: center;
  }
}

@media (max-width: 620px) {
  .home-hero__inner {
    width: 100%;
    max-width: 100%;
    padding-inline: 20px;
  }
  .home-copy {
    width: min(100%, 320px);
    justify-self: center;
  }
  .home-title {
    width: 100%;
    font-size: 38px;
    line-height: 1.12;
    letter-spacing: -.015em;
  }
  .home-title .hl {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 6px auto 0;
    padding: 2px 10px 5px;
    white-space: nowrap;
  }
  .home-lead {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
  }
  .home-actions {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .home-title {
    font-size: 36px;
  }
}

.theme-toggle {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 130;
  width: 54px;
  height: 54px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .03)),
    rgba(var(--surface-rgb), .78);
  color: var(--text);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .08) inset,
    0 18px 46px rgba(0, 0, 0, .30);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  cursor: pointer;
  transition:
    transform 220ms var(--ease-out),
    background 220ms var(--ease-out),
    border-color 220ms var(--ease-out),
    color 220ms var(--ease-out);
}
.theme-toggle:hover {
  transform: translateY(-2px);
  border-color: var(--coral-line);
  color: var(--coral-light);
}
.theme-toggle:active {
  transform: translateY(0) scale(.96);
}
.theme-toggle__icon {
  grid-area: 1 / 1;
  display: inline-flex;
  transition: opacity 180ms var(--ease-out), transform 260ms var(--ease-out);
}
.theme-toggle__icon--moon {
  opacity: 0;
  transform: rotate(-45deg) scale(.65);
}
html[data-theme="light"] .theme-toggle__icon--sun {
  opacity: 0;
  transform: rotate(45deg) scale(.65);
}
html[data-theme="light"] .theme-toggle__icon--moon {
  opacity: 1;
  transform: rotate(0) scale(1);
}

html[data-theme="light"] {
  color-scheme: light;
  --coral: #f15d6f;
  --coral-light: #d94458;
  --coral-soft: rgba(241, 93, 111, .11);
  --coral-line: rgba(241, 93, 111, .24);
  --success: #159969;
  --success-soft: rgba(21, 153, 105, .12);
  --blue: #23388b;
  --blue-soft: rgba(35, 56, 139, .09);
  --violet: #7568e8;
  --violet-soft: rgba(117, 104, 232, .10);
  --violet-line: rgba(117, 104, 232, .20);
  --amber: #a76f00;
  --amber-soft: rgba(255, 206, 94, .22);
  --amber-line: rgba(167, 111, 0, .20);
  --bg: #f7f8fb;
  --bg-rgb: 247, 248, 251;
  --surface: #ffffff;
  --surface-rgb: 255, 255, 255;
  --surface-alt: #f0f2f8;
  --surface-alt-rgb: 240, 242, 248;
  --chrome-bg: #ffffff;
  --chrome-line: rgba(35, 56, 139, .10);
  --text: #17204d;
  --text-rgb: 23, 32, 77;
  --text-soft: rgba(23, 32, 77, .68);
  --muted: rgba(23, 32, 77, .52);
  --muted-rgb: 23, 32, 77;
  --line: rgba(35, 56, 139, .10);
  --line-strong: rgba(35, 56, 139, .18);
  --shadow: rgba(35, 56, 139, .12);
  --shadow-strong: rgba(35, 56, 139, .22);
  --highlight: rgba(255, 255, 255, .72);
  --overlay: rgba(35, 56, 139, .055);
  --overlay-strong: rgba(35, 56, 139, .09);
  --overlay-soft: rgba(35, 56, 139, .035);
  --inverse-text: #fff;
  --cta: #2742ab;
  --grey: #f2f2f7;
}

html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
}
html[data-theme="light"] body {
  background-image:
    radial-gradient(ellipse 58% 42% at 18% 12%, rgba(117, 104, 232, .10), transparent 70%),
    radial-gradient(ellipse 48% 35% at 75% 24%, rgba(106, 163, 255, .08), transparent 72%),
    radial-gradient(ellipse 60% 38% at 76% 90%, rgba(21, 153, 105, .07), transparent 74%);
}

html[data-theme="light"] .skip-link,
html[data-theme="light"] .ssh,
html[data-theme="light"] .ui-c,
html[data-theme="light"] .hero-stage .ui-c:not(.c-cal),
html[data-theme="light"] .c-cal,
html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise,
html[data-theme="light"] .theme-toggle {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .66)),
    rgba(255, 255, 255, .86);
  border-color: var(--line);
  color: var(--text);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .88) inset,
    0 22px 58px rgba(35, 56, 139, .12);
}
html[data-theme="light"] .ssh,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .ui-c {
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}
html[data-theme="light"] .ssh__menu,
html[data-theme="light"] .cta-btn--ghost,
html[data-theme="light"] .pcard__cta,
html[data-theme="light"] .pcard__cta--outline,
html[data-theme="light"] .site-footer__socials a,
html[data-theme="light"] .site-footer__field input {
  background: var(--overlay);
  border-color: var(--line);
  color: var(--text);
}
html[data-theme="light"] .ssh__menu:hover,
html[data-theme="light"] .cta-btn--ghost:hover,
html[data-theme="light"] .pcard__cta:hover,
html[data-theme="light"] .pcard__cta--outline:hover,
html[data-theme="light"] .site-footer__socials a:hover {
  background: var(--overlay-strong);
  border-color: var(--line-strong);
  color: var(--blue);
}

html[data-theme="light"] .home-hero {
  background-color: #f7f8fb;
  background-image:
    radial-gradient(ellipse 68% 52% at 72% 42%, rgba(117, 104, 232, .13), transparent 72%),
    radial-gradient(ellipse 50% 36% at 20% 70%, rgba(106, 163, 255, .10), transparent 70%),
    linear-gradient(180deg, #fbfcff 0%, #f1f4fb 100%);
}
html[data-theme="light"] .home-title,
html[data-theme="light"] .nav-item__label,
html[data-theme="light"] .aside-card h3,
html[data-theme="light"] .cal-month-label,
html[data-theme="light"] .cal-wk,
html[data-theme="light"] .cal-d,
html[data-theme="light"] .appt-name,
html[data-theme="light"] .pt-name,
html[data-theme="light"] .notif-title,
html[data-theme="light"] .reminder-text,
html[data-theme="light"] .stats-val,
html[data-theme="light"] .pricing__title,
html[data-theme="light"] .pcard__name,
html[data-theme="light"] .pcard__val,
html[data-theme="light"] .pcard__cur,
html[data-theme="light"] .pcard-enterprise__copy h3,
html[data-theme="light"] .pcard-enterprise__perks li,
html[data-theme="light"] .cta-section__title,
html[data-theme="light"] .site-footer__title,
html[data-theme="light"] .site-footer__col h6 {
  color: var(--text);
}
html[data-theme="light"] .kicker-pill,
html[data-theme="light"] .home-lead,
html[data-theme="light"] .nav-item__index,
html[data-theme="light"] .aside-eyebrow,
html[data-theme="light"] .aside-card p,
html[data-theme="light"] .chip,
html[data-theme="light"] .ssh__foot,
html[data-theme="light"] .appt-t,
html[data-theme="light"] .appt-proc,
html[data-theme="light"] .pt-sub,
html[data-theme="light"] .notif-sub,
html[data-theme="light"] .notif-ts,
html[data-theme="light"] .reminder-sub,
html[data-theme="light"] .stats-lbl,
html[data-theme="light"] .pricing__eyebrow,
html[data-theme="light"] .pricing__sub,
html[data-theme="light"] .pcard__per,
html[data-theme="light"] .pcard__list,
html[data-theme="light"] .pcard-enterprise__copy p,
html[data-theme="light"] .pricing__note,
html[data-theme="light"] .cta-section__sub,
html[data-theme="light"] .cta-section__perks li,
html[data-theme="light"] .site-footer__field input::placeholder,
html[data-theme="light"] .site-footer__col a,
html[data-theme="light"] .site-footer__col span,
html[data-theme="light"] .site-footer__disclaimer {
  color: var(--text-soft);
}
html[data-theme="light"] .kicker-pill,
html[data-theme="light"] .chip,
html[data-theme="light"] .cal-nav-btn {
  background: var(--overlay);
  border-color: var(--line);
}
html[data-theme="light"] .home-secondary {
  color: var(--text);
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, .46);
}
html[data-theme="light"] .home-secondary::before {
  background: var(--blue);
}
html[data-theme="light"] .home-secondary.animating .btn-label > span,
html[data-theme="light"] .home-secondary.animating .btn-label::after,
html[data-theme="light"] .home-secondary.animating .home-secondary__icon {
  color: #fff;
}
html[data-theme="light"] .ssh__cta,
html[data-theme="light"] .home-primary,
html[data-theme="light"] .cta-btn--primary,
html[data-theme="light"] .pcard__cta--primary,
html[data-theme="light"] .site-footer__submit {
  background: var(--cta);
  border-color: var(--cta);
  color: #fff;
}
html[data-theme="light"] .home-primary::before,
html[data-theme="light"] .ssh__cta::before {
  background: #1c2f8a;
}
html[data-theme="light"] .pcard--featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(106, 163, 255, .13), transparent 56%),
    linear-gradient(145deg, #283d9a, #1d2c79);
  border-color: rgba(35, 56, 139, .10);
  color: #fff;
}
html[data-theme="light"] .pcard--featured .pcard__name,
html[data-theme="light"] .pcard--featured .pcard__val,
html[data-theme="light"] .pcard--featured .pcard__cur {
  color: #fff;
}
html[data-theme="light"] .pcard--featured .pcard__tag,
html[data-theme="light"] .pcard--featured .pcard__per,
html[data-theme="light"] .pcard--featured .pcard__list {
  color: rgba(255, 255, 255, .78);
}
html[data-theme="light"] .cta-section,
html[data-theme="light"] .site-footer {
  background: transparent;
}
html[data-theme="light"] .site-footer {
  border-top-color: var(--line);
}
html[data-theme="light"] .site-footer__bottom {
  border-top-color: var(--line);
}
html[data-theme="light"] .cb-cursor::before,
html[data-theme="light"] .cb-cursor.-visible.-on-dark::before {
  background: var(--blue);
}
html[data-theme="light"] .cb-cursor.-pointer::before {
  background: var(--coral);
}

html[data-theme="dark"] .site-footer {
  background-color: #0F2639;
}

/* Actual final v3 light-mode override. Keep this at EOF so old light blocks cannot win. */
html[data-theme="light"] {
  --bg: #23388B;
  --accent: #2742AB;
  --white: #FFFFFF;
  --coral: #F15D6F;
  --teal: #C4EDE9;
  --pop-purple: #F8D6EF;
  --pop-blue: #DDFCB6;
  --pop-panel: #F2F2F7;
  --green: #3ECF8E;
  --line: rgba(35, 56, 139, .1);
  --line-strong: rgba(35, 56, 139, .18);
  --muted: rgba(35, 56, 139, .5);
  --blue: var(--bg);
  --cta: var(--accent);
  --grey: var(--pop-panel);
  --text: var(--bg);
  --text-rgb: 35, 56, 139;
  --text-soft: rgba(35, 56, 139, .5);
}

html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--bg);
  background-image: none;
  color: var(--blue);
}

html[data-theme="light"] .ssh {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 4px 40px rgba(35, 56, 139, .12);
  color: var(--blue);
}

html[data-theme="light"] .ssh__menu {
  background: var(--grey);
  border-color: rgba(35, 56, 139, .08);
  color: var(--blue);
}

html[data-theme="light"] .ssh__cta,
html[data-theme="light"] .ssh__panel-cta {
  background: var(--cta);
  color: #fff;
}

html[data-theme="light"] .home-hero {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 90% 80% at 62% 42%, transparent 15%, var(--bg) 68%),
    linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-size: 100% 100%, 72px 72px, 72px 72px;
}

html[data-theme="light"] .home-hero::before {
  display: block;
  background-image:
    linear-gradient(rgba(255, 255, 255, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .11) 1px, transparent 1px);
  background-size: 72px 72px;
}

html[data-theme="light"] .home-title,
html[data-theme="light"] .home-secondary,
html[data-theme="light"] .site-footer__title,
html[data-theme="light"] .site-footer__col h6,
html[data-theme="light"] .cta-section__title,
html[data-theme="light"] .cta-section__title .hl {
  color: #fff;
}

html[data-theme="light"] .home-lead {
  color: rgba(255, 255, 255, .7);
}

html[data-theme="light"] .kicker-pill,
html[data-theme="light"] .feature-marquee {
  background: var(--accent);
  color: #fff;
}

html[data-theme="light"] .hl,
html[data-theme="light"] .hl--lime,
html[data-theme="light"] .hl--pink {
  color: var(--bg);
}

html[data-theme="light"] .hl--lime {
  background: var(--pop-blue);
}

html[data-theme="light"] .hl--pink {
  background: var(--pop-purple);
}

html[data-theme="light"] .hl--coral {
  background: var(--coral);
  color: #fff;
}

html[data-theme="light"] .home-primary {
  background: #fff;
  color: var(--blue);
}

html[data-theme="light"] .hero-stage .ui-c:not(.c-cal) {
  background: var(--accent);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 8px 28px rgba(20, 38, 110, .35);
  --text: #fff;
  --text-rgb: 255, 255, 255;
  --muted: rgba(255, 255, 255, .6);
  --line: rgba(255, 255, 255, .15);
  --overlay: rgba(255, 255, 255, .1);
  --overlay-strong: rgba(255, 255, 255, .2);
  --coral: #F15D6F;
  --inverse-text: #fff;
}

html[data-theme="light"] .c-cal {
  background: #fff;
  border-color: rgba(35, 56, 139, .1);
  box-shadow: 0 28px 80px rgba(20, 38, 110, .22);
  --text: var(--bg);
  --text-rgb: 35, 56, 139;
  --muted: rgba(35, 56, 139, .5);
  --line: rgba(35, 56, 139, .1);
  --overlay: rgba(35, 56, 139, .06);
  --overlay-strong: rgba(35, 56, 139, .12);
  --coral: #F15D6F;
  --inverse-text: #fff;
}

html[data-theme="light"] .feature-marquee__track span {
  color: rgba(255, 255, 255, .9);
}

html[data-theme="light"] .feature-marquee__track i {
  background: var(--coral);
}

html[data-theme="light"] .pills-section,
html[data-theme="light"] .scroll-cover,
html[data-theme="light"] body.features-page,
html[data-theme="light"] .features-page {
  background: #112C41;
}

html[data-theme="light"] .scroll-reveal-text,
html[data-theme="light"] .reveal-line {
  color: rgba(255, 255, 255, .28);
}

html[data-theme="light"] .reveal-line {
  background: linear-gradient(90deg, #fff 0%, #fff var(--reveal), rgba(255, 255, 255, .28) var(--reveal), rgba(255, 255, 255, .28) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .features-page {
  --navy: var(--bg);
  --navy-deep: #0e1e5a;
  --navy-soft: #3E45CF;
  --paper: var(--white);
  --gray: var(--pop-panel);
  --gray-2: #ECEEF1;
  --gray-3: #DEE1E7;
  --accent: #F26B6B;
  --accent-soft: #FBDDDD;
  --accent-deep: #DB4F4F;
  --pop-pink: var(--pop-purple);
  --pop-pink-d: #C5559A;
  --pop-lime: var(--pop-blue);
  --pop-lime-d: #6FA82A;
  --pop-mint: var(--teal);
  --pop-mint-d: #3E8C82;
  --ink: #1A1F3D;
  --ink-soft: #5B6390;
  --ink-mute: #9CA1C2;
  --hairline: #E5E6EA;
  --slot-empty: var(--pop-panel);
  --check-green: var(--green);
  color: var(--ink);
}

html[data-theme="light"] .features-page__bg-shift {
  background: #B1DEDB;
}

html[data-theme="light"] .features-page .fx-rows-section {
  background: transparent;
}

html[data-theme="light"] .features-page .fx-row {
  background: #F3F6FF;
  border-color: transparent;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .18);
  color: var(--ink);
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row {
  background: #F3F6FF;
  border-color: transparent;
  box-shadow: 0 18px 44px rgba(17, 44, 65, .14);
}

html[data-theme="light"] .features-page .fx-item__title {
  color: #23388B;
}

html[data-theme="light"] .features-page .fx-row__copy .fx-lede {
  color: var(--ink-soft);
}

html[data-theme="light"] .features-page .fx-row__copy .fx-bullets li {
  color: #23388B;
}

html[data-theme="light"] .features-page .fx-row__copy .fx-bullets li::before {
  background: #23388B;
}

html[data-theme="light"] .features-page .fx-row__illu .illu-frame {
  background: #fff;
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .features-page .fx-row__illu .ld-card,
html[data-theme="light"] .features-page .fx-row__illu .illu-frame--pi .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card.is-phone {
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .features-page .fx-row__illu .illu-frame--pi {
  background: transparent;
}

html[data-theme="light"] .features-page .ld-card,
html[data-theme="light"] .features-page .ag-card,
html[data-theme="light"] .features-page .ph-card,
html[data-theme="light"] .features-page .pi-card,
html[data-theme="light"] .features-page .tg-card,
html[data-theme="light"] .features-page .pc-card,
html[data-theme="light"] .features-page .ph-success,
html[data-theme="light"] .features-page .ph-profile,
html[data-theme="light"] .features-page .tg-shell,
html[data-theme="light"] .features-page .ag-toast,
html[data-theme="light"] .features-page .tg-toast {
  background: #fff;
  color: var(--ink);
}

html[data-theme="light"] .features-page .ag-tab,
html[data-theme="light"] .features-page .ag-slot,
html[data-theme="light"] .features-page .ag-stats,
html[data-theme="light"] .features-page .ag-stats__num,
html[data-theme="light"] .features-page .ph-progress,
html[data-theme="light"] .features-page .ph-bar,
html[data-theme="light"] .features-page .ph-yes,
html[data-theme="light"] .features-page .ph-no,
html[data-theme="light"] .features-page .tg-head__pill,
html[data-theme="light"] .features-page .tg-step__node,
html[data-theme="light"] .features-page .tg-list-row,
html[data-theme="light"] .features-page .tg-plan__row,
html[data-theme="light"] .features-page .tg-file,
html[data-theme="light"] .features-page .tg-med,
html[data-theme="light"] .features-page .tg-proc__track,
html[data-theme="light"] .features-page .pc-tile,
html[data-theme="light"] .features-page .pc-files li,
html[data-theme="light"] .features-page .pc-slot,
html[data-theme="light"] .features-page .pc-chip,
html[data-theme="light"] .features-page .pc-act,
html[data-theme="light"] .features-page .pc-msg--typing {
  background: var(--gray);
  border-color: var(--gray-2);
  color: var(--ink);
}

html[data-theme="light"] .features-page .ag-tab.is-active {
  background: var(--navy-soft);
  color: #fff;
}

html[data-theme="light"] .features-page .ag-slot.is-filled {
  background: var(--green);
  border-color: transparent;
  box-shadow: 0 1px 0 rgba(20, 28, 80, .04), 0 12px 24px -18px rgba(20, 28, 80, .25);
}

html[data-theme="light"] .features-page .ag-slot.is-filled .ag-slot__name,
html[data-theme="light"] .features-page .ag-slot.is-filled .ag-slot__when,
html[data-theme="light"] .features-page .tg-file.is-visible .tg-file__name,
html[data-theme="light"] .features-page .tg-file.is-visible .tg-file__meta,
html[data-theme="light"] .features-page .tg-file.is-visible .tg-file__fmt {
  color: #fff;
}

html[data-theme="light"] .features-page .ag-slot.is-filled .ag-slot__check {
  background: rgba(255, 255, 255, .28);
}

html[data-theme="light"] .features-page .ag-bar__fill,
html[data-theme="light"] .features-page .ph-progress__fill {
  background: var(--pop-mint-d);
}

html[data-theme="light"] .features-page .ph-progress__fill.is-full {
  background: var(--pop-lime-d);
}

html[data-theme="light"] .features-page .ph-card .ph-yes,
html[data-theme="light"] .features-page .ph-card .ph-no {
  background: #D9D9D9;
}

html[data-theme="light"] .features-page .ph-yes.is-active,
html[data-theme="light"] .features-page .ag-toast__check,
html[data-theme="light"] .features-page .tg-toast__check,
html[data-theme="light"] .features-page .ph-success__check {
  background: var(--check-green);
  color: #fff;
}

html[data-theme="light"] .features-page .ph-no.is-active,
html[data-theme="light"] .features-page .tg-step.is-active .tg-step__node {
  background: var(--accent);
  color: #fff;
}

html[data-theme="light"] .features-page .tg-step.is-active .tg-step__node {
  box-shadow: 0 0 0 6px rgba(45, 58, 140, .16);
}

html[data-theme="light"] .features-page .tg-step.is-done .tg-step__node,
html[data-theme="light"] .features-page .tg-step.is-done::after,
html[data-theme="light"] .features-page .pc-upload__check,
html[data-theme="light"] .features-page .pc-act__check,
html[data-theme="light"] .features-page .pc-appt__cta-check {
  background: var(--pop-lime-d);
}

html[data-theme="light"] .features-page .tg-head__pill.is-complete,
html[data-theme="light"] .features-page .pc-chip--active,
html[data-theme="light"] .features-page .pc-upload__fill.is-done {
  background: var(--pop-lime);
}

html[data-theme="light"] .features-page .tg-proc__fill,
html[data-theme="light"] .features-page .tg-file.is-visible,
html[data-theme="light"] .features-page .pc-upload,
html[data-theme="light"] .features-page .pc-slot.is-selected,
html[data-theme="light"] .features-page .pc-appt__cta,
html[data-theme="light"] .features-page .pc-msg--user {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

html[data-theme="light"] .features-page .pc-upload__ico {
  background: rgba(255, 255, 255, .14);
}

html[data-theme="light"] .features-page .pc-upload__track {
  background: rgba(255, 255, 255, .18);
}

html[data-theme="light"] .features-page .pc-upload__fill {
  background: #fff;
}

html[data-theme="light"] .features-page .pc-appt__cta.is-confirmed {
  background: #fff;
  border-color: var(--pop-lime-d);
  color: var(--pop-lime-d);
}

html[data-theme="light"] .features-page .pc-appt__date {
  background: var(--pop-lime);
}

html[data-theme="light"] .features-page .pc-files__ico,
html[data-theme="light"] .features-page .ph-profile__avatar,
html[data-theme="light"] .features-page .ph-tile__ico {
  background: var(--pop-mint);
}

html[data-theme="light"] .features-page .ag-toast__name,
html[data-theme="light"] .features-page .tg-shell__title,
html[data-theme="light"] .features-page .tg-toast__title,
html[data-theme="light"] .features-page .ph-success__h,
html[data-theme="light"] .features-page .pc-appt__m,
html[data-theme="light"] .features-page .pc-appt__d,
html[data-theme="light"] .features-page .pc-appt__t,
html[data-theme="light"] .features-page .pc-files li,
html[data-theme="light"] .features-page .pc-slot,
html[data-theme="light"] .features-page .pc-chip,
html[data-theme="light"] .features-page .pc-act__lbl {
  color: var(--navy);
}

html[data-theme="light"] .features-page .ag-toast__ts,
html[data-theme="light"] .features-page .ag-toast__when,
html[data-theme="light"] .features-page .tg-toast__ts,
html[data-theme="light"] .features-page .ph-success__sub,
html[data-theme="light"] .features-page .ph-profile__foot,
html[data-theme="light"] .features-page .pc-appt__lbl {
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page .fx-cap {
  background: #0E2233;
  border-color: transparent;
  color: #fff;
}

html[data-theme="light"] .features-page .fx-cap__title {
  color: #fff;
}

html[data-theme="light"] .features-page .fx-cap__text {
  color: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-cap__link {
  background: #DDFCB6;
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-cap__pill {
  border-color: rgba(255, 255, 255, .16);
  color: #C9D4E8;
}

html[data-theme="light"] .features-page .fx-cap__dot {
  background: #DDFCB6;
}

html[data-theme="light"] .features-page .fx-notif__item {
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-notif__item--a {
  background: #DDFCB6;
}

html[data-theme="light"] .features-page .fx-notif__item--b {
  background: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-notif__bell {
  background: #F15D6F;
  color: #fff;
}

html[data-theme="light"] .features-page .fx-notif__badge,
html[data-theme="light"] .features-page .fx-flow__step--check {
  background: #3ECF8E;
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-flow__step--tooth {
  background: #F15D6F;
  color: #fff;
}

html[data-theme="light"] .features-page .fx-flow__step--list {
  background: #33408A;
  color: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-flow__line {
  background: rgba(218, 226, 252, .32);
}

html[data-theme="light"] .pricing {
  background: #fff;
  color: var(--blue);
}

html[data-theme="light"] .pricing__title,
html[data-theme="light"] .pcard__name,
html[data-theme="light"] .pcard__val,
html[data-theme="light"] .pcard__cur,
html[data-theme="light"] .pcard__list,
html[data-theme="light"] .pcard-enterprise__copy h3,
html[data-theme="light"] .pcard-enterprise__perks li {
  color: var(--blue);
}

html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .pricing__sub,
html[data-theme="light"] .pricing__note,
html[data-theme="light"] .pcard__tag,
html[data-theme="light"] .pcard__per,
html[data-theme="light"] .pcard-enterprise__copy p {
  color: var(--muted);
}

html[data-theme="light"] .bill-toggle,
html[data-theme="light"] .pcard__cta {
  background: var(--grey);
}

html[data-theme="light"] .bill-toggle__slider,
html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise {
  background: #fff;
}

html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise,
html[data-theme="light"] .pcard__cta--outline {
  border-color: var(--line-strong);
}

html[data-theme="light"] .bill-toggle__save,
html[data-theme="light"] .pcard__badge,
html[data-theme="light"] .pcard__list li::before {
  background: var(--coral);
  color: #fff;
}

html[data-theme="light"] .pcard--featured {
  background: var(--cta);
  border-color: transparent;
  box-shadow: 0 16px 56px rgba(0, 0, 0, .12);
}

html[data-theme="light"] .pcard--featured .pcard__name,
html[data-theme="light"] .pcard--featured .pcard__val {
  color: #fff;
}

html[data-theme="light"] .pcard--featured .pcard__tag,
html[data-theme="light"] .pcard--featured .pcard__cur {
  color: rgba(255, 255, 255, .6);
}

html[data-theme="light"] .pcard--featured .pcard__per {
  color: rgba(255, 255, 255, .5);
}

html[data-theme="light"] .pcard--featured .pcard__list {
  color: rgba(255, 255, 255, .9);
}

html[data-theme="light"] .pcard--featured .pcard__list li::before {
  background: var(--pop-blue);
}

html[data-theme="light"] .pcard__cta--primary {
  background: #fff;
  color: var(--cta);
}

html[data-theme="light"] .cta-section {
  background: var(--blue);
  color: #fff;
}

html[data-theme="light"] .cta-section__eyebrow,
html[data-theme="light"] .cta-section__sub,
html[data-theme="light"] .cta-section__perks li {
  color: rgba(255, 255, 255, .5);
}

html[data-theme="light"] .cta-btn--primary {
  background: #fff;
  border-color: #fff;
  color: var(--blue);
}

html[data-theme="light"] .cta-btn--ghost {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
}

html[data-theme="light"] .cta-section__perks li::before {
  background: var(--pop-blue);
}

html[data-theme="light"] .site-footer {
  background: #0e1e5a;
  border-top-color: rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .6);
}

html[data-theme="light"] .site-footer__field input,
html[data-theme="light"] .site-footer__socials a {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #fff;
}

html[data-theme="light"] .site-footer__field input::placeholder,
html[data-theme="light"] .site-footer__disclaimer {
  color: rgba(255, 255, 255, .32);
}

html[data-theme="light"] .site-footer__col a,
html[data-theme="light"] .site-footer__col span {
  color: rgba(255, 255, 255, .5);
}

html[data-theme="light"] .site-footer__bottom {
  border-top-color: rgba(255, 255, 255, .07);
}

html[data-theme="light"] .site-footer__logo img {
  filter: brightness(0) invert(1);
  opacity: .6;
}

/* V3 light-mode parity. Final cascade maps v3 color styling onto v2 markup. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #23388B;
  --accent: #2742AB;
  --white: #FFFFFF;
  --coral: #F15D6F;
  --teal: #C4EDE9;
  --pop-purple: #F8D6EF;
  --pop-blue: #DDFCB6;
  --pop-panel: #F2F2F7;
  --green: #3ECF8E;
  --coral-soft: rgba(241, 93, 111, .12);
  --line: rgba(35, 56, 139, .1);
  --line-strong: rgba(35, 56, 139, .18);
  --muted: rgba(35, 56, 139, .5);
  --blue: var(--bg);
  --cta: var(--accent);
  --grey: var(--pop-panel);
  --success: #159969;
  --success-soft: rgba(21, 153, 105, .12);
  --inverse-text: var(--white);
  --coral-light: #d94458;
  --text: var(--bg);
  --text-rgb: 35, 56, 139;
  --text-soft: rgba(35, 56, 139, .5);
}

html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--bg);
  background-image: none;
  color: var(--blue);
}

html[data-theme="light"] .skip-link,
html[data-theme="light"] .ssh,
html[data-theme="light"] .ssh__panel {
  background: #fff;
  color: var(--blue);
}

html[data-theme="light"] .ssh {
  border-color: var(--line);
  box-shadow: 0 4px 40px rgba(35, 56, 139, .12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .ssh__menu {
  background: var(--grey);
  border-color: rgba(35, 56, 139, .08);
  color: var(--blue);
}

html[data-theme="light"] .ssh__menu:hover {
  background: #e8e8ef;
  border-color: rgba(35, 56, 139, .15);
}

html[data-theme="light"] .ssh__cta,
html[data-theme="light"] .ssh__panel-cta {
  background: var(--cta);
  color: #fff;
}

html[data-theme="light"] .ssh__cta::before {
  background: #2950cc;
}

html[data-theme="light"] .ssh__brand-img {
  filter: none;
  opacity: 1;
}

html[data-theme="light"] .ssh__panel-title,
html[data-theme="light"] .ssh__links a,
html[data-theme="light"] .ssh__contact a,
html[data-theme="light"] .ssh__contact span {
  color: var(--blue);
}

html[data-theme="light"] .ssh__panel-label,
html[data-theme="light"] .ssh__foot {
  color: var(--muted);
}

html[data-theme="light"] .ssh__links a,
html[data-theme="light"] .ssh__panel-card,
html[data-theme="light"] .ssh__foot {
  border-color: var(--line);
}

html[data-theme="light"] .home-hero {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 90% 80% at 62% 42%, transparent 15%, var(--bg) 68%),
    linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-size: 100% 100%, 72px 72px, 72px 72px;
}

html[data-theme="light"] .home-hero::before {
  display: block;
  background-image:
    linear-gradient(rgba(255, 255, 255, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .11) 1px, transparent 1px);
  background-size: 72px 72px;
}

html[data-theme="light"] .kicker-pill {
  background: var(--accent);
  color: #fff;
}

html[data-theme="light"] .home-title {
  color: #fff;
}

html[data-theme="light"] .home-lead {
  color: rgba(255, 255, 255, .7);
}

html[data-theme="light"] .hl,
html[data-theme="light"] .hl--lime,
html[data-theme="light"] .hl--pink {
  color: var(--bg);
}

html[data-theme="light"] .hl--lime {
  background: var(--pop-blue);
}

html[data-theme="light"] .hl--pink {
  background: var(--pop-purple);
}

html[data-theme="light"] .hl--coral {
  background: var(--coral);
  color: #fff;
}

html[data-theme="light"] .home-primary {
  background: #fff;
  color: var(--blue);
}

html[data-theme="light"] .home-primary::before {
  background: #dce5f5;
}

html[data-theme="light"] .home-secondary {
  border-color: rgba(255, 255, 255, .28);
  color: #fff;
}

html[data-theme="light"] .hero-stage .ui-c:not(.c-cal) {
  background: var(--accent);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 8px 28px rgba(20, 38, 110, .35);
  --text: #fff;
  --text-rgb: 255, 255, 255;
  --muted: rgba(255, 255, 255, .6);
  --line: rgba(255, 255, 255, .15);
  --overlay: rgba(255, 255, 255, .1);
  --overlay-strong: rgba(255, 255, 255, .2);
  --coral: #F15D6F;
  --inverse-text: #fff;
}

html[data-theme="light"] .c-cal {
  background: #fff;
  border-color: rgba(35, 56, 139, .1);
  box-shadow: 0 28px 80px rgba(20, 38, 110, .22);
  --text: var(--bg);
  --text-rgb: 35, 56, 139;
  --muted: rgba(35, 56, 139, .5);
  --line: rgba(35, 56, 139, .1);
  --overlay: rgba(35, 56, 139, .06);
  --overlay-strong: rgba(35, 56, 139, .12);
  --coral: #F15D6F;
  --inverse-text: #fff;
}

html[data-theme="light"] .feature-marquee {
  background: var(--accent);
}

html[data-theme="light"] .feature-marquee__track span {
  color: rgba(255, 255, 255, .9);
}

html[data-theme="light"] .feature-marquee__track i {
  background: var(--coral);
}

html[data-theme="light"] .pills-section,
html[data-theme="light"] .scroll-cover {
  background: #112C41;
  color: #fff;
}

html[data-theme="light"] .pills-section__title,
html[data-theme="light"] .scroll-cover h2 {
  color: #fff;
}

html[data-theme="light"] .scroll-reveal-text,
html[data-theme="light"] .reveal-line {
  color: rgba(255, 255, 255, .28);
}

html[data-theme="light"] .reveal-line {
  background: linear-gradient(90deg, #fff 0%, #fff var(--reveal), rgba(255, 255, 255, .28) var(--reveal), rgba(255, 255, 255, .28) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="light"] body.features-page,
html[data-theme="light"] .features-page {
  --navy: var(--bg);
  --navy-deep: #0e1e5a;
  --navy-soft: #3E45CF;
  --paper: var(--white);
  --gray: var(--pop-panel);
  --gray-2: #ECEEF1;
  --gray-3: #DEE1E7;
  --accent: #F26B6B;
  --accent-soft: #FBDDDD;
  --accent-deep: #DB4F4F;
  --pop-pink: var(--pop-purple);
  --pop-pink-d: #C5559A;
  --pop-lime: var(--pop-blue);
  --pop-lime-d: #6FA82A;
  --pop-mint: var(--teal);
  --pop-mint-d: #3E8C82;
  --ink: #1A1F3D;
  --ink-soft: #5B6390;
  --ink-mute: #9CA1C2;
  --hairline: #E5E6EA;
  --slot-empty: var(--pop-panel);
  --check-green: var(--green);
  background: #112C41;
  color: var(--ink);
}

html[data-theme="light"] .features-page__bg-shift {
  display: block;
  background: #B1DEDB;
}

html[data-theme="light"] .features-page .fx-rows-section {
  background: transparent;
}

html[data-theme="light"] .features-page .fx-row {
  background: #F3F6FF;
  border-color: transparent;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .18);
  color: var(--ink);
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row {
  background: #F3F6FF;
  border-color: transparent;
  box-shadow: 0 18px 44px rgba(17, 44, 65, .14);
}

html[data-theme="light"] .features-page .fx-item__title {
  color: #23388B;
}

html[data-theme="light"] .features-page .fx-row__copy .fx-lede {
  color: var(--ink-soft);
}

html[data-theme="light"] .features-page .fx-row__copy .fx-bullets li {
  color: #23388B;
}

html[data-theme="light"] .features-page .fx-row__copy .fx-bullets li::before {
  background: #23388B;
}

html[data-theme="light"] .features-page .fx-row__illu .illu-frame {
  background: #fff;
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .features-page .fx-row__illu .ld-card {
  box-shadow: none;
}

html[data-theme="light"] .features-page .fx-row__illu .illu-frame--pi {
  background: transparent;
}

html[data-theme="light"] .features-page .fx-row__illu .illu-frame--pi .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card.is-phone {
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .features-page .ld-card,
html[data-theme="light"] .features-page .ag-card,
html[data-theme="light"] .features-page .ph-card,
html[data-theme="light"] .features-page .pi-card,
html[data-theme="light"] .features-page .tg-card,
html[data-theme="light"] .features-page .pc-card,
html[data-theme="light"] .features-page .ph-success,
html[data-theme="light"] .features-page .ph-profile,
html[data-theme="light"] .features-page .tg-shell,
html[data-theme="light"] .features-page .ag-toast,
html[data-theme="light"] .features-page .tg-toast {
  background: #fff;
  color: var(--ink);
}

html[data-theme="light"] .features-page .ld-card,
html[data-theme="light"] .features-page .ag-card,
html[data-theme="light"] .features-page .ph-card,
html[data-theme="light"] .features-page .tg-card,
html[data-theme="light"] .features-page .pc-card,
html[data-theme="light"] .features-page .tg-shell,
html[data-theme="light"] .features-page .ag-toast,
html[data-theme="light"] .features-page .tg-toast,
html[data-theme="light"] .features-page .ph-success,
html[data-theme="light"] .features-page .ph-profile,
html[data-theme="light"] .features-page .pc-screen {
  border-color: var(--gray-2);
}

html[data-theme="light"] .features-page .ag-tab,
html[data-theme="light"] .features-page .ag-slot,
html[data-theme="light"] .features-page .ag-stats,
html[data-theme="light"] .features-page .ag-stats__num,
html[data-theme="light"] .features-page .ph-progress,
html[data-theme="light"] .features-page .ph-bar,
html[data-theme="light"] .features-page .ph-yes,
html[data-theme="light"] .features-page .ph-no,
html[data-theme="light"] .features-page .tg-head__pill,
html[data-theme="light"] .features-page .tg-step__node,
html[data-theme="light"] .features-page .tg-list-row,
html[data-theme="light"] .features-page .tg-plan__row,
html[data-theme="light"] .features-page .tg-file,
html[data-theme="light"] .features-page .tg-med,
html[data-theme="light"] .features-page .tg-proc__track,
html[data-theme="light"] .features-page .pc-tile,
html[data-theme="light"] .features-page .pc-files li,
html[data-theme="light"] .features-page .pc-slot,
html[data-theme="light"] .features-page .pc-chip,
html[data-theme="light"] .features-page .pc-act,
html[data-theme="light"] .features-page .pc-section-lbl,
html[data-theme="light"] .features-page .pc-msg--typing {
  background: var(--gray);
  border-color: var(--gray-2);
  color: var(--ink);
}

html[data-theme="light"] .features-page .ag-tab.is-active {
  background: var(--navy-soft);
  color: #fff;
}

html[data-theme="light"] .features-page .ag-slot.is-filled {
  background: var(--green);
  border-color: transparent;
  box-shadow: 0 1px 0 rgba(20, 28, 80, .04), 0 12px 24px -18px rgba(20, 28, 80, .25);
}

html[data-theme="light"] .features-page .ag-slot.is-filled .ag-slot__name,
html[data-theme="light"] .features-page .ag-slot.is-filled .ag-slot__when,
html[data-theme="light"] .features-page .tg-file.is-visible .tg-file__name,
html[data-theme="light"] .features-page .tg-file.is-visible .tg-file__meta,
html[data-theme="light"] .features-page .tg-file.is-visible .tg-file__fmt {
  color: #fff;
}

html[data-theme="light"] .features-page .ag-slot.is-filled .ag-slot__check {
  background: rgba(255, 255, 255, .28);
}

html[data-theme="light"] .features-page .ag-bar__fill,
html[data-theme="light"] .features-page .ph-progress__fill {
  background: var(--pop-mint-d);
}

html[data-theme="light"] .features-page .ph-progress__fill.is-full {
  background: var(--pop-lime-d);
}

html[data-theme="light"] .features-page .ph-card .ph-yes,
html[data-theme="light"] .features-page .ph-card .ph-no {
  background: #D9D9D9;
}

html[data-theme="light"] .features-page .ph-yes.is-active,
html[data-theme="light"] .features-page .ag-toast__check,
html[data-theme="light"] .features-page .tg-toast__check,
html[data-theme="light"] .features-page .ph-success__check {
  background: var(--check-green);
  color: #fff;
}

html[data-theme="light"] .features-page .ph-no.is-active,
html[data-theme="light"] .features-page .tg-step.is-active .tg-step__node {
  background: var(--accent);
  color: #fff;
}

html[data-theme="light"] .features-page .tg-step.is-active .tg-step__node {
  box-shadow: 0 0 0 6px rgba(45, 58, 140, .16);
}

html[data-theme="light"] .features-page .tg-step.is-done .tg-step__node,
html[data-theme="light"] .features-page .tg-step.is-done::after,
html[data-theme="light"] .features-page .pc-upload__check,
html[data-theme="light"] .features-page .pc-act__check,
html[data-theme="light"] .features-page .pc-appt__cta-check {
  background: var(--pop-lime-d);
}

html[data-theme="light"] .features-page .tg-head__pill.is-complete,
html[data-theme="light"] .features-page .pc-chip--active,
html[data-theme="light"] .features-page .pc-upload__fill.is-done {
  background: var(--pop-lime);
}

html[data-theme="light"] .features-page .tg-proc__fill,
html[data-theme="light"] .features-page .tg-file.is-visible,
html[data-theme="light"] .features-page .pc-upload,
html[data-theme="light"] .features-page .pc-slot.is-selected,
html[data-theme="light"] .features-page .pc-appt__cta,
html[data-theme="light"] .features-page .pc-msg--user {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

html[data-theme="light"] .features-page .pc-upload__ico {
  background: rgba(255, 255, 255, .14);
}

html[data-theme="light"] .features-page .pc-upload__track {
  background: rgba(255, 255, 255, .18);
}

html[data-theme="light"] .features-page .pc-upload__fill {
  background: #fff;
}

html[data-theme="light"] .features-page .pc-appt__cta.is-confirmed {
  background: #fff;
  border-color: var(--pop-lime-d);
  color: var(--pop-lime-d);
}

html[data-theme="light"] .features-page .pc-appt__date {
  background: var(--pop-lime);
}

html[data-theme="light"] .features-page .pc-files__ico,
html[data-theme="light"] .features-page .ph-profile__avatar,
html[data-theme="light"] .features-page .ph-tile__ico {
  background: var(--pop-mint);
}

html[data-theme="light"] .features-page .ag-toast__name,
html[data-theme="light"] .features-page .tg-shell__title,
html[data-theme="light"] .features-page .tg-toast__title,
html[data-theme="light"] .features-page .ph-success__h,
html[data-theme="light"] .features-page .pc-appt__m,
html[data-theme="light"] .features-page .pc-appt__d,
html[data-theme="light"] .features-page .pc-appt__t,
html[data-theme="light"] .features-page .pc-files li,
html[data-theme="light"] .features-page .pc-slot,
html[data-theme="light"] .features-page .pc-chip,
html[data-theme="light"] .features-page .pc-act__lbl {
  color: var(--navy);
}

html[data-theme="light"] .features-page .ag-toast__ts,
html[data-theme="light"] .features-page .ag-toast__when,
html[data-theme="light"] .features-page .tg-toast__ts,
html[data-theme="light"] .features-page .ph-success__sub,
html[data-theme="light"] .features-page .ph-profile__foot,
html[data-theme="light"] .features-page .pc-appt__lbl {
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page .fx-cap {
  background: #0E2233;
  border-color: transparent;
  color: #fff;
}

html[data-theme="light"] .features-page .fx-cap__title {
  color: #fff;
}

html[data-theme="light"] .features-page .fx-cap__text {
  color: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-cap__link {
  background: #DDFCB6;
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-cap__pill {
  border-color: rgba(255, 255, 255, .16);
  color: #C9D4E8;
}

html[data-theme="light"] .features-page .fx-cap__dot {
  background: #DDFCB6;
}

html[data-theme="light"] .features-page .fx-notif__item {
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-notif__item--a {
  background: #DDFCB6;
}

html[data-theme="light"] .features-page .fx-notif__item--b {
  background: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-notif__bell {
  background: #F15D6F;
  color: #fff;
}

html[data-theme="light"] .features-page .fx-notif__badge,
html[data-theme="light"] .features-page .fx-flow__step--check {
  background: #3ECF8E;
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-flow__step--tooth {
  background: #F15D6F;
  color: #fff;
}

html[data-theme="light"] .features-page .fx-flow__step--list {
  background: #33408A;
  color: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-flow__line {
  background: rgba(218, 226, 252, .32);
}

html[data-theme="light"] .pricing {
  background: #fff;
  color: var(--blue);
}

html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .pricing__sub,
html[data-theme="light"] .pricing__note,
html[data-theme="light"] .pcard__tag,
html[data-theme="light"] .pcard__per,
html[data-theme="light"] .pcard-enterprise__copy p {
  color: var(--muted);
}

html[data-theme="light"] .pricing__title,
html[data-theme="light"] .pcard__name,
html[data-theme="light"] .pcard__val,
html[data-theme="light"] .pcard__cur,
html[data-theme="light"] .pcard__list,
html[data-theme="light"] .pcard-enterprise__copy h3,
html[data-theme="light"] .pcard-enterprise__perks li {
  color: var(--blue);
}

html[data-theme="light"] .bill-toggle,
html[data-theme="light"] .pcard__cta {
  background: var(--grey);
}

html[data-theme="light"] .bill-toggle__slider,
html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise {
  background: #fff;
}

html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise,
html[data-theme="light"] .pcard__cta--outline {
  border-color: var(--line-strong);
}

html[data-theme="light"] .bill-toggle__save,
html[data-theme="light"] .pcard__badge,
html[data-theme="light"] .pcard__list li::before {
  background: var(--coral);
  color: #fff;
}

html[data-theme="light"] .pcard--featured {
  background: var(--cta);
  border-color: transparent;
  box-shadow: 0 16px 56px rgba(0, 0, 0, .12);
}

html[data-theme="light"] .pcard--featured .pcard__name,
html[data-theme="light"] .pcard--featured .pcard__val {
  color: #fff;
}

html[data-theme="light"] .pcard--featured .pcard__tag,
html[data-theme="light"] .pcard--featured .pcard__cur {
  color: rgba(255, 255, 255, .6);
}

html[data-theme="light"] .pcard--featured .pcard__per {
  color: rgba(255, 255, 255, .5);
}

html[data-theme="light"] .pcard--featured .pcard__list {
  color: rgba(255, 255, 255, .9);
}

html[data-theme="light"] .pcard--featured .pcard__list li::before {
  background: var(--pop-blue);
}

html[data-theme="light"] .pcard__cta--primary {
  background: #fff;
  color: var(--cta);
}

html[data-theme="light"] .cta-section {
  background: var(--blue);
  color: #fff;
}

html[data-theme="light"] .cta-section__title,
html[data-theme="light"] .cta-section__title .hl {
  color: #fff;
}

html[data-theme="light"] .cta-section__eyebrow,
html[data-theme="light"] .cta-section__sub,
html[data-theme="light"] .cta-section__perks li {
  color: rgba(255, 255, 255, .5);
}

html[data-theme="light"] .cta-btn--primary {
  background: #fff;
  border-color: #fff;
  color: var(--blue);
}

html[data-theme="light"] .cta-btn--ghost {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
}

html[data-theme="light"] .cta-section__perks li::before {
  background: var(--pop-blue);
}

html[data-theme="light"] .site-footer {
  background: #0e1e5a;
  border-top-color: rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .6);
}

html[data-theme="light"] .site-footer__title,
html[data-theme="light"] .site-footer__col h6 {
  color: #fff;
}

html[data-theme="light"] .site-footer__field input,
html[data-theme="light"] .site-footer__socials a {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #fff;
}

html[data-theme="light"] .site-footer__field input::placeholder,
html[data-theme="light"] .site-footer__disclaimer {
  color: rgba(255, 255, 255, .32);
}

html[data-theme="light"] .site-footer__col a,
html[data-theme="light"] .site-footer__col span {
  color: rgba(255, 255, 255, .5);
}

html[data-theme="light"] .site-footer__bottom {
  border-top-color: rgba(255, 255, 255, .07);
}

html[data-theme="light"] .site-footer__logo img {
  filter: brightness(0) invert(1);
  opacity: .6;
}

html[data-theme="light"] .cb-cursor::before {
  background: var(--bg);
}

html[data-theme="light"] .cb-cursor.-visible.-on-dark::before {
  background: #fff;
}

html[data-theme="light"] .cb-cursor.-pointer::before {
  background: var(--coral);
}

html[data-theme="light"] .hero-stage .ui-c:not(.c-cal),
html[data-theme="light"] .c-cal {
  --text: #17204d;
  --text-rgb: 23, 32, 77;
  --muted: rgba(23, 32, 77, .56);
  --line: rgba(35, 56, 139, .11);
  --overlay: rgba(35, 56, 139, .055);
  --overlay-strong: rgba(35, 56, 139, .10);
}
html[data-theme="light"] .hero-stage .ui-c:not(.c-cal) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .70)),
    rgba(255, 255, 255, .88);
  border-color: var(--line);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .88) inset,
    0 16px 42px rgba(35, 56, 139, .14);
}
html[data-theme="light"] .c-cal {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .76)),
    rgba(255, 255, 255, .92);
  border-color: var(--line);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .9) inset,
    0 28px 74px rgba(35, 56, 139, .15);
}
html[data-theme="light"] .cal-wk span,
html[data-theme="light"] .cal-d,
html[data-theme="light"] .cal-month-label,
html[data-theme="light"] .appt-name,
html[data-theme="light"] .pt-name,
html[data-theme="light"] .notif-title,
html[data-theme="light"] .reminder-text,
html[data-theme="light"] .stats-val {
  color: var(--text);
}
html[data-theme="light"] .cal-d.muted,
html[data-theme="light"] .cal-days .cal-d:nth-child(7n+6):not(.today),
html[data-theme="light"] .cal-days .cal-d:nth-child(7n):not(.today),
html[data-theme="light"] .appt-t,
html[data-theme="light"] .appt-proc,
html[data-theme="light"] .pt-sub,
html[data-theme="light"] .notif-sub,
html[data-theme="light"] .notif-ts,
html[data-theme="light"] .reminder-sub,
html[data-theme="light"] .stats-lbl {
  color: var(--muted);
}
html[data-theme="light"] .cal-appt {
  background: rgba(35, 56, 139, .035);
  border-left-color: var(--coral);
}
html[data-theme="light"] .pt-av,
html[data-theme="light"] .appt-av {
  background: #f8d6ef;
  color: #7a1f50;
}
html[data-theme="light"] .appt-av.av2 {
  background: #c4ede9;
  color: #0d4a45;
}
html[data-theme="light"] .appt-av.av3 {
  background: #ddfcb6;
  color: #2a4810;
}
html[data-theme="light"] .pt-chip {
  background: rgba(21, 153, 105, .10);
  border-color: rgba(21, 153, 105, .22);
  color: #0c7a50;
}
html[data-theme="light"] .notif-ico.green {
  background: rgba(21, 153, 105, .12);
  color: #159969;
}
html[data-theme="light"] .notif-ico.lime {
  background: rgba(255, 206, 94, .32);
  color: #92690a;
}
html[data-theme="light"] .reminder-dot {
  background: var(--success);
  box-shadow: 0 0 0 3px var(--success-soft);
}

html[data-theme="light"] .features-page {
  --navy: var(--text);
  --navy-deep: #17204d;
  --navy-soft: #4253a5;
  --paper: #ffffff;
  --gray: rgba(35, 56, 139, .055);
  --gray-2: rgba(35, 56, 139, .09);
  --gray-3: rgba(35, 56, 139, .16);
  --accent: var(--coral);
  --accent-soft: var(--coral-soft);
  --accent-deep: var(--coral-light);
  --pop-pink: #fde8ea;
  --pop-pink-d: #c0334a;
  --pop-lime: #d0f5e6;
  --pop-lime-d: #0c7a50;
  --pop-mint: #d6f0ff;
  --pop-mint-d: #0a6a9c;
  --ink: var(--text);
  --ink-soft: var(--text-soft);
  --ink-mute: var(--muted);
  --hairline: var(--line);
  --slot-empty: rgba(35, 56, 139, .055);
  --check-green: var(--success);
  background: transparent;
  color: var(--text);
}
html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page .fx-cap {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .82)),
    #fff;
  border-color: var(--line);
  box-shadow: 0 18px 44px rgba(35, 56, 139, .10);
}
html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(246, 248, 253, .88)),
    #fff;
  border-color: var(--line);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .9) inset,
    0 22px 48px rgba(35, 56, 139, .10);
}
html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame--pi {
  background: transparent;
  border: 0;
  box-shadow: none;
}
html[data-theme="light"] .features-page.fx-scrollstory .ag-card,
html[data-theme="light"] .features-page.fx-scrollstory .tg-card,
html[data-theme="light"] .features-page.fx-scrollstory .pc-card,
html[data-theme="light"] .features-page.fx-scrollstory .pi-card {
  --navy: var(--text);
  --navy-deep: #17204d;
  --navy-soft: #4253a5;
  --paper: #fff;
  --gray: rgba(35, 56, 139, .055);
  --gray-2: rgba(35, 56, 139, .09);
  --gray-3: rgba(35, 56, 139, .16);
  --accent: var(--coral);
  --accent-soft: var(--coral-soft);
  --accent-deep: var(--coral-light);
  --pop-pink: #fde8ea;
  --pop-pink-d: #c0334a;
  --pop-lime: #d0f5e6;
  --pop-lime-d: #0c7a50;
  --pop-mint: #d6f0ff;
  --pop-mint-d: #0a6a9c;
  --ink: var(--text);
  --ink-soft: var(--text-soft);
  --ink-mute: var(--muted);
  --hairline: var(--line);
  --slot-empty: rgba(35, 56, 139, .055);
  --check-green: var(--success);
}
html[data-theme="light"] .features-page.fx-scrollstory .ag-card,
html[data-theme="light"] .features-page.fx-scrollstory .tg-card,
html[data-theme="light"] .features-page.fx-scrollstory .pc-card,
html[data-theme="light"] .features-page.fx-scrollstory .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory .ph-success,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile,
html[data-theme="light"] .features-page.fx-scrollstory .tg-shell,
html[data-theme="light"] .ld-card,
html[data-theme="light"] .pi-card,
html[data-theme="light"] .ph-success,
html[data-theme="light"] .ph-profile,
html[data-theme="light"] .tg-shell,
html[data-theme="light"] .ag-toast,
html[data-theme="light"] .tg-toast {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(246, 248, 253, .84)),
    #fff;
  border-color: var(--line);
  color: var(--text);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .92) inset,
    0 20px 46px rgba(35, 56, 139, .10);
}
html[data-theme="light"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card.is-phone {
  border-color: var(--line);
}
html[data-theme="light"] .features-page.fx-scrollstory .pc-tile,
html[data-theme="light"] .features-page.fx-scrollstory .pc-files li,
html[data-theme="light"] .features-page.fx-scrollstory .pc-slot,
html[data-theme="light"] .features-page.fx-scrollstory .pc-chip,
html[data-theme="light"] .features-page.fx-scrollstory .pc-act,
html[data-theme="light"] .features-page.fx-scrollstory .tg-list-row,
html[data-theme="light"] .features-page.fx-scrollstory .tg-plan__row,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file,
html[data-theme="light"] .features-page.fx-scrollstory .ag-tab,
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot,
html[data-theme="light"] .features-page.fx-scrollstory .ag-stats__num,
html[data-theme="light"] .ag-tab,
html[data-theme="light"] .ag-slot,
html[data-theme="light"] .ag-stats__num,
html[data-theme="light"] .ph-sig,
html[data-theme="light"] .pi-vf,
html[data-theme="light"] .tg-list-row,
html[data-theme="light"] .tg-plan__row,
html[data-theme="light"] .tg-file,
html[data-theme="light"] .tg-proc__track,
html[data-theme="light"] .tg-head__pill,
html[data-theme="light"] .pc-tile,
html[data-theme="light"] .pc-files li,
html[data-theme="light"] .pc-slot,
html[data-theme="light"] .pc-chip,
html[data-theme="light"] .pc-act,
html[data-theme="light"] .pc-section-lbl,
html[data-theme="light"] .pc-msg--typing,
html[data-theme="light"] .pc-msg--ai {
  background: rgba(35, 56, 139, .055);
  border-color: var(--line);
  color: var(--text);
}
html[data-theme="light"] .ag-slot__name,
html[data-theme="light"] .ag-toast__name,
html[data-theme="light"] .tg-head__title,
html[data-theme="light"] .tg-shell__title,
html[data-theme="light"] .tg-list-row,
html[data-theme="light"] .tg-plan__proc,
html[data-theme="light"] .tg-toast__title,
html[data-theme="light"] .ph-success__h,
html[data-theme="light"] .ph-profile__name > span:first-child,
html[data-theme="light"] .ph-tile__lbl,
html[data-theme="light"] .tg-done-row__lbl,
html[data-theme="light"] .ag-stats__num > span:first-child,
html[data-theme="light"] .pc-tile__lbl,
html[data-theme="light"] .pc-files li,
html[data-theme="light"] .pc-slot,
html[data-theme="light"] .pc-chip,
html[data-theme="light"] .pc-act__lbl,
html[data-theme="light"] .pc-appt__m,
html[data-theme="light"] .pc-appt__d,
html[data-theme="light"] .pc-appt__t,
html[data-theme="light"] .features-page.fx-scrollstory .fx-item__title,
html[data-theme="light"] .features-page .fx-cap__title,
html[data-theme="light"] .features-page .fx-notif__item,
html[data-theme="light"] .features-page .fx-notif__bell {
  color: var(--text);
}
html[data-theme="light"] .ag-slot__when,
html[data-theme="light"] .ag-toast__ts,
html[data-theme="light"] .ag-toast__when,
html[data-theme="light"] .ag-stats__lbl,
html[data-theme="light"] .ag-bar__lbl,
html[data-theme="light"] .ph-success__sub,
html[data-theme="light"] .ph-profile__name > span:last-child,
html[data-theme="light"] .tg-rx-hdr__from,
html[data-theme="light"] .tg-rx-hdr__ts,
html[data-theme="light"] .tg-toast__ts,
html[data-theme="light"] .tg-step__lbl,
html[data-theme="light"] .pc-appt__lbl,
html[data-theme="light"] .pc-upload__status,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row__copy .fx-bullets li,
html[data-theme="light"] .features-page.fx-scrollstory .fx-lede,
html[data-theme="light"] .features-page .fx-cap__text,
html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx,
html[data-theme="light"] .features-page .fx-rx__item {
  color: var(--text-soft);
}
html[data-theme="light"] .ph-bar,
html[data-theme="light"] .ph-progress,
html[data-theme="light"] .pi-phone__notch,
html[data-theme="light"] .tg-step__node,
html[data-theme="light"] .tg-step::after,
html[data-theme="light"] .pc-upload__track,
html[data-theme="light"] .pc-upload__ico,
html[data-theme="light"] .pc-appt__cta.is-pressed::after,
html[data-theme="light"] .features-page .fx-flow__line {
  background: rgba(35, 56, 139, .10);
}
html[data-theme="light"] .pi-vf__grid {
  filter: none;
  opacity: .72;
}
html[data-theme="light"] .features-page.fx-scrollstory .ag-tab.is-active,
html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-active .tg-step__node,
html[data-theme="light"] .features-page.fx-scrollstory .pc-appt__cta,
html[data-theme="light"] .features-page.fx-scrollstory .pc-msg--user,
html[data-theme="light"] .ag-tab.is-active,
html[data-theme="light"] .tg-step.is-active .tg-step__node {
  background: var(--coral);
  color: #fff;
}
html[data-theme="light"] .pc-upload,
html[data-theme="light"] .pc-slot.is-selected,
html[data-theme="light"] .pc-appt__cta,
html[data-theme="light"] .pc-msg--user {
  background: rgba(35, 56, 139, .075);
  border-color: var(--line-strong);
  color: var(--text);
}
html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx {
  background: rgba(35, 56, 139, .055);
  border-color: var(--line);
}
html[data-theme="light"] .features-page .fx-notif__item {
  border-color: var(--line);
  box-shadow: 0 10px 26px rgba(35, 56, 139, .10);
}
html[data-theme="light"] .features-page .fx-notif__item--a {
  background: #d0f5e6;
}
html[data-theme="light"] .features-page .fx-notif__item--b {
  background: #d6f0ff;
}
html[data-theme="light"] .features-page .fx-flow__step--check {
  background: var(--success);
  color: #fff;
}
html[data-theme="light"] .features-page .fx-flow__step--tooth {
  background: var(--coral);
  color: #fff;
}
html[data-theme="light"] .features-page .fx-flow__step--list {
  background: var(--blue-soft);
  color: var(--blue);
}

/* Matte finish: remove ambient glows/glass layers and quieten shadows in both themes. */
html[data-theme="dark"] body,
html[data-theme="dark"] body.features-page {
  background-image: none;
}
html[data-theme="light"] body,
html[data-theme="light"] body.features-page {
  background-image: none;
}
html[data-theme="dark"] .home-hero,
html[data-theme="light"] .home-hero {
  background-image: none;
}

html[data-theme="dark"] .ssh,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .ui-c,
html[data-theme="dark"] .hero-stage .ui-c:not(.c-cal),
html[data-theme="dark"] .c-cal,
html[data-theme="dark"] .ld-card,
html[data-theme="dark"] .pi-card,
html[data-theme="dark"] .ph-success,
html[data-theme="dark"] .ph-profile,
html[data-theme="dark"] .tg-shell,
html[data-theme="dark"] .ag-toast,
html[data-theme="dark"] .tg-toast,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .pcard-enterprise,
html[data-theme="dark"] .features-page.fx-scrollstory .fx-row,
html[data-theme="dark"] .features-page.fx-scrollstory .fx-row__illu .illu-frame,
html[data-theme="dark"] .features-page.fx-scrollstory .ag-card,
html[data-theme="dark"] .features-page.fx-scrollstory .tg-card,
html[data-theme="dark"] .features-page.fx-scrollstory .pc-card,
html[data-theme="dark"] .features-page.fx-scrollstory .pi-card,
html[data-theme="dark"] .features-page.fx-scrollstory .ph-success,
html[data-theme="dark"] .features-page.fx-scrollstory .ph-profile,
html[data-theme="dark"] .features-page.fx-scrollstory .tg-shell,
html[data-theme="dark"] .features-page .fx-cap {
  background-image: none;
  background-color: var(--surface);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .035) inset,
    0 4px 14px rgba(0, 0, 0, .14);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .ssh,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .ui-c,
html[data-theme="light"] .hero-stage .ui-c:not(.c-cal),
html[data-theme="light"] .c-cal,
html[data-theme="light"] .ld-card,
html[data-theme="light"] .pi-card,
html[data-theme="light"] .ph-success,
html[data-theme="light"] .ph-profile,
html[data-theme="light"] .tg-shell,
html[data-theme="light"] .ag-toast,
html[data-theme="light"] .tg-toast,
html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame,
html[data-theme="light"] .features-page.fx-scrollstory .ag-card,
html[data-theme="light"] .features-page.fx-scrollstory .tg-card,
html[data-theme="light"] .features-page.fx-scrollstory .pc-card,
html[data-theme="light"] .features-page.fx-scrollstory .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory .ph-success,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile,
html[data-theme="light"] .features-page.fx-scrollstory .tg-shell,
html[data-theme="light"] .features-page .fx-cap {
  background-image: none;
  background-color: var(--surface);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .75) inset,
    0 4px 14px rgba(35, 56, 139, .07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="dark"] .pcard--featured,
html[data-theme="light"] .pcard--featured {
  background-image: none;
}
html[data-theme="dark"] .pcard--featured {
  background-color: #1f4561;
}
html[data-theme="light"] .pcard--featured {
  background-color: #263a91;
  box-shadow: 0 6px 16px rgba(35, 56, 139, .10);
}

html[data-theme="dark"] .ssh__menu,
html[data-theme="dark"] .kicker-pill,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .feature-marquee,
html[data-theme="dark"] .home-secondary,
html[data-theme="dark"] .cal-nav-btn,
html[data-theme="dark"] .bill-toggle,
html[data-theme="dark"] .bill-toggle__slider,
html[data-theme="dark"] .pcard__cta,
html[data-theme="dark"] .pcard__cta--outline,
html[data-theme="dark"] .cta-btn--ghost,
html[data-theme="dark"] .site-footer__field input,
html[data-theme="dark"] .site-footer__socials a,
html[data-theme="dark"] .ag-tab,
html[data-theme="dark"] .ag-slot,
html[data-theme="dark"] .ag-stats__num,
html[data-theme="dark"] .ph-sig,
html[data-theme="dark"] .pi-vf,
html[data-theme="dark"] .tg-list-row,
html[data-theme="dark"] .tg-plan__row,
html[data-theme="dark"] .tg-file,
html[data-theme="dark"] .tg-proc__track,
html[data-theme="dark"] .tg-head__pill,
html[data-theme="dark"] .pc-tile,
html[data-theme="dark"] .pc-files li,
html[data-theme="dark"] .pc-slot,
html[data-theme="dark"] .pc-chip,
html[data-theme="dark"] .pc-act,
html[data-theme="dark"] .pc-section-lbl,
html[data-theme="dark"] .pc-msg--typing,
html[data-theme="dark"] .pc-msg--ai,
html[data-theme="dark"] .features-page .fx-cap__pill,
html[data-theme="dark"] .features-page .fx-rx {
  background-image: none;
  background-color: var(--surface-alt);
  box-shadow: none;
}

html[data-theme="light"] .ssh__menu,
html[data-theme="light"] .kicker-pill,
html[data-theme="light"] .chip,
html[data-theme="light"] .feature-marquee,
html[data-theme="light"] .home-secondary,
html[data-theme="light"] .cal-nav-btn,
html[data-theme="light"] .bill-toggle,
html[data-theme="light"] .bill-toggle__slider,
html[data-theme="light"] .pcard__cta,
html[data-theme="light"] .pcard__cta--outline,
html[data-theme="light"] .cta-btn--ghost,
html[data-theme="light"] .site-footer__field input,
html[data-theme="light"] .site-footer__socials a,
html[data-theme="light"] .ag-tab,
html[data-theme="light"] .ag-slot,
html[data-theme="light"] .ag-stats__num,
html[data-theme="light"] .ph-sig,
html[data-theme="light"] .pi-vf,
html[data-theme="light"] .tg-list-row,
html[data-theme="light"] .tg-plan__row,
html[data-theme="light"] .tg-file,
html[data-theme="light"] .tg-proc__track,
html[data-theme="light"] .tg-head__pill,
html[data-theme="light"] .pc-tile,
html[data-theme="light"] .pc-files li,
html[data-theme="light"] .pc-slot,
html[data-theme="light"] .pc-chip,
html[data-theme="light"] .pc-act,
html[data-theme="light"] .pc-section-lbl,
html[data-theme="light"] .pc-msg--typing,
html[data-theme="light"] .pc-msg--ai,
html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx {
  background-image: none;
  background-color: var(--surface-alt);
  box-shadow: none;
}

html[data-theme="dark"] .pc-tile.is-pressed,
html[data-theme="light"] .pc-tile.is-pressed,
html[data-theme="dark"] .features-page .fx-notif__item,
html[data-theme="light"] .features-page .fx-notif__item {
  box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}
html[data-theme="light"] .features-page .fx-notif__item {
  box-shadow: 0 6px 16px rgba(35, 56, 139, .07);
}

html[data-theme="dark"] .feature-marquee,
html[data-theme="light"] .feature-marquee {
  border-block-color: var(--line);
}
html[data-theme="dark"] .ph-bar,
html[data-theme="dark"] .ph-progress,
html[data-theme="dark"] .pi-phone__notch,
html[data-theme="dark"] .tg-step__node,
html[data-theme="dark"] .tg-step::after,
html[data-theme="dark"] .pc-upload__track,
html[data-theme="light"] .ph-bar,
html[data-theme="light"] .ph-progress,
html[data-theme="light"] .pi-phone__notch,
html[data-theme="light"] .tg-step__node,
html[data-theme="light"] .tg-step::after,
html[data-theme="light"] .pc-upload__track {
  box-shadow: none;
}

/* Softer surface ladder: keep sections close to the header gray, with less jump. */
html[data-theme="dark"] {
  --bg: #112C41;
  --surface: #17374f;
  --surface-alt: #1d405a;
  --line: rgba(236, 245, 251, .09);
  --line-strong: rgba(236, 245, 251, .15);
  --overlay: rgba(236, 245, 251, .055);
  --overlay-strong: rgba(236, 245, 251, .095);
  --overlay-soft: rgba(236, 245, 251, .035);
  --text: #ecf5fb;
  --text-rgb: 236, 245, 251;
  --text-soft: rgba(236, 245, 251, .70);
  --muted: rgba(236, 245, 251, .52);
  --muted-rgb: 236, 245, 251;
  --shadow: rgba(0, 0, 0, .18);
  --shadow-strong: rgba(0, 0, 0, .28);
}
html[data-theme="light"] {
  --bg: #f3f4f8;
  --surface: #f8f9fc;
  --surface-alt: #eef0f5;
  --line: rgba(35, 56, 139, .085);
  --line-strong: rgba(35, 56, 139, .14);
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.features-page {
  background-color: var(--bg);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .028), transparent 34%),
    radial-gradient(ellipse 72% 42% at 50% -12%, rgba(106, 163, 255, .07), transparent 72%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .modules,
html[data-theme="dark"] .pricing,
html[data-theme="dark"] .cta-section,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .features-page {
  background-color: var(--bg);
}
html[data-theme="light"] body,
html[data-theme="light"] body.features-page {
  background-color: var(--bg);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0) 36%),
    radial-gradient(ellipse 72% 42% at 50% -12%, rgba(35, 56, 139, .045), transparent 72%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}
html[data-theme="light"] .home-hero,
html[data-theme="light"] .modules,
html[data-theme="light"] .pricing,
html[data-theme="light"] .cta-section,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .features-page {
  background-color: var(--bg);
}

html[data-theme="dark"] .home-hero {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 52%),
    radial-gradient(ellipse 78% 46% at 64% 18%, rgba(106, 163, 255, .08), transparent 74%),
    linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 72px 72px, 72px 72px;
}
html[data-theme="light"] .home-hero {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 58%),
    radial-gradient(ellipse 78% 46% at 64% 18%, rgba(106, 163, 255, .085), transparent 74%);
}

html[data-theme="light"] .home-hero {
  background-color: #112C41;
}
html[data-theme="light"] .home-hero .home-title {
  color: #fff;
}
html[data-theme="light"] .home-hero .home-lead {
  color: rgba(255, 255, 255, .72);
}
html[data-theme="light"] .home-hero .kicker-pill {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
  color: rgba(255, 255, 255, .74);
}
html[data-theme="light"] .home-hero .home-secondary {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
}
html[data-theme="light"] .home-hero .home-secondary::before {
  background: #fff;
}
html[data-theme="light"] .home-hero .home-secondary.animating .btn-label > span,
html[data-theme="light"] .home-hero .home-secondary.animating .btn-label::after,
html[data-theme="light"] .home-hero .home-secondary.animating .home-secondary__icon {
  color: #112C41;
}
html[data-theme="light"] .home-hero .home-primary {
  background: #fff;
  border-color: #fff;
  color: #112C41;
}
html[data-theme="light"] .home-hero .home-primary::before {
  background: #dce5f5;
}

html[data-theme="light"] .home-hero .hero-stage .ui-c:not(.c-cal),
html[data-theme="light"] .home-hero .c-cal {
  --text: #ecf5fb;
  --text-rgb: 236, 245, 251;
  --muted: rgba(236, 245, 251, .58);
  --line: rgba(236, 245, 251, .12);
  --overlay: rgba(236, 245, 251, .07);
  --overlay-strong: rgba(236, 245, 251, .12);
  background-color: #17374f;
  border-color: rgba(236, 245, 251, .12);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .045) inset,
    0 10px 22px rgba(0, 0, 0, .16);
}
html[data-theme="light"] .home-hero .c-cal {
  background-color: #17374f;
}
html[data-theme="light"] .home-hero .cal-wk span,
html[data-theme="light"] .home-hero .cal-d,
html[data-theme="light"] .home-hero .cal-month-label,
html[data-theme="light"] .home-hero .appt-name,
html[data-theme="light"] .home-hero .pt-name,
html[data-theme="light"] .home-hero .notif-title,
html[data-theme="light"] .home-hero .reminder-text,
html[data-theme="light"] .home-hero .stats-val {
  color: #ecf5fb;
}
html[data-theme="light"] .home-hero .cal-d.muted,
html[data-theme="light"] .home-hero .cal-days .cal-d:nth-child(7n+6):not(.today),
html[data-theme="light"] .home-hero .cal-days .cal-d:nth-child(7n):not(.today),
html[data-theme="light"] .home-hero .appt-t,
html[data-theme="light"] .home-hero .appt-proc,
html[data-theme="light"] .home-hero .pt-sub,
html[data-theme="light"] .home-hero .notif-sub,
html[data-theme="light"] .home-hero .notif-ts,
html[data-theme="light"] .home-hero .reminder-sub,
html[data-theme="light"] .home-hero .stats-lbl {
  color: rgba(236, 245, 251, .58);
}
html[data-theme="light"] .home-hero .cal-appt {
  background: rgba(236, 245, 251, .055);
  border-left-color: rgba(241, 93, 111, .82);
}
html[data-theme="light"] .home-hero .cal-nav-btn,
html[data-theme="light"] .home-hero .stats-bar-track {
  background: rgba(236, 245, 251, .07);
  border-color: rgba(236, 245, 251, .12);
  color: rgba(236, 245, 251, .58);
}
html[data-theme="light"] .home-hero .pt-av,
html[data-theme="light"] .home-hero .appt-av {
  background: #244b67;
  color: #ecf5fb;
}
html[data-theme="light"] .home-hero .appt-av.av2 {
  background: #1f5f68;
  color: #e9fbf8;
}
html[data-theme="light"] .home-hero .appt-av.av3 {
  background: #3b6245;
  color: #f0ffe8;
}
html[data-theme="light"] .home-hero .pt-chip {
  background: rgba(62, 207, 142, .14);
  border-color: rgba(62, 207, 142, .24);
  color: #82e9b8;
}
html[data-theme="light"] .home-hero .notif-ico.green {
  background: rgba(62, 207, 142, .13);
  color: #82e9b8;
}
html[data-theme="light"] .home-hero .notif-ico.lime {
  background: rgba(255, 206, 94, .14);
  color: #ffdd83;
}
html[data-theme="light"] .home-hero .reminder-dot {
  background: #82e9b8;
  box-shadow: 0 0 0 3px rgba(130, 233, 184, .14);
}

html[data-theme="light"] .feature-marquee {
  background-color: #17374f;
  border-block-color: rgba(236, 245, 251, .10);
}
html[data-theme="light"] .feature-marquee__track span {
  color: rgba(236, 245, 251, .72);
}

html[data-theme="dark"] .ssh,
html[data-theme="dark"] .feature-marquee,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .features-page.fx-scrollstory .fx-row,
html[data-theme="dark"] .features-page .fx-cap,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .pcard-enterprise {
  background-color: var(--surface);
}
html[data-theme="dark"] .feature-marquee {
  border-block-color: rgba(236, 245, 251, .10);
}
html[data-theme="dark"] .feature-marquee__track span {
  color: rgba(236, 245, 251, .72);
}
html[data-theme="light"] .ssh,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page .fx-cap,
html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise {
  background-color: var(--surface);
}

html[data-theme="dark"] .ui-c,
html[data-theme="dark"] .hero-stage .ui-c:not(.c-cal),
html[data-theme="dark"] .c-cal,
html[data-theme="dark"] .ld-card,
html[data-theme="dark"] .pi-card,
html[data-theme="dark"] .ph-success,
html[data-theme="dark"] .ph-profile,
html[data-theme="dark"] .tg-shell,
html[data-theme="dark"] .features-page.fx-scrollstory .fx-row__illu .illu-frame,
html[data-theme="dark"] .features-page.fx-scrollstory .ag-card,
html[data-theme="dark"] .features-page.fx-scrollstory .tg-card,
html[data-theme="dark"] .features-page.fx-scrollstory .pc-card,
html[data-theme="dark"] .features-page.fx-scrollstory .pi-card,
html[data-theme="dark"] .features-page.fx-scrollstory .ph-success,
html[data-theme="dark"] .features-page.fx-scrollstory .ph-profile,
html[data-theme="dark"] .features-page.fx-scrollstory .tg-shell {
  background-color: var(--surface-alt);
}
html[data-theme="light"] .ui-c,
html[data-theme="light"] .ld-card,
html[data-theme="light"] .pi-card,
html[data-theme="light"] .ph-success,
html[data-theme="light"] .ph-profile,
html[data-theme="light"] .tg-shell,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame,
html[data-theme="light"] .features-page.fx-scrollstory .ag-card,
html[data-theme="light"] .features-page.fx-scrollstory .tg-card,
html[data-theme="light"] .features-page.fx-scrollstory .pc-card,
html[data-theme="light"] .features-page.fx-scrollstory .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory .ph-success,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile,
html[data-theme="light"] .features-page.fx-scrollstory .tg-shell {
  background-color: var(--surface-alt);
}

html[data-theme="dark"] .ssh,
html[data-theme="dark"] .feature-marquee,
html[data-theme="dark"] .features-page.fx-scrollstory .fx-row,
html[data-theme="dark"] .features-page .fx-cap,
html[data-theme="light"] .ssh,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page .fx-cap {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .04) inset,
    0 3px 10px rgba(0, 0, 0, .08);
}
html[data-theme="light"] .ssh,
html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page .fx-cap {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .7) inset,
    0 3px 10px rgba(35, 56, 139, .055);
}

@media (max-width: 620px) {
  .theme-toggle {
    width: 48px;
    height: 48px;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
  }
}

/* v3-style scroll bridge and feature background shift. */
.scroll-cover {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  isolation: isolate;
}

.scroll-copy-section {
  position: relative;
  z-index: 1;
  min-height: min(58vh, 640px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(72px, 10vh, 120px) clamp(20px, 5vw, 72px) clamp(88px, 12vh, 140px);
}

.scroll-copy-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  text-align: center;
}

.scroll-reveal-text {
  max-width: 1120px;
  margin: 0 auto;
  font-family: var(--font-sans);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--scroll-reveal-muted);
}

.reveal-line {
  --reveal: 0%;
  display: block;
  color: var(--scroll-reveal-muted);
  background:
    linear-gradient(
      90deg,
      var(--scroll-reveal-active) 0%,
      var(--scroll-reveal-active) var(--reveal),
      var(--scroll-reveal-muted) var(--reveal),
      var(--scroll-reveal-muted) 100%
    );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="dark"] .scroll-cover {
  --scroll-reveal-active: #ecf5fb;
  --scroll-reveal-muted: rgba(236, 245, 251, .28);
  background: var(--bg);
}

html[data-theme="light"] .scroll-cover {
  --scroll-reveal-active: #17204d;
  --scroll-reveal-muted: rgba(23, 32, 77, .26);
  background: #f3f4f8;
}

.features-page__bg-shift {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  will-change: opacity;
}

.features-page > :not(.features-page__bg-shift) {
  position: relative;
  z-index: 1;
}

html[data-theme="light"] .features-page {
  --navy: #23388B;
  --navy-deep: #0E2233;
  --navy-soft: #3E45CF;
  --paper: #fff;
  --gray: #F2F2F7;
  --gray-2: #ECEEF1;
  --gray-3: #DEE1E7;
  --accent: #F26B6B;
  --accent-soft: #FBDDDD;
  --accent-deep: #DB4F4F;
  --pop-pink: #F8D6EF;
  --pop-pink-d: #C5559A;
  --pop-lime: #DDFCB6;
  --pop-lime-d: #6FA82A;
  --pop-mint: #C4EDE9;
  --pop-mint-d: #3E8C82;
  --ink: #1A1F3D;
  --ink-soft: #5B6390;
  --ink-mute: #9CA1C2;
  --hairline: #E5E6EA;
  --slot-empty: #F2F2F7;
  --check-green: #3ECF8E;
  background: #f3f4f8;
  color: var(--ink);
  overflow: hidden;
}

html[data-theme="light"] .features-page__bg-shift {
  background: #fff;
}

html[data-theme="dark"] .features-page__bg-shift {
  display: none;
}

html[data-theme="light"] .features-page .fx-rows-section,
html[data-theme="light"] .features-page .fx-caps,
html[data-theme="light"] .features-page .fx-more-head {
  background: transparent;
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page .fx-row {
  background: #F3F6FF;
  border: 0;
  border-radius: 32px;
  box-shadow: 0 18px 46px rgba(35, 56, 139, .10);
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame,
html[data-theme="light"] .features-page .fx-row__illu .illu-frame {
  background: #fff;
  border: 0;
  border-radius: 32px;
  box-shadow: none;
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-card,
html[data-theme="light"] .features-page.fx-scrollstory .tg-card,
html[data-theme="light"] .features-page.fx-scrollstory .pc-card,
html[data-theme="light"] .features-page.fx-scrollstory .pi-card,
html[data-theme="light"] .features-page .ld-card,
html[data-theme="light"] .features-page .pi-card,
html[data-theme="light"] .features-page .tg-shell,
html[data-theme="light"] .features-page .ph-success,
html[data-theme="light"] .features-page .ph-profile {
  background: #fff;
  border-color: var(--gray-2);
  color: var(--ink);
  box-shadow: none;
}

html[data-theme="light"] .features-page .fx-item__title,
html[data-theme="light"] .features-page .fx-more-head__title {
  color: var(--navy);
}

html[data-theme="light"] .features-page .fx-lede,
html[data-theme="light"] .features-page .fx-bullets li,
html[data-theme="light"] .features-page .fx-more-head__eyebrow {
  color: var(--ink-soft);
}

html[data-theme="light"] .features-page .fx-cap {
  background: #0E2233;
  color: #fff;
  border: 0;
  box-shadow: 0 18px 46px rgba(14, 34, 51, .16);
}

html[data-theme="light"] .features-page .fx-cap__title {
  color: #fff;
}

html[data-theme="light"] .features-page .fx-cap__text {
  color: #DAE2FC;
}

html[data-theme="light"] .features-page .fx-cap__link {
  background: #DDFCB6;
  color: #0E2233;
}

html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx {
  background: transparent;
  border-color: rgba(255, 255, 255, .16);
  color: #C9D4E8;
}

/* v3-style lower sections in light mode. */
html[data-theme="light"] .pricing {
  background: #fff;
  color: #23388B;
  padding: 120px 0 100px;
}

html[data-theme="light"] .pricing__title {
  color: #23388B;
}

html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .pricing__sub,
html[data-theme="light"] .pricing__note {
  color: rgba(35, 56, 139, .55);
}

html[data-theme="light"] .bill-toggle {
  background: #F2F2F7;
  border-color: rgba(35, 56, 139, .08);
  box-shadow: none;
}

html[data-theme="light"] .bill-toggle__btn {
  color: rgba(35, 56, 139, .55);
}

html[data-theme="light"] .bill-toggle__btn.is-active {
  color: #23388B;
}

html[data-theme="light"] .bill-toggle__slider,
html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise {
  background: #fff;
  border-color: rgba(35, 56, 139, .10);
  box-shadow: 0 16px 42px rgba(35, 56, 139, .09);
}

html[data-theme="light"] .pcard--featured {
  background: #2742AB;
  border-color: #2742AB;
  box-shadow: 0 18px 48px rgba(35, 56, 139, .16);
}

html[data-theme="light"] .pcard__tag,
html[data-theme="light"] .pcard__per,
html[data-theme="light"] .pcard__list,
html[data-theme="light"] .pcard-enterprise__copy p {
  color: rgba(35, 56, 139, .56);
}

html[data-theme="light"] .pcard__name,
html[data-theme="light"] .pcard__val,
html[data-theme="light"] .pcard__cur,
html[data-theme="light"] .pcard-enterprise__copy h3,
html[data-theme="light"] .pcard-enterprise__perks li {
  color: #23388B;
}

html[data-theme="light"] .pcard--featured .pcard__tag,
html[data-theme="light"] .pcard--featured .pcard__per,
html[data-theme="light"] .pcard--featured .pcard__list {
  color: rgba(255, 255, 255, .76);
}

html[data-theme="light"] .pcard--featured .pcard__name,
html[data-theme="light"] .pcard--featured .pcard__val,
html[data-theme="light"] .pcard--featured .pcard__cur {
  color: #fff;
}

html[data-theme="light"] .pcard__cta {
  background: #F2F2F7;
  border-color: transparent;
  color: #23388B;
}

html[data-theme="light"] .pcard__cta--primary {
  background: #fff;
  border-color: #fff;
  color: #2742AB;
}

html[data-theme="light"] .pcard__cta--outline {
  background: transparent;
  border-color: rgba(35, 56, 139, .18);
  color: #23388B;
}

html[data-theme="light"] .cta-section {
  background: #23388B;
  color: #fff;
  padding: 120px 0;
}

html[data-theme="light"] .cta-section__title {
  color: #fff;
}

html[data-theme="light"] .cta-section__eyebrow,
html[data-theme="light"] .cta-section__sub,
html[data-theme="light"] .cta-section__perks li {
  color: rgba(255, 255, 255, .62);
}

html[data-theme="light"] .cta-btn--primary {
  background: #fff;
  border-color: #fff;
  color: #23388B;
}

html[data-theme="light"] .cta-btn--ghost {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
}

html[data-theme="light"] .site-footer {
  background: #0E2233;
  color: rgba(255, 255, 255, .56);
  border-top-color: rgba(255, 255, 255, .08);
}

html[data-theme="light"] .site-footer__title,
html[data-theme="light"] .site-footer__col h6 {
  color: #fff;
}

html[data-theme="light"] .site-footer__field input,
html[data-theme="light"] .site-footer__socials a {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #fff;
}

html[data-theme="light"] .site-footer__field input::placeholder,
html[data-theme="light"] .site-footer__col a,
html[data-theme="light"] .site-footer__col span,
html[data-theme="light"] .site-footer__disclaimer {
  color: rgba(255, 255, 255, .56);
}

html[data-theme="light"] .site-footer__bottom {
  border-top-color: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card.is-phone {
  background: transparent;
  border-color: rgba(236, 245, 251, .14);
  box-shadow: none;
}

html[data-theme="dark"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="dark"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card.is-phone .pi-phone {
  background: #17374f;
  border: 1px solid rgba(236, 245, 251, .12);
  border-radius: inherit;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .04) inset,
    0 10px 24px rgba(0, 0, 0, .12);
}

html[data-theme="dark"] .features-page.fx-scrollstory #qr .fx-row__illu .illu-frame--pi .pi-card:not(.is-phone) {
  background: var(--surface-alt);
}

/* V1-aligned light palette. Keep v2 layout, restore the v1 color language. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #23388B;
  --bg-rgb: 35, 56, 139;
  --blue: #23388B;
  --blue-soft: rgba(35, 56, 139, .09);
  --cta: #2742AB;
  --coral: #F15D6F;
  --coral-light: #d94458;
  --coral-soft: rgba(241, 93, 111, .12);
  --coral-line: rgba(241, 93, 111, .28);
  --success: #159969;
  --success-soft: rgba(21, 153, 105, .12);
  --surface: #FFFFFF;
  --surface-rgb: 255, 255, 255;
  --surface-alt: #F2F2F7;
  --surface-alt-rgb: 242, 242, 247;
  --chrome-bg: #FFFFFF;
  --chrome-line: rgba(35, 56, 139, .10);
  --text: #23388B;
  --text-rgb: 35, 56, 139;
  --text-soft: rgba(35, 56, 139, .50);
  --muted: rgba(35, 56, 139, .50);
  --muted-rgb: 35, 56, 139;
  --line: rgba(35, 56, 139, .10);
  --line-strong: rgba(35, 56, 139, .18);
  --grey: #F2F2F7;
  --highlight: rgba(255, 255, 255, .92);
  --overlay: rgba(35, 56, 139, .06);
  --overlay-strong: rgba(35, 56, 139, .12);
  --overlay-soft: rgba(35, 56, 139, .035);
  --shadow: rgba(35, 56, 139, .12);
  --shadow-strong: rgba(35, 56, 139, .22);
  --pop-purple: #F8D6EF;
  --pop-blue: #DDFCB6;
  --pop-panel: #F2F2F7;
  --teal: #C4EDE9;
  --green: #3ECF8E;
  --inverse-text: #fff;
}

html[data-theme="light"],
html[data-theme="light"] body {
  background-color: var(--bg);
  background-image: none;
  color: var(--text);
}

html[data-theme="light"] .skip-link,
html[data-theme="light"] .ssh,
html[data-theme="light"] .theme-toggle {
  background: #fff;
  border-color: var(--line);
  color: var(--blue);
  box-shadow: 0 4px 40px rgba(35, 56, 139, .12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light"] .ssh__menu,
html[data-theme="light"] .chip,
html[data-theme="light"] .bill-toggle,
html[data-theme="light"] .pcard__cta,
html[data-theme="light"] .pcard__cta--outline {
  background: var(--grey);
  border-color: rgba(35, 56, 139, .08);
  color: var(--blue);
  box-shadow: none;
}

html[data-theme="light"] .ssh__menu:hover,
html[data-theme="light"] .pcard__cta:hover,
html[data-theme="light"] .pcard__cta--outline:hover {
  background: #e8e8ef;
  border-color: rgba(35, 56, 139, .15);
  color: var(--blue);
}

html[data-theme="light"] .ssh__cta,
html[data-theme="light"] .cta-btn--primary,
html[data-theme="light"] .site-footer__submit {
  background: var(--cta);
  border-color: var(--cta);
  color: #fff;
}

html[data-theme="light"] .ssh__cta::before {
  background: #2950cc;
}

html[data-theme="light"] .nav-item__label,
html[data-theme="light"] .aside-card h3 {
  color: var(--blue);
}

html[data-theme="light"] .nav-item__index,
html[data-theme="light"] .aside-eyebrow,
html[data-theme="light"] .aside-card p,
html[data-theme="light"] .ssh__foot {
  color: var(--muted);
}

html[data-theme="light"] .ssh__aside,
html[data-theme="light"] .ssh__foot,
html[data-theme="light"] .chip {
  border-color: var(--line);
}

html[data-theme="light"] .chip.coral {
  color: var(--coral-light);
  border-color: rgba(241, 93, 111, .36);
}

html[data-theme="light"] .home-hero {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 90% 80% at 62% 42%, transparent 15%, var(--bg) 68%),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 100% 100%, 72px 72px, 72px 72px;
}

html[data-theme="light"] .home-hero::before {
  display: block;
  background-image:
    linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(circle 340px at var(--mx) var(--my), black 0%, transparent 100%);
  mask-image: radial-gradient(circle 340px at var(--mx) var(--my), black 0%, transparent 100%);
}

html[data-theme="light"] .home-title,
html[data-theme="light"] .home-hero .home-title {
  color: #fff;
}

html[data-theme="light"] .home-lead,
html[data-theme="light"] .home-hero .home-lead {
  color: rgba(255, 255, 255, .70);
}

html[data-theme="light"] .kicker-pill,
html[data-theme="light"] .home-hero .kicker-pill {
  background: var(--cta);
  border-color: transparent;
  color: #fff;
}

html[data-theme="light"] .home-primary,
html[data-theme="light"] .home-hero .home-primary {
  background: #fff;
  border-color: #fff;
  color: var(--blue);
}

html[data-theme="light"] .home-primary::before,
html[data-theme="light"] .home-hero .home-primary::before {
  background: #dce5f5;
}

html[data-theme="light"] .home-secondary,
html[data-theme="light"] .home-hero .home-secondary {
  background: transparent;
  border-color: rgba(255, 255, 255, .28);
  color: #fff;
}

html[data-theme="light"] .home-secondary::before,
html[data-theme="light"] .home-hero .home-secondary::before {
  background: #fff;
}

html[data-theme="light"] .home-secondary.animating .btn-label > span,
html[data-theme="light"] .home-secondary.animating .btn-label::after,
html[data-theme="light"] .home-secondary.animating .home-secondary__icon {
  color: var(--blue);
}

html[data-theme="light"] .hl,
html[data-theme="light"] .hl--coral,
html[data-theme="light"] .home-title .hl {
  background: var(--coral);
  color: #fff;
}

html[data-theme="light"] .hero-stage .ui-c:not(.c-cal),
html[data-theme="light"] .home-hero .hero-stage .ui-c:not(.c-cal) {
  --text: #fff;
  --text-rgb: 255, 255, 255;
  --muted: rgba(255, 255, 255, .60);
  --line: rgba(255, 255, 255, .15);
  --overlay: rgba(255, 255, 255, .10);
  --overlay-strong: rgba(255, 255, 255, .20);
  background: var(--cta);
  border-color: rgba(255, 255, 255, .14);
  color: #fff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .18) inset,
    0 8px 28px rgba(20, 38, 110, .35);
}

html[data-theme="light"] .c-cal,
html[data-theme="light"] .home-hero .c-cal {
  --text: var(--blue);
  --text-rgb: 35, 56, 139;
  --muted: rgba(35, 56, 139, .50);
  --line: rgba(35, 56, 139, .10);
  --overlay: rgba(35, 56, 139, .06);
  --overlay-strong: rgba(35, 56, 139, .12);
  background: #fff;
  border-color: rgba(35, 56, 139, .10);
  color: var(--blue);
  box-shadow: 0 28px 80px rgba(20, 38, 110, .22);
}

html[data-theme="light"] .cal-month-label,
html[data-theme="light"] .cal-wk span,
html[data-theme="light"] .cal-d,
html[data-theme="light"] .appt-name,
html[data-theme="light"] .pt-name,
html[data-theme="light"] .notif-title,
html[data-theme="light"] .reminder-text,
html[data-theme="light"] .stats-val {
  color: var(--text);
}

html[data-theme="light"] .cal-d.muted,
html[data-theme="light"] .cal-days .cal-d:nth-child(7n+6):not(.today),
html[data-theme="light"] .cal-days .cal-d:nth-child(7n):not(.today),
html[data-theme="light"] .appt-t,
html[data-theme="light"] .appt-proc,
html[data-theme="light"] .pt-sub,
html[data-theme="light"] .notif-sub,
html[data-theme="light"] .notif-ts,
html[data-theme="light"] .reminder-sub,
html[data-theme="light"] .stats-lbl {
  color: var(--muted);
}

html[data-theme="light"] .cal-nav-btn,
html[data-theme="light"] .stats-bar-track {
  background: var(--overlay);
  border-color: var(--line);
  color: var(--muted);
}

html[data-theme="light"] .cal-appt {
  background: transparent;
  border-left: 0;
  border-bottom-color: var(--line);
}

html[data-theme="light"] .pt-av,
html[data-theme="light"] .appt-av {
  background: var(--pop-purple);
  color: #7A1F50;
}

html[data-theme="light"] .appt-av.av2,
html[data-theme="light"] .notif-ico.green {
  background: var(--teal);
  color: #0D4A45;
}

html[data-theme="light"] .appt-av.av3,
html[data-theme="light"] .notif-ico.lime {
  background: var(--pop-blue);
  color: #2A4810;
}

html[data-theme="light"] .pt-chip {
  background: rgba(221, 252, 182, .15);
  border-color: rgba(221, 252, 182, .35);
  color: var(--pop-blue);
}

html[data-theme="light"] .reminder-dot {
  background: var(--pop-blue);
  box-shadow: 0 0 0 3px rgba(221, 252, 182, .20);
}

html[data-theme="light"] .stats-bar-fill,
html[data-theme="light"] .cal-d.today,
html[data-theme="light"] .cal-d.has-dot::after {
  background: var(--coral);
}

html[data-theme="light"] .stats-pct {
  color: var(--coral);
}

html[data-theme="light"] .feature-marquee {
  background: var(--cta);
  border-block-color: transparent;
}

html[data-theme="light"] .feature-marquee__track span {
  color: rgba(255, 255, 255, .90);
}

html[data-theme="light"] .feature-marquee__track i {
  background: var(--coral);
}

html[data-theme="light"] .scroll-cover,
html[data-theme="light"] .features-page,
html[data-theme="light"] .features-page #main,
html[data-theme="light"] .features-page .fx-rows-section,
html[data-theme="light"] .features-page .fx-caps,
html[data-theme="light"] .features-page .fx-more-head {
  background: #fff;
}

html[data-theme="light"] .scroll-cover {
  --scroll-reveal-active: #23388B;
  --scroll-reveal-muted: rgba(35, 56, 139, .26);
}

html[data-theme="light"] .features-page {
  --navy: #1E2A78;
  --navy-deep: #161F5C;
  --navy-soft: #2D3A8C;
  --paper: #FFFFFF;
  --gray: #F4F5F7;
  --gray-2: #ECEEF1;
  --gray-3: #DEE1E7;
  --accent: #F26B6B;
  --accent-soft: #FBDDDD;
  --accent-deep: #DB4F4F;
  --pop-pink: #F8D6EF;
  --pop-pink-d: #C5559A;
  --pop-lime: #DDFCB6;
  --pop-lime-d: #6FA82A;
  --pop-mint: #C4EDE9;
  --pop-mint-d: #3E8C82;
  --ink: #1A1F3D;
  --ink-soft: #5B6390;
  --ink-mute: #9CA1C2;
  --hairline: #E5E6EA;
  --slot-empty: #F2F2F7;
  --check-green: #3ECF8E;
  color: var(--ink);
}

html[data-theme="light"] .features-page__bg-shift {
  background: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row,
html[data-theme="light"] .features-page .fx-row {
  background: #fff;
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame,
html[data-theme="light"] .features-page .fx-row__illu .illu-frame {
  background: #fff;
  border-color: #F3F6FF;
  box-shadow: none;
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .illu-frame--pi,
html[data-theme="light"] .features-page .fx-row__illu .illu-frame--pi {
  background: transparent;
  border-color: transparent;
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-card,
html[data-theme="light"] .features-page.fx-scrollstory .tg-card,
html[data-theme="light"] .features-page.fx-scrollstory .pc-card,
html[data-theme="light"] .features-page.fx-scrollstory .pi-card,
html[data-theme="light"] .features-page.fx-scrollstory .ph-success,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile,
html[data-theme="light"] .features-page.fx-scrollstory .tg-shell,
html[data-theme="light"] .ld-card,
html[data-theme="light"] .pi-card,
html[data-theme="light"] .ph-success,
html[data-theme="light"] .ph-profile,
html[data-theme="light"] .tg-shell,
html[data-theme="light"] .ag-toast,
html[data-theme="light"] .tg-toast {
  background: #fff;
  border-color: var(--gray-2);
  color: var(--ink);
  box-shadow:
    0 1px 0 rgba(20, 28, 80, .04),
    0 20px 40px -22px rgba(20, 28, 80, .22);
}

html[data-theme="light"] .features-page.fx-scrollstory .fx-row__illu .ld-card,
html[data-theme="light"] .features-page .fx-row__illu .ld-card {
  box-shadow: none;
}

html[data-theme="light"] .ag-tab,
html[data-theme="light"] .ag-slot,
html[data-theme="light"] .ag-stats__num,
html[data-theme="light"] .ph-sig,
html[data-theme="light"] .pi-vf,
html[data-theme="light"] .tg-list-row,
html[data-theme="light"] .tg-plan__row,
html[data-theme="light"] .tg-file,
html[data-theme="light"] .tg-proc__track,
html[data-theme="light"] .tg-head__pill,
html[data-theme="light"] .pc-tile,
html[data-theme="light"] .pc-files li,
html[data-theme="light"] .pc-slot,
html[data-theme="light"] .pc-chip,
html[data-theme="light"] .pc-act,
html[data-theme="light"] .pc-section-lbl,
html[data-theme="light"] .pc-msg--typing,
html[data-theme="light"] .pc-msg--ai,
html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx {
  background: var(--gray);
  border-color: var(--gray-2);
  color: var(--ink);
  box-shadow: none;
}

html[data-theme="light"] .ag-slot.is-filled,
html[data-theme="light"] .ph-yes.is-active,
html[data-theme="light"] .ph-progress__fill,
html[data-theme="light"] .ph-success__check,
html[data-theme="light"] .pc-upload__check,
html[data-theme="light"] .pc-upload__fill.is-done {
  background: var(--check-green);
  color: #fff;
}

html[data-theme="light"] .ag-tab.is-active,
html[data-theme="light"] .tg-step.is-active .tg-step__node,
html[data-theme="light"] .pc-upload,
html[data-theme="light"] .pc-slot.is-selected,
html[data-theme="light"] .pc-appt__cta,
html[data-theme="light"] .pc-msg--user {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

html[data-theme="light"] .ag-slot__pin,
html[data-theme="light"] .ag-bar.is-peak .ag-bar__fill,
html[data-theme="light"] .ph-no.is-active,
html[data-theme="light"] .fx-bullets li::before {
  background: var(--accent);
  color: #fff;
}

html[data-theme="light"] .ag-bar__fill,
html[data-theme="light"] .pc-avatar,
html[data-theme="light"] .pc-files__ico {
  background: var(--pop-mint);
}

html[data-theme="light"] .pc-chip--active,
html[data-theme="light"] .pc-appt__date,
html[data-theme="light"] .ph-profile__chip,
html[data-theme="light"] .tg-head__pill.is-complete {
  background: var(--pop-lime);
  color: var(--navy);
}

html[data-theme="light"] .pc-upload__fill.is-done {
  background: var(--pop-lime);
}

html[data-theme="light"] .pc-appt__cta.is-confirmed {
  background: #fff;
  border-color: var(--pop-lime-d);
  color: var(--pop-lime-d);
}

html[data-theme="light"] .ag-slot__name,
html[data-theme="light"] .ag-toast__name,
html[data-theme="light"] .tg-head__title,
html[data-theme="light"] .tg-shell__title,
html[data-theme="light"] .tg-plan__proc,
html[data-theme="light"] .tg-toast__title,
html[data-theme="light"] .ph-success__h,
html[data-theme="light"] .ph-profile__name > span:first-child,
html[data-theme="light"] .ph-tile__lbl,
html[data-theme="light"] .tg-done-row__lbl,
html[data-theme="light"] .ag-stats__num > span:first-child,
html[data-theme="light"] .pc-tile__lbl,
html[data-theme="light"] .pc-files li,
html[data-theme="light"] .pc-slot,
html[data-theme="light"] .pc-chip,
html[data-theme="light"] .pc-act__lbl,
html[data-theme="light"] .pc-appt__m,
html[data-theme="light"] .pc-appt__d,
html[data-theme="light"] .pc-appt__t,
html[data-theme="light"] .features-page .fx-item__title,
html[data-theme="light"] .features-page .fx-more-head__title,
html[data-theme="light"] .features-page .fx-cap__title,
html[data-theme="light"] .features-page .fx-notif__item,
html[data-theme="light"] .features-page .fx-notif__bell {
  color: var(--ink);
}

html[data-theme="light"] .ag-slot__when,
html[data-theme="light"] .ag-toast__ts,
html[data-theme="light"] .ag-toast__when,
html[data-theme="light"] .ag-stats__lbl,
html[data-theme="light"] .ag-bar__lbl,
html[data-theme="light"] .ph-success__sub,
html[data-theme="light"] .ph-profile__name > span:last-child,
html[data-theme="light"] .tg-rx-hdr__from,
html[data-theme="light"] .tg-rx-hdr__ts,
html[data-theme="light"] .tg-toast__ts,
html[data-theme="light"] .tg-step__lbl,
html[data-theme="light"] .pc-appt__lbl,
html[data-theme="light"] .pc-upload__status,
html[data-theme="light"] .features-page .fx-row__copy .fx-bullets li,
html[data-theme="light"] .features-page .fx-lede,
html[data-theme="light"] .features-page .fx-more-head__eyebrow,
html[data-theme="light"] .features-page .fx-cap__text,
html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx,
html[data-theme="light"] .features-page .fx-rx__item {
  color: var(--ink-soft);
}

html[data-theme="light"] .ph-bar,
html[data-theme="light"] .ph-progress,
html[data-theme="light"] .pi-phone__notch,
html[data-theme="light"] .tg-step__node,
html[data-theme="light"] .tg-step::after,
html[data-theme="light"] .pc-upload__track,
html[data-theme="light"] .features-page .fx-flow__line {
  background: var(--gray-2);
}

html[data-theme="light"] .features-page .fx-cap {
  background: #fff;
  border: 1px solid var(--gray-2);
  color: var(--ink);
  box-shadow:
    0 1px 0 rgba(20, 28, 80, .04),
    0 20px 40px -22px rgba(20, 28, 80, .22);
}

html[data-theme="light"] .features-page .fx-cap__link {
  background: var(--pop-lime);
  color: var(--navy);
}

html[data-theme="light"] .features-page .fx-cap__pill,
html[data-theme="light"] .features-page .fx-rx {
  background: var(--gray);
  border-color: var(--gray-2);
}

html[data-theme="light"] .features-page .fx-notif__item--a {
  background: var(--pop-lime);
}

html[data-theme="light"] .features-page .fx-notif__item--b {
  background: var(--pop-mint);
}

html[data-theme="light"] .features-page .fx-flow__step--check {
  background: var(--check-green);
  color: #fff;
}

html[data-theme="light"] .features-page .fx-flow__step--tooth {
  background: var(--accent);
  color: #fff;
}

html[data-theme="light"] .features-page .fx-flow__step--list {
  background: #DDE5FF;
  color: var(--navy);
}

html[data-theme="light"] .pricing {
  background: #fff;
  color: var(--blue);
}

html[data-theme="light"] .pricing__title,
html[data-theme="light"] .pcard__name,
html[data-theme="light"] .pcard__val,
html[data-theme="light"] .pcard__cur,
html[data-theme="light"] .pcard-enterprise__copy h3,
html[data-theme="light"] .pcard-enterprise__perks li {
  color: var(--blue);
}

html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .pricing__sub,
html[data-theme="light"] .pricing__note,
html[data-theme="light"] .pcard__tag,
html[data-theme="light"] .pcard__per,
html[data-theme="light"] .pcard-enterprise__copy p {
  color: var(--muted);
}

html[data-theme="light"] .pcard,
html[data-theme="light"] .pcard-enterprise,
html[data-theme="light"] .bill-toggle__slider {
  background: #fff;
  border-color: var(--line-strong);
  color: var(--blue);
  box-shadow: 0 1px 4px rgba(35, 56, 139, .12);
}

html[data-theme="light"] .pcard--featured {
  background: var(--cta);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 16px 56px rgba(0, 0, 0, .12);
}

html[data-theme="light"] .pcard--featured .pcard__name,
html[data-theme="light"] .pcard--featured .pcard__val {
  color: #fff;
}

html[data-theme="light"] .pcard--featured .pcard__cur {
  color: rgba(255, 255, 255, .85);
}

html[data-theme="light"] .pcard--featured .pcard__tag {
  color: rgba(255, 255, 255, .60);
}

html[data-theme="light"] .pcard--featured .pcard__per {
  color: rgba(255, 255, 255, .50);
}

html[data-theme="light"] .pcard__list {
  color: var(--blue);
}

html[data-theme="light"] .pcard--featured .pcard__list {
  color: rgba(255, 255, 255, .90);
}

html[data-theme="light"] .pcard__list li::before,
html[data-theme="light"] .pcard__badge,
html[data-theme="light"] .bill-toggle__save {
  background: var(--coral);
}

html[data-theme="light"] .pcard--featured .pcard__list li::before {
  background: var(--pop-blue);
}

html[data-theme="light"] .pcard__cta--primary {
  background: #fff;
  border-color: #fff;
  color: var(--cta);
}

html[data-theme="light"] .cta-section {
  background: var(--blue);
  color: #fff;
}

html[data-theme="light"] .cta-section__title,
html[data-theme="light"] .cta-section__title .hl {
  color: #fff;
}

html[data-theme="light"] .cta-section__eyebrow,
html[data-theme="light"] .cta-section__sub,
html[data-theme="light"] .cta-section__perks li {
  color: rgba(255, 255, 255, .60);
}

html[data-theme="light"] .cta-btn--primary {
  background: #fff;
  border-color: #fff;
  color: var(--blue);
}

html[data-theme="light"] .cta-btn--ghost {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
}

html[data-theme="light"] .cta-section__perks li::before {
  background: var(--pop-blue);
}

html[data-theme="light"] .site-footer {
  background: #0e1e5a;
  color: rgba(255, 255, 255, .60);
  border-top-color: rgba(255, 255, 255, .07);
}

html[data-theme="light"] .site-footer__title,
html[data-theme="light"] .site-footer__col h6 {
  color: #fff;
}

html[data-theme="light"] .site-footer__field input,
html[data-theme="light"] .site-footer__socials a {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #fff;
}

html[data-theme="light"] .site-footer__field input::placeholder {
  color: rgba(255, 255, 255, .32);
}

html[data-theme="light"] .site-footer__col a,
html[data-theme="light"] .site-footer__col span {
  color: rgba(255, 255, 255, .50);
}

html[data-theme="light"] .site-footer__disclaimer {
  color: rgba(255, 255, 255, .32);
}

html[data-theme="light"] .site-footer__bottom {
  border-top-color: rgba(255, 255, 255, .07);
}

html[data-theme="light"] .site-footer__logo img {
  filter: brightness(0) invert(1);
  opacity: .6;
}

html[data-theme="light"] .cb-cursor::before {
  background: var(--bg);
}

html[data-theme="light"] .cb-cursor.-visible.-on-dark::before {
  background: #fff;
}

html[data-theme="light"] .cb-cursor.-pointer::before {
  background: var(--coral);
}