/* V3 light-mode parity. Loaded after dark.css so these colors 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__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"] .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"] .cta-section__title,
html[data-theme="light"] .cta-section__title .hl,
html[data-theme="light"] .site-footer__title,
html[data-theme="light"] .site-footer__col h6 {
  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"] .home-secondary {
  border-color: rgba(255, 255, 255, .28);
}

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"] .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-nav-btn {
  background: var(--overlay);
  border-color: var(--line);
  color: var(--muted);
}

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) {
  color: rgba(var(--text-rgb), .26);
}

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

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

html[data-theme="light"] .cal-divider,
html[data-theme="light"] .cal-appt {
  border-color: var(--line);
}

html[data-theme="light"] .cal-divider {
  background: var(--line);
}

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"] .appt-av,
html[data-theme="light"] .pt-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, .2);
}

html[data-theme="light"] .stats-bar-track {
  background: var(--overlay-strong);
}

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

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: var(--gray);
}

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: var(--gray);
}

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

html[data-theme="light"] .features-page .fx-caps,
html[data-theme="light"] .features-page .fx-more-head {
  background: var(--gray);
}

html[data-theme="light"] .features-page .fx-row {
  background: #F3F6FF;
  border: 0;
  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: 0;
  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-more-head__title {
  color: var(--navy);
}

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

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 {
  background: #fff;
  color: var(--ink);
}

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-card {
  border-color: transparent;
  box-shadow: none;
}

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 {
  background: var(--slot-empty);
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page .ag-slot {
  background: var(--slot-empty);
  border-color: transparent;
  box-shadow: none;
}

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__pin {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 6px 14px -6px rgba(242, 107, 107, .6);
}

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-toast {
  background: #fff;
  border-color: var(--gray-2);
  box-shadow: 0 1px 0 rgba(20, 28, 80, .04), 0 18px 40px -16px rgba(20, 28, 80, .32);
}

html[data-theme="light"] .features-page .ag-stats {
  background: transparent;
  border-color: var(--gray-2);
}

html[data-theme="light"] .features-page .ag-stats__num {
  background: var(--gray);
}

html[data-theme="light"] .features-page .ag-stats__num > span:first-child {
  color: var(--navy-soft);
}

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

html[data-theme="light"] .features-page .ag-bar.is-peak .ag-bar__fill {
  background: var(--accent);
}

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

html[data-theme="light"] .features-page .ph-progress,
html[data-theme="light"] .features-page .ph-bar,
html[data-theme="light"] .features-page .tg-step__node {
  background: var(--gray-2);
}

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 {
  background: var(--accent);
}

html[data-theme="light"] .features-page .tg-file.is-visible {
  background: var(--c, var(--accent));
  border-color: transparent;
  color: #fff;
}

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-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--ai {
  background: #fff;
  border-color: var(--gray-2);
  color: var(--navy);
}

html[data-theme="light"] .features-page .pc-section-lbl {
  background: var(--gray);
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page .pc-msg--typing {
  background: var(--gray);
}

html[data-theme="light"] .features-page .pc-msg--typing > i {
  background: var(--ink-mute);
}

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: #fff;
  border: 1px solid var(--gray-2);
  box-shadow: none;
  color: var(--ink);
}

html[data-theme="light"] .features-page .fx-cap:hover {
  border-color: var(--gray-3);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .09);
  transform: translateY(-3px);
}

html[data-theme="light"] .cap-modal__panel {
  background: #0e1e5a;
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 -20px 60px rgba(0, 0, 0, .25);
}

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

html[data-theme="light"] .cap-modal__close {
  background: rgba(255, 255, 255, .15);
  color: #fff;
}

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

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

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

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

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

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

html[data-theme="light"] .features-page .fx-cap__dot {
  background: var(--green);
}

html[data-theme="light"] .features-page .fx-wv__bar,
html[data-theme="light"] .features-page .fx-bars__bar:nth-child(1),
html[data-theme="light"] .features-page .fx-bars__bar:nth-child(4) {
  fill: var(--green);
}

html[data-theme="light"] .features-page .fx-bars__bar:nth-child(2) {
  fill: var(--accent);
}

html[data-theme="light"] .features-page .fx-bars__bar:nth-child(3) {
  fill: var(--pop-lime);
}

html[data-theme="light"] .features-page .fx-notif__item {
  border: 1px solid var(--gray-2);
  color: var(--navy);
  box-shadow: none;
}

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(--gray);
}

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

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

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: var(--navy);
  color: #fff;
}

html[data-theme="light"] .features-page .fx-flow__line {
  background: var(--gray-3);
}

html[data-theme="light"] .features-page .fx-rx__folder {
  color: var(--accent);
}

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

html[data-theme="light"] .features-page .fx-rx__item:nth-child(1) .fx-rx__dot,
html[data-theme="light"] .features-page .fx-rx__item:nth-child(4) .fx-rx__dot {
  background: var(--accent);
}

html[data-theme="light"] .features-page .fx-rx__item:nth-child(2) .fx-rx__dot {
  background: var(--green);
}

html[data-theme="light"] .features-page .fx-rx__item:nth-child(3) .fx-rx__dot {
  background: var(--navy-soft);
}

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;
}

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);
}

/* Calendar parity and readability. Keep after dark.css-derived overrides. */
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, .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;
  background: var(--accent);
  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"] .home-hero .c-cal {
  --text: #23388B;
  --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;
  background: #fff;
  border-color: rgba(35, 56, 139, .1);
  color: var(--text);
  box-shadow: 0 28px 80px rgba(20, 38, 110, .22);
}

