/* =========================================================
   AXQA THEME
   Dark remains the original/default theme.
   Light mode exists only in this file.
   ========================================================= */


/* =========================================================
   THEME BUTTON
   ========================================================= */

.axqa-theme-form {
  margin: 0;
}

.axqa-theme-toggle {
  appearance: none;
  -webkit-appearance: none;

  border:
    1px solid rgba(129,159,200,.14);

  background:
    rgba(9,21,36,.62);

  color:
    #c8d4e3;

  cursor: pointer;

  transition:
    .2s ease;
}

.axqa-theme-toggle-desktop {
  width: 40px;
  height: 40px;

  display: inline-grid;
  place-items: center;

  padding: 0;

  border-radius: 11px;
}

.axqa-theme-toggle:hover {
  color: #fff;

  border-color:
    rgba(142,124,255,.34);

  background:
    rgba(142,124,255,.07);
}

.axqa-theme-toggle:focus-visible,
.axqa-theme-toggle-mobile:focus-visible {
  outline:
    2px solid rgba(142,124,255,.65);

  outline-offset: 2px;
}

.axqa-theme-toggle.is-saving,
.axqa-theme-toggle-mobile.is-saving {
  opacity: .65;

  cursor: wait;
}


/* =========================================================
   MOBILE THEME BUTTON
   ========================================================= */

.axqa-theme-form-mobile {
  grid-column:
    1 / -1;

  width:
    100%;

  margin:
    0;
}

.axqa-theme-toggle-mobile {
  width:
    100%;

  appearance:
    none;

  -webkit-appearance:
    none;
}


/* =========================================================
   LIGHT MODE VARIABLES
   ========================================================= */

html[data-theme="light"] {
  color-scheme:
    light;

  --shell-bg:
    #f6f8fc;

  --shell-panel:
    #ffffff;

  --shell-panel-2:
    #f1f5f9;

  --shell-border:
    rgba(65,81,108,.16);

  --shell-border-strong:
    rgba(98,82,222,.30);

  --shell-text:
    #172033;

  --shell-muted:
    #66758b;
}

html[data-theme="light"] body {
  background:
    #f6f8fc;

  color:
    #172033;
}


/* =========================================================
   HEADER
   ========================================================= */

html[data-theme="light"]
.axqa-site-header.is-scrolled
.axqa-nav-shell,

html[data-theme="light"]
.axqa-nav-shell.sticky-menu {
  background:
    rgba(255,255,255,.92) !important;

  border-bottom-color:
    rgba(65,81,108,.12);

  box-shadow:
    0 12px 34px rgba(31,42,63,.08);
}

html[data-theme="light"]
.axqa-nav-link,

html[data-theme="light"]
.axqa-header-login {
  color:
    #536278;
}

html[data-theme="light"]
.axqa-nav-item:hover
> .axqa-nav-link,

html[data-theme="light"]
.axqa-nav-item.open
> .axqa-nav-link,

html[data-theme="light"]
.axqa-nav-item.active
> .axqa-nav-link,

html[data-theme="light"]
.axqa-header-login:hover {
  color:
    #172033;
}

html[data-theme="light"]
.axqa-header-demo,

html[data-theme="light"]
.axqa-theme-toggle {
  color:
    #435269;

  border-color:
    rgba(65,81,108,.16);

  background:
    rgba(255,255,255,.86);
}

html[data-theme="light"]
.axqa-header-demo:hover,

html[data-theme="light"]
.axqa-theme-toggle:hover {
  color:
    #172033;

  border-color:
    rgba(98,82,222,.30);

  background:
    #ffffff;
}


/* =========================================================
   AVATAR + DESKTOP MENUS
   ========================================================= */

html[data-theme="light"]
.axqa-site-header
.avatar-trigger {
  border-color:
    rgba(65,81,108,.15) !important;

  background:
    rgba(255,255,255,.92) !important;
}

html[data-theme="light"]
.axqa-site-header
.avatar-dropdown-menu,

html[data-theme="light"]
.axqa-mega {
  background:
    rgba(255,255,255,.985) !important;

  border-color:
    rgba(65,81,108,.15) !important;

  box-shadow:
    0 24px 65px rgba(31,42,63,.13) !important;
}

html[data-theme="light"]
.axqa-mega::before {
  background:
    #ffffff;
}

html[data-theme="light"]
.axqa-mega h3,

html[data-theme="light"]
.axqa-mega-link strong,

html[data-theme="light"]
.axqa-resource-links strong,

html[data-theme="light"]
.dropdown-username,

html[data-theme="light"]
.avatar-dropdown-menu
.dropdown-item {
  color:
    #1c2940;
}

html[data-theme="light"]
.axqa-mega p,

html[data-theme="light"]
.axqa-mega-link small,

html[data-theme="light"]
.axqa-resource-links small,

html[data-theme="light"]
.dropdown-email {
  color:
    #68778c;
}


/* =========================================================
   MOBILE MENU
   ========================================================= */

html[data-theme="light"]
.axqa-mobile-trigger {
  border-color:
    rgba(65,81,108,.16);

  background:
    rgba(255,255,255,.9);
}

html[data-theme="light"]
.axqa-mobile-trigger span {
  background:
    #435269;
}

html[data-theme="light"]
.axqa-mobile-menu
.menu-box {
  background:
    radial-gradient(
      circle at 70% 0,
      rgba(98,82,222,.08),
      transparent 30%
    ),
    #f7f9fc !important;
}

html[data-theme="light"]
.axqa-mobile-head {
  border-color:
    rgba(65,81,108,.11);
}

html[data-theme="light"]
.axqa-mobile-head
.close-btn {
  border-color:
    rgba(65,81,108,.14) !important;

  background:
    #ffffff !important;

  color:
    #435269 !important;
}

html[data-theme="light"]
.axqa-mobile-direct,

html[data-theme="light"]
.axqa-mobile-body summary {
  color:
    #1d2a40;

  border-bottom-color:
    rgba(65,81,108,.10);
}

html[data-theme="light"]
.axqa-mobile-sub > a {
  color:
    #607086;
}

html[data-theme="light"]
.axqa-mobile-sub > a:hover {
  color:
    #172033;

  background:
    rgba(98,82,222,.06);
}

html[data-theme="light"]
.axqa-mobile-actions {
  background:
    rgba(247,249,252,.985);

  border-color:
    rgba(65,81,108,.11);
}

html[data-theme="light"]
.axqa-mobile-secondary-action,

html[data-theme="light"]
.axqa-theme-toggle-mobile {
  color:
    #435269;

  border-color:
    rgba(65,81,108,.15);

  background:
    #ffffff;
}

html[data-theme="light"]
.axqa-mobile-language-options {
  border-color:
    rgba(65,81,108,.12);

  background:
    #f0f4f9;
}

html[data-theme="light"]
.axqa-mobile-language-option {
  color:
    #58687e;

  background:
    rgba(255,255,255,.72);
}

html[data-theme="light"]
.axqa-mobile-language-option.active {
  color:
    #172033;

  background:
    rgba(98,82,222,.08);
}


/* =========================================================
   PRELOADER + SCROLL BUTTON
   ========================================================= */

html[data-theme="light"]
#preloader {
  background:
    #f6f8fc !important;
}

html[data-theme="light"]
#preloader
.axqa-text {
  color:
    #172033 !important;
}

html[data-theme="light"]
.scroll-top {
  background:
    rgba(255,255,255,.94) !important;

  border-color:
    rgba(98,82,222,.22) !important;

  color:
    #6557d9 !important;

  box-shadow:
    0 12px 30px rgba(31,42,63,.12);
}


/* =========================================================
   FOOTER
   ========================================================= */

html[data-theme="light"]
.axqa-site-footer {
  background:
    linear-gradient(
      180deg,
      #f7f9fc,
      #eef3f8 78%
    );

  border-top-color:
    rgba(65,81,108,.10);
}

html[data-theme="light"]
.axqa-footer-cta {
  border-color:
    rgba(98,82,222,.15);

  background:
    radial-gradient(
      circle at 88% 15%,
      rgba(54,218,203,.07),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #ffffff,
      #f4f7fb
    );

  box-shadow:
    0 24px 60px rgba(31,42,63,.08);
}

html[data-theme="light"]
.axqa-footer-cta h2,

html[data-theme="light"]
.axqa-footer-column h4,

html[data-theme="light"]
.axqa-footer-experience strong,

html[data-theme="light"]
.axqa-footer-bottom strong {
  color:
    #1c2940;
}

html[data-theme="light"]
.axqa-footer-cta p,

html[data-theme="light"]
.axqa-footer-brand > p,

html[data-theme="light"]
.axqa-footer-system,

html[data-theme="light"]
.axqa-footer-column > a,

html[data-theme="light"]
.axqa-footer-bottom,

html[data-theme="light"]
.axqa-footer-legal a {
  color:
    #68778c;
}

html[data-theme="light"]
.axqa-footer-demo,

html[data-theme="light"]
.axqa-footer-experience {
  color:
    #435269;

  background:
    rgba(255,255,255,.75);

  border-color:
    rgba(65,81,108,.14);
}


/* =========================================================
   COMMON PRODUCT PAGES
   ========================================================= */

html[data-theme="light"]
.api-demo-page {
  --ink:
    #f6f8fc;

  --ink-mid:
    #ffffff;

  --ink-soft:
    #edf2f7;

  --text:
    #172033;

  --text-muted:
    #66758b;

  --text-dim:
    #8290a3;

  --border:
    rgba(65,81,108,.13);

  --border-2:
    rgba(98,82,222,.20);

  --card-bg:
    rgba(255,255,255,.78);

  background:
    #f6f8fc;

  color:
    #172033;
}

html[data-theme="light"]
.api-demo-page
.hero-heading,

html[data-theme="light"]
.api-demo-page
.section-heading {
  color:
    #172033;
}

html[data-theme="light"]
.api-demo-page
.hero-lead,

html[data-theme="light"]
.api-demo-page
.section-lead {
  color:
    #66758b;
}


/* =========================================================
   HOME
   ========================================================= */

html[data-theme="light"]
.axqa-home {
  --home-bg:
    #f6f8fc;

  --home-bg-2:
    #edf2f7;

  --home-panel:
    rgba(255,255,255,.86);

  --home-panel-solid:
    #ffffff;

  --home-border:
    rgba(65,81,108,.14);

  --home-border-strong:
    rgba(98,82,222,.28);

  --home-text:
    #172033;

  --home-muted:
    #66758b;

  background:
    radial-gradient(
      circle at 10% 12%,
      rgba(95,77,218,.08),
      transparent 26%
    ),
    radial-gradient(
      circle at 91% 9%,
      rgba(31,201,188,.06),
      transparent 22%
    ),
    #f6f8fc;
}

html[data-theme="light"]
.axqa-home
.section-heading {
  color:
    #172033;
}

html[data-theme="light"]
.axqa-home
.section-lead {
  color:
    #66758b;
}


/* =========================================================
   PRICING
   ========================================================= */

html[data-theme="light"]
.axqa-price-page {
  --price-bg:
    #f6f8fc;

  --price-panel:
    #ffffff;

  --price-border:
    rgba(65,81,108,.14);

  --price-text:
    #172033;

  --price-muted:
    #66758b;

  background:
    #f6f8fc;
}

html[data-theme="light"]
.axqa-price-page
.section-heading {
  color:
    #172033;
}

html[data-theme="light"]
.axqa-price-page
.section-lead {
  color:
    #66758b;
}


/* =========================================================
   ACCOUNT
   ========================================================= */

html[data-theme="light"]
.axqa-account-page {
  --acc-bg:
    #f6f8fc;

  --acc-panel:
    #ffffff;

  --acc-panel-2:
    #f1f5f9;

  --acc-border:
    rgba(65,81,108,.14);

  --acc-border-soft:
    rgba(65,81,108,.08);

  --acc-text:
    #172033;

  --acc-muted:
    #66758b;

  --acc-muted-2:
    #8290a3;

  background:
    #f6f8fc;
}


/* =========================================================
   LOGIN / PASSWORD RESET
   ========================================================= */

html[data-theme="light"]
.axqa-access-simple {
  --access-bg:
    #f6f8fc;

  --access-panel:
    #ffffff;

  --access-input:
    #f4f7fb;

  --access-border:
    rgba(65,81,108,.14);

  --access-border-soft:
    rgba(65,81,108,.08);

  --access-text:
    #172033;

  --access-muted:
    #66758b;

  --access-muted-2:
    #8290a3;

  background:
    #f6f8fc;
}


/* =========================================================
   REGISTRATION — LIGHT MODE
   ========================================================= */

html[data-theme="light"] .axqa-reg-simple {
  color-scheme: light;

  --rs-bg: #f6f8fc;
  --rs-panel: #ffffff;
  --rs-input: #ffffff;

  --rs-border: rgba(65,81,108,.14);
  --rs-border-soft: rgba(65,81,108,.08);

  --rs-text: #172033;
  --rs-muted: #66758b;
  --rs-muted-2: #8290a3;

  background:
    radial-gradient(
      circle at 10% 8%,
      rgba(98,82,222,.055),
      transparent 25%
    ),
    radial-gradient(
      circle at 90% 14%,
      rgba(54,218,203,.04),
      transparent 22%
    ),
    #f6f8fc !important;

  color: #172033;
}


