/* Public Cybox site <-> panel theme bridge.
   Values are filled by assets/js/panel-theme.js from the administrator's
   global default in settings.php. Layout remains page-owned; visual language
   is unified here. */
:root {
  --cy-theme-1: #63e6ff;
  --cy-theme-2: #3b82f6;
  --cy-theme-3: #f1c9fe;
  --cy-theme-1-rgb: 99, 230, 255;
  --cy-theme-2-rgb: 59, 130, 246;
  --cy-theme-3-rgb: 241, 201, 254;
  --cy-theme-angle: 311deg;
  --cy-theme-gradient: linear-gradient(var(--cy-theme-angle), var(--cy-theme-1), var(--cy-theme-2), var(--cy-theme-3));
  --cy-font-body: "Jura", sans-serif;
  --cy-font-heading: "Unbounded", sans-serif;
  --font-body: var(--cy-font-body);
  --font-heading: var(--cy-font-heading);
  --cy-site-bg: #05070c;
  --cy-site-bg-deep: #020409;
  --cy-site-text: rgba(248, 250, 252, .94);
  --cy-site-muted: rgba(215, 225, 239, .7);
  --cy-site-line: rgba(255, 255, 255, .12);
  --cy-site-surface: rgba(12, 17, 25, .9);
  --cy-site-surface-soft: rgba(255, 255, 255, .045);
  --cy-site-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

html[data-cy-color-scheme="light"] {
  --cy-site-bg: #f7f9fc;
  --cy-site-bg-deep: #edf2f7;
  --cy-site-text: #172033;
  --cy-site-muted: #607089;
  --cy-site-line: rgba(40, 56, 78, .16);
  --cy-site-surface: rgba(255, 255, 255, .94);
  --cy-site-surface-soft: rgba(255, 255, 255, .72);
  --cy-site-shadow: 0 24px 60px rgba(38, 54, 78, .14);
}

html[data-cy-surface="glass"] {
  --cy-site-surface: rgba(12, 17, 25, .64);
  --cy-site-surface-soft: rgba(255, 255, 255, .07);
}

html[data-cy-color-scheme="light"][data-cy-surface="glass"] {
  --cy-site-surface: rgba(255, 255, 255, .7);
  --cy-site-surface-soft: rgba(255, 255, 255, .52);
}

/* Compatibility tokens used by the current hand-built pages. This lets the
   existing layouts keep their geometry while their complete visual palette
   follows settings.php. */
html[data-cy-site-theme] {
  --bg-0: var(--cy-site-bg);
  --bg-1: var(--cy-site-bg-deep);
  --text: var(--cy-site-text);
  --muted: var(--cy-site-muted);
  --dim: color-mix(in srgb, var(--cy-site-muted) 72%, transparent);
  --border: var(--cy-site-line);
  --border-strong: color-mix(in srgb, var(--cy-site-line) 74%, var(--cy-theme-1));
  --surface: var(--cy-site-surface-soft);
  --surface-2: color-mix(in srgb, var(--cy-site-surface) 82%, var(--cy-theme-1));
  --violet: rgba(var(--cy-theme-1-rgb), .22);
  --blue: rgba(var(--cy-theme-2-rgb), .17);
  --cyan: rgba(var(--cy-theme-3-rgb), .12);
  --shadow-soft: var(--cy-site-shadow);
  --shadow-elev: 0 20px 52px color-mix(in srgb, var(--cy-site-bg-deep) 54%, transparent);
  --conversion-violet: var(--cy-theme-1);
  --conversion-violet-2: var(--cy-theme-2);
  --conversion-blue: var(--cy-theme-2);
  --conversion-cyan: var(--cy-theme-3);
  --conversion-shadow: var(--cy-site-shadow);
  --conversion-glow: 0 0 50px rgba(var(--cy-theme-2-rgb), .2);
}

html[data-cy-site-theme] body {
  color: var(--cy-site-text) !important;
  font-family: var(--cy-font-body) !important;
  background:
    radial-gradient(880px 560px at 8% -8%, rgba(var(--cy-theme-1-rgb), .2), transparent 68%),
    radial-gradient(920px 620px at 94% 15%, rgba(var(--cy-theme-2-rgb), .17), transparent 70%),
    radial-gradient(760px 520px at 52% 106%, rgba(var(--cy-theme-3-rgb), .12), transparent 72%),
    linear-gradient(
      var(--cy-theme-angle),
      rgba(var(--cy-theme-1-rgb), .095),
      rgba(var(--cy-theme-2-rgb), .065) 48%,
      rgba(var(--cy-theme-3-rgb), .085)
    ),
    linear-gradient(180deg, var(--cy-site-bg), var(--cy-site-bg-deep)) !important;
  background-attachment: fixed !important;
}

/* The panel background setting is part of the same global theme. Custom
   images and animated variants therefore travel to the public site too. */
html[data-cy-site-background="custom"] body {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--cy-site-bg) 76%, transparent), var(--cy-site-bg-deep)),
    var(--cy-site-custom-background),
    linear-gradient(var(--cy-theme-angle), var(--cy-theme-1), var(--cy-theme-2), var(--cy-theme-3)) !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-cy-site-background="none"] body {
  background:
    linear-gradient(
      var(--cy-theme-angle),
      rgba(var(--cy-theme-1-rgb), .1),
      rgba(var(--cy-theme-2-rgb), .065) 48%,
      rgba(var(--cy-theme-3-rgb), .09)
    ),
    linear-gradient(180deg, var(--cy-site-bg), var(--cy-site-bg-deep)) !important;
}

html[data-cy-site-background^="animated_"] body {
  background:
    radial-gradient(ellipse at 12% 18%, rgba(var(--cy-theme-1-rgb), .32), transparent 58%),
    radial-gradient(ellipse at 88% 24%, rgba(var(--cy-theme-2-rgb), .28), transparent 62%),
    radial-gradient(ellipse at 48% 92%, rgba(var(--cy-theme-3-rgb), .22), transparent 58%),
    linear-gradient(
      var(--cy-theme-angle),
      color-mix(in srgb, var(--cy-site-bg) 86%, var(--cy-theme-1)),
      color-mix(in srgb, var(--cy-site-bg-deep) 88%, var(--cy-theme-2)),
      color-mix(in srgb, var(--cy-site-bg) 88%, var(--cy-theme-3))
    ) !important;
  background-position: -12% 4%, 112% 12%, 50% 112%, center !important;
  background-size: 138% 132%, 142% 138%, 136% 134%, 100% 100% !important;
  animation: cySiteThemeFlow 26s ease-in-out infinite alternate !important;
}

