/* ============================================================
   CTF EMAIL THEME — v7 CLEAN REBUILD
   Single authoritative override file.
   Loads AFTER complete-trading-framework.css
   All previous patch layers removed.
   ============================================================ */

/* ============================================================
   1. DESIGN TOKENS — win over original :root at line 2482
   Using html:root for higher specificity, no !important needed
   on tokens themselves — specificity wins.
   ============================================================ */

html {
  --ctf-bg:           #04070B;
  --ctf-bg2:          #07101A;
  --ctf-surface:      #0D141C;
  --ctf-surface2:     #101922;
  --ctf-accent:       #2CC8BA;
  --ctf-accent2:      #26B8AB;
  --ctf-accentSoft:   rgba(44,200,186,.10);
  --ctf-accentSoft2:  rgba(44,200,186,.06);
  --ctf-border:       rgba(255,255,255,.07);
  --ctf-border2:      rgba(255,255,255,.05);
  --ctf-gold:         #D9BC72;
}

/* Repeat on :root with !important so the mid-file :root reset
   at line 2482 of original CSS does NOT win */
:root {
  --ctf-bg:           #04070B !important;
  --ctf-bg2:          #07101A !important;
  --ctf-surface:      #0D141C !important;
  --ctf-surface2:     #101922 !important;
  --ctf-accent:       #2CC8BA !important;
  --ctf-accent2:      #26B8AB !important;
  --ctf-accentSoft:   rgba(44,200,186,.10) !important;
  --ctf-accentSoft2:  rgba(44,200,186,.06) !important;
  --ctf-border:       rgba(255,255,255,.07) !important;
  --ctf-border2:      rgba(255,255,255,.05) !important;
  --ctf-gold:         #D9BC72 !important;
}

/* ============================================================
   2. PAGE BACKGROUND
   ============================================================ */