html[data-theme="light"] .home-hero .c-cal .cal-month-label,
html[data-theme="light"] .home-hero .c-cal .cal-wk span,
html[data-theme="light"] .home-hero .c-cal .cal-d,
html[data-theme="light"] .home-hero .c-cal .appt-name {
  color: var(--text);
}

html[data-theme="light"] .home-hero .c-cal .cal-d.muted,
html[data-theme="light"] .home-hero .c-cal .cal-days .cal-d:nth-child(7n+6):not(.today),
html[data-theme="light"] .home-hero .c-cal .cal-days .cal-d:nth-child(7n):not(.today) {
  color: rgba(var(--text-rgb), .26);
}

html[data-theme="light"] .home-hero .c-cal .appt-t,
html[data-theme="light"] .home-hero .c-cal .appt-proc,
html[data-theme="light"] .home-hero .c-cal .cal-nav-btn {
  color: var(--muted);
}

html[data-theme="light"] .home-hero .c-cal .cal-nav-btn {
  background: var(--overlay);
  border-color: var(--line);
}

html[data-theme="light"] .home-hero .c-cal .cal-divider {
  background: var(--line);
}

html[data-theme="light"] .home-hero .c-cal .cal-appt {
  border-bottom-color: var(--line);
}

html[data-theme="light"] .home-hero .c-cal .cal-d.today {
  background: var(--coral);
  color: #fff;
}

html[data-theme="light"] .home-hero .c-cal .cal-d.has-dot::after {
  background: var(--coral);
}

html[data-theme="dark"] .home-hero .c-cal .cal-month-label,
html[data-theme="dark"] .home-hero .c-cal .cal-wk span,
html[data-theme="dark"] .home-hero .c-cal .cal-d,
html[data-theme="dark"] .home-hero .c-cal .appt-name {
  color: #F7F8FF;
}

html[data-theme="dark"] .home-hero .c-cal .cal-d.muted,
html[data-theme="dark"] .home-hero .c-cal .cal-days .cal-d:nth-child(7n+6):not(.today),
html[data-theme="dark"] .home-hero .c-cal .cal-days .cal-d:nth-child(7n):not(.today) {
  color: rgba(247, 248, 255, .36);
}

html[data-theme="dark"] .home-hero .c-cal .appt-t,
html[data-theme="dark"] .home-hero .c-cal .appt-proc {
  color: rgba(247, 248, 255, .62);
}

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

html[data-theme="dark"] .home-hero {
  background-color: var(--bg);
  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, .012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .012) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 72px 72px, 72px 72px;
}
/* Quieter spotlight in dark mode (light mode keeps the brighter .11 grid). */
html[data-theme="dark"] .home-hero::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
}