/* Background grid */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-simple-grid {
  opacity: .34;

  background-image:
    linear-gradient(
      rgba(65,81,108,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(65,81,108,.045) 1px,
      transparent 1px
    );
}


/* =========================================================
   PAGE HEADER
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-simple-head h1,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-card h1 {
  color: #172033 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-simple-head h1 em,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-card h1 em {
  color: #7869e8 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-simple-head > p,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-intro {
  color: #66758b !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-intro strong {
  color: #27354a !important;
}


/* =========================================================
   REGISTRATION PROGRESS
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-steps > div,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-flow > div {
  color: #78869a !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-steps > div.active,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-flow > div.active,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-flow > div.done {
  color: #27354a !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-steps > div > span,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-flow > div > span {
  color: #68778c !important;

  background: #ffffff !important;

  border-color:
    rgba(65,81,108,.14) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-steps > div.active > span,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-flow > div.active > span {
  color: #6557d9 !important;

  background:
    rgba(98,82,222,.07) !important;

  border-color:
    rgba(98,82,222,.25) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-steps > i,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-flow > i {
  background: #dce4ee !important;
}


/* =========================================================
   MAIN FORM
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-form,

html[data-theme="light"]
.axqa-reg-simple
.axqa-verify-card {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f8fafc
    ) !important;

  border-color:
    rgba(65,81,108,.14) !important;

  box-shadow:
    0 28px 75px rgba(31,42,63,.08) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-section + .axqa-reg-section {
  border-top-color:
    rgba(65,81,108,.09) !important;
}


/* =========================================================
   SECTION HEADERS
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-section-head > span {
  color: #7566e8 !important;

  background:
    rgba(98,82,222,.07) !important;

  border-color:
    rgba(98,82,222,.15) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-section-head > span.teal {
  color: #248f84 !important;

  background:
    rgba(54,218,203,.08) !important;

  border-color:
    rgba(31,160,148,.15) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-section-head small {
  color: #77879b !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-section-head h2 {
  color: #1c2940 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-section-head p {
  color: #66758b !important;
}


/* =========================================================
   FIELD LABELS
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field label {
  color: #334155 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field label span {
  color: #7b899c !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field label b,

html[data-theme="light"]
.axqa-reg-simple
.required-star {
  color: #d94a62 !important;
}


/* =========================================================
   INPUTS + SELECTS
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field input,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field select,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field textarea,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field .form-control {
  color-scheme: light !important;

  background: #ffffff !important;
  background-color: #ffffff !important;

  color: #172033 !important;

  -webkit-text-fill-color:
    #172033 !important;

  border-color:
    rgba(65,81,108,.20) !important;

  box-shadow:
    0 1px 2px rgba(31,42,63,.025) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field select option {
  color: #172033 !important;

  background:
    #ffffff !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field input::placeholder,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field textarea::placeholder {
  color: #94a3b8 !important;

  -webkit-text-fill-color:
    #94a3b8 !important;

  opacity: 1 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field input:focus,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field select:focus,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field textarea:focus,

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-field .form-control:focus {
  background: #ffffff !important;

  color: #172033 !important;

  -webkit-text-fill-color:
    #172033 !important;

  border-color:
    rgba(98,82,222,.50) !important;

  box-shadow:
    0 0 0 3px rgba(98,82,222,.075) !important;
}


/* Field help */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-hint {
  color: #718096 !important;
}


/* =========================================================
   PASSWORD
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-password-toggle {
  color: #718096 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-password-toggle:hover {
  color: #6557d9 !important;

  background:
    rgba(98,82,222,.06) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-password-rules {
  background: #f7f9fc !important;

  border-color:
    rgba(65,81,108,.11) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-password-rules-head strong {
  color: #27354a !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-password-rules-head > i {
  color: #7566e8 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.password-checklist li {
  color: #66758b !important;
}

html[data-theme="light"]
.axqa-reg-simple
.password-checklist li::before {
  background: #c7d1dd !important;
}

html[data-theme="light"]
.axqa-reg-simple
.password-checklist li.valid {
  color: #218b68 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.password-checklist li.valid::before {
  background: #35b987 !important;
}


/* =========================================================
   TERMS
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-terms {
  background:
    rgba(54,218,203,.035) !important;

  border-color:
    rgba(31,160,148,.13) !important;
}

html[data-theme="light"]
.axqa-reg-simple
.terms-label {
  color: #536278 !important;
}

html[data-theme="light"]
.axqa-reg-simple
.terms-label a {
  color: #6557d9 !important;
}


/* Checkbox */

html[data-theme="light"]
.axqa-reg-simple
input[type="checkbox"],

html[data-theme="light"]
.axqa-reg-simple
.terms-checkbox-wrapper input[type="checkbox"] {
  color-scheme: light !important;

  background: #ffffff !important;

  background-color:
    #ffffff !important;

  border-color:
    rgba(65,81,108,.30) !important;
}

html[data-theme="light"]
.axqa-reg-simple
input[type="checkbox"]:checked,

html[data-theme="light"]
.axqa-reg-simple
.terms-checkbox-wrapper input[type="checkbox"]:checked {
  background: #7566e8 !important;

  background-color:
    #7566e8 !important;

  border-color:
    #7566e8 !important;
}


/* =========================================================
   ERRORS
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.error {
  color: #bd334d !important;

  background:
    rgba(215,65,91,.055) !important;

  border-color:
    rgba(215,65,91,.15) !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-footer {
  color: #66758b !important;
}

html[data-theme="light"]
.axqa-reg-simple
.axqa-reg-footer a {
  color: #6557d9 !important;
}


/* =========================================================
   AUTOFILL
   Override browser_form_controls.css dark autofill
   ========================================================= */

html[data-theme="light"]
.axqa-reg-simple
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill,

html[data-theme="light"]
.axqa-reg-simple
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:hover,

html[data-theme="light"]
.axqa-reg-simple
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:active,

html[data-theme="light"]
.axqa-reg-simple
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:focus {
  -webkit-text-fill-color:
    #172033 !important;

  caret-color:
    #172033 !important;

  -webkit-box-shadow:
    0 0 0 1000px #ffffff inset !important;

  box-shadow:
    0 0 0 1000px #ffffff inset !important;

  background-color:
    #ffffff !important;

  border-color:
    rgba(65,81,108,.20) !important;
}


/* =========================================================
   VERIFY EMAIL — LIGHT MODE
   ========================================================= */

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-icon {
  color: #7566e8 !important;

  background:
    rgba(98,82,222,.055) !important;

  border-color:
    rgba(98,82,222,.18) !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-icon > span {
  border-color:
    rgba(98,82,222,.10) !important;
}


/* Verification form container */

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-form {
  background:
    #f7f9fc !important;

  border-color:
    rgba(65,81,108,.12) !important;

  box-shadow:
    none !important;
}


/* Verification progress — completed state */

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-flow > div.done > span {
  color:
    #218b68 !important;

  background:
    #effbf7 !important;

  border-color:
    rgba(33,139,104,.18) !important;
}


/* OTP key icon */

html[data-theme="light"]
.axqa-verify-simple
.axqa-otp-input > span {
  color:
    #718096 !important;
}


/* OTP progress slots */

html[data-theme="light"]
.axqa-verify-simple
.axqa-otp-slot {
  background:
    #d8e0ea !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-otp-slot.filled {
  background:
    linear-gradient(
      90deg,
      #7869e8,
      #2ab7aa
    ) !important;
}


/* Resend/help box */

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-help {
  background:
    #f7f9fc !important;

  border-color:
    rgba(65,81,108,.12) !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-help-copy > i {
  color:
    #7566e8 !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-help-copy p {
  color:
    #66758b !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-resend-link {
  color:
    #6557d9 !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-resend-link:hover {
  color:
    #4f43bd !important;
}


/* Resend-limit state */

html[data-theme="light"]
.axqa-verify-simple
.axqa-resend-limit {
  color:
    #8c6b2d !important;

  background:
    #fff9ed !important;

  border-color:
    rgba(190,140,45,.18) !important;
}


/* Bottom footer */

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-footer {
  color:
    #718096 !important;

  border-top-color:
    rgba(65,81,108,.10) !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-footer a {
  color:
    #6557d9 !important;
}

html[data-theme="light"]
.axqa-verify-simple
.axqa-verify-footer a:hover {
  color:
    #4f43bd !important;
}


/* =========================================================
   BILLING
   ========================================================= */

html[data-theme="light"]
.axqa-billing-page {
  --bp-bg:
    #f6f8fc;

  --bp-panel:
    #ffffff;

  --bp-border:
    rgba(65,81,108,.14);

  --bp-soft:
    rgba(65,81,108,.08);

  --bp-text:
    #172033;

  --bp-muted:
    #66758b;

  background:
    #f6f8fc;
}


/* =========================================================
   CANCEL SUBSCRIPTION
   ========================================================= */

html[data-theme="light"] .axqa-cancel-page {
  --cancel-bg:#f6f8fc;
  --cancel-panel:#ffffff;
  --cancel-input:#f4f7fb;
  --cancel-border:rgba(65,81,108,.14);
  --cancel-soft:rgba(65,81,108,.08);
  --cancel-text:#172033;
  --cancel-muted:#66758b;

  color:#172033 !important;
  background:
    radial-gradient(circle at 10% 8%,rgba(111,88,239,.045),transparent 25%),
    radial-gradient(circle at 90% 17%,rgba(54,218,203,.03),transparent 22%),
    #f6f8fc !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-grid {
  opacity:.32;
  background-image:
    linear-gradient(rgba(65,81,108,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(65,81,108,.045) 1px,transparent 1px);
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-kicker {
  color:#665bd5;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-header h1 {
  color:#172033;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-header h1 em {
  color:#8174e7;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-header p {
  color:#66758b;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-notice {
  background:#fff9eb;
  border-color:rgba(185,142,51,.22);
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-notice > i {
  color:#aa7a20;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-notice strong {
  color:#866a2e;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-notice span {
  color:#756542;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-card {
  background:
    radial-gradient(circle at 92% 5%,rgba(98,82,222,.035),transparent 28%),
    #ffffff !important;
  border-color:rgba(65,81,108,.14) !important;
  box-shadow:0 22px 58px rgba(31,42,63,.075) !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-card-head > span,
html[data-theme="light"] .axqa-cancel-page .axqa-plan-icon {
  color:#665bd5 !important;
  background:rgba(98,82,222,.08) !important;
  border-color:rgba(98,82,222,.15) !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-card-head small,
html[data-theme="light"] .axqa-cancel-page .axqa-side-label {
  color:#7a889b;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-card-head h2,
html[data-theme="light"] .axqa-cancel-page .axqa-current-plan .content h4 {
  color:#26364c !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-card-head p,
html[data-theme="light"] .axqa-cancel-page .axqa-current-plan .content > span {
  color:#66758b;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field label {
  color:#39485f !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field .optional-label {
  color:#7a889b !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field input,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field select,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field textarea,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field .form-control {
  background:#f7f9fc !important;
  background-color:#f7f9fc !important;
  border-color:rgba(65,81,108,.16) !important;
  color:#26364c !important;
  -webkit-text-fill-color:#26364c !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field input::placeholder,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field textarea::placeholder {
  color:#8a98aa !important;
  -webkit-text-fill-color:#8a98aa !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field input:focus,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field select:focus,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field textarea:focus,
html[data-theme="light"] .axqa-cancel-page .axqa-cancel-field .form-control:focus {
  background:#ffffff !important;
  background-color:#ffffff !important;
  border-color:rgba(98,82,222,.45) !important;
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
  box-shadow:0 0 0 3px rgba(98,82,222,.07) !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-cancel-btn.secondary {
  color:#39485f !important;
  background:#ffffff !important;
  border-color:rgba(65,81,108,.16) !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-current-plan .pricing-price h2 {
  color:#172033 !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-current-plan .pricing-month-label {
  color:#718096 !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-subscription-details .axqa-comparison-row {
  border-color:rgba(65,81,108,.08);
}

html[data-theme="light"] .axqa-cancel-page .axqa-subscription-details .axqa-comparison-row > span {
  color:#66758b;
}

html[data-theme="light"] .axqa-cancel-page .axqa-subscription-details .axqa-comparison-row > strong {
  color:#26364c;
}

html[data-theme="light"] .axqa-cancel-page .axqa-loss-card {
  border-color:rgba(213,83,106,.15) !important;
}

html[data-theme="light"] .axqa-cancel-page .axqa-loss-list li {
  background:#fff7f8;
  border-color:rgba(213,83,106,.10);
  color:#536278;
}

/* =========================================================
   CHECKOUT / TRANSACTIONS
   ========================================================= */

html[data-theme="light"]
.axqa-transaction-page {
  --tx-bg:
    #f6f8fc;

  --tx-panel:
    #ffffff;

  --tx-panel-2:
    #f1f5f9;

  --tx-border:
    rgba(65,81,108,.14);

  --tx-border-soft:
    rgba(65,81,108,.08);

  --tx-text:
    #172033;

  --tx-muted:
    #66758b;

  --tx-muted-2:
    #8290a3;

  background:
    #f6f8fc;
}


/* =========================================================
   INFO PAGES
   ========================================================= */

html[data-theme="light"]
.axqa-info-page {
  --ip-bg:
    #f6f8fc;

  --ip-panel:
    #ffffff;

  --ip-border:
    rgba(65,81,108,.14);

  --ip-soft:
    rgba(65,81,108,.08);

  --ip-text:
    #172033;

  --ip-muted:
    #66758b;

  background:
    #f6f8fc;
}


/* =========================================================
   SIMPLE / LEGAL / SUPPORT PAGES
   ========================================================= */

html[data-theme="light"]
.axqa-simple-page {
  --sp-bg:
    #f6f8fc;

  --sp-panel:
    #ffffff;

  --sp-input:
    #f4f7fb;

  --sp-border:
    rgba(65,81,108,.14);

  --sp-soft:
    rgba(65,81,108,.08);

  --sp-text:
    #172033;

  --sp-muted:
    #66758b;

  background:
    #f6f8fc;
}

html[data-theme="light"]
.axqa-simple-header h1,

html[data-theme="light"]
.axqa-simple-status-card h1 {
  color:
    #172033;
}

html[data-theme="light"]
.axqa-simple-header > p,

html[data-theme="light"]
.axqa-simple-status-card > p {
  color:
    #66758b;
}

html[data-theme="light"]
.axqa-legal-card,

html[data-theme="light"]
.axqa-support-card,

html[data-theme="light"]
.axqa-simple-status-card {
  background:
    #ffffff;

  box-shadow:
    0 22px 60px rgba(31,42,63,.08);
}

html[data-theme="light"]
.axqa-legal-content,

html[data-theme="light"]
.axqa-legal-content p,

html[data-theme="light"]
.axqa-legal-content li {
  color:
    #536278 !important;
}

html[data-theme="light"]
.axqa-legal-content h2,

html[data-theme="light"]
.axqa-legal-content h3,

html[data-theme="light"]
.axqa-legal-content h4,

html[data-theme="light"]
.axqa-legal-content strong {
  color:
    #1c2940 !important;
}


/* =========================================================
   KEEP TECHNICAL CONSOLES DARK
   ========================================================= */

html[data-theme="light"]
.demo-console,

html[data-theme="light"]
.workflow-console-panel,

html[data-theme="light"]
.atm-response-viewer,

html[data-theme="light"]
.atm-code-block,

html[data-theme="light"]
.tc-console {
  color-scheme:
    dark;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .axqa-theme-toggle,
  .axqa-theme-toggle-mobile {
    transition:
      none;
  }
}

/* =========================================================
   LIGHT MODE — COMPLETE VISUAL QA PASS
   Keeps technical consoles intentionally dark while making
   navigation, marketing cards, architecture cards and CTAs
   readable on light surfaces.
   ========================================================= */

/* ---------------------------------------------------------
   Global light palette helpers
   --------------------------------------------------------- */
html[data-theme="light"] {
  --axqa-light-bg: #f6f8fc;
  --axqa-light-bg-2: #eef3f8;
  --axqa-light-surface: #ffffff;
  --axqa-light-surface-2: #f7f9fc;
  --axqa-light-surface-3: #f1f5f9;
  --axqa-light-text: #172033;
  --axqa-light-text-2: #27354a;
  --axqa-light-muted: #66758b;
  --axqa-light-muted-2: #7b899c;
  --axqa-light-border: rgba(65,81,108,.14);
  --axqa-light-border-strong: rgba(98,82,222,.30);
  --axqa-light-violet: #655bd1;
  --axqa-light-violet-soft: rgba(98,82,222,.075);
  --axqa-light-teal: #247f77;
  --axqa-light-teal-soft: rgba(31,201,188,.075);
}

html[data-theme="light"] body,
html[data-theme="light"] main.main-content {
  background: var(--axqa-light-bg);
  color: var(--axqa-light-text);
}

/* ---------------------------------------------------------
   Header / navigation
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-nav-shell,
html[data-theme="light"] .axqa-site-header.is-scrolled .axqa-nav-shell,
html[data-theme="light"] .axqa-nav-shell.sticky-menu {
  background: rgba(255,255,255,.94) !important;
  border-bottom-color: rgba(65,81,108,.10);
  box-shadow: 0 10px 30px rgba(31,42,63,.07);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

html[data-theme="light"] .axqa-nav-link,
html[data-theme="light"] .axqa-header-login {
  color: #536278;
}

html[data-theme="light"] .axqa-nav-link i {
  color: #7a8799;
}

html[data-theme="light"] .axqa-nav-item:hover > .axqa-nav-link,
html[data-theme="light"] .axqa-nav-item.open > .axqa-nav-link,
html[data-theme="light"] .axqa-nav-item.active > .axqa-nav-link,
html[data-theme="light"] .axqa-header-login:hover {
  color: var(--axqa-light-text);
  background: rgba(98,82,222,.06);
}

html[data-theme="light"] .axqa-nav-item:hover > .axqa-nav-link i,
html[data-theme="light"] .axqa-nav-item.open > .axqa-nav-link i {
  color: var(--axqa-light-violet);
}

html[data-theme="light"] .axqa-header-demo,
html[data-theme="light"] .axqa-theme-toggle {
  color: #435269;
  border-color: var(--axqa-light-border);
  background: rgba(255,255,255,.92);
}

html[data-theme="light"] .axqa-header-demo:hover,
html[data-theme="light"] .axqa-theme-toggle:hover {
  color: var(--axqa-light-text);
  border-color: var(--axqa-light-border-strong);
  background: #ffffff;
}

/* ---------------------------------------------------------
   Desktop mega menus — complete light treatment
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-mega {
  color: var(--axqa-light-text-2);
  background:
    radial-gradient(circle at 14% 8%, rgba(98,82,222,.06), transparent 25%),
    #ffffff !important;
  border-color: var(--axqa-light-border) !important;
  box-shadow: 0 26px 70px rgba(31,42,63,.14) !important;
}

html[data-theme="light"] .axqa-mega::before {
  background: #ffffff !important;
  border-color: var(--axqa-light-border);
}

html[data-theme="light"] .axqa-mega h3,
html[data-theme="light"] .axqa-mega-feature strong,
html[data-theme="light"] .axqa-mega-link strong,
html[data-theme="light"] .axqa-capability-card > strong,
html[data-theme="light"] .axqa-mega-bottom-note p strong,
html[data-theme="light"] .axqa-solution-feature strong,
html[data-theme="light"] .axqa-solution-links strong,
html[data-theme="light"] .axqa-resource-experiences strong,
html[data-theme="light"] .axqa-resource-links strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .axqa-mega p,
html[data-theme="light"] .axqa-mega-feature p,
html[data-theme="light"] .axqa-mega-link small,
html[data-theme="light"] .axqa-capability-card > p,
html[data-theme="light"] .axqa-solution-feature p,
html[data-theme="light"] .axqa-solution-links small,
html[data-theme="light"] .axqa-resource-experiences small,
html[data-theme="light"] .axqa-resource-links small {
  color: #68778c !important;
}

html[data-theme="light"] .axqa-mega-eyebrow,
html[data-theme="light"] .axqa-mega-feature small {
  color: #7468d6;
}

html[data-theme="light"] .axqa-mega-intro,
html[data-theme="light"] .axqa-solution-main,
html[data-theme="light"] .axqa-resource-feature {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-mega-feature {
  background: #ffffff;
  border-color: rgba(98,82,222,.15);
}

html[data-theme="light"] .axqa-mega-feature:hover {
  background: rgba(98,82,222,.055);
  border-color: rgba(98,82,222,.28);
}

html[data-theme="light"] .axqa-mega-link:hover,
html[data-theme="light"] .axqa-solution-links > a:hover,
html[data-theme="light"] .axqa-resource-links > a:hover {
  background: #f4f6fa;
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .axqa-capability-card {
  background: #f7f9fc;
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .axqa-capability-card:hover,
html[data-theme="light"] .axqa-capability-card.featured {
  background: rgba(98,82,222,.055);
  border-color: rgba(98,82,222,.22);
}

html[data-theme="light"] .axqa-capability-card.featured-teal {
  background: rgba(31,201,188,.045);
  border-color: rgba(31,201,188,.20);
}

html[data-theme="light"] .axqa-capability-card > small {
  color: #8a97a8;
}

html[data-theme="light"] .axqa-mega-bottom-note {
  background: #f2fbfa;
  border-color: rgba(31,201,188,.16);
}

html[data-theme="light"] .axqa-mega-bottom-note > a {
  color: #238b81;
}

html[data-theme="light"] .axqa-solution-feature,
html[data-theme="light"] .axqa-resource-links > a {
  border-color: rgba(65,81,108,.09);
}

html[data-theme="light"] .axqa-resource-experiences > a {
  background: #ffffff;
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .axqa-resource-experiences > a:hover {
  background: rgba(98,82,222,.045);
  border-color: rgba(98,82,222,.22);
}

/* ---------------------------------------------------------
   Avatar dropdown + desktop language submenu
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-site-header .avatar-trigger {
  border-color: var(--axqa-light-border) !important;
  background: rgba(255,255,255,.94) !important;
}

html[data-theme="light"] .axqa-site-header .avatar-dropdown-menu {
  background: rgba(255,255,255,.99) !important;
  border-color: var(--axqa-light-border) !important;
  box-shadow: 0 22px 60px rgba(31,42,63,.14) !important;
}

html[data-theme="light"] .dropdown-header {
  background: #f7f9fc;
}

html[data-theme="light"] .dropdown-username,
html[data-theme="light"] .dropdown-item,
html[data-theme="light"] .language-option {
  color: #1f2c42;
}

html[data-theme="light"] .dropdown-email,
html[data-theme="light"] .language-switcher-item .language-chevron {
  color: #6c7a8e;
}

html[data-theme="light"] .dropdown-divider {
  background: rgba(65,81,108,.10);
}

html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .language-option:hover {
  background: #f3f5f9;
  color: #172033;
}

html[data-theme="light"] .language-option.active {
  background: rgba(98,82,222,.08);
  color: #172033;
}

html[data-theme="light"] .dropdown-item-danger,
html[data-theme="light"] .dropdown-item-danger i {
  color: #cf4d5d;
}

html[data-theme="light"] .dropdown-item-danger:hover {
  background: rgba(207,77,93,.07);
}

/* ---------------------------------------------------------
   Mobile navigation
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-mobile-trigger {
  border-color: var(--axqa-light-border);
  background: rgba(255,255,255,.94);
}

html[data-theme="light"] .axqa-mobile-trigger span {
  background: #435269;
}

html[data-theme="light"] .axqa-mobile-menu .menu-box {
  background:
    radial-gradient(circle at 70% 0, rgba(98,82,222,.07), transparent 30%),
    #f7f9fc !important;
}

html[data-theme="light"] .axqa-mobile-head {
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .axqa-mobile-head .close-btn {
  color: #435269 !important;
  background: #ffffff !important;
  border-color: var(--axqa-light-border) !important;
}

html[data-theme="light"] .axqa-mobile-direct,
html[data-theme="light"] .axqa-mobile-body summary {
  color: #1d2a40;
  border-bottom-color: rgba(65,81,108,.09);
}

html[data-theme="light"] .axqa-mobile-body summary i {
  color: #7b899c;
}

html[data-theme="light"] .axqa-mobile-sub > a {
  color: #5f6f84;
}

html[data-theme="light"] .axqa-mobile-sub > a:hover {
  color: #172033;
  background: rgba(98,82,222,.06);
}

html[data-theme="light"] .axqa-mobile-actions {
  background: rgba(247,249,252,.985);
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .axqa-mobile-secondary-action,
html[data-theme="light"] .axqa-theme-toggle-mobile {
  color: #435269;
  background: #ffffff;
  border-color: var(--axqa-light-border);
}

html[data-theme="light"] .axqa-mobile-secondary-action:hover,
html[data-theme="light"] .axqa-theme-toggle-mobile:hover {
  color: #172033;
  background: #f5f7fb;
  border-color: var(--axqa-light-border-strong);
}

html[data-theme="light"] .axqa-mobile-language-options {
  background: #eef3f8;
  border-color: rgba(65,81,108,.11);
}

html[data-theme="light"] .axqa-mobile-language-option {
  color: #58687e;
  background: rgba(255,255,255,.82);
}

html[data-theme="light"] .axqa-mobile-language-option:hover,
html[data-theme="light"] .axqa-mobile-language-option.active {
  color: #172033;
  background: rgba(98,82,222,.07);
}

html[data-theme="light"] .axqa-mobile-logout-button {
  color: #c44e5c;
  background: rgba(207,77,93,.04);
  border-color: rgba(207,77,93,.14);
}

html[data-theme="light"] .axqa-mobile-logout-button i {
  color: #c44e5c;
}

/* ---------------------------------------------------------
   Preloader / scroll / cookie
   --------------------------------------------------------- */
html[data-theme="light"] #preloader {
  background: #f6f8fc !important;
}

html[data-theme="light"] #preloader .axqa-text {
  color: #172033 !important;
  text-shadow: none;
}

html[data-theme="light"] .scroll-top {
  color: #6557d9 !important;
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(98,82,222,.22) !important;
  box-shadow: 0 10px 26px rgba(31,42,63,.12);
}

html[data-theme="light"] .cookie-consent-banner {
  background: rgba(255,255,255,.98) !important;
  border-top-color: rgba(65,81,108,.12) !important;
  box-shadow: 0 -8px 28px rgba(31,42,63,.10);
}

html[data-theme="light"] .cookie-consent-banner h4 {
  color: #172033 !important;
}

html[data-theme="light"] .cookie-consent-banner p {
  color: #66758b !important;
}

/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-site-footer {
  background: linear-gradient(180deg, #f7f9fc, #eef3f8 78%);
  border-top-color: rgba(65,81,108,.09);
}

html[data-theme="light"] .axqa-footer-cta {
  background:
    radial-gradient(circle at 88% 15%, rgba(31,201,188,.06), transparent 30%),
    linear-gradient(145deg, #ffffff, #f4f7fb);
  border-color: rgba(98,82,222,.15);
  box-shadow: 0 22px 55px rgba(31,42,63,.08);
}

html[data-theme="light"] .axqa-footer-cta h2,
html[data-theme="light"] .axqa-footer-column h4,
html[data-theme="light"] .axqa-footer-experience strong {
  color: #1c2940;
}

html[data-theme="light"] .axqa-footer-cta p,
html[data-theme="light"] .axqa-footer-brand > p,
html[data-theme="light"] .axqa-footer-system,
html[data-theme="light"] .axqa-footer-column > a,
html[data-theme="light"] .axqa-footer-bottom,
html[data-theme="light"] .axqa-footer-bottom p,
html[data-theme="light"] .axqa-footer-bottom-center,
html[data-theme="light"] .axqa-footer-legal a {
  color: #68778c;
}

html[data-theme="light"] .axqa-footer-column > a:hover,
html[data-theme="light"] .axqa-footer-legal a:hover {
  color: #172033;
}

html[data-theme="light"] .axqa-footer-demo,
html[data-theme="light"] .axqa-footer-experience {
  color: #435269;
  background: rgba(255,255,255,.76);
  border-color: var(--axqa-light-border);
}

html[data-theme="light"] .axqa-footer-bottom {
  border-top-color: rgba(65,81,108,.09);
}

/* ---------------------------------------------------------
   Shared API / marketing page palette
   --------------------------------------------------------- */
html[data-theme="light"] .api-demo-page {
  --ink: #f6f8fc;
  --ink-mid: #ffffff;
  --ink-soft: #eef3f8;
  --text: #172033;
  --text-muted: #66758b;
  --text-dim: #7b899c;
  --border: rgba(65,81,108,.13);
  --border-2: rgba(98,82,222,.22);
  --card-bg: rgba(255,255,255,.88);
  background: #f6f8fc;
  color: #172033;
}

html[data-theme="light"] .api-demo-page .hero-heading,
html[data-theme="light"] .api-demo-page .section-heading,
html[data-theme="light"] .api-demo-page .related-heading,
html[data-theme="light"] .api-demo-page .feature-card h4,
html[data-theme="light"] .api-demo-page .method-pill .name,
html[data-theme="light"] .api-demo-page .callout-body h5,
html[data-theme="light"] .api-demo-page .tl-content h4,
html[data-theme="light"] .api-demo-page .persona-card h4,
html[data-theme="light"] .api-demo-page .related-card-body h3,
html[data-theme="light"] .api-demo-page .metric-cell .val {
  color: #172033 !important;
}

html[data-theme="light"] .api-demo-page .hero-heading em,
html[data-theme="light"] .api-demo-page .section-heading em {
  color: #8174e7;
}

html[data-theme="light"] .api-demo-page .hero-lead,
html[data-theme="light"] .api-demo-page .section-lead,
html[data-theme="light"] .api-demo-page .feature-card p,
html[data-theme="light"] .api-demo-page .callout-body p,
html[data-theme="light"] .api-demo-page .tl-content p,
html[data-theme="light"] .api-demo-page .persona-card p,
html[data-theme="light"] .api-demo-page .related-card-body p,
html[data-theme="light"] .api-demo-page .checklist li {
  color: #66758b !important;
}

html[data-theme="light"] .api-demo-page .btn-ghost {
  color: #655bd1;
  border-color: rgba(98,82,222,.25);
  background: rgba(255,255,255,.55);
}

html[data-theme="light"] .api-demo-page .btn-ghost:hover {
  color: #172033;
  background: rgba(98,82,222,.07);
}

html[data-theme="light"] .api-demo-page .metrics-inner {
  background: rgba(65,81,108,.09);
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .api-demo-page .metric-cell,
html[data-theme="light"] .api-demo-page .feature-card,
html[data-theme="light"] .api-demo-page .persona-card,
html[data-theme="light"] .api-demo-page .related-card,
html[data-theme="light"] .api-demo-page .method-pill {
  background: #ffffff;
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .api-demo-page .method-pill {
  background: #f3f6fa;
}

html[data-theme="light"] .api-demo-page .callout {
  background: linear-gradient(135deg, rgba(98,82,222,.065), rgba(31,201,188,.035));
  border-color: rgba(98,82,222,.18);
}

html[data-theme="light"] .api-demo-page .tl-dot {
  background: #ffffff;
}

html[data-theme="light"] .api-demo-page .tag {
  color: #6258ba;
}

html[data-theme="light"] .api-demo-page .tag.teal {
  color: #247f77;
}

/* Keep intentionally dark generic technical visuals dark and restore
   their dark-mode variables so muted text stays readable. */
html[data-theme="light"] .api-demo-page .dashboard-card,
html[data-theme="light"] .api-demo-page .code-mock,
html[data-theme="light"] .axqa-experience-page .demo-console,
html[data-theme="light"] .connect-system-page .connect-orbit,
html[data-theme="light"] .connect-system-page .architecture-screen,
html[data-theme="light"] .connect-system-page .workflow-case-panel,
html[data-theme="light"] .connect-system-page .workflow-console-panel,
html[data-theme="light"] .how-axqa-page .how-orbit,
html[data-theme="light"] .how-axqa-page .how-stage-shell,
html[data-theme="light"] .how-axqa-page .workflow-lab-shell,
html[data-theme="light"] .how-axqa-page .execution-path-card {
  --text: #e8edf6;
  --text-muted: #8898b8;
  --text-dim: #5a6a88;
  --border: rgba(255,255,255,.07);
  --border-2: rgba(91,106,245,.22);
  --card-bg: rgba(255,255,255,.035);
  color-scheme: dark;
}

/* ---------------------------------------------------------
   Connect Your System — architecture visual
   --------------------------------------------------------- */
html[data-theme="light"] .connect-system-page .system-chip {
  color: #58687e;
  background: #ffffff;
  border-color: rgba(65,81,108,.13);
}

html[data-theme="light"] .connect-system-page .system-chip:hover,
html[data-theme="light"] .connect-system-page .system-chip.active {
  color: #172033;
  background: rgba(98,82,222,.08);
  border-color: rgba(98,82,222,.28);
}

html[data-theme="light"] .connect-system-page .system-chip-icon {
  color: #655bd1;
  background: rgba(98,82,222,.10);
}

html[data-theme="light"] .connect-system-page .architecture-column {
  background: #ffffff;
  border-color: rgba(65,81,108,.14);
  box-shadow: 0 12px 30px rgba(31,42,63,.035);
}

html[data-theme="light"] .connect-system-page .architecture-api {
  border-color: rgba(31,201,188,.22);
}

html[data-theme="light"] .connect-system-page .architecture-axqa {
  border-color: rgba(98,82,222,.22);
}

html[data-theme="light"] .connect-system-page .architecture-head h3 {
  color: #172033 !important;
}

html[data-theme="light"] .connect-system-page .architecture-eyebrow,
html[data-theme="light"] .connect-system-page .connector-label,
html[data-theme="light"] .connect-system-page .architecture-foot {
  color: #748398;
}

html[data-theme="light"] .connect-system-page .architecture-index {
  color: #655bd1;
  background: rgba(98,82,222,.045);
}

html[data-theme="light"] .connect-system-page .endpoint-row {
  background: #f7f9fc;
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .connect-system-page .endpoint-row code {
  color: #34445a;
}

html[data-theme="light"] .connect-system-page .method.post,
html[data-theme="light"] .connect-system-page .endpoint-ok {
  color: #188f82;
}

html[data-theme="light"] .connect-system-page .method.get {
  color: #655bd1;
}

html[data-theme="light"] .connect-system-page .interface-policy {
  background: #f0fbf9;
  border-color: rgba(31,201,188,.18);
}

html[data-theme="light"] .connect-system-page .interface-policy strong {
  color: #1d2a40;
}

html[data-theme="light"] .connect-system-page .interface-policy span {
  color: #607086;
}

html[data-theme="light"] .connect-system-page .pipeline-item {
  background: #f7f9fc;
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .connect-system-page .pipeline-item.active {
  background: rgba(98,82,222,.075);
  border-color: rgba(98,82,222,.25);
}

html[data-theme="light"] .connect-system-page .pipeline-item > span {
  color: #655bd1;
  background: rgba(98,82,222,.10);
}

html[data-theme="light"] .connect-system-page .pipeline-item strong {
  color: #243248;
}

html[data-theme="light"] .connect-system-page .pipeline-item small {
  color: #748398;
}

html[data-theme="light"] .connect-system-page .architecture-result-bar {
  background: #ffffff;
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .connect-system-page .architecture-result-bar span {
  color: #5f6f84;
}

/* Restore readable text inside the intentionally dark screen. */
html[data-theme="light"] .connect-system-page .architecture-screen strong {
  color: #ffffff;
}

html[data-theme="light"] .connect-system-page .architecture-screen p {
  color: #8ca0be;
}

html[data-theme="light"] .connect-system-page .architecture-foot {
  color: #718096;
}

/* Connect page non-technical cards below the architecture. */
html[data-theme="light"] .connect-system-page .benefit-card,
html[data-theme="light"] .connect-system-page .connection-example {
  background: #ffffff;
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .connect-system-page .benefit-card h3,
html[data-theme="light"] .connect-system-page .connection-example h3 {
  color: #1c2940;
}

html[data-theme="light"] .connect-system-page .benefit-card p,
html[data-theme="light"] .connect-system-page .connection-example p {
  color: #66758b;
}

html[data-theme="light"] .connect-system-page .example-number {
  color: rgba(65,81,108,.20);
}

html[data-theme="light"] .connect-system-page .boundary-card {
  background:
    radial-gradient(circle at 88% 18%, rgba(98,82,222,.07), transparent 30%),
    #ffffff;
  border-color: rgba(65,81,108,.12);
}

html[data-theme="light"] .connect-system-page .boundary-row {
  background: #f7f9fc;
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .connect-system-page .boundary-row span {
  color: #66758b;
}

html[data-theme="light"] .connect-system-page .boundary-row strong {
  color: #27354a;
}

html[data-theme="light"] .connect-system-page .connect-cta-card {
  background:
    radial-gradient(circle at 80% 20%, rgba(98,82,222,.09), transparent 35%),
    #ffffff;
  border-color: rgba(98,82,222,.20);
  box-shadow: 0 18px 45px rgba(31,42,63,.06);
}

html[data-theme="light"] .connect-system-page .connect-cta-card h2 {
  color: #172033;
}

html[data-theme="light"] .connect-system-page .connect-cta-card p {
  color: #66758b;
}

/* ---------------------------------------------------------
   How AXQA Works
   Stage tabs are light; technical stage/workflow shells stay dark.
   --------------------------------------------------------- */
html[data-theme="light"] .how-axqa-page .how-stage-tab {
  color: #66758b;
  background: #ffffff;
  border-color: rgba(65,81,108,.13);
  box-shadow: 0 8px 20px rgba(31,42,63,.025);
}

html[data-theme="light"] .how-axqa-page .how-stage-tab > span {
  color: #7e8da0;
}

html[data-theme="light"] .how-axqa-page .how-stage-tab strong {
  color: #27354a;
}

html[data-theme="light"] .how-axqa-page .how-stage-tab small {
  color: #718096;
}

html[data-theme="light"] .how-axqa-page .how-stage-tab:hover,
html[data-theme="light"] .how-axqa-page .how-stage-tab.active {
  background: linear-gradient(145deg, rgba(98,82,222,.09), rgba(31,201,188,.035), #ffffff);
  border-color: rgba(98,82,222,.30);
  box-shadow: 0 12px 26px rgba(31,42,63,.07);
}

html[data-theme="light"] .how-axqa-page .how-stage-tab.active > span {
  color: #655bd1;
}

html[data-theme="light"] .how-axqa-page .how-stage-tab.active strong {
  color: #172033;
}

html[data-theme="light"] .how-axqa-page .connected-outcome-card,
html[data-theme="light"] .how-axqa-page .how-cta-card {
  background:
    radial-gradient(circle at 90% 12%, rgba(98,82,222,.055), transparent 28%),
    #ffffff;
  border-color: rgba(65,81,108,.13);
  box-shadow: 0 16px 42px rgba(31,42,63,.055);
}

html[data-theme="light"] .how-axqa-page .connected-outcome-card h2,
html[data-theme="light"] .how-axqa-page .how-cta-card h2 {
  color: #172033;
}

html[data-theme="light"] .how-axqa-page .connected-outcome-card p,
html[data-theme="light"] .how-axqa-page .how-cta-card p {
  color: #66758b;
}

html[data-theme="light"] .how-axqa-page .outcome-visual > div {
  background: #f7f9fc;
  border-color: rgba(65,81,108,.10);
}

html[data-theme="light"] .how-axqa-page .outcome-visual strong {
  color: #27354a;
}

html[data-theme="light"] .how-axqa-page .outcome-visual small {
  color: #718096;
}

html[data-theme="light"] .how-axqa-page .outcome-visual > div > span {
  color: #655bd1;
  background: rgba(98,82,222,.08);
}

/* Dark technical shells on How AXQA Works: make border/shadow intentional. */
html[data-theme="light"] .how-axqa-page .how-stage-shell,
html[data-theme="light"] .how-axqa-page .workflow-lab-shell,
html[data-theme="light"] .how-axqa-page .execution-path-card {
  border-color: rgba(32,48,72,.20);
  box-shadow: 0 22px 55px rgba(31,42,63,.14);
}

/* ---------------------------------------------------------
   Interactive product demo selector cards
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-experience-page .simulation-note {
  color: #536278;
  background: rgba(98,82,222,.055);
  border-color: rgba(98,82,222,.16);
}

html[data-theme="light"] .axqa-experience-page .demo-mode-card {
  color: #1c2940;
  background: #ffffff;
  border-color: rgba(65,81,108,.13);
  box-shadow: 0 10px 26px rgba(31,42,63,.035);
}

html[data-theme="light"] .axqa-experience-page .demo-mode-card:hover,
html[data-theme="light"] .axqa-experience-page .demo-mode-card.active {
  color: #172033;
  background: linear-gradient(145deg, rgba(98,82,222,.08), #ffffff);
  border-color: rgba(98,82,222,.30);
}

html[data-theme="light"] .axqa-experience-page .demo-mode-card strong {
  color: #1c2940;
}

html[data-theme="light"] .axqa-experience-page .demo-mode-card > span:last-child {
  color: #66758b;
}

html[data-theme="light"] .axqa-experience-page .demo-mode-icon {
  color: #655bd1;
  background: rgba(98,82,222,.08);
  border-color: rgba(98,82,222,.16);
}

/* ---------------------------------------------------------
   Home page hardcoded dark-mode text/surfaces
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-home .axqa-home-hero h1,
html[data-theme="light"] .axqa-home .axqa-home-connect-copy h2,
html[data-theme="light"] .axqa-home .axqa-home-try-copy h2,
html[data-theme="light"] .axqa-home .axqa-home-final h2,
html[data-theme="light"] .axqa-home .section-heading {
  color: #172033 !important;
  text-shadow: none;
}

html[data-theme="light"] .axqa-home .axqa-home-hero h1 em,
html[data-theme="light"] .axqa-home .axqa-home-connect-copy h2 em,
html[data-theme="light"] .axqa-home .axqa-home-try-copy h2 em,
html[data-theme="light"] .axqa-home .axqa-home-final h2 em,
html[data-theme="light"] .axqa-home .section-heading em {
  color: #8174e7;
  text-shadow: none;
}

html[data-theme="light"] .axqa-home .axqa-home-hero-lead,
html[data-theme="light"] .axqa-home .axqa-home-connect-copy p,
html[data-theme="light"] .axqa-home .axqa-home-final p,
html[data-theme="light"] .axqa-home .section-lead {
  color: #66758b;
}

html[data-theme="light"] .axqa-home .axqa-home-kicker {
  color: #247f77;
  background: rgba(31,201,188,.06);
  border-color: rgba(31,201,188,.17);
}

html[data-theme="light"] .axqa-home .axqa-home-proof > div,
html[data-theme="light"] .axqa-home .axqa-home-connect-tags span {
  color: #536278;
  background: rgba(255,255,255,.90);
  border-color: rgba(65,81,108,.13);
}

html[data-theme="light"] .axqa-home .axqa-home-world > span {
  color: #5d6d83;
  background: rgba(255,255,255,.95);
  border-color: rgba(65,81,108,.14);
  box-shadow: 0 10px 24px rgba(31,42,63,.05);
}

html[data-theme="light"] .axqa-home .axqa-home-world strong {
  color: #435269;
}

html[data-theme="light"] .axqa-home .axqa-home-world small {
  color: #718096;
}

html[data-theme="light"] .axqa-home .axqa-home-world.active > span {
  color: #655bd1;
  background: rgba(98,82,222,.08);
  border-color: rgba(98,82,222,.30);
}

html[data-theme="light"] .axqa-home .axqa-home-hero-actions .btn-ghost {
  color: #435269;
  background: rgba(255,255,255,.90);
  border-color: rgba(65,81,108,.15);
}

html[data-theme="light"] .axqa-home .axqa-home-hero-actions .btn-ghost:hover {
  color: #172033;
  background: #ffffff;
  border-color: rgba(98,82,222,.26);
}

html[data-theme="light"] .axqa-home .axqa-home-signal-strip {
  background: rgba(237,242,247,.92);
  border-top-color: rgba(65,81,108,.08);
  border-bottom-color: rgba(65,81,108,.08);
}

html[data-theme="light"] .axqa-home .axqa-home-signal-track > div span {
  color: #7b8799;
}

html[data-theme="light"] .axqa-home .axqa-home-signal-track > div strong {
  color: #27354a;
}

html[data-theme="light"] .axqa-home .axqa-home-signal-track > div small {
  color: #69788c;
}

html[data-theme="light"] .axqa-home .axqa-home-signal-track > i {
  background: rgba(65,81,108,.18);
}

html[data-theme="light"] .axqa-home .axqa-home-engine-section,
html[data-theme="light"] .axqa-home .axqa-home-try-section,
html[data-theme="light"] .axqa-home .axqa-home-agent-section {
  background: linear-gradient(180deg, rgba(246,248,252,.40), rgba(237,242,247,.88));
  border-color: rgba(65,81,108,.08);
}

/* ---------------------------------------------------------
   Shared metric cards used by How AXQA Works / Getting Started
   --------------------------------------------------------- */
html[data-theme="light"] .how-axqa-page .metric-cell,
html[data-theme="light"] .getting-started-page .metric-cell {
  background: #ffffff;
}

html[data-theme="light"] .how-axqa-page .metric-cell .val,
html[data-theme="light"] .getting-started-page .metric-cell .val {
  color: #1c2940 !important;
}

html[data-theme="light"] .how-axqa-page .metric-cell .lbl,
html[data-theme="light"] .getting-started-page .metric-cell .lbl {
  color: #66758b;
}

/* ---------------------------------------------------------
   Simple/account/billing page roots
   Existing page CSS already uses variables heavily; these ensure the
   root background and text are consistently light.
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-account-page,
html[data-theme="light"] .axqa-access-simple,
html[data-theme="light"] .axqa-reg-simple,
html[data-theme="light"] .axqa-billing-page,
html[data-theme="light"] .axqa-cancel-page,
html[data-theme="light"] .axqa-transaction-page,
html[data-theme="light"] .axqa-info-page,
html[data-theme="light"] .axqa-simple-page,
html[data-theme="light"] .axqa-price-page {
  color-scheme: light;
}

html[data-theme="light"] .axqa-simple-header h1,
html[data-theme="light"] .axqa-simple-status-card h1,
html[data-theme="light"] .axqa-legal-content h2,
html[data-theme="light"] .axqa-legal-content h3,
html[data-theme="light"] .axqa-legal-content h4,
html[data-theme="light"] .axqa-legal-content strong {
  color: #172033 !important;
}

html[data-theme="light"] .axqa-simple-header > p,
html[data-theme="light"] .axqa-simple-status-card > p,
html[data-theme="light"] .axqa-legal-content,
html[data-theme="light"] .axqa-legal-content p,
html[data-theme="light"] .axqa-legal-content li {
  color: #5f6f84 !important;
}

html[data-theme="light"] .axqa-legal-card,
html[data-theme="light"] .axqa-support-card,
html[data-theme="light"] .axqa-simple-status-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.13) !important;
  box-shadow: 0 20px 55px rgba(31,42,63,.07) !important;
}

html[data-theme="light"] .axqa-legal-meta {
  background: #f7f9fc;
  border-color: rgba(65,81,108,.09);
}

/* ---------------------------------------------------------
   Native form controls / autofill
   --------------------------------------------------------- */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  color-scheme: light;
}

html[data-theme="light"] .demo-console input,
html[data-theme="light"] .demo-console textarea,
html[data-theme="light"] .demo-console select,
html[data-theme="light"] .workflow-console-panel input,
html[data-theme="light"] .workflow-console-panel textarea,
html[data-theme="light"] .workflow-console-panel select,
html[data-theme="light"] .challenge-store input,
html[data-theme="light"] .challenge-store textarea,
html[data-theme="light"] .challenge-store select,
html[data-theme="light"] .challenge-panel input,
html[data-theme="light"] .challenge-panel textarea,
html[data-theme="light"] .challenge-panel select {
  color-scheme: dark;
}

html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill,
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:hover,
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:active,
html[data-theme="light"] textarea:-webkit-autofill,
html[data-theme="light"] textarea:-webkit-autofill:hover,
html[data-theme="light"] textarea:-webkit-autofill:active,
html[data-theme="light"] select:-webkit-autofill,
html[data-theme="light"] select:-webkit-autofill:hover,
html[data-theme="light"] select:-webkit-autofill:active {
  -webkit-text-fill-color: #172033 !important;
  caret-color: #172033 !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  border-color: rgba(65,81,108,.18) !important;
  background-color: #ffffff !important;
}

html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:focus,
html[data-theme="light"] textarea:-webkit-autofill:focus,
html[data-theme="light"] select:-webkit-autofill:focus {
  -webkit-text-fill-color: #172033 !important;
  caret-color: #172033 !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  border-color: rgba(98,82,222,.45) !important;
}

html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] .terms-checkbox-wrapper input[type="checkbox"] {
  color-scheme: light;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: rgba(65,81,108,.30) !important;
}

html[data-theme="light"] input[type="checkbox"]:checked,
html[data-theme="light"] .terms-checkbox-wrapper input[type="checkbox"]:checked {
  background: #7b68f6 !important;
  background-color: #7b68f6 !important;
  border-color: #7b68f6 !important;
}

/* ---------------------------------------------------------
   Reduced motion
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .axqa-theme-toggle,
  .axqa-theme-toggle-mobile {
    transition: none;
  }
}

/* =========================================================
   LIGHT MODE — FINAL VISUAL QA ROUND
   Fixes remaining public-page contrast issues shown in QA.
   Dark theme is untouched. Technical interactive shells stay dark.
   ========================================================= */

/* ---------------------------------------------------------
   ABOUT AXQA
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-about-header h1 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .axqa-about-header h1 em {
  color: #8174e7 !important;
}

html[data-theme="light"] .axqa-about-header > p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-about-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 16px 40px rgba(31,42,63,.055);
}

html[data-theme="light"] .axqa-about-card:hover {
  border-color: rgba(98,82,222,.28) !important;
  box-shadow: 0 20px 48px rgba(31,42,63,.08);
}

html[data-theme="light"] .axqa-about-card > small {
  color: #7a889b !important;
}

html[data-theme="light"] .axqa-about-card h2 {
  color: #1c2940 !important;
}

html[data-theme="light"] .axqa-about-card p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-about-final {
  background:
    radial-gradient(circle at 90% 10%, rgba(54,218,203,.055), transparent 30%),
    #ffffff !important;
  border-color: rgba(98,82,222,.16) !important;
  box-shadow: 0 16px 42px rgba(31,42,63,.055);
}

html[data-theme="light"] .axqa-about-final h2 {
  color: #1c2940 !important;
}

html[data-theme="light"] .axqa-about-final .float-right {
  color: #66758b !important;
}


/* ---------------------------------------------------------
   GETTING STARTED
   Navigation/content cards become light.
   The actual guided-workflow shell remains dark.
   --------------------------------------------------------- */
html[data-theme="light"] .getting-started-page .gs-path-tab {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 10px 26px rgba(31,42,63,.035);
}

html[data-theme="light"] .getting-started-page .gs-path-tab:hover {
  border-color: rgba(98,82,222,.28) !important;
  box-shadow: 0 14px 34px rgba(31,42,63,.07);
}

html[data-theme="light"] .getting-started-page .gs-path-tab.active {
  background: linear-gradient(145deg, rgba(98,82,222,.11), #ffffff 72%) !important;
  border-color: rgba(98,82,222,.38) !important;
  box-shadow: 0 14px 34px rgba(98,82,222,.09) !important;
}

html[data-theme="light"] .getting-started-page .gs-path-tab > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .getting-started-page .gs-path-tab strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .getting-started-page .gs-path-tab small {
  color: #66758b !important;
}

html[data-theme="light"] .getting-started-page .gs-step-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.035);
}

html[data-theme="light"] .getting-started-page .gs-step-card:hover {
  border-color: rgba(98,82,222,.27) !important;
  box-shadow: 0 16px 38px rgba(31,42,63,.07);
}

html[data-theme="light"] .getting-started-page .gs-step-number {
  color: #c5ccda !important;
}

html[data-theme="light"] .getting-started-page .gs-step-icon {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .getting-started-page .gs-step-card h3 {
  color: #1c2940 !important;
}

html[data-theme="light"] .getting-started-page .gs-step-card p,
html[data-theme="light"] .getting-started-page .gs-step-output strong {
  color: #66758b !important;
}

html[data-theme="light"] .getting-started-page .gs-step-output {
  border-top-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .getting-started-page .gs-step-output span {
  color: #8895a7 !important;
}

html[data-theme="light"] .getting-started-page .gs-good-start-card {
  background:
    linear-gradient(145deg, rgba(98,82,222,.055), rgba(31,201,188,.025), #ffffff 72%) !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 18px 48px rgba(31,42,63,.055);
}

html[data-theme="light"] .getting-started-page .gs-good-copy h2 {
  color: #172033 !important;
}

html[data-theme="light"] .getting-started-page .gs-good-copy p {
  color: #66758b !important;
}

html[data-theme="light"] .getting-started-page .gs-good-list > div {
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(65,81,108,.11) !important;
}

html[data-theme="light"] .getting-started-page .gs-good-list strong {
  color: #26364c !important;
}

html[data-theme="light"] .getting-started-page .gs-good-list small {
  color: #6f7e92 !important;
}

html[data-theme="light"] .getting-started-page .gs-next-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.035);
}

html[data-theme="light"] .getting-started-page .gs-next-card:hover {
  border-color: rgba(98,82,222,.28) !important;
  box-shadow: 0 16px 38px rgba(31,42,63,.07);
}

html[data-theme="light"] .getting-started-page .gs-next-card > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .getting-started-page .gs-next-card > small {
  color: #7e8b9d !important;
}

html[data-theme="light"] .getting-started-page .gs-next-card > strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .getting-started-page .gs-next-card > p {
  color: #66758b !important;
}

html[data-theme="light"] .getting-started-page .gs-next-card > b {
  color: #655bd1 !important;
}

html[data-theme="light"] .getting-started-page .gs-final-cta {
  background:
    radial-gradient(circle at 90% 20%, rgba(98,82,222,.065), transparent 34%),
    #ffffff !important;
  border-color: rgba(98,82,222,.16) !important;
  box-shadow: 0 16px 42px rgba(31,42,63,.055);
}

html[data-theme="light"] .getting-started-page .gs-final-cta h2 {
  color: #172033 !important;
}

html[data-theme="light"] .getting-started-page .gs-final-cta p {
  color: #66758b !important;
}


/* ---------------------------------------------------------
   QA WORKSPACE SETUP
   Public explanation surfaces become light.
   Builder / topology / execution panels remain dark.
   --------------------------------------------------------- */
html[data-theme="light"] .workspace-setup-page .ws-profile-tab {
  color: #172033 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 10px 26px rgba(31,42,63,.035);
}

html[data-theme="light"] .workspace-setup-page .ws-profile-tab:hover {
  border-color: rgba(98,82,222,.28) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-profile-tab.active {
  background: linear-gradient(145deg, rgba(98,82,222,.11), #ffffff 72%) !important;
  border-color: rgba(98,82,222,.38) !important;
  box-shadow: 0 14px 34px rgba(98,82,222,.09);
}

html[data-theme="light"] .workspace-setup-page .ws-profile-tab > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-profile-tab strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .workspace-setup-page .ws-profile-tab small {
  color: #66758b !important;
}

html[data-theme="light"] .workspace-setup-page .ws-dark-section {
  background:
    linear-gradient(180deg, #f6f8fc 0%, #eef2f7 48%, #f6f8fc 100%) !important;
  border-top: 1px solid rgba(65,81,108,.08) !important;
  border-bottom: 1px solid rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-step-card {
  color: #172033 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 10px 28px rgba(31,42,63,.035);
}

html[data-theme="light"] .workspace-setup-page .ws-step-card:hover,
html[data-theme="light"] .workspace-setup-page .ws-step-card.active {
  background: linear-gradient(145deg, rgba(98,82,222,.08), #ffffff 78%) !important;
  border-color: rgba(98,82,222,.30) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-step-number {
  color: #c5ccda !important;
}

html[data-theme="light"] .workspace-setup-page .ws-step-icon {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-step-card h3 {
  color: #1c2940 !important;
}

html[data-theme="light"] .workspace-setup-page .ws-step-card p {
  color: #66758b !important;
}

html[data-theme="light"] .workspace-setup-page .ws-step-card b {
  color: #655bd1 !important;
}

html[data-theme="light"] .workspace-setup-page .ws-benefit-card {
  background:
    linear-gradient(145deg, rgba(98,82,222,.05), rgba(31,201,188,.025), #ffffff 72%) !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 18px 48px rgba(31,42,63,.055);
}

html[data-theme="light"] .workspace-setup-page .ws-benefit-copy h2 {
  color: #172033 !important;
}

html[data-theme="light"] .workspace-setup-page .ws-benefit-copy p {
  color: #66758b !important;
}

html[data-theme="light"] .workspace-setup-page .ws-benefit-list > div {
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(65,81,108,.11) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-benefit-list strong {
  color: #26364c !important;
}

html[data-theme="light"] .workspace-setup-page .ws-benefit-list small {
  color: #6f7e92 !important;
}

html[data-theme="light"] .workspace-setup-page .ws-next-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.035);
}

html[data-theme="light"] .workspace-setup-page .ws-next-card:hover {
  border-color: rgba(98,82,222,.28) !important;
  box-shadow: 0 16px 38px rgba(31,42,63,.07);
}

html[data-theme="light"] .workspace-setup-page .ws-next-card > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .workspace-setup-page .ws-next-card > small {
  color: #7e8b9d !important;
}

html[data-theme="light"] .workspace-setup-page .ws-next-card > strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .workspace-setup-page .ws-next-card > p {
  color: #66758b !important;
}

html[data-theme="light"] .workspace-setup-page .ws-next-card > b {
  color: #655bd1 !important;
}


/* ---------------------------------------------------------
   TEST CASE MANAGEMENT
   Lighten explanatory sections/cards only.
   Builder, detail panel and lab remain dark technical UI.
   --------------------------------------------------------- */
html[data-theme="light"] .tc-page .tc-dark-section {
  background:
    linear-gradient(180deg, #f6f8fc 0%, #eef2f7 50%, #f6f8fc 100%) !important;
  border-top-color: rgba(65,81,108,.08) !important;
  border-bottom-color: rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .tc-page .tc-scenario-tab,
html[data-theme="light"] .tc-page .tc-step-card {
  color: #172033 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 10px 28px rgba(31,42,63,.035);
}

html[data-theme="light"] .tc-page .tc-scenario-tab:hover,
html[data-theme="light"] .tc-page .tc-step-card:hover,
html[data-theme="light"] .tc-page .tc-scenario-tab.active,
html[data-theme="light"] .tc-page .tc-step-card.active {
  background: linear-gradient(145deg, rgba(98,82,222,.10), #ffffff 74%) !important;
  border-color: rgba(98,82,222,.36) !important;
  box-shadow: 0 14px 34px rgba(98,82,222,.08);
}

html[data-theme="light"] .tc-page .tc-scenario-tab span,
html[data-theme="light"] .tc-page .tc-step-card i {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .tc-page .tc-scenario-tab strong,
html[data-theme="light"] .tc-page .tc-step-card strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .tc-page .tc-scenario-tab small,
html[data-theme="light"] .tc-page .tc-step-card small,
html[data-theme="light"] .tc-page .tc-step-card span {
  color: #66758b !important;
}

html[data-theme="light"] .tc-page .tc-benefit-grid > div {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.04);
}

html[data-theme="light"] .tc-page .tc-benefit-grid span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .tc-page .tc-benefit-grid h3 {
  color: #1c2940 !important;
}

html[data-theme="light"] .tc-page .tc-benefit-grid p {
  color: #66758b !important;
}

/* Keep the final Test Case CTA intentionally dark but readable. */
html[data-theme="light"] .tc-page .tc-next-card h2 {
  color: #eff5fc !important;
}

html[data-theme="light"] .tc-page .tc-next-card p {
  color: #9aa9bb !important;
}


/* ---------------------------------------------------------
   Light-page section headings: prevent accidental white text
   on pale marketing/callout surfaces.
   These selectors intentionally exclude dark technical shells.
   --------------------------------------------------------- */
html[data-theme="light"] .getting-started-page .gs-good-start-card .section-heading,
html[data-theme="light"] .getting-started-page .gs-final-cta .section-heading,
html[data-theme="light"] .workspace-setup-page .ws-benefit-card .section-heading {
  color: #172033 !important;
}
/* =========================================================
   LIGHT MODE — QA ROUND 2
   Fixes API Test Management, Campaign Management,
   Smart Agent public sections, Support form and demo-button hover.
   Dark theme and application logic are untouched.
   ========================================================= */

/* ---------------------------------------------------------
   HEADER — Request a Demo hover
   Keep text visible and avoid the washed-out hover state.
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-site-header .axqa-header-demo,
html[data-theme="light"] .axqa-site-header a.axqa-header-demo {
  color: #435269 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.16) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .axqa-site-header .axqa-header-demo:hover,
html[data-theme="light"] .axqa-site-header .axqa-header-demo:focus-visible,
html[data-theme="light"] .axqa-site-header a.axqa-header-demo:hover,
html[data-theme="light"] .axqa-site-header a.axqa-header-demo:focus-visible {
  color: #5548c9 !important;
  background: #f2efff !important;
  border-color: rgba(101,91,209,.42) !important;
  box-shadow: 0 8px 20px rgba(98,82,222,.10) !important;
}

/* ---------------------------------------------------------
   DARK CTA / TECHNICAL GHOST BUTTONS
   Generic light-mode ghost styling is intentionally overridden
   when the button sits on a dark technical or CTA surface.
   --------------------------------------------------------- */
html[data-theme="light"] .api-demo-page .atm-next-card .btn-ghost,
html[data-theme="light"] .api-demo-page .tcm-next-card .btn-ghost,
html[data-theme="light"] .api-demo-page .tc-next-card .btn-ghost,
html[data-theme="light"] .api-demo-page .demo-cta-card .btn-ghost,
html[data-theme="light"] .api-demo-page .atm-lab-actions .btn-ghost,
html[data-theme="light"] .api-demo-page .tcm-lab-actions .btn-ghost,
html[data-theme="light"] .api-demo-page .tc-lab-actions .btn-ghost,
html[data-theme="light"] .api-demo-page .mission-controls .btn-ghost,
html[data-theme="light"] .api-demo-page .workflow-controls .btn-ghost {
  color: #dfe5ff !important;
  background: rgba(91,106,245,.11) !important;
  border-color: rgba(128,142,255,.34) !important;
}

html[data-theme="light"] .api-demo-page .atm-next-card .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .tcm-next-card .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .tc-next-card .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .demo-cta-card .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .atm-lab-actions .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .tcm-lab-actions .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .tc-lab-actions .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .mission-controls .btn-ghost:hover,
html[data-theme="light"] .api-demo-page .workflow-controls .btn-ghost:hover {
  color: #ffffff !important;
  background: rgba(91,106,245,.22) !important;
  border-color: rgba(157,167,255,.58) !important;
}

/* =========================================================
   API TEST MANAGEMENT
   ========================================================= */

/* Marketing/explanation sections should stay light. */
html[data-theme="light"] .atm-page .atm-dark-section {
  background:
    linear-gradient(180deg, #f6f8fc 0%, #eef3f8 50%, #f6f8fc 100%) !important;
  border-top-color: rgba(65,81,108,.08) !important;
  border-bottom-color: rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .atm-page .atm-dark-section .section-heading {
  color: #172033 !important;
}

html[data-theme="light"] .atm-page .atm-dark-section .section-heading em {
  color: #8174e7 !important;
}

html[data-theme="light"] .atm-page .atm-dark-section .section-lead {
  color: #66758b !important;
}

/* Validation type selector. */
html[data-theme="light"] .atm-page .atm-validation-tabs button {
  color: #27354a !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 10px 26px rgba(31,42,63,.035);
}

html[data-theme="light"] .atm-page .atm-validation-tabs button:hover,
html[data-theme="light"] .atm-page .atm-validation-tabs button.active {
  color: #172033 !important;
  background: linear-gradient(145deg, rgba(98,82,222,.10), #ffffff 76%) !important;
  border-color: rgba(98,82,222,.36) !important;
  box-shadow: 0 14px 34px rgba(98,82,222,.08);
}

html[data-theme="light"] .atm-page .atm-validation-tabs span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .atm-page .atm-validation-tabs strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .atm-page .atm-validation-tabs small {
  color: #66758b !important;
}

/* Execution path cards are explanatory, not consoles. */
html[data-theme="light"] .atm-page .atm-path-card,
html[data-theme="light"] .atm-page .atm-benefit-grid > div {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.04);
}

html[data-theme="light"] .atm-page .atm-path-card > span,
html[data-theme="light"] .atm-page .atm-benefit-grid > div > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .atm-page .atm-path-card > small {
  color: #24877f !important;
}

html[data-theme="light"] .atm-page .atm-path-card h3,
html[data-theme="light"] .atm-page .atm-benefit-grid h3 {
  color: #1c2940 !important;
}

html[data-theme="light"] .atm-page .atm-path-card p,
html[data-theme="light"] .atm-page .atm-benefit-grid p {
  color: #66758b !important;
}

html[data-theme="light"] .atm-page .atm-path-card a {
  color: #247f77 !important;
}

html[data-theme="light"] .atm-page .atm-mini-flow b {
  color: #435269 !important;
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.14) !important;
}

html[data-theme="light"] .atm-page .atm-mini-flow i {
  color: #8090a4 !important;
}

/* Response and validation shells remain intentionally dark. */
html[data-theme="light"] .atm-page .atm-response-shell,
html[data-theme="light"] .atm-page .atm-validation-shell,
html[data-theme="light"] .atm-page .atm-lab-shell,
html[data-theme="light"] .atm-page .atm-next-card {
  color-scheme: dark;
}

html[data-theme="light"] .atm-page .atm-response-copy h3,
html[data-theme="light"] .atm-page .atm-rule-builder h3,
html[data-theme="light"] .atm-page .atm-next-card h2 {
  color: #eef4fc !important;
}

html[data-theme="light"] .atm-page .atm-response-copy p,
html[data-theme="light"] .atm-page .atm-rule-builder p,
html[data-theme="light"] .atm-page .atm-next-card p {
  color: #8fa0b6 !important;
}

/* =========================================================
   TEST CAMPAIGN MANAGEMENT
   ========================================================= */

/* Scenario selector. */
html[data-theme="light"] .tcm-page .tcm-scenario-tab,
html[data-theme="light"] .tcm-page .tcm-step-card {
  color: #27354a !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 10px 26px rgba(31,42,63,.035);
}

html[data-theme="light"] .tcm-page .tcm-scenario-tab:hover,
html[data-theme="light"] .tcm-page .tcm-step-card:hover,
html[data-theme="light"] .tcm-page .tcm-scenario-tab.active,
html[data-theme="light"] .tcm-page .tcm-step-card.active {
  color: #172033 !important;
  background: linear-gradient(145deg, rgba(98,82,222,.10), #ffffff 76%) !important;
  border-color: rgba(98,82,222,.36) !important;
  box-shadow: 0 14px 34px rgba(98,82,222,.08);
}

html[data-theme="light"] .tcm-page .tcm-scenario-tab > span,
html[data-theme="light"] .tcm-page .tcm-step-card i {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .tcm-page .tcm-scenario-tab strong,
html[data-theme="light"] .tcm-page .tcm-step-card strong {
  color: #1c2940 !important;
}

html[data-theme="light"] .tcm-page .tcm-scenario-tab small,
html[data-theme="light"] .tcm-page .tcm-step-card small,
html[data-theme="light"] .tcm-page .tcm-step-card span {
  color: #66758b !important;
}

/* Operating-model section should be light; the detail shell remains dark. */
html[data-theme="light"] .tcm-page .tcm-dark-section {
  background:
    linear-gradient(180deg, #f6f8fc 0%, #eef3f8 50%, #f6f8fc 100%) !important;
  border-top-color: rgba(65,81,108,.08) !important;
  border-bottom-color: rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .tcm-page .tcm-dark-section .section-heading {
  color: #172033 !important;
}

html[data-theme="light"] .tcm-page .tcm-dark-section .section-heading em {
  color: #8174e7 !important;
}

html[data-theme="light"] .tcm-page .tcm-dark-section .section-lead {
  color: #66758b !important;
}

html[data-theme="light"] .tcm-page .tcm-detail-shell,
html[data-theme="light"] .tcm-page .tcm-builder-shell,
html[data-theme="light"] .tcm-page .tcm-lab-main,
html[data-theme="light"] .tcm-page .tcm-result-card,
html[data-theme="light"] .tcm-page .tcm-next-card {
  color-scheme: dark;
}

/* Benefit cards are explanatory and should be light. */
html[data-theme="light"] .tcm-page .tcm-benefit-grid > div {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.04);
}

html[data-theme="light"] .tcm-page .tcm-benefit-grid span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .tcm-page .tcm-benefit-grid h3 {
  color: #1c2940 !important;
}

html[data-theme="light"] .tcm-page .tcm-benefit-grid p {
  color: #66758b !important;
}

/* Keep the dark final CTA readable. */
html[data-theme="light"] .tcm-page .tcm-next-card h2 {
  color: #eff5fc !important;
}

html[data-theme="light"] .tcm-page .tcm-next-card p {
  color: #8fa0b6 !important;
}

/* =========================================================
   SMART AGENT LOCAL TESTING
   ========================================================= */

/* Environment selector should behave like a light-mode selector. */
html[data-theme="light"] .smart-agent-page .agent-env-chip {
  color: #435269 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 8px 20px rgba(31,42,63,.025);
}

html[data-theme="light"] .smart-agent-page .agent-env-chip span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .smart-agent-page .agent-env-chip:hover,
html[data-theme="light"] .smart-agent-page .agent-env-chip.active {
  color: #172033 !important;
  background: linear-gradient(145deg, rgba(98,82,222,.10), #ffffff 76%) !important;
  border-color: rgba(98,82,222,.36) !important;
  box-shadow: 0 10px 26px rgba(98,82,222,.08);
}

html[data-theme="light"] .smart-agent-page .agent-env-chip.active span {
  color: #5548c9 !important;
  background: rgba(98,82,222,.12) !important;
}

/* Security explanation rows on the left. */
html[data-theme="light"] .smart-agent-page .agent-security-section {
  background:
    linear-gradient(180deg, transparent, rgba(98,82,222,.025), transparent) !important;
}

html[data-theme="light"] .smart-agent-page .security-points > div {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.12) !important;
  box-shadow: 0 8px 20px rgba(31,42,63,.025);
}

html[data-theme="light"] .smart-agent-page .security-points > div > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .smart-agent-page .security-points strong {
  color: #26364c !important;
}

html[data-theme="light"] .smart-agent-page .security-points small {
  color: #66758b !important;
}

/* Policy gate itself stays dark/technical. */
html[data-theme="light"] .smart-agent-page .policy-gate-card,
html[data-theme="light"] .smart-agent-page .mission-shell,
html[data-theme="light"] .smart-agent-page .agent-arch-node {
  color-scheme: dark;
}

/* Scenario cards are explanatory, so make them light. */
html[data-theme="light"] .smart-agent-page .agent-scenario-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 12px 30px rgba(31,42,63,.04);
}

html[data-theme="light"] .smart-agent-page .agent-scenario-card:hover {
  border-color: rgba(98,82,222,.28) !important;
  box-shadow: 0 16px 38px rgba(31,42,63,.07);
}

html[data-theme="light"] .smart-agent-page .scenario-icon {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .smart-agent-page .scenario-number {
  color: #c4ccda !important;
}

html[data-theme="light"] .smart-agent-page .agent-scenario-card h3 {
  color: #1c2940 !important;
}

html[data-theme="light"] .smart-agent-page .agent-scenario-card p {
  color: #66758b !important;
}

html[data-theme="light"] .smart-agent-page .scenario-flow span {
  color: #58687e !important;
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
}

/* Responsibility boundary: fully light, with compact status rows. */
html[data-theme="light"] .smart-agent-page .agent-boundary-card {
  background:
    radial-gradient(circle at 88% 18%, rgba(31,201,188,.055), transparent 30%),
    radial-gradient(circle at 8% 10%, rgba(98,82,222,.055), transparent 28%),
    #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 18px 48px rgba(31,42,63,.055);
}

html[data-theme="light"] .smart-agent-page .agent-boundary-card .section-heading {
  color: #172033 !important;
}

html[data-theme="light"] .smart-agent-page .agent-boundary-card .section-heading em {
  color: #8174e7 !important;
}

html[data-theme="light"] .smart-agent-page .agent-boundary-card .section-lead {
  color: #66758b !important;
}

html[data-theme="light"] .smart-agent-page .boundary-visual > div {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.11) !important;
}

html[data-theme="light"] .smart-agent-page .boundary-visual strong {
  color: #26364c !important;
}

html[data-theme="light"] .smart-agent-page .boundary-visual small {
  color: #66758b !important;
}

/* Final Smart Agent CTA should be light, not half dark/half white. */
html[data-theme="light"] .smart-agent-page .agent-cta-card {
  background:
    radial-gradient(circle at 86% 18%, rgba(98,82,222,.07), transparent 32%),
    #ffffff !important;
  border-color: rgba(98,82,222,.16) !important;
  box-shadow: 0 18px 48px rgba(31,42,63,.055);
}

html[data-theme="light"] .smart-agent-page .agent-cta-card h2 {
  color: #172033 !important;
}

html[data-theme="light"] .smart-agent-page .agent-cta-card p {
  color: #66758b !important;
}

html[data-theme="light"] .smart-agent-page .agent-cta-card .btn-ghost {
  color: #655bd1 !important;
  background: #ffffff !important;
  border-color: rgba(98,82,222,.28) !important;
}

html[data-theme="light"] .smart-agent-page .agent-cta-card .btn-ghost:hover {
  color: #4f43c4 !important;
  background: rgba(98,82,222,.075) !important;
  border-color: rgba(98,82,222,.42) !important;
}

/* =========================================================
   INTERACTIVE PRODUCT DEMO FINAL CTA
   ========================================================= */
html[data-theme="light"] .axqa-experience-page .demo-cta-card {
  color-scheme: dark;
}

html[data-theme="light"] .axqa-experience-page .demo-cta-card h2 {
  color: #ffffff !important;
}

html[data-theme="light"] .axqa-experience-page .demo-cta-card p {
  color: #96a6c4 !important;
}

html[data-theme="light"] .axqa-experience-page .demo-cta-card .btn-ghost {
  color: #dfe5ff !important;
  background: rgba(91,106,245,.11) !important;
  border-color: rgba(128,142,255,.34) !important;
}

html[data-theme="light"] .axqa-experience-page .demo-cta-card .btn-ghost:hover {
  color: #ffffff !important;
  background: rgba(91,106,245,.22) !important;
  border-color: rgba(157,167,255,.58) !important;
}

/* =========================================================
   SUPPORT / DEMO REQUEST FORM
   ========================================================= */
html[data-theme="light"] .axqa-support-page .axqa-support-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 20px 55px rgba(31,42,63,.07) !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-card-head {
  border-bottom-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-card-head > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
  border-color: rgba(98,82,222,.15) !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-card-head small {
  color: #7a889b !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-card-head h2 {
  color: #172033 !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-card-head p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap .form-group label {
  color: #435269 !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap .form-control,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap input,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap select,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap textarea {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  background: #f7f9fc !important;
  background-color: #f7f9fc !important;
  border-color: rgba(65,81,108,.18) !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap input::placeholder,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap textarea::placeholder {
  color: #8996a8 !important;
  -webkit-text-fill-color: #8996a8 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap .form-control:focus,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap input:focus,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap select:focus,
html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap textarea:focus {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: rgba(98,82,222,.48) !important;
  box-shadow: 0 0 0 3px rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap input[readonly] {
  color: #5f6f84 !important;
  -webkit-text-fill-color: #5f6f84 !important;
  background: #eef2f7 !important;
  background-color: #eef2f7 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap select option {
  color: #172033 !important;
  background: #ffffff !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap .form-text {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap .form-actions .btn-cancel {
  color: #536278 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.16) !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-form-wrap .form-actions .btn-cancel:hover {
  color: #172033 !important;
  background: #f2f4f8 !important;
  border-color: rgba(98,82,222,.24) !important;
}

html[data-theme="light"] .axqa-support-page .axqa-support-footnote span {
  color: #718096 !important;
}
/* =========================================================
   LIGHT MODE — VISUAL QA ROUND 3
   Remaining contrast fixes from September 4 visual review.
   Only light-theme presentation is changed. Dark theme and
   application behavior are intentionally untouched.
   ========================================================= */

/* ---------------------------------------------------------
   SMART AGENT — result return rail on the light canvas
   --------------------------------------------------------- */
html[data-theme="light"] .smart-agent-page .agent-return-rail {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.13) !important;
  box-shadow: 0 10px 28px rgba(31,42,63,.045) !important;
}

html[data-theme="light"] .smart-agent-page .return-copy > span {
  color: #197d73 !important;
  background: rgba(31,201,188,.10) !important;
}

html[data-theme="light"] .smart-agent-page .return-copy strong {
  color: #26364c !important;
}

html[data-theme="light"] .smart-agent-page .return-copy small {
  color: #66758b !important;
}

/* ---------------------------------------------------------
   CONNECT YOUR SYSTEM — simulation label + example paths
   --------------------------------------------------------- */
html[data-theme="light"] .connect-system-page .simulation-badge {
  color: #197d73 !important;
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.28) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .connect-system-page .simulation-badge span {
  background: #25a99d !important;
  box-shadow: 0 0 9px rgba(37,169,157,.28) !important;
}

html[data-theme="light"] .connect-system-page .connection-example > i {
  color: #8174e7 !important;
}

html[data-theme="light"] .connect-system-page .connection-example code {
  color: #197d73 !important;
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.22) !important;
}

/* ---------------------------------------------------------
   CAN YOU BEAT AXQA — reset control on the light canvas
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-experience-page #challengeResetButton,
html[data-theme="light"] .axqa-experience-page .challenge-toolbar .btn-ghost {
  color: #5f53cf !important;
  background: #ffffff !important;
  border-color: rgba(98,82,222,.28) !important;
  box-shadow: 0 7px 18px rgba(31,42,63,.035) !important;
}

html[data-theme="light"] .axqa-experience-page #challengeResetButton i,
html[data-theme="light"] .axqa-experience-page .challenge-toolbar .btn-ghost i {
  color: #6d61da !important;
}

html[data-theme="light"] .axqa-experience-page #challengeResetButton:hover,
html[data-theme="light"] .axqa-experience-page .challenge-toolbar .btn-ghost:hover {
  color: #493db8 !important;
  background: rgba(98,82,222,.075) !important;
  border-color: rgba(98,82,222,.42) !important;
}

/* ---------------------------------------------------------
   PRICING — hero copy, capacity signals and positioning strip
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-price-page .axqa-price-kicker {
  color: #197d73 !important;
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.25) !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-kicker i {
  background: #25a99d !important;
  box-shadow: 0 0 12px rgba(37,169,157,.34) !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-hero h1 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-hero h1 em {
  color: #8174e7 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-hero-copy > p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-hero-signals span {
  color: #536278 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 6px 18px rgba(31,42,63,.025) !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-hero-signals i {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-strip {
  background: #eef2f7 !important;
  border-top-color: rgba(65,81,108,.10) !important;
  border-bottom-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-strip-inner > div span {
  color: #8290a3 !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-strip-inner > div strong {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-strip-inner > div small {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-strip-inner > i {
  background: rgba(65,81,108,.22) !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-strip-inner > i b {
  background: #25a99d !important;
}

/* The final pricing CTA is intentionally a dark callout. Keep its
   secondary action readable instead of turning it into a grey pill. */
html[data-theme="light"] .axqa-price-page .axqa-price-final-shell .btn-ghost {
  color: #e8edf7 !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.20) !important;
}

html[data-theme="light"] .axqa-price-page .axqa-price-final-shell .btn-ghost:hover {
  color: #ffffff !important;
  background: rgba(98,82,222,.20) !important;
  border-color: rgba(151,138,247,.55) !important;
}

/* ---------------------------------------------------------
   ACCOUNT / PROFILE — complete light-mode surface pass
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-account-page .axqa-account-eyebrow {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-heading h1 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-heading h1 em {
  color: #8174e7 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-heading p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-sidebar,
html[data-theme="light"] .axqa-account-page .axqa-account-card,
html[data-theme="light"] .axqa-account-page .axqa-account-form-card {
  color-scheme: light !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 20px 55px rgba(31,42,63,.065) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-avatar {
  color: #5649c4 !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(98,82,222,.16), rgba(248,249,253,.98)) !important;
  border-color: rgba(98,82,222,.22) !important;
  box-shadow: 0 10px 26px rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-sidebar h2 {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-sidebar > p,
html[data-theme="light"] .axqa-account-page .axqa-account-side-action {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-status {
  color: #536f72 !important;
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.18) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-nav a,
html[data-theme="light"] .axqa-account-page .axqa-account-nav .account-nav-current {
  color: #5f6f84 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-nav a:hover,
html[data-theme="light"] .axqa-account-page .axqa-account-nav .account-nav-current {
  color: #4f43c4 !important;
  background: rgba(98,82,222,.075) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-nav i {
  color: #6d61da !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-side-divider {
  background: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-card-icon,
html[data-theme="light"] .axqa-account-page .axqa-form-section-head > span,
html[data-theme="light"] .axqa-account-page .axqa-subscription-name > span,
html[data-theme="light"] .axqa-account-page .axqa-feature-item > span,
html[data-theme="light"] .axqa-account-page .axqa-empty-state > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
  border-color: rgba(98,82,222,.14) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-card-head small,
html[data-theme="light"] .axqa-account-page .axqa-form-section-head small {
  color: #7a889b !important;
}

html[data-theme="light"] .axqa-account-page .axqa-card-head h3,
html[data-theme="light"] .axqa-account-page .axqa-form-section-head h3,
html[data-theme="light"] .axqa-account-page .axqa-empty-state h3 {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-account-page .axqa-card-head p,
html[data-theme="light"] .axqa-account-page .axqa-empty-state p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-account-page .axqa-card-head .count-badge {
  color: #665bd5 !important;
  background: rgba(98,82,222,.07) !important;
  border-color: rgba(98,82,222,.16) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-info-item,
html[data-theme="light"] .axqa-account-page .axqa-stat-box,
html[data-theme="light"] .axqa-account-page .axqa-feature-item,
html[data-theme="light"] .axqa-account-page .axqa-subscription-card,
html[data-theme="light"] .axqa-account-page .axqa-empty-state {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.11) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-info-item small,
html[data-theme="light"] .axqa-account-page .axqa-stat-box small,
html[data-theme="light"] .axqa-account-page .axqa-feature-item small,
html[data-theme="light"] .axqa-account-page .axqa-subscription-name small,
html[data-theme="light"] .axqa-account-page .axqa-subscription-details small {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-info-item strong,
html[data-theme="light"] .axqa-account-page .axqa-stat-box strong,
html[data-theme="light"] .axqa-account-page .axqa-feature-item strong,
html[data-theme="light"] .axqa-account-page .axqa-subscription-name strong,
html[data-theme="light"] .axqa-account-page .axqa-subscription-details strong {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-account-page .axqa-info-item > a {
  color: #5f53cf !important;
}

html[data-theme="light"] .axqa-account-page .axqa-info-item .not-set {
  color: #8290a3 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-profile-meter {
  background: #e5eaf1 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-subscription-top,
html[data-theme="light"] .axqa-account-page .axqa-subscription-actions,
html[data-theme="light"] .axqa-account-page .axqa-form-section + .axqa-form-section {
  border-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-subscription-details > div {
  border-color: rgba(65,81,108,.09) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-btn:not(.primary):not(.teal):not(.danger) {
  color: #536278 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.16) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-btn:not(.primary):not(.teal):not(.danger):hover {
  color: #4f43c4 !important;
  background: rgba(98,82,222,.07) !important;
  border-color: rgba(98,82,222,.30) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-btn.teal {
  color: #197d73 !important;
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.22) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-account-btn.danger {
  color: #c54c62 !important;
  background: #fff5f7 !important;
  border-color: rgba(197,76,98,.20) !important;
}

/* Profile edit form */
html[data-theme="light"] .axqa-account-page .axqa-form-field label {
  color: #435269 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-form-field input,
html[data-theme="light"] .axqa-account-page .axqa-form-field select,
html[data-theme="light"] .axqa-account-page .axqa-form-field textarea {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  background: #f7f9fc !important;
  background-color: #f7f9fc !important;
  border-color: rgba(65,81,108,.18) !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

html[data-theme="light"] .axqa-account-page .axqa-form-field input:focus,
html[data-theme="light"] .axqa-account-page .axqa-form-field select:focus,
html[data-theme="light"] .axqa-account-page .axqa-form-field textarea:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: rgba(98,82,222,.48) !important;
  box-shadow: 0 0 0 3px rgba(98,82,222,.08) !important;
}

html[data-theme="light"] .axqa-account-page .axqa-form-field input:disabled,
html[data-theme="light"] .axqa-account-page .axqa-input-disabled {
  color: #66758b !important;
  -webkit-text-fill-color: #66758b !important;
  background: #eef2f7 !important;
  background-color: #eef2f7 !important;
  border-color: rgba(65,81,108,.13) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-form-help {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-password-toggle {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-account-page .axqa-password-toggle:hover {
  color: #5f53cf !important;
  background: rgba(98,82,222,.06) !important;
}

/* ---------------------------------------------------------
   BILLING / INVOICES — complete light-mode surface pass
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-billing-page .axqa-billing-kicker {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-header h1,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-card h1 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-header h1 em {
  color: #8174e7 !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-header > p,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-card > p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-card,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-card {
  color-scheme: light !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 20px 55px rgba(31,42,63,.065) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-section-head > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
  border-color: rgba(98,82,222,.14) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-section-head small {
  color: #7a889b !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-section-head h3 {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-purchase-card {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.11) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-purchase-header {
  border-color: rgba(65,81,108,.09) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-purchase-header h4 {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-purchase-header .purchase-date,
html[data-theme="light"] .axqa-billing-page .axqa-purchase-details .detail-label,
html[data-theme="light"] .axqa-billing-page .axqa-invoice-details .detail-label {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-purchase-details .detail-value,
html[data-theme="light"] .axqa-billing-page .axqa-invoice-details .detail-value {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-purchase-details .detail-item,
html[data-theme="light"] .axqa-billing-page .axqa-invoice-details .detail-item {
  border-color: rgba(65,81,108,.09) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-table-wrap {
  border-color: rgba(65,81,108,.12) !important;
  background: #ffffff !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-table {
  background: #ffffff !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-table th {
  color: #66758b !important;
  background: #f2f5f9 !important;
  border-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-table td {
  color: #435269 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-table-link {
  color: #5f53cf !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-empty-billing {
  color: #66758b !important;
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.14) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-empty-billing p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-plan-line {
  background: rgba(98,82,222,.055) !important;
  border-color: rgba(98,82,222,.15) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-plan-line span {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-plan-line strong {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-details .detail-item {
  background: #f7f9fc !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-note {
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.17) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-invoice-note p {
  color: #607086 !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-btn.secondary {
  color: #536278 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.18) !important;
  box-shadow: 0 7px 18px rgba(31,42,63,.03) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-btn.secondary:hover {
  color: #4f43c4 !important;
  background: rgba(98,82,222,.07) !important;
  border-color: rgba(98,82,222,.30) !important;
}

/* =========================================================
   LIGHT MODE — VISUAL QA ROUND 4
   Remaining dark-card consistency + complete checkout pass.
   Dark mode and all application logic remain untouched.
   ========================================================= */

/* ---------------------------------------------------------
   GETTING STARTED — dark workflow CTA secondary button
   Keep the secondary action in the same dark technical spirit.
   --------------------------------------------------------- */
html[data-theme="light"] .getting-started-page .gs-path-shell .btn-ghost,
html[data-theme="light"] .getting-started-page .gs-path-actions .btn-ghost {
  color: #dfe5ff !important;
  background: rgba(91,106,245,.10) !important;
  border-color: rgba(128,142,255,.34) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .getting-started-page .gs-path-shell .btn-ghost:hover,
html[data-theme="light"] .getting-started-page .gs-path-shell .btn-ghost:focus-visible,
html[data-theme="light"] .getting-started-page .gs-path-actions .btn-ghost:hover,
html[data-theme="light"] .getting-started-page .gs-path-actions .btn-ghost:focus-visible {
  color: #ffffff !important;
  background: rgba(91,106,245,.22) !important;
  border-color: rgba(157,167,255,.58) !important;
}

/* ---------------------------------------------------------
   HOW AXQA WORKS — execution-path cards
   All four cards stay intentionally dark. The featured path
   gets an opaque violet-dark treatment instead of translucent
   grey over the light page background.
   --------------------------------------------------------- */
html[data-theme="light"] .how-axqa-page .execution-path-card {
  color-scheme: dark !important;
  background: linear-gradient(150deg, #111b2e, #0b1422) !important;
  border-color: rgba(120,140,176,.16) !important;
  box-shadow: 0 18px 42px rgba(31,42,63,.10) !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card:hover {
  background: linear-gradient(150deg, #131f34, #0b1422) !important;
  border-color: rgba(91,106,245,.38) !important;
  box-shadow: 0 22px 48px rgba(31,42,63,.14) !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card.featured {
  background:
    radial-gradient(circle at 18% 8%, rgba(110,94,246,.20), transparent 36%),
    linear-gradient(150deg, #151d36, #0b1422 68%) !important;
  border-color: rgba(126,113,255,.46) !important;
  box-shadow:
    0 22px 50px rgba(31,42,63,.14),
    0 0 0 1px rgba(126,113,255,.05) inset !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card .path-icon {
  color: #aab3ff !important;
  background: rgba(91,106,245,.12) !important;
  border: 1px solid rgba(91,106,245,.12) !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card > span {
  color: #65748d !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card h3 {
  color: #edf3fb !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card p {
  color: #8b9bb3 !important;
}

html[data-theme="light"] .how-axqa-page .execution-path-card .mini-flow b {
  color: #9aa9bf !important;
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(255,255,255,.075) !important;
}

/* ---------------------------------------------------------
   TEST CAMPAIGN MANAGEMENT — execution summary
   The summary belongs to the dark lab, so make it fully opaque
   and visually consistent with the mission-control panel.
   --------------------------------------------------------- */
html[data-theme="light"] .tcm-page .tcm-run-summary {
  color-scheme: dark !important;
  background:
    radial-gradient(circle at 85% 8%, rgba(124,92,255,.10), transparent 34%),
    linear-gradient(150deg, #111c30, #091321 72%) !important;
  border-color: rgba(139,165,201,.16) !important;
  box-shadow: 0 20px 48px rgba(31,42,63,.13) !important;
}

html[data-theme="light"] .tcm-page .tcm-run-summary > span {
  color: #9b91ff !important;
}

html[data-theme="light"] .tcm-page .tcm-run-summary > div {
  border-color: rgba(139,165,201,.11) !important;
}

html[data-theme="light"] .tcm-page .tcm-run-summary small {
  color: #7f90a8 !important;
}

html[data-theme="light"] .tcm-page .tcm-run-summary strong {
  color: #edf3fb !important;
}

html[data-theme="light"] .tcm-page .tcm-summary-result strong {
  color: #a7b4c7 !important;
}

html[data-theme="light"] .tcm-page .tcm-summary-result strong.passed {
  color: #4bd8a9 !important;
}

html[data-theme="light"] .tcm-page .tcm-summary-result strong.failed {
  color: #ff8197 !important;
}

/* ---------------------------------------------------------
   CAN YOU BEAT AXQA — result-card secondary CTA
   Keep the live-demo action readable on the dark result card.
   --------------------------------------------------------- */
html[data-theme="light"] .axqa-experience-page .challenge-results-card .btn-ghost,
html[data-theme="light"] .axqa-experience-page .challenge-result-actions .btn-ghost {
  color: #dfe5ff !important;
  background: rgba(91,106,245,.10) !important;
  border-color: rgba(128,142,255,.34) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .axqa-experience-page .challenge-results-card .btn-ghost:hover,
html[data-theme="light"] .axqa-experience-page .challenge-results-card .btn-ghost:focus-visible,
html[data-theme="light"] .axqa-experience-page .challenge-result-actions .btn-ghost:hover,
html[data-theme="light"] .axqa-experience-page .challenge-result-actions .btn-ghost:focus-visible {
  color: #ffffff !important;
  background: rgba(91,106,245,.22) !important;
  border-color: rgba(157,167,255,.58) !important;
}

/* =========================================================
   CHECKOUT / UPGRADE / PAYMENT STATUS — COMPLETE LIGHT PASS
   These pages use transaction_simple.css, which has many hardcoded
   dark values. Override the presentation only in light mode.
   ========================================================= */

html[data-theme="light"] .axqa-transaction-page {
  color-scheme: light !important;
  color: #172033 !important;
  background:
    radial-gradient(circle at 10% 9%, rgba(111,88,239,.075), transparent 25%),
    radial-gradient(circle at 90% 16%, rgba(54,218,203,.045), transparent 22%),
    #f6f8fc !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-grid {
  opacity: .42 !important;
  background-image:
    linear-gradient(rgba(65,81,108,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(65,81,108,.045) 1px, transparent 1px) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-glow.one {
  background: rgba(113,90,242,.055) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-glow.two {
  background: rgba(54,218,203,.04) !important;
}

/* Header */
html[data-theme="light"] .axqa-transaction-page .axqa-transaction-kicker {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-kicker.muted {
  color: #7a889b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-header h1,
html[data-theme="light"] .axqa-transaction-page .axqa-status-card h1 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-header h1 em {
  color: #8174e7 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-header p,
html[data-theme="light"] .axqa-transaction-page .axqa-status-card > p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-status-card > p strong {
  color: #26364c !important;
}

/* Main transaction cards */
html[data-theme="light"] .axqa-transaction-page .axqa-plan-card,
html[data-theme="light"] .axqa-transaction-page .axqa-checkout-card,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-card,
html[data-theme="light"] .axqa-transaction-page .axqa-status-card {
  color-scheme: light !important;
  background:
    radial-gradient(circle at 92% 5%, rgba(98,82,222,.045), transparent 28%),
    #ffffff !important;
  border-color: rgba(65,81,108,.14) !important;
  box-shadow: 0 22px 58px rgba(31,42,63,.075) !important;
}

/* Shared headings/icons inside transaction cards */
html[data-theme="light"] .axqa-transaction-page .axqa-plan-icon,
html[data-theme="light"] .axqa-transaction-page .axqa-card-heading > span {
  color: #665bd5 !important;
  background: rgba(98,82,222,.08) !important;
  border-color: rgba(98,82,222,.15) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-heading small,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan .content small,
html[data-theme="light"] .axqa-transaction-page .axqa-card-heading small {
  color: #7a889b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-heading h2,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan h3,
html[data-theme="light"] .axqa-transaction-page .axqa-card-heading h2,
html[data-theme="light"] .axqa-transaction-page .axqa-panel-title {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-heading .content > span,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan .content > span,
html[data-theme="light"] .axqa-transaction-page .axqa-card-heading p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-price h2,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan .pricing-price h2 {
  color: #172033 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-price .pricing-month-label,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan .pricing-month-label {
  color: #718096 !important;
}

/* Plan summary */
html[data-theme="light"] .axqa-transaction-page .axqa-plan-features {
  border-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-features li {
  border-color: rgba(65,81,108,.075) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-features li span {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-plan-features li strong {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-secure-note {
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.18) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-secure-note > i {
  color: #258c82 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-secure-note strong {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-secure-note span {
  color: #607086 !important;
}

/* Billing period choices */
html[data-theme="light"] .axqa-transaction-page .axqa-period-card .period-label {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.14) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-period-card:hover .period-label {
  background: #ffffff !important;
  border-color: rgba(98,82,222,.26) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-period-card.active .period-label,
html[data-theme="light"] .axqa-transaction-page .axqa-period-card:has(input:checked) .period-label {
  background: linear-gradient(145deg, rgba(98,82,222,.09), #ffffff 72%) !important;
  border-color: rgba(98,82,222,.40) !important;
  box-shadow: 0 10px 24px rgba(98,82,222,.06) !important;
}

html[data-theme="light"] .axqa-transaction-page .period-label-text,
html[data-theme="light"] .axqa-transaction-page .period-total {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .period-billing-info {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-radio-indicator {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.32) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-period-card.active .axqa-radio-indicator,
html[data-theme="light"] .axqa-transaction-page .axqa-period-card:has(input:checked) .axqa-radio-indicator {
  border-color: #8174e7 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-period-card.active .axqa-radio-indicator i,
html[data-theme="light"] .axqa-transaction-page .axqa-period-card:has(input:checked) .axqa-radio-indicator i {
  background: #8174e7 !important;
}

/* Checkout summary / terms */
html[data-theme="light"] .axqa-transaction-page .axqa-checkout-summary {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-checkout-summary .summary-row {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-checkout-summary .total-row {
  border-color: rgba(65,81,108,.10) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-checkout-summary .total-row > span:first-child,
html[data-theme="light"] .axqa-transaction-page #selected-period-label,
html[data-theme="light"] .axqa-transaction-page #selected-amount {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-checkout-terms {
  background: #effbf9 !important;
  border-color: rgba(31,201,188,.18) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-checkout-terms label {
  color: #536278 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-checkout-terms a {
  color: #5f53cf !important;
}

/* Payment/upgrade warning */
html[data-theme="light"] .axqa-transaction-page .axqa-payment-warning,
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-warning,
html[data-theme="light"] .axqa-transaction-page .axqa-estimated-charge {
  color: #866a2e !important;
  background: #fff9eb !important;
  border-color: rgba(185,142,51,.24) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-warning > i,
html[data-theme="light"] .axqa-transaction-page .axqa-payment-warning > i {
  color: #aa7a20 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-warning strong,
html[data-theme="light"] .axqa-transaction-page .axqa-estimated-charge strong {
  color: #765b24 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-warning span,
html[data-theme="light"] .axqa-transaction-page .axqa-estimated-charge small,
html[data-theme="light"] .axqa-transaction-page .axqa-payment-warning p {
  color: #8b713b !important;
}

/* Upgrade subscription chooser */
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-section,
html[data-theme="light"] .axqa-transaction-page .axqa-comparison-panel {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-subscription-option {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.13) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-subscription-option:hover,
html[data-theme="light"] .axqa-transaction-page .axqa-subscription-option.active {
  background: rgba(98,82,222,.065) !important;
  border-color: rgba(98,82,222,.34) !important;
}

html[data-theme="light"] .axqa-transaction-page .subscription-option-title {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .subscription-option-subtitle,
html[data-theme="light"] .axqa-transaction-page .subscription-option-period,
html[data-theme="light"] .axqa-transaction-page .subscription-options-hint {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-transaction-page .subscription-option-price {
  color: #5f53cf !important;
}

/* Current / target plan cards */
html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-upgrade-plan.new {
  background: linear-gradient(145deg, rgba(98,82,222,.075), #ffffff 78%) !important;
  border-color: rgba(98,82,222,.30) !important;
  box-shadow: 0 10px 28px rgba(98,82,222,.055) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-arrow {
  color: #665bd5 !important;
}

/* Upgrade comparison rows */
html[data-theme="light"] .axqa-transaction-page .axqa-comparison-row {
  border-color: rgba(65,81,108,.09) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-comparison-row > span {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-comparison-row > strong {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-comparison-row > strong i {
  color: #665bd5 !important;
}

/* Status / success / cancel cards */
html[data-theme="light"] .axqa-transaction-page .axqa-status-note,
html[data-theme="light"] .axqa-transaction-page .axqa-purchase-details {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-status-note {
  color: #607086 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-status-note i {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-purchase-details li {
  border-color: rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-purchase-details li span {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-purchase-details li strong {
  color: #26364c !important;
}

/* Transaction buttons */
html[data-theme="light"] .axqa-transaction-page .axqa-transaction-btn.secondary {
  color: #536278 !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.18) !important;
  box-shadow: 0 7px 18px rgba(31,42,63,.035) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-btn.secondary:hover,
html[data-theme="light"] .axqa-transaction-page .axqa-transaction-btn.secondary:focus-visible {
  color: #4f43c4 !important;
  background: rgba(98,82,222,.07) !important;
  border-color: rgba(98,82,222,.32) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-btn.primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7b68f6, #6150db) !important;
  border-color: rgba(98,82,222,.42) !important;
}

html[data-theme="light"] .axqa-transaction-page .axqa-transaction-btn.primary:hover,
html[data-theme="light"] .axqa-transaction-page .axqa-transaction-btn.primary:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(135deg, #705df0, #5746cf) !important;
}

/* =========================================================
   SUBSCRIPTION BILLING / STATUS — COMPLETE LIGHT CONSISTENCY
   Covers the alternate subscription success/cancel and plan surfaces.
   ========================================================= */
html[data-theme="light"] .axqa-billing-page .axqa-subscription-chip,
html[data-theme="light"] .axqa-billing-page .axqa-login-note,
html[data-theme="light"] .axqa-billing-page .axqa-plan-card,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-summary,
html[data-theme="light"] .axqa-billing-page .axqa-billing-code-row,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-note {
  color-scheme: light !important;
  background: #ffffff !important;
  border-color: rgba(65,81,108,.13) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-plan-card {
  box-shadow: 0 18px 46px rgba(31,42,63,.06) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-plan-card.recommended {
  background:
    radial-gradient(circle at 90% 5%, rgba(98,82,222,.075), transparent 28%),
    #ffffff !important;
  border-color: rgba(98,82,222,.28) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-subscription-chip span,
html[data-theme="light"] .axqa-billing-page .axqa-login-note,
html[data-theme="light"] .axqa-billing-page .axqa-plan-header small,
html[data-theme="light"] .axqa-billing-page .axqa-plan-table td:first-child,
html[data-theme="light"] .axqa-billing-page .axqa-plan-note,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-summary span,
html[data-theme="light"] .axqa-billing-page .axqa-billing-code-row small,
html[data-theme="light"] .axqa-billing-page .axqa-billing-status-note {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-subscription-chip strong,
html[data-theme="light"] .axqa-billing-page .axqa-plan-header h2,
html[data-theme="light"] .axqa-billing-page .axqa-plan-header > strong,
html[data-theme="light"] .axqa-billing-page .axqa-plan-table td:last-child {
  color: #26364c !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-plan-header,
html[data-theme="light"] .axqa-billing-page .axqa-plan-table td {
  border-color: rgba(65,81,108,.08) !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-plan-header > strong span {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-status-summary strong {
  color: #258c78 !important;
}

html[data-theme="light"] .axqa-billing-page .axqa-billing-code-row code,
html[data-theme="light"] .axqa-billing-page .axqa-login-note a,
html[data-theme="light"] .axqa-billing-page .axqa-subscription-chip code {
  color: #5f53cf !important;
}

/* =========================================================
   MOBILE THEME TOGGLE — HEADER
   Small persistent theme button beside menu close button.
   ========================================================= */

.axqa-mobile-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.axqa-mobile-head .axqa-theme-form-mobile-head {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  grid-column: auto;
}

.axqa-mobile-head .axqa-theme-toggle-mobile-head {
  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  margin: 0;
  padding: 0;

  appearance: none;
  -webkit-appearance: none;

  border: 1px solid rgba(129,159,200,.12);
  border-radius: 11px;

  background: rgba(12,27,45,.72);

  color: #c8d4e3;

  font-size: .9rem;
  line-height: 1;

  cursor: pointer;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease;
}

.axqa-mobile-head .axqa-theme-toggle-mobile-head:hover {
  color: #ffffff;

  border-color: rgba(142,124,255,.34);

  background: rgba(142,124,255,.10);
}

.axqa-mobile-head .axqa-theme-toggle-mobile-head:active {
  transform: scale(.96);
}

.axqa-mobile-head .axqa-theme-toggle-mobile-head:focus-visible {
  outline: 2px solid rgba(142,124,255,.60);
  outline-offset: 2px;
}

.axqa-mobile-head .axqa-theme-toggle-mobile-head:disabled {
  opacity: .65;
  cursor: wait;
}


/* Light mode */

html[data-theme="light"]
.axqa-mobile-head
.axqa-theme-toggle-mobile-head {
  color: #435269 !important;

  background: #ffffff !important;

  border-color:
    rgba(65,81,108,.14) !important;

  box-shadow:
    0 5px 14px rgba(31,42,63,.055);
}

html[data-theme="light"]
.axqa-mobile-head
.axqa-theme-toggle-mobile-head:hover {
  color: #5548c9 !important;

  background: #f2efff !important;

  border-color:
    rgba(101,91,209,.36) !important;
}


/* Keep close + theme buttons identical in size */

.axqa-mobile-head .close-btn,
.axqa-mobile-head .axqa-theme-toggle-mobile-head {
  flex: 0 0 38px;
}

/* =========================================================
   UPGRADE PLAN ICONS — LIGHT MODE
   Keep Current Plan and Upgrading To icons visually identical.
   ========================================================= */

html[data-theme="light"]
.axqa-transaction-page
.axqa-upgrade-card
.pricing-item
.pricing-top
.left-side
.icon
img {
  opacity: .72 !important;

  filter:
    brightness(0)
    saturate(100%)
    invert(43%)
    sepia(40%)
    saturate(1280%)
    hue-rotate(211deg)
    brightness(96%)
    contrast(88%) !important;
}

/* =========================================================
   QA REPORTING FINAL CTA
   Keep secondary CTA dark/violet in both themes.
   ========================================================= */

.qrd-page .qrd-final-card .btn-ghost {
  color: #aeb6ff !important;

  background:
    rgba(91,106,245,.08) !important;

  border:
    1px solid rgba(123,135,255,.34) !important;

  box-shadow: none !important;
}

.qrd-page .qrd-final-card .btn-ghost:hover,
.qrd-page .qrd-final-card .btn-ghost:focus-visible {
  color: #ffffff !important;

  background:
    rgba(91,106,245,.18) !important;

  border-color:
    rgba(139,148,255,.58) !important;

  transform: translateY(-1px);
}


/* Explicit light-mode override because the card stays dark. */

html[data-theme="light"]
.qrd-page
.qrd-final-card
.btn-ghost {
  color: #aeb6ff !important;

  background:
    rgba(91,106,245,.08) !important;

  border-color:
    rgba(123,135,255,.34) !important;
}

html[data-theme="light"]
.qrd-page
.qrd-final-card
.btn-ghost:hover,

html[data-theme="light"]
.qrd-page
.qrd-final-card
.btn-ghost:focus-visible {
  color: #ffffff !important;

  background:
    rgba(91,106,245,.18) !important;

  border-color:
    rgba(139,148,255,.58) !important;
}

/* =========================================================
   CURRENT NESTED NAVIGATION ITEM — LIGHT MODE
   ========================================================= */

html[data-theme="light"]
.axqa-mega-feature.active,

html[data-theme="light"]
.axqa-mega-link.active,

html[data-theme="light"]
.axqa-capability-card.active,

html[data-theme="light"]
.axqa-solution-feature.active,

html[data-theme="light"]
.axqa-solution-links > a.active,

html[data-theme="light"]
.axqa-resource-experiences > a.active,

html[data-theme="light"]
.axqa-resource-links > a.active {
  background:
    rgba(98,82,222,.10) !important;

  border-color:
    rgba(98,82,222,.34) !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(98,82,222,.05) !important;
}


html[data-theme="light"]
.axqa-mega-feature.active strong,

html[data-theme="light"]
.axqa-mega-link.active strong,

html[data-theme="light"]
.axqa-capability-card.active > strong,

html[data-theme="light"]
.axqa-solution-feature.active strong,

html[data-theme="light"]
.axqa-solution-links > a.active strong,

html[data-theme="light"]
.axqa-resource-experiences > a.active strong,

html[data-theme="light"]
.axqa-resource-links > a.active strong {
  color:#4f43bd !important;
}


html[data-theme="light"]
.axqa-mobile-body
.axqa-mobile-direct.active,

html[data-theme="light"]
.axqa-mobile-body
.axqa-mobile-sub a.active {
  color:#5548c9 !important;

  background:
    rgba(98,82,222,.09) !important;

  border-color:
    rgba(98,82,222,.22) !important;
}

/* =========================================================
   CAPABILITY HERO TECHNICAL CARDS
   These hero diagrams intentionally remain dark in Light Mode.
   Keep all important labels readable on the dark surface.
   ========================================================= */

/* Card header titles */

html[data-theme="light"] .tc-page .tc-command-head strong,
html[data-theme="light"] .atm-page .atm-command-head strong,
html[data-theme="light"] .tcm-page .tcm-command-head strong {
  color: #eef4fc !important;
}


/* Central node title */

html[data-theme="light"] .tc-page .tc-core-node strong,
html[data-theme="light"] .atm-page .atm-core-node strong,
html[data-theme="light"] .tcm-page .tcm-core-node strong {
  color: #eef4fc !important;
}


/* Orbit labels:
   Intent / Flow / Outcome / History
   Request / Credentials / Response / Validate
   Campaign / Execute / Collect / Review
*/

html[data-theme="light"] .tc-page .tc-orbit-node strong,
html[data-theme="light"] .atm-page .atm-orbit-node strong,
html[data-theme="light"] .tcm-page .tcm-orbit-node strong {
  color: #aebacd !important;
}


/* Active orbit label should be brighter */

html[data-theme="light"] .tc-page .tc-orbit-node.active strong,
html[data-theme="light"] .atm-page .atm-orbit-node.active strong,
html[data-theme="light"] .tcm-page .tcm-orbit-node.active strong {
  color: #eef4fc !important;
}


/* Small secondary text inside the diagrams */

html[data-theme="light"] .tc-page .tc-core-node small,
html[data-theme="light"] .tc-page .tc-orbit-node small,
html[data-theme="light"] .atm-page .atm-core-node small,
html[data-theme="light"] .atm-page .atm-orbit-node small,
html[data-theme="light"] .tcm-page .tcm-core-node small,
html[data-theme="light"] .tcm-page .tcm-orbit-node small {
  color: #778aa3 !important;
}


/* Bottom status panel */

html[data-theme="light"] .tc-page .tc-command-status strong,
html[data-theme="light"] .atm-page .atm-command-status strong,
html[data-theme="light"] .tcm-page .tcm-command-status strong {
  color: #e5edf8 !important;
}

html[data-theme="light"] .tc-page .tc-command-status span,
html[data-theme="light"] .tc-page .tc-command-status small,
html[data-theme="light"] .atm-page .atm-command-status span,
html[data-theme="light"] .atm-page .atm-command-status small,
html[data-theme="light"] .tcm-page .tcm-command-status span,
html[data-theme="light"] .tcm-page .tcm-command-status small {
  color: #718299 !important;
}

/* =========================================================
   RATE LIMIT / REQUEST PROTECTION — LIGHT MODE
   ========================================================= */

html[data-theme="light"] .axqa-simple-status-page .axqa-status-note {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
  color: #607086 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .axqa-simple-status-page .axqa-status-note i {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-simple-status-page .axqa-status-icon.warning {
  color: #b5842f !important;
  background: #fffaf0 !important;
  border-color: rgba(181,132,47,.24) !important;
}

html[data-theme="light"] .axqa-simple-status-page .axqa-status-icon.warning > span {
  border-color: rgba(181,132,47,.12) !important;
}

html[data-theme="light"] .axqa-simple-status-page .axqa-simple-kicker.muted {
  color: #8b6a2d !important;
}

html[data-theme="light"] .axqa-simple-status-page .axqa-simple-kicker.muted > i {
  background: #d6a747 !important;
  box-shadow: 0 0 10px rgba(214,167,71,.25) !important;
}



/* =========================================================
   404 PAGE — LIGHT MODE
   ========================================================= */

html[data-theme="light"] .axqa-404-page .axqa-404-card {
  background: #ffffff !important;
  border-color: rgba(65,81,108,.13) !important;
  box-shadow: 0 20px 55px rgba(31,42,63,.07) !important;
}

html[data-theme="light"] .axqa-404-page .axqa-404-code {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-404-page .axqa-info-kicker.muted {
  color: #718096 !important;
}

html[data-theme="light"] .axqa-404-page .axqa-404-card h1 {
  color: #172033 !important;
}

html[data-theme="light"] .axqa-404-page .axqa-404-card > p {
  color: #66758b !important;
}

html[data-theme="light"] .axqa-404-page .axqa-404-note {
  background: #f7f9fc !important;
  border-color: rgba(65,81,108,.12) !important;
  color: #607086 !important;
}

html[data-theme="light"] .axqa-404-page .axqa-404-note i {
  color: #665bd5 !important;
}

html[data-theme="light"] .axqa-404-page .axqa-404-image {
  padding: 10px 12px;
  border-radius: 14px;
  background: #111b2b;
  border: 1px solid rgba(65,81,108,.10);
}