/* =========================================================
   HOTFIX (v2): Prevent checkout pay buttons from turning text black on hover
   - Targets dx-payBox card & paypal buttons (the ones in your screenshot)
   - Uses high specificity + !important
   ========================================================= */

.dx-payBox .dx-cardPayBtn:hover,
.dx-payBox .checkoutPay__cardBtn:hover,
.dx-payBox .platPayMethod--card button:hover,
.dx-payBox .platPayMethod--card .payBtn:hover,
.dx-payBox .payBtn--card:hover,
.dx-payBox .payBtn.payBtn--card:hover,
.dx-payBox .mqlPay__cardBtn:hover,
.dx-payBox .mqlCheckout__cardBtn:hover,
.dx-payBox .mqlCheckoutPay__cardBtn:hover,
.dx-payBox button:has(img[alt*="VISA" i], img[alt*="MAST" i], img[alt*="AMEX" i], img[alt*="JCB" i], img[src*="visa" i], img[src*="master" i], img[src*="amex" i], img[src*="jcb" i]):hover,
.dx-payBox a:has(img[alt*="VISA" i], img[alt*="MAST" i], img[alt*="AMEX" i], img[alt*="JCB" i], img[src*="visa" i], img[src*="master" i], img[src*="amex" i], img[src*="jcb" i]):hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Also lock non-card buttons inside dx-payBox if theme forces a:hover black */
.dx-payBox button:hover,
.dx-payBox a:hover,
.dx-payBox input[type="submit"]:hover{
  -webkit-text-fill-color:inherit;
}

:root{--ctf-bg:#262626;--ctf-bg2:#232323;--ctf-panel:rgba(255,255,255,.05);--ctf-panel2:rgba(255,255,255,.035);--ctf-border:rgba(255,255,255,.10);--ctf-border2:rgba(255,255,255,.07);--ctf-accent:#38E6C2;--ctf-accent2:#2FCFB0;--ctf-accentSoft:rgba(56,230,194,.14);--ctf-accentSoft2:rgba(56,230,194,.08);} 
/* =====================================================
   Premium Trading Toolkit — Combined CSS (exported from Elementor HTML blocks)
   IMPORTANT: keep class prefixes isolated as in the blocks (.xmasHero__, .offerBandX__, etc.)
   ===================================================== */

/* ===== GLOBAL RESET (prevents theme white frame) ===== */
html,body{margin:0;padding:0;background:var(--ctf-bg2)!important}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
/* common theme wrappers (Astra/Elementor/Block themes) */
#page,.site,.site-content,.content-area,.entry-content,.wp-site-blocks{background:transparent!important}
.entry-content{margin:0!important;padding:0!important}

.xmasHero{position:relative;background:var(--ctf-bg);overflow:hidden;padding:68px 22px 64px}
.xmasHero__inner{position:relative;max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1.15fr;gap:34px;align-items:start}
.xmasHero__left{text-align:center;color:rgba(255,255,255,.92)}
.xmasHero__offer{margin:0 0 16px}
.xmasHero__offerTop{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:850;letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.70);text-shadow:0 1px 0 rgba(0,0,0,.65)}
.xmasHero__offerDivider{width:240px;height:1px;margin:12px auto 10px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));opacity:.95}
.xmasHero__offerSub{margin-top:0;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.xmasHero__dot{margin:0 8px;color:rgba(255,255,255,.33)}
.xmasHero__h1{font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;font-size:54px;font-weight:880;letter-spacing:-0.03em;line-height:1.06;margin:22px 0 18px;-webkit-font-smoothing:antialiased;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.xmasHero__h1a{color:#fff!important;-webkit-text-fill-color:#fff!important}
.xmasHero__h1b{color:rgba(255,255,255,.86)!important;-webkit-text-fill-color:rgba(255,255,255,.86)!important}
.xmasHero__h1,.xmasHero__h1 *{background:none!important;background-image:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;filter:none!important;text-decoration:none!important}
.xmasHero__sub{margin:0 0 18px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:17px;font-weight:450;line-height:1.45;color:rgba(255,255,255,.72);max-width:560px;margin-left:auto;margin-right:auto}

.xmasHero__pillWrap{margin:18px 0 30px}
.xmasHero__pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:780;letter-spacing:.20em;text-transform:uppercase;color:rgba(255,255,255,.78);background:var(--ctf-panel);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 32px rgba(0,0,0,.35);white-space:nowrap}
.xmasHero__prod{margin:0 0 10px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.80)}

.xmasHero__price{margin:10px 0 0}
.xmasHero__priceLine{display:flex;align-items:baseline;justify-content:center;gap:14px}
.xmasHero__was{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:22px;font-weight:850;letter-spacing:.08em;color:rgba(255,255,255,.34);text-decoration:line-through}
.xmasHero__now{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:54px;font-weight:950;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 26px rgba(255,255,255,.08)}
.xmasHero__meta{margin-top:10px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:850;letter-spacing:.30em;text-transform:uppercase;color:rgba(56,230,194,0.95);text-shadow:0 1px 0 rgba(0,0,0,.55)}
.xmasHero__meta strong{font-weight:900;color:rgba(56,230,194,1.0)}

.xmasHero__right{text-align:center}
.xmasHero__visual{width:100%;max-width:760px;margin:0 auto 14px;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.xmasHero__img{width:100%;height:auto;display:block}
.xmasHero__bullets{width:100%;display:flex;align-items:center;justify-content:center;gap:22px;margin:12px auto 18px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 2px}
.xmasHero__bItem{display:inline-flex;align-items:center;gap:10px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);white-space:nowrap;flex:0 0 auto}
.xmasHero__bIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);font-size:12px;font-weight:950;color:rgba(255,255,255,.82)}

.xmasHero__ctaWrap{max-width:560px;margin:0 auto}
.xmasHero__cta{width:100%;height:58px;display:flex;align-items:center;justify-content:center;padding:0 16px;text-decoration:none!important;border-radius:16px!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#fff!important;background:linear-gradient(180deg,var(--ctf-accent) 0%,var(--ctf-accent2) 100%);border:none;box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 1px rgba(56,230,194,.18) inset;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.xmasHero__cta:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 34px rgba(0,0,0,.52),0 0 0 1px rgba(56,230,194,.22) inset;filter:brightness(.99);box-shadow:0 10px 22px rgba(0,0,0,.55) inset}

/* ✅ remove gold outline after tap; keep accessible focus for keyboard users only */
.xmasHero__cta:focus{outline:none}
.xmasHero__cta:focus:not(:focus-visible){outline:none}
.xmasHero__cta:focus-visible{outline:2px solid rgba(56,230,194,0.45);outline-offset:3px}

.xmasHero__trust{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.70);flex-wrap:wrap}
.xmasHero__lock{font-size:12px;opacity:.95}
.xmasHero__sep{color:rgba(255,255,255,.28)}

.xmasHero__social{
  max-width:1120px;
  margin:22px auto 0;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  border:1px solid var(--ctf-border2);
  box-shadow:0 10px 28px rgba(0,0,0,.42);
  color:rgba(255,255,255,.92);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  font-weight:650;
  letter-spacing:.01em;
}
.xmasHero__stars{
  display:flex;
  gap:4px;
  color:#FFD35A;
  font-size:14px;
  line-height:1;
}
.xmasHero__socialText strong{
  font-weight:900;
  color:#fff;
}

@media (max-width:980px){
  .xmasHero__inner{grid-template-columns:1fr;gap:18px}
}

/* ✅ Mobile behavior: tighter top + tighter image area so social proof fits on first screen */
@media (max-width:520px){
  .xmasHero{padding:6px 14px 16px}                 /* was 12px 14px 20px */
  .xmasHero__offer{margin:0 0 4px}                 /* was 6px */
  .xmasHero__offerTop{font-size:10.5px;letter-spacing:.28em}
  .xmasHero__offerDivider{width:160px;margin:6px auto 5px}  /* slightly tighter */
  .xmasHero__offerSub{font-size:10.5px;letter-spacing:.16em}

  .xmasHero__h1{font-size:32px;line-height:1.08;margin:8px 0 6px} /* tighter top */
  .xmasHero__sub{font-size:13px;line-height:1.38;margin:0 0 8px}
  .xmasHero__sub br{display:none}

  .xmasHero__pillWrap{margin:8px 0 10px}
  .xmasHero__pill{padding:8px 12px;font-size:10px;letter-spacing:.14em;max-width:100%}
  .xmasHero__prod{margin:0 0 6px;font-size:10.5px;letter-spacing:.14em}

  .xmasHero__right{display:flex;flex-direction:column;align-items:center}
  .xmasHero__visual{margin:6px auto 4px;max-width:560px}      /* was 10px auto 6px */
  .xmasHero__img{max-height:160px;object-fit:contain}         /* was 170px */

  .xmasHero__bullets{padding:0 6px;gap:8px;justify-content:space-between;margin:4px auto 6px} /* tighter */
  .xmasHero__bItem{flex:1 1 0;justify-content:center;font-size:9.5px;letter-spacing:.08em;gap:6px}
  .xmasHero__bIcon{width:15px;height:15px;font-size:10px;flex:0 0 15px}

  .xmasHero__price--left{display:block;margin:22px auto 0;text-align:center}
  .xmasHero__price--right{display:none}     /* tighter */
  .xmasHero__price--right .xmasHero__now{font-size:40px}
  .xmasHero__price--right .xmasHero__was{font-size:15px}
  .xmasHero__price--right .xmasHero__meta{margin-top:6px;font-size:11px;letter-spacing:.26em}

  .xmasHero__cta{height:52px;font-size:13.5px;letter-spacing:.14em}
  .xmasHero__trust{margin-top:6px;font-size:10.5px;gap:6px;flex-wrap:nowrap;white-space:nowrap}

  .xmasHero__social{
    margin:12px 12px 0;                            /* a bit tighter, helps fit first screen */
    padding:10px 12px;
    font-size:13px;
    gap:10px;
    flex-wrap:wrap;
    text-align:center;
  }
  .xmasHero__socialText{white-space:normal}
}

/* Default: hide the duplicated right price on desktop */
.xmasHero__price--right{display:none}

/* === HOTFIX: ensure mobile price is visible above CTA === */
@media (max-width:520px){
  .xmasHero__price--right{
    display:block !important;
    text-align:center;
  }
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   BLOCK 1 — QUICK CLARITY CHECK
   ========================================= */
.entryFastZ{
  position:relative;
  background:var(--ctf-bg);
  overflow:hidden;
  padding:46px 22px 26px; /* ends cleanly before next block */
}
.entryFastZ:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 380px at 50% 0%, rgba(56,230,194,0.06), rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 14% 18%, rgba(255,255,255,.10) 0, rgba(0,0,0,0) 60%),
    radial-gradient(1px 1px at 22% 40%, rgba(255,255,255,.08) 0, rgba(0,0,0,0) 60%),
    radial-gradient(1px 1px at 78% 22%, rgba(255,255,255,.08) 0, rgba(0,0,0,0) 60%),
    radial-gradient(1px 1px at 86% 44%, rgba(255,255,255,.06) 0, rgba(0,0,0,0) 60%);
  opacity:.95;
}
.entryFastZ__inner{
  position:relative;
  max-width:1180px;
  margin:0 auto;
}