/* Grid spotlight on the hero now runs in both themes — handled in style.css. */

html[data-theme="dark"] .pcard__badge {
  background: var(--coral);
}

html[data-theme="dark"] .pcard--featured .pcard__list li::before {
  width: 9px;
  height: 9px;
  background: url("../Assets/mark-diamond.svg") center / contain no-repeat;
  border-radius: 0;
  transform: none;
}

html[data-theme="dark"] .pcard__list li::before {
  width: 9px;
  height: 9px;
}

html[data-theme="light"] .pcard__list li::before,
html[data-theme="light"] .pcard--featured .pcard__list li::before {
  width: 7px;
  height: 7px;
  background: var(--coral);
  border-radius: 1px;
  transform: rotate(45deg);
}

html[data-theme="light"] .cta-section__perks li::before {
  width: 7px;
  height: 7px;
  background: var(--pop-blue);
  border-radius: 1px;
  transform: rotate(45deg);
}

/* ──────────────────────────────────────────────────────────────
   v3 light-mode card colors (color-only port).
   Scoped to .features-page.fx-scrollstory to match v2's existing
   light-mode card rules at equal specificity. v3-light.css loads
   after dark.css, so equal specificity = v3-light wins.
   No padding / margin / border / radius / size / position /
   transform / typography / animation properties below.
   ────────────────────────────────────────────────────────────── */

/* Card-scope token remap: restore v3 token values inside the
   4 stacking cards (which v2's dark.css re-defines to coral-flavored
   values at the .features-page.fx-scrollstory <card> level). */
html[data-theme="light"] .features-page,
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-card {
  --navy:        var(--bg);
  --navy-deep:   #0e1e5a;
  --navy-soft:   #3E45CF;
  --paper:       var(--white);
  --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);
}

/* tg-card-specific token tweaks (v3 redefines these inside .tg-card). */
html[data-theme="light"] .features-page.fx-scrollstory .tg-card {
  --pop-lime:   var(--pop-mint);
  --pop-lime-d: var(--green);
  --accent:     var(--navy-soft);
}

/* ag-card-specific token tweaks (v3 redefines these inside .ag-card). */
html[data-theme="light"] .features-page.fx-scrollstory .ag-card {
  --slot-empty: #F3F6FF;
  --gray:       #F3F6FF;
  --gray-2:     #F3F6FF;
}

/* ph-card-specific token tweaks (v3 redefines these inside .ph-card). */
html[data-theme="light"] .features-page.fx-scrollstory .ph-card {
  --gray-2:      #F2F2F7;
  --pop-mint-d:  var(--green);
  --pop-lime-d:  var(--green);
  --check-green: var(--green);
}

/* Active states v2 paints with var(--coral): repaint per v3.
   v2 sets these at .features-page.fx-scrollstory .* specificity. */