body,
.ctf-page-wrap,
.site-main,
.page-template-page-complete-trading-framework {
  background: radial-gradient(1200px 600px at 50% -200px, #0B1C28 0%, #04070B 70%) fixed !important;
  background-color: #04070B !important;
  color: #F5F7FA !important;
}

/* ============================================================
   3. HERO SECTION
   ============================================================ */

.xmasHero {
  background: #04070B !important;
  padding-top:    clamp(52px, 7vw, 88px) !important;
  padding-bottom: clamp(36px, 5vw, 58px) !important;
}

/* Inner 2-col grid */
.xmasHero__inner {
  align-items: stretch !important;
  gap: 40px !important;
}

/* LEFT column — center all content within it */
.xmasHero__left {
  align-items: center !important;
  text-align: center !important;
  justify-content: space-between !important;
  display: flex !important;
  flex-direction: column !important;
}

.xmasHero__offer,
.xmasHero__h1,
.xmasHero__sub,
.xmasHero__micro,
.xmasHero__pillWrap,
.xmasHero__prod,
.xmasHero__price--left {
  text-align: center !important;
  width: 100% !important;
}

.xmasHero__priceLine {
  justify-content: center !important;
}

.xmasHero__meta {
  text-align: center !important;
}

/* Eyebrow */
.xmasHero__offer      { margin: 0 0 14px !important; }
.xmasHero__offerTop   { color: rgba(200,210,220,.48) !important; }
.xmasHero__offerSub   { color: rgba(200,210,220,.38) !important; }

/* H1 */
.xmasHero__h1a {
  color: #F5F7FA !important;
  -webkit-text-fill-color: #F5F7FA !important;
  background: none !important;
}
.xmasHero__h1b {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
  background: none !important;
}
.xmasHero__h1b--accent {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Supporting text */
.xmasHero__sub {
  color: rgba(200,210,220,.65) !important;
  -webkit-text-fill-color: rgba(200,210,220,.65) !important;
}

/* Micro copy */
.xmasHero__micro {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  color: rgba(200,210,220,.60) !important;
  -webkit-text-fill-color: rgba(200,210,220,.60) !important;
  margin: 0 0 10px !important;
}

/* Platform pill */
.xmasHero__pill {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(200,210,220,.48) !important;
}

/* Prod line */
.xmasHero__prod {
  color: rgba(200,210,220,.60) !important;
  -webkit-text-fill-color: rgba(200,210,220,.60) !important;
}

/* Price */
.xmasHero__now {
  font-size: 54px !important;
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
}
.xmasHero__was {
  font-size: 20px !important;
  color: rgba(200,210,220,.28) !important;
  -webkit-text-fill-color: rgba(200,210,220,.28) !important;
  text-decoration: line-through !important;
}
.xmasHero__meta {
  color: rgba(200,210,220,.48) !important;
  text-align: center !important;
}

/* Bullets */
.xmasHero__bIcon {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}
.xmasHero__bText {
  color: rgba(200,210,220,.48) !important;
}

/* CTA button */
.xmasHero__cta,
.xmasHero__cta:visited {
  background: #2CC8BA !important;
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(44,200,186,.14), 0 16px 40px rgba(0,0,0,.42) !important;
  border-radius: 13px !important;
  height: 56px !important;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease !important;
}
.xmasHero__cta:hover {
  background: #3FD6C8 !important;
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}
.xmasHero__ctaLabel {
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
}

/* Trust line */
.xmasHero__trust,
.xmasHero__trust span {
  color: rgba(200,210,220,.48) !important;
}

/* Filter link — removed from HTML, hide via CSS as cache guard */
.xmasHero__filterLink { display: none !important; }

/* Trust / social bar */
.xmasHero__social { background: rgba(255,255,255,.03) !important; }
.xmasHero__stars  { color: #D9BC72 !important; }
.xmasHero__socialText { color: rgba(200,210,220,.65) !important; }
.xmasHero__socialText strong { color: #F5F7FA !important; }

/* ============================================================
   4. SECTION BACKGROUNDS
   ============================================================ */

.xmasHero,
.seeDiffX,
.dnxFeatGridX,
.proSwingCoreX,
.platConfirmZ.platConfirmZ--inline {
  background: #04070B !important;
}

.entryFastZ,
.logicFlowX,
.proofRailX,
.faqSellX,
.ctfReviews,
.platConfirmZ.platConfirmZ--bottom,
.logicFlowXVideo,
.logicFlowXVideo__player {
  background: transparent !important;
}

/* ============================================================
   5. SECTION GLOW BACKGROUNDS
   ============================================================ */

.xmasHero::before,
.entryFastZ::before,
.seeDiffX::before,
.dnxFeatGridX::before,
.proSwingCoreX::before,
.logicFlowX::before,
.faqSellX::before,
.platConfirmZ::before {
  opacity: .55 !important;
}

/* ============================================================
   6. ALL ACCENT COLORS — direct property override
   Covers every element that uses hardcoded hex values
   instead of var(--ctf-accent)
   ============================================================ */

/* Inline style spans in PHP (color:#39E6D4 etc) */
span[style*="39E6D4"],
span[style*="38E6C2"],
span[style*="33D8C8"],
span[style*="2FCEC0"],
span[style*="2CC8BA"] {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Section H2 accent spans */
.entryFastZ__h2 span,
.logicFlowX__h2 span,
.proSwingCoreX__h2 span,
.ctfReviews__h2 span,
.platConfirmZ__h2 span,
.seeDiffX__h2 span,
.dnxFeatGridX__h2 span,
.faqSellX__h2 span {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Long sub-heading phrases — NOT accent, full white */
.proSwingCoreX__h2 > span:not(:first-child),
.logicFlowX__h2 > span:not(:first-child) {
  color: #F5F7FA !important;
  -webkit-text-fill-color: #F5F7FA !important;
}

/* Icons, arrows */
.proSwingCoreX__arrow,
.proSwingCoreX__qIcon,
.faqSellX__a em,
.logicFlowX__check {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Dots and checkmarks */
.platConfirmZ__dot,
.platConfirmZ__hintDot,
.proSwingCoreX__dot,
.proSwingCoreX__capDot,
.dnxFeatGridX__dot,
.entryFastZ__li--ok::before {
  background: #2CC8BA !important;
}

/* Dividers */
.seeDiffX__divider,
.logicFlowX__divider {
  background: linear-gradient(90deg, transparent, rgba(44,200,186,.20), transparent) !important;
}

/* ============================================================
   7. PLATFORM TOGGLE — active states
   ============================================================ */

.platConfirmZ__tab.is-active {
  background: rgba(44,200,186,.07) !important;
  border-color: rgba(44,200,186,.26) !important;
}
.platConfirmZ__tab.is-active .platConfirmZ__pill {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
  border-color: rgba(44,200,186,.28) !important;
}

/* ============================================================
   8. ALL CTA BUTTONS
   ============================================================ */

.dnxFeatGridX__cta,
.dnxFeatGridX__cta:visited,
.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a,
.platConfirmZ .platConfirmZ__cta .wp_cart_button,
.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ--bottom .platConfirmZ__cta input[type="submit"],
.platConfirmZ--bottom .platConfirmZ__cta button,
.platConfirmZ--bottom .platConfirmZ__cta a,
/* Generic cart button */
body .wp_cart_button {
  background: #2CC8BA !important;
  background-image: none !important;
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(44,200,186,.14), 0 16px 40px rgba(0,0,0,.42) !important;
}

.dnxFeatGridX__cta:hover,
.platConfirmZ .platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ .platConfirmZ__cta button:hover,
.platConfirmZ .platConfirmZ__cta a:hover,
.platConfirmZ .platConfirmZ__cta .wp_cart_button:hover,
.platConfirmZ--bottom .wp_cart_button:hover,
body .wp_cart_button:hover {
  background: #3FD6C8 !important;
  background-image: none !important;
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   9. SECONDARY & MUTED TEXT
   ============================================================ */

/* Secondary — descriptions, leads, paragraph copy */
.xmasHero__sub,
.entryFastZ__lead,
.seeDiffX__lead,
.seeDiffX__text,
.logicFlowX__lead,
.logicFlowX__text,
.dnxFeatGridX__lead,
.dnxFeatGridX__text,
.proSwingCoreX__lead,
.proSwingCoreX__desc,
.platConfirmZ__lead,
.faqSellX__sub,
.faqSellX__a,
.ctfReviews__sub,
.ctfReviewCard__text,
.ctfReviewFeatured__text {
  color: rgba(200,210,220,.65) !important;
}

/* Muted — kickers, captions, notes, meta, labels */
.entryFastZ__kicker,
.seeDiffX__kicker,
.seeDiffX__cap,
.seeDiffX__meta,
.logicFlowX__kicker,
.logicFlowXVideo__kicker,
.logicFlowXVideo__note,
.dnxFeatGridX__kicker,
.dnxFeatGridX__trust,
.proSwingCoreX__kicker,
.proSwingCoreX__note,
.proSwingCoreX__cap,
.platConfirmZ__kicker,
.platConfirmZ__meta,
.platConfirmZ__trust,
.platConfirmZ__foot,
.platConfirmZ__hint,
.platConfirmZ__saveMuted,
.faqSellX__kicker,
.ctfReviews__kicker,
.ctfReviews__note,
.ctfReviewFeatured__src,
.ctfReviewCard__src,
.proofRailX__kicker,
.proofRailX__hint,
.xmasHero__offerTop,
.xmasHero__offerSub,
.xmasHero__bText {
  color: rgba(200,210,220,.48) !important;
}

/* ============================================================
   10. STARS — all gold, consistent
   ============================================================ */

.xmasHero__stars,
.ctfReviewFeatured__stars,
.ctfReviewCard__stars,
.proofRailX__stars {
  color: #D9BC72 !important;
}

/* ============================================================
   11. CARDS — surfaces and hover borders
   ============================================================ */

.seeDiffX__card,
.dnxFeatGridX__card,
.proSwingCoreX__card,
.logicFlowX__li,
.faqSellX__item {
  background: rgba(13,20,28,0.75) !important;
  border-color: rgba(255,255,255,.07) !important;
}

.seeDiffX__card:hover,
.dnxFeatGridX__card:hover,
.proSwingCoreX__card:hover,
.ctfReviewCard:hover,
.logicFlowX__li:hover,
.faqSellX__item:hover {
  border-color: rgba(44,200,186,.18) !important;
  transform: translateY(-1px) !important;
}

/* Active card states */
.proSwingCoreX__card.is-active {
  border-color: rgba(44,200,186,.22) !important;
  background: rgba(44,200,186,.04) !important;
}

/* FAQ open item */
.faqSellX__item[open] {
  border-color: rgba(44,200,186,.16) !important;
}

/* Featured review */
.ctfReviewFeatured {
  border-color: rgba(44,200,186,.13) !important;
  background: rgba(16,24,33,0.85) !important;
}

/* ============================================================
   12. MISC — urgency bars, links
   ============================================================ */

.ctfUrgencyBar { display: none !important; }

.faqSellX__a a { color: #2CC8BA !important; }

.logicFlowX__step--trend { border-color: rgba(44,200,186,.24) !important; }

/* ============================================================
   13. MOBILE — price block swap
   ============================================================ */

@media (min-width: 861px) {
  .xmasHero__price--left  { display: block !important; margin-top: auto !important; padding-top: 20px !important; }
  .xmasHero__price--right { display: none !important; }
}
@media (max-width: 860px) {
  .xmasHero__price--left  { display: none !important; }
  .xmasHero__price--right { display: block !important; }
}


/* ============================================================
   CTF REVIEWS — Premium text testimonials block
   Isolated namespace: .ctfReviews / .ctfReviewFeatured / .ctfReviewCard
   ============================================================ */

/* ---- Section shell ---- */
.ctfReviews {
  position: relative;
  background: transparent;
  padding: 80px 22px 72px;
  border-bottom: 1px solid rgba(255,255,255,.04);
}

.ctfReviews__wrap {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
}

/* ---- Header ---- */
.ctfReviews__head {
  text-align: center;
  margin: 0 auto 44px;
  max-width: 720px;
}

.ctfReviews__kicker {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(200,210,220,.48);
  margin: 0 0 14px;
}

.ctfReviews__h2 {
  font-family: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 40px;
  line-height: 1.09;
  font-weight: 950;
  letter-spacing: -.03em;
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
  background: none !important;
  margin: 0 0 14px;
}

.ctfReviews__h2 span {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

.ctfReviews__sub {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.60;
  color: rgba(200,210,220,.65);
  margin: 0;
}

/* ---- Featured review ---- */
.ctfReviewFeatured {
  max-width: 860px;
  margin: 0 auto 42px;
  padding: 32px 36px;
  border-radius: 22px;
  background: rgba(13,20,28,0.85);
  border: 1px solid rgba(44,200,186,.18);
  box-shadow:
    0 24px 70px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.04) inset;
  text-align: center;
}

.ctfReviewFeatured__stars {
  font-size: 17px;
  letter-spacing: .14em;
  color: #D9BC72;
  margin: 0 0 18px;
  line-height: 1;
}

.ctfReviewFeatured__text {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(245,247,250,.90);
  margin: 0 0 22px;
  font-style: italic;
}

.ctfReviewFeatured__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ctfReviewFeatured__name {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #F5F7FA;
}

.ctfReviewFeatured__src {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  color: rgba(200,210,220,.48);
  padding: 4px 10px;
  border-radius: 100px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}

/* ---- Desktop grid ---- */
.ctfReviews__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 0 0 14px;
}

/* Drop to 2 cols on tablet */
@media (max-width: 1060px) {
  .ctfReviews__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Review cards ---- */
.ctfReviewCard {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 20px 18px;
  border-radius: 18px;
  background: rgba(13,18,24,0.80);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 12px 36px rgba(0,0,0,.38);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.ctfReviewCard:hover {
  border-color: rgba(44,200,186,.16);
  box-shadow: 0 16px 48px rgba(0,0,0,.48);
  transform: translateY(-1px);
}

.ctfReviewCard__stars {
  font-size: 13px;
  letter-spacing: .12em;
  color: #D9BC72;
  line-height: 1;
}

.ctfReviewCard__text {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.60;
  color: rgba(200,210,220,.65);
  margin: 0;
  flex: 1;
  font-style: italic;
}

.ctfReviewCard__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}

.ctfReviewCard__name {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: rgba(245,247,250,.92);
}

.ctfReviewCard__src {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
  color: rgba(200,210,220,.48);
  padding: 3px 8px;
  border-radius: 100px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
  white-space: nowrap;
}

/* ---- Pagination dots (hidden on desktop) ---- */
.ctfReviews__pagination {
  display: none;
  justify-content: center;
  gap: 7px;
  margin: 18px 0 0;
}

.ctfReviews__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  background: rgba(255,255,255,.18);
  transition: background .18s, transform .18s;
}

.ctfReviews__dot.is-active {
  background: #2CC8BA;
  transform: scale(1.28);
}

/* ---- Legal note ---- */
.ctfReviews__note {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 11.5px;
  line-height: 1.55;
  color: rgba(245,247,250,.32);
  text-align: center;
  max-width: 680px;
  margin: 28px auto 0;
}

/* ============================================================
   MOBILE SLIDER — activates when JS adds .is-slider
   ============================================================ */
@media (max-width: 680px) {

  .ctfReviews {
    padding: 56px 0 54px;
  }

  .ctfReviews__head {
    padding: 0 18px;
    margin-bottom: 32px;
  }

  .ctfReviews__h2 { font-size: 30px !important; }
  .ctfReviews__sub { font-size: 14px; }

  .ctfReviewFeatured {
    margin: 0 18px 28px;
    padding: 24px 22px;
  }
  .ctfReviewFeatured__text { font-size: 15px; }

  /* Slider mode */
  .ctfReviews__grid.is-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: scroll !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 4px 18px 12px !important;
    /* Hide scrollbar */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .ctfReviews__grid.is-slider::-webkit-scrollbar {
    display: none;
  }

  .ctfReviews__grid.is-slider .ctfReviewCard {
    flex: 0 0 calc(100vw - 54px) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    /* disable hover transforms in slider */
    transform: none !important;
  }

  /* Pagination visible on mobile */
  .ctfReviews__pagination {
    display: flex;
    padding: 0 18px;
  }

  .ctfReviews__note {
    padding: 0 18px;
  }
}

/* ============================================================
   HERO REBALANCE — v4
   Priority fixes:
   1. Cleaner headline (Framework accent)
   2. Left/right column vertical alignment
   3. Price block raised opposite CTA
   4. Calmer palette across page
   5. Remove urgency bar styles (element removed from HTML)
   ============================================================ */

/* ---- TOKEN REFRESH — slightly calmer palette ---- */
:root {
  --ctf-bg:           #04070B;
  --ctf-bg2:          #081019;
  --ctf-surface:      #0D141C;
  --ctf-surface2:     #101922;
  --ctf-accent:       #2CC8BA;
  --ctf-accent2:      #29C4B5;
  --ctf-accentSoft:   rgba(44,200,186,.13);
  --ctf-accentSoft2:  rgba(44,200,186,.07);
  --ctf-gold:         #D9BC72;
}

/* ---- H1: "Complete Trading" white, "Framework" accent ---- */
.xmasHero__h1a {
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
}
.xmasHero__h1b--accent {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
  font-weight: 950 !important;
}
/* Neutralize the generic h1b in case it was tinted */
.xmasHero__h1b:not(.xmasHero__h1b--accent) {
  color: rgba(245,247,250,.86) !important;
  -webkit-text-fill-color: rgba(245,247,250,.86) !important;
}

/* ---- Hero section — tighter padding ---- */
.xmasHero {
  padding-top:    56px !important;
  padding-bottom: 48px !important;
}

/* ---- Left column — compact, aligned ---- */
.xmasHero__left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  /* Remove extra gap so price sits higher */
  gap: 0 !important;
}

/* Offer eyebrow — quieter */
.xmasHero__offer { margin: 0 0 14px !important; }
.xmasHero__offerTop  { color: rgba(245,247,250,.52) !important; }
.xmasHero__offerSub  { color: rgba(200,210,220,.48) !important; }

/* H1 — tighter */
.xmasHero__h1 {
  font-size: 54px !important;
  margin: 0 0 14px !important;
  line-height: 1.05 !important;
}
@media (max-width: 980px) {
  .xmasHero__h1 { font-size: 44px !important; }
}
@media (max-width: 520px) {
  .xmasHero__h1 { font-size: 34px !important; }
}

/* Supporting text — one line, no <br> chaos */
.xmasHero__sub {
  font-size: 15.5px !important;
  line-height: 1.50 !important;
  margin: 0 0 20px !important;
  color: rgba(245,247,250,.68) !important;
  max-width: 420px !important;
}

/* ctfUrgencyBar removed from HTML — hide only that */
.ctfUrgencyBar { display: none !important; }

/* ---- Price block: pull UP so it sits opposite CTA ---- */
.xmasHero__price--left {
  /* Instead of being pushed down by margin-top:72px (from original CSS),
     we remove that and let it flow naturally after the tight copy above */
  margin-top: 0 !important;
}

.xmasHero__priceLine {
  gap: 12px !important;
}

.xmasHero__now {
  font-size: 54px !important;
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
}
.xmasHero__was {
  font-size: 20px !important;
  color: rgba(245,247,250,.28) !important;
}
.xmasHero__meta {
  margin-top: 6px !important;
  color: var(--ctf-gold) !important;
  -webkit-text-fill-color: var(--ctf-gold) !important;
  font-size: 11px !important;
  letter-spacing: .24em !important;
}

/* ---- Right column — align start so image + CTA pair cleanly ---- */
.xmasHero__right {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

.xmasHero__visual {
  margin: 0 auto 10px !important;
}

.xmasHero__bullets {
  margin: 0 auto 14px !important;
}

/* CTA wrap has no extra top margin so it floats up */
.xmasHero__ctaWrap {
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 480px !important;
}

/* ---- CTA button — controlled, not neon ---- */
.xmasHero__cta,
.xmasHero__cta:visited {
  background: linear-gradient(180deg, #2EDBCB 0%, #24C5B6 100%) !important;
  color: #03100E !important;
  -webkit-text-fill-color: #03100E !important;
  height: 58px !important;
  border-radius: 14px !important;
  font-size: 13.5px !important;
  letter-spacing: .08em !important;
  box-shadow:
    0 10px 28px rgba(44,200,186,.14),
    0 18px 44px rgba(0,0,0,.45) !important;
  border: none !important;
}
.xmasHero__cta:hover {
  background: linear-gradient(180deg, #42EAD9 0%, #35D4C5 100%) !important;
  color: #03100E !important;
  -webkit-text-fill-color: #03100E !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 14px 36px rgba(44,200,186,.18),
    0 22px 52px rgba(0,0,0,.50) !important;
}
.xmasHero__ctaLabel {
  color: #03100E !important;
  -webkit-text-fill-color: #03100E !important;
}

/* Trust line — quiet */
.xmasHero__trust {
  margin-top: 10px !important;
  color: rgba(245,247,250,.50) !important;
  font-size: 12px !important;
}
.xmasHero__sep { color: rgba(245,247,250,.20) !important; }
.xmasHero__lock { opacity: .55 !important; }

/* Filter link */
.xmasHero__filterLink {
  display: block !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  color: rgba(245,247,250,.40) !important;
  -webkit-text-fill-color: rgba(245,247,250,.40) !important;
  border-bottom-color: rgba(245,247,250,.12) !important;
}
.xmasHero__filterLink:hover {
  color: var(--ctf-gold) !important;
  -webkit-text-fill-color: var(--ctf-gold) !important;
}

/* Social proof bar */
.xmasHero__social {
  margin-top: 18px !important;
}

/* ============================================================
   PAGE-WIDE ACCENT CALM-DOWN
   Reduce cyan prominence everywhere except key spots.
   ============================================================ */

/* Section H2 accent spans — keep but slightly dimmer */
.entryFastZ__h2 span,
.proSwingCoreX__h2 span,
.proSwingCoreX__listTitle span {
  color: rgba(44,200,186,.88) !important;
  -webkit-text-fill-color: rgba(44,200,186,.88) !important;
}

/* Inline span accent overrides in PHP headings */
span[style*="39E6D4"] {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Kicker eyebrows — more muted */
.entryFastZ__kicker,
.platConfirmZ__kicker,
.seeDiffX__kicker,
.logicFlowX__kicker,
.dnxFeatGridX__kicker,
.proofRailX__kicker,
.proSwingCoreX__kicker,
.faqSellX__kicker,
.logicFlowXVideo__kicker,
.ctfReviews__kicker {
  color: rgba(245,247,250,.40) !important;
}

/* Section radial glows — slightly dimmer */
.entryFastZ::before {
  background:
    radial-gradient(900px 380px at 50% 0%,
      rgba(44,200,186,.04) 0%, transparent 62%),
    radial-gradient(1px 1px at 14% 18%, rgba(255,255,255,.08) 0, transparent 60%),
    radial-gradient(1px 1px at 78% 22%, rgba(255,255,255,.06) 0, transparent 60%) !important;
}
.platConfirmZ.platConfirmZ--inline::before,
.platConfirmZ.platConfirmZ--bottom::before {
  background:
    radial-gradient(900px 360px at 50% 0%,
      rgba(44,200,186,.03) 0%, transparent 62%) !important;
}

/* Active tab — tone down */
.platConfirmZ__tab.is-active {
  background: linear-gradient(180deg,
    rgba(44,200,186,.09) 0%,
    rgba(255,255,255,.02) 100%) !important;
  border-color: rgba(44,200,186,.32) !important;
}

/* FAQ open item — calmer glow */
.faqSellX__item[open] {
  background:
    radial-gradient(900px 200px at 50% 0%,
      rgba(44,200,186,.04) 0%, transparent 60%),
    var(--ctf-surface) !important;
  border-color: rgba(44,200,186,.18) !important;
}

/* CTA buttons — all updated to new accent */
.xmasHero__cta,
.dnxFeatGridX__cta,
.proofRailX__btn,
.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a,
.platConfirmZ.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ.platConfirmZ--bottom button.wp_cart_button {
  background: linear-gradient(180deg, #2EDBCB 0%, #24C5B6 100%) !important;
  box-shadow:
    0 10px 28px rgba(44,200,186,.13),
    0 18px 44px rgba(0,0,0,.45) !important;
}

/* Dots / markers */
.platConfirmZ__dot,
.platConfirmZ__hintDot,
.proSwingCoreX__dot,
.proSwingCoreX__capDot,
.dnxFeatGridX__dot,
.logicFlowX__check {
  background: #2CC8BA !important;
}

/* Active dot in reviews */
.ctfReviews__dot.is-active {
  background: #2CC8BA !important;
}

/* proSwingCoreX active card — quieter */
.proSwingCoreX__card.is-active {
  border-color: rgba(44,200,186,.28) !important;
  box-shadow:
    0 18px 56px rgba(0,0,0,.55),
    0 0 0 1px rgba(44,200,186,.08) inset !important;
}

/* seeDiffX divider lines — slightly dimmer */
.seeDiffX__divider,
.logicFlowX__divider {
  background: linear-gradient(90deg,
    transparent,
    rgba(44,200,186,.22),
    transparent) !important;
}

/* dnxFeatGridX card hover border */
.dnxFeatGridX__card:hover {
  border-color: rgba(44,200,186,.14) !important;
}

/* Focus rings */
.xmasHero__cta:focus-visible,
.platConfirmZ .platConfirmZ__cta button:focus-visible,
.platConfirmZ .platConfirmZ__cta a:focus-visible {
  outline-color: rgba(44,200,186,.35) !important;
}

/* Mobile hero spacing */
@media (max-width: 520px) {
  .xmasHero {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }
  .xmasHero__h1 { font-size: 32px !important; }
  .xmasHero__sub { font-size: 14px !important; max-width: 100% !important; }
  .xmasHero__now { font-size: 48px !important; }
}

/* ============================================================
   HERO v5 — FINAL REBALANCE
   Priority: layout alignment, palette calm, no promo clutter.

   Strategy:
   Left col uses justify-content:space-between so headline
   anchors at top and price anchors at bottom — naturally
   opposite the CTA zone on the right.
   ============================================================ */

/* ---- Hard-reset ALL previous hero patches ---- */

/* ctfUrgencyBar only — all other hero elements stay visible */
.ctfUrgencyBar { display: none !important; }

/* ---- Section shell ---- */
.xmasHero {
  padding-top:    clamp(52px, 7vw, 88px) !important;
  padding-bottom: clamp(36px, 5vw, 58px) !important;
  background: #04070B !important;
}

/* ---- 2-col grid — equal columns, aligned start ---- */
.xmasHero__inner {
  align-items: stretch !important; /* both cols fill same height */
  gap: 40px !important;
}

/* ======================================================
   LEFT COLUMN
   space-between pushes price to the bottom,
   landing it opposite the CTA button on the right.
   ====================================================== */
.xmasHero__left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0 !important;
  /* No fixed min-height — let content determine the height */
}

/* Top cluster: headline + supporting text */
.xmasHero__left > .xmasHero__h1  { margin: 0 0 16px !important; }
.xmasHero__left > .xmasHero__sub { margin: 0 !important;        }

/* Price block: pushed to bottom by space-between */
.xmasHero__price--left {
  margin-top: 28px !important;
  /* remove the old +72px push that was misaligning it */
}
@media (min-width: 861px) {
  .xmasHero__price--left { margin-top: auto !important; padding-top: 20px !important; }
}

/* ---- H1 — single-line, compact ---- */
.xmasHero__h1 {
  font-size: clamp(40px, 4.6vw, 58px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.035em !important;
  margin: 0 0 16px !important;
  /* no <br> — rendered as inline spans */
  white-space: normal !important;
}

.xmasHero__h1a {
  color: #F5F7FA !important;
  -webkit-text-fill-color: #F5F7FA !important;
}
.xmasHero__h1b--accent {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
  font-weight: 950 !important;
}

/* ---- Supporting text ---- */
.xmasHero__sub {
  font-size: 15px !important;
  line-height: 1.58 !important;
  color: rgba(245,247,250,.64) !important;
  max-width: 400px !important;
  margin: 0 !important;
}

/* ---- Price block ---- */
.xmasHero__priceLine {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin-bottom: 5px !important;
}
.xmasHero__now {
  font-size: 52px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #F5F7FA !important;
  -webkit-text-fill-color: #F5F7FA !important;
  text-shadow: none !important;
}
.xmasHero__was {
  font-size: 18px !important;
  color: rgba(245,247,250,.24) !important;
  -webkit-text-fill-color: rgba(245,247,250,.24) !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
}
/* "ONE-TIME PAYMENT · LIFETIME ACCESS" */
.xmasHero__meta {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
  color: rgba(245,247,250,.40) !important;
  -webkit-text-fill-color: rgba(245,247,250,.40) !important;
  margin-top: 4px !important;
}

/* ======================================================
   RIGHT COLUMN
   flex column, space-between: image anchors top,
   CTA+trust anchors bottom — mirror of left column.
   ====================================================== */
.xmasHero__right {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
}

/* Chart image — takes available space up top */
.xmasHero__visual {
  width: 100% !important;
  margin: 0 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.50) !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
}
.xmasHero__visual img { display: block !important; width: 100% !important; height: auto !important; }

/* Bullets row */
.xmasHero__bullets {
  margin: 0 0 10px !important;
  width: 100% !important;
}
.xmasHero__bIcon {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(245,247,250,.68) !important;
  border-radius: 6px !important;
}
.xmasHero__bText { color: rgba(245,247,250,.64) !important; }

/* Mobile price — hidden on desktop (shown below visual on mobile) */
.xmasHero__price--right { display: none !important; }
@media (max-width: 860px) {
  .xmasHero__price--left  { display: none !important; }
  .xmasHero__price--right { display: block !important; margin: 0 0 14px !important; text-align: center !important; }
}

/* CTA wrap — no extra top margin, sits naturally below bullets */
.xmasHero__ctaWrap {
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 480px !important;
}

/* ---- CTA button ---- */
.xmasHero__cta,
.xmasHero__cta:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 56px !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #2EDBCB 0%, #22C4B5 100%) !important;
  border: none !important;
  color: #031210 !important;
  -webkit-text-fill-color: #031210 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 8px 24px rgba(46,219,203,.12),
    0 16px 40px rgba(0,0,0,.42) !important;
  transition: transform .12s ease, box-shadow .12s ease !important;
}
.xmasHero__cta:hover {
  background: linear-gradient(180deg, #3EE5D5 0%, #30CFBF 100%) !important;
  color: #031210 !important;
  -webkit-text-fill-color: #031210 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 12px 30px rgba(46,219,203,.16),
    0 20px 48px rgba(0,0,0,.48) !important;
}
.xmasHero__cta:active {
  transform: translateY(0) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.55) inset !important;
}
.xmasHero__ctaLabel {
  color: #031210 !important;
  -webkit-text-fill-color: #031210 !important;
}

/* Trust line (below CTA — mirrors price meta on the left) */
.xmasHero__trust {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 10px !important;
  font-size: 11.5px !important;
  color: rgba(200,210,220,.48) !important;
}
.xmasHero__sep { color: rgba(245,247,250,.18) !important; }
.xmasHero__lock { opacity: .45 !important; }

/* Filter link — very quiet */
.xmasHero__filterLink {
  display: block !important;
  margin-top: 9px !important;
  font-size: 11.5px !important;
  color: rgba(245,247,250,.34) !important;
  -webkit-text-fill-color: rgba(245,247,250,.34) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(245,247,250,.10) !important;
  padding-bottom: 1px !important;
}
.xmasHero__filterLink:hover {
  color: rgba(245,247,250,.60) !important;
  -webkit-text-fill-color: rgba(245,247,250,.60) !important;
  border-bottom-color: rgba(245,247,250,.24) !important;
}

/* Social proof bar */
.xmasHero__social {
  margin-top: 20px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 100px !important;
  padding: 8px 20px !important;
}
.xmasHero__stars  { color: #D9BC72 !important; font-size: 12px !important; letter-spacing: .14em !important; }
.xmasHero__socialText { color: rgba(245,247,250,.72) !important; font-size: 12.5px !important; }
.xmasHero__socialText strong { color: #F5F7FA !important; font-weight: 700 !important; }

/* ======================================================
   MOBILE HERO (≤860px)
   Single-column. Image → price → CTA → trust.
   ====================================================== */
@media (max-width: 860px) {
  .xmasHero__inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .xmasHero__left {
    align-items: center !important;
    text-align: center !important;
  }
  .xmasHero__sub { max-width: 480px !important; text-align: center !important; }
  .xmasHero__h1  { text-align: center !important; }
}
@media (max-width: 520px) {
  .xmasHero {
    padding-top: 24px !important;
    padding-bottom: 22px !important;
  }
  .xmasHero__h1  { font-size: 34px !important; }
  .xmasHero__sub { font-size: 13.5px !important; }
  .xmasHero__now { font-size: 46px !important; }
  .xmasHero__cta { height: 52px !important; font-size: 12.5px !important; }
}

/* ============================================================
   GLOBAL PALETTE — final calm-down pass
   Overrides all previous accent-intensity values.
   Target: controlled, expensive, less "promo".
   ============================================================ */

/* ---- Core CSS vars — final values ---- */
:root {
  --ctf-bg:           #04070B !important;
  --ctf-bg2:          #07101A !important;
  --ctf-surface:      #0D141C !important;
  --ctf-surface2:     #101922 !important;
  --ctf-accent:       #2CC8BA !important;
  --ctf-accent2:      #26BFB1 !important;
  --ctf-accentSoft:   rgba(47,206,192,.10) !important;
  --ctf-accentSoft2:  rgba(47,206,192,.06) !important;
  --ctf-border:       rgba(255,255,255,.07) !important;
  --ctf-border2:      rgba(255,255,255,.05) !important;
  --ctf-gold:         #D9BC72 !important;
}

/* Section backgrounds — unified, inherit body */
.xmasHero,
.seeDiffX,
.logicFlowXVideo,
.dnxFeatGridX,
.proSwingCoreX,
.platConfirmZ.platConfirmZ--inline,
.entryFastZ,
.logicFlowX,
.proofRailX,
.faqSellX,
.ctfReviews,
.platConfirmZ.platConfirmZ--bottom { background: transparent !important; }

/* Section borders */
.xmasHero,
.entryFastZ,
.platConfirmZ.platConfirmZ--inline,
.seeDiffX,
.logicFlowX,
.logicFlowXVideo,
.dnxFeatGridX,
.ctfReviews,
.proofRailX,
.proSwingCoreX,
.faqSellX { border-bottom-color: rgba(255,255,255,.04) !important; }

/* Accent spans in headings — dimmer */
.entryFastZ__h2 span,
.proSwingCoreX__h2 span,
.proSwingCoreX__listTitle span,
span[style*="39E6D4"],
span[style*="33D8C8"] {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}
.ctfReviews__h2 span {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}
.xmasHero__h1b--accent {
  color: #2CC8BA !important;           /* slightly brighter for H1 — intentional */
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Kickers — very muted */
.entryFastZ__kicker,
.platConfirmZ__kicker,
.seeDiffX__kicker,
.logicFlowX__kicker,
.dnxFeatGridX__kicker,
.proofRailX__kicker,
.proSwingCoreX__kicker,
.faqSellX__kicker,
.logicFlowXVideo__kicker,
.ctfReviews__kicker { color: rgba(245,247,250,.36) !important; }

/* Section glow backgrounds — dimmer */
.seeDiffX::before,
.logicFlowX::before,
.logicFlowXVideo::before,
.proSwingCoreX::before {
  opacity: .55 !important;
}
.platConfirmZ.platConfirmZ--bottom::before {
  background:
    radial-gradient(900px 360px at 50% 0%,
      rgba(47,206,192,.025) 0%, transparent 62%),
    radial-gradient(900px 500px at 50% 120%,
      rgba(0,0,0,.50) 0%, transparent 64%) !important;
}
.platConfirmZ.platConfirmZ--inline::before {
  background:
    radial-gradient(900px 360px at 50% 0%,
      rgba(47,206,192,.025) 0%, transparent 62%) !important;
}

/* Platform tabs — quieter active state */
.platConfirmZ__tab.is-active {
  background: rgba(47,206,192,.07) !important;
  border-color: rgba(47,206,192,.26) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.48) !important;
}
.platConfirmZ__tab.is-active .platConfirmZ__pill {
  border-color: rgba(47,206,192,.28) !important;
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}
.platConfirmZ__save {
  color: #D9BC72 !important;
  -webkit-text-fill-color: #D9BC72 !important;
}

/* Cards — slightly more neutral surfaces */
.seeDiffX__card,
.logicFlowX__li,
.dnxFeatGridX__card,
.proSwingCoreX__card,
.faqSellX__item,
.ctfReviewCard { background: rgba(13,20,28,0.75) !important; }

.ctfReviewFeatured { background: rgba(16,25,34,0.85) !important; }

/* Card hover borders — dimmer */
.dnxFeatGridX__card:hover,
.proSwingCoreX__card:hover,
.ctfReviewCard:hover { border-color: rgba(47,206,192,.12) !important; }

/* FAQ open item — very subtle */
.faqSellX__item[open] {
  border-color: rgba(47,206,192,.16) !important;
  background:
    radial-gradient(800px 180px at 50% 0%,
      rgba(47,206,192,.03) 0%, transparent 58%),
    #0D141C !important;
}

/* proSwingCoreX active card */
.proSwingCoreX__card.is-active {
  background: rgba(47,206,192,.05) !important;
  border-color: rgba(47,206,192,.22) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.52) !important;
}

/* Divider lines */
.seeDiffX__divider,
.logicFlowX__divider {
  background: linear-gradient(90deg,
    transparent,
    rgba(47,206,192,.18),
    transparent) !important;
}

/* Checkmarks / dots */
.platConfirmZ__dot,
.platConfirmZ__hintDot,
.proSwingCoreX__dot,
.proSwingCoreX__capDot,
.dnxFeatGridX__dot,
.logicFlowX__check,
.entryFastZ__li--ok::before,
.ctfReviews__dot.is-active { background: #2CC8BA !important; }

.entryFastZ__li--ok::before { color: #021210 !important; }

/* All CTA buttons — final gradient */
.xmasHero__cta,
.xmasHero__cta:visited,
.dnxFeatGridX__cta,
.dnxFeatGridX__cta:visited,
.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a,
.platConfirmZ.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ.platConfirmZ--bottom button.wp_cart_button {
  background: linear-gradient(180deg, #2EDBCB 0%, #22C4B5 100%) !important;
  color: #031210 !important;
  -webkit-text-fill-color: #031210 !important;
  border: none !important;
  box-shadow:
    0 8px 22px rgba(46,219,203,.11),
    0 16px 40px rgba(0,0,0,.42) !important;
}
.xmasHero__cta:hover,
.dnxFeatGridX__cta:hover,
.platConfirmZ .platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ .platConfirmZ__cta button:hover,
.platConfirmZ .platConfirmZ__cta a:hover,
.platConfirmZ.platConfirmZ--bottom .wp_cart_button:hover {
  background: linear-gradient(180deg, #3EE5D5 0%, #2FD2C2 100%) !important;
  color: #031210 !important;
  -webkit-text-fill-color: #031210 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 12px 28px rgba(46,219,203,.14),
    0 20px 48px rgba(0,0,0,.48) !important;
}

/* Bottom section kicker — gold */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__kicker {
  color: #D9BC72 !important;
  -webkit-text-fill-color: #D9BC72 !important;
  border-color: rgba(217,188,114,.18) !important;
  background: rgba(217,188,114,.04) !important;
}

/* Reviews featured border */
.ctfReviewFeatured {
  border-color: rgba(47,206,192,.14) !important;
}

/* Stars — warm gold throughout */
.ctfReviewFeatured__stars,
.ctfReviewCard__stars,
.proofRailX__stars,
.xmasHero__stars { color: #D9BC72 !important; }

/* Footer & nav links — neutral grey, never accent */
.page-template-page-complete-trading-framework footer a,
.page-template-page-complete-trading-framework .site-footer a,
.page-template-page-complete-trading-framework .nav a,
.page-template-page-complete-trading-framework footer .nav a,
footer a,
.site-footer a,
.footer a,
.footer-menu a,
.nav a {
  color: rgba(200,210,220,0.65) !important;
  -webkit-text-fill-color: rgba(200,210,220,0.65) !important;
}
.page-template-page-complete-trading-framework footer a:hover,
.page-template-page-complete-trading-framework .site-footer a:hover,
.page-template-page-complete-trading-framework .nav a:hover,
footer a:hover,
.site-footer a:hover,
.footer a:hover,
.footer-menu a:hover,
.nav a:hover {
  color: #F5F7FA !important;
  -webkit-text-fill-color: #F5F7FA !important;
}

/* ============================================================
   HERO CONTENT RESTORE — v6
   Original HTML content returned. Un-hide all elements
   that previous patches suppressed with display:none.
   CSS styling preserved (premium palette, spacing, etc.)
   ============================================================ */

.xmasHero__offer,
.xmasHero__offerTop,
.xmasHero__offerDivider,
.xmasHero__offerSub,
.xmasHero__micro,
.xmasHero__pillWrap,
.xmasHero__pill,
.xmasHero__prod {
  display: revert !important;
}

/* Re-apply visual styles to restored elements */
.xmasHero__offer     { margin: 0 0 14px !important; }
.xmasHero__offerTop  { color: rgba(245,247,250,.48) !important; }
.xmasHero__offerSub  { color: rgba(245,247,250,.34) !important; }

.xmasHero__micro {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  color: rgba(200,210,220,.48) !important;
  margin: 0 0 10px !important;
}

.xmasHero__pill {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(245,247,250,.52) !important;
}

.xmasHero__prod {
  font-size: 14px;
  color: rgba(245,247,250,.60) !important;
  margin: 0 0 10px !important;
}

/* ============================================================
   HERO SMALL FIXES
   1. Left column — center-align all content within the column
   2. Filter link removed from HTML (hidden via CSS as backup)
   ============================================================ */

.xmasHero__left {
  align-items: center !important;
  text-align: center !important;
}

/* Ensure nothing inside left col breaks the center alignment */
.xmasHero__offer,
.xmasHero__h1,
.xmasHero__sub,
.xmasHero__micro,
.xmasHero__pillWrap,
.xmasHero__prod,
.xmasHero__price--left {
  text-align: center !important;
  width: 100% !important;
}

/* Price line stays centered */
.xmasHero__priceLine {
  justify-content: center !important;
}

/* meta line under price */
.xmasHero__meta {
  text-align: center !important;
}

/* Backup: hide filter link in case cached HTML still has it */
.xmasHero__filterLink {
  display: none !important;
}

/* ============================================================
   COLOR PALETTE ADJUSTMENT — strict replacements only
   No layout, spacing, or typography changes.
   ============================================================ */

/* ---- 1 & 2. Primary accent + hover ---- */
:root {
  --ctf-accent:      #2CC8BA;
  --ctf-accent2:     #26B8AB;
  --ctf-accentSoft:  rgba(44,200,186,.10);
  --ctf-accentSoft2: rgba(44,200,186,.06);
}

/* Accent text in headings */
.xmasHero__h1b--accent,
.entryFastZ__h2 span,
.proSwingCoreX__h2 span,
.proSwingCoreX__listTitle span,
.ctfReviews__h2 span,
span[style*="39E6D4"],
span[style*="33D8C8"],
span[style*="2FCEC0"],
span[style*="2CC8BA"] {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Accent icons / arrows */
.proSwingCoreX__arrow,
.proSwingCoreX__qIcon,
.dnxFeatGridX__title,
.faqSellX__a em {
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* Active dots & checkmarks */
.platConfirmZ__dot,
.platConfirmZ__hintDot,
.proSwingCoreX__dot,
.proSwingCoreX__capDot,
.dnxFeatGridX__dot,
.logicFlowX__check,
.entryFastZ__li--ok::before,
.ctfReviews__dot.is-active {
  background: #2CC8BA !important;
}

/* Divider lines */
.seeDiffX__divider,
.logicFlowX__divider {
  background: linear-gradient(90deg, transparent, rgba(44,200,186,.20), transparent) !important;
}

/* Active tab */
.platConfirmZ__tab.is-active {
  background: rgba(44,200,186,.07) !important;
  border-color: rgba(44,200,186,.26) !important;
}
.platConfirmZ__tab.is-active .platConfirmZ__pill {
  border-color: rgba(44,200,186,.28) !important;
  color: #2CC8BA !important;
  -webkit-text-fill-color: #2CC8BA !important;
}

/* proSwingCoreX active card */
.proSwingCoreX__card.is-active {
  border-color: rgba(44,200,186,.22) !important;
}

/* FAQ open */
.faqSellX__item[open] {
  border-color: rgba(44,200,186,.16) !important;
}

/* Featured review border */
.ctfReviewFeatured {
  border-color: rgba(44,200,186,.13) !important;
}

/* Workflow step borders */
.logicFlowX__step--trend { border-color: rgba(44,200,186,.24) !important; }

/* Links that should stay accent */
.faqSellX__a a { color: #2CC8BA !important; }

/* ---- 5 & 6. CTA buttons — flat color, dark text ---- */
.xmasHero__cta,
.xmasHero__cta:visited,
.dnxFeatGridX__cta,
.dnxFeatGridX__cta:visited,
.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a,
.platConfirmZ.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ.platConfirmZ--bottom button.wp_cart_button {
  background: #2CC8BA !important;
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(44,200,186,.12), 0 16px 40px rgba(0,0,0,.42) !important;
}
.xmasHero__cta:hover,
.dnxFeatGridX__cta:hover,
.platConfirmZ .platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ .platConfirmZ__cta button:hover,
.platConfirmZ .platConfirmZ__cta a:hover,
.platConfirmZ.platConfirmZ--bottom .wp_cart_button:hover {
  background: #3FD6C8 !important;
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
  filter: none !important;
}
.xmasHero__ctaLabel,
.dnxFeatGridX__cta span {
  color: #041014 !important;
  -webkit-text-fill-color: #041014 !important;
}

/* ---- 3. Secondary text ---- */
.xmasHero__sub,
.entryFastZ__lead,
.seeDiffX__lead,
.logicFlowX__lead,
.logicFlowX__text,
.dnxFeatGridX__lead,
.proSwingCoreX__lead,
.platConfirmZ__lead,
.faqSellX__sub,
.ctfReviews__sub,
.dnxFeatGridX__text,
.proSwingCoreX__desc,
.seeDiffX__text,
.ctfReviewCard__text,
.faqSellX__a {
  color: rgba(200,210,220,.65) !important;
}

/* ---- 4. Muted text ---- */
.xmasHero__trust,
.xmasHero__offerTop,
.xmasHero__offerSub,
.xmasHero__micro,
.xmasHero__bText,
.platConfirmZ__meta,
.platConfirmZ__saveMuted,
.platConfirmZ__trust,
.platConfirmZ__foot,
.platConfirmZ__hint,
.seeDiffX__cap,
.seeDiffX__meta,
.proSwingCoreX__note,
.proSwingCoreX__cap,
.logicFlowXVideo__note,
.proofRailX__hint,
.ctfReviews__note,
.ctfReviewFeatured__src,
.ctfReviewCard__src,
.dnxFeatGridX__trust,
.logicFlowX__kicker,
.entryFastZ__kicker,
.seeDiffX__kicker,
.dnxFeatGridX__kicker,
.proofRailX__kicker,
.proSwingCoreX__kicker,
.faqSellX__kicker,
.logicFlowXVideo__kicker,
.ctfReviews__kicker,
.platConfirmZ__kicker {
  color: rgba(200,210,220,.48) !important;
}

/* ---- 7. Stars ---- */
.ctfReviewFeatured__stars,
.ctfReviewCard__stars,
.proofRailX__stars,
.xmasHero__stars,
.xmasHero__social .xmasHero__stars {
  color: #D9BC72 !important;
}

/* ---- 8. Card hover border ---- */
.seeDiffX__card:hover,
.dnxFeatGridX__card:hover,
.proSwingCoreX__card:hover,
.ctfReviewCard:hover,
.logicFlowX__li:hover,
.faqSellX__item:hover {
  border-color: rgba(44,200,186,.18) !important;
}

/* ---- 9. Remove accent from long sub-headings — full white ---- */
/* proSwingCoreX h2 second line (span) — keep accent only on single keywords */
/* This targets the span inside the h2 that contains a long clause */
.proSwingCoreX__h2 > span:not(:first-child) {
  color: #F5F7FA !important;
  -webkit-text-fill-color: #F5F7FA !important;
}

/* ---- 10. Hero prod line ---- */
.xmasHero__prod {
  color: rgba(200,210,220,.60) !important;
  -webkit-text-fill-color: rgba(200,210,220,.60) !important;
}

/* ---- 11. Video section background ---- */
.logicFlowXVideo {
  background: transparent !important;
}
.logicFlowXVideo__player {
  background: transparent !important;
}


/* ============================================================
   MOBILE LAYOUT FIXES — v9
   All rules scoped to max-width: 768px.
   No desktop rules touched.
   ============================================================ */

@media (max-width: 768px) {

  /* --------------------------------------------------------
     FIX 1a: Container horizontal padding — prevent overflow
     -------------------------------------------------------- */
  [class*="__inner"],
  [class*="__container"],
  [class*="__wrap"],
  .xmasHero__inner,
  .platConfirmZ__inner,
  .platConfirmZ__ctaWrap,
  .dnxFeatGridX__inner,
  .proSwingCoreX__inner,
  .logicFlowX__inner,
  .logicFlowXVideo__inner,
  .entryFastZ__inner,
  .seeDiffX__inner,
  .proofRailX__inner,
  .faqSellX__inner,
  .ctfReviews__wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* --------------------------------------------------------
     FIX 1b: Hero & checkout CTA buttons — no overflow
     -------------------------------------------------------- */
  .xmasHero__cta,
  .xmasHero__cta:visited,
  .dnxFeatGridX__cta,
  .dnxFeatGridX__cta:visited,
  .platConfirmZ .platConfirmZ__cta input[type="submit"],
  .platConfirmZ .platConfirmZ__cta button,
  .platConfirmZ .platConfirmZ__cta a,
  .platConfirmZ .platConfirmZ__cta .wp_cart_button,
  .platConfirmZ--bottom .wp_cart_button,
  .platConfirmZ.platConfirmZ--bottom .wp_cart_button,
  .platConfirmZ.platConfirmZ--bottom button.wp_cart_button,
  body .wp_cart_button,
  .mql-cta-btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  /* Override any translateX or negative margin rules */
  .xmasHero__ctaWrap,
  .platConfirmZ__ctaWrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  /* --------------------------------------------------------
     FIX 2: Hero first screen — tighter vertical spacing
     -------------------------------------------------------- */
  .xmasHero {
    padding-top: 32px !important;
    padding-bottom: 16px !important;
  }

  .xmasHero__h1 {
    margin-bottom: 10px !important;
  }

  .xmasHero__sub,
  .xmasHero__micro,
  .xmasHero__prod,
  .xmasHero__price--right,
  .xmasHero__bullets {
    margin-bottom: 8px !important;
  }

  .xmasHero__social,
  .xmasHero__trust {
    margin-top: 10px !important;
  }

  /* --------------------------------------------------------
     FIX 3: Hide platform/version pill on mobile
     -------------------------------------------------------- */
  .xmasHero__pillWrap,
  .xmasHero__pill,
  [class*="__pillWrap"],
  .hero-platform-pill,
  .hero-version-pill {
    display: none !important;
  }

  /* --------------------------------------------------------
     FIX 4: Text under CTA — force single line
     -------------------------------------------------------- */
  .xmasHero__trust,
  .platConfirmZ__trust {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  .xmasHero__trust span,
  .platConfirmZ__trust span {
    white-space: nowrap !important;
  }

  /* --------------------------------------------------------
     FIX 5: Lock icon — smaller so it does not break line
     -------------------------------------------------------- */
  .xmasHero__lock svg,
  .platConfirmZ__lockSvg,
  .platConfirmZ__lock svg {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 auto !important;
  }

  .xmasHero__lock,
  .platConfirmZ__lock {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
  }

  /* --------------------------------------------------------
     FIX 6: Bottom checkout CTA — same overflow fixes
     -------------------------------------------------------- */
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__ctaWrap,
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__cta input[type="submit"],
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__cta button,
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__cta a,
  .platConfirmZ.platConfirmZ--bottom .wp_cart_button,
  .platConfirmZ.platConfirmZ--bottom button.wp_cart_button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Global overflow guard on body */
  body,
  .ptkPage {
    overflow-x: hidden !important;
  }

} /* end @media (max-width: 768px) */

/* ============================================================
   CTA BUTTON VERTICAL ALIGNMENT — all primary buttons
   Fixes: text/arrow top-aligned instead of centered
   Scope: global (applies desktop + mobile)
   ============================================================ */

/* Hero CTA */
.xmasHero__cta,
.xmasHero__cta:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}

/* Mid-page CTA (features section) */
.dnxFeatGridX__cta,
.dnxFeatGridX__cta:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}

/* Social proof rail button */
.proofRailX__btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}

/* Platform / checkout CTA — button, input, anchor variants */
.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a,
.platConfirmZ .platConfirmZ__cta .wp_cart_button,
.platConfirmZ .platConfirmZ__cta .mql-cta-btn,
.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ--bottom .mql-cta-btn,
.platConfirmZ--bottom .platConfirmZ__cta button,
.platConfirmZ--bottom .platConfirmZ__cta a,
.platConfirmZ.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ.platConfirmZ--bottom button.wp_cart_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}

/* Generic wp_cart_button and mql-cta-btn catchall */
body .wp_cart_button,
body .mql-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}

/* Filter modal CTA */
.ctfFilterModal__cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}

/* Inner label spans — must not fight flex centering */
.xmasHero__ctaLabel,
.dnxFeatGridX__ctaLabel,
.platConfirmZ__ctaLabel {
  display: inline-flex !important;
  align-items: center !important;
  line-height: normal !important;
}

/* SVG arrows inside CTAs */
.xmasHero__cta svg,
.dnxFeatGridX__cta svg,
.proofRailX__btn svg,
.platConfirmZ__cta svg,
body .wp_cart_button svg,
body .mql-cta-btn svg,
.ctfFilterModal__cta svg {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}