.entryFastZ__head{
  text-align:center;
  margin:0 auto 18px;
  max-width:980px;
}
.entryFastZ__kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--ctf-panel);
  border:1px solid var(--ctf-border);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
  margin:0 0 12px;
}
.entryFastZ__h2{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:38px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.03em;
  color:#fff !important;
  margin:0 0 10px;
  background:none!important;
  -webkit-text-fill-color:#fff!important;
}
.entryFastZ__h2 span{
  color:rgba(56,230,194,0.92);
  -webkit-text-fill-color:rgba(56,230,194,0.92);
}
.entryFastZ__lead{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  color:rgba(255,255,255,.70);
  margin:0;
}

.entryFastZ__grid{
  margin:18px auto 14px;
  max-width:1100px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.entryFastZ__col{
  border-radius:18px;
  padding:18px 18px 16px;
  background:var(--ctf-panel);
  border:1px solid var(--ctf-border);
  box-shadow:0 24px 70px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.05) inset;
  overflow:hidden;
  position:relative;
}
.entryFastZ__col:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  pointer-events:none;
}
.entryFastZ__colTop{ position:relative; z-index:1; margin-bottom:10px; }
.entryFastZ__badge{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  border:1px solid var(--ctf-border);
}
.entryFastZ__badge--muted{
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.62);
}
.entryFastZ__badge--green{
  background:rgba(56,230,194,0.1);
  border-color:rgba(56,230,194,0.22);
  color:rgba(56,230,194,0.92);
}
.entryFastZ__title{
  margin:10px 0 0;
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.92);
}
.entryFastZ__list{
  position:relative;
  z-index:1;
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.entryFastZ__li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:14.5px;
  line-height:1.35;
  color:rgba(255,255,255,.76);
}
.entryFastZ__li:before{
  content:"";
  width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  margin-top:1px;
  border:1px solid rgba(255,255,255,.16);
  background:var(--ctf-panel);
}
.entryFastZ__li--x:before{
  content:"✕";
  color:rgba(255,255,255,.70);
  font-size:12px;
}
.entryFastZ__li--ok:before{
  content:"✓";
  color:rgba(56,230,194,0.92);
  border-color:rgba(56,230,194,0.26);
  background:rgba(56,230,194,0.06);
  font-size:12px;
  box-shadow:0 0 0 3px rgba(56,230,194,0.12);
}

.entryFastZ__bridge{
  text-align:center;
  margin:16px auto 0;
  max-width:980px;
}
.entryFastZ__bridgeText{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:15px;
  line-height:1.5;
  color:rgba(255,255,255,.82);
}
.entryFastZ__micro{
  margin-top:6px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
  color:rgba(255,255,255,.58);
}

/* Responsive */
@media (max-width:980px){
  .entryFastZ{ padding:38px 18px 22px; }
  .entryFastZ__h2{ font-size:32px; }
  .entryFastZ__grid{ grid-template-columns:1fr; }
}
@media (max-width:520px){
  .entryFastZ{ padding:26px 14px 18px; }
  .entryFastZ__kicker{ font-size:10.5px; letter-spacing:.18em; }
  .entryFastZ__h2{ font-size:26px; }
  .entryFastZ__lead{ font-size:14px; }
  .entryFastZ__li{ font-size:13.5px; }
  .entryFastZ__bridgeText{ font-size:14px; }
  .entryFastZ__micro{ font-size:12px; }
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   BASE SHELL
   ========================================= */
.platConfirmZ.platConfirmZ--inline{
  background:var(--ctf-bg) !important;
  padding:22px 22px 30px !important;
  position:relative;
  overflow:hidden;
}
.platConfirmZ.platConfirmZ--inline:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 360px at 50% 0%, rgba(56,230,194,0.055), rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 18% 22%, rgba(255,255,255,.10) 0, rgba(0,0,0,0) 60%),
    radial-gradient(1px 1px at 82% 28%, rgba(255,255,255,.08) 0, rgba(0,0,0,0) 60%);
  opacity:.95;
}
.platConfirmZ.platConfirmZ--inline .platConfirmZ__inner{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  text-align:center;
}

/* =========================================
   TYPO
   ========================================= */
.platConfirmZ__kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--ctf-panel);
  border:1px solid var(--ctf-border);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
  margin:0 0 12px;
}
.platConfirmZ__h2{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:38px;
  line-height:1.10;
  font-weight:950;
  letter-spacing:-.03em;
  color:#fff !important;
  margin:0 0 10px;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
}
.platConfirmZ__lead{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:15.5px;
  line-height:1.55;
  color:rgba(255,255,255,.66);
  max-width:860px;
  margin:0 auto 18px;
}

/* =========================================
   TOGGLE
   ========================================= */
.platConfirmZ__toggle{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  max-width:760px;
  margin:0 auto 12px;
}
.platConfirmZ__tab{
  cursor:pointer;
  border-radius:18px;
  padding:12px 14px;
  text-align:left;
  background:rgba(255,255,255,.03);
  border:1px solid var(--ctf-border);
  box-shadow:0 18px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05) inset;
  transition:transform .12s ease, border-color .12s ease, background .12s ease;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
}
.platConfirmZ__tab:hover{ transform:translateY(-1px); border-color:rgba(56,230,194,0.18); }
.platConfirmZ__tab.is-active{
  background:linear-gradient(180deg, rgba(56,230,194,0.1), rgba(255,255,255,.03));
  border-color:rgba(56,230,194,0.28);
  box-shadow:0 22px 70px rgba(0,0,0,.62), 0 0 0 1px rgba(56,230,194,0.1) inset;
}
.platConfirmZ__tabName{ font-weight:900; letter-spacing:.01em; }
.platConfirmZ__pill{
  font-size:12px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.20);
  color:rgba(255,255,255,.86);
}
.platConfirmZ__tab.is-active .platConfirmZ__pill{
  border-color:rgba(56,230,194,0.22);
  color:rgba(56,230,194,0.92);
}
.platConfirmZ__sel{
  font-size:12px;
  font-weight:900;
  color:rgba(255,255,255,.55);
  display:flex;
  align-items:center;
  gap:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.platConfirmZ__dot{
  width:8px;height:8px;border-radius:999px;
  background:rgba(255,255,255,.20);
  box-shadow:0 0 0 2px rgba(255,255,255,.06);
}
.platConfirmZ__tab.is-active .platConfirmZ__dot{
  background:rgba(56,230,194,0.92);
  box-shadow:0 0 0 3px rgba(56,230,194,0.12);
}
.platConfirmZ__hint{
  max-width:760px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:rgba(255,255,255,.70);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:650;
  font-size:14px;
}
.platConfirmZ__hintDot{
  width:9px;height:9px;border-radius:999px;
  background:rgba(56,230,194,0.85);
  box-shadow:0 0 0 3px rgba(56,230,194,0.12);
}

/* =========================================
   CARD
   ========================================= */
.platConfirmZ__card{
  max-width:980px;
  margin:0 auto 14px;
  border-radius:20px;
  padding:16px 16px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--ctf-border);
  box-shadow:0 26px 86px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.05) inset;
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:14px;
  text-align:left;
}
.platConfirmZ__label{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin-bottom:10px;
}
.platConfirmZ__chips{ display:flex; gap:10px; flex-wrap:wrap; }
.platConfirmZ__chip{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.20);
  border:1px solid var(--ctf-border);
  color:rgba(255,255,255,.90);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:850;
  font-size:13px;
}
.platConfirmZ__sub{
  margin-top:10px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  color:rgba(255,255,255,.62);
  font-size:13.5px;
}
.platConfirmZ__right{ text-align:right; }
.platConfirmZ__price{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:44px;
  font-weight:950;
  color:#fff;
  letter-spacing:-.02em;
}
.platConfirmZ__meta{
  margin-top:4px;
  color:rgba(255,255,255,.60);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:700;
}
.platConfirmZ__save{
  margin-top:10px;
  color:rgba(56,230,194,0.92);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:900;
}
.platConfirmZ__saveMuted{ color:rgba(255,255,255,.55); font-weight:800; }

/* =========================================
   CTA WRAP + NOTE
   ========================================= */
.platConfirmZ__ctaWrap{ max-width:980px; margin:0 auto; }
.platConfirmZ__cta{ display:none; position:relative; }
.platConfirmZ__cta.is-show{ display:block; }
.platConfirmZ__ctaNote{
  margin-top:10px;
  color:rgba(255,255,255,.54);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:650;
  font-size:13px;
}

/* =========================================
   PREMIUM BLUE CTA (OPTIMAL SIZE)
   Applies to wp_cart_button output inside .platConfirmZ__cta
   ========================================= */

.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:min(820px, 100%) !important;margin:10px auto 0 !important;
  height:48px !important;padding:0 22px !important;
  border-radius:14px !important;
  background: var(--ctf-accent) !important;
  border:none !important;
  color:#fff !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:800 !important;font-size:17px !important;letter-spacing:.01em !important;
  text-decoration:none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}

.platConfirmZ .platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ .platConfirmZ__cta button:hover,
.platConfirmZ .platConfirmZ__cta a:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow: 0 16px 40px rgba(0,0,0,.60) !important;}

.platConfirmZ .platConfirmZ__cta input[type="submit"]:active,
.platConfirmZ .platConfirmZ__cta button:active,
.platConfirmZ .platConfirmZ__cta a:active{transform:translateY(0px);filter:brightness(.99);box-shadow: 0 12px 28px rgba(0,0,0,.65) inset !important;}

/* Keyboard focus (subtle) */
.platConfirmZ .platConfirmZ__cta input[type="submit"]:focus-visible,
.platConfirmZ .platConfirmZ__cta button:focus-visible,
.platConfirmZ .platConfirmZ__cta a:focus-visible{
  outline: 2px solid rgba(56,230,194,0.55);
  outline-offset: 3px;
}

/* =========================================
   TRUST LINE
   ========================================= */
.platConfirmZ__trust{
  margin:14px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:rgba(255,255,255,.62);
  font-family:Inter,"Helvetica Neue",nArial,sans-serif;
  font-weight:650;
  font-size:13px;
}
.platConfirmZ__sep{ opacity:.55; }
.platConfirmZ__lock{
  display:inline-flex;
  color:rgba(56,230,194,0.86);
}
.platConfirmZ__foot{
  margin:10px auto 0;
  color:rgba(255,255,255,.50);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;
}
.platConfirmZ__foot strong{ color:rgba(255,255,255,.84); }