html[data-theme="light"] .features-page.fx-scrollstory .ag-tab.is-active {
  background-color: var(--navy-soft);
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-active .tg-step__node {
  background-color: var(--accent);
  color: #fff;
  box-shadow: 0 0 0 6px rgba(45, 58, 140, 0.16);
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-appt__cta {
  background-color: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-msg--user {
  background-color: var(--navy);
  color: #fff;
}

/* pc-upload, pc-slot.is-selected: v2 paints these rgba/line-strong;
   v3 paints them with var(--navy). */
html[data-theme="light"] .features-page.fx-scrollstory .pc-upload {
  background-color: var(--navy);
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-slot.is-selected {
  background-color: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

/* ── Restore filled/visible states that the .fx-scrollstory general rule wipes ──
   dark.css targets .ag-slot and .tg-file (all) at spec 0,0,4,1 with a near-white bg.
   These add .is-filled / .is-visible (+1 class → 0,0,5,1) so they always win. */
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot.is-filled {
  background-color: var(--green);
  border-color: transparent;
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-slot.is-filled .ag-slot__name {
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-slot.is-filled .ag-slot__when {
  color: rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible {
  background-color: var(--navy);
  border-color: transparent;
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__name,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__meta,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__fmt {
  color: #fff;
}

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

/* Sub-element backgrounds inside cards.
   v2's bare-class rule at (html[data-theme="light"] .pc-tile, .pc-files li, .pc-slot, .pc-chip, .pc-act, .tg-list-row, .tg-plan__row, .tg-file, .ag-tab, .ag-slot, .ag-stats__num)
   sets background to rgba(35,56,139,.055). v3 uses var(--gray)/var(--slot-empty). */
html[data-theme="light"] .features-page.fx-scrollstory .ag-tab,
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot {
  background-color: var(--slot-empty);
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-stats__num {
  background-color: var(--gray);
  color: var(--ink);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-list-row,
html[data-theme="light"] .features-page.fx-scrollstory .tg-plan__row {
  background-color: var(--gray);
  color: var(--ink);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-file {
  background-color: var(--gray);
  border-color: var(--gray-3);
  color: var(--gray-3);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible {
  background-color: var(--accent);
  border-color: transparent;
  color: #fff;
}

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 {
  background-color: #fff;
  border-color: var(--gray-2);
  color: var(--navy);
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-section-lbl {
  background-color: var(--gray);
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-msg--ai,
html[data-theme="light"] .features-page.fx-scrollstory .pc-msg--typing {
  background-color: var(--gray);
  color: var(--navy);
}

/* Progress / track backgrounds (v2 paints rgba(35,56,139,.10), v3 uses var(--gray-2)). */
html[data-theme="light"] .features-page.fx-scrollstory .ph-bar,
html[data-theme="light"] .features-page.fx-scrollstory .ph-progress,
html[data-theme="light"] .features-page.fx-scrollstory .pi-phone__notch,
html[data-theme="light"] .features-page.fx-scrollstory .tg-step__node,
html[data-theme="light"] .features-page.fx-scrollstory .tg-step::after,
html[data-theme="light"] .features-page.fx-scrollstory .tg-proc__track,
html[data-theme="light"] .features-page.fx-scrollstory .pc-upload__track {
  background-color: var(--gray-2);
}

/* tg-step__node text color in default state. */
html[data-theme="light"] .features-page.fx-scrollstory .tg-step__node {
  color: var(--ink-mute);
}

/* tg-head__pill default + complete state. */
html[data-theme="light"] .features-page.fx-scrollstory .tg-head__pill {
  background-color: var(--gray);
  color: var(--navy);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-head__pill.is-complete {
  background-color: var(--pop-lime);
}

/* tg-step.is-done node + connector + label. */
html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-done .tg-step__node,
html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-done::after {
  background-color: var(--pop-lime-d);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-done .tg-step__node {
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-active .tg-step__lbl {
  color: var(--navy);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-step.is-done .tg-step__lbl {
  color: var(--ink-soft);
}

/* Various text colors (v2 collapses ink/ink-mute/ink-soft to text/text-soft, v3 differentiates). */
html[data-theme="light"] .features-page.fx-scrollstory .ld-head__title,
html[data-theme="light"] .features-page.fx-scrollstory .ld-foot,
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot__when,
html[data-theme="light"] .features-page.fx-scrollstory .ag-toast__ts,
html[data-theme="light"] .features-page.fx-scrollstory .ag-toast__when,
html[data-theme="light"] .features-page.fx-scrollstory .ag-stats__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .ag-bar__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .ph-sig__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .ph-success__sub,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile__foot,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile__name > span:last-child,
html[data-theme="light"] .features-page.fx-scrollstory .pi-phone__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .pi-phone__hint,
html[data-theme="light"] .features-page.fx-scrollstory .tg-rx-hdr__from,
html[data-theme="light"] .features-page.fx-scrollstory .tg-rx-hdr__ts,
html[data-theme="light"] .features-page.fx-scrollstory .tg-toast__ts,
html[data-theme="light"] .features-page.fx-scrollstory .tg-step__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file__fmt,
html[data-theme="light"] .features-page.fx-scrollstory .tg-proc__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .pc-section-lbl,
html[data-theme="light"] .features-page.fx-scrollstory .pc-appt__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .pc-upload__status {
  color: var(--ink-mute);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-list-row,
html[data-theme="light"] .features-page.fx-scrollstory .tg-plan__proc,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file__name,
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot__name,
html[data-theme="light"] .features-page.fx-scrollstory .ag-toast__name,
html[data-theme="light"] .features-page.fx-scrollstory .tg-toast__title {
  color: var(--ink);
}

html[data-theme="light"] .features-page.fx-scrollstory .ph-profile__foot {
  background-color: var(--gray);
}

html[data-theme="light"] .features-page.fx-scrollstory .ph-profile__foot > i,
html[data-theme="light"] .features-page.fx-scrollstory .tg-list-dot,
html[data-theme="light"] .features-page.fx-scrollstory .tg-rx-hdr__dot {
  background-color: var(--pop-lime-d);
}

/* Filled ag-slot keeps green, but __when needs lighter white tint per v3. */
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot.is-filled .ag-slot__when {
  color: rgba(255, 255, 255, 0.8);
}

/* ld-chip palette (v3 fully token-based; v2 token remap makes most resolve,
   but the default .ld-chip uses var(--gray) which v2's bare-class rule may
   override at lower specificity — re-emit at higher specificity). */
html[data-theme="light"] .features-page.fx-scrollstory .ld-chip {
  background-color: var(--gray);
  color: var(--navy);
}

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

html[data-theme="light"] .features-page.fx-scrollstory .ld-chip--accent,
html[data-theme="light"] .features-page.fx-scrollstory .ld-chip--rec {
  background-color: var(--accent);
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .ld-chip--rec.is-ready {
  background-color: var(--pop-lime);
  color: var(--navy);
}

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

html[data-theme="light"] .features-page.fx-scrollstory .ld-chip--rec.is-ready .ld-chip__dot {
  background-color: var(--navy);
}

html[data-theme="light"] .features-page.fx-scrollstory .ld-chip--status.is-ready {
  background-color: var(--pop-lime);
}

html[data-theme="light"] .features-page.fx-scrollstory .ld-foot {
  border-top-color: var(--gray-2);
}

html[data-theme="light"] .features-page.fx-scrollstory .ld-foot__accent {
  color: var(--accent);
}

html[data-theme="light"] .features-page.fx-scrollstory .ld-foot__success {
  color: var(--pop-lime-d);
}

/* ag-bar fill colors. */
html[data-theme="light"] .features-page.fx-scrollstory .ag-bar__fill {
  background-color: var(--pop-mint);
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-bar.is-peak .ag-bar__fill {
  background-color: var(--accent);
}

html[data-theme="light"] .features-page.fx-scrollstory .ag-stats__num > span:first-child {
  color: var(--navy-soft);
}

/* ag-slot__pin, toast checks. */
html[data-theme="light"] .features-page.fx-scrollstory .ag-slot__pin {
  background-color: var(--accent);
  color: #fff;
  box-shadow: 0 6px 14px -6px rgba(242, 107, 107, 0.6);
}

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

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

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

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

/* ph-progress fill. */
html[data-theme="light"] .features-page.fx-scrollstory .ph-progress__fill {
  background-color: var(--pop-mint-d);
}

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

/* ph-sig dashed border color. */
html[data-theme="light"] .features-page.fx-scrollstory .ph-sig {
  background-color: #fff;
  border-color: var(--ink-mute);
}

/* ph-profile bits. */
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile__name > span:first-child,
html[data-theme="light"] .features-page.fx-scrollstory .ph-tile__lbl {
  color: var(--navy);
}

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

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

html[data-theme="light"] .features-page.fx-scrollstory .ph-tile {
  background-color: #fff;
  border-color: var(--gray-2);
}

html[data-theme="light"] .features-page.fx-scrollstory .ph-tile__ico svg,
html[data-theme="light"] .features-page.fx-scrollstory .ph-profile__avatar svg {
  fill: var(--navy);
}

/* ph-success copy. */
html[data-theme="light"] .features-page.fx-scrollstory .ph-success__h {
  color: var(--navy);
}

/* pi-card border and viewfinder. */
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 .pi-card {
  border-color: transparent;
}

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

html[data-theme="light"] .features-page.fx-scrollstory .pi-vf {
  background-color: rgba(20, 28, 80, 0.04);
}

html[data-theme="light"] .features-page.fx-scrollstory .pi-vf.is-detected {
  background-color: rgba(111, 168, 42, 0.10);
}

html[data-theme="light"] .features-page.fx-scrollstory .pi-vf__corner::before,
html[data-theme="light"] .features-page.fx-scrollstory .pi-vf__corner::after {
  background-color: var(--navy);
}

html[data-theme="light"] .features-page.fx-scrollstory .pi-vf.is-detected .pi-vf__corner::before,
html[data-theme="light"] .features-page.fx-scrollstory .pi-vf.is-detected .pi-vf__corner::after {
  background-color: var(--pop-lime-d);
}

html[data-theme="light"] .features-page.fx-scrollstory .pi-vf__scanline {
  background-color: var(--navy-soft);
  box-shadow: 0 0 8px rgba(62, 69, 207, 0.4);
}

html[data-theme="light"] .features-page.fx-scrollstory .pi-vf__detected > span {
  background-color: var(--pop-lime-d);
  box-shadow: 0 0 0 8px rgba(111, 168, 42, 0.18);
}

/* tg-card plan tag colors. */
html[data-theme="light"] .features-page.fx-scrollstory .tg-plan__tooth {
  background-color: var(--accent);
  color: #fff;
}

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

html[data-theme="light"] .features-page.fx-scrollstory .tg-plan__tag--3d {
  background-color: #DDE5FF;
}

/* tg-card processed fill / med / done row. */
html[data-theme="light"] .features-page.fx-scrollstory .tg-proc__fill {
  background-color: var(--accent);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-proc__pct {
  color: var(--accent);
}

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

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

html[data-theme="light"] .features-page.fx-scrollstory .tg-done-row__check,
html[data-theme="light"] .features-page.fx-scrollstory .tg-toast__check {
  background-color: var(--pop-lime-d);
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-done-row__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .tg-shell__title,
html[data-theme="light"] .features-page.fx-scrollstory .tg-head__title {
  color: var(--navy);
}

/* tg-file visible state copy color. */
html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__name,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__meta,
html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__fmt {
  color: #fff;
}

html[data-theme="light"] .features-page.fx-scrollstory .tg-file.is-visible .tg-file__fmt {
  background-color: rgba(255, 255, 255, 0.18);
}

/* pc-card details. */
html[data-theme="light"] .features-page.fx-scrollstory .pc-head__title,
html[data-theme="light"] .features-page.fx-scrollstory .pc-tile__lbl,
html[data-theme="light"] .features-page.fx-scrollstory .pc-act__lbl,
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-appt__m,
html[data-theme="light"] .features-page.fx-scrollstory .pc-appt__d,
html[data-theme="light"] .features-page.fx-scrollstory .pc-appt__t {
  color: var(--navy);
}

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

html[data-theme="light"] .features-page.fx-scrollstory .pc-online > i {
  background-color: var(--pop-lime-d);
}

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

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

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

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

html[data-theme="light"] .features-page.fx-scrollstory .pc-upload__check,
html[data-theme="light"] .features-page.fx-scrollstory .pc-act__check,
html[data-theme="light"] .features-page.fx-scrollstory .pc-appt__cta-check,
html[data-theme="light"] .features-page.fx-scrollstory .pc-msg__check {
  background-color: var(--pop-lime-d);
}

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

html[data-theme="light"] .features-page.fx-scrollstory .pc-chip--active {
  background-color: var(--pop-lime);
  border-color: var(--pop-lime-d);
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-tile.is-pressed {
  border-color: var(--navy);
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-msg--typing > i {
  background-color: var(--ink-mute);
}

html[data-theme="light"] .features-page.fx-scrollstory .pc-wave > i {
  background-color: #C9D5FB;
}