html[data-cy-site-theme] body,
html[data-cy-site-theme] :where(button, input, select, textarea, option) {
  font-family: var(--cy-font-body) !important;
}

html[data-cy-site-theme] :where(p, a, li, label, small, strong, em, blockquote, figcaption) {
  font-family: var(--cy-font-body) !important;
}

html[data-cy-site-theme] :where(h1, h2, h3, h4, h5, h6, .heading, .title, [class*="__title"], [class*="-title"]) {
  font-family: var(--cy-font-heading) !important;
}

html[data-cy-site-theme] :where(p, li, label, small, blockquote, figcaption) {
  color: var(--cy-site-muted);
}

html[data-cy-site-theme] ::selection {
  color: #081018;
  background: var(--cy-theme-1);
}

html[data-cy-site-theme] :focus-visible {
  outline-color: var(--cy-theme-1) !important;
  box-shadow: 0 0 0 4px rgba(var(--cy-theme-1-rgb), .13);
}

html[data-cy-site-theme] :where(
  .conversion-gradient-text,
  .gradient-text,
  .text-gradient,
  .accent-gradient,
  [class*="gradient-text"],
  [class*="text-gradient"]
) {
  color: var(--cy-theme-1) !important;
  background-image: var(--cy-theme-gradient) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-cy-site-theme] :where(
  .btn-primary,
  .btn--primary,
  .primary-button,
  .button-primary,
  .cta-button,
  .hero__cta-primary,
  [class*="__cta--primary"]
) {
  border-color: rgba(var(--cy-theme-1-rgb), .5) !important;
  background: var(--cy-theme-gradient) !important;
  color: #081018 !important;
  -webkit-text-fill-color: #081018 !important;
  box-shadow: 0 14px 34px rgba(var(--cy-theme-2-rgb), .23), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-cy-site-theme] :where(
  .btn-primary,
  .btn--primary,
  .primary-button,
  .button-primary,
  .cta-button,
  .hero__cta-primary,
  [class*="__cta--primary"]
):hover {
  filter: brightness(1.06) saturate(1.05);
  box-shadow: 0 18px 42px rgba(var(--cy-theme-2-rgb), .31), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

html[data-cy-site-theme] :where(
  .btn-secondary,
  .btn--secondary,
  .secondary-button,
  .button-secondary,
  .hero__cta-secondary
) {
  border-color: rgba(var(--cy-theme-1-rgb), .3) !important;
  background: rgba(var(--cy-theme-1-rgb), .075) !important;
  color: var(--cy-site-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

html[data-cy-site-theme] :where(
  .card,
  .glass-card,
  .feature-card,
  .course-card,
  .pricing-card,
  .review-card,
  .achievement-card,
  [class*="__card"]
) {
  border-color: var(--cy-site-line) !important;
  background-color: var(--cy-site-surface) !important;
  box-shadow: var(--cy-site-shadow);
}

html[data-cy-surface="glass"] body :where(
  .card,
  .glass-card,
  .feature-card,
  .course-card,
  .pricing-card,
  .review-card,
  .achievement-card,
  [class*="__card"]
) {
  -webkit-backdrop-filter: blur(20px) saturate(1.16);
  backdrop-filter: blur(20px) saturate(1.16);
}

html[data-cy-site-theme] :where(header, .header, .site-header, .navbar, .nav-shell, .promo-bar) {
  border-color: var(--cy-site-line) !important;
  background-color: color-mix(in srgb, var(--cy-site-bg) 86%, transparent) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
  backdrop-filter: blur(20px) saturate(1.12);
}

html[data-cy-site-theme] :where(.key-underline, .accent, .eyebrow, .kicker, [class*="__kicker"]) {
  color: var(--cy-theme-1);
  text-decoration-color: var(--cy-theme-2) !important;
}

html[data-cy-site-theme] :where(.progress__bar, .progress-bar, [class*="__progress-bar"], [class*="-progress-bar"]) {
  background: var(--cy-theme-gradient) !important;
  box-shadow: 0 0 22px rgba(var(--cy-theme-1-rgb), .25);
}

html[data-cy-site-theme] a:hover {
  text-decoration-color: var(--cy-theme-1);
}

html[data-cy-color-scheme="light"] body :where(.site, main, section) {
  color: var(--cy-site-text);
}

html[data-cy-color-scheme="light"] body :where(
  h1, h2, h3, h4, h5, h6,
  .heading,
  .title,
  .nav__link,
  [class*="__title"],
  [class*="__name"],
  [class*="__label"],
  [class*="__value"]
) {
  color: var(--cy-site-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .dropdown,
  .nav__panel,
  .modal__dialog,
  .course-price,
  .library-file,
  .library-shelf__header,
  .media-controls,
  .media-card__hint,
  .impressions__statement,
  .marathon-strip,
  .cipher-screen,
  .card,
  .item-blog,
  .course-card,
  .feature-card,
  .pricing-card,
  .review-card,
  .achievement-card,
  .marathon-card,
  .track-card,
  .stat
) {
  border-color: var(--cy-site-line) !important;
  background-color: var(--cy-site-surface) !important;
  color: var(--cy-site-text) !important;
  box-shadow: var(--cy-site-shadow);
}

html[data-cy-color-scheme="light"] body :where(.footer, footer) {
  border-color: var(--cy-site-line) !important;
  background-color: color-mix(in srgb, var(--cy-site-bg-deep) 84%, white) !important;
  color: var(--cy-site-text) !important;
}

html[data-cy-color-scheme="light"] body :where(input, select, textarea) {
  border-color: var(--cy-site-line) !important;
  background-color: rgba(255, 255, 255, .9) !important;
  color: var(--cy-site-text) !important;
}

/* -------------------------------------------------------------------------
   Complete light-mode pass

   The landing pages historically contained a second, hard-coded dark visual
   system. Merely changing the page background left those panels black and
   their white typography invisible on any surface that did become light.
   These rules intentionally replace the complete component surface (not just
   background-color) and set every related text level explicitly.
   ---------------------------------------------------------------------- */

html[data-cy-color-scheme="light"] {
  color-scheme: light;
  --cy-light-panel: rgba(255, 255, 255, .96);
  --cy-light-panel-soft: color-mix(in srgb, #ffffff 86%, var(--cy-theme-1));
  --cy-light-panel-tint: color-mix(in srgb, #ffffff 90%, var(--cy-theme-3));
  --cy-light-control: color-mix(in srgb, #ffffff 92%, var(--cy-theme-2));
  --cy-light-text: #172033;
  --cy-light-muted: #5b6b82;
  --cy-light-faint: #7a899e;
  --cy-light-line: rgba(40, 56, 78, .16);
  --cy-light-shadow: 0 22px 58px rgba(38, 54, 78, .14), inset 0 1px 0 rgba(255, 255, 255, .84);
}

html[data-cy-color-scheme="light"] body.cybox-conversion-v3 {
  --gallery-surface: var(--cy-light-panel);
  --conversion-green: #087b52;
  --conversion-gold: #9a6500;
}

html[data-cy-color-scheme="light"] body::before,
html[data-cy-color-scheme="light"] body::after {
  opacity: .24 !important;
}

html[data-cy-color-scheme="light"] body :where(
  .header,
  .conversion-header,
  .conversion-header.is-scrolled,
  .nav__panel,
  .nav__stack,
  .dropdown,
  .footer,
  .promo-bar
) {
  border-color: var(--cy-light-line) !important;
  background: color-mix(in srgb, var(--cy-light-panel) 91%, transparent) !important;
  color: var(--cy-light-text) !important;
  box-shadow: 0 12px 34px rgba(38, 54, 78, .13) !important;
}

html[data-cy-color-scheme="light"] body .conversion-header.is-scrolled {
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .nav__link,
  .nav__link.is-active,
  .dropdown a,
  .footer a,
  .footer p,
  .footer li
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-kicker,
  .conversion-eyebrow,
  .micro--highlight,
  .kicker,
  [class*="__kicker"]
) {
  border-color: rgba(var(--cy-theme-2-rgb), .28) !important;
  background: color-mix(in srgb, #ffffff 84%, var(--cy-theme-3)) !important;
  color: color-mix(in srgb, var(--cy-theme-2) 65%, #172033) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 9px 24px rgba(var(--cy-theme-2-rgb), .11) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-gradient-text,
  .gradient-text,
  .text-gradient,
  .accent-gradient,
  [class*="gradient-text"],
  [class*="text-gradient"]
) {
  filter: drop-shadow(0 1px 0 rgba(23, 32, 51, .18)) drop-shadow(0 5px 16px rgba(var(--cy-theme-2-rgb), .14)) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .key-highlight,
  .highlight,
  mark
) {
  color: var(--cy-light-text) !important;
  -webkit-text-fill-color: var(--cy-light-text) !important;
  background-color: color-mix(in srgb, var(--cy-theme-3) 28%, transparent) !important;
  text-decoration-color: var(--cy-theme-2) !important;
}

/* Shared light surfaces, including older pages outside the conversion home. */
html[data-cy-color-scheme="light"] body :where(
  .glow-card,
  .assurance-card,
  .impressions-card,
  .value-card,
  .track-card,
  .about-marathon-card,
  .library-topic,
  .library-file,
  .about-cta__media,
  .nav__close,
  .nav__cta--profession,
  .icon-btn,
  .media-controls,
  .media-controls__btn,
  .course-card__tag,
  .course-price__badge,
  .marathon-card__tag,
  .slider-reveal__track,
  .slider-reveal__thumb,
  .manifesto__tag,
  .badge,
  .about-collage__tag,
  .library-topic__icon,
  .about-cta__badge,
  .cipher-orbit__planet,
  .skip-link,
  .btn--all-courses,
  .media-card__frame,
  .media-card__hint,
  .course-card__media,
  .course-price,
  .course-price__body,
  .marathon-card__media,
  .btn--marathon,
  .manifesto__panel,
  .about-collage__card,
  .library-shelf__header,
  .marathon-strip,
  .pathway-card,
  .marathon-feature__card,
  .marathon-feature__media,
  .achievement-card,
  .achievement-modal .modal__dialog,
  .shop-card,
  .practice-card,
  .practice-card__preview,
  .profile-card,
  .manifesto-quote,
  .modal__dialog,
  .conversion-product-card,
  .conversion-product-card__screen,
  .conversion-float-card,
  .conversion-trust-strip,
  .conversion-trust-strip > div,
  .conversion-day,
  .conversion-day-preview,
  .conversion-day-preview__media,
  .conversion-marathon__cta,
  .conversion-step,
  .conversion-feature-list li,
  .conversion-bridge,
  .conversion-course-card,
  .conversion-course-card__media,
  .conversion-course-facts > div,
  .conversion-course-card__outcome,
  .conversion-price,
  .conversion-module-tab,
  .conversion-module-panel,
  .conversion-module-panel li,
  .conversion-module-panel__visual,
  .conversion-course-note,
  .conversion-reward-flow,
  .conversion-reward-flow > div,
  .conversion-mid-cta__card,
  .conversion-founder__card,
  .conversion-founder__copy blockquote,
  .conversion-founder__principles span,
  .conversion-faq-item,
  .conversion-final__card,
  .conversion-final__terminal,
  .conversion-mobile-cta,
  .conversion-platform__carousel,
  .conversion-platform-gallery__window,
  .conversion-platform-gallery__chrome,
  .conversion-platform-gallery__frame,
  .conversion-platform-gallery__placeholder,
  .conversion-platform-gallery__caption,
  .discover-carousel__dots
) {
  border-color: var(--cy-light-line) !important;
  background: linear-gradient(145deg, var(--cy-light-panel), var(--cy-light-panel-tint)) !important;
  color: var(--cy-light-text) !important;
  box-shadow: var(--cy-light-shadow) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .section--learn::before,
  .section--courses::before,
  .section--marathons::before,
  .section--currency::before,
  .section--assurance::before,
  .section--manifesto::before,
  .section--about-hero::after,
  .section--library::before,
  .section--impressions::before
) {
  background: radial-gradient(circle at center, rgba(var(--cy-theme-2-rgb), .11), transparent 68%) !important;
  opacity: .72 !important;
}

html[data-cy-color-scheme="light"] body :where(
  .pathway-card__media::after,
  .profile-card__overlay
) {
  background: linear-gradient(180deg, transparent 34%, rgba(255, 255, 255, .94) 100%) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-mini-stat,
  .conversion-proof,
  .conversion-microcopy,
  .conversion-course-card__label,
  .conversion-course-card__media-overlay span,
  .conversion-price small span,
  .conversion-faq-item > button i,
  .conversion-final__terminal-bar,
  .conversion-platform-gallery__status,
  .discover-carousel__btn,
  .discover-carousel__tab
) {
  border-color: var(--cy-light-line) !important;
  background: var(--cy-light-control) !important;
  color: var(--cy-light-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-mini-stat:nth-child(1),
  .conversion-mini-stat:nth-child(2),
  .conversion-mini-stat:nth-child(3),
  .conversion-float-card--achievement,
  .conversion-float-card--feedback,
  .conversion-day:hover,
  .conversion-day.is-active,
  .conversion-module-tab:hover,
  .conversion-module-tab.is-active,
  .conversion-faq-item.is-open,
  .discover-carousel__tab:hover,
  .discover-carousel__tab.is-active
) {
  border-color: rgba(var(--cy-theme-2-rgb), .28) !important;
  background: linear-gradient(135deg, color-mix(in srgb, #ffffff 82%, var(--cy-theme-3)), color-mix(in srgb, #ffffff 88%, var(--cy-theme-2))) !important;
  color: var(--cy-light-text) !important;
  box-shadow: 0 13px 30px rgba(var(--cy-theme-2-rgb), .12) !important;
}

/* Hero: keep the photographic/grid atmosphere without a black veil. */
html[data-cy-color-scheme="light"] body .hero-bg {
  background-color: rgba(255, 255, 255, .9) !important;
  background-blend-mode: screen !important;
  filter: grayscale(.28) contrast(.72) !important;
  opacity: .72 !important;
}

html[data-cy-color-scheme="light"] body .hero-bg::after {
  background: linear-gradient(90deg, rgba(247, 249, 252, .48), rgba(247, 249, 252, .24) 48%, rgba(237, 242, 247, .5)), linear-gradient(180deg, rgba(247, 249, 252, .24), rgba(237, 242, 247, .6)) !important;
}

html[data-cy-color-scheme="light"] body .conversion-hero__grid {
  opacity: .18 !important;
  background-image: linear-gradient(rgba(40, 56, 78, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(40, 56, 78, .12) 1px, transparent 1px) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-hero__lead,
  .conversion-product-card__secure,
  .conversion-mini-stat small,
  .conversion-float-card small,
  .conversion-trust-strip small,
  .conversion-text-link,
  .conversion-microcopy
) {
  color: var(--cy-light-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-proof,
  .conversion-mini-stat strong,
  .conversion-float-card strong,
  .conversion-trust-strip strong
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-cta--program {
  border-color: rgba(var(--cy-theme-2-rgb), .3) !important;
  background: linear-gradient(135deg, color-mix(in srgb, white 80%, var(--cy-theme-3)), color-mix(in srgb, white 83%, var(--cy-theme-2))) !important;
  color: var(--cy-light-text) !important;
  box-shadow: 0 14px 34px rgba(var(--cy-theme-2-rgb), .13) !important;
}

html[data-cy-color-scheme="light"] body .conversion-cta--program:hover {
  background: linear-gradient(135deg, color-mix(in srgb, white 74%, var(--cy-theme-3)), color-mix(in srgb, white 78%, var(--cy-theme-2))) !important;
}

/* Marathon, journey and platform. */
html[data-cy-color-scheme="light"] body :where(
  .conversion-day strong,
  .conversion-day-preview h3,
  .conversion-marathon__cta strong,
  .conversion-step h3,
  .conversion-feature-list strong
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-day small,
  .conversion-day > i,
  .conversion-day-preview p,
  .conversion-day-preview__meta,
  .conversion-marathon__cta span,
  .conversion-step p,
  .conversion-feature-list small
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-day__number,
  .conversion-day.is-active > i,
  .conversion-day-preview__eyebrow,
  .conversion-step__result,
  .conversion-feature-list li > span
) {
  color: color-mix(in srgb, var(--cy-theme-2) 68%, #172033) !important;
}

html[data-cy-color-scheme="light"] body .conversion-day.is-active .conversion-day__number {
  background: var(--cy-theme-gradient) !important;
  color: #081018 !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-float-card__reward,
  .conversion-trust-strip i,
  .conversion-bridge__copy > span,
  .conversion-reward-flow > div > span
) {
  color: color-mix(in srgb, var(--cy-theme-2) 72%, #172033) !important;
}

html[data-cy-color-scheme="light"] body .conversion-day-preview__media::after {
  background: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .94) 100%), linear-gradient(to top, rgba(255, 255, 255, .6), transparent 48%) !important;
}

html[data-cy-color-scheme="light"] body .conversion-day-preview__badge {
  border-color: var(--cy-light-line) !important;
  background: rgba(255, 255, 255, .9) !important;
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-check-list li {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-step__index {
  color: rgba(var(--cy-theme-2-rgb), .2) !important;
}

html[data-cy-color-scheme="light"] body .conversion-step__icon {
  border-color: rgba(var(--cy-theme-2-rgb), .28) !important;
  background: color-mix(in srgb, #ffffff 78%, var(--cy-theme-3)) !important;
  color: color-mix(in srgb, var(--cy-theme-2) 72%, #172033) !important;
  box-shadow: 0 10px 24px rgba(var(--cy-theme-2-rgb), .12) !important;
}

html[data-cy-color-scheme="light"] body .conversion-platform__carousel {
  --gallery-surface: var(--cy-light-panel);
}

html[data-cy-color-scheme="light"] body.cybox-conversion-v3 .conversion-platform__carousel .discover-carousel__slide,
html[data-cy-color-scheme="light"] body .conversion-platform-gallery__frame,
html[data-cy-color-scheme="light"] body.cybox-conversion-v3 .conversion-platform__carousel .discover-carousel__img {
  border-color: var(--cy-light-line) !important;
  background: var(--cy-light-panel) !important;
  box-shadow: none !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-platform-gallery__status,
  .conversion-platform-gallery__caption strong,
  .discover-carousel__btn,
  .discover-carousel__tab,
  .discover-carousel__tab:hover,
  .discover-carousel__tab.is-active
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-platform-gallery__caption span,
  .conversion-platform-gallery__placeholder,
  .conversion-platform-gallery__live
) {
  color: var(--cy-light-muted) !important;
}

/* Course card and curriculum. */
html[data-cy-color-scheme="light"] body .conversion-course-card__media::after {
  background: linear-gradient(to top, rgba(255, 255, 255, .52), transparent 46%), linear-gradient(90deg, transparent 54%, rgba(255, 255, 255, .96)) !important;
}

html[data-cy-color-scheme="light"] body .conversion-course-card__media-overlay span:nth-child(2) {
  background: color-mix(in srgb, #ffffff 84%, #5ce1a4) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-course-card__content > h3,
  .conversion-course-facts strong,
  .conversion-course-card__outcome strong,
  .conversion-module-panel h3
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-course-card__rating,
  .conversion-course-card__content > p,
  .conversion-course-facts small,
  .conversion-course-card__outcome p,
  .conversion-module-panel p,
  .conversion-module-panel__visual small,
  .conversion-course-note p
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-status,
  .conversion-course-facts > div > span,
  .conversion-module-tab span,
  .conversion-module-panel__copy > span,
  .conversion-module-panel__visual span
) {
  color: color-mix(in srgb, var(--cy-theme-2) 66%, #172033) !important;
}

html[data-cy-color-scheme="light"] body .conversion-module-panel__number {
  color: rgba(var(--cy-theme-2-rgb), .16) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-module-tab,
  .conversion-module-tab:hover,
  .conversion-module-tab.is-active,
  .conversion-module-panel li
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-price strong {
  color: var(--cy-light-text) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-price del {
  color: var(--cy-light-faint) !important;
}

html[data-cy-color-scheme="light"] body .conversion-price em {
  color: #a23551 !important;
}

html[data-cy-color-scheme="light"] body .conversion-price small span {
  color: var(--cy-light-muted) !important;
}

/* Achievements use the selected site background without the tunnel grid artwork. */
html[data-cy-color-scheme="light"] body .section--achievements::before {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html[data-cy-color-scheme="light"] body .achievements__list li {
  border-color: var(--cy-light-line) !important;
  background: rgba(255, 255, 255, .86) !important;
  color: var(--cy-light-text) !important;
  box-shadow: 0 10px 25px rgba(38, 54, 78, .1) !important;
}

html[data-cy-color-scheme="light"] body .achievement-card {
  background: linear-gradient(150deg, rgba(255, 255, 255, .98), color-mix(in srgb, #ffffff 86%, var(--cy-theme-2))) !important;
}

html[data-cy-color-scheme="light"] body .achievement-card::before {
  background: radial-gradient(260px 200px at var(--glow-x, 40%) var(--glow-y, 20%), rgba(var(--cy-theme-1-rgb), .2), transparent 62%) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .achievement-card__title,
  .achievement-reward__value,
  .achievement-card__cta
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .achievement-card__text,
  .achievement-card__progress-top,
  .achievement-reward__label
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body .achievement-card__progress-track {
  border-color: var(--cy-light-line) !important;
  background: #e7edf5 !important;
}

html[data-cy-color-scheme="light"] body :where(
  .achievement-card__progress-value,
  .conversion-course-note strong
) {
  color: #825a0a !important;
}

html[data-cy-color-scheme="light"] body .achievement-card__cta {
  background: color-mix(in srgb, #ffffff 78%, #e8d8a1) !important;
}

html[data-cy-color-scheme="light"] body .achievement-card__cta--locked,
html[data-cy-color-scheme="light"] body .achievement-card__cta--locked:disabled {
  border-color: rgba(96, 112, 137, .28) !important;
  background: #edf1f6 !important;
  color: #65748a !important;
}

/* Reward flow, founder, FAQ and final conversion block. */
html[data-cy-color-scheme="light"] body :where(
  .conversion-reward-flow strong,
  .conversion-mid-cta__card h2,
  .conversion-founder__copy h2,
  .conversion-faq-item > button,
  .conversion-final__copy h2,
  .conversion-mobile-cta strong
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-final__grid {
  background-image: linear-gradient(rgba(40, 56, 78, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(40, 56, 78, .1) 1px, transparent 1px) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-reward-flow small,
  .conversion-reward-flow > i,
  .conversion-mid-cta__card p,
  .conversion-founder__copy > p,
  .conversion-founder__copy blockquote,
  .conversion-founder__principles span,
  .conversion-faq-item__answer > p,
  .conversion-final__copy > p,
  .conversion-final__note,
  .conversion-mobile-cta small
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body .conversion-founder__photo::after {
  background: linear-gradient(to top, rgba(255, 255, 255, .82), transparent 50%), linear-gradient(90deg, transparent 52%, rgba(255, 255, 255, .98)) !important;
}

html[data-cy-color-scheme="light"] body .conversion-founder__badge span {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body .conversion-founder__badge strong {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-faq-item > button i::before,
html[data-cy-color-scheme="light"] body .conversion-faq-item > button i::after {
  background: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-final__terminal pre {
  color: #263249 !important;
}

html[data-cy-color-scheme="light"] body .conversion-final__terminal-bar em,
html[data-cy-color-scheme="light"] body .conversion-final__terminal-result {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body .code-purple { color: #6d3ad8 !important; }
html[data-cy-color-scheme="light"] body .code-blue { color: #1769aa !important; }
html[data-cy-color-scheme="light"] body .code-gold { color: #8a5b00 !important; }
html[data-cy-color-scheme="light"] body .code-green { color: #087c4b !important; }

/* Legacy typography that still used white literals. */
html[data-cy-color-scheme="light"] body :where(
  .media-card__hint,
  .course-card__title,
  .course-card__meta,
  .course-price,
  .marathon-card__title,
  .marathon-card__meta,
  .manifesto__panel,
  .about-collage__card,
  .library-shelf__header,
  .marathon-strip,
  .pathway-card,
  .marathon-feature__card,
  .shop-card,
  .practice-card,
  .profile-card,
  .manifesto-quote,
  .modal__dialog,
  .modal__dialog label,
  .modal__dialog p,
  .modal__dialog small
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .course-card__text,
  .marathon-card__text,
  .pathway-card__text,
  .marathon-feature__text,
  .shop-card__text,
  .practice-card__text,
  .profile-card__text,
  .manifesto-quote p
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .about-hero__title,
  .about-hero__stat-value,
  .about-collage__title,
  .about-cta__title,
  .about-marathon-card h3,
  .course-fact__value,
  .course-price__name,
  .dropdown__title,
  .impressions-card__title,
  .impressions__quote,
  .insight-quote,
  .library-file__name,
  .library-shelf__title,
  .library-topic__title,
  .manifesto__panel-title,
  .manifesto__text--final,
  .roadmap__title,
  .stat__value,
  .track-card__title,
  .value-card__title
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .about-hero__lead,
  .about-hero__stat-label,
  .course-fact__label,
  .course-price__summary,
  .footer__meta,
  .footer__note,
  .impressions-card__text,
  .library-file__desc,
  .library-shelf__subtitle,
  .manifesto__lines p,
  .roadmap__meta,
  .track-card__label
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body .cipher-line {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body .cipher-planet__surface {
  mix-blend-mode: multiply !important;
}

html[data-cy-color-scheme="light"] body :where(
  .cipher-reveal,
  .cipher-planet__surface .cipher-reveal,
  .cipher-planet__surface .cipher-noise
) {
  color: color-mix(in srgb, var(--cy-theme-2) 72%, #172033) !important;
  text-shadow: 0 0 13px rgba(var(--cy-theme-2-rgb), .22) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .about-collage__tag,
  .about-cta__badge,
  .badge,
  .badge__text,
  .brand-chip__text,
  .course-card__tag,
  .course-price__badge,
  .impressions-tag,
  .insight-tag,
  .library-file__badge,
  .library-shelf__badge,
  .manifesto__eyebrow,
  .manifesto__tag,
  .marathon-card__days,
  .marathon-card__tag,
  .marathon-chip,
  .pill,
  .price__badge,
  .track-card__tag
) {
  color: color-mix(in srgb, var(--cy-theme-2) 68%, #172033) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .btn--course,
  .btn-buy,
  .library-file__btn,
  .nav__cta--profession
) {
  color: #081018 !important;
  -webkit-text-fill-color: #081018 !important;
}

html[data-cy-color-scheme="light"] body .modal__overlay {
  background: rgba(69, 82, 104, .32) !important;
}

html[data-cy-color-scheme="light"] body .modal-message.is-success {
  border-color: rgba(8, 123, 82, .24) !important;
  background: #edf9f3 !important;
  color: #087b52 !important;
}

html[data-cy-color-scheme="light"] body .modal-message.is-error {
  border-color: rgba(180, 35, 53, .22) !important;
  background: #fff0f2 !important;
  color: #b42335 !important;
}

/* Navigation and utility elements that switch to a separate mobile tree. */
html[data-cy-color-scheme="light"] body :where(
  .conversion-mobile-nav__list a,
  .conversion-mobile-nav__list a.is-active,
  .conversion-mobile-nav__course,
  .conversion-nav__course,
  .conversion-header .nav-toggle,
  .conversion-header__mobile-cta,
  .promo-bar__badge,
  .promo-bar__text,
  .promo-bar__text strong,
  .promo-bar__cta
) {
  border-color: var(--cy-light-line) !important;
  background: var(--cy-light-control) !important;
  color: var(--cy-light-text) !important;
  -webkit-text-fill-color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-mobile-nav {
  background: radial-gradient(circle at 92% 7%, rgba(var(--cy-theme-1-rgb), .18), transparent 32%), radial-gradient(circle at 5% 92%, rgba(var(--cy-theme-2-rgb), .13), transparent 35%), linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(237, 242, 247, .97)) !important;
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body .conversion-mobile-nav__list a::after,
html[data-cy-color-scheme="light"] body .conversion-nav .nav__link::after {
  color: var(--cy-light-faint) !important;
}

/* Home-page feature families retained from the earlier design. */
html[data-cy-color-scheme="light"] body :where(
  .timer-unit,
  .slider-reveal__hint,
  .micro.micro--cursor,
  .pathway__panel,
  .pathway__steps li,
  .pathway-card__meta-item,
  .marathon-feature__benefits li,
  .marathon-feature__promise,
  .marathon-feature__meta span,
  .achievement-modal__reward,
  .achievement-modal__pitch,
  .shop-cart,
  .shop-cart__icon,
  .shop-toast,
  .shop-legend__item,
  .shop-ticker,
  .shop-chip,
  .shop-card,
  .price-pill,
  .practice-card__type,
  .practice-card__chip,
  .coming-soon-badge
) {
  border-color: var(--cy-light-line) !important;
  background: linear-gradient(145deg, var(--cy-light-panel), var(--cy-light-panel-tint)) !important;
  color: var(--cy-light-text) !important;
  box-shadow: var(--cy-light-shadow) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .timer-label,
  .slider-reveal__hint,
  .micro.micro--cursor,
  .pathway__note,
  .pathway__steps li,
  .pathway-card__text,
  .pathway-card__meta-item,
  .marathon-feature__text,
  .marathon-feature__benefits li,
  .marathon-feature__promise,
  .marathon-feature__meta span,
  .achievement-modal__label,
  .achievement-modal__pitch-text,
  .shop-cart__label,
  .shop-toast__title,
  .shop-toast__price,
  .shop-toast__free,
  .shop-legend__item,
  .shop-chip,
  .shop-meta,
  .shop-desc,
  .meta-row,
  .qty-row,
  .practice-card__type,
  .practice-card__text,
  .practice-card__chip,
  .profile-card__subtitle,
  .modal__subtitle,
  .modal-check,
  .modal-form__trust
) {
  color: var(--cy-light-muted) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .pathway-card__tag,
  .pathway-card__title,
  .marathon-feature__title,
  .achievement-modal__name,
  .achievement-modal__value,
  .achievement-modal__pitch-title,
  .shop-toast__name,
  .shop-title,
  .price-pill,
  .practice-card__title,
  .profile-card__title,
  .manifesto-quote,
  .coming-soon-badge
) {
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .modal__close,
  .modal-field input,
  .modal-field select,
  .modal-field textarea,
  .modal-field select option
) {
  border-color: var(--cy-light-line) !important;
  background: #ffffff !important;
  color: var(--cy-light-text) !important;
}

html[data-cy-color-scheme="light"] body :where(
  .modal-field input::placeholder,
  .modal-field textarea::placeholder
) {
  color: var(--cy-light-faint) !important;
  opacity: 1 !important;
}

/* Keep text visible even when a legacy card adds its own hover state. */
html[data-cy-color-scheme="light"] body :where(
  .pathway-card:hover,
  .shop-card:hover,
  .practice-card:hover,
  .achievement-card:hover
) {
  border-color: rgba(var(--cy-theme-2-rgb), .32) !important;
  background: linear-gradient(145deg, #ffffff, color-mix(in srgb, #ffffff 82%, var(--cy-theme-3))) !important;
}

/* -------------------------------------------------------------------------
   Homepage polish: top bars, CTA icons, floating status cards and clean
   rounded corners. These components are shared by both color schemes.
   ---------------------------------------------------------------------- */

/* Safari could expose the square mask layer used for the old neon border.
   The real border now carries the accent, so the mask layer is unnecessary. */
html[data-cy-site-theme] body .glow-card::before {
  content: none !important;
  display: none !important;
}

html[data-cy-site-theme] body :where(
  .glow-card,
  .conversion-step,
  .conversion-day-preview,
  .conversion-course-card,
  .conversion-module-panel,
  .conversion-platform-gallery__window,
  .conversion-faq-item,
  .achievement-card,
  .conversion-founder__card,
  .conversion-final__card
) {
  overflow: hidden !important;
  background-clip: padding-box !important;
  border-color: color-mix(in srgb, var(--cy-site-line) 76%, var(--cy-theme-2)) !important;
}

html[data-cy-color-scheme="light"] body .section-title__accent {
  border-color: rgba(var(--cy-theme-2-rgb), .4) !important;
  background: linear-gradient(135deg, rgba(var(--cy-theme-3-rgb), .28), rgba(var(--cy-theme-2-rgb), .14)) !important;
  color: color-mix(in srgb, var(--cy-theme-2) 70%, #172033) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 10px 25px rgba(var(--cy-theme-2-rgb), .14) !important;
  text-shadow: none !important;
}

html[data-cy-color-scheme="light"] body :where(
  .conversion-gradient-text,
  .gradient-text,
  .text-gradient,
  .accent-gradient
) {
  background-image: linear-gradient(
    var(--cy-theme-angle),
    color-mix(in srgb, var(--cy-theme-1) 68%, #172033),
    color-mix(in srgb, var(--cy-theme-2) 78%, #172033),
    color-mix(in srgb, var(--cy-theme-3) 62%, #38445b)
  ) !important;
}

body.cybox-conversion-v3 .conversion-promo .promo-bar__inner {
  min-height: 54px !important;
}

body.cybox-conversion-v3 .conversion-header .header__inner {
  min-height: 78px !important;
  padding-block: 13px !important;
}

body.cybox-conversion-v3 .conversion-header.is-scrolled .header__inner {
  min-height: 72px !important;
  padding-block: 10px !important;
}

@media (min-width: 981px) {
  html[data-cy-site-theme] body .conversion-header .nav__panel {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.cybox-conversion-v3 .conversion-header .conversion-nav .nav__link {
    font-size: clamp(.94rem, .88vw, 1.08rem) !important;
    line-height: 1.2;
  }

  body.cybox-conversion-v3 .conversion-header .conversion-nav__actions .btn {
    font-size: clamp(.95rem, .86vw, 1.06rem) !important;
    line-height: 1.2;
  }
}

.promo-bar__start-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(var(--cy-theme-1-rgb), .34);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(var(--cy-theme-1-rgb), .17), rgba(var(--cy-theme-2-rgb), .12));
  color: color-mix(in srgb, var(--cy-theme-2) 72%, var(--cy-site-text));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 8px 18px rgba(var(--cy-theme-2-rgb), .13);
}

.promo-bar__start-icon > svg {
  width: 18px;
  height: 18px;
}

.promo-bar__start-icon .conversion-promo__pulse {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 7px;
  height: 7px;
  border: 2px solid var(--cy-site-bg);
}

html[data-cy-site-theme] body .conversion-faq-question-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 58px;
  padding: 9px 22px 9px 10px;
  border-color: rgba(var(--cy-theme-2-rgb), .45) !important;
  background: var(--cy-theme-gradient) !important;
  color: #081018 !important;
  -webkit-text-fill-color: #081018 !important;
  font-family: var(--cy-font-body) !important;
  font-size: clamp(.9rem, .95vw, .98rem) !important;
  font-weight: 500 !important;
  line-height: 1.2;
  letter-spacing: .005em;
  box-shadow: 0 15px 34px rgba(var(--cy-theme-2-rgb), .22), inset 0 1px 0 rgba(255, 255, 255, .62) !important;
}

.conversion-faq-question-cta__icon {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, .54);
  border-radius: 11px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .3)) padding-box,
    var(--cy-theme-gradient) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .7),
    0 8px 20px rgba(8, 16, 24, .14),
    0 0 16px rgba(var(--cy-theme-2-rgb), .15);
  transition: transform 180ms ease;
}

.conversion-faq-question-cta__icon::before {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: 0;
  border-radius: 9px;
  background:
    radial-gradient(circle at 24% 18%, rgba(var(--cy-theme-1-rgb), .32), transparent 48%),
    radial-gradient(circle at 82% 86%, rgba(var(--cy-theme-3-rgb), .23), transparent 55%);
  pointer-events: none;
}

.conversion-faq-question-cta__icon > svg {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  overflow: visible;
  filter: drop-shadow(0 0 5px rgba(var(--cy-theme-2-rgb), .3));
}

.conversion-faq-question-cta__stroke {
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.conversion-faq-question-cta__stroke > * {
  vector-effect: non-scaling-stroke;
}

.conversion-faq-question-cta__dots {
  stroke-width: 2.6;
}

html[data-cy-site-theme] body .conversion-faq-question-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.04) saturate(1.04);
  box-shadow: 0 19px 42px rgba(var(--cy-theme-2-rgb), .28), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html[data-cy-site-theme] body .conversion-faq-question-cta:hover .conversion-faq-question-cta__icon {
  transform: translateY(-1px) scale(1.045);
}

html[data-cy-site-theme] body .conversion-float-card {
  min-width: 286px;
  gap: 12px;
  padding: 14px 15px;
  border-radius: 20px;
  border-color: color-mix(in srgb, var(--cy-site-line) 68%, var(--cy-theme-2)) !important;
  background: linear-gradient(145deg, var(--cy-site-surface), color-mix(in srgb, var(--cy-site-surface) 90%, var(--cy-theme-3))) !important;
  color: var(--cy-site-text) !important;
  box-shadow: 0 18px 44px color-mix(in srgb, var(--cy-site-bg-deep) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .48) !important;
}

html[data-cy-site-theme] body .conversion-float-card::before {
  content: none !important;
  display: none !important;
}

html[data-cy-site-theme] body .conversion-float-card--achievement {
  border-color: rgba(var(--cy-theme-2-rgb), .38) !important;
}

html[data-cy-site-theme] body .conversion-float-card--feedback {
  border-color: rgba(8, 123, 82, .28) !important;
}

html[data-cy-site-theme] body :where(
  .conversion-float-card__icon,
  .conversion-float-card__avatar
) {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(var(--cy-theme-2-rgb), .28);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(var(--cy-theme-3-rgb), .34), rgba(var(--cy-theme-2-rgb), .2)) !important;
  color: color-mix(in srgb, var(--cy-theme-2) 74%, var(--cy-site-text)) !important;
  box-shadow: 0 10px 24px rgba(var(--cy-theme-2-rgb), .14) !important;
}

html[data-cy-site-theme] body .conversion-float-card__avatar {
  border-color: rgba(8, 123, 82, .25);
  background: color-mix(in srgb, var(--cy-site-surface) 76%, #5ce1a4) !important;
  color: #087b52 !important;
}

.conversion-float-card__svg {
  width: 23px;
  height: 23px;
}

html[data-cy-site-theme] body .conversion-float-card strong {
  color: var(--cy-site-text) !important;
  font-size: .82rem;
}

html[data-cy-site-theme] body .conversion-float-card small {
  color: var(--cy-site-muted) !important;
  font-size: .67rem;
}

html[data-cy-site-theme] body .conversion-float-card__reward {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 10px;
  border-color: rgba(var(--cy-theme-2-rgb), .3) !important;
  background: linear-gradient(135deg, rgba(var(--cy-theme-3-rgb), .3), rgba(var(--cy-theme-2-rgb), .14)) !important;
  color: color-mix(in srgb, var(--cy-theme-2) 72%, var(--cy-site-text)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 8px 20px rgba(var(--cy-theme-2-rgb), .12);
}

.conversion-float-card__reward > svg {
  width: 17px;
  height: 17px;
}

.conversion-float-card__reward > span {
  font-family: var(--cy-font-heading);
  font-size: .66rem;
  font-weight: 700;
}

html[data-cy-site-theme] body .conversion-float-card__check {
  width: 34px;
  height: 34px;
  border-color: rgba(8, 123, 82, .26) !important;
  background: color-mix(in srgb, var(--cy-site-surface) 75%, #5ce1a4) !important;
  color: #087b52 !important;
  box-shadow: 0 8px 20px rgba(8, 123, 82, .13) !important;
}

.conversion-float-card__check > svg {
  width: 19px;
  height: 19px;
}

@media (max-width: 980px) {
  body.cybox-conversion-v3 .conversion-promo .promo-bar__inner {
    min-height: 42px !important;
  }

  body.cybox-conversion-v3 .conversion-header .header__inner,
  body.cybox-conversion-v3 .conversion-header.is-scrolled .header__inner {
    min-height: 64px !important;
    padding-block: 9px !important;
  }
}

@media (max-width: 640px) {
  .promo-bar__start-icon {
    width: 25px;
    height: 25px;
    border-radius: 8px;
  }

  .promo-bar__start-icon > svg {
    width: 15px;
    height: 15px;
  }

  html[data-cy-site-theme] body .conversion-faq-question-cta {
    width: 100%;
    padding-right: 16px;
    font-size: .9rem !important;
  }
}

@media (max-width: 767.98px) {
  html[data-cy-color-scheme="light"] body .conversion-mobile-cta {
    background: color-mix(in srgb, var(--cy-light-panel) 94%, transparent) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.12) !important;
    backdrop-filter: blur(20px) saturate(1.12) !important;
  }
}

@keyframes cySiteThemeFlow {
  0% {
    background-position: -12% 4%, 112% 12%, 50% 112%, center;
    background-size: 138% 132%, 142% 138%, 136% 134%, 100% 100%;
  }
  50% {
    background-position: 18% 18%, 82% -8%, 28% 88%, center;
    background-size: 154% 148%, 132% 152%, 148% 128%, 100% 100%;
  }
  100% {
    background-position: 38% -10%, 62% 26%, 76% 74%, center;
    background-size: 136% 154%, 154% 134%, 132% 152%, 100% 100%;
  }
}

@media (max-width: 991.98px) {
  html[data-cy-site-theme] body {
    background-attachment: scroll !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-cy-site-background^="animated_"] body {
    animation: none !important;
  }

  html[data-cy-site-theme] *,
  html[data-cy-site-theme] *::before,
  html[data-cy-site-theme] *::after {
    scroll-behavior: auto !important;
  }
}