/* Responsive */
@media (max-width:980px){
  .platConfirmZ__h2{ font-size:34px; }
  .platConfirmZ__card{ grid-template-columns:1fr; }
  .platConfirmZ__right{ text-align:left; }
  .platConfirmZ .platConfirmZ__cta input[type="submit"],
  .platConfirmZ .platConfirmZ__cta button,
  .platConfirmZ .platConfirmZ__cta a{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:min(820px, 100%) !important;margin:10px auto 0 !important;
  height:48px !important;padding:0 22px !important;
  border-radius:14px !important;
  background: var(--ctf-accent) !important;
  border:none !important;
  color:#fff !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:800 !important;font-size:17px !important;letter-spacing:.01em !important;
  text-decoration:none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}
}
@media (max-width:520px){
  .platConfirmZ.platConfirmZ--inline{ padding:16px 14px 22px !important; }
  .platConfirmZ__h2{ font-size:28px; }
  .platConfirmZ__lead{ font-size:14px; margin-bottom:14px; }
  .platConfirmZ__toggle{ grid-template-columns:1fr; }
  .platConfirmZ .platConfirmZ__cta input[type="submit"],
  .platConfirmZ .platConfirmZ__cta button,
  .platConfirmZ .platConfirmZ__cta a{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:min(820px, 100%) !important;margin:10px auto 0 !important;
  height:48px !important;padding:0 22px !important;
  border-radius:14px !important;
  background: var(--ctf-accent) !important;
  border:none !important;
  color:#fff !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:800 !important;font-size:17px !important;letter-spacing:.01em !important;
  text-decoration:none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   SEE THE DIFFERENCE — FINAL
   Safe isolated classes: .seeDiffX-*
   ========================================= */

.seeDiffX{
  position:relative;
  background:var(--ctf-bg);
  padding:56px 22px 54px;
  overflow:hidden;
}

/* subtle depth + grain (matches your premium sections) */
.seeDiffX:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 280px at 50% -10%, rgba(255,255,255,.06), rgba(0,0,0,0) 62%),
    radial-gradient(900px 420px at 50% 120%, rgba(0,0,0,.38), rgba(0,0,0,0) 64%),
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 1px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 4px
    );
  opacity:.96;
  filter:blur(.15px);
}

.seeDiffX__inner{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  text-align:center;
}

.seeDiffX__top{ margin:0 0 18px; }

.seeDiffX__kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
  margin:0 0 10px;
}

.seeDiffX__kicker:before,
.seeDiffX__kicker:after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0));
  opacity:.9;
}

.seeDiffX__h2{
  font-family: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:40px;
  line-height:1.10;
  font-weight:950;
  letter-spacing:-.03em;
  color:#fff !important;
  margin:0 0 10px;

  background:none !important;
  background-image:none !important;
  background-clip:initial !important;
  -webkit-background-clip:initial !important;
  -webkit-text-fill-color:#fff !important;
  filter:none !important;
  text-shadow:none !important;
}

.seeDiffX__lead{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:15.5px;
  line-height:1.55;
  color:rgba(255,255,255,.66);
  margin:0;
}

/* 3 cards grid */
.seeDiffX__grid{
  margin:18px auto 14px;
  max-width:1060px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}

.seeDiffX__card{
  position:relative;
  border-radius:16px;
  padding:16px 16px 14px;
  text-align:left;

  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);

  box-shadow:
    0 22px 66px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.05) inset;
  overflow:hidden;
}

.seeDiffX__card:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}

.seeDiffX__card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(520px 180px at 30% 0%, rgba(56,230,194,0.12), rgba(0,0,0,0) 62%),
    radial-gradient(620px 220px at 120% 20%, rgba(255,255,255,.06), rgba(0,0,0,0) 62%);
  opacity:.7;
}

.seeDiffX__icon{
  width:38px;
  height:38px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:16px;
  font-weight:900;

  color:rgba(56,230,194,0.92);
  background:rgba(0,0,0,.26);
  border:1px solid rgba(56,230,194,0.22);
  box-shadow:0 0 0 1px rgba(56,230,194,0.1) inset, 0 14px 36px rgba(0,0,0,.55);
  margin:0 0 10px;
  position:relative;
  z-index:1;
}

.seeDiffX__title{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:14px;
  font-weight:950;
  letter-spacing:.02em;
  color:rgba(255,255,255,.92);
  margin:0 0 6px;
  position:relative;
  z-index:1;
}

.seeDiffX__text{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13.5px;
  line-height:1.48;
  color:rgba(255,255,255,.64);
  margin:0;
  position:relative;
  z-index:1;
}

.seeDiffX__meta{
  margin:10px auto 0;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:12.5px;
  font-weight:700;
  color:rgba(255,255,255,.56);
  letter-spacing:.01em;
}

.seeDiffX__meta strong{
  color:rgba(56,230,194,0.92);
  font-weight:900;
}

/* divider between bullets and comparison */
.seeDiffX__divider{
  width:160px;
  height:1px;
  margin:22px auto 22px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(56,230,194,0.42), rgba(255,255,255,0));
  opacity:.95;
}

/* BEFORE / AFTER */
.seeDiffX__compare{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.seeDiffX__shot{
  position:relative;
  margin:0;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 72px rgba(0,0,0,.60);
}

.seeDiffX__img{
  width:100%;
  height:auto;
  display:block;
}

.seeDiffX__badge{
  position:absolute;
  top:14px;
  left:14px;
  padding:8px 14px;
  border-radius:999px;

  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  z-index:2;
}

.seeDiffX__badge--bad{
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
}

.seeDiffX__badge--good{
  color:rgba(56,230,194,0.95);
  background:rgba(56,230,194,0.12);
  border:1px solid rgba(56,230,194,0.38);
  box-shadow:0 0 26px rgba(56,230,194,0.22);
}

.seeDiffX__cap{
  padding:14px 16px 16px;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13.5px;
  line-height:1.5;
  color:rgba(255,255,255,.70);
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.65));
}

/* -------------------------
   Responsive
   ------------------------- */
@media (max-width:980px){
  .seeDiffX__h2{ font-size:34px; }
  .seeDiffX__grid{ grid-template-columns:1fr; gap:12px; max-width:680px; }
  .seeDiffX__compare{ grid-template-columns:1fr; }
}

@media (max-width:520px){
  .seeDiffX{ padding:36px 14px 38px; }
  .seeDiffX__kicker{ font-size:11px; letter-spacing:.26em; }
  .seeDiffX__kicker:before,
  .seeDiffX__kicker:after{ width:64px; }

  .seeDiffX__h2{ font-size:28px; }
  .seeDiffX__lead{ font-size:14px; }
  .seeDiffX__card{ padding:14px 14px 12px; }
  .seeDiffX__text{ font-size:13px; }
  .seeDiffX__meta{ font-size:12px; }
  .seeDiffX__divider{ margin:18px auto 18px; }
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   LOGIC + WHO IT'S FOR (BLOCK 1/2)
   Safe isolated classes: .logicFlowX-*
   ========================================= */

.logicFlowX{
  position:relative;
  background:var(--ctf-bg);
  padding:64px 22px 58px;
  overflow:hidden;
}

/* subtle grain + faint stars */
.logicFlowX:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.12) 0, rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 28% 14%, rgba(255,255,255,.10) 0, rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 62% 18%, rgba(255,255,255,.12) 0, rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 86% 26%, rgba(255,255,255,.10) 0, rgba(0,0,0,0) 62%),
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.010) 0px,
      rgba(255,255,255,.010) 1px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 4px
    );
  opacity:.85;
  filter:blur(.12px);
}

.logicFlowX__inner{
  position:relative;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

/* Kicker */
.logicFlowX__kicker{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin:0 0 10px;
}

/* Headings */
.logicFlowX__h2{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:40px;
  line-height:1.10;
  font-weight:900;
  letter-spacing:-.03em;
  color:#fff;
  margin:0 0 14px;

  background:none !important;
  background-image:none !important;
  background-clip:initial !important;
  -webkit-background-clip:initial !important;
  -webkit-text-fill-color:#fff !important;
  filter:none !important;
  text-shadow:none !important;
}

.logicFlowX__h3{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:28px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.02em;
  color:#fff;
  margin:0 0 14px;

  background:none !important;
  background-image:none !important;
  background-clip:initial !important;
  -webkit-background-clip:initial !important;
  -webkit-text-fill-color:#fff !important;
  filter:none !important;
  text-shadow:none !important;
}

/* Steps line */
.logicFlowX__steps{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;

  padding:14px 16px;
  margin:0 auto 14px;
  max-width:780px;

  background:var(--ctf-panel);
  border:1px solid var(--ctf-border);
  border-radius:18px;

  box-shadow:0 24px 78px rgba(0,0,0,.56);
}

.logicFlowX__step{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:10px 14px;
  border-radius:999px;

  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;

  color:rgba(255,255,255,.86);
  background:rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.12);
}

.logicFlowX__arrow{
  color:rgba(255,255,255,.35);
  font-weight:900;
  letter-spacing:.10em;
}

/* emphasize without introducing "blue" */
.logicFlowX__step--trend{ border-color:rgba(56,230,194,0.24); }
.logicFlowX__step--pullback{ border-color:rgba(170,120,255,.24); }
.logicFlowX__step--spark{ border-color:rgba(255,210,90,.22); }
.logicFlowX__step--entry{ border-color:rgba(255,255,255,.18); }

.logicFlowX__lead{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  color:rgba(255,255,255,.76);
  margin:0 0 8px;
}

.logicFlowX__lead strong{
  font-weight:900;
  color:rgba(255,255,255,.92);
}

.logicFlowX__text{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:15px;
  line-height:1.60;
  color:rgba(255,255,255,.62);
  margin:0;
}

/* Dividers between sections */
.logicFlowX__divider{
  width:140px;
  height:1px;
  margin:26px auto;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(56,230,194,0.35), rgba(255,255,255,0));
  opacity:.9;
}

/* Fit list (center the whole block) */
.logicFlowX__fit{
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* Fit list */
.logicFlowX__list{
  list-style:none;
  padding:0;
  margin:0 auto;
  max-width:820px;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 18px;
  margin-left:auto;
  margin-right:auto;
}

/* Cards */
.logicFlowX__li{
  display:flex;
  align-items:flex-start;
  gap:10px;

  padding:14px 14px;
  border-radius:14px;

  background:rgba(255,255,255,.03);
  border:1px solid var(--ctf-border);
  box-shadow:0 18px 50px rgba(0,0,0,.50);

  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:14.5px;
  line-height:1.45;
  color:rgba(255,255,255,.78);

  text-align:left !important;
  word-spacing:0 !important;
  letter-spacing:0 !important;
  text-rendering:optimizeLegibility;
}

.logicFlowX__li strong{
  color:#fff;
  font-weight:900;
  display:inline;
  white-space:normal;
}

.logicFlowX__check{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;

  border:1px solid rgba(56,230,194,0.28);
  background:rgba(56,230,194,0.08);
  color:rgba(56,230,194,0.92);

  font-size:12px;
  font-weight:900;
  flex:0 0 18px;
  margin-top:2px;
}

/* Responsive */
@media (max-width:980px){
  .logicFlowX__h2{ font-size:34px; }
  .logicFlowX__h3{ font-size:24px; }
  .logicFlowX__list{ grid-template-columns:1fr; }
}

@media (max-width:520px){
  .logicFlowX{ padding:52px 14px 46px; }
  .logicFlowX__h2{ font-size:26px; }
  .logicFlowX__h3{ font-size:20px; margin-bottom:10px; }
  .logicFlowX__steps{ padding:12px 12px; gap:8px; }
  .logicFlowX__step{ padding:9px 12px; font-size:12px; letter-spacing:.06em; }
  .logicFlowX__divider{ margin:20px auto; }
  .logicFlowX__lead{ font-size:14.5px; }
  .logicFlowX__text{ font-size:13.5px; }
  .logicFlowX__li{ font-size:13.5px; padding:12px 12px; }
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   FEATURES GRID — DISRUPTNEX CORE
   ========================================= */
.dnxFeatGridX{
  position:relative;
  background:var(--ctf-bg);
  padding:70px 22px 58px;
}

.dnxFeatGridX__inner{
  max-width:1180px;
  margin:0 auto;
}

.dnxFeatGridX__top{
  text-align:center;
  margin:0 0 22px;
}

.dnxFeatGridX__kicker{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:rgba(255,255,255,.50);
  margin:0 0 10px;
}

.dnxFeatGridX__h2{
  font-family: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:42px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
  color:#fff !important;
  margin:0 0 10px;

  background:none !important;
  -webkit-text-fill-color:#fff !important;
}

.dnxFeatGridX__lead{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:16px;
  line-height:1.55;
  color:rgba(255,255,255,.66);
  margin:0 auto;
  max-width:900px;
}

/* Grid */
.dnxFeatGridX__grid{
  margin:22px auto 0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  max-width:1040px;
}

.dnxFeatGridX__card{
  position:relative;
  border-radius:18px;
  overflow:hidden;

  background:var(--ctf-panel);
  border:1px solid var(--ctf-border);
  box-shadow:0 22px 70px rgba(0,0,0,.58);
}

.dnxFeatGridX__card:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
  z-index:1;
}

.dnxFeatGridX__media{
  margin:0;
  background:rgba(0,0,0,.28);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dnxFeatGridX__img{
  width:100%;
  height:auto;
  display:block;
}

.dnxFeatGridX__body{
  position:relative;
  z-index:2;
  padding:14px 16px 16px;
}

.dnxFeatGridX__title{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(56,230,194,0.92);
  margin:0 0 6px;
}

.dnxFeatGridX__sub{
  font-family: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:20px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.01em;
  color:#fff;
  margin:0 0 8px;
}

.dnxFeatGridX__text{
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:14.5px;
  line-height:1.55;
  color:rgba(255,255,255,.72);
  margin:0;
}

/* CTA */
.dnxFeatGridX__ctaWrap{
  text-align:center;
  margin-top:18px;
}


.dnxFeatGridX__cta{
  display:inline-flex;align-items:center;justify-content:center;
  height:56px;padding:0 22px;border-radius:14px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.96) !important;
  background: var(--ctf-accent) !important;
  border:none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease;
}

.dnxFeatGridX__cta:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow: 0 16px 38px rgba(0,0,0,.60) !important;}

.dnxFeatGridX__cta:active{transform:translateY(0);filter:brightness(.99);box-shadow: 0 12px 28px rgba(0,0,0,.65) inset !important;}

/* Kill theme focus ring */
.dnxFeatGridX__cta:focus,
.dnxFeatGridX__cta:focus-visible{outline:2px solid rgba(56,230,194,0.35) !important;outline-offset:2px;box-shadow: 0 16px 38px rgba(0,0,0,.62) !important;}

.dnxFeatGridX__trust{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;

  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:12px;
  font-weight:600;
  color:rgba(255,255,255,.60);
}

.dnxFeatGridX__dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(56,230,194,0.95);
  box-shadow:0 0 0 3px rgba(56,230,194,0.14), 0 0 18px rgba(56,230,194,0.18);
}
.dnxFeatGridX__sep{ color:rgba(255,255,255,.28); }

/* Responsive */
@media (max-width:980px){
  .dnxFeatGridX__h2{ font-size:36px; }
  .dnxFeatGridX__grid{ grid-template-columns:1fr; max-width:760px; }
}

@media (max-width:520px){
  .dnxFeatGridX{ padding:52px 14px 42px; }
  .dnxFeatGridX__h2{ font-size:28px; }
  .dnxFeatGridX__lead{ font-size:14.5px; }
  .dnxFeatGridX__sub{ font-size:18px; }
  .dnxFeatGridX__cta{
  display:inline-flex;align-items:center;justify-content:center;
  height:56px;padding:0 22px;border-radius:14px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.96) !important;
  background: var(--ctf-accent) !important;
  border:none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
}
.dnxFeatGridX__card{
  transition:transform .18s ease, box-shadow .18s ease;
}
.dnxFeatGridX__card:hover{
  transform:translateY(-2px);
  box-shadow:0 28px 88px rgba(0,0,0,.65);
}

/* ===== BLOCK SEPARATOR ===== */

.proofRailX{
  background:var(--ctf-bg);
  padding:64px 22px 52px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.proofRailX__inner{max-width:1180px;margin:0 auto}
.proofRailX__top{text-align:center;margin-bottom:22px}

.proofRailX__kicker{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

.proofRailX__h2{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:38px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.03em;
  margin:8px 0;

  /* ✅ make it clearly visible + premium (and hard to override) */
  color:rgba(255,255,255,.94) !important;
  -webkit-text-fill-color:rgba(255,255,255,.94) !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.55),
    0 10px 34px rgba(0,0,0,.65),
    0 0 18px rgba(56,230,194,0.08);
}

.proofRailX__rating{
  display:flex;
  justify-content:center;
  gap:10px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,.7);
}
.proofRailX__stars{color:#e6c27a;letter-spacing:.18em}

.proofRailX__rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(320px,360px);
  gap:18px;
  padding:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  overflow:auto;
  scroll-snap-type:x mandatory;
}
.proofRailX__card{
  scroll-snap-align:start;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.55);
}
.proofRailX__img{width:100%;display:block}

.proofRailX__more{display:none}
.proofRailX.is-expanded .proofRailX__more{display:block}

.proofRailX__actions{text-align:center;margin-top:14px}
.proofRailX__btn{
  padding:12px 20px;
  border-radius:999px;
  border:none;
  background: linear-gradient(180deg, var(--ctf-accent) 0%, var(--ctf-accent2) 100%);
  color:#fff;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  cursor:pointer;
}
.proofRailX__hint{margin-top:8px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:600;color:rgba(255,255,255,.45)}

@media(max-width:520px){
  .proofRailX{padding:44px 14px}
  .proofRailX__h2{font-size:28px}
  .proofRailX__rail{grid-auto-columns:84%;gap:12px}
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   PRO SWING — CORE BENEFITS (FROM YOUR SLIDER)
   Safe isolated classes: .proSwingCoreX-*
   ========================================= */

.proSwingCoreX{
  position:relative;
  background:var(--ctf-bg);
  padding:68px 22px 64px;
  overflow:hidden;
}

.proSwingCoreX:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 280px at 50% -10%, rgba(255,255,255,.06), rgba(0,0,0,0) 62%),
    radial-gradient(900px 420px at 50% 120%, rgba(0,0,0,.40), rgba(0,0,0,0) 64%),
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 1px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 4px
    );
  opacity:.95;
  filter:blur(.15px);
}

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

.proSwingCoreX__top{ text-align:center; margin:0 0 26px; }

.proSwingCoreX__kicker{
  display:inline-flex; align-items:center; justify-content:center; gap:14px;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:12px; font-weight:900; letter-spacing:.34em; text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin:0 0 10px;
}

.proSwingCoreX__h2{
  font-family: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:40px; line-height:1.10; font-weight:950; letter-spacing:-.03em;
  color:#fff !important;
  margin:0 0 10px;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
  filter:none !important;
  text-shadow:none !important;
}

.proSwingCoreX__h2 span{
  display:block;
  font-weight:700;
  color:rgba(56,230,194,0.92);
}

.proSwingCoreX__lead{
  max-width:940px;
  margin:0 auto;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:15.5px; line-height:1.55;
  color:rgba(255,255,255,.66);
}
.proSwingCoreX__lead strong{ color:#fff; font-weight:900; }

.proSwingCoreX__grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:18px;
  align-items:start;
}

/* Left stage */
.proSwingCoreX__shot{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  box-shadow:0 26px 84px rgba(0,0,0,.62);
}

.proSwingCoreX__img{ width:100%; display:block; height:auto; }

.proSwingCoreX__cap{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;

  background:rgba(0,0,0,.55);
  border-top:1px solid rgba(255,255,255,.10);

  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,.78);
}

.proSwingCoreX__capDot{
  width:8px; height:8px; border-radius:50%;
  background:rgba(56,230,194,0.95);
  box-shadow:0 0 0 3px rgba(56,230,194,0.14), 0 0 18px rgba(56,230,194,0.18);
}

.proSwingCoreX__quick{
  margin-top:14px;
  border-radius:16px;
  padding:14px;
  background:var(--ctf-panel);
  border:1px solid var(--ctf-border);
}

.proSwingCoreX__quickItem{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:8px 0;

  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13.5px;
  font-weight:650;
  color:rgba(255,255,255,.72);
}
.proSwingCoreX__quickItem strong{ color:#fff; font-weight:900; }

.proSwingCoreX__qIcon{ color:rgba(56,230,194,0.92); }

.proSwingCoreX__trust{
  margin-top:14px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;

  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,.70);
}

.proSwingCoreX__dot{
  width:8px; height:8px; border-radius:50%;
  background:rgba(56,230,194,0.95);
  box-shadow:0 0 0 3px rgba(56,230,194,0.14), 0 0 18px rgba(56,230,194,0.18);
}
.proSwingCoreX__sep{ color:rgba(255,255,255,.26); }
.proSwingCoreX__trust strong{ color:rgba(56,230,194,0.92); font-weight:900; }

/* Right list */
.proSwingCoreX__listTitle{
  font-family: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:22px;
  font-weight:950;
  letter-spacing:-.02em;
  color:#fff;
  margin:0 0 12px;
}
.proSwingCoreX__listTitle span{ color:rgba(56,230,194,0.92); }

.proSwingCoreX__card{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;

  border-radius:16px;
  padding:12px 12px;
  margin:0 0 12px;

  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 56px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05) inset;

  cursor:pointer;
  text-align:left;
  transition: transform .14s ease, filter .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.proSwingCoreX__card:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 22px 66px rgba(0,0,0,.60), 0 0 0 1px rgba(255,255,255,.06) inset;
}

.proSwingCoreX__card.is-active{
  border-color:rgba(56,230,194,0.34);
  box-shadow:
    0 22px 70px rgba(0,0,0,.62),
    0 0 0 1px rgba(56,230,194,0.14) inset,
    0 0 46px rgba(56,230,194,0.1);
  background:
    radial-gradient(820px 220px at 50% 0%, rgba(56,230,194,0.18), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(16,24,40,.78), rgba(8,12,22,.84));
}

.proSwingCoreX__badge{
  width:52px;
  height:52px;
  border-radius:14px;
  overflow:hidden;
  flex:0 0 auto;

  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 26px rgba(0,0,0,.45);
}

.proSwingCoreX__badge img{ width:100%; height:100%; object-fit:cover; display:block; }

.proSwingCoreX__txt{ flex:1 1 auto; min-width:0; }

.proSwingCoreX__title{
  display:block;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:14px;
  font-weight:950;
  color:rgba(255,255,255,.92);
  margin:0 0 4px;
}

.proSwingCoreX__desc{
  display:block;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:13px;
  line-height:1.45;
  color:rgba(255,255,255,.62);
}

.proSwingCoreX__arrow{
  flex:0 0 auto;
  font-size:22px;
  font-weight:900;
  color:rgba(56,230,194,0.82);
  opacity:.9;
}

.proSwingCoreX__note{
  margin-top:10px;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:rgba(255,255,255,.46);
}

/* Responsive */
@media (max-width:980px){
  .proSwingCoreX__grid{ grid-template-columns:1fr; }
}

@media (max-width:520px){
  .proSwingCoreX{ padding:46px 14px 44px; }
  .proSwingCoreX__h2{ font-size:28px; }
  .proSwingCoreX__lead{ font-size:14px; }
  .proSwingCoreX__listTitle{ font-size:20px; }
  .proSwingCoreX__card{ padding:12px; }
}

/* ===== BLOCK SEPARATOR ===== */

/* ===== FAQ SELL X — HARD RESET AGAINST THEME INHERITANCE ===== */
.faqSellX{
  background:var(--ctf-bg) !important;
  padding:60px 22px !important;
  scroll-margin-top:90px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  text-rendering:optimizeLegibility;
}
.faqSellX *{ box-sizing:border-box; }
.faqSellX__inner{
  max-width:920px !important;
  margin:0 auto !important;
}
.faqSellX__top{
  text-align:center !important;
  margin:0 0 18px !important;
}

/* ===== TYPO (same family, smaller H2 tier to match other sections) ===== */
.faqSellX__kicker{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.34em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.50) !important;
  margin:0 0 10px !important;
}

/* KEY FIX: smaller scale (max 34px) so it matches the page, not the hero tier */
.faqSellX__h2{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(26px, 2.2vw, 34px) !important;
  line-height:1.10 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  color:#fff !important;
  margin:0 0 10px !important;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
}

.faqSellX__sub{
  margin-top:0 !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(14px, 1.15vw, 15px) !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  color:rgba(255,255,255,.66) !important;
}

.faqSellX__list{ margin-top:18px !important; }

.faqSellX__item{
  border:1px solid var(--ctf-border) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.03) !important;
  margin:0 0 10px !important;
  overflow:hidden !important;
}

.faqSellX__q{
  padding:16px 18px !important;
  cursor:pointer !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  color:#fff !important;
  list-style:none !important;
  outline:none !important;
}
.faqSellX__q::-webkit-details-marker{ display:none !important; }

.faqSellX__q:after{
  content:"+";
  float:right;
  font-weight:900;
  color:rgba(56,230,194,0.85);
}
.faqSellX__item[open] .faqSellX__q:after{ content:"–"; }

.faqSellX__a{
  padding:0 18px 16px !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  color:rgba(255,255,255,.72) !important;
}

.faqSellX__item[open]{
  border-color:rgba(56,230,194,0.3) !important;
  background:
    radial-gradient(900px 220px at 50% 0%, rgba(56,230,194,0.1), rgba(0,0,0,0) 60%),
    rgba(255,255,255,.03) !important;
}

.faqSellX__a strong{ color:#fff !important; font-weight:800 !important; }
.faqSellX__a em{ font-style:normal !important; font-weight:800 !important; color:rgba(56,230,194,0.92) !important; }

@media (max-width:520px){
  .faqSellX{ padding:46px 14px !important; }
  .faqSellX__q{ font-size:14.5px !important; padding:14px 14px !important; }
  .faqSellX__a{ padding:0 14px 14px !important; font-size:14px !important; }
}

/* ===== BLOCK SEPARATOR ===== */

/* =========================================
   BOTTOM CHECKOUT PICKER — CENTERED + COMPACT
   Scope: .platConfirmZ--bottom only
   ========================================= */
.platConfirmZ.platConfirmZ--bottom{
  background:var(--ctf-bg) !important;
  padding:52px 22px 62px !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important; /* hard center for headings */
}
.platConfirmZ.platConfirmZ--bottom:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 360px at 50% 0%, rgba(56,230,194,0.055), rgba(0,0,0,0) 62%),
    radial-gradient(900px 520px at 50% 120%, rgba(0,0,0,.55), rgba(0,0,0,0) 64%);
  opacity:.95;
}
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__inner{
  position:relative;
  max-width:1100px;
  margin:0 auto;
}

/* Top */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__top{
  margin:0 auto 18px !important;
  max-width:920px !important;
  text-align:center !important;
}
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:var(--ctf-panel) !important;
  border:1px solid var(--ctf-border) !important;

  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.62) !important;
  margin:0 auto 12px !important;
}
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__h2{
  margin:0 auto 10px !important;
  max-width:980px !important;

  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:32px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
  color:#fff !important;

  background:none !important;
  -webkit-text-fill-color:#fff !important;
  filter:none !important;
  text-shadow:none !important;
}
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__lead{
  margin:0 auto !important;
  max-width:860px !important;

  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:14.8px !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.66) !important;
}

/* Toggle: center row */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__toggle{
  margin:18px auto 10px !important;
  display:flex !important;
  justify-content:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

/* Hint centered */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__hint{
  margin:10px auto 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}

/* Card: keep centered, but content inside left/right */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__card{
  margin:18px auto 0 !important;
  max-width:1060px !important;
  text-align:left !important; /* restore inside layout */
}
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__card--compact{
  padding:14px 16px !important;
}
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__price{
  font-size:40px !important;
}

/* CTA: centered wrapper */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__ctaWrap{
  margin:16px auto 0 !important;
  text-align:center !important;
}

/* Force WP Cart button to look like your dark green pill button */
.platConfirmZ.platConfirmZ--bottom .wp_cart_button,
.platConfirmZ.platConfirmZ--bottom input[type="submit"].wp_cart_button,
.platConfirmZ.platConfirmZ--bottom input[type="submit"],
.platConfirmZ.platConfirmZ--bottom button.wp_cart_button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:min(760px, 92vw) !important;
  max-width:760px !important;

  padding:18px 26px !important;
  border-radius:16px !important;

  background:linear-gradient(180deg, rgba(23,86,72,.95), rgba(13,48,41,.95)) !important;
  border:1px solid rgba(56,230,194,0.22) !important;

  color:rgba(255,255,255,.92) !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.06) inset !important;

  cursor:pointer !important;
  text-decoration:none !important;
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}
.platConfirmZ.platConfirmZ--bottom .wp_cart_button:hover,
.platConfirmZ.platConfirmZ--bottom input[type="submit"].wp_cart_button:hover,
.platConfirmZ.platConfirmZ--bottom input[type="submit"]:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
  box-shadow:
    0 26px 72px rgba(0,0,0,.68),
    0 0 0 1px rgba(56,230,194,0.12) inset !important;
}
.platConfirmZ.platConfirmZ--bottom .wp_cart_button:active,
.platConfirmZ.platConfirmZ--bottom input[type="submit"].wp_cart_button:active,
.platConfirmZ.platConfirmZ--bottom input[type="submit"]:active{
  transform:translateY(0) !important;
  filter:brightness(.98) !important;
}

/* Only one CTA visible */
.platConfirmZ__cta{ display:none; }
.platConfirmZ__cta.is-show{ display:block; }

/* Notes / trust / foot centered */
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__ctaNote,
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__trust,
.platConfirmZ.platConfirmZ--bottom .platConfirmZ__foot{
  text-align:center !important;
}

/* Responsive */
@media (max-width:980px){
  .platConfirmZ.platConfirmZ--bottom{ padding:44px 18px 54px !important; }
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__h2{ font-size:28px !important; }
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__price{ font-size:34px !important; }
  .platConfirmZ.platConfirmZ--bottom .wp_cart_button,
  .platConfirmZ.platConfirmZ--bottom input[type="submit"]{
    padding:16px 22px !important;
    font-size:17px !important;
    border-radius:14px !important;
  }
}
@media (max-width:520px){
  .platConfirmZ.platConfirmZ--bottom{ padding:34px 14px 44px !important; }
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__h2{ font-size:23px !important; }
  .platConfirmZ.platConfirmZ--bottom .platConfirmZ__lead{ font-size:14px !important; }
  .platConfirmZ.platConfirmZ--bottom .wp_cart_button,
  .platConfirmZ.platConfirmZ--bottom input[type="submit"]{
    padding:15px 18px !important;
    font-size:16px !important;
    border-radius:13px !important;
  }
}
/* Anchors */
#decision, #how, #access{ scroll-margin-top:90px; }

/* =========================================
   VIDEO PROOF
   Safe isolated classes: .logicFlowXVideo-*
   ========================================= */
.logicFlowXVideo{
  position:relative;
  background:var(--ctf-bg);
  padding:56px 22px 54px;
  overflow:hidden;
}
.logicFlowXVideo:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.11) 0, rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 36% 12%, rgba(255,255,255,.09) 0, rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 64% 18%, rgba(255,255,255,.11) 0, rgba(0,0,0,0) 62%),
    radial-gradient(1px 1px at 88% 26%, rgba(255,255,255,.09) 0, rgba(0,0,0,0) 62%),
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.010) 0px,
      rgba(255,255,255,.010) 1px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 4px
    );
  opacity:.82;
  filter:blur(.12px);
}
.logicFlowXVideo__inner{
  position:relative;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.logicFlowXVideo__kicker{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin:0 0 10px;
}
.logicFlowXVideo__h3{
  font-family:Manrope,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:28px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.02em;
  color:#fff;
  margin:0 0 14px;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
}
.logicFlowXVideo__player{
  position:relative;
  max-width:860px;
  margin:0 auto 10px;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 84px rgba(0,0,0,.62);
}
.logicFlowXVideo__player:before{
  content:"";
  display:block;
  padding-top:56.25%;
}
.logicFlowXVideo__iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.logicFlowXVideo__note{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  color:rgba(255,255,255,.46);
}
@media (max-width:980px){
  .logicFlowXVideo__h3{ font-size:24px; }
}
@media (max-width:520px){
  .logicFlowXVideo{ padding:46px 14px 44px; }
  .logicFlowXVideo__h3{ font-size:20px; margin-bottom:10px; }
}

/* =========================
   HERO TOP SPACING FIX
   ========================= */

/* Общий верхний отступ hero */
.heroX{
  padding-top: clamp(64px, 8vh, 110px);
}

/* Desktop — чуть больше воздуха */
@media (min-width: 981px){
  .heroX{
    padding-top: 110px;
  }
}

/* Mobile — баланс под 1 экран */
@media (max-width: 980px){
  .heroX{
    padding-top: 72px;
  }
}

/* iOS Safari / маленькие экраны —
   подгоняем так, чтобы ★★★★★ был внизу первого экрана */
@media (max-width: 520px){
  .heroX{
    padding-top: 64px;
    padding-bottom: 22px;
  }

  /* Блок доверия — слегка подтянуть вверх */
  .heroX__trust{
    margin-top: 22px;
  }
}


/* =========================
   V5 HOTFIXES (Hero restore + spacing)
   ========================= */

/* HERO: a bit more vertical rhythm */
.xmasHero__offer{margin:0 0 18px}
.xmasHero__h1{margin:0 0 14px}
.xmasHero__sub{margin:0 0 20px}
.xmasHero__pillWrap{margin:18px 0 28px}
.xmasHero__prod{margin:0 0 6px}

/* HERO: keep price centered (desktop left block) */
.xmasHero__price--left{max-width:520px}
.xmasHero__priceLine{justify-content:center}
.xmasHero__meta{text-align:center}

/* HERO: trusted row should stay one line on mobile (scroll if ultra-narrow) */
.xmasHero__social{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.xmasHero__socialText{white-space:nowrap}

/* LOGIC SECTION: center divider line + add desktop air between subsections */
.logicFlowX__divider{width:min(860px,100%);margin:44px auto 54px}

/* More air between: THE LOGIC -> PERFECT FOR -> WATCH HOW (desktop) */
@media (min-width: 900px){
  .logicFlowX__fit{margin-top:78px}
  .logicFlowX__watch{margin-top:78px}
}

/* Mobile layout tightening + centering */
@media (max-width: 900px){
  .xmasHero{padding:58px 18px 56px}
  .xmasHero__inner{grid-template-columns:1fr;gap:22px}
  .xmasHero__right{align-items:center}
  .xmasHero__price--left{display:none}
  .xmasHero__price--right{display:block;margin:10px 0 10px;text-align:center}
  .xmasHero__bullets{justify-content:flex-start;gap:16px;margin:10px auto 14px}
  .xmasHero__bItem{font-size:11px;letter-spacing:.12em}
  .xmasHero__bIcon{width:16px;height:16px;font-size:11px}
  .xmasHero__social{justify-content:center;gap:10px}
  .xmasHero__stars{font-size:12px}
  .xmasHero__socialText{font-size:11px}
}

/* Ultra-narrow: keep everything in one line, allow horizontal scroll instead of wrapping */
@media (max-width: 360px){
  .xmasHero__bullets{gap:12px}
  .xmasHero__bItem{font-size:10px}
  .xmasHero__socialText{font-size:10px}
}

/* ================= V6 MOBILE FINAL =================
   Requested:
   1) Hero bullets fit under monitor (smaller on mobile)
   2) Trend → Pullback → Spark → Entry always fits (shrink font, no wrap)
   3) CONTINUE TO ACCESS button fits width on mobile
   ================================================== */

/* 1) HERO bullets — guaranteed fit on mobile */
@media (max-width:520px){
  .xmasHero__bullets{
    gap: 10px !important;
    padding: 0 6px !important;
  }
  .xmasHero__bullet{
    gap: 6px !important;
  }
  .xmasHero__bulletText{
    font-size: 10px !important;
    letter-spacing: .04em !important;
  }
  .xmasHero__bulletIcon{
    transform: scale(.9) !important;
  }
}
@media (max-width:390px){
  .xmasHero__bullets{ gap: 8px !important; }
  .xmasHero__bulletText{ font-size: 9.5px !important; }
}

/* 2) LOGIC FLOW chips — always 1 row (no wrap), shrink instead of scroll */
@media (max-width:520px){
  .logicFlowX__steps{
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }
  .logicFlowX__step{
    padding: 6px 8px !important;
    font-size: 10px !important;
    letter-spacing: .07em !important;
    white-space: nowrap !important;
  }
  .logicFlowX__arrow{
    flex: 0 0 auto !important;
    font-size: 14px !important;
    opacity: .55 !important;
  }
}
@media (max-width:390px){
  .logicFlowX__step{ font-size: 9.5px !important; padding: 6px 7px !important; }
  .logicFlowX__steps{ gap: 5px !important; }
}

/* 3) CONTINUE TO ACCESS — hard fit on mobile */
@media (max-width:520px){
  .dnxFeatGridX__cta,
  .dnxFeatGridX__ctaBtn,
  .dnxFeatGridX__btn,
  .dnxFeatGridX a,
  .dnxFeatGridX button{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* label/inner text */
  .dnxFeatGridX__ctaLabel,
  .dnxFeatGridX__btnLabel{
    font-size: 12px !important;
    letter-spacing: .10em !important;
    white-space: nowrap !important;
  }

  /* if padding is the culprit, reduce it */
  .dnxFeatGridX__ctaBtn,
  .dnxFeatGridX__btn{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (max-width:390px){
  .dnxFeatGridX__ctaLabel,
  .dnxFeatGridX__btnLabel{
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }
}

/* ================= V7 MOBILE HOTFIX =================
   Only mobile:
   - Hero bullets must fit width (shrink harder)
   - Reduce top padding so Trust strip fits in first screen
   ================================================== */

@media (max-width:520px){
  /* tighten hero top to pull Trust into the first screen */
  .xmasHero{
    padding-top: 14px !important; /* was ~22 */
  }
  .xmasHero__offer{ margin-bottom: 10px !important; }
  .xmasHero__h1{ margin-bottom: 10px !important; }
  .xmasHero__sub{ margin-bottom: 10px !important; }
  .xmasHero__pillWrap{ margin-bottom: 10px !important; }
  .xmasHero__prod{ margin-bottom: 8px !important; }
  .xmasHero__visual{ margin: 8px auto 8px !important; }
  .xmasHero__price{ margin-top: 10px !important; }
  .xmasHero__ctaWrap{ margin-top: 10px !important; }

  /* HERO bullets — shrink HARD to fit one line */
  .xmasHero__bullets{
    gap: 8px !important;
    padding: 0 2px !important;
    justify-content: center !important;
    flex-wrap: nowrap !important; /* keep single row */
  }
  .xmasHero__bullet{
    gap: 5px !important;
  }
  .xmasHero__bulletText{
    font-size: 9px !important;
    letter-spacing: 0 !important;
  }
  .xmasHero__bulletIcon{
    transform: scale(.82) !important;
  }
}

@media (max-width:390px){
  .xmasHero__bullets{ gap: 7px !important; }
  .xmasHero__bulletText{ font-size: 8.6px !important; }
  .xmasHero__bulletIcon{ transform: scale(.78) !important; }
}


/* ===== HARD OVERRIDES: remove any remaining green UI accents (screenshots excluded) ===== */
.entryFastZ__badge--green{
  background: rgba(56,230,194,0.14) !important;
  border: 1px solid rgba(56,230,194,0.22) !important;
  color: rgba(56,230,194,0.92) !important;
}
.entryFastZ__li--ok:before,
.platConfirmZ__dot,
.platConfirmZ__hintDot,
.proSwingCoreX__dot,
.dnxFeatGridX__dot{
  background: rgba(56,230,194,0.95) !important;
  box-shadow: none !important;
}
.platConfirmZ__save{ color: rgba(56,230,194,0.92) !important; }


/* ===== PURPLE SIGNATURE (premium, NOT neon) ===== */
:root{--ctf-bg:#262626;--ctf-bg2:#232323;--ctf-panel:rgba(255,255,255,.05);--ctf-panel2:rgba(255,255,255,.035);--ctf-border:rgba(255,255,255,.10);--ctf-border2:rgba(255,255,255,.07);--ctf-accent:#38E6C2;--ctf-accent2:#2FCFB0;--ctf-accentSoft:rgba(56,230,194,.14);--ctf-accentSoft2:rgba(56,230,194,.08);} 
/* Bottom section CTA only (final step) */
.platConfirmZ--bottom .platConfirmZ__cta input[type="submit"],
.platConfirmZ--bottom .platConfirmZ__cta a{
  background: var(--ctf-purple) !important; /* flat */
  border: none !important;
  box-shadow: 0 12px 32px rgba(56,230,194,.30), 0 16px 50px rgba(0,0,0,.55) !important;
}

.platConfirmZ--bottom .platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ--bottom .platConfirmZ__cta a:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(56,230,194,.30), 0 18px 60px rgba(0,0,0,.60) !important;
}

.platConfirmZ--bottom .platConfirmZ__cta input[type="submit"]:active,
.platConfirmZ--bottom .platConfirmZ__cta a:active{
  transform: translateY(0px);
  filter: brightness(.99);
  box-shadow: 0 12px 28px rgba(0,0,0,.65) inset !important;
}

/* Tiny premium accents near the final CTA (subtle) */
.platConfirmZ--bottom .platConfirmZ__label,
.platConfirmZ--bottom .platConfirmZ__title{
  text-shadow: 0 0 18px rgba(56,230,194,.10);
}


/* ===== PURPLE SYSTEM (no blue) ===== */
.xmasHero__cta,
.platConfirmZ__cta input[type="submit"],
.platConfirmZ__cta a,
.dnxFeatGridX__cta,
.proSwingCoreX__cta{
  background: var(--ctf-purple) !important; /* flat */
  border: none !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height: 1 !important; /* helps vertical centering */
  box-shadow: 0 12px 32px rgba(56,230,194,.28), 0 18px 60px rgba(0,0,0,.58) !important;
}
.xmasHero__cta:hover,
.platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ__cta a:hover,
.dnxFeatGridX__cta:hover,
.proSwingCoreX__cta:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.xmasHero__cta:active,
.platConfirmZ__cta input[type="submit"]:active,
.platConfirmZ__cta a:active,
.dnxFeatGridX__cta:active,
.proSwingCoreX__cta:active{
  transform: translateY(0px);
  filter: brightness(.99);
  box-shadow: 0 12px 28px rgba(0,0,0,.65) inset !important;
}

/* Active controls & badges */
.platConfirmZ__chip--active,
.platConfirmZ__pill--active,
.entryFastZ__badge--green{
  background: rgba(56,230,194,.18) !important;
  border-color: rgba(56,230,194,.35) !important;
  color: rgba(255,255,255,.92) !important;
}
.platConfirmZ__save{ color: rgba(56,230,194,.92) !important; }

/* Restore checkmarks (OK list) */
.entryFastZ__li--ok{
  position: relative;
  padding-left: 28px;
}
.entryFastZ__li--ok:before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  font-weight: 900;
  color: rgba(255,255,255,.95);
  background: rgba(56,230,194,.92);
  box-shadow: none !important;
}


/* ===== FINAL PURPLE LOCK (kill any remaining blue in UI) ===== */
a, a:visited,
.link, .isLink, .is-link{
  color: rgba(56,230,194,.92) !important;
}
a:hover{
  color: rgba(56,230,194,1) !important;
}
.platConfirmZ__chip--active,
.platConfirmZ__pill--active{
  background: rgba(56,230,194,.18) !important;
  border-color: rgba(56,230,194,.35) !important;
}
.platConfirmZ__chip.is-active,
.platConfirmZ__pill.is-active,
.platConfirmZ__tab.is-active{
  color: rgba(255,255,255,.95) !important;
  box-shadow: none !important;
}

/* Remove any blue focus rings from browser defaults on buttons/inputs */
.xmasHero__cta:focus,
.platConfirmZ__cta input[type="submit"]:focus,
.platConfirmZ__cta a:focus,
button:focus,
input:focus{
  outline: 2px solid rgba(56,230,194,.35) !important;
  outline-offset: 2px;
}

/* Ensure dots/markers are purple */
.platConfirmZ__dot,
.platConfirmZ__hintDot,
.proSwingCoreX__dot,
.dnxFeatGridX__dot{
  background: rgba(56,230,194,.95) !important;
}


/* =========================================
   EDITORIAL MINT THEME — strict like reference (no text changes)
   ========================================= */

/* Base canvas */
.xmasHero,.entryFastZ,.platConfirmZ.platConfirmZ--inline,.dnxFeatGridX,.proofRailX,.proSwingCoreX,.faqCtaX{
  background:var(--ctf-bg) !important;
}

/* Panels */
.entryFastZ__col,
.platConfirmZ__panel,
.proSwingCoreX__card,
.dnxFeatGridX__card,
.proofRailX__card,
.faqBoxX__item{
  background:var(--ctf-panel) !important;
  border:1px solid var(--ctf-border2) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.55) !important;
}

/* Mint accents (lines, dots, active states) */
.xmasHero__meta,
.entryFastZ__h2 span,
.platConfirmZ__tab.is-active,
.platConfirmZ__tab.is-active *{
  color:rgba(56,230,194,.92) !important;
}
.entryFastZ__badge--green{
  background:rgba(56,230,194,.10) !important;
  border-color:rgba(56,230,194,.22) !important;
  color:rgba(56,230,194,.92) !important;
}

/* CTA buttons — premium matte mint */
.xmasHero__cta,
.proofRailX__btn,
.dnxFeatGridX__cta,
.platConfirmZ .platConfirmZ__cta input[type="submit"],
.platConfirmZ .platConfirmZ__cta button,
.platConfirmZ .platConfirmZ__cta a{
  background:linear-gradient(180deg,var(--ctf-accent) 0%,var(--ctf-accent2) 100%) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 1px rgba(56,230,194,.18) inset !important;
}
.xmasHero__cta:hover,
.proofRailX__btn:hover,
.dnxFeatGridX__cta:hover,
.platConfirmZ .platConfirmZ__cta input[type="submit"]:hover,
.platConfirmZ .platConfirmZ__cta button:hover,
.platConfirmZ .platConfirmZ__cta a:hover{
  filter:brightness(1.03) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.52),0 0 0 1px rgba(56,230,194,.22) inset !important;
}

/* Checkmarks / dots */
.entryFastZ__li--ok:before,
.platConfirmZ__dot,
.logicFlowX__check,
.dnxFeatGridX__dot,
.proSwingCoreX__capDot{
  background:var(--ctf-accent) !important;
  box-shadow:0 0 0 3px var(--ctf-accentSoft) !important;
}

/* Remove gold styling from any previous variant */
.xmasHero__now,
.platConfirmZ__price{ color:#fff !important; text-shadow:0 2px 26px rgba(255,255,255,.08) !important; }

/* =========================================================
   FINAL CTA + COPY CLEANUP PATCH (2026-01-22)
   - Fix hover contrast on Hero CTA and Continue-to-Access CTA
   - Make CTA #3 feel "heavier" without changing width
   - Keep footer legal links subtle on this template
========================================================= */

/* --- HERO CTA: keep text high-contrast on hover --- */
.xmasHero__cta,
.xmasHero__cta:visited{
  color:#fff !important;
}
.xmasHero__cta:hover{
  color:#fff !important;
  background: linear-gradient(180deg, #28cdb1 0%, #20b59d 100%) !important;
  filter:none !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.18) inset !important;
}

/* --- CTA #3: CONTINUE TO ACCESS (wide button, add weight not width) --- */
.dnxFeatGridX__cta,
.dnxFeatGridX__cta:visited{
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.10em !important; /* reduce "light" feel */
  filter:none !important;
}
.dnxFeatGridX__cta:hover{
  color:#fff !important;
  background: linear-gradient(180deg, #28cdb1 0%, #20b59d 100%) !important;
  filter:none !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.18) inset !important;
}

/* --- Footer legal links: never look like CTA --- */
.page-template-page-complete-trading-framework footer a,
.page-template-page-complete-trading-framework .site-footer a{
  color:rgba(255,255,255,.58) !important;
  text-decoration:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.page-template-page-complete-trading-framework footer a:hover,
.page-template-page-complete-trading-framework .site-footer a:hover{
  color:rgba(255,255,255,.82) !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
}

/* =========================================
   MID CTA BAR (TOOLS SECTION): CONTINUE TO ACCESS →
   Make it feel like a premium CTA (not a footer bar):
   - Not full-bleed: centered with max-width
   - Strong weight, tighter tracking
   - Perfect text contrast on hover
   ========================================= */

.dnxFeatGridX__cta{
  width:100% !important;
  max-width:760px !important;
  margin:18px auto 10px !important;
  min-height:54px !important;
  padding:0 28px !important;
  border-radius:14px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-weight:900 !important;
  letter-spacing:.10em !important;

  color:#ffffff !important;
  text-decoration:none !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.52),
    0 1px 0 rgba(255,255,255,.08) inset,
    0 0 0 1px rgba(255,255,255,.10) inset !important;

  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}

.dnxFeatGridX__cta:visited{
  color:#ffffff !important;
}

.dnxFeatGridX__cta:hover{
  color:#ffffff !important;
  transform:translateY(-1px) !important;
  filter:brightness(1.03) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.16) inset !important;
}

@media (max-width:560px){
  .dnxFeatGridX__cta{
    max-width:92vw !important;
    min-height:56px !important;
  }
}
/* =========================================
   Bottom CTA vertical centering FIX
   Target: .platConfirmZ__cta (final checkout)
   ========================================= */

.platConfirmZ__cta button,
.platConfirmZ__cta input[type="submit"],
.platConfirmZ__cta a {
  display: flex !important;
  align-items: center !important;     /* vertical center */
  justify-content: center !important; /* horizontal center */
  line-height: 1 !important;          /* remove baseline drift */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 58px !important;            /* ensures stable centering */
}

.platConfirmZ__cta button span,
.platConfirmZ__cta a span {
  display: flex;
  align-items: center;
  line-height: 1 !important;
}


/* =========================================================
   CHECKOUT (order-complete-trading-framework.php) — match new design
   Scoped to .dx-wrapper / .dx-checkout to avoid affecting landing
   ========================================================= */

.dx-wrapper{
  background: radial-gradient(1200px 600px at 50% -200px, rgba(255,255,255,.08), rgba(0,0,0,0)) , #0b0d11;
  min-height: 100vh;
}

.dx-container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

.dx-topOffer{
  background: rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}

.dx-topOffer__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px 18px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.86);
}

.dx-topOffer__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .12em;
  font-size: 12px;
  background: rgba(47,217,184,.14);
  color: #2fd9b8;
  border: 1px solid rgba(47,217,184,.28);
}

.dx-topOffer__off{
  color:#ffffff;
  font-weight: 900;
}

.dx-checkout{
  padding: 34px 0 46px;
  color: rgba(255,255,255,.88);
}

.dx-head{
  text-align:center;
  margin-bottom: 16px;
}

.dx-h1{
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.05;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}

.dx-sub{
  color: rgba(255,255,255,.70);
  font-weight: 600;
}

.dx-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
}

.dx-card--order{
  padding: 18px 18px 16px;
}

.dx-miniProof,
.dx-miniMeta,
.dx-totalMeta,
.dx-orderWhy{
  color: rgba(255,255,255,.68);
}

.dx-divider{
  height: 1px;
  background: rgba(255,255,255,.08);
  margin: 16px 0;
}

.dx-orderRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 10px 0;
}

.dx-orderName{
  color: rgba(255,255,255,.74);
  font-weight: 700;
}

.dx-orderPrice{
  color: rgba(255,255,255,.92);
  font-weight: 900;
  text-align:right;
}

.dx-orderRow--total .dx-orderName{
  color:#ffffff;
}

.dx-payBox{
  margin-top: 14px;
}

.dx-payBox button,
.dx-payBox input[type="submit"],
.dx-payBox a{
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  min-height: 58px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: .04em;
  background: linear-gradient(180deg, #2fd9b8 0%, #24bfa4 100%);
  color: #ffffff !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height: 1 !important;

  box-shadow:
    0 18px 48px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.10) inset;
}

.dx-payBox button:hover,
.dx-payBox input[type="submit"]:hover,
.dx-payBox a:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow:
    0 22px 56px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.16) inset;
}

.dx-payNote{
  max-width: 760px;
  margin: 10px auto 0;
  text-align:center;
  color: rgba(255,255,255,.70);
}

.dx-afterPay{
  max-width: 760px;
  margin: 14px auto 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.dx-afterPayTitle{
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.70);
  margin-bottom: 10px;
}

.dx-step,
.dx-help{
  color: rgba(255,255,255,.78);
}

.dx-incCheck{
  color: #2fd9b8;
}

@media (max-width: 640px){
  .dx-card--order{ padding: 16px 14px; }
  .dx-orderRow{ flex-direction: column; align-items:flex-start; }
  .dx-orderPrice{ text-align:left; }
}

/* =========================================================
   CHECKOUT – PROFESSIONAL PRIMARY BUTTON (CARD)
   - Less "marketing", more fintech/SaaS
   - Match PayPal block (no pill / no neon)
   ========================================================= */

/* Primary card payment button (broad selectors for template variations) */
.checkoutPay__cardBtn,
.platPayMethod--card button,
.platPayMethod--card .payBtn,
.payBtn--card,
.payBtn.payBtn--card,
.mqlPay__cardBtn,
.mqlCheckout__cardBtn,
.mqlCheckoutPay__cardBtn {
  background: #ffffff !important;
  color: #0b0f14 !important;
  border-radius: 10px !important;   /* not a pill */
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25) !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* Ensure inner text doesn't baseline-drop */
.checkoutPay__cardBtn *,
.platPayMethod--card button *,
.platPayMethod--card .payBtn *,
.payBtn--card *,
.mqlPay__cardBtn *{
  color: inherit !important;
  line-height: 1 !important;
}

/* Hover/active */
.checkoutPay__cardBtn:hover,
.platPayMethod--card button:hover,
.platPayMethod--card .payBtn:hover,
.payBtn--card:hover,
.mqlPay__cardBtn:hover,
.mqlCheckout__cardBtn:hover,
.mqlCheckoutPay__cardBtn:hover {
  background: #f7f9fb !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.35) !important;
  transform: translateY(-1px);
}

.checkoutPay__cardBtn:active,
.platPayMethod--card button:active,
.platPayMethod--card .payBtn:active,
.payBtn--card:active,
.mqlPay__cardBtn:active,
.mqlCheckout__cardBtn:active,
.mqlCheckoutPay__cardBtn:active {
  transform: translateY(0);
}

/* Focus ring (accessibility) */
.checkoutPay__cardBtn:focus-visible,
.platPayMethod--card button:focus-visible,
.platPayMethod--card .payBtn:focus-visible,
.payBtn--card:focus-visible,
.mqlPay__cardBtn:focus-visible {
  outline: 2px solid rgba(47, 217, 184, .55) !important;
  outline-offset: 3px !important;
}


/* =========================================================
   CHECKOUT: Card CTA should be calm + professional
   Replace pill/teal gradient inside .dx-payBox
   ========================================================= */

.dx-payBox button,
.dx-payBox input[type="submit"],
.dx-payBox a{
  border-radius: 12px !important;          /* not pill */
  background: #ffffff !important;          /* calm white */
  color: #0b0f14 !important;               /* fintech dark text */
  border: 1px solid rgba(0,0,0,.14) !important;
  letter-spacing: .06em !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.40) !important;
}

.dx-payBox button:hover,
.dx-payBox input[type="submit"]:hover,
.dx-payBox a:hover{
  background: #f6f8fb !important;
  color: #0b0f14 !important;
  transform: translateY(-1px);
  box-shadow:
    0 16px 34px rgba(0,0,0,.52) !important;
}

/* If the injected card button exists, lock styling explicitly */
.dx-payBox .dx-cardPayBtn{
  background: #ffffff !important;
  color: #0b0f14 !important;
  border-radius: 12px !important;
}

/* Keep perfect vertical centering for the label */
.dx-payBox button,
.dx-payBox a,
.dx-payBox input[type="submit"]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* =====================================================
   CHECKOUT: Card button (Debit/Credit) — Stripe-like graphite
   Uses :has() to target the card button that contains card-network icons.
   Keeps PayPal styling intact.
   ===================================================== */

/* Card button wrapper: button/a that contains card icons */
.dx-payBox button:has(img[alt*="VISA" i], img[alt*="MAST" i], img[alt*="AMEX" i], img[alt*="JCB" i], img[src*="visa" i], img[src*="master" i], img[src*="amex" i], img[src*="jcb" i]),
.dx-payBox a:has(img[alt*="VISA" i], img[alt*="MAST" i], img[alt*="AMEX" i], img[alt*="JCB" i], img[src*="visa" i], img[src*="master" i], img[src*="amex" i], img[src*="jcb" i]){
  background: #1F2933 !important;
  color: #ffffff !important;

  border-radius: 12px !important; /* not pill */
  border: 1px solid rgba(255,255,255,.12) !important;

  min-height: 56px !important;
  max-width: 760px;
  width: 100%;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  line-height: 1 !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.20) inset !important;
}

.dx-payBox button:has(img[alt*="VISA" i], img[alt*="MAST" i], img[alt*="AMEX" i], img[alt*="JCB" i], img[src*="visa" i], img[src*="master" i], img[src*="amex" i], img[src*="jcb" i]):hover,
.dx-payBox a:has(img[alt*="VISA" i], img[alt*="MAST" i], img[alt*="AMEX" i], img[alt*="JCB" i], img[src*="visa" i], img[src*="master" i], img[src*="amex" i], img[src*="jcb" i]):hover{
  background: #273341 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow:
    0 16px 38px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.16) inset !important;
}

/* Ensure card button text doesn't look cramped if inner nodes exist */
.dx-payBox button:has(img[alt*="VISA" i], img[src*="visa" i]) *,
.dx-payBox a:has(img[alt*="VISA" i], img[src*="visa" i]) *{
  color: inherit !important;
}

/* Fallback selectors (in case markup uses explicit classes) */
.dx-payBox .dx-cardPayBtn,
.dx-payBox .payBtn--card,
.dx-payBox .wpec-card,
.dx-payBox .card-pay-btn{
  background: #1F2933 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}

/* Reduce the "marketing" look on the recommended pill above card button */
.dx-payBox .dx-recommended,
.dx-payBox .recommended{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.78) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  font-weight: 650 !important;
  font-size: 10px !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  box-shadow: none !important;
}



/* =========================================================
   DX CHECKOUT PATCH: Pay method buttons parity + UI polish
   - Make Card + PayPal exactly same height & radius
   - Neutralize any PayPal image scaling so it doesn't look shorter
   ========================================================= */

:root{
  --dx-pay-btn-h: 56px;
  --dx-pay-btn-r: 14px;
}

/* Card primary button */
.dx-cardPayBtn{
  height: var(--dx-pay-btn-h) !important;
  border-radius: var(--dx-pay-btn-r) !important;
  align-items: center !important;
}

/* If PayPal renders as a button/link in the same box, match it */
.dx-payBox button:not(.dx-cardPayBtn):not(.wp_cart_checkout_button),
.dx-payBox a:not(.dx-cardPayBtn),
.dx-payBox input[type="submit"]:not(.dx-cardPayBtn){
  min-height: var(--dx-pay-btn-h) !important;
  height: var(--dx-pay-btn-h) !important;
  border-radius: var(--dx-pay-btn-r) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* If PayPal renders as an image input, keep it the same visual height (no scale hacks) */
.dx-payBox input[type="image"]{
  transform: none !important;
  transform-origin: center !important;
  height: var(--dx-pay-btn-h) !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 10px auto 0 auto !important;
  padding: 0 !important;
}

/* Give PayPal row the same 'card' feel so it doesn't look thinner */
.dx-payBox input[type="image"],
.dx-payBox button:not(.dx-cardPayBtn):not(.wp_cart_checkout_button),
.dx-payBox a:not(.dx-cardPayBtn),
.dx-payBox input[type="submit"]:not(.dx-cardPayBtn){
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

/* Ensure custom card button text is vertically centered even if fonts differ */
.dx-cardPayBtn{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Optional: if PayPal is wrapped in a container that creates extra top padding, remove it */
.dx-payBox > *:first-child{
  margin-top: 0 !important;
}


/* =========================================================
   FINAL OVERRIDES (2026-01-22)
   - Card button must NOT turn white
   - Minimal hover (fintech)
   - Match PayPal height
   ========================================================= */

.dx-payBox .dx-cardPayBtn,
.dx-payBox .checkoutPay__cardBtn,
.dx-payBox .platPayMethod--card button,
.dx-payBox .platPayMethod--card .payBtn,
.dx-payBox .payBtn--card,
.dx-payBox .payBtn.payBtn--card,
.dx-payBox .mqlPay__cardBtn,
.dx-payBox .mqlCheckout__cardBtn,
.dx-payBox .mqlCheckoutPay__cardBtn,
.dx-payBox button:has(img[alt*="VISA" i], img[src*="visa" i]),
.dx-payBox a:has(img[alt*="VISA" i], img[src*="visa" i]){
  background: #1F2933 !important;          /* graphite */
  color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  min-height: var(--dx-pay-btn-h) !important;
  height: var(--dx-pay-btn-h) !important;
  line-height: 1 !important;
}

/* Minimal hover: small lift + slightly lighter graphite (NO white) */
.dx-payBox .dx-cardPayBtn:hover,
.dx-payBox .checkoutPay__cardBtn:hover,
.dx-payBox .platPayMethod--card button:hover,
.dx-payBox .platPayMethod--card .payBtn:hover,
.dx-payBox .payBtn--card:hover,
.dx-payBox .mqlPay__cardBtn:hover,
.dx-payBox button:has(img[alt*="VISA" i], img[src*="visa" i]):hover,
.dx-payBox a:has(img[alt*="VISA" i], img[src*="visa" i]):hover{
  background: #273341 !important;
  border-color: rgba(255,255,255,.16) !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.62) !important;
}

/* Active: no jump */
.dx-payBox .dx-cardPayBtn:active,
.dx-payBox .checkoutPay__cardBtn:active,
.dx-payBox .platPayMethod--card button:active,
.dx-payBox .platPayMethod--card .payBtn:active{
  transform: translateY(0);
}

/* Ensure PayPal button matches height/radius without changing its brand color */
.dx-payBox input[type="image"],
.dx-payBox .wp_cart_checkout_button,
.dx-payBox button:not(.dx-cardPayBtn):not(.payBtn--card):not(.checkoutPay__cardBtn),
.dx-payBox a:not(.dx-cardPayBtn){
  min-height: var(--dx-pay-btn-h) !important;
  height: var(--dx-pay-btn-h) !important;
  border-radius: 12px !important;
}

/* DEFAULT badge: more neutral (less marketing) */
.dx-payBox .dx-defaultBadge,
.dx-payBox .dx-default,
.dx-payBox .default,
.dx-payBox .DEFAULT{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.78) !important;
  border-radius: 10px !important;
}

/* === UNIFY MAIN CTA STYLE (BOTTOM = TOP) === */
.platConfirmZ .platConfirmZ__cta .mql-cta-btn,
.platConfirmZ .platConfirmZ__cta button.mql-cta-btn{
  background: linear-gradient(180deg,var(--ctf-accent) 0%,var(--ctf-accent2) 100%) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.45),
    0 0 0 1px rgba(56,230,194,.18) inset !important;
}

.platConfirmZ .platConfirmZ__cta .mql-cta-btn:hover{
  filter:brightness(1.05);
  box-shadow:
    0 14px 34px rgba(0,0,0,.52),
    0 0 0 1px rgba(56,230,194,.22) inset !important;
}

/* === Footer links: force grey everywhere (thank-you + checkout + others) === */
.dx-footerNav a,
.dx-footerLink,
.dx-footer a {
  color: rgba(232,238,252,.76) !important;
  text-decoration: none;
}

.dx-footerNav a:visited,
.dx-footerLink:visited,
.dx-footer a:visited {
  color: rgba(232,238,252,.76) !important;
}

.dx-footerNav a:hover,
.dx-footerLink:hover,
.dx-footer a:hover {
  color: rgba(255,255,255,.92) !important;
  text-decoration: none;
}