:root{
  --bg:#f8f9fa;
  --panel:#ffffff;
  --panel-2:#fafafa;
  --text:#0c0f0d;
  --muted:#6b7280;
  --brand:#0d7f5d;
  --brand-2:#18a87a;
  --accent:#e5e7eb;
  --success:#16a34a;
  --radius-card:24px;
  --radius-btn:10px;
  --shadow-1:0 6px 20px rgba(0,0,0,.06); 
  --shadow-2:0 16px 48px rgba(0,0,0,.12);
  --btn-ghost-color:var(--brand);
  --focus:0 0 0 3px color-mix(in oklab, var(--brand-2), white 70%);
}

[data-theme="dark"]{
  --bg:#0b0e0d;
  --panel:#0f1312;
  --panel-2:#0c100f;
  --text:#e9f0ed;
  --muted:#9aa7a1;
  --accent:#1e2623;
  --btn-ghost-color:#88f3c8;
  --shadow-1:none;
  --shadow-2:none;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
html,body{ overflow-x:hidden; }

html{
  scroll-behavior:smooth;
}

#core-training-card{
  scroll-margin-top:150px;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:transparent;
}

a{ color:inherit; text-decoration:none; }
img{
    max-width: 100%;
    height: auto;
    display: block;
    text-align: left;
}
p{ margin:0 0 10px; }

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible{
  outline:none;
  box-shadow:var(--focus);
  border-radius:12px;
}

button,
input,
select,
textarea{
  font:inherit;
  color:inherit;
}

.container{
  width:min(1200px,92vw);
  margin-inline:auto;
  padding:clamp(8px,2vw,28px);
}

.stack{ margin-top:0px; }

/* =========================
   HEADER
========================= */
header{
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid var(--accent);
  background:transparent;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  isolation:isolate;
  overflow:visible;
}

header::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--panel);
  opacity:.97;
  pointer-events:none;
  z-index:-1;
}

.topbar{
  display:grid;
  align-items:center;
  gap:12px;
  grid-template-columns:auto 1fr auto;
  grid-template-areas:"brand gap right";
}

.brand{
  grid-area:brand;
  display:flex;
  align-items:center;
}

.brand-full{
  gap:14px;
}

.brand img.logo-img{
  width:58px;
  height:58px;
  display:block;
  object-fit:contain;
}

.brand-wordmark{
  display:flex;
  flex-direction:column;
  line-height:1;
  letter-spacing:.08em;
}

.brand-wordmark strong{
  color:var(--text);
  font-size:20px;
  font-weight:900;
}

.brand-wordmark small{
  margin-top:6px;
  color:var(--brand);
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
}

.brand-divider{
  width:1px;
  height:34px;
  background:rgba(12,15,13,.12);
}

.brand-section-title{
  color:#374151;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.01em;
}

.toggle-wrap,
.member-wrap{
  display:none;
}

.right-wrap{
  grid-area:right;
  display:flex;
  align-items:center;
  gap:12px;
}

/* NOTIFICATION BELL */
.notification-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:1000;
}

.notification-bell{
  position:relative;
  width:44px;
  height:40px;
  border:1px solid rgba(20,163,112,.18);
  background:#fff;
  color:var(--brand);
  border-radius:12px;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
}

.notification-bell svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.notification-dot{
  position:absolute;
  top:7px;
  right:8px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--brand-2);
  box-shadow:0 0 0 3px #fff;
}

.notification-bell.is-open{
  background:#eefaf5;
  border-color:rgba(20,163,112,.30);
}

/* MEMBER PILL */
.member-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:40px;
  padding:8px 14px;
  border:1px solid var(--accent);
  border-radius:12px;
  background:#fff;
  color:var(--muted);
  font-size:14px;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(0,0,0,.035);
}

.member-pill strong{
  color:var(--brand);
  font-weight:800;
}

.member-status-ring{
  width:15px;
  height:15px;
  border-radius:50%;
  background:#fff;
  border:3px solid var(--success);
  box-shadow:inset 0 0 0 2px #fff;
}

/* NOTIFICATION POPOVER */
.notification-popover{
  position:absolute;
  top:calc(100% + 14px);
  right:0;
  width:min(520px, calc(100vw - 28px));
  background:#fff;
  border:1px solid var(--accent);
  border-radius:18px;
  box-shadow:0 18px 48px rgba(0,0,0,.14);
  z-index:999;
  overflow:hidden;
}

.notification-popover::before{
  content:"";
  position:absolute;
  top:-7px;
  right:24px;
  width:14px;
  height:14px;
  background:#fff;
  border-left:1px solid var(--accent);
  border-top:1px solid var(--accent);
  transform:rotate(45deg);
}

.notification-popover-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  padding:18px 20px;
  background:linear-gradient(135deg,#fff,#eefaf5);
  border-bottom:1px solid var(--accent);
}

.notification-head-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eefaf5;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.14);
  font-size:26px;
  line-height:1;
}

.notification-popover-head strong{
  display:block;
  margin:0;
  color:var(--text);
  font-size:20px;
  line-height:1.1;
}

.notification-popover-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.35;
}

.notification-list{
  display:grid;
  gap:0;
}

.notification-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  padding:17px 20px;
  border-bottom:1px solid var(--accent);
}

.notification-item:last-child{
  border-bottom:none;
}

.notification-item-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eefaf5;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.14);
  flex-shrink:0;
}

.notification-item-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.notification-item strong{
  display:block;
  margin:0 0 4px;
  color:var(--text);
  font-size:15px;
  line-height:1.25;
}

.notification-item p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

/* MOBILE HEADER */
@media (max-width:760px){
  .brand-wordmark,
  .brand-divider,
  .brand-section-title{
    display:none;
  }

  .brand img.logo-img{
    width:60px;
    height:60px;
  }
}

@media (max-width:560px){
  .topbar{
    grid-template-columns:1fr auto 1fr;
    grid-template-areas:"toggle brand member";
  }

  .brand{
    grid-area:brand;
    justify-content:center;
  }

  .toggle-wrap{
    grid-area:toggle;
    justify-self:start;
    display:block;
  }

  .member-wrap{
    grid-area:member;
    justify-self:end;
    display:block;
  }

  .right-wrap{
    display:none;
  }

  .member-pill{
    padding:8px 10px;
    font-size:12px;
  }

  .member-status-ring{
    width:13px;
    height:13px;
    border-width:3px;
  }

  .toggle-wrap .notification-popover{
    left:0;
    right:auto;
    width:min(340px, calc(100vw - 28px));
  }

  .toggle-wrap .notification-popover::before{
    left:16px;
    right:auto;
  }

  .notification-popover-head{
    padding:15px;
  }

  .notification-head-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    font-size:22px;
  }

  .notification-popover-head strong{
    font-size:17px;
  }

  .notification-item{
    padding:14px 15px;
    gap:11px;
  }

  .notification-item-icon{
    width:38px;
    height:38px;
    border-radius:12px;
  }

  .notification-item-icon svg{
    width:19px;
    height:19px;
  }
}

/* =========================
   HERO / LAYOUT
========================= */
.hero{
  padding:20px 0 18px;
}

.hero-title{
  font-size:clamp(18px,3.2vw,18px);
  line-height:1.08;
  margin:4px 0 10px;
  letter-spacing:-.035em;
}

.hero-sub{
  max-width:980px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
  margin:0;
}

.grid{
  display:grid;
  gap:18px;
  grid-template-columns:1fr;
}

@media (min-width:860px){
  .grid{ grid-template-columns:1.3fr 1fr; }
}

/* =========================
   CARDS / BUTTONS
========================= */
.card{
  background:var(--panel);
  border:1px solid var(--accent);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-1);
  overflow:hidden;
}

.card .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px;
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
  border-bottom:none;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);
}

.card .hd h2{
  margin:0;
  font-weight:700;
  font-size:18px;
  color:#fff;
  letter-spacing:.3px;
}

.card .bd{ padding:18px 20px; }

.card.tinted .hd{
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
}
.card-expand{
  height:0;
  overflow:hidden;
  opacity:0;
  transition:height .42s ease, opacity .28s ease;
}

.card-expand.open{
  opacity:1;
}

.btn{
  display:inline-grid;
  place-items:center;
  gap:6px;
  padding:12px 16px;
  border-radius:var(--radius-btn);
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
  border:1px solid transparent;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(20,163,112,.22);
  white-space:nowrap;
  transition:transform .06s ease;
  font:inherit;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
}

.btn:active{ transform:translateY(1px); }

.btn-ghost{
  background:transparent;
  border:1px solid var(--accent);
  color:var(--btn-ghost-color);
}

.pill{
  font-size:12px;
  color:#111;
  background:#f1f5f9;
  border:1px solid var(--accent);
  border-radius:999px;
  padding:4px 8px;
}

[data-theme="dark"] .pill{
  color:#e6f5ef;
  background:#0b1311;
}

/* =========================
   MEDIA
========================= */
.media-rect{
  aspect-ratio:16 / 10;
  background:transparent;
  border-bottom:0;
  display:block;
  position:relative;
  overflow:hidden;
  line-height:0;
}

.product-thumb.media-rect,
.guide-top.media-rect,
.offer-top .product-thumb.media-rect,
.ms-visual{
  display:block;
  overflow:hidden;
}

.product-thumb.media-rect img,
.guide-top.media-rect img,
.offer-top .product-thumb.media-rect img,
.ms-visual > img{
  width:110%;
  height:110%;
  object-fit:contain;
  object-position:center top;
  padding:0;
  margin:0;
  border:0;
  display:block;
  vertical-align:middle;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  image-rendering:auto;
  transform:none !important;
}

.offer-media,
#modalDynamic .offer-media{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.offer-media img,
#modalDynamic .offer-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}

.is-logo{
  background:var(--panel-2);
}

.is-logo img{
  object-fit:contain !important;
  object-position:center;
  padding:18px !important;
  background:transparent;
  transform:none !important;
}

.logo-fallback{
  display:none;
  font-weight:800;
  text-align:center;
  padding:0 14px;
  line-height:1.3;
}

.offer-media.no-logo img{ display:none; }
.offer-media.no-logo .logo-fallback{ display:block; }


/* =========================
   SECTION DIVIDER
========================= */
.section-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:42px 0 18px;
}

.section-divider .line{
  flex:1;
  height:1px;
  background:var(--accent);
}

.section-divider .label{
  font-weight:700;
  color:var(--muted);
  letter-spacing:.4px;
  text-transform:uppercase;
  font-size:12px;
}

/* =========================
   UPDATES CARD
========================= */
.updates-card{
  background:var(--panel);
  border:1px solid var(--accent);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-1);
  overflow:hidden;
}

.updates-card .bd{
  padding:16px 20px;
  background:var(--panel);
  color:var(--text);
}

.updates-card details{
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
}

.updates-card summary{
  padding:18px 20px;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  list-style:none;
}

.updates-card .bell{
  width:18px;
  height:18px;
  display:inline-block;
}

.updates-card .chev{
  margin-left:auto;
  transition:transform .18s ease;
}

.updates-card details[open] .chev{ transform:rotate(180deg); }

.updates-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.updates-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:14px;
  color:var(--text);
  background:var(--panel-2);
  border:1px solid var(--accent);
  border-radius:12px;
  padding:10px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}

.updates-list li .icon{
  font-size:18px;
  line-height:1;
}

/* =========================
   PRODUCT CARDS
========================= */
.products{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}

@media (min-width:640px){
  .products{ grid-template-columns:1fr 1fr; }
}

@media (min-width:980px){
  .products{ grid-template-columns:1fr 1fr 1fr; }
}

.product-card{
  border:1px solid var(--accent);
  background:var(--panel);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow-1);
  display:flex;
  flex-direction:column;
  cursor:default;
  position:relative;
}

.product-card[role="button"]{ cursor:pointer; }

.product-body{
  padding:16px;
  display:grid;
  gap:10px;
}

.product-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.product-title{
  margin:0;
  font-size:16px;
  font-weight:700;
  line-height:1.35;
}

.product-desc{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

/* =========================
   UPSELL INTRO PANEL
========================= */
.upsell-intro-panel{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  padding:18px 20px;
  border:1px solid rgba(20,163,112,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 25%, rgba(20,163,112,.10), transparent 28%),
    linear-gradient(135deg, rgba(238,250,245,.96), rgba(255,255,255,.96));
  box-shadow:
    0 8px 22px rgba(20,163,112,.06),
    inset 0 1px 0 rgba(255,255,255,.85);
}

.upsell-intro-icon{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#eefaf5;
  border:1px solid rgba(20,163,112,.18);
  color:var(--brand);
  font-size:30px;
  box-shadow:0 8px 18px rgba(20,163,112,.08);
}

.upsell-intro-copy{
  min-width:0;
}

.upsell-intro-pill{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-bottom:8px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff4e5;
  border:1px solid #f5d39a;
  color:#b45309;
  font-size:11px;
  font-weight:850;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.upsell-intro-copy h3{
  margin:0 0 6px;
  color:var(--text);
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.02em;
}

.upsell-intro-copy p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
  max-width:920px;
}

.upsell-intro-copy p strong{
  color:var(--brand);
}

.upsell-member-benefit{
  margin-top:14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

@media (max-width:640px){
  .upsell-intro-panel{
    grid-template-columns:1fr;
    gap:12px;
    padding:16px;
    text-align:left;
  }

  .upsell-intro-icon{
    width:54px;
    height:54px;
    border-radius:16px;
    font-size:25px;
  }

  .upsell-intro-copy h3{
    font-size:16px;
  }
}

/* =========================
   DFY INTRO PANEL - ORANGE VERSION
========================= */
.upsell-intro-panel-dfy{
  margin:0 0 18px;
  padding:18px 20px;
  border:1px solid rgba(249,115,22,.35);
  border-radius:16px;
  background:linear-gradient(
    180deg,
    rgba(249,115,22,.14),
    rgba(249,115,22,.05)
  );
  box-shadow:
    0 12px 32px rgba(0,0,0,.06),
    0 0 36px rgba(249,115,22,.08);
}

/* Remove the inner box effect */
.upsell-intro-panel-dfy .upsell-intro-copy{
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.upsell-intro-panel-dfy .training-start-kicker{
  display:inline-flex;
  width:fit-content;
  margin-bottom:14px;
  padding:7px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  border:1px solid rgba(249,115,22,.35);
  box-shadow:0 8px 18px rgba(249,115,22,.22);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.upsell-intro-panel-dfy h3{
  margin:0 0 8px;
  color:var(--text);
  font-size:18px;
  line-height:1.35;
}

.upsell-intro-panel-dfy p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

/* Clean member benefit row, not boxed */
.upsell-intro-panel-dfy .upsell-member-benefit{
  margin-top:14px;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.upsell-intro-panel-dfy .upsell-member-benefit p{
  margin:0;
  color:var(--text);
  font-size:13px;
  line-height:1.45;
}

/* =========================
   DFY INTRO PANEL - MOBILE
========================= */
@media (max-width:640px){
  .upsell-intro-panel-dfy{
    padding:14px;
    border-radius:14px;
  }

  .upsell-intro-panel-dfy .training-start-kicker{
    margin-bottom:12px;
    padding:6px 11px;
    font-size:11px;
  }

  .upsell-intro-panel-dfy h3{
    font-size:16px;
    line-height:1.35;
  }

  .upsell-intro-panel-dfy p{
    font-size:13px;
    line-height:1.5;
  }

  .upsell-intro-panel-dfy .upsell-member-benefit p{
    font-size:12.5px;
  }
}
/* =========================
   PRODUCT RATING
========================= */
.product-rating{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#111827;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

.product-rating span:first-child{
  color:#f59e0b;
  font-size:14px;
  line-height:1;
}

.product-rating span:last-child{
  color:var(--muted);
  font-weight:700;
}

/* =========================
   AI SPEED UPGRADE PILL
========================= */
.ai-speed-pill{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin-top:2px;
  padding:10px 12px;
  border:1px solid rgba(249,115,22,.38);
  border-radius:12px;
  background:linear-gradient(
    135deg,
    rgba(255,247,237,.98),
    rgba(255,255,255,.90)
  );
  color:#c2410c;
  font-size:12px;
  font-weight:850;
  line-height:1.25;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80);
}

.ai-speed-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:15px;
  line-height:1;
}

.ai-speed-pill span:nth-child(2){
  flex:1;
}

.ai-speed-info{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1px solid rgba(194,65,12,.45);
  color:#c2410c;
  font-size:11px;
  font-weight:900;
  line-height:1;
  flex-shrink:0;
}

/* =========================
   PRODUCT VALUE PANEL
========================= */
.product-value-panel{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  margin-top:2px;
  padding:13px 14px;
  border:1px solid rgba(20,163,112,.22);
  border-radius:14px;
  background:linear-gradient(
    135deg,
    rgba(238,250,245,.94),
    rgba(255,255,255,.96)
  );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}

.product-price-wrap{
  display:grid;
  gap:4px;
  min-width:0;
}

.product-price-label{
  display:block;
  color:var(--brand);
  font-size:12px;
  font-weight:850;
  line-height:1.2;
}

.product-price-line{
  display:flex;
  align-items:baseline;
  gap:9px;
  line-height:1;
}

.price{
  font-weight:800;
  font-size:14px;
}

.product-price-line .price{
  color:var(--brand);
  font-size:22px;
  font-weight:950;
  letter-spacing:-.035em;
}

.old-price{
  color:var(--muted);
  text-decoration:line-through;
  margin-left:8px;
  font-weight:600;
}

.product-price-line .old-price{
  color:var(--muted);
  font-size:28px;
  font-weight:800;
  opacity:.72;
  margin-left:0;
}

.product-feature-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  padding:8px 11px;
  border-radius:999px;
  background:#fff;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.20);
  font-size:12px;
  font-weight:800;
}

/* Legacy support for any cards still using .product-meta */
.product-meta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  margin-top:4px;
}

.product-meta .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:7px 10px;
  background:#eefaf5;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.16);
  font-size:11px;
  font-weight:700;
}

/* =========================
   PRODUCT CARD ACTIONS
========================= */
.product-actions{
  display:flex;
  justify-content:center;
  padding:14px 16px;
  border-top:1px solid var(--accent);
}

.product-actions .btn{
  width:100%;
  min-width:0;
  max-width:none;
  font-weight:700;
}

/* =========================
   PRODUCT CARD RIBBON
========================= */
.ribbon{
  position:absolute;
  top:12px;
  left:-8px;
  background:var(--brand);
  color:#fff;
  font-size:12px;
  padding:4px 10px;
  border-radius:999px;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
}

/* =========================
   PRODUCT CARD RESPONSIVE
========================= */
@media (max-width:420px){
  .product-topline{
    align-items:flex-start;
  }

  .product-value-panel{
    grid-template-columns:1fr;
    gap:10px;
  }

  .product-feature-pill{
    width:100%;
  }
}

/* =========================
   OFFER CARDS
========================= */
.offer-grid{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}

@media (min-width:640px){
  .offer-grid{ grid-template-columns:1fr 1fr; }
}

@media (min-width:980px){
  .offer-grid{ grid-template-columns:1fr 1fr 1fr; }
}

.offer-card{
  border:1px solid var(--accent);
  background:var(--panel);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow-1);
  display:flex;
  flex-direction:column;
  cursor:default;
}

.offer-card[role="button"]{ cursor:pointer; }

.offer-top{ position:relative; }

.offer-ribbon{
  position:absolute;
  top:12px;
  left:-8px;
  background:var(--brand);
  color:#fff;
  font-size:12px;
  padding:4px 10px;
  border-radius:999px;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
}

.offer-body{
  padding:16px;
  display:grid;
  gap:10px;
}

.offer-title{
  margin:0;
  font-size:16px;
  font-weight:700;
  line-height:1.35;
}

.offer-desc{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.offer-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
}

.tag{
  font-size:12px;
  border:1px solid var(--accent);
  padding:4px 8px;
  border-radius:999px;
  background:#f1f5f9;
  color:#111;
}

[data-theme="dark"] .tag{
  background:#0b1311;
  color:#e6f5ef;
}

.offer-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-direction:column;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid var(--accent);
}

.offer-actions .btn{
  width:auto;
  min-width:160px;
  max-width:220px;
  padding:12px 16px;
}

.offer-actions .btn-ghost{
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 6px 18px rgba(20,163,112,.22);
}

/* =========================
   GUIDE CARDS
========================= */
.guides-grid{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}

@media (min-width:640px){
  .guides-grid{ grid-template-columns:1fr 1fr; }
}

@media (min-width:980px){
  .guides-grid{ grid-template-columns:1fr 1fr 1fr; }
}

.guide-card{
  border:1px solid var(--accent);
  background:var(--panel);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow-1);
  display:flex;
  flex-direction:column;
}


.guide-top.media-rect img{
  filter:drop-shadow(0 14px 20px rgba(19,39,48,.10));
}

.guide-body{
  padding:16px;
  display:grid;
  gap:10px;
  flex-grow:1;
}

.guide-title{
  margin:0;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
}

.guide-desc{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.guide-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
}

.guide-tag{
  font-size:12px;
  border:1px solid var(--accent);
  padding:4px 8px;
  border-radius:999px;
  background:#f1f5f9;
  color:#111;
}

[data-theme="dark"] .guide-tag{
  background:#0b1311;
  color:#e6f5ef;
}

.guide-actions{
  display:flex;
  gap:10px;
  padding:14px 16px;
  border-top:1px solid var(--accent);
  justify-content:center;
}

.guide-actions .btn{ min-width:160px; }

.guide-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  color:#b45309;
  background:#fff4e5;
  border:1px solid #f5d39a;
  border-radius:999px;
  padding:5px 10px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}

[data-theme="dark"] .guide-kicker{
  color:#f5c56c;
  background:#2a2113;
  border-color:#5c4722;
}

.featured-guide{
  border-color:color-mix(in oklab, var(--brand) 28%, var(--accent) 72%);
  box-shadow:0 10px 26px rgba(0,0,0,.08);
}

.guide-note,
.aff-note{
  font-size:12.5px;
  color:var(--muted);
  margin-top:10px;
}

/* =========================
   HOVER STATES
========================= */
@media (hover:hover){
  .product-card,
  .offer-card,
  .guide-card,
  .module,
  .updates-card{
    transition:transform .15s ease, box-shadow .15s ease;
  }

  .product-card:hover,
  .offer-card:hover,
  .guide-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-2);
  }

  .module:hover{
    transform:translateY(-2px);
    box-shadow:var(--shadow-2);
  }

  .updates-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-2);
  }
}

/* =========================
   FAQ DETAILS
========================= */
details:not(.updates-card details){
  border:1px solid var(--accent);
  border-radius:12px;
  padding:10px 12px;
  background:var(--panel);
}

details + details{ margin-top:10px; }

summary{
  cursor:pointer;
  list-style:none;
}

summary::after{ content:""; }

/* =========================
   MODAL
========================= */
.modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:100;
  overflow-x:hidden;
}

.modal[aria-hidden="false"]{ display:flex; }

.modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(2px);
  opacity:0;
  transition:opacity .25s ease;
}

.modal[aria-hidden="false"] .modal-backdrop{ opacity:1; }

.modal-dialog{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:auto 1fr;
  width:100vw;
  height:100dvh;
  background:var(--panel);
  border:1px solid var(--accent);
  border-radius:0;
  box-shadow:var(--shadow-2);
  transform:translateY(10px);
  opacity:0;
  transition:transform .25s ease, opacity .25s ease;
  overflow-x:hidden;
}

.modal[aria-hidden="false"] .modal-dialog{
  transform:translateY(0);
  opacity:1;
}

@media (min-width:900px){
  .modal-dialog{
    inset:auto;
    top:5vh;
    left:50%;
    transform:translate(-50%,10px);
    width:min(980px,96vw);
    height:90vh;
    border-radius:24px;
    overflow:hidden;
  }

  .modal[aria-hidden="false"] .modal-dialog{
    transform:translate(-50%,0);
  }
}

.modal-header{
  position:sticky;
  top:0;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid var(--accent);
  background:linear-gradient(180deg,var(--panel) 75%, rgba(255,255,255,0));
  backdrop-filter:saturate(1.05) blur(4px);
}

.modal-title{
  margin:0;
  font-size:16px;
  text-align:center;
}

.modal-close,
.modal-back-btn{
  border:1px solid var(--accent);
  background:transparent;
  border-radius:10px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.modal-close:hover,
.modal-back-btn:hover{
  background:var(--panel-2);
  border-color:#dfe3e8;
}

.modal-body{
  overflow:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding:0;
}

/* =========================
   MODAL NARROW
========================= */
.modal.narrow .modal-dialog{
  width:min(760px,96vw);
  height:auto;
  max-height:90vh;
}

.modal.narrow .modal-body{ padding:0; }
.modal.narrow .modal-body > *{
  max-width:720px;
  margin:0 auto;
}

.modal.narrow .ms-grid{
  grid-template-columns:1fr !important;
  padding:18px;
}

.modal.narrow .ms-visual{ display:none !important; }

@media (max-width:899.98px){
  .modal.narrow .modal-dialog{
    position:absolute;
    inset:0;
    width:100svw;
    height:100dvh;
    max-width:none;
    margin:0;
    border-radius:0;
    overflow:hidden;
  }

  .modal.narrow .modal-header{
    position:sticky;
    top:0;
    padding-left:max(12px, env(safe-area-inset-left));
    padding-right:max(12px, env(safe-area-inset-right));
    min-height:52px;
  }

  .modal.narrow .modal-body{
    height:calc(100dvh - 52px);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
}

.modal.narrow .modal-body > .ms-wrap{
  max-width:none;
  margin:0;
}

.modal.narrow .ms-hero{
  width:100%;
  border-radius:0;
}

.modal.narrow .ms-grid,
.modal.narrow .ms-desc,
.modal.narrow .ms-testis,
.modal.narrow .ms-includes,
.modal.narrow .ms-guarantee{
  max-width:720px;
  margin:0 auto;
}

@media (min-width:900px){
  .modal.narrow .modal-body > #modalDynamic,
  .modal.narrow .modal-body > #modalDynamic > .ms-wrap{
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .modal.narrow #modalDynamic .ms-hero{
    width:100% !important;
    border-radius:0;
  }

  .modal.narrow #modalDynamic .ms-grid,
  .modal.narrow #modalDynamic .ms-desc,
  .modal.narrow #modalDynamic .ms-testis,
  .modal.narrow #modalDynamic .ms-includes,
  .modal.narrow #modalDynamic .ms-guarantee{
    max-width:720px;
    margin:0 auto;
  }
}

/* =========================
   MODAL CONTENT
========================= */
.ms-wrap{ display:grid; gap:0; }

.ms-hero{
  position:relative;
  background:linear-gradient(135deg,rgba(20,163,112,.15),rgba(11,122,85,.08));
  border-bottom:1px solid var(--accent);
  padding:18px;
}

.ms-badge{
  display:inline-block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.4px;
  background:var(--brand);
  color:#fff;
  padding:4px 10px;
  border-radius:999px;
}

.ms-title{
  font-size:clamp(22px,2.6vw,28px);
  margin:10px 0 6px;
}

.ms-sub{
  color:var(--muted);
  margin:0;
}

.ms-grid{
  display:grid;
  gap:18px;
  grid-template-columns:1fr;
  padding:18px;
}

@media (min-width:900px){
  .ms-grid{ grid-template-columns:1.2fr 1fr; }
}

.ms-copy{
  display:grid;
  gap:12px;
  align-content:start;
}

@media (min-width:900px){
  .ms-grid .ms-copy{
    display:flex;
    flex-direction:column;
  }

  .ms-grid .ms-copy .ms-cta{ margin-top:auto; }
  .ms-grid .ms-copy .ms-note{ text-align:center; }
}

.ms-price{
  display:flex;
  align-items:baseline;
  gap:10px;
}

.ms-price .price{
  font-size:22px;
  font-weight:800;
}

.pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pill-chip{
  font-size:12px;
  color:#111;
  background:#f1f5f9;
  border:1px solid var(--accent);
  border-radius:999px;
  padding:6px 10px;
}

[data-theme="dark"] .pill-chip{
  color:#e6f5ef;
  background:#0b1311;
}

.checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
  color:var(--text);
}

.checklist li{
  display:flex;
  align-items:center;
  gap:10px;
}

.checklist .check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  background:var(--success, #0aaf67);
  color:#fff;
  border-radius:50%;
  font-size:13px;
  font-weight:700;
  flex-shrink:0;
}

/* DFY checklist: centre the whole block, keep text left-aligned */
.dfy-checklist-grid{
  max-width:600px;
  margin:14px auto 22px;
}

.core-wrap{
  display:flex;
  align-items:center;
  gap:14px;
}

.core-thumb{
  flex:0 0 125px;
  height:150px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--accent);
  background:var(--panel-2);
}

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

.core-copy p{ margin:0 0 6px; }

@media (max-width:560px){
  .core-wrap{ align-items:flex-start; }
}

.ms-cta{
  display:flex;
  justify-content:center;
}

.ms-cta .btn{ min-width:200px; }

.ms-note{
  margin:0;
  line-height:1.2;
  font-size:14px;
  text-align:center;
}

.ms-note + .ms-note{ margin-top:2px; }

@media (max-width:480px){
  .ms-note{ display:none; }
}

.ms-includes{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
  padding:0 18px 18px;
}

@media (min-width:700px){
  .ms-includes{ grid-template-columns:repeat(4,1fr); }
}

.ms-inc{
  border:1px solid var(--accent);
  border-radius:14px;
  padding:12px;
  background:var(--panel);
  text-align:center;
}

.ms-inc .big{
  font-weight:800;
  font-size:18px;
}

.ms-inc .small{
  color:var(--muted);
  font-size:12px;
}

.ms-guarantee{
  margin:0 18px 18px;
  padding:12px 14px;
  border:1px solid var(--accent);
  border-radius:14px;
  background:linear-gradient(0deg,var(--panel-2),var(--panel));
  font-size:14px;
  display:flex;
  gap:10px;
  align-items:center;
}

.ms-guarantee .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--success);
  box-shadow:0 0 0 4px color-mix(in oklab, var(--success), transparent 80%);
}

.ms-desc{
  margin:0 18px 16px;
  padding:16px;
  border:1px solid var(--accent);
  border-radius:14px;
  background:var(--panel);
}

.ms-desc h4{
  margin:0 0 8px;
  font-size:16px;
}

.ms-desc p{ margin:0 0 10px; }

.ms-testis{
  margin:0 18px 24px;
  display:grid;
  gap:12px;
}

.ms-testis h4{
  margin:0;
  font-size:16px;
}

/* =========================
   TESTIMONIALS
========================= */
.t-grid{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}

@media (min-width:900px){
  .t-grid{ grid-template-columns:repeat(3,1fr); }
}

.t-card{
  background:var(--panel);
  border:1px solid var(--accent);
  border-radius:14px;
  padding:14px;
  box-shadow:var(--shadow-1);
}

.t-quote{
  margin:0 0 10px;
  font-size:14px;
}

.t-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:var(--muted);
}

.t-avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
  font-weight:700;
  border:1px solid color-mix(in oklab, #fff, transparent 70%);
}

.t-name{
  font-weight:700;
  color:var(--text);
  font-size:13px;
}

.t-stars{
  font-size:12px;
  letter-spacing:.25px;
  color:#f59e0b;
}

/* =========================
   MODULES
========================= */
.modules{
  display:grid;
  gap:12px;
}

.module{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  background:var(--panel-2);
  border:1px solid var(--accent);
  border-radius:12px;
  padding:12px;
}

.mod-idx{
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(20,163,112,.12),rgba(11,122,85,.12));
  border:1px solid var(--accent);
  font-weight:700;
}

.module h4{
  margin:0;
  font-size:15px;
}

.module p{
  margin:.25rem 0 0;
  color:var(--muted);
  font-size:13px;
}

.module .btn{
  padding:10px 14px;
}

@media (max-width:640px){
  .module{
    grid-template-columns:auto 1fr;
    align-items:start;
  }

  .module .btn{
    grid-column:1 / -1;
    width:100%;
    margin-top:6px;
  }
}

/* =========================
   SUPPORT GRID / HELP CARD
========================= */
.support-grid{ display:grid; gap:12px; }

@media (max-width:859.98px){
  .support-grid{ grid-template-columns:1fr; }
}

@media (min-width:860px){
  .support-grid{
    grid-template-columns:2fr 1fr;
    align-items:stretch;
  }
}

.support-grid > *{ margin-top:0 !important; }

.support-grid .card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.support-grid .card .bd{ flex:1; }

.support-card-body{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.support-lead{
  font-weight:700;
  font-size:16px;
  margin:0;
}

.support-contact-wrap{ margin-top:6px; }

.support-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 6px 18px rgba(20,163,112,.22);
  text-align:center;
  word-break:break-word;
}

.support-pill:hover{ transform:translateY(-1px); }

.support-pill:focus-visible{
  outline:none;
  box-shadow:var(--focus);
}

/* =========================
   FOOTER
========================= */
footer{
  margin-top:40px;
  padding:28px 0 60px;
  background:var(--panel);
  border-top:1px solid var(--accent);
  color:var(--text);
  font-size:13px;
}

footer .foot-wrap{
  width:min(1100px,92vw);
  margin:0 auto;
  padding:0 clamp(16px,2vw,28px);
}

footer p{
  max-width:900px;
  margin:.5rem auto;
  color:var(--muted);
  text-align:center;
}

.footer-nav{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin:12px 0 0;
}

.foot-link{
  appearance:none;
  border:1px solid var(--accent);
  background:transparent;
  color:inherit;
  cursor:pointer;
  border-radius:999px;
  padding:6px 12px;
  font-size:13px;
}

.foot-link:focus-visible{
  outline:none;
  box-shadow:var(--focus);
}

.copy{
  color:var(--muted);
  text-align:center;
  margin-top:10px;
}

/* =========================
   BODY / GLOBAL STATES
========================= */
body.no-scroll{ overflow:hidden; }

.hidden{ display:none !important; }

/* =========================
   MOBILE CTA VISIBILITY
========================= */
@media (max-width:640px){
  .product-actions .btn,
  .offer-actions .btn,
  .guide-actions .btn{
    width:100%;
    max-width:none;
  }
}

/* =========================
   MODAL STICKY CTA
========================= */
.ms-sticky{
  position:sticky;
  bottom:0;
  background:var(--panel) !important;
  border-top:1px solid var(--accent);
  padding:14px 18px calc(10px + env(safe-area-inset-bottom));
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 -6px 18px rgba(0,0,0,.06);
  text-align:center;
  width:100%;
  z-index:1;
}

[data-theme="dark"] .ms-sticky{
  background:var(--panel) !important;
}

.ms-sticky .btn{
  min-width:220px;
  margin:0 0 6px 0;
}

.ms-sticky .guarantee{
  font-size:12px;
  color:var(--muted);
  margin:0;
}

@media (max-width:979.98px){
  .ms-sticky{ display:flex; }
  .ms-cta{ display:none; }
}

/* =========================
   UNLOCK STATES
========================= */
.product-card.locked {
  opacity: 1;
}

/* Unlocked Recommended Add-on card */
.product-card.unlocked {
  background: linear-gradient(180deg, rgba(220,252,231,0.96), rgba(255,255,255,0.94));
  border: 3px solid rgba(20,163,112,0.85);  /* thicker border */
  box-shadow: 0 14px 36px rgba(20,163,112,0.22), inset 0 1px 0 rgba(255,255,255,0.85);
  border-radius: 18px;
}

.product-card.unlocked > * {
  position: relative;
  z-index: 1;
}

.product-card.unlocked .product-title {
  color: #064e3b;
}

.product-card.unlocked .product-desc {
  color: #42635a;
}

/* =========================
   UNLOCKED PANEL MATCHING PRICE PANEL
========================= */
.product-card.unlocked .product-unlocked-panel {
  display: flex;
  align-items: center;          /* vertically center the checkmark and text */
  justify-content: center;      /* horizontally center content */
  gap: 16px;
  
  min-height: 58px;             /* match original .product-value-panel height */
  padding: 20.3px 20px;      /* same padding as price panel */
  
  margin-top: 3px;             /* NEW: adds space between AI Speed Boost pill and panel */
  
  border-radius: 14px;          /* same as price panel */
  background: linear-gradient(135deg, rgba(238,252,245,.94), rgba(255,255,255,.96));
  border: 1px solid rgba(20,163,112,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);

  font-weight: 700;
  color: #064e3b;
  text-transform: uppercase;    /* force text to all caps */
}

.product-card.unlocked .ai-speed-pill {
  padding: 10px 10px;  /* taller vertical padding for unlocked card only */
  line-height: 1.4;    /* ensures text stays centered */
}

.product-card.unlocked .product-unlocked-icon {
  font-size: 18px;
  line-height: 1;
}

/* Hide ribbon for unlocked cards */
.product-card.unlocked .ribbon {
  display: none;
}

/* Module unlocked state (existing) */
.module.unlocked {
  border-color: var(--success);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--success), transparent 85%);
  background: color-mix(in oklab, var(--success) 4%, white 96%);
}

.module.unlocked::after {
  content: none;
}

@media (hover:hover) {
  .module.unlocked:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-2);
  }
}
/* =========================
   SUBSCRIPTION NOTE
========================= */
.subscription-note{
  margin-top:12px;
  padding:10px 14px;
  background:#f6f7f8;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:8px;
  font-size:.75rem;
  line-height:1.4;
  color:#777;
  text-align:center;
}

.subscription-note p{ margin:0; }

.subscription-note .subtle{
  margin-top:4px;
  font-size:.75rem;
  color:#888;
}

/* =========================
   MODAL DYNAMIC REFINEMENTS
========================= */
#modalDynamic .ms-desc{ margin-top:0; }
#modalDynamic .ms-desc p:last-child{ margin-bottom:0; }

#modalDynamic .offer-media{
  border-bottom:none;
  border-radius:16px;
  border:1px solid var(--accent);
}

#modalDynamic .ms-hero{ padding:20px; }
#modalDynamic .ms-grid{ padding-top:16px; }

#modalDynamic .ms-cta .btn{
  min-width:240px;
  padding:14px 18px;
  border-radius:12px;
}

.spacer{ height:28px; }

/* =========================
   EXPANDABLE DFY SECTION
========================= */
.card-expand{
  height:0;
  overflow:hidden;
  opacity:0;
  transition:height .42s ease, opacity .28s ease;
}

.card-expand.open{
  opacity:1;
}

.dfy-card .card-expand.open{
  margin-top:0;
  padding:0;
  border-top:none;
  background:transparent;
}

/* =========================
   DFY IMAGE-BOTTOM ALIGNED DIVIDER
========================= */
.dfy-soft-divider{
  display:none;
}

.dfy-card-inner{
  position:relative;
}

.dfy-card-inner::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:38px;
  background:linear-gradient(
    180deg,
    rgba(255,122,24,0) 0%,
    rgba(255,122,24,0.08) 58%,
    rgba(255,122,24,0.16) 100%
  );
  pointer-events:none;
  z-index:2;
}

.dfy-card-inner::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,122,24,0.55);
  pointer-events:none;
  z-index:3;
}

.dfy-card-media,
.dfy-card-body{
  position:relative;
  z-index:1;
}

/* =========================
   DFY CARD
========================= */
.dfy-card{
  border:1px solid rgba(249,115,22,.35);
  background:linear-gradient(
    180deg,
    rgba(249,115,22,.14),
    rgba(249,115,22,.05)
  );
  box-shadow:
    0 12px 32px rgba(0,0,0,.08),
    0 0 36px rgba(249,115,22,.10);
}

.dfy-card-wide{
  overflow:hidden;
}

.dfy-card-inner{
  display:grid;
  grid-template-columns:1fr;
  background:linear-gradient(
    180deg,
    rgba(249,115,22,.18),
    rgba(255,255,255,.55)
  );
}

.dfy-card-body{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.dfy-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.dfy-card-head .product-title{
  margin:0;
  font-size:18px;
  line-height:1.35;
  flex:1;
}

.dfy-pill{
  flex-shrink:0;
  align-self:flex-start;
  margin-top:2px;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  border:1px solid rgba(249,115,22,.45);
}

.dfy-offer-label{
  display:inline-block;
  width:fit-content;
  padding:6px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand-2),var(--brand));
  color:#fff;
  font-size:12px;
  font-weight:600;
  box-shadow:0 6px 16px rgba(20,163,112,.24);
}

.dfy-title{
  margin:0;
  font-size:20px;
  font-weight:700;
  color:#fff;
}

.dfy-section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

/* =========================
   DFY TOP COPY AREA
========================= */
.dfy-copy-block{
  display:grid;
  gap:10px;
  width:100%;
}

.dfy-mini-kicker{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  justify-content:center;
  padding:6px 11px;
  border:1px solid rgba(249,115,22,.24);
  border-radius:999px;
  background:rgba(255,255,255,.65);
  color:#9a3412;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.dfy-card-head .product-title{
  margin:0;
  max-width:720px;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.dfy-lead-copy{
  max-width:760px;
  margin:0;
  color:#1f2937 !important;
  font-size:14px;
  line-height:1.55;
}

.dfy-ideal-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:2px;
}

.dfy-ideal-row span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:999px;
  background:rgba(20,163,112,.08);
  color:#0f5132;
  font-size:12px;
  font-weight:700;
}

/* Mobile */
@media (max-width:640px){
  .dfy-card-head .product-title{
    font-size:19px;
  }

  .dfy-lead-copy{
    font-size:13px;
  }

  .dfy-ideal-row span{
    font-size:11.5px;
    padding:5px 9px;
  }
}

/* =========================
   DFY CHECKLIST
========================= */
.dfy-checklist-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px 24px;
  margin:18px 0 22px;
}

.dfy-checklist-grid li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  line-height:1.4;
}

/* =========================
   DFY OFFER / PRICE BOX
========================= */
.dfy-offer-box{
  position:relative;
  margin-top:22px;
  padding:32px 22px 24px;
  border:1px solid rgba(249,115,22,.35);
  border-radius:16px;
  background:rgba(255,255,255,.58);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  box-shadow:
    0 12px 28px rgba(249,115,22,.12),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.dfy-urgency{
  position:absolute;
  top:-15px;
  left:50%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#f97316,#ea580c);
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(249,115,22,.35);
  animation:dfyPulse 2.4s ease-in-out infinite;
}

@keyframes dfyPulse{
  0%,100%{
    transform:translateX(-50%) scale(1);
    box-shadow:0 6px 16px rgba(249,115,22,.28);
  }

  50%{
    transform:translateX(-50%) scale(1.035);
    box-shadow:0 8px 22px rgba(249,115,22,.42);
  }
}

@media (prefers-reduced-motion:reduce){
  .dfy-urgency{
    animation:none;
  }
}

/* =========================
   DFY STACKED PRICE / CTA / GUARANTEE
========================= */
.dfy-price-stack{
  width:100%;
  max-width:560px;
  display:grid;
  gap:12px;
  margin-top:4px;
}

.dfy-price-main,
.dfy-guarantee-mini{
  border:1px solid rgba(249,115,22,.16);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  padding:14px 16px;
}

.dfy-price-main-full{
  width:100%;
}

.dfy-price-label{
  display:block;
  margin-bottom:6px;
  color:#9a3412;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
}

.dfy-price-row{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
}

.dfy-price-row .price{
  color:var(--brand);
  font-size:48px;
  font-weight:900;
  line-height:1;
}

.dfy-price-row .old-price{
  color:var(--muted);
  font-size:28px;
  font-weight:700;
  opacity:.7;
  text-decoration:line-through;
  transform:translateY(-5px);
}

.dfy-price-main .dfy-value{
  max-width:75%;
  margin:0 auto;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}

.dfy-value{
  margin:0;
  max-width:380px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

/* Full-width CTA inside the stacked price area */
.dfy-offer-box .btn,
.dfy-offer-box .dfy-cta-full{
  width:100%;
  max-width:none;
  align-self:stretch;
  margin-top:0;
  padding:16px 24px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:20px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(20,163,112,.35);
}

.dfy-offer-box .btn:hover,
.dfy-offer-box .dfy-cta-full:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(20,163,112,.45);
}

.dfy-offer-box .btn::before,
.dfy-offer-box .dfy-cta-full::before{
  content:"\1F680";
  color:#fff;
  font-size:17px;
  line-height:1;
}

/* Guarantee panel */
.dfy-guarantee-full{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:12px;
  text-align:left;
}

.dfy-guarantee-full span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:999px;
  background:rgba(20,163,112,.10);
  border:1px solid rgba(20,163,112,.18);
  font-size:17px;
}

.dfy-guarantee-full strong{
  display:block;
  color:var(--text);
  font-size:18px;
  line-height:1.25;
}

.dfy-guarantee-full small{
  display:block;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}

/* Legacy price line support, if used elsewhere */
.dfy-price-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:15px;
  flex-wrap:wrap;
}

.dfy-price-line .label{
  color:var(--text);
}

.dfy-price-line .price{
  color:var(--brand);
  font-size:28px;
  font-weight:900;
  line-height:1;
}

.dfy-price-line .old-price{
  margin-left:4px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
  opacity:.7;
  text-decoration:line-through;
}

/* =========================
   DFY STATIC PROOF / REVIEWS
========================= */
.dfy-expanded-proof{
  display:grid;
  gap:14px;
  padding:16px 18px 18px;
}

.dfy-proof-static{
  width:100%;
  max-width:none;
  margin:16px 0 0;
  padding:0;
  box-sizing:border-box;
}

.dfy-expanded-proof.dfy-proof-static{
  padding:0;
}

.dfy-proof-static .dfy-review-strip,
.dfy-proof-static .dfy-benefits{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

.dfy-proof-static .dfy-review-strip{
  margin:0;
}

.dfy-proof-static .dfy-benefits{
  margin:16px 0 0;
}

/* =========================
   DFY REVIEW STRIP
========================= */
.dfy-review-strip{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  padding:14px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 24px rgba(0,0,0,.045);
}

.dfy-review{
  padding:12px 14px;
  border:1px solid rgba(249,115,22,.08);
  border-radius:13px;
  background:rgba(255,255,255,.55);
  box-shadow:none;
}

.dfy-review-stars{
  margin-bottom:6px;
  color:#f59e0b;
  letter-spacing:.8px;
  font-size:.9rem;
}

.dfy-review p{
  margin:0 0 8px;
  color:#1f2937;
  font-size:.84rem;
  line-height:1.45;
  font-style:italic;
}

.dfy-review strong{
  display:block;
  color:#0f5132;
  font-size:.76rem;
}

/* =========================
   DFY BENEFITS
========================= */
.dfy-benefits{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:14px;
  border:1px solid rgba(249,115,22,.35);
  border-radius:16px;
  background:rgba(255,255,255,.6);
}

.dfy-benefit{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
}

.dfy-icon{
  font-size:18px;
  line-height:1;
}

.dfy-benefit strong{
  display:block;
  margin-bottom:2px;
  font-size:14px;
}

.dfy-benefit p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}

/* =========================
   DFY SALES PAGE
========================= */
.dfy-sales-page{
  width:100%;
  margin:0;
  padding:34px 20px 42px;
  border:none;
  border-radius:0;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.55) 0%,
    rgba(249,115,22,.10) 22%,
    rgba(249,115,22,.06) 68%,
    rgba(255,255,255,.45) 100%
  );
  box-shadow:none;
}

.dfy-sales-hero,
.dfy-sales-section{
  max-width:980px;
  margin:0 auto;
  padding:34px 0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.dfy-sales-hero{
  padding-top:8px;
  text-align:center;
}

.dfy-sales-section + .dfy-sales-section,
.dfy-sales-hero + .dfy-sales-section{
  border-top:1px solid rgba(249,115,22,.20);
}

.dfy-sales-badge{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(249,115,22,.22);
}

.dfy-sales-hero h2{
  max-width:820px;
  margin:0 auto 14px;
  font-size:clamp(34px,5vw,54px);
  line-height:1.05;
}

.dfy-sales-section h3{
  max-width:820px;
  margin:0 auto 18px;
  font-size:clamp(26px,3vw,38px);
  line-height:1.12;
  text-align:center;
}

.dfy-sales-hero p,
.dfy-sales-section p{
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}

.dfy-sales-hero p{
  max-width:760px;
  margin:0 auto 18px;
}

.dfy-sales-image{
  max-width:640px;
  margin:24px auto;
  border:1px solid rgba(249,115,22,.22);
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.55);
  box-shadow:0 12px 28px rgba(249,115,22,.12);
}

.dfy-sales-image img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.dfy-sales-price{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:14px 0 8px;
}

.dfy-sales-price .old-price{
  color:var(--muted);
  text-decoration:line-through;
  font-size:20px;
  font-weight:700;
}

.dfy-sales-price .new-price{
  color:#ea580c;
  font-size:46px;
  font-weight:900;
  line-height:1;
}

.dfy-sales-small{
  margin:0 auto 16px;
  font-size:13px !important;
}

.dfy-sales-cta{
  min-width:280px;
  padding:15px 22px;
  font-weight:800;
}

.dfy-sales-pill-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0 auto 22px;
}

.dfy-sales-pill-row span{
  padding:7px 12px;
  border:1px solid rgba(249,115,22,.24);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#9a3412;
  font-size:12px;
  font-weight:700;
}

.dfy-sales-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.dfy-sales-feature,
.dfy-sales-checklist li,
.t-card,
.value-card-row{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(6px);

  -webkit-backdrop-filter:blur(6px);
}

.dfy-sales-feature{
  padding:18px;
  border:1px solid rgba(249,115,22,.22);
  border-radius:18px;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.dfy-sales-feature h4{
  margin:0 0 8px;
  font-size:18px;
}

.dfy-sales-feature p{
  margin:0;
  color:var(--muted);
}

.dfy-sales-highlight,
.dfy-sales-cta-box{
  padding:34px 22px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:22px;
  background:rgba(255,255,255,.44);
  text-align:center;
}

.dfy-sales-highlight p,
.dfy-sales-cta-box p{
  max-width:760px;
  margin:0 auto 12px;
}

.dfy-sales-checklist{
  list-style:none;
  padding:0;
  margin:0 auto;
  max-width:760px;
  display:grid;
  gap:12px;
}

.dfy-sales-checklist li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px 15px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:14px;
  font-size:15px;
}

.dfy-sales-checklist span{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  flex-shrink:0;
  border-radius:50%;
  background:var(--success);
  color:#fff;
  font-weight:900;
}

.dfy-sales-callout{
  max-width:760px;
  margin:18px auto;
  display:grid;
  gap:8px;
  padding:18px;
  border:1px solid rgba(249,115,22,.20);
  border-radius:18px;
  background:rgba(255,255,255,.62);
  text-align:center;
}

.dfy-compare{
  display:grid;
  gap:16px;
  margin-top:14px;
}

.dfy-col{
  padding:18px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:16px;
  background:rgba(255,255,255,.64);
}

.dfy-col h4,
.dfy-col h5{
  margin:0 0 10px;
  font-size:17px;
}

.dfy-col ul{
  margin:0;
  padding-left:18px;
  color:var(--muted);
}

.dfy-with{
  border-color:rgba(249,115,22,.35);
  background:rgba(255,255,255,.78);
}

.dfy-sales-stat-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  max-width:760px;
  margin:20px auto;
}

.dfy-sales-stat-grid div{
  padding:18px 12px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:16px;
  background:rgba(255,255,255,.70);
  text-align:center;
  font-weight:800;
}

.dfy-sales-urgency{
  color:#ea580c !important;
  font-weight:800;
  margin-top:14px !important;
}

/* =========================
   DFY VALUE STACK
========================= */
.value-stack-cards{
  max-width:760px;
  margin:14px auto 0;
  display:grid;
  gap:10px;
}

.value-card-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:12px;
}

.value-card-left{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

.value-card-left .check{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:1px;
  border-radius:50%;
  background:var(--success);
  color:#fff;
  font-size:13px;
  font-weight:700;
}

.value-card-left span:last-child{
  color:var(--text);
  font-size:15px;
  line-height:1.45;
}

.value-card-price{
  color:var(--text);
  font-size:20px;
  font-weight:800;
  white-space:nowrap;
}

.value-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 4px;
  border-top:1px dashed rgba(249,115,22,.35);
  color:var(--muted);
  font-size:18px;
  font-weight:700;
}

.value-anchor-price{
  text-decoration:line-through;
  opacity:.75;
  font-weight:800;
}

.value-special-card{
  margin-top:10px;
  padding:18px 20px;
  border:1px solid rgba(249,115,22,.42);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(249,115,22,.22),rgba(234,88,12,.08));
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  box-shadow:0 12px 30px rgba(249,115,22,.12);
}

.value-special-left{
  display:flex;
  flex-direction:column;
}

.value-special-label{
  color:#ea580c;
  font-size:18px;
  font-weight:800;
}

.value-special-sub{
  color:var(--muted);
  font-size:12px;
}

.value-special-price{
  color:#ea580c;
  font-size:42px;
  font-weight:900;
  line-height:1;
}

/* =========================
   DFY STACK INTRO
========================= */
.dfy-stack-intro{
  max-width:900px;
  margin:0 auto;
  padding:48px 20px;
  border-bottom:1px solid rgba(249,115,22,.18);
  text-align:center;
}

.dfy-stack-badge{
  display:inline-block;
  margin-bottom:14px;
  padding:7px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.dfy-stack-intro h2{
  max-width:760px;
  margin:0 auto 14px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.04;
  letter-spacing:-.04em;
}

.dfy-stack-intro h2 span{
  color:var(--brand);
}

.dfy-stack-intro p{
  max-width:640px;
  margin:0 auto 28px;
  color:var(--muted);
  font-size:17px;
  line-height:1.6;
}

.dfy-stack-image{
  max-width:620px;
  margin:0 auto 26px;
  border:1px solid rgba(249,115,22,.25);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 36px rgba(249,115,22,.12);
}

.dfy-stack-image img{
  width:100%;
  display:block;
}

.dfy-stack-points{
  max-width:620px;
  margin:0 auto;
  display:grid;
  gap:10px;
}

.dfy-stack-points div{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding:13px 16px;
  border:1px solid rgba(20,163,112,.18);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  font-weight:700;
}

.dfy-stack-points span{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--success);
  color:#fff;
  font-size:12px;
}

/* =========================
   DFY SALES PAGE EXTRA HELPERS
========================= */
.dfy-inline-checks{
  max-width:820px;
  margin:18px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}

.dfy-inline-checks span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:999px;
  background:rgba(20,163,112,.08);
  color:#0f5132;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
}

.dfy-quote-stack{
  max-width:760px;
  margin:20px auto;
  display:grid;
  gap:10px;
}

.dfy-quote-stack blockquote{
  margin:0;
  padding:14px 16px;
  border-left:4px solid #ea580c;
  border-radius:12px;
  background:rgba(249,115,22,.08);
  color:var(--text);
  font-size:15px;
  font-weight:800;
  line-height:1.45;
}

.dfy-pain-list.positive span{
  border-color:rgba(20,163,112,.18);
  background:rgba(20,163,112,.07);
}

.dfy-big-lines.light-version span{
  background:rgba(20,163,112,.08);
  border:1px solid rgba(20,163,112,.16);
  color:#0f5132;
}

/* Mobile tidy-up */
@media (max-width:640px){
  .dfy-inline-checks{
    justify-content:flex-start;
  }

  .dfy-inline-checks span{
    width:100%;
    justify-content:flex-start;
    border-radius:12px;
    font-size:12.5px;
  }

  .dfy-quote-stack blockquote{
    font-size:14px;
  }
}

/* =========================
   DFY EXPAND SALES PAGE V3
   Full-width stacked sales page
========================= */
.dfy-stack-intro{
  width:100%;
  padding:0;
  background:linear-gradient(
    180deg,
    rgba(255,244,235,.95) 0%,
    rgba(255,237,213,.72) 38%,
    rgba(255,250,245,.95) 100%
  );
  border-top:1px solid rgba(249,115,22,.28);
}

/* =========================
   FULL-WIDTH PAGE SECTIONS
========================= */
.dfy-sales-hero-v2,
.dfy-sales-section-v2,
.dfy-dark-band,
.dfy-problem-block,
.dfy-full-image-block,
.dfy-value-section-v2,
.dfy-guarantee-v2,
.dfy-final-cta-v2{
  width:100%;
  max-width:none;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  border-bottom:1px solid rgba(249,115,22,.22);
}

/* Page spacing */
.dfy-sales-section-v2,
.dfy-problem-block,
.dfy-value-section-v2,
.dfy-guarantee-v2,
.dfy-final-cta-v2{
  padding:52px 42px;
}

/* Inner readable width without creating card containers */
.dfy-section-copy,
.dfy-hero-copy-v2,
.dfy-dark-band > *,
.dfy-final-cta-v2 > *,
.dfy-guarantee-v2 > div,
.dfy-value-section-v2 > *,
.dfy-problem-block > *{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

/* Remove centre-by-default feel */
.dfy-section-copy{
  text-align:left;
}

.dfy-section-copy.centre{
  text-align:center;
}

/* =========================
   TYPOGRAPHY
========================= */
.dfy-section-copy h3,
.dfy-dark-band h3,
.dfy-final-cta-v2 h3,
.dfy-guarantee-v2 h3,
.dfy-urgency-card-v2 h3{
  margin:0 0 18px;
  color:var(--text);
  font-size:clamp(30px,4vw,52px);
  line-height:1.04;
  letter-spacing:-.045em;
}

.dfy-section-copy p,
.dfy-sales-hero-v2 p,
.dfy-dark-band p,
.dfy-final-cta-v2 p,
.dfy-guarantee-v2 p,
.dfy-urgency-card-v2 p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.dfy-sales-kicker,
.dfy-section-label{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
  box-shadow:0 8px 18px rgba(249,115,22,.22);
}

.dfy-section-label{
  background:rgba(20,163,112,.10);
  color:#0f5132;
  border:1px solid rgba(20,163,112,.18);
  box-shadow:none;
}

.dfy-section-label.light{
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
}

/* =========================
   STACKED HERO
========================= */
.dfy-sales-hero-v2{
  display:block;
  padding:58px 42px 48px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.18), transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,247,237,.78));
}

.dfy-hero-copy-v2{
  padding:0;
  text-align:center;
}

.dfy-hero-copy-v2 h2{
  max-width:980px;
  margin:0 auto 18px;
  color:var(--text);
  font-size:clamp(40px,6vw,76px);
  line-height:.98;
  letter-spacing:-.06em;
}

.dfy-sales-subhead{
  max-width:760px;
  margin:0 auto 20px !important;
  color:#0f5132 !important;
  font-size:clamp(18px,2.2vw,24px) !important;
  font-weight:900;
  line-height:1.35 !important;
}

.dfy-hero-copy-v2 > p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.dfy-hero-checks{
  max-width:900px;
  margin:24px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.dfy-hero-checks span,
.dfy-trust-row span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(20,163,112,.16);
  background:rgba(20,163,112,.08);
  color:#0f5132;
  font-size:12px;
  font-weight:850;
}

.dfy-sales-main-cta{
  width:100%;
  max-width:620px;
  padding:17px 26px;
  border-radius:13px;
  font-size:20px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(20,163,112,.34);
}

.dfy-trust-row{
  max-width:900px;
  margin:16px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}

/* Hero image now full-width underneath hero copy */
.dfy-hero-visual-v2{
  max-width:980px;
  margin:34px auto 0;
  padding:0;
}

.dfy-image-placeholder{
  min-height:340px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:28px;
  border:1px dashed rgba(249,115,22,.45);
  border-radius:22px;
  background:
    linear-gradient(135deg,rgba(249,115,22,.16),rgba(20,163,112,.06)),
    rgba(255,255,255,.74);
}

.dfy-image-placeholder strong{
  display:block;
  margin-bottom:8px;
  color:#9a3412;
  font-size:24px;
}

.dfy-image-placeholder span{
  display:block;
  max-width:680px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

/* =========================
   PROCESS ROW
========================= */
.dfy-process-row{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.dfy-process-step{
  padding:16px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:16px;
  background:rgba(255,255,255,.58);
  text-align:center;
}

.dfy-process-step strong{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  margin-bottom:8px;
  border-radius:50%;
  background:var(--success);
  color:#fff;
}

.dfy-process-step span{
  display:block;
  color:var(--text);
  font-weight:900;
}

/* =========================
   FEATURE SPLIT - STILL STACKED
========================= */
.dfy-feature-split{
  display:block;
}

.dfy-flow-card{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  gap:14px;
}

.dfy-flow-line{
  padding:20px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
}

.dfy-flow-line strong,
.dfy-flow-line span{
  display:block;
}

.dfy-flow-line strong{
  margin-bottom:8px;
  font-size:17px;
}

.dfy-flow-line span{
  color:var(--text);
  font-weight:850;
  line-height:1.45;
}

.dfy-flow-line.bad{
  border-color:rgba(239,68,68,.20);
  background:rgba(239,68,68,.055);
}

.dfy-flow-line.good{
  border-color:rgba(20,163,112,.22);
  background:rgba(20,163,112,.07);
}

/* =========================
   PATH GRID
========================= */
.dfy-path-grid{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.dfy-path-card{
  padding:20px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:18px;
  background:rgba(255,255,255,.58);
}

.dfy-path-card span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:12px;
  border-radius:50%;
  background:rgba(249,115,22,.14);
  color:#ea580c;
  font-weight:900;
}

.dfy-path-card h4{
  margin:0 0 8px;
  font-size:19px;
}

.dfy-path-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.dfy-path-card.featured{
  border-color:rgba(20,163,112,.24);
  background:rgba(20,163,112,.07);
}

.dfy-path-card.featured span{
  background:var(--success);
  color:#fff;
}

/* =========================
   DARK BAND
========================= */
.dfy-dark-band{
  padding:58px 42px;
  background:linear-gradient(135deg,#064e3b,#0f8f68);
  color:#fff;
  text-align:center;
}

.dfy-dark-band h3,
.dfy-dark-band p{
  color:#fff;
}

.dfy-dark-band p{
  max-width:820px;
  opacity:.94;
}

.dfy-learn-grid{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.dfy-learn-grid div{
  padding:20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.11);
}

.dfy-learn-grid strong{
  display:block;
  margin-bottom:8px;
  font-size:22px;
}

.dfy-learn-grid p{
  margin:0;
}

/* =========================
   HOUSE + COMPARE
========================= */
.dfy-house-box{
  max-width:980px;
  margin:28px auto;
  padding:24px;
  border:1px solid rgba(249,115,22,.24);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(249,115,22,.12),rgba(255,255,255,.70));
  text-align:left;
}

.dfy-house-box h4{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.2;
}

.dfy-house-box p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

.dfy-compare-grid-v2{
  max-width:980px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.dfy-compare-card-v2{
  padding:24px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
}

.dfy-compare-card-v2 h4{
  margin:0 0 14px;
  font-size:24px;
}

.dfy-compare-card-v2 ul{
  list-style:none;
  display:grid;
  gap:10px;
  padding:0;
  margin:0;
}

.dfy-compare-card-v2 li{
  display:flex;
  gap:8px;
  color:var(--text);
  font-size:14px;
  line-height:1.45;
}

.dfy-compare-card-v2.diy{
  background:rgba(239,68,68,.045);
  border-color:rgba(239,68,68,.18);
}

.dfy-compare-card-v2.diy li::before{
  content:"�";
}

.dfy-compare-card-v2.dfy{
  background:rgba(20,163,112,.07);
  border-color:rgba(20,163,112,.22);
}

.dfy-compare-card-v2.dfy li::before{
  content:"✅";
}

/* =========================
   PROBLEM
========================= */
.dfy-problem-block{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,247,237,.78));
}

.dfy-problem-block h4{
  margin:0 0 18px;
  color:#ea580c;
  font-size:clamp(24px,3vw,36px);
  line-height:1.12;
}

.dfy-problem-grid{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.dfy-problem-grid span{
  padding:13px 15px;
  border:1px solid rgba(239,68,68,.16);
  border-radius:12px;
  background:rgba(239,68,68,.045);
  color:var(--text);
  font-weight:850;
  font-size:14px;
}

/* =========================
   FULL IMAGE BLOCK
========================= */
.dfy-full-image-block{
  padding:52px 42px;
}

/* =========================
   BUILD GRID
========================= */
.dfy-build-grid-v2{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.dfy-build-card-v2{
  padding:18px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:18px;
  background:rgba(255,255,255,.62);
  box-shadow:0 8px 20px rgba(0,0,0,.025);
}

.dfy-build-card-v2 span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:50%;
  background:rgba(20,163,112,.10);
  border:1px solid rgba(20,163,112,.16);
  font-size:20px;
}

.dfy-build-card-v2 h4{
  margin:0 0 8px;
  font-size:18px;
}

.dfy-build-card-v2 p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

/* =========================
   TIMELINE
========================= */
.dfy-timeline-v2{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.dfy-timeline-v2 div{
  padding:18px;
  border:1px solid rgba(20,163,112,.18);
  border-radius:18px;
  background:rgba(20,163,112,.06);
}

.dfy-timeline-v2 strong{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 10px;
  border-radius:999px;
  background:var(--success);
  color:#fff;
  font-size:12px;
}

.dfy-timeline-v2 h4{
  margin:0 0 8px;
}

.dfy-timeline-v2 p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

/* =========================
   URGENCY GRID
========================= */
.dfy-urgency-grid-v2{
  width:100%;
  max-width:none;
  margin:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-bottom:1px solid rgba(249,115,22,.22);
}

.dfy-urgency-card-v2{
  padding:52px 42px;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.dfy-urgency-card-v2.orange{
  background:linear-gradient(135deg,rgba(249,115,22,.16),rgba(255,247,237,.92));
}

.dfy-urgency-card-v2.green{
  background:linear-gradient(135deg,rgba(20,163,112,.12),rgba(255,255,255,.88));
}

.dfy-urgency-card-v2 small{
  color:var(--muted);
  font-size:12px;
}

/* =========================
   VALUE STACK
========================= */
.dfy-value-section-v2{
  padding:58px 42px;
}

.dfy-value-layout-v2{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px;
}

.dfy-value-list-v2{
  display:grid;
  gap:10px;
}

.dfy-value-list-v2 div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:13px 15px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:12px;
  background:rgba(255,255,255,.68);
}

.dfy-value-list-v2 span{
  color:var(--text);
  font-weight:850;
  font-size:14px;
}

.dfy-value-list-v2 strong{
  color:#ea580c;
  white-space:nowrap;
}

.dfy-price-box-v2{
  padding:26px;
  border:1px solid rgba(249,115,22,.35);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(249,115,22,.16),rgba(255,255,255,.90));
  text-align:center;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:8px;
}

.dfy-price-box-v2 span{
  color:var(--muted);
  font-weight:850;
  text-transform:uppercase;
  font-size:12px;
}

.dfy-price-box-v2 s{
  color:var(--muted);
  font-size:24px;
  font-weight:900;
}

.dfy-price-box-v2 strong{
  color:var(--brand);
  font-size:56px;
  line-height:1;
  font-weight:950;
}

.dfy-price-box-v2 p{
  margin:0 0 10px;
  color:var(--text);
  font-weight:900;
}

/* =========================
   TESTIMONIALS
========================= */
.dfy-testimonial-grid-v2{
  max-width:980px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.dfy-testimonial-v2{
  padding:20px;
  border:1px solid rgba(249,115,22,.18);
  border-radius:18px;
  background:rgba(255,255,255,.70);
}

.dfy-testimonial-v2 .stars{
  margin-bottom:8px;
  color:#f59e0b;
  letter-spacing:1px;
}

.dfy-testimonial-v2 p{
  margin:0 0 10px;
  color:var(--text);
  font-size:14px;
  line-height:1.5;
  font-style:italic;
}

.dfy-testimonial-v2 strong{
  color:#0f5132;
  font-size:13px;
}

/* =========================
   GUARANTEE
========================= */
.dfy-guarantee-v2{
  padding:58px 42px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:center;
  background:linear-gradient(135deg,rgba(20,163,112,.10),rgba(255,255,255,.84));
}

.dfy-guarantee-badge-v2{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(20,163,112,.10);
  border:1px solid rgba(20,163,112,.22);
  font-size:42px;
}

/* =========================
   FAQ
========================= */
.dfy-faq-list-v2{
  max-width:860px;
  margin:28px auto 0;
  display:grid;
  gap:10px;
}

.dfy-faq-list-v2 details{
  border:1px solid rgba(249,115,22,.18);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  overflow:hidden;
}

.dfy-faq-list-v2 summary{
  cursor:pointer;
  padding:15px 16px;
  color:var(--text);
  font-weight:900;
}

.dfy-faq-list-v2 p{
  margin:0;
  padding:0 16px 16px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

/* =========================
   FINAL CTA
========================= */
.dfy-final-cta-v2{
  padding:62px 42px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.14), transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,247,237,.86));
  border-bottom:0;
}

.dfy-final-cta-v2 p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.dfy-final-cta-v2 small{
  display:block;
  margin-top:12px;
  color:var(--muted);
  font-size:12px;
}

/* =========================
   MOBILE
========================= */
@media (max-width:760px){
  .dfy-sales-hero-v2,
  .dfy-sales-section-v2,
  .dfy-dark-band,
  .dfy-problem-block,
  .dfy-full-image-block,
  .dfy-value-section-v2,
  .dfy-guarantee-v2,
  .dfy-final-cta-v2,
  .dfy-urgency-card-v2{
    padding:34px 16px;
  }

  .dfy-hero-copy-v2 h2{
    font-size:38px;
  }

  .dfy-sales-main-cta{
    font-size:16px;
  }

  .dfy-hero-checks span,
  .dfy-trust-row span{
    width:100%;
    border-radius:12px;
  }

  .dfy-process-row,
  .dfy-path-grid,
  .dfy-learn-grid,
  .dfy-compare-grid-v2,
  .dfy-problem-grid,
  .dfy-build-grid-v2,
  .dfy-timeline-v2,
  .dfy-value-layout-v2,
  .dfy-testimonial-grid-v2,
  .dfy-guarantee-v2,
  .dfy-urgency-grid-v2{
    grid-template-columns:1fr;
  }

  .dfy-value-list-v2 div{
    flex-direction:column;
    text-align:center;
    gap:4px;
  }

  .dfy-price-box-v2 strong{
    font-size:42px;
  }

  .dfy-guarantee-badge-v2{
    margin:0 auto;
  }

  .dfy-guarantee-v2{
    text-align:center;
  }

  .dfy-image-placeholder{
    min-height:220px;
  }
}

/* =========================
   RESPONSIVE
========================= */
@media (min-width:700px){
  .dfy-benefits{
    grid-template-columns:repeat(4,1fr);
    gap:0;
  }

  .dfy-benefit{
    border-right:1px solid rgba(249,115,22,.25);
  }

  .dfy-benefit:last-child{
    border-right:none;
  }
}

@media (min-width:720px){
  .dfy-checklist-grid{
    grid-template-columns:1fr 1fr;
  }

  .dfy-compare{
    grid-template-columns:1fr 1fr;
  }

  .dfy-sales-stat-grid{
    grid-template-columns:repeat(4,1fr);
  }
}

@media (min-width:760px){
  .dfy-sales-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (min-width:860px){
  .dfy-card-inner{
    grid-template-columns:minmax(280px,420px) 1fr;
    align-items:stretch;
  }

  .dfy-card-media{
    border-right:1px solid rgba(249,115,22,.25);
    border-bottom:1px solid rgba(255,122,24,0.48);
    aspect-ratio:auto;
    height:100%;
    min-height:100%;
  }

  .dfy-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }

  .dfy-card-body{
    padding:20px;
  }
}

@media (max-width:859.98px){
  .dfy-card-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .dfy-pill{
    margin-top:0;
  }
}

@media (max-width:760px){
  .dfy-expanded-proof{
    padding:14px 12px 16px;
  }

  .dfy-expanded-proof.dfy-proof-static{
    padding:0;
  }

  .dfy-review-strip{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .dfy-price-row .price{
    font-size:38px;
  }
}

@media (max-width:640px){
  .dfy-urgency{
    max-width:calc(100% - 24px);
    padding:6px 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px;
  }

  .dfy-price-label{
    font-size:18px;
  }

  .dfy-price-main .dfy-value{
    max-width:none;
  }

  .dfy-offer-box{
    padding:32px 14px 20px;
  }

  .dfy-price-stack{
    max-width:none;
  }

  .dfy-guarantee-full{
    align-items:flex-start;
  }

  .dfy-offer-box .btn,
  .dfy-offer-box .dfy-cta-full{
    font-size:17px;
  }

  .dfy-price-line{
    flex-direction:column;
    gap:4px;
  }

  .dfy-price-line .old-price{
    margin-left:0;
  }

  .dfy-sales-page{
    padding:24px 14px 34px;
  }

  .dfy-sales-hero,
  .dfy-sales-section{
    padding:28px 0;
  }

  .dfy-sales-highlight,
  .dfy-sales-cta-box{
    padding:28px 16px;
  }

  .dfy-sales-price .new-price{
    font-size:38px;
  }

  .dfy-sales-cta{
    width:100%;
    min-width:0;
  }

  .value-card-row{
    grid-template-columns:1fr auto;
    gap:10px;
    padding:11px 12px;
  }

  .value-card-left span:last-child{
    font-size:14px;
  }

  .value-card-price{
    font-size:18px;
  }

  .value-summary-row{
    font-size:16px;
  }

  .value-special-label{
    font-size:16px;
  }

  .value-special-price{
    font-size:30px;
  }
}
.training-home-card{
  overflow:hidden;
}

.training-home-body{
  background:linear-gradient(135deg,rgba(20,163,112,.035),#fff 50%,rgba(249,115,22,.025));
}

.training-hero-panel{
  position:relative;
  display:block;
  min-height:520px;
  margin-bottom:24px;
  padding:34px 28px 124px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:20px;
  background:linear-gradient(135deg,#fff,rgba(20,163,112,.045));
  overflow:hidden;
}

/* Full hero background image - pushed right so it does not fight the headline */
.training-hero-bg{
  position:absolute;
  top:0;
  right:0px;
  bottom:0;
  left:38%;
  z-index:0;
  pointer-events:none;
  opacity:1;
}

.training-hero-bg img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center right;
}

/* Protects headline readability on the left */
.training-hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.99) 34%,
    rgba(255,255,255,.94) 46%,
    rgba(255,255,255,.70) 56%,
    rgba(255,255,255,.22) 68%,
    rgba(255,255,255,0) 82%
  );
}

/* HERO COPY */
.training-hero-copy{
  position:relative;
  z-index:2;
  max-width:560px;
}

.training-start-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-bottom:18px;
  padding:8px 15px;
  border-radius:999px;
  background:#eefaf5;
  color:var(--brand);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  border:1px solid rgba(20,163,112,.18);
}
.training-start-kicker{
  animation:startKickerPulse 2.4s ease-in-out infinite;
}

.dfy-training-start-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-bottom:8px;
  padding:8px 15px;
  border-radius:999px;
  background:#eefaf5;
  color:var(--brand);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  border:1px solid rgba(20,163,112,.18);
}
.dfy-training-start-kicker{
  animation:startKickerPulse 2.4s ease-in-out infinite;
}

.training-courses-intro{
  margin:28px 0 14px;
}

.training-courses-intro .section-divider{
  margin:0 0 8px;
}

.training-courses-helper{
  margin:0 0 14px;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
  text-align:center;
}

.training-courses-helper strong{
  color:var(--brand);
  font-weight:800;
}

@keyframes startKickerPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(20,163,112,.18);
  }

  50%{
    transform:scale(1.025);
    box-shadow:0 0 0 6px rgba(20,163,112,.08);
  }
}

@media (prefers-reduced-motion:reduce){
  .training-start-kicker{
    animation:none;
  }
}

.training-hero-copy h3{
  max-width:560px;
  margin:0 0 16px;
  font-size:clamp(34px,3.7vw,50px);
  line-height:1.08;
  letter-spacing:-.05em;
}

.training-hero-copy h3 span{
  color:var(--brand);
}

.training-hero-copy p{
  max-width:530px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

/* BENEFIT PILLS - keep only if reused later */
.training-benefits{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  margin-top:26px;
}

.training-benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 16px;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(20,163,112,.18);
  box-shadow:0 6px 16px rgba(0,0,0,.045);
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}

.training-benefits strong{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--brand);
  color:#fff;
  font-size:13px;
  line-height:1;
  flex-shrink:0;
}

/* Old image-frame structure no longer needed */
.training-hero-visual,
.training-hero-image-frame{
  display:none;
}

/* ROADMAP */
.training-roadmap{
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr);
  align-items:stretch;
  gap:8px;
}

.training-roadmap-step{
  position:relative;
  min-width:0;
  padding:15px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(20,163,112,.18);
  box-shadow:0 8px 18px rgba(0,0,0,.04);
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  text-align:left;
  overflow:hidden;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.roadmap-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eefaf5;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.16);
  flex-shrink:0;
}

.roadmap-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.roadmap-icon svg path:first-child:last-child{
  fill:currentColor;
  stroke:none;
}

.roadmap-copy{
  min-width:0;
}

.roadmap-copy small{
  display:block;
  margin-bottom:5px;
  color:var(--brand);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  line-height:1.1;
}

.roadmap-copy strong{
  display:block;
  color:var(--text);
  font-size:14px;
  font-weight:850;
  line-height:1.25;
}

.roadmap-copy p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.roadmap-arrow{
  align-self:center;
  justify-self:center;
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--brand-2);
  color:#fff;
  box-shadow:0 6px 14px rgba(20,163,112,.18);
  position:static;
  transform:none;
  z-index:1;
  pointer-events:none;
}

.roadmap-arrow svg{
  width:15px;
  height:15px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* MODULE CARDS */
.module-with-image{
  grid-template-columns:auto 210px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}

.core-ribbon{
  align-self:start;
  margin-top:12px;
  position:relative;
  width:32px;
  height:42px;
  border-radius:9px 9px 3px 3px;
  background:linear-gradient(180deg,var(--brand-2),var(--brand));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:15px;
  box-shadow:0 6px 14px rgba(20,163,112,.16);
}

.core-ribbon::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  width:0;
  height:0;
  margin:auto;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:8px solid var(--brand);
}

.core-start-module{
  background:linear-gradient(180deg,#fcfffd,#f7fbf8);
  border:1px solid #39c46a;
  border-radius:22px;
  padding:18px;
  box-shadow:
    0 8px 24px rgba(20,163,112,.055),
    inset 0 1px 0 rgba(255,255,255,.85);
}

.module-thumb{
  width:210px;
  aspect-ratio:16 / 8.4;
  border-radius:10px;
  overflow:hidden;
  background:var(--panel-2);
  border:1px solid var(--accent);
  flex-shrink:0;
  display:block;
}

.module-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:10px;
}

.core-module-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.module-progress-wrap{
  margin-top:10px;
  display:grid;
  gap:5px;
  justify-items:start;
}

.module-progress-bar{
  width:min(520px,100%);
  height:7px;
  border-radius:999px;
  background:#dfe7e4;
  overflow:hidden;
}

.module-progress-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--brand);
}

.module-progress-wrap small{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}

.training-status-row{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  width:100%;
}

.training-unlocked-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 14px;
  border-radius:14px;
  background:#eefaf5;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.18);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
}

.training-divider{
  width:1px;
  height:32px;
  background:rgba(20,163,112,.18);
  flex-shrink:0;
}

.training-progress-text{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
}

.training-status-row .module-progress-bar{
  width:auto;
  max-width:220px;
  flex:1;
  min-width:160px;
  margin-top:0;
}

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

.training-btn .play-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:11px;
  line-height:1;
  transform:translateX(1px);
}

.core-start-module .btn{
  min-width:160px;
  text-align:center;
}

.module-action-group{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.module-action-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  transform:translateY(11px);
}

.module-meta-time{
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
  opacity:.9;
  white-space:nowrap;
}

.training-home-card .modules{
  display:grid;
  gap:12px;
}

/* UPDATES PREVIEW */
.updates-preview-card{
  padding:0;
  background:#fff;
  border:1px solid var(--accent);
  border-radius:18px;
  box-shadow:var(--shadow-1);
  overflow:hidden;
}

.updates-dropdown{
  border:none;
  padding:0;
  background:#fff;
}

.updates-dropdown summary{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:16px 22px;
  cursor:pointer;
  list-style:none;
}

.updates-dropdown summary::-webkit-details-marker{
  display:none;
}

.updates-preview-icon{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--brand);
  background:#eefaf5;
  border:1px solid rgba(20,163,112,.16);
}

.updates-preview-copy h2{
  margin:0 0 2px;
  color:var(--text);
  font-size:18px;
  line-height:1.2;
}

.updates-preview-copy p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
  max-width:620px;
}

.updates-view-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:10px;
  color:var(--brand);
  background:#fff;
  border:1px solid var(--accent);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.updates-dropdown[open] .updates-view-btn{
  background:#eefaf5;
}

.updates-dropdown-body{
  padding:0 22px 18px;
  border-top:1px solid var(--accent);
}

.updates-dropdown-body .updates-list{
  padding-top:14px;
}

/* RESPONSIVE */
@media (max-width:980px){
  .training-hero-panel{
    min-height:auto;
    padding:30px 24px 24px;
  }

  .training-hero-bg{
    left:38%;
    right:-80px;
    opacity:.34;
  }

  .training-hero-bg img{
    object-position:center right;
  }

  .training-hero-panel::before{
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.96) 48%,
      rgba(255,255,255,.78) 66%,
      rgba(255,255,255,.34) 100%
    );
  }

  .training-hero-copy{
    max-width:none;
  }

  .training-hero-copy h3{
    max-width:720px;
  }

  .training-hero-copy p{
    max-width:680px;
  }

  .training-roadmap{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    max-width:100%;
    margin-top:28px;
    grid-template-columns:minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr);
  }
}

@media (max-width:860px){
  .training-hero-panel{
    padding:24px 22px;
  }

  .training-hero-copy h3{
    font-size:34px;
  }
}

@media (max-width:760px){
  .updates-dropdown summary{
    grid-template-columns:1fr;
    text-align:left;
  }

  .updates-view-btn{
    width:100%;
  }

  .training-hero-bg{
    left:0;
    right:0;
    opacity:.20;
  }

  .training-roadmap{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:22px;
  }

  .roadmap-arrow{
    display:none;
  }
}

@media (max-width:640px){
  .training-hero-panel{
    padding:20px;
  }

  .training-hero-copy h3{
    font-size:34px;
  }

  .training-hero-copy p{
    font-size:15px;
  }

  .training-roadmap{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:22px;
    padding-right:0;
  }

  .training-roadmap-step{
    padding:13px 14px;
    border-radius:14px;
  }

  .roadmap-icon{
    width:36px;
    height:36px;
  }

  .roadmap-icon svg{
    width:16px;
    height:16px;
  }

  .roadmap-copy small{
    font-size:14px;
  }

  .roadmap-copy strong{
    font-size:13px;
  }

  .roadmap-copy p{
    font-size:12px;
  }

  .roadmap-arrow{
    display:none;
  }

  .module-with-image{
    grid-template-columns:auto 1fr;
  }

  .module-thumb{
    grid-column:1 / -1;
    width:100%;
    max-width:none;
    aspect-ratio:16 / 8.4;
    border-radius:10px;
    overflow:hidden;
  }

  .module-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:10px;
  }

  .module-action-group{
    grid-column:1 / -1;
    width:100%;
  }

  .training-status-row{
    gap:10px;
    flex-wrap:wrap;
  }

  .training-divider{
    display:none;
  }

  .training-status-row .module-progress-bar{
    flex-basis:100%;
    min-width:100%;
    max-width:none;
  }

  .module-action-inner{
    width:100%;
    gap:8px;
  }

  .module-action-inner .btn{
    width:100%;
    min-width:0;
  }
}

/* =========================
   DFY CHECKLIST ALIGNMENT FIX
========================= */
.dfy-card-body .dfy-checklist-grid{
  width:100%;
  max-width:560px;
  margin:18px auto 26px;
  justify-self:center;
}

.dfy-card-body .dfy-checklist-grid li{
  align-items:center;
  gap:10px;
}

.dfy-card-body .dfy-checklist-grid .check{
  margin-right:0;
}

/* =========================
   DFY EXPAND SALES PAGE - TRUE FULL WIDTH OVERRIDE
   Add this at the VERY BOTTOM of your CSS file
========================= */

/* Make the expanded sales page use the full available width */
.dfy-card .card-expand .dfy-stack-intro{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:linear-gradient(
    180deg,
    rgba(255,244,235,.95) 0%,
    rgba(255,237,213,.72) 38%,
    rgba(255,250,245,.95) 100%
  ) !important;
}

/* Remove section containers */
.dfy-card .card-expand .dfy-sales-hero-v2,
.dfy-card .card-expand .dfy-sales-section-v2,
.dfy-card .card-expand .dfy-dark-band,
.dfy-card .card-expand .dfy-problem-block,
.dfy-card .card-expand .dfy-full-image-block,
.dfy-card .card-expand .dfy-value-section-v2,
.dfy-card .card-expand .dfy-guarantee-v2,
.dfy-card .card-expand .dfy-final-cta-v2{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
}

/* Hero section full-width */
.dfy-card .card-expand .dfy-sales-hero-v2{
  display:block !important;
  padding:60px 48px 52px !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.18), transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,247,237,.78)) !important;
}

/* Remove the inner hero container effect */
.dfy-card .card-expand .dfy-hero-copy-v2{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* Keep text readable without making a visible container */
.dfy-card .card-expand .dfy-hero-copy-v2 h2,
.dfy-card .card-expand .dfy-hero-copy-v2 .dfy-sales-subhead,
.dfy-card .card-expand .dfy-hero-copy-v2 > p{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Hero image stacked full-width underneath */
.dfy-card .card-expand .dfy-hero-visual-v2{
  width:100% !important;
  max-width:980px !important;
  margin:36px auto 0 !important;
  padding:0 !important;
}

/* Image placeholder is allowed to have shape */
.dfy-card .card-expand .dfy-image-placeholder{
  width:100% !important;
  max-width:none !important;
}

/* Make normal sections full-width but keep text readable */
.dfy-card .card-expand .dfy-sales-section-v2,
.dfy-card .card-expand .dfy-problem-block,
.dfy-card .card-expand .dfy-value-section-v2,
.dfy-card .card-expand .dfy-guarantee-v2,
.dfy-card .card-expand .dfy-final-cta-v2{
  padding:56px 48px !important;
}

/* Inner text width only, no visible box */
.dfy-card .card-expand .dfy-section-copy{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobile */
@media (max-width:760px){
  .dfy-card .card-expand .dfy-sales-hero-v2,
  .dfy-card .card-expand .dfy-sales-section-v2,
  .dfy-card .card-expand .dfy-problem-block,
  .dfy-card .card-expand .dfy-value-section-v2,
  .dfy-card .card-expand .dfy-guarantee-v2,
  .dfy-card .card-expand .dfy-final-cta-v2{
    padding:34px 16px !important;
  }

  .dfy-card .card-expand .dfy-hero-copy-v2 h2{
    font-size:38px !important;
  }
}

/* =========================
   DFY STORY SALES PAGE
   Full-width, stacked, softer style
========================= */
.dfy-card .card-expand .dfy-sales-story{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(
    180deg,
    #f8fffb 0%,
    #fff7ed 32%,
    #ffffff 100%
  ) !important;
  border-top:1px solid rgba(249,115,22,.25);
}

/* Reset old section containers */
.dfy-sales-story section{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:0;
  box-shadow:none;
  border-bottom:1px solid rgba(20,163,112,.12);
}

/* Shared spacing */
.dfy-story-hero,
.dfy-story-section,
.dfy-story-image-section,
.dfy-story-band,
.dfy-final-story{
  padding:58px 46px;
}

.dfy-story-inner,
.dfy-story-narrow{
  max-width:920px;
  margin:0 auto;
}

/* Typography */
.dfy-story-kicker,
.dfy-story-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  margin-bottom:18px;
  padding:9px 15px;
  border-radius:999px;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
  box-shadow:0 8px 18px rgba(249,115,22,.22);
}

.dfy-story-label{
  background:rgba(20,163,112,.10);
  border:1px solid rgba(20,163,112,.18);
  color:#0f5132;
  box-shadow:none;
}

.dfy-story-hero{
    background: radial-gradient(circle at 50% 0%, rgba(20,163,112,.10), transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,255,251,.92));
}

.dfy-story-hero h2,
.dfy-story-section h3,
.dfy-story-band h3,
.dfy-final-story h3{
  margin:0 0 18px;
  color:var(--text);
  font-size:clamp(34px,5vw,68px);
  line-height:1;
  letter-spacing:-.055em;
}

.dfy-story-section h3,
.dfy-story-band h3,
.dfy-final-story h3{
  font-size:clamp(30px,4vw,52px);
  line-height:1.05;
}

.dfy-story-hero h2 span{
  color:var(--brand);
}

.dfy-story-subhead{
  max-width:780px;
  margin:0 auto 24px;
  color:#0f5132;
  font-size:clamp(18px,2.2vw,24px);
  font-weight:900;
  line-height:1.35;
}

.dfy-story-copy{
  max-width:820px;
  margin:0 auto;
}

.dfy-story-copy p,
.dfy-story-section p,
.dfy-story-band p,
.dfy-final-story p{
    margin: 0 0 16px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.72;
    text-align: left;
}

.dfy-story-punch{
  color:var(--text) !important;
  font-size:20px !important;
  font-weight:900;
  line-height:1.45 !important;
}

/* CTAs */
.dfy-story-actions{
  display:grid;
  justify-items:center;
  gap:16px;
  margin-top:28px;
}

.dfy-story-cta{
  width:100%;
  max-width:620px;
  padding:17px 26px;
  border-radius:14px;
  font-size:20px;
  font-weight:900;
  box-shadow:0 14px 32px rgba(20,163,112,.32);
}

.dfy-story-trust{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}

.dfy-story-trust span{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(20,163,112,.16);
  background:rgba(20,163,112,.08);
  color:#0f5132;
  font-size:12px;
  font-weight:850;
}

/* Image placeholder */
.dfy-story-image-section{
  background:linear-gradient(180deg,#ffffff,#fff7ed);
}

.dfy-story-image-placeholder{
  max-width:980px;
  min-height:340px;
  margin:0 auto;
  display:grid;
  place-items:center;
  text-align:center;
  padding:28px;
  border:1px dashed rgba(249,115,22,.45);
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(249,115,22,.14),rgba(20,163,112,.07)),
    rgba(255,255,255,.82);
}

.dfy-story-image-placeholder strong{
  display:block;
  margin-bottom:8px;
  color:#9a3412;
  font-size:24px;
}

.dfy-story-image-placeholder span{
  display:block;
  max-width:680px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

/* Method steps */
.dfy-method-steps{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.dfy-method-steps div{
  padding:18px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  text-align:center;
}

.dfy-method-steps span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:10px;
  border-radius:50%;
  background:var(--success);
  color:#fff;
  font-weight:900;
}

.dfy-method-steps strong{
  display:block;
  color:var(--text);
  font-size:14px;
  line-height:1.35;
}

/* Soft sections */
.dfy-soft-green{
  background:linear-gradient(180deg,rgba(20,163,112,.06),rgba(255,255,255,.88));
}

.dfy-soft-orange{
  background:linear-gradient(180deg,rgba(249,115,22,.10),rgba(255,255,255,.88));
}

/* Flow comparison */
.dfy-flow-compare{
  max-width:920px;
  margin:30px auto 0;
  display:grid;
  gap:14px;
}

.dfy-flow-box{
  padding:20px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
}

.dfy-flow-box span{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.dfy-flow-box strong{
  display:block;
  color:var(--text);
  font-size:16px;
  line-height:1.45;
}

.dfy-flow-bad{
  border-color:rgba(239,68,68,.20);
  background:rgba(239,68,68,.04);
}

.dfy-flow-good{
  border-color:rgba(20,163,112,.24);
  background:rgba(20,163,112,.07);
}

/* Dark story band */
.dfy-story-band{
  text-align:center;
  background:linear-gradient(135deg,#064e3b,#0f8f68);
  color:#fff;
}

.dfy-story-band h3,
.dfy-story-band p{
  color:#fff;
}

.dfy-learn-cards{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.dfy-learn-cards div{
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
}

.dfy-learn-cards span{
  display:block;
  font-size:28px;
  margin-bottom:8px;
}

.dfy-learn-cards strong{
  display:block;
  color:#fff;
  font-size:22px;
  margin-bottom:8px;
}

.dfy-learn-cards p{
  margin:0;
  color:rgba(255,255,255,.88);
}

/* Compare panels */
.dfy-compare-panels{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.dfy-compare-panel{
  padding:24px;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.08);
}

.dfy-compare-panel h4{
  margin:0 0 14px;
  font-size:24px;
}

.dfy-compare-panel ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.dfy-compare-panel li{
  display:flex;
  gap:8px;
  color:var(--text);
  font-size:14px;
  line-height:1.45;
}

.dfy-compare-panel.diy{
  background:rgba(239,68,68,.045);
  border-color:rgba(239,68,68,.18);
}

.dfy-compare-panel.diy li::before{
  content:"�";
}

.dfy-compare-panel.dfy{
  background:rgba(20,163,112,.07);
  border-color:rgba(20,163,112,.22);
}

.dfy-compare-panel.dfy li::before{
  content:"✅";
}

/* Problem list */
.dfy-problem-list{
  max-width:920px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.dfy-problem-list span{
  padding:13px 15px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.16);
  background:rgba(239,68,68,.045);
  color:var(--text);
  font-size:14px;
  font-weight:850;
}

/* Build grid */
.dfy-build-grid-story{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.dfy-build-grid-story div{
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(20,163,112,.14);
  background:rgba(255,255,255,.78);
}

.dfy-build-grid-story span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:50%;
  background:rgba(20,163,112,.10);
  border:1px solid rgba(20,163,112,.18);
  font-size:22px;
}

.dfy-build-grid-story strong{
  display:block;
  margin-bottom:8px;
  color:var(--text);
  font-size:17px;
}

.dfy-build-grid-story p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

/* Timeline */
.dfy-timeline-story{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.dfy-timeline-story div{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(20,163,112,.18);
}

.dfy-timeline-story strong{
  display:inline-flex;
  margin-bottom:8px;
  padding:5px 10px;
  border-radius:999px;
  background:var(--success);
  color:#fff;
  font-size:12px;
}

.dfy-timeline-story span{
  display:block;
  color:var(--text);
  font-weight:850;
}

/* Limited */
.dfy-limited-story{
  text-align:center;
  background:linear-gradient(135deg,rgba(249,115,22,.16),rgba(255,255,255,.90));
}

/* Value stack */
.dfy-value-story{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,247,237,.86));
}

.dfy-value-wrap-story{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
}

.dfy-value-list-story{
  display:grid;
  gap:10px;
}

.dfy-value-list-story div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:13px 15px;
  border-radius:13px;
  border:1px solid rgba(249,115,22,.18);
  background:rgba(255,255,255,.78);
}

.dfy-value-list-story span{
  color:var(--text);
  font-weight:850;
}

.dfy-value-list-story strong{
  color:#ea580c;
  white-space:nowrap;
}

.dfy-price-story{
  padding:28px;
  border-radius:22px;
  border:1px solid rgba(249,115,22,.35);
  background:linear-gradient(135deg,rgba(249,115,22,.16),#fff);
  text-align:center;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:8px;
}

.dfy-price-story span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.dfy-price-story s{
  color:var(--muted);
  font-size:24px;
  font-weight:900;
}

.dfy-price-story strong{
  color:var(--brand);
  font-size:58px;
  line-height:1;
  font-weight:950;
}

.dfy-price-story p{
  margin:0 0 10px;
  color:var(--text);
  font-weight:900;
}

/* Reviews */
.dfy-reviews-story{
  max-width:980px;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.dfy-reviews-story div{
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(249,115,22,.16);
  background:rgba(255,255,255,.78);
}

.dfy-reviews-story span{
  display:block;
  color:#f59e0b;
  margin-bottom:8px;
  letter-spacing:1px;
}

.dfy-reviews-story p{
  margin:0 0 10px;
  color:var(--text);
  font-size:14px;
  line-height:1.5;
  font-style:italic;
}

.dfy-reviews-story strong{
  color:#0f5132;
  font-size:13px;
}

/* Guarantee */
.dfy-guarantee-story{
  text-align:center;
  background:linear-gradient(135deg,rgba(20,163,112,.10),rgba(255,255,255,.94));
}

.dfy-guarantee-icon-story{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  margin:0 auto 20px;
  border-radius:50%;
  background:rgba(20,163,112,.10);
  border:1px solid rgba(20,163,112,.22);
  font-size:42px;
}

/* FAQ */
.dfy-faq-story{
  max-width:860px;
  margin:30px auto 0;
  display:grid;
  gap:10px;
}

.dfy-faq-story details{
  border:1px solid rgba(249,115,22,.18);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  overflow:hidden;
}

.dfy-faq-story summary{
  cursor:pointer;
  padding:15px 16px;
  color:var(--text);
  font-weight:900;
}

.dfy-faq-story p{
  margin:0;
  padding:0 16px 16px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

/* Final CTA */
.dfy-final-story{
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.14), transparent 40%),
    linear-gradient(180deg,#ffffff,#f8fffb);
}

.dfy-final-story p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.dfy-final-story small{
  display:block;
  margin-top:12px;
  color:var(--muted);
  font-size:12px;
}

/* Mobile */
@media (max-width:760px){
  .dfy-story-hero,
  .dfy-story-section,
  .dfy-story-image-section,
  .dfy-story-band,
  .dfy-final-story{
    padding:38px 16px;
  }

  .dfy-story-hero h2{
    font-size:38px;
  }

  .dfy-story-cta{
    font-size:16px;
  }

  .dfy-story-trust span{
    width:100%;
    border-radius:12px;
  }

  .dfy-method-steps,
  .dfy-learn-cards,
  .dfy-compare-panels,
  .dfy-problem-list,
  .dfy-build-grid-story,
  .dfy-timeline-story,
  .dfy-value-wrap-story,
  .dfy-reviews-story{
    grid-template-columns:1fr;
  }

  .dfy-value-list-story div{
    flex-direction:column;
    text-align:center;
    gap:4px;
  }

  .dfy-price-story strong{
    font-size:42px;
  }

  .dfy-story-image-placeholder{
    min-height:220px;
  }
}

/* =========================
   DFY EXPAND AREA - REMOVE ALL ORANGE OUTER FRAME / FADE
   Place at the VERY BOTTOM of CSS
========================= */

/* Kill orange/peach background from the outer DFY section */
#dfy-upgrade,
#dfy-upgrade.card,
#dfy-upgrade.card.tinted,
#dfy-upgrade.card.tinted.stack,
#dfy-upgrade > .bd{
  background:#ffffff !important;
  background-image:none !important;
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
}

/* Kill any pseudo-element glow/fade on the outer section */
#dfy-upgrade::before,
#dfy-upgrade::after,
#dfy-upgrade.card::before,
#dfy-upgrade.card::after,
#dfy-upgrade .bd::before,
#dfy-upgrade .bd::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Kill orange background from the DFY product card wrapper */
#dfy-upgrade .product-card,
#dfy-upgrade .product-card.dfy-card,
#dfy-upgrade .product-card.dfy-card.dfy-card-wide{
  background:#ffffff !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Kill pseudo-elements on the DFY card wrapper */
#dfy-upgrade .product-card::before,
#dfy-upgrade .product-card::after,
#dfy-upgrade .dfy-card::before,
#dfy-upgrade .dfy-card::after,
#dfy-upgrade .dfy-card-wide::before,
#dfy-upgrade .dfy-card-wide::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Keep the TOP DFY offer card styled, but only around .dfy-card-inner */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .dfy-card-inner{
  border:1px solid rgba(249,115,22,.35) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:linear-gradient(
    180deg,
    rgba(249,115,22,.14),
    rgba(249,115,22,.05)
  ) !important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.08),
    0 0 36px rgba(249,115,22,.10) !important;
}

/* Remove old divider/fade after top card */
#dfy-upgrade .dfy-card-inner::before,
#dfy-upgrade .dfy-card-inner::after,
#dfy-upgrade .dfy-soft-divider{
  display:none !important;
  content:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Expanded page must be pure white */
#dfy-upgrade .card-expand,
#dfy-upgrade .card-expand.open,
#dfy-upgrade .card-expand > *,
#dfy-upgrade .dfy-stack-intro,
#dfy-upgrade .dfy-sales-story{
  background:#ffffff !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Sections inside expanded page */
#dfy-upgrade .dfy-sales-story section{
  background:#ffffff !important;
  background-image:none !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
}

/* Keep subtle horizontal separators only */
#dfy-upgrade .dfy-sales-story section{
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

/* Restore intentional special backgrounds only */
#dfy-upgrade .dfy-sales-story .dfy-story-band{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(135deg, #dff7ec 0%, #bfeecf 52%, #9fe3ba 100%) !important;
}

#dfy-upgrade .dfy-sales-story .dfy-limited-story{
  background:linear-gradient(
    135deg,
    rgba(249,115,22,.08),
    #ffffff 72%
  ) !important;
}

#dfy-upgrade .dfy-sales-story .dfy-guarantee-story{
  background:linear-gradient(
    135deg,
    rgba(20,163,112,.075),
    #ffffff 72%
  ) !important;
}

/* =========================
   DFY STORY TEXT ALIGNMENT FIX
   Fixes headings centred but body copy left-aligned
========================= */

#dfy-upgrade .dfy-story-inner,
#dfy-upgrade .dfy-story-narrow{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Centre normal story paragraphs under headings */
#dfy-upgrade .dfy-story-inner p,
#dfy-upgrade .dfy-story-narrow p,
#dfy-upgrade .dfy-story-copy p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep readable paragraph widths */
#dfy-upgrade .dfy-story-copy,
#dfy-upgrade .dfy-story-narrow p{
  max-width:820px !important;
}

/* But keep card/grid content left-aligned where it should be */
#dfy-upgrade .dfy-compare-panel,
#dfy-upgrade .dfy-compare-panel *,
#dfy-upgrade .dfy-build-grid-story,
#dfy-upgrade .dfy-build-grid-story *,
#dfy-upgrade .dfy-value-list-story,
#dfy-upgrade .dfy-value-list-story *,
#dfy-upgrade .dfy-faq-story,
#dfy-upgrade .dfy-faq-story *,
#dfy-upgrade .dfy-reviews-story,
#dfy-upgrade .dfy-reviews-story *{
  text-align:left !important;
}

/* Keep timeline and method steps centred */
#dfy-upgrade .dfy-method-steps,
#dfy-upgrade .dfy-method-steps *,
#dfy-upgrade .dfy-timeline-story,
#dfy-upgrade .dfy-timeline-story *,
#dfy-upgrade .dfy-learn-cards,
#dfy-upgrade .dfy-learn-cards *{
  text-align:center !important;
}

/* =========================
   DFY HERO HEADLINE WIDTH FIX
========================= */

#dfy-upgrade .dfy-story-hero h2{
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  line-height:1.03 !important;
}

/* Give the green word cleaner spacing */
#dfy-upgrade .dfy-story-hero h2 span{
  display:inline-block;
  color:var(--brand) !important;
}

/* Slightly smaller on laptop widths so it centres better */
@media (max-width:1200px){
  #dfy-upgrade .dfy-story-hero h2{
    max-width:860px !important;
    font-size:clamp(42px, 5vw, 64px) !important;
  }
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-story-hero h2{
    max-width:100% !important;
    font-size:38px !important;
    line-height:1.06 !important;
  }
}

/* =========================
   DFY SALES PAGE COPY ALIGNMENT
   Big headlines stay centred, supporting copy goes left
========================= */

/* Keep main section headings centred */
#dfy-upgrade .dfy-sales-story h2,
#dfy-upgrade .dfy-sales-story h3,
#dfy-upgrade .dfy-sales-story .dfy-story-label,
#dfy-upgrade .dfy-sales-story .dfy-story-kicker{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Any main copy under big headlines should be left-aligned */
#dfy-upgrade .dfy-story-copy,
#dfy-upgrade .dfy-story-narrow{
  text-align:left !important;
}

/* Paragraphs under big headlines left-aligned */
#dfy-upgrade .dfy-story-copy p,
#dfy-upgrade .dfy-story-narrow p,
#dfy-upgrade .dfy-story-section p,
#dfy-upgrade .dfy-story-band p,
#dfy-upgrade .dfy-final-story p{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Keep the text block itself centred on the page */
#dfy-upgrade .dfy-story-copy,
#dfy-upgrade .dfy-story-narrow{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep hero subheadline centred because it acts like a headline */
#dfy-upgrade .dfy-story-subhead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep punch lines centred only if they are being used as emphasis headlines */
#dfy-upgrade .dfy-story-punch{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep CTA areas centred */
#dfy-upgrade .dfy-story-actions,
#dfy-upgrade .dfy-story-trust,
#dfy-upgrade .dfy-final-story,
#dfy-upgrade .dfy-final-story p,
#dfy-upgrade .dfy-limited-story,
#dfy-upgrade .dfy-guarantee-story{
  text-align:center !important;
}

/* Keep cards/grids readable */
#dfy-upgrade .dfy-method-steps *,
#dfy-upgrade .dfy-learn-cards *,
#dfy-upgrade .dfy-timeline-story *,
#dfy-upgrade .dfy-price-story *,
#dfy-upgrade .dfy-reviews-story *{
  text-align:center !important;
}

/* Keep comparison, benefits and FAQ content left aligned */
#dfy-upgrade .dfy-compare-panel,
#dfy-upgrade .dfy-compare-panel *,
#dfy-upgrade .dfy-build-grid-story,
#dfy-upgrade .dfy-build-grid-story *,
#dfy-upgrade .dfy-value-list-story,
#dfy-upgrade .dfy-value-list-story *,
#dfy-upgrade .dfy-faq-story,
#dfy-upgrade .dfy-faq-story *{
  text-align:left !important;
}

/* =========================
   DFY STORY PAGE POLISH UPGRADES
   Wider copy, VS comparison, full-width banner, stronger visuals
========================= */

/* Wider story copy but still readable */
#dfy-upgrade .dfy-story-narrow,
#dfy-upgrade .dfy-story-copy{
  max-width:900px !important;
}

/* Keep body copy left-aligned under big headings */
#dfy-upgrade .dfy-story-narrow p,
#dfy-upgrade .dfy-story-copy p{
  text-align:left !important;
  max-width:900px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Centre the section headings/pills only */
#dfy-upgrade .dfy-story-narrow h3,
#dfy-upgrade .dfy-story-label,
#dfy-upgrade .dfy-story-kicker{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Slightly stronger body text */
#dfy-upgrade .dfy-story-section p,
#dfy-upgrade .dfy-story-copy p{
  font-size:16.5px !important;
  line-height:1.72 !important;
  color:#475569 !important;
}

/* Cleaner headline sizing to reduce ugly line breaks */
#dfy-upgrade .dfy-story-section h3,
#dfy-upgrade .dfy-story-band h3,
#dfy-upgrade .dfy-final-story h3{
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:clamp(30px, 3.6vw, 48px) !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
}


/* =========================
   GREEN BANNER - FULL WIDTH OF WHITE PAGE ONLY
========================= */
#dfy-upgrade .dfy-story-band{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:70px clamp(18px, 5vw, 72px) !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.14), transparent 40%),
    linear-gradient(135deg,#064e3b,#0f8f68) !important;
}

/* Keep the content inside nicely centred */
#dfy-upgrade .dfy-story-band .dfy-story-narrow,
#dfy-upgrade .dfy-story-band .dfy-learn-cards{
  width:100%;
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
}

#dfy-upgrade .dfy-story-band .dfy-story-narrow{
  max-width:900px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-story-band .dfy-story-narrow p{
  text-align:center !important;
  color:rgba(255,255,255,.92) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#dfy-upgrade .dfy-learn-cards{
  max-width:980px !important;
}

/* =========================
   LEAD CAPTURE VS DFY COMPARISON
========================= */
#dfy-upgrade .dfy-lead-compare-section{
  padding-top:64px !important;
  padding-bottom:72px !important;
}

#dfy-upgrade .dfy-vs-wrap{
  max-width:1040px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:stretch;
  gap:18px;
}

#dfy-upgrade .dfy-vs-card{
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.07);
}

#dfy-upgrade .dfy-vs-card-bad{
  border:1px solid rgba(239,68,68,.22);
}

#dfy-upgrade .dfy-vs-card-good{
  border:1px solid rgba(20,163,112,.28);
}

#dfy-upgrade .dfy-vs-thumb{
  min-height:150px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:24px;
  text-align:center;
}

#dfy-upgrade .dfy-vs-card-bad .dfy-vs-thumb{
  background:
    radial-gradient(circle at 50% 0%, rgba(239,68,68,.12), transparent 45%),
    linear-gradient(135deg,rgba(254,242,242,.95),rgba(255,255,255,.88));
}

#dfy-upgrade .dfy-vs-card-good .dfy-vs-thumb{
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.14), transparent 45%),
    linear-gradient(135deg,rgba(236,253,245,.98),rgba(255,255,255,.88));
}

#dfy-upgrade .dfy-vs-thumb strong{
  color:var(--text);
  font-size:23px;
  font-weight:950;
  line-height:1.1;
}

#dfy-upgrade .dfy-vs-thumb span{
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

#dfy-upgrade .dfy-vs-body{
  padding:24px;
}

#dfy-upgrade .dfy-vs-body h4{
  margin:0 0 10px;
  color:var(--text);
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.025em;
}

#dfy-upgrade .dfy-vs-body p{
  margin:0 0 16px !important;
  color:#64748b !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-vs-body ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

#dfy-upgrade .dfy-vs-body li{
  display:flex;
  gap:8px;
  color:#0f172a;
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}

#dfy-upgrade .dfy-vs-card-bad li::before{
  content:"�";
}

#dfy-upgrade .dfy-vs-card-good li::before{
  content:"✅";
}

#dfy-upgrade .dfy-vs-badge{
  width:64px;
  height:64px;
  align-self:center;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#fb923c,#ea580c);
  color:#fff;
  font-size:20px;
  font-weight:950;
  box-shadow:0 14px 28px rgba(249,115,22,.28);
  z-index:2;
}

/* =========================
   STRONGER VISUAL BREAK SECTIONS
========================= */
#dfy-upgrade .dfy-system-flow-visual,
#dfy-upgrade .dfy-package-visual{
  padding:58px clamp(18px, 5vw, 72px) !important;
  background:#fff !important;
}

#dfy-upgrade .dfy-visual-card,
#dfy-upgrade .dfy-package-card{
  max-width:1040px;
  margin:0 auto;
  padding:34px;
  border:1px dashed rgba(249,115,22,.38);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.075), transparent 42%),
    linear-gradient(135deg,rgba(249,115,22,.055),rgba(255,255,255,.92));
}

#dfy-upgrade .dfy-visual-card h3,
#dfy-upgrade .dfy-package-card h3{
  margin:0 0 22px;
  text-align:center;
  color:var(--text);
  font-size:clamp(26px, 3vw, 40px);
  line-height:1.08;
}

#dfy-upgrade .dfy-visual-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:10px;
}

#dfy-upgrade .dfy-visual-flow div{
  min-height:92px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:14px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  text-align:center;
}

#dfy-upgrade .dfy-visual-flow strong{
  color:var(--text);
  font-size:14px;
  font-weight:900;
}

#dfy-upgrade .dfy-visual-flow span{
  color:#64748b;
  font-size:12px;
  font-weight:700;
}

#dfy-upgrade .dfy-visual-flow b{
  color:#ea580c;
  font-size:22px;
  font-weight:950;
}

#dfy-upgrade .dfy-package-card{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:center;
}

#dfy-upgrade .dfy-package-copy h3{
  text-align:left !important;
}

#dfy-upgrade .dfy-package-copy p{
  text-align:left !important;
  color:#64748b !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

#dfy-upgrade .dfy-package-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

#dfy-upgrade .dfy-package-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:10px 12px;
  border:1px solid rgba(20,163,112,.16);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  color:#0f5132;
  font-size:13px;
  font-weight:900;
  text-align:center;
}

/* =========================
   MOBILE
========================= */
@media (max-width:760px){
  #dfy-upgrade .dfy-story-narrow,
  #dfy-upgrade .dfy-story-copy{
    max-width:100% !important;
  }

  #dfy-upgrade .dfy-vs-wrap{
    grid-template-columns:1fr;
  }

  #dfy-upgrade .dfy-vs-badge{
    margin:0 auto;
  }

  #dfy-upgrade .dfy-visual-flow{
    grid-template-columns:1fr;
  }

  #dfy-upgrade .dfy-visual-flow b{
    transform:rotate(90deg);
    justify-self:center;
  }

  #dfy-upgrade .dfy-package-card{
    grid-template-columns:1fr;
    padding:24px;
  }

  #dfy-upgrade .dfy-package-copy h3,
  #dfy-upgrade .dfy-package-copy p{
    text-align:center !important;
  }

  #dfy-upgrade .dfy-package-grid{
    grid-template-columns:1fr;
  }
}

/* =========================
   DFY STORY BAND - FULL WIDTH OF WHITE PAGE ONLY
   Fixes the green banner being too narrow or too wide
========================= */

/* Reset previous full-browser bleed rules */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > .dfy-story-band{
  position:static !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;

  border-radius:0 !important;
  box-sizing:border-box !important;

  padding:70px clamp(24px, 6vw, 90px) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 44%),
    linear-gradient(135deg,#02291e,#055c42) !important;
}

/* Keep the content inside the green banner nicely centred */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > .dfy-story-band > .dfy-story-narrow,
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > .dfy-story-band > .dfy-learn-cards{
  width:100% !important;
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Make sure the green banner text stays centred */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > .dfy-story-band .dfy-story-narrow,
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > .dfy-story-band .dfy-story-narrow p{
  text-align:center !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > .dfy-story-band{
    padding:42px 18px !important;
  }
}

/* =========================
   DFY EXPAND PAGE - MATCH WHITE PAGE WIDTH
   Replace the previous calc(100% + 40px) fix with this
========================= */

/* Let the expanded section escape the DFY product card wrapper */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide{
  overflow:visible !important;
}

/* Pull the expanded sales page wider so it reaches the white page edges */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand{
  width:calc(100% + 80px) !important;
  max-width:calc(100% + 80px) !important;
  margin-left:-40px !important;
  margin-right:-40px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:hidden !important;
  background:#fff !important;
}

/* Sales story fills the corrected width */
#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  overflow:hidden !important;
}

/* Banner sections now fill the corrected white-page width */
#dfy-upgrade .dfy-sales-story > .dfy-story-band,
#dfy-upgrade .dfy-sales-story > .dfy-limited-story,
#dfy-upgrade .dfy-sales-story > .dfy-guarantee-story{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:70px clamp(24px, 6vw, 90px) !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
}

/* Green banner */
#dfy-upgrade .dfy-sales-story > .dfy-story-band{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.14), transparent 40%),
    linear-gradient(135deg,#064e3b,#0f8f68) !important;
}

/* Limited availability banner */
#dfy-upgrade .dfy-sales-story > .dfy-limited-story{
  background:
    radial-gradient(circle at 18% 0%, rgba(249,115,22,.12), transparent 34%),
    linear-gradient(135deg, rgba(249,115,22,.12), #ffffff 72%) !important;
}

/* Guarantee banner */
#dfy-upgrade .dfy-sales-story > .dfy-guarantee-story{
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.10), transparent 38%),
    linear-gradient(135deg, rgba(20,163,112,.09), #ffffff 74%) !important;
}

/* Keep banner content centred */
#dfy-upgrade .dfy-story-band > .dfy-story-narrow,
#dfy-upgrade .dfy-story-band > .dfy-learn-cards,
#dfy-upgrade .dfy-limited-story > .dfy-story-narrow,
#dfy-upgrade .dfy-guarantee-story > .dfy-story-narrow{
  width:100% !important;
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand{
    width:calc(100% + 32px) !important;
    max-width:calc(100% + 32px) !important;
    margin-left:-16px !important;
    margin-right:-16px !important;
  }

  #dfy-upgrade .dfy-sales-story > .dfy-story-band,
  #dfy-upgrade .dfy-sales-story > .dfy-limited-story,
  #dfy-upgrade .dfy-sales-story > .dfy-guarantee-story{
    padding:42px 18px !important;
  }
}

/* =========================
   DFY EXPAND PAGE - MOBILE FULL WIDTH FIX
========================= */

@media (max-width:760px){
  #dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand{
    width:calc(100% + 72px) !important;
    max-width:calc(100% + 72px) !important;
    margin-left:-36px !important;
    margin-right:-36px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  #dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  #dfy-upgrade .dfy-sales-story > .dfy-story-band,
  #dfy-upgrade .dfy-sales-story > .dfy-limited-story,
  #dfy-upgrade .dfy-sales-story > .dfy-guarantee-story{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:42px 18px !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }
}

/* =========================
   DFY GREEN BANNER - DARK PREMIUM GREEN
========================= */

#dfy-upgrade .product-card.dfy-card.dfy-card-wide > .card-expand .dfy-sales-story > section.dfy-story-band,
#dfy-upgrade .dfy-sales-story > section.dfy-story-band,
#dfy-upgrade .dfy-story-band,
#dfy-upgrade .dfy-learn-build-section{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.10), transparent 42%),
    radial-gradient(circle at 10% 90%, rgba(20,163,112,.14), transparent 40%),
    linear-gradient(135deg, #033728 0%, #075c43 52%, #087a56 100%) !important;
  color:#ffffff !important;
}

/* Keep main banner text white */
#dfy-upgrade .dfy-story-band h3,
#dfy-upgrade .dfy-story-band .dfy-story-narrow p{
  color:#ffffff !important;
}

/* Keep card text dark green for readability */
#dfy-upgrade .dfy-story-band .dfy-learn-cards strong,
#dfy-upgrade .dfy-story-band .dfy-learn-cards p{
  color:#064e3b !important;
}

/* Softer cards inside the green banner */
#dfy-upgrade .dfy-story-band .dfy-learn-cards div{
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
}

/* Keep the orange kicker white */
#dfy-upgrade .dfy-story-band .dfy-story-kicker{
  color:#ffffff !important;
}

/* =========================
   DFY HERO HEADLINE - FINAL 2 LINE FIX
========================= */

/* Let only the hero inner go wider */
#dfy-upgrade .dfy-story-hero .dfy-story-inner{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Keep headline centred and two-line */
#dfy-upgrade .dfy-story-hero .dfy-hero-headline{
  max-width:1180px !important;
  margin:0 auto 18px !important;
  text-align:center !important;
  color:#0c0f0d !important;
  font-size:clamp(42px, 5.2vw, 72px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
}

/* Force each line to behave properly */
#dfy-upgrade .dfy-story-hero .dfy-hero-headline .dfy-headline-line{
  display:block !important;
  color:#0c0f0d !important;
  white-space:nowrap !important;
  text-align:center !important;
}

/* Only Subscribers should be green */
#dfy-upgrade .dfy-story-hero .dfy-hero-headline em{
  color:var(--brand) !important;
  font-style:normal !important;
}

/* Keep the copy block narrower than the headline */
#dfy-upgrade .dfy-story-hero .dfy-story-subhead,
#dfy-upgrade .dfy-story-hero .dfy-story-copy{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobile safety */
@media (max-width:760px){
  #dfy-upgrade .dfy-story-hero .dfy-hero-headline{
    font-size:38px !important;
    line-height:1.06 !important;
  }

  #dfy-upgrade .dfy-story-hero .dfy-hero-headline .dfy-headline-line{
    white-space:normal !important;
  }
}

/* =========================
   DFY HERO / STORY OPEN CLEANUP
========================= */

#dfy-upgrade .dfy-story-hero{
  padding:64px 24px 72px !important;
  background:#fff !important;
}

#dfy-upgrade .dfy-story-hero .dfy-story-inner{
  max-width:1080px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-story-hero .dfy-story-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 24px !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#ea580c) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  box-shadow:0 12px 24px rgba(249,115,22,.24) !important;
}

#dfy-upgrade .dfy-hero-headline{
  max-width:1080px !important;
  margin:0 auto 18px !important;
  text-align:center !important;
  color:#070b0a !important;
  font-size:clamp(42px, 5.4vw, 74px) !important;
  line-height:1.02 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-hero-headline .dfy-headline-line{
  display:block !important;
  color:#070b0a !important;
  white-space:nowrap !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-hero-headline em{
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-story-subhead{
  max-width:820px !important;
  margin:0 auto 44px !important;
  color:#475569 !important;
  text-align:center !important;
  font-size:clamp(20px, 2.4vw, 28px) !important;
  line-height:1.32 !important;
  font-weight:900 !important;
}

#dfy-upgrade .dfy-story-copy{
  max-width:840px !important;
  margin:0 auto !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-story-copy p{
  margin:0 0 14px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-story-copy strong{
  color:#111827 !important;
  font-weight:900 !important;
}

#dfy-upgrade .dfy-story-question{
  margin:26px 0 22px !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  font-style:italic !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-story-list{
  max-width:780px !important;
  margin:18px 0 22px !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:10px !important;
}

#dfy-upgrade .dfy-story-list li{
  position:relative !important;
  padding-left:30px !important;
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.48 !important;
  font-weight:750 !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-story-list-good li::before{
  content:"✅" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}

#dfy-upgrade .dfy-story-list-bad{
  margin-top:12px !important;
  margin-bottom:26px !important;
}

#dfy-upgrade .dfy-story-list-bad li::before{
  content:"�" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}

#dfy-upgrade .dfy-story-image-section{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:46px auto 34px !important;
  padding:0 !important;
}

#dfy-upgrade .dfy-story-image-section img{
  width:min(760px, 100%) !important;
  height:auto !important;
  display:block !important;
}

#dfy-upgrade .dfy-story-hero .dfy-price-stack{
  width:100% !important;
  max-width:680px !important;
  margin:0 auto !important;
  display:grid !important;
  gap:14px !important;
}

#dfy-upgrade .dfy-story-hero .dfy-price-main-full,
#dfy-upgrade .dfy-story-hero .dfy-cta-full,
#dfy-upgrade .dfy-story-hero .dfy-guarantee-full{
  width:100% !important;
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#dfy-upgrade .dfy-story-hero .dfy-cta-full{
  min-height:58px !important;
  font-size:18px !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-story-hero .dfy-guarantee-full{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  text-align:left !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-story-hero{
    padding:44px 18px 54px !important;
  }

  #dfy-upgrade .dfy-hero-headline{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-hero-headline .dfy-headline-line{
    white-space:normal !important;
  }

  #dfy-upgrade .dfy-story-subhead{
    font-size:20px !important;
    margin-bottom:34px !important;
  }

  #dfy-upgrade .dfy-story-copy p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-story-question{
    font-size:18px !important;
    text-align:left !important;
  }

  #dfy-upgrade .dfy-story-image-section{
    margin:34px auto 28px !important;
  }

  #dfy-upgrade .dfy-story-hero .dfy-guarantee-full{
    text-align:center !important;
    flex-direction:column !important;
  }
}

/* =========================
   DFY HERO / STORY OPEN FINAL
========================= */

#dfy-upgrade .dfy-story-hero{
  padding:64px 24px 72px !important;
  background:#fff !important;
}

#dfy-upgrade .dfy-story-hero .dfy-story-inner{
  width:100% !important;
  max-width:1080px !important;
  margin:0 auto !important;
  text-align:center !important;
}

/* Kicker */
#dfy-upgrade .dfy-story-hero .dfy-story-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 24px !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#ea580c) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  box-shadow:0 12px 24px rgba(249,115,22,.24) !important;
}

/* Headline */
#dfy-upgrade .dfy-hero-headline{
  max-width:1080px !important;
  margin:0 auto 18px !important;
  text-align:center !important;
  color:#070b0a !important;
  font-size:clamp(42px, 5.4vw, 74px) !important;
  line-height:1.02 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-hero-headline .dfy-headline-line{
  display:block !important;
  color:#070b0a !important;
  white-space:nowrap !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-hero-headline em{
  color:var(--brand) !important;
  font-style:normal !important;
}

/* Subheadline */
#dfy-upgrade .dfy-story-subhead{
  max-width:840px !important;
  margin:0 auto 44px !important;
  color:#475569 !important;
  text-align:center !important;
  font-size:clamp(20px, 2.4vw, 28px) !important;
  line-height:1.32 !important;
  font-weight:900 !important;
}

/* Story copy */
#dfy-upgrade .dfy-story-copy{
  max-width:840px !important;
  margin:0 auto !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-story-copy p{
  margin:0 0 14px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-story-copy strong{
  color:#111827 !important;
  font-weight:900 !important;
}

#dfy-upgrade .dfy-story-question{
  margin:26px 0 22px !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  font-style:italic !important;
  text-align:center !important;
}

/* Green and red story lists */
#dfy-upgrade .dfy-story-list{
  max-width:780px !important;
  margin:18px 0 22px !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:10px !important;
}

#dfy-upgrade .dfy-story-list li{
  position:relative !important;
  padding-left:30px !important;
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.48 !important;
  font-weight:750 !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-story-list-good li::before{
  content:"✅" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}

#dfy-upgrade .dfy-story-list-bad{
  margin-top:12px !important;
  margin-bottom:26px !important;
}

#dfy-upgrade .dfy-story-list-bad li::before{
  content:"�" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}

/* =========================
   HERO SUMMARY / OFFER CARD
========================= */

#dfy-upgrade .dfy-hero-summary-card{
  width:100% !important;
  max-width:900px !important;
  margin:46px auto 0 !important;
  padding:34px 34px 30px !important;
  border:1px solid rgba(249,115,22,.24) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.07), transparent 44%),
    linear-gradient(135deg, rgba(255,247,237,.96), rgba(255,255,255,.98)) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.06) !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-hero-summary-copy{
  max-width:760px !important;
  margin:0 auto 26px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-summary-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 14px !important;
  padding:7px 14px !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.10) !important;
  border:1px solid rgba(20,163,112,.20) !important;
  color:#08734f !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

#dfy-upgrade .dfy-hero-summary-copy h3{
  max-width:760px !important;
  margin:0 auto 14px !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:clamp(26px, 3vw, 38px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-hero-summary-copy p{
  max-width:700px !important;
  margin:0 auto !important;
  color:#475569 !important;
  font-size:16.5px !important;
  line-height:1.65 !important;
  text-align:center !important;
}

/* Summary checklist */
#dfy-upgrade .dfy-summary-checklist{
  max-width:700px !important;
  margin:0 auto 34px !important;
  padding-left:42px !important;
  padding-right:0 !important;
  list-style:none !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:13px 44px !important;
}

#dfy-upgrade .dfy-summary-checklist li{
  position:relative !important;
  padding-left:32px !important;
  color:#0f172a !important;
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:850 !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-summary-checklist li::before{
  content:"✔" !important;
  position:absolute !important;
  left:0 !important;
  top:-1px !important;
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:#14a370 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
}

/* =========================
   OFFER STACK INSIDE SUMMARY CARD
========================= */

#dfy-upgrade .dfy-hero-summary-card .dfy-hero-offer-stack{
  width:100% !important;
  max-width:720px !important;
  margin:0 auto !important;
  padding:22px 18px 18px !important;
  border:1px solid rgba(249,115,22,.24) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.82) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

/* Hero summary urgency pill only — sits inside the card and still pulses */
#dfy-upgrade .dfy-hero-summary-card .dfy-hero-offer-stack > .dfy-urgency{
  position:static !important;
  transform:none !important;
  margin:0 auto 18px !important;
  width:max-content !important;
  max-width:100% !important;
  z-index:2 !important;
  animation:dfyHeroUrgencyPulse 1.8s ease-in-out infinite !important;
}

/* Hero summary pill pulse — no translate so it does not jump */
@keyframes dfyHeroUrgencyPulse{
  0%, 100%{
    transform:scale(1);
    box-shadow:0 8px 18px rgba(249,115,22,.28);
  }

  50%{
    transform:scale(1.045);
    box-shadow:0 12px 28px rgba(249,115,22,.42);
  }
}

/* Restore main DFY card urgency pill position and pulse */
#dfy-upgrade .dfy-card-wide .dfy-offer-box > .dfy-urgency{
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
  z-index:5 !important;
  animation:dfyMainUrgencyPulse 1.8s ease-in-out infinite !important;
}

/* Main card pulse keeps its translate position */
@keyframes dfyMainUrgencyPulse{
  0%, 100%{
    transform:translate(-50%, -50%) scale(1);
    box-shadow:0 8px 18px rgba(249,115,22,.28);
  }

  50%{
    transform:translate(-50%, -50%) scale(1.045);
    box-shadow:0 12px 28px rgba(249,115,22,.42);
  }
}

#dfy-upgrade .dfy-hero-summary-card .dfy-price-stack{
  width:100% !important;
  max-width:640px !important;
  margin:0 auto !important;
  display:grid !important;
  gap:14px !important;
}

#dfy-upgrade .dfy-hero-summary-card .dfy-price-main-full,
#dfy-upgrade .dfy-hero-summary-card .dfy-cta-full,
#dfy-upgrade .dfy-hero-summary-card .dfy-guarantee-full{
  width:100% !important;
  max-width:640px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Price box */
#dfy-upgrade .dfy-hero-summary-card .dfy-price-main-full{
  padding:22px 24px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.84) !important;
}

/* CTA */
#dfy-upgrade .dfy-hero-summary-card .dfy-cta-full{
  min-height:58px !important;
  font-size:18px !important;
  font-weight:950 !important;
}

/* Guarantee */
#dfy-upgrade .dfy-hero-summary-card .dfy-guarantee-full{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-hero-summary-card .dfy-guarantee-full span{
  flex:0 0 auto !important;
}

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

@media (max-width:760px){
  #dfy-upgrade .dfy-story-hero{
    padding:44px 18px 54px !important;
  }

  #dfy-upgrade .dfy-story-hero .dfy-story-inner{
    max-width:100% !important;
  }

  #dfy-upgrade .dfy-hero-headline{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-hero-headline .dfy-headline-line{
    white-space:normal !important;
  }

  #dfy-upgrade .dfy-story-subhead{
    font-size:20px !important;
    margin-bottom:34px !important;
  }

  #dfy-upgrade .dfy-story-copy p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-story-question{
    font-size:18px !important;
    text-align:left !important;
  }

  #dfy-upgrade .dfy-hero-summary-card{
    margin:36px auto 0 !important;
    padding:22px 18px 20px !important;
    border-radius:18px !important;
  }

  #dfy-upgrade .dfy-hero-summary-copy{
    margin-bottom:22px !important;
  }

  #dfy-upgrade .dfy-hero-summary-copy h3{
    font-size:26px !important;
    line-height:1.08 !important;
  }

  #dfy-upgrade .dfy-hero-summary-copy p{
    text-align:left !important;
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-summary-checklist{
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-bottom:28px !important;
  }

  #dfy-upgrade .dfy-summary-checklist li{
    font-size:14.5px !important;
  }

  #dfy-upgrade .dfy-hero-summary-card .dfy-hero-offer-stack{
    padding:18px 14px 18px !important;
  }

  #dfy-upgrade .dfy-hero-summary-card .dfy-hero-offer-stack > .dfy-urgency{
    margin:0 auto 16px !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    text-align:center !important;
  }

  #dfy-upgrade .dfy-hero-summary-card .dfy-guarantee-full{
    text-align:center !important;
    flex-direction:column !important;
  }
}

/* =========================
   DFY MOBILE CTA FIX - SEPARATE TOP CARD + HERO CARD
========================= */

@media (max-width:760px){

  /* Reset ALL DFY CTAs to a safe mobile base */
  #dfy-upgrade .dfy-cta-full{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
    line-height:1.15 !important;
    padding:16px 12px !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  /* TOP / MAIN DFY CARD CTA */
  #dfy-upgrade .dfy-card-inner .dfy-cta-full{
    font-size:14px !important;
    letter-spacing:-.01em !important;
    white-space:normal !important;
  }

  /* HERO SUMMARY / SALES PAGE CTA */
  #dfy-upgrade .dfy-hero-summary-card .dfy-cta-full{
    font-size:13.5px !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}

/* =========================
   DFY SIMPLE METHOD SECTION
========================= */

#dfy-upgrade .dfy-simple-method-section{
  padding:72px 24px !important;
  background:#fff !important;
  border-top:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-simple-method-section .dfy-story-narrow{
  max-width:860px !important;
  margin:0 auto 38px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-simple-method-section .dfy-story-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 18px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.10) !important;
  border:1px solid rgba(20,163,112,.20) !important;
  color:#08734f !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

#dfy-upgrade .dfy-simple-method-section h3{
  max-width:860px !important;
  margin:0 auto 18px !important;
  color:#070b0a !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-simple-method-section p{
  max-width:780px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

#dfy-upgrade .dfy-simple-method-section .dfy-section-lead{
  font-size:18px !important;
  color:#475569 !important;
}

#dfy-upgrade .dfy-section-punch{
  max-width:760px !important;
  margin:22px auto !important;
  color:#0f172a !important;
  font-size:22px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  text-align:center !important;
}

/* Method step cards */
#dfy-upgrade .dfy-method-steps{
  width:100% !important;
  max-width:1040px !important;
  margin:38px auto 54px !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}

#dfy-upgrade .dfy-method-step{
  padding:22px 18px !important;
  border:1px solid rgba(20,163,112,.18) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.07), transparent 44%),
    #ffffff !important;
  box-shadow:0 14px 32px rgba(15,23,42,.045) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-method-step span{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 14px !important;
  border-radius:999px !important;
  background:#14a370 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-method-step strong{
  display:block !important;
  margin:0 0 10px !important;
  color:#0f172a !important;
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-method-step p{
  margin:0 auto !important;
  color:#475569 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* Upgrade / comparison card */
#dfy-upgrade .dfy-method-shift-card{
  width:100% !important;
  max-width:960px !important;
  margin:0 auto !important;
  padding:34px 30px 32px !important;
  border:1px solid rgba(249,115,22,.24) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.08), transparent 42%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.06) !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-shift-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 14px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#ea580c) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  box-shadow:0 10px 22px rgba(249,115,22,.22) !important;
}

#dfy-upgrade .dfy-method-shift-card h3{
  max-width:760px !important;
  font-size:clamp(30px, 3.4vw, 46px) !important;
  margin-bottom:18px !important;
}

#dfy-upgrade .dfy-traffic-compare{
  max-width:860px !important;
  margin:30px auto !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:stretch !important;
  gap:16px !important;
}

#dfy-upgrade .dfy-traffic-box{
  padding:22px 20px !important;
  border-radius:18px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-traffic-box strong{
  display:block !important;
  margin:0 0 10px !important;
  color:#0f172a !important;
  font-size:17px !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-traffic-box p{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.6 !important;
  color:#334155 !important;
}

#dfy-upgrade .dfy-traffic-box-bad{
  background:rgba(254,242,242,.82) !important;
  border:1px solid rgba(239,68,68,.20) !important;
}

#dfy-upgrade .dfy-traffic-box-bad strong::before{
  content:"� ";
}

#dfy-upgrade .dfy-traffic-box-good{
  background:rgba(236,253,245,.86) !important;
  border:1px solid rgba(20,163,112,.22) !important;
}

#dfy-upgrade .dfy-traffic-box-good strong::before{
  content:"✅ ";
}

#dfy-upgrade .dfy-traffic-vs{
  width:46px !important;
  height:46px !important;
  align-self:center !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:#0f172a !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.18) !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-simple-method-section{
    padding:54px 18px !important;
  }

  #dfy-upgrade .dfy-simple-method-section h3{
    font-size:34px !important;
    line-height:1.06 !important;
  }

  #dfy-upgrade .dfy-simple-method-section p{
    font-size:15.8px !important;
    text-align:left !important;
  }

  #dfy-upgrade .dfy-section-punch{
    font-size:19px !important;
    text-align:center !important;
  }

  #dfy-upgrade .dfy-method-steps{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:30px auto 42px !important;
  }

  #dfy-upgrade .dfy-method-step{
    text-align:left !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    column-gap:14px !important;
    align-items:start !important;
  }

  #dfy-upgrade .dfy-method-step span{
    margin:0 !important;
    grid-row:1 / span 2 !important;
  }

  #dfy-upgrade .dfy-method-step strong,
  #dfy-upgrade .dfy-method-step p{
    text-align:left !important;
  }

  #dfy-upgrade .dfy-method-shift-card{
    padding:26px 18px 24px !important;
    border-radius:20px !important;
  }

  #dfy-upgrade .dfy-traffic-compare{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #dfy-upgrade .dfy-traffic-vs{
    margin:0 auto !important;
  }
}

/* =========================
   DFY SECTION 2 - MOVE COPY FURTHER LEFT
========================= */

#dfy-upgrade .dfy-simple-method-section .dfy-story-narrow{
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:left !important;
}

/* Keep label centred */
#dfy-upgrade .dfy-simple-method-section .dfy-story-label{
  display:inline-flex !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep headline centred */
#dfy-upgrade .dfy-simple-method-section .dfy-story-narrow > h3{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Move paragraph copy left inside the wider wrapper */
#dfy-upgrade .dfy-simple-method-section .dfy-story-narrow p{
  max-width:840px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}

/* Keep the punch line aligned with the story copy, not centred */
#dfy-upgrade .dfy-simple-method-section .dfy-section-punch{
  max-width:840px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}

/* =========================
   REUSABLE GREEN PEN UNDERLINE
========================= */

#dfy-upgrade .dfy-pen-underline{
  position:relative !important;
  display:inline-block !important;
  font-style:normal !important;
  color:var(--brand) !important;
  z-index:1 !important;
}

#dfy-upgrade .dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:-5px !important;
  right:-5px !important;
  bottom:-7px !important;
  height:10px !important;
  background:rgba(20,163,112,.24) !important;
  border-radius:999px !important;
  transform:rotate(-1.5deg) !important;
  z-index:-1 !important;
}

/* =========================
   DFY METHOD STEPS - CENTER TEXT
========================= */

#dfy-upgrade .dfy-method-steps .dfy-method-step{
  text-align:center !important;
}

#dfy-upgrade .dfy-method-steps .dfy-method-step span{
  margin-left:auto !important;
  margin-right:auto !important;
}

#dfy-upgrade .dfy-method-steps .dfy-method-step strong,
#dfy-upgrade .dfy-method-steps .dfy-method-step p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================
   DFY UPGRADE CARD - CENTER ALL TEXT
========================= */

#dfy-upgrade .dfy-method-shift-card{
  text-align:center !important;
}

#dfy-upgrade .dfy-method-shift-card h3,
#dfy-upgrade .dfy-method-shift-card p,
#dfy-upgrade .dfy-method-shift-card strong,
#dfy-upgrade .dfy-method-shift-card .dfy-section-punch{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Center text inside the comparison cards */
#dfy-upgrade .dfy-method-shift-card .dfy-traffic-box{
  text-align:center !important;
}

#dfy-upgrade .dfy-method-shift-card .dfy-traffic-box strong,
#dfy-upgrade .dfy-method-shift-card .dfy-traffic-box p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep the VS badge centered */
#dfy-upgrade .dfy-method-shift-card .dfy-traffic-vs{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================
   GLOBAL DFY PILL CENTERING
   Applies to all small label/kicker pills
========================= */

#dfy-upgrade .dfy-story-label,
#dfy-upgrade .dfy-story-kicker,
#dfy-upgrade .dfy-shift-kicker,
#dfy-upgrade .dfy-hero-kicker,
#dfy-upgrade .dfy-card-kicker,
#dfy-upgrade .dfy-offer-kicker{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Force Section 2 "The Simple Method" pill dead centre */
#dfy-upgrade .dfy-simple-method-section .dfy-story-narrow > .dfy-story-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:0 auto 18px auto !important;
  float:none !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}

/* =========================
   DFY VS COMPARISON SECTION
========================= */

#dfy-upgrade .dfy-method-shift-card{
  padding-top:30px !important;
  padding-bottom:30px !important;
}

/* Main VS layout */
#dfy-upgrade .dfy-vs-wrap{
  position:relative !important;
  max-width:1000px !important;
  margin:34px auto 24px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:stretch !important;
  gap:34px !important;
}

/* Cards */
#dfy-upgrade .dfy-vs-card{
  position:relative !important;
  overflow:visible !important;
  min-height:410px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 18px 42px rgba(15,23,42,.07) !important;
}

#dfy-upgrade .dfy-vs-card-bad{
  border:1px solid rgba(220,38,38,.22) !important;
  background:linear-gradient(180deg, rgba(254,242,242,.72), #fff 45%) !important;
}

#dfy-upgrade .dfy-vs-card-good{
  border:1px solid rgba(20,163,112,.28) !important;
  background:linear-gradient(180deg, rgba(236,253,245,.82), #fff 45%) !important;
}

/* Big X / Tick icons */
#dfy-upgrade .dfy-vs-icon{
  position:absolute !important;
  top:-36px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:72px !important;
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#fff !important;
  font-size:46px !important;
  font-weight:950 !important;
  line-height:1 !important;
  z-index:5 !important;
  border-width:4px !important;
  border-style:solid !important;
}

#dfy-upgrade .dfy-vs-icon-bad{
  color:#dc2626 !important;
  border-color:rgba(220,38,38,.13) !important;
  box-shadow:0 14px 30px rgba(220,38,38,.20) !important;
}

#dfy-upgrade .dfy-vs-icon-good{
  color:#16a34a !important;
  border-color:rgba(22,163,74,.14) !important;
  box-shadow:0 14px 30px rgba(22,163,74,.20) !important;
}

/* Top card area */
#dfy-upgrade .dfy-vs-thumb{
  height:132px !important;
  padding:44px 22px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}

#dfy-upgrade .dfy-vs-thumb strong{
  display:block !important;
  margin:0 0 8px !important;
  color:#0f172a !important;
  font-size:24px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}

#dfy-upgrade .dfy-vs-card-bad .dfy-vs-thumb strong{
  color:#7f1d1d !important;
}

#dfy-upgrade .dfy-vs-card-good .dfy-vs-thumb strong{
  color:#065f46 !important;
}

#dfy-upgrade .dfy-vs-thumb span{
  display:block !important;
  max-width:320px !important;
  margin:0 auto !important;
  color:#64748b !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

/* Card body */
#dfy-upgrade .dfy-vs-body{
  flex:1 !important;
  padding:22px 26px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-vs-body h4{
  min-height:30px !important;
  margin:0 0 12px !important;
  color:#0f172a !important;
  font-size:24px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}

#dfy-upgrade .dfy-vs-card-bad .dfy-vs-body h4{
  color:#7f1d1d !important;
}

#dfy-upgrade .dfy-vs-card-good .dfy-vs-body h4{
  color:#065f46 !important;
}

#dfy-upgrade .dfy-vs-body p{
  min-height:48px !important;
  max-width:340px !important;
  margin:0 auto 16px !important;
  color:#475569 !important;
  font-size:16px !important;
  line-height:1.5 !important;
  text-align:center !important;
}

/* Bullet lists */
#dfy-upgrade .dfy-vs-body ul{
  max-width:330px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  gap:8px !important;
  list-style:none !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-vs-body li{
  position:relative !important;
  padding-left:29px !important;
  color:#0f172a !important;
  font-size:14.5px !important;
  line-height:1.3 !important;
  font-weight:850 !important;
}

#dfy-upgrade .dfy-vs-body li::before{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:18px !important;
  height:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

#dfy-upgrade .dfy-vs-card-bad .dfy-vs-body li::before{
  content:"✕" !important;
  background:#dc2626 !important;
}

#dfy-upgrade .dfy-vs-card-good .dfy-vs-body li::before{
  content:"✓" !important;
  background:#16a34a !important;
}

/* VS badge */
#dfy-upgrade .dfy-vs-badge{
  position:relative !important;
  z-index:6 !important;
  align-self:center !important;
  width:70px !important;
  height:70px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#f97316,#ea580c) !important;
  border:6px solid #fff !important;
  color:#fff !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  box-shadow:0 16px 34px rgba(249,115,22,.34) !important;
}

/* Bottom punch copy */
#dfy-upgrade .dfy-method-shift-card > .dfy-section-punch{
  max-width:780px !important;
  margin:22px auto 10px !important;
  font-size:18px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-method-shift-card > p:last-child{
  max-width:760px !important;
  margin:0 auto !important;
  font-size:15.5px !important;
  line-height:1.6 !important;
  text-align:center !important;
}

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

@media (max-width:760px){

  #dfy-upgrade .dfy-vs-wrap{
    grid-template-columns:1fr !important;
    gap:52px !important;
    max-width:100% !important;
    margin:54px auto 28px !important;
  }

  #dfy-upgrade .dfy-vs-card{
    min-height:auto !important;
    border-radius:20px !important;
  }

  #dfy-upgrade .dfy-vs-card-bad{
    order:1 !important;
  }

  #dfy-upgrade .dfy-vs-badge{
    order:2 !important;
    width:64px !important;
    height:64px !important;
    margin:-26px auto !important;
    font-size:21px !important;
  }

  #dfy-upgrade .dfy-vs-card-good{
    order:3 !important;
  }

  #dfy-upgrade .dfy-vs-icon{
    width:68px !important;
    height:68px !important;
    top:-34px !important;
    font-size:44px !important;
  }

  #dfy-upgrade .dfy-vs-thumb{
    height:auto !important;
    min-height:126px !important;
    padding:48px 18px 22px !important;
  }

  #dfy-upgrade .dfy-vs-thumb strong{
    font-size:22px !important;
  }

  #dfy-upgrade .dfy-vs-thumb span{
    max-width:280px !important;
    font-size:12.5px !important;
  }

  #dfy-upgrade .dfy-vs-body{
    padding:24px 20px 26px !important;
  }

  #dfy-upgrade .dfy-vs-body h4{
    min-height:auto !important;
    font-size:22px !important;
  }

  #dfy-upgrade .dfy-vs-body p{
    min-height:auto !important;
    max-width:300px !important;
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-vs-body ul{
    max-width:300px !important;
  }

  #dfy-upgrade .dfy-vs-body li{
    font-size:14px !important;
  }

  #dfy-upgrade .dfy-method-shift-card > .dfy-section-punch{
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-method-shift-card > p:last-child{
    font-size:15px !important;
  }
}

/* =========================
   DIY VS DFY - STORY TEXT ALIGNMENT FIX
========================= */

/* Keep the main section intro centred where needed */
#dfy-upgrade .dfy-diy-dfy-section .dfy-section-lead,
#dfy-upgrade .dfy-diy-dfy-section .dfy-section-punch{
  text-align:center !important;
}

/* Align the main story paragraphs left */
#dfy-upgrade .dfy-diy-dfy-section > .dfy-story-narrow > p:not(.dfy-section-lead):not(.dfy-section-punch){
  text-align:left !important;
}

/* Align the after-house story paragraphs left */
#dfy-upgrade .dfy-diy-dfy-story-after p:not(.dfy-section-punch){
  text-align:left !important;
}

/* Keep the house punch centred */
#dfy-upgrade .dfy-house-story-card .dfy-house-punch,
#dfy-upgrade .dfy-house-story-card > .dfy-house-punch{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:block !important;
}


/* =========================
   DFY LEARN WHILE WE BUILD SECTION
========================= */

#dfy-upgrade .dfy-learn-build-section{
  position:relative !important;
  overflow:hidden !important;
  padding:72px 28px 70px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(20,163,112,.28), transparent 38%),
    linear-gradient(135deg, #064e3b 0%, #06724f 45%, #0d9468 100%) !important;
  color:#fff !important;
  border-radius:0 !important;
}

#dfy-upgrade .dfy-learn-build-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04), transparent 28%, rgba(255,255,255,.05) 70%, transparent),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06), transparent 45%) !important;
  pointer-events:none !important;
}

/* Intro */
#dfy-upgrade .dfy-learn-build-section .dfy-story-narrow{
  position:relative !important;
  z-index:2 !important;
  max-width:980px !important;
  margin:0 auto 36px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-learn-build-section .dfy-story-kicker{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto 22px !important;
  padding:10px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#f97316,#ea580c) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  box-shadow:0 14px 30px rgba(249,115,22,.28) !important;
}

#dfy-upgrade .dfy-learn-build-section h3{
  max-width:900px !important;
  margin:0 auto 18px !important;
  color:#fff !important;
  font-size:clamp(38px, 5vw, 72px) !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
  text-align:center !important;
  text-shadow:0 12px 34px rgba(0,0,0,.16) !important;
}

#dfy-upgrade .dfy-learn-build-section .dfy-story-narrow p{
  max-width:880px !important;
  margin:0 auto 20px !important;
  color:rgba(255,255,255,.94) !important;
  font-size:19px !important;
  line-height:1.65 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-learn-build-section .dfy-story-narrow p:last-child{
  margin-bottom:0 !important;
}

/* Cards layout */
#dfy-upgrade .dfy-learn-cards{
  position:relative !important;
  z-index:2 !important;
  max-width:1100px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

/* Card */
#dfy-upgrade .dfy-learn-card{
  position:relative !important;
  min-height:270px !important;
  padding:74px 26px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  border-radius:28px !important;
  background:rgba(232,243,239,.92) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.06) !important;
  text-align:center !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

/* Remove old green corner decoration */
#dfy-upgrade .dfy-learn-card::after{
  display:none !important;
  content:none !important;
}

/* Top icon */
#dfy-upgrade .dfy-learn-icon{
  position:absolute !important;
  top:-34px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:96px !important;
  height:96px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  color:#0f172a !important;
  font-size:42px !important;
  line-height:1 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.12) !important;
  border:1px solid rgba(15,23,42,.06) !important;
  z-index:3 !important;
}

/* Card title */
#dfy-upgrade .dfy-learn-card strong{
  display:block !important;
  margin:0 !important;
  color:#064e3b !important;
  font-size:26px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
  text-align:center !important;
}

/* Thin divider + tick */
#dfy-upgrade .dfy-learn-divider{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:250px !important;
  height:30px !important;
  margin:16px auto 18px !important;
  background:transparent !important;
}

#dfy-upgrade .dfy-learn-divider::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:50% !important;
  height:1px !important;
  background:rgba(20,163,112,.32) !important;
  transform:translateY(-50%) !important;
}

#dfy-upgrade .dfy-learn-divider::after{
  content:"✓" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#ecfdf5 !important;
  border:3px solid #14a370 !important;
  color:#14a370 !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

/* Card paragraph */
#dfy-upgrade .dfy-learn-card p{
  max-width:245px !important;
  min-height:auto !important;
  margin:0 auto !important;
  color:#0f3f36 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  text-align:center !important;
}

/* Bottom note */
#dfy-upgrade .dfy-learn-bottom-note{
  position:relative !important;
  z-index:2 !important;
  max-width:860px !important;
  margin:24px auto 0 !important;
  padding:16px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  border-radius:18px !important;
  background:rgba(7,90,66,.32) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.10) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-learn-bottom-note span{
  font-size:24px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#dfy-upgrade .dfy-learn-bottom-note p{
  margin:0 !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-learn-bottom-note strong{
  color:#bbf7d0 !important;
  font-weight:950 !important;
}

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

@media (max-width:760px){

  #dfy-upgrade .dfy-learn-build-section{
    padding:58px 18px 60px !important;
  }

  #dfy-upgrade .dfy-learn-build-section .dfy-story-narrow{
    margin-bottom:52px !important;
  }

  #dfy-upgrade .dfy-learn-build-section h3{
    font-size:42px !important;
    line-height:1.02 !important;
  }

  #dfy-upgrade .dfy-learn-build-section .dfy-story-narrow p{
    font-size:16px !important;
    line-height:1.65 !important;
  }

  #dfy-upgrade .dfy-learn-cards{
    grid-template-columns:1fr !important;
    gap:52px !important;
    margin:0 auto !important;
  }

  #dfy-upgrade .dfy-learn-card{
    min-height:auto !important;
    padding:70px 22px 28px !important;
    border-radius:24px !important;
  }

  #dfy-upgrade .dfy-learn-icon{
    width:84px !important;
    height:84px !important;
    top:-30px !important;
    font-size:36px !important;
  }

  #dfy-upgrade .dfy-learn-card strong{
    font-size:24px !important;
  }

  #dfy-upgrade .dfy-learn-divider{
    max-width:230px !important;
    margin:15px auto 17px !important;
  }

  #dfy-upgrade .dfy-learn-card p{
    max-width:280px !important;
    font-size:15px !important;
  }

  #dfy-upgrade .dfy-learn-bottom-note{
    max-width:100% !important;
    margin-top:24px !important;
    padding:14px 16px !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  #dfy-upgrade .dfy-learn-bottom-note p{
    font-size:14px !important;
  }
}

/* =========================
   DIY VS DFY SECTION
========================= */

#dfy-upgrade .dfy-diy-dfy-section{
  position:relative !important;
  padding:64px 24px 70px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fffc 100%) !important;
  border-top:1px solid rgba(20,163,112,.10) !important;
}

/* Intro / story copy */
#dfy-upgrade .dfy-diy-dfy-section .dfy-story-narrow{
  max-width:860px !important;
  margin:0 auto 30px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-diy-dfy-section .dfy-story-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto 18px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.10) !important;
  border:1px solid rgba(20,163,112,.20) !important;
  color:#08734f !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

#dfy-upgrade .dfy-diy-dfy-section h3{
  max-width:820px !important;
  margin:0 auto 18px !important;
  color:#070b0a !important;
  font-size:clamp(38px, 4.6vw, 60px) !important;
  line-height:1.02 !important;
  letter-spacing:-.058em !important;
  font-weight:950 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-diy-dfy-section .dfy-story-narrow > p{
  max-width:760px !important;
  margin:0 auto 15px !important;
  color:#334155 !important;
  font-size:17.5px !important;
  line-height:1.68 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-diy-dfy-section .dfy-section-lead{
  max-width:740px !important;
  color:#1f2937 !important;
  font-size:18.5px !important;
  font-weight:750 !important;
}

#dfy-upgrade .dfy-diy-dfy-section .dfy-section-punch{
  max-width:780px !important;
  margin:18px auto !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.32 !important;
  font-weight:950 !important;
  text-align:center !important;
}

/* =========================
   HOUSE STORY CARD
========================= */

#dfy-upgrade .dfy-house-story-card{
  display:block !important;
  max-width:920px !important;
  margin:26px auto 28px !important;
  padding:30px 32px 28px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.12), transparent 44%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  border:1px solid rgba(249,115,22,.24) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.06) !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-house-story-card *{
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-house-kicker{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto 22px !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#f97316,#ea580c) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  box-shadow:0 12px 24px rgba(249,115,22,.24) !important;
}

#dfy-upgrade .dfy-house-story-grid{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr 1px 1fr !important;
  align-items:start !important;
  justify-content:center !important;
  gap:30px !important;
}

#dfy-upgrade .dfy-house-side{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-house-icon{
  width:66px !important;
  height:66px !important;
  margin:0 auto 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:30px !important;
  line-height:1 !important;
}

#dfy-upgrade .dfy-house-icon-diy{
  background:rgba(249,115,22,.12) !important;
}

#dfy-upgrade .dfy-house-icon-dfy{
  background:rgba(20,163,112,.12) !important;
}

#dfy-upgrade .dfy-house-side h4{
  width:100% !important;
  max-width:330px !important;
  min-height:52px !important;
  margin:0 auto 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-house-side p{
  width:100% !important;
  max-width:315px !important;
  min-height:76px !important;
  margin:0 auto !important;
  color:#334155 !important;
  font-size:15.5px !important;
  line-height:1.55 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-house-divider{
  width:1px !important;
  height:120px !important;
  margin:0 auto !important;
  background:rgba(249,115,22,.22) !important;
}

#dfy-upgrade .dfy-house-punch{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  margin:24px auto 0 !important;
  padding:22px 0 0 !important;
  border-top:1px solid rgba(249,115,22,.18) !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.3 !important;
  font-weight:950 !important;
  text-align:center !important;
}

/* Story after house card */
#dfy-upgrade .dfy-diy-dfy-story-after{
  max-width:820px !important;
  margin:0 auto 22px !important;
}

#dfy-upgrade .dfy-diy-dfy-story-after p{
  max-width:760px !important;
  font-size:16.5px !important;
  line-height:1.6 !important;
}

#dfy-upgrade .dfy-diy-dfy-story-after .dfy-section-punch{
  max-width:720px !important;
  margin:18px auto 0 !important;
  font-size:20px !important;
}

/* =========================
   DIY VS DFY COMPARISON CARDS
========================= */

#dfy-upgrade .dfy-diy-dfy-compare{
  position:relative !important;
  max-width:1080px !important;
  margin:58px auto 0 !important;
  display:grid !important;
  grid-template-columns:1fr auto 1.08fr !important;
  align-items:stretch !important;
  gap:30px !important;
}

/* Route cards */
#dfy-upgrade .dfy-route-card{
  position:relative !important;
  overflow:visible !important;
  height:100% !important;
  min-height:500px !important;
  padding:66px 30px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:0 18px 42px rgba(15,23,42,.07) !important;
  text-align:center !important;
  box-sizing:border-box !important;
  transform:none !important;
}

#dfy-upgrade .dfy-route-card-diy{
  border:1px solid rgba(249,115,22,.28) !important;
  background:linear-gradient(180deg, rgba(255,247,237,.82), #fff 48%) !important;
}

#dfy-upgrade .dfy-route-card-dfy{
  border:2px solid rgba(20,163,112,.44) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.11), transparent 40%),
    linear-gradient(180deg, rgba(236,253,245,.88), #fff 48%) !important;
  box-shadow:
    0 22px 52px rgba(20,163,112,.16),
    0 18px 42px rgba(15,23,42,.07) !important;
}

/* Card icons */
#dfy-upgrade .dfy-route-icon{
  position:absolute !important;
  top:-38px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:70px !important;
  height:70px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#fff !important;
  font-size:34px !important;
  line-height:1 !important;
  border:4px solid rgba(15,23,42,.06) !important;
  box-shadow:0 16px 34px rgba(15,23,42,.12) !important;
  z-index:4 !important;
}

#dfy-upgrade .dfy-route-icon-diy{
  box-shadow:0 16px 34px rgba(249,115,22,.18) !important;
}

#dfy-upgrade .dfy-route-icon-dfy{
  box-shadow:0 18px 40px rgba(20,163,112,.24) !important;
}

/* Route tags */
#dfy-upgrade .dfy-route-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 8px !important;
  padding:8px 15px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}

#dfy-upgrade .dfy-route-card-diy .dfy-route-tag{
  color:#9a3412 !important;
  background:rgba(249,115,22,.12) !important;
  border:1px solid rgba(249,115,22,.22) !important;
}

#dfy-upgrade .dfy-route-card-dfy .dfy-route-tag{
  color:#065f46 !important;
  background:rgba(20,163,112,.13) !important;
  border:1px solid rgba(20,163,112,.24) !important;
}

/* Timeframe badges */
#dfy-upgrade .dfy-route-time{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-route-time-diy{
  color:#9a3412 !important;
  background:rgba(249,115,22,.10) !important;
  border:1px solid rgba(249,115,22,.20) !important;
}

#dfy-upgrade .dfy-route-time-dfy{
  color:#065f46 !important;
  background:rgba(20,163,112,.12) !important;
  border:1px solid rgba(20,163,112,.24) !important;
}

/* Card headings */
#dfy-upgrade .dfy-route-card h4{
  margin:0 0 10px !important;
  color:#0f172a !important;
  font-size:32px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-route-card-diy h4{
  color:#9a3412 !important;
}

#dfy-upgrade .dfy-route-card-dfy h4{
  color:#065f46 !important;
  font-size:34px !important;
}

/* Route intro copy */
#dfy-upgrade .dfy-route-card > p{
  min-height:58px !important;
  max-width:330px !important;
  margin:0 auto 18px !important;
  color:#475569 !important;
  font-size:15.5px !important;
  line-height:1.55 !important;
  text-align:center !important;
}

/* Lists */
#dfy-upgrade .dfy-route-card ul{
  width:100% !important;
  max-width:340px !important;
  margin:0 auto 34px !important;
  padding:18px 0 0 !important;
  display:grid !important;
  gap:9px !important;
  list-style:none !important;
  text-align:left !important;
  border-top:1px solid rgba(15,23,42,.10) !important;
}

#dfy-upgrade .dfy-route-card li{
  position:relative !important;
  padding-left:33px !important;
  color:#0f172a !important;
  font-size:15px !important;
  line-height:1.38 !important;
  font-weight:850 !important;
}

#dfy-upgrade .dfy-route-card li::before{
  position:absolute !important;
  left:0 !important;
  top:1px !important;
  width:21px !important;
  height:21px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

#dfy-upgrade .dfy-route-card-diy li::before{
  content:"✓" !important;
  background:#f97316 !important;
}

#dfy-upgrade .dfy-route-card-dfy li::before{
  content:"✓" !important;
  background:#16a34a !important;
}

/* Bottom pills */
#dfy-upgrade .dfy-route-learning-note,
#dfy-upgrade .dfy-route-recommended{
  width:100% !important;
  max-width:340px !important;
  min-height:44px !important;
  margin:0 auto !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-route-learning-note{
  color:#9a3412 !important;
  background:rgba(249,115,22,.10) !important;
  border:1px solid rgba(249,115,22,.22) !important;
}

#dfy-upgrade .dfy-route-recommended{
  color:#065f46 !important;
  background:rgba(20,163,112,.10) !important;
  border:1px solid rgba(20,163,112,.22) !important;
}

/* Push bottom pills to the card bottom on desktop */
@media (min-width:761px){
  #dfy-upgrade .dfy-route-learning-note,
  #dfy-upgrade .dfy-route-recommended{
    margin-top:auto !important;
  }
}

/* OR badge */
#dfy-upgrade .dfy-route-vs{
  position:relative !important;
  z-index:6 !important;
  align-self:center !important;
  width:66px !important;
  height:66px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#f97316,#ea580c) !important;
  border:6px solid #fff !important;
  color:#fff !important;
  font-size:21px !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  box-shadow:0 16px 34px rgba(249,115,22,.34) !important;
}

/* Bottom takeaway */
#dfy-upgrade .dfy-route-bottom-note{
  max-width:900px !important;
  margin:28px auto 0 !important;
  padding:20px 26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(20,163,112,.13), transparent 34%),
    rgba(20,163,112,.08) !important;
  border:1px solid rgba(20,163,112,.18) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.045) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-route-bottom-note span{
  width:48px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#ecfdf5 !important;
  border:1px solid rgba(20,163,112,.22) !important;
  color:#08734f !important;
  font-size:24px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#dfy-upgrade .dfy-route-bottom-note p{
  margin:0 !important;
  color:#0f172a !important;
  font-size:20px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  text-align:left !important;
}

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

@media (max-width:760px){

  #dfy-upgrade .dfy-diy-dfy-section{
    padding:52px 18px 58px !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section .dfy-story-narrow{
    margin-bottom:30px !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section h3{
    font-size:34px !important;
    line-height:1.06 !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section .dfy-story-narrow > p,
  #dfy-upgrade .dfy-house-side p{
    font-size:15.5px !important;
    line-height:1.6 !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section .dfy-section-punch{
    font-size:19px !important;
  }

  #dfy-upgrade .dfy-house-story-card{
    padding:24px 18px !important;
    border-radius:22px !important;
  }

  #dfy-upgrade .dfy-house-story-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  #dfy-upgrade .dfy-house-divider{
    width:100% !important;
    height:1px !important;
  }

  #dfy-upgrade .dfy-house-side h4{
    min-height:auto !important;
    font-size:20px !important;
  }

  #dfy-upgrade .dfy-house-side p{
    min-height:auto !important;
  }

  #dfy-upgrade .dfy-house-punch{
    font-size:20px !important;
    padding-top:20px !important;
  }

  #dfy-upgrade .dfy-diy-dfy-compare{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:34px !important;
    max-width:100% !important;
    margin:58px auto 0 !important;
  }

  #dfy-upgrade .dfy-route-card{
    width:100% !important;
    max-width:360px !important;
    min-height:auto !important;
    height:auto !important;
    padding:62px 20px 26px !important;
    border-radius:22px !important;
    transform:none !important;
  }

  #dfy-upgrade .dfy-route-card-diy{
    order:1 !important;
  }

  #dfy-upgrade .dfy-route-vs{
    order:2 !important;
    position:relative !important;
    align-self:center !important;
    width:62px !important;
    height:62px !important;
    margin:-10px auto !important;
    flex:0 0 auto !important;
    font-size:20px !important;
  }

  #dfy-upgrade .dfy-route-card-dfy{
    order:3 !important;
  }

  #dfy-upgrade .dfy-route-icon{
    width:68px !important;
    height:68px !important;
    top:-34px !important;
    font-size:32px !important;
  }

  #dfy-upgrade .dfy-route-card h4,
  #dfy-upgrade .dfy-route-card-dfy h4{
    font-size:28px !important;
    line-height:1.08 !important;
  }

  #dfy-upgrade .dfy-route-card > p{
    min-height:auto !important;
    max-width:285px !important;
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-route-card ul{
    max-width:285px !important;
    margin-bottom:30px !important;
  }

  #dfy-upgrade .dfy-route-card li{
    font-size:14px !important;
    line-height:1.3 !important;
  }

  #dfy-upgrade .dfy-route-learning-note,
  #dfy-upgrade .dfy-route-recommended{
    max-width:285px !important;
    margin-top:0 !important;
    font-size:13.5px !important;
  }

  #dfy-upgrade .dfy-route-bottom-note{
    margin-top:28px !important;
    padding:18px 16px !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  #dfy-upgrade .dfy-route-bottom-note p{
    font-size:16px !important;
    text-align:center !important;
  }
}

/* =========================
   DFY SETUP PROBLEM / AGITATION SECTION
========================= */

#dfy-upgrade .dfy-setup-problem-section{
  position:relative !important;
  padding:74px 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.08), transparent 34%),
    linear-gradient(180deg, #fffaf5 0%, #ffffff 100%) !important;
  border-top:1px solid rgba(249,115,22,.12) !important;
  border-bottom:1px solid rgba(249,115,22,.10) !important;
}

#dfy-upgrade .dfy-setup-problem-section .dfy-story-narrow{
  max-width:860px !important;
  margin:0 auto !important;
  text-align:left !important;
}

/* Label */
#dfy-upgrade .dfy-setup-problem-section .dfy-story-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto 18px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  background:rgba(249,115,22,.10) !important;
  border:1px solid rgba(249,115,22,.22) !important;
  color:#9a3412 !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* Heading */
#dfy-upgrade .dfy-setup-problem-section h3{
  max-width:860px !important;
  margin:0 auto 24px !important;
  color:#070b0a !important;
  font-size:clamp(36px, 4.6vw, 62px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  text-align:center !important;
}

/* Story copy */
#dfy-upgrade .dfy-setup-problem-section .dfy-story-narrow > p{
  max-width:820px !important;
  margin:0 auto 18px !important;
  color:#334155 !important;
  font-size:18px !important;
  line-height:1.72 !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-setup-problem-section .dfy-section-lead{
  color:#1f2937 !important;
  font-size:19px !important;
  font-weight:850 !important;
}

#dfy-upgrade .dfy-setup-problem-section .dfy-section-punch{
  max-width:820px !important;
  margin:26px auto !important;
  color:#0f172a !important;
  font-size:23px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  text-align:center !important;
}

/* =========================
   THOUGHT LOOP
========================= */

#dfy-upgrade .dfy-thought-loop{
  max-width:760px !important;
  margin:30px auto !important;
  padding:24px !important;
  display:grid !important;
  gap:12px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(249,115,22,.20) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.055) !important;
}

#dfy-upgrade .dfy-thought-loop span{
  display:block !important;
  padding:14px 18px !important;
  border-radius:14px !important;
  background:rgba(255,247,237,.92) !important;
  border:1px solid rgba(249,115,22,.12) !important;
  color:#7c2d12 !important;
  font-size:17px !important;
  line-height:1.4 !important;
  font-weight:950 !important;
  text-align:center !important;
}

/* =========================
   NO MORE TECH BOTTLENECKS BOX
========================= */

#dfy-upgrade .dfy-bottleneck-box{
  position:relative !important;
  max-width:760px !important;
  margin:30px auto 26px !important;
  padding:30px 24px 24px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(249,115,22,.06), transparent 32%),
    linear-gradient(135deg, #fffaf5 0%, #ffffff 100%) !important;
  border:1px solid rgba(249,115,22,.22) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.045) !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-bottleneck-box::before{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  border-radius:18px !important;
  border:1px solid rgba(249,115,22,.10) !important;
  pointer-events:none !important;
}

#dfy-upgrade .dfy-bottleneck-icon{
  position:relative !important;
  z-index:2 !important;
  width:46px !important;
  height:46px !important;
  margin:0 auto 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid rgba(249,115,22,.20) !important;
  color:#f97316 !important;
  font-size:24px !important;
  line-height:1 !important;
  box-shadow:0 10px 22px rgba(249,115,22,.14) !important;
}

#dfy-upgrade .dfy-bottleneck-box h4{
  position:relative !important;
  z-index:2 !important;
  max-width:620px !important;
  margin:0 auto 8px !important;
  color:#0f172a !important;
  font-size:clamp(28px, 3.2vw, 40px) !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-bottleneck-box h4::after{
  content:"" !important;
  display:block !important;
  width:150px !important;
  height:4px !important;
  margin:10px auto 0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, #f97316, transparent) !important;
}

#dfy-upgrade .dfy-bottleneck-subhead{
  position:relative !important;
  z-index:2 !important;
  max-width:620px !important;
  margin:14px auto 22px !important;
  color:#334155 !important;
  font-size:15.5px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
  text-align:center !important;
}

/* Bottleneck grid */
#dfy-upgrade .dfy-bottleneck-grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  max-width:660px !important;
  margin:0 auto !important;
}

#dfy-upgrade .dfy-bottleneck-item{
  min-height:56px !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(249,115,22,.18) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-bottleneck-item span{
  width:30px !important;
  height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#f97316,#ea580c) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
  box-shadow:0 8px 16px rgba(249,115,22,.16) !important;
}

#dfy-upgrade .dfy-bottleneck-item strong{
  color:#0f172a !important;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
}

/* Bottom takeaway */
#dfy-upgrade .dfy-bottleneck-bottom{
  position:relative !important;
  z-index:2 !important;
  max-width:660px !important;
  margin:20px auto 0 !important;
  padding:14px 16px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:12px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(249,115,22,.10), transparent 34%),
    rgba(255,247,237,.78) !important;
  border:1px solid rgba(249,115,22,.22) !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-bottleneck-bottom span{
  width:40px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid rgba(249,115,22,.22) !important;
  color:#f97316 !important;
  font-size:21px !important;

  line-height:1 !important;
  box-shadow:0 8px 18px rgba(249,115,22,.12) !important;
}

#dfy-upgrade .dfy-bottleneck-bottom p{
  margin:0 !important;
  color:#0f172a !important;
  font-size:15.5px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  text-align:left !important;
}

/* Optional closing punch if used outside the bottleneck box */
#dfy-upgrade .dfy-setup-problem-section .dfy-story-punch{
  max-width:820px !important;
  margin:30px auto 0 !important;
  padding:22px 26px !important;
  border-radius:20px !important;
  background:rgba(20,163,112,.08) !important;
  border:1px solid rgba(20,163,112,.16) !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.45 !important;
  font-weight:950 !important;
  text-align:center !important;
}

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

@media (max-width:760px){

  #dfy-upgrade .dfy-setup-problem-section{
    padding:56px 18px !important;
  }

  #dfy-upgrade .dfy-setup-problem-section h3{
    font-size:34px !important;
    line-height:1.06 !important;
  }

  #dfy-upgrade .dfy-setup-problem-section .dfy-story-narrow > p{
    font-size:16px !important;
    line-height:1.65 !important;
  }

  #dfy-upgrade .dfy-setup-problem-section .dfy-section-lead{
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-setup-problem-section .dfy-section-punch{
    font-size:19px !important;
  }

  #dfy-upgrade .dfy-thought-loop{
    padding:18px !important;
    margin:24px auto !important;
  }

  #dfy-upgrade .dfy-thought-loop span{
    padding:12px 14px !important;
    font-size:15px !important;
  }

  #dfy-upgrade .dfy-bottleneck-box{
    max-width:100% !important;
    padding:28px 14px 22px !important;
    border-radius:22px !important;
  }

  #dfy-upgrade .dfy-bottleneck-box::before{
    inset:9px !important;
    border-radius:18px !important;
  }

  #dfy-upgrade .dfy-bottleneck-icon{
    width:44px !important;
    height:44px !important;
    font-size:23px !important;
  }

  #dfy-upgrade .dfy-bottleneck-box h4{
    font-size:28px !important;
  }

  #dfy-upgrade .dfy-bottleneck-subhead{
    font-size:14.5px !important;
  }

  #dfy-upgrade .dfy-bottleneck-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #dfy-upgrade .dfy-bottleneck-item{
    min-height:54px !important;
    padding:10px 12px !important;
  }

  #dfy-upgrade .dfy-bottleneck-item strong{
    font-size:13.5px !important;
  }

  #dfy-upgrade .dfy-bottleneck-bottom{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    text-align:center !important;
    padding:14px !important;
  }

  #dfy-upgrade .dfy-bottleneck-bottom p{
    font-size:14px !important;
    text-align:center !important;
  }

  #dfy-upgrade .dfy-setup-problem-section .dfy-story-punch{
    font-size:17px !important;
    padding:18px 16px !important;
  }
}

/* =========================
   FINAL LOCKED ALIGNMENT — DIY + PROBLEM STORY COPY
   Story paragraphs match hero copy width (900px).
   Headings, labels, lead lines, punch lines, and cards stay centred.
========================= */

@media (min-width:761px){

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy{
    width:100% !important;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch),
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch),
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch){
    width:100% !important;
    max-width:900px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
    transform:none !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > .dfy-section-lead,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > .dfy-section-lead,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > .dfy-section-punch,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy > .dfy-section-punch,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > .dfy-section-punch{
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    transform:none !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > .dfy-story-label,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > h3,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > .dfy-story-label,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > h3{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  #dfy-upgrade .dfy-house-story-card .dfy-house-punch{
    width:100% !important;
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}

@media (max-width:760px){

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy{
    max-width:100% !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch),
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch),
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch){
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
}

/* =========================
   FINAL SAFETY OVERRIDE — DFY STORY ALIGNMENT
   Keep approved hero alignment consistent across later story sections.
========================= */
@media (min-width:761px){
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy{
    width:100% !important;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:left !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch),
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch),
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > p:not(.dfy-section-lead):not(.dfy-section-punch):not(.dfy-story-punch){
    width:100% !important;
    max-width:900px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
    transform:none !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > .dfy-story-label,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > h3,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > .dfy-story-label,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > h3,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > .dfy-section-lead,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > .dfy-section-lead,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-match-story-copy > .dfy-section-punch,
  #dfy-upgrade .dfy-diy-dfy-section > .dfy-diy-dfy-story-after.dfy-match-story-copy > .dfy-section-punch,
  #dfy-upgrade .dfy-setup-problem-section > .dfy-match-story-copy > .dfy-section-punch{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    transform:none !important;
  }

  #dfy-upgrade .dfy-house-story-card .dfy-house-punch,
  #dfy-upgrade .dfy-setup-problem-section .dfy-thought-loop,
  #dfy-upgrade .dfy-setup-problem-section .dfy-bottleneck-box,
  #dfy-upgrade .dfy-diy-dfy-section .dfy-house-story-card,
  #dfy-upgrade .dfy-diy-dfy-section .dfy-vs-wrap{
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;
  }
}

/* =========================
   DFY WHAT WE BUILD - PREMIUM STACK SECTION
========================= */

#dfy-upgrade .dfy-build-stack-section{
  position:relative !important;
  padding:82px 24px 88px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 8% 18%, rgba(20,163,112,.08), transparent 32%),
    radial-gradient(circle at 92% 12%, rgba(20,163,112,.07), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(20,163,112,.06), transparent 42%),
    linear-gradient(180deg, #ffffff 0%, #f8fffb 56%, #ffffff 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-build-stack-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle, rgba(20,163,112,.10) 1px, transparent 1.4px) !important;
  background-size:18px 18px !important;
  opacity:.18 !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 12%, transparent 36%, transparent 64%, #000 88%, transparent 100%) !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 12%, transparent 36%, transparent 64%, #000 88%, transparent 100%) !important;
}

#dfy-upgrade .dfy-build-stack-section > *{
  position:relative !important;
  z-index:1 !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-story-narrow{
  width:100% !important;
  max-width:1080px !important;
  margin:0 auto 46px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-story-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 22px !important;
  padding:9px 20px !important;
  border-radius:999px !important;
  background:#eefaf5 !important;
  border:1px solid rgba(20,163,112,.22) !important;
  color:#064e3b !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  box-shadow:0 10px 24px rgba(20,163,112,.08) !important;
}

#dfy-upgrade .dfy-build-stack-section h3{
  max-width:980px !important;
  margin:0 auto 18px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-build-stack-section h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-section-lead{
  max-width:860px !important;
  margin:0 auto !important;
  color:#334155 !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story{
  width:100% !important;
  max-width:1080px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div{
  min-height:250px !important;
  padding:30px 22px 26px !important;
  border:1px solid rgba(20,163,112,.20) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.075), transparent 42%),
    rgba(255,255,255,.92) !important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(20,163,112,.34) !important;
  box-shadow:
    0 24px 54px rgba(15,23,42,.09),
    0 0 0 4px rgba(20,163,112,.045),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div > span{
  width:64px !important;
  height:64px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 18px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.95), transparent 54%),
    #dcfce7 !important;
  border:1px solid rgba(20,163,112,.22) !important;
  color:#08734f !important;
  box-shadow:
    0 12px 24px rgba(20,163,112,.12),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-size:28px !important;
  line-height:1 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div > strong{
  display:block !important;
  width:100% !important;
  margin:0 0 10px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div > p{
  width:100% !important;
  max-width:240px !important;
  margin:0 auto !important;
  color:#475569 !important;
  text-align:center !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}

/* Force centre alignment over earlier global DFY rules */
#dfy-upgrade .dfy-build-stack-section,
#dfy-upgrade .dfy-build-stack-section *,
#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story,
#dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story *{
  text-align:center !important;
}

/* =========================
   DFY WHAT WE BUILD - LEAD ASSET STORY
========================= */

#dfy-upgrade .dfy-lead-asset-story{
  width:100% !important;
  max-width:900px !important;
  margin:78px auto 0 !important;
  padding:34px 0 0 !important;
  text-align:center !important;
}

/* Keep label centred and add breathing room */
#dfy-upgrade .dfy-lead-asset-story > .dfy-story-label{
  display:inline-flex !important;
  margin-top:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:22px !important;
}

/* Keep heading centred */
#dfy-upgrade .dfy-lead-asset-story h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-lead-asset-story h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

/* Centre the copy block, but keep text left-aligned */
#dfy-upgrade .dfy-lead-asset-copy{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  text-align:left !important;
}

#dfy-upgrade .dfy-lead-asset-copy p{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-lead-asset-copy .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}

/* Punch line centred */
#dfy-upgrade .dfy-lead-asset-copy .dfy-section-punch{
  max-width:820px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}

/* =========================
   DFY WHAT WE BUILD - CTA BOX
========================= */

#dfy-upgrade .dfy-build-stack-cta{
  position:relative !important;
  max-width:820px !important;
  margin:42px auto 0 !important;
  padding:38px 24px 26px !important;
  border:1px solid rgba(249,115,22,.34) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.07), transparent 42%),
    rgba(255,255,255,.90) !important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-build-urgency-pill{
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:calc(100% - 36px) !important;
  padding:9px 22px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#ea580c) !important;
  color:#ffffff !important;
  border:1px solid rgba(249,115,22,.35) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.28) !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
  white-space:nowrap !important;
  z-index:3 !important;
  animation:dfyBuildUrgencyPulse 1.8s ease-in-out infinite !important;
}

@keyframes dfyBuildUrgencyPulse{
  0%, 100%{
    transform:translate(-50%, -50%) scale(1);
    box-shadow:0 10px 22px rgba(249,115,22,.28);
  }

  50%{
    transform:translate(-50%, -50%) scale(1.045);
    box-shadow:0 14px 30px rgba(249,115,22,.42);
  }
}

#dfy-upgrade .dfy-build-stack-cta p{
  max-width:680px !important;
  margin:0 auto 18px !important;
  color:#0f172a !important;
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:850 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-build-stack-btn{
  width:100% !important;
  max-width:420px !important;
  margin:0 auto 12px !important;
  padding:15px 22px !important;
  border-radius:14px !important;
  font-size:17px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

#dfy-upgrade .dfy-build-stack-cta small{
  display:block !important;
  max-width:560px !important;
  margin:0 auto !important;
  color:#64748b !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  text-align:center !important;
}

/* Tablet */
@media (max-width:980px){
  #dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-build-stack-section{
    padding:54px 18px 60px !important;
  }

  #dfy-upgrade .dfy-build-stack-section .dfy-story-narrow{
    margin-bottom:32px !important;
  }

  #dfy-upgrade .dfy-build-stack-section h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-build-stack-section .dfy-section-lead{
    font-size:16px !important;
    line-height:1.62 !important;
  }

  #dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  #dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div{
    min-height:auto !important;
    padding:26px 20px 24px !important;
  }

  #dfy-upgrade .dfy-build-stack-section .dfy-build-grid-story > div > p{
    max-width:320px !important;
  }

  #dfy-upgrade .dfy-lead-asset-story{
    margin-top:56px !important;
    padding-top:28px !important;
  }

  #dfy-upgrade .dfy-lead-asset-story h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-lead-asset-copy p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-lead-asset-copy .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-lead-asset-copy .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-build-stack-cta{
    margin-top:36px !important;
    padding:40px 18px 22px !important;
  }

  #dfy-upgrade .dfy-build-urgency-pill{
    width:calc(100% - 36px) !important;
    max-width:calc(100% - 36px) !important;
    padding:8px 12px !important;
    font-size:11px !important;
    white-space:normal !important;
  }

  #dfy-upgrade .dfy-build-stack-cta p{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-build-stack-btn{
    max-width:100% !important;
    font-size:15px !important;
  }
}

/* =========================
   DFY WHAT HAPPENS NEXT
========================= */

#dfy-upgrade .dfy-next-steps-section{
  padding-top:72px !important;
  padding-bottom:76px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.08), transparent 38%),
    linear-gradient(180deg, rgba(248,255,251,.96), #ffffff 100%) !important;
}

#dfy-upgrade .dfy-next-steps-section .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-next-steps-section h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-next-steps-section .dfy-story-narrow p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-next-steps-section .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}

#dfy-upgrade .dfy-next-steps-section .dfy-section-punch{
  max-width:820px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}

/* Timeline */
#dfy-upgrade .dfy-next-steps-timeline{
  width:100% !important;
  max-width:1080px !important;
  margin:42px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}

#dfy-upgrade .dfy-next-steps-timeline > div{
  min-height:190px !important;
  padding:22px 18px 20px !important;
  border:1px solid rgba(20,163,112,.20) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.075), transparent 44%),
    rgba(255,255,255,.92) !important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-next-steps-timeline strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 14px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, var(--brand-2), var(--brand)) !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
}

#dfy-upgrade .dfy-next-steps-timeline span{
  display:block !important;
  margin:0 0 9px !important;
  color:#070b0a !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-next-steps-timeline p{
  max-width:220px !important;
  margin:0 auto !important;
  color:#475569 !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  text-align:center !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-next-steps-section{
    padding-top:54px !important;
    padding-bottom:58px !important;
  }

  #dfy-upgrade .dfy-next-steps-section h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-next-steps-section .dfy-story-narrow p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-next-steps-section .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-next-steps-section .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-next-steps-timeline{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:32px !important;
  }

  #dfy-upgrade .dfy-next-steps-timeline > div{
    min-height:auto !important;
  }

  #dfy-upgrade .dfy-next-steps-timeline p{
    max-width:320px !important;
  }
}

/* =========================
   DFY LIMITED SPOTS SECTION
========================= */

#dfy-upgrade .dfy-limited-story{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 38%),
    linear-gradient(180deg, #fff7ed 0%, #ffffff 100%) !important;
  border-top:1px solid rgba(249,115,22,.14) !important;
  border-bottom:1px solid rgba(249,115,22,.14) !important;
}

#dfy-upgrade .dfy-limited-story::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle, rgba(249,115,22,.12) 1px, transparent 1.4px) !important;
  background-size:18px 18px !important;
  opacity:.14 !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 16%, transparent 42%, transparent 58%, #000 84%, transparent 100%) !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 16%, transparent 42%, transparent 58%, #000 84%, transparent 100%) !important;
}

#dfy-upgrade .dfy-limited-story > *{
  position:relative !important;
  z-index:1 !important;
}

#dfy-upgrade .dfy-limited-story .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-limited-story .dfy-story-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  margin:0 auto 22px !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#ea580c) !important;
  color:#ffffff !important;
  border:1px solid rgba(249,115,22,.35) !important;
  box-shadow:0 10px 24px rgba(249,115,22,.22) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.045em !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-limited-story h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-limited-story h3 em{
  display:inline-block !important;
  color:#c2410c !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-limited-story p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-limited-story .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}

#dfy-upgrade .dfy-limited-story .dfy-section-punch{
  max-width:820px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}

/* CTA box */
#dfy-upgrade .dfy-limited-cta-box{
  position:relative !important;
  max-width:820px !important;
  margin:44px auto 0 !important;
  padding:38px 24px 26px !important;
  border:1px solid rgba(249,115,22,.34) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.08), transparent 42%),
    rgba(255,255,255,.92) !important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-limited-pill{
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:calc(100% - 36px) !important;
  padding:9px 22px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fb923c,#ea580c) !important;
  color:#ffffff !important;
  border:1px solid rgba(249,115,22,.35) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.28) !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
  z-index:3 !important;
  animation:dfyLimitedPulse 1.8s ease-in-out infinite !important;
}

@keyframes dfyLimitedPulse{
  0%, 100%{
    transform:translate(-50%, -50%) scale(1);
    box-shadow:0 10px 22px rgba(249,115,22,.28);
  }

  50%{
    transform:translate(-50%, -50%) scale(1.045);
    box-shadow:0 14px 30px rgba(249,115,22,.42);
  }
}

#dfy-upgrade .dfy-limited-cta-box p{
  max-width:680px !important;
  margin:0 auto 18px !important;
  color:#0f172a !important;
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:850 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-limited-btn{
  width:100% !important;
  max-width:420px !important;
  margin:0 auto !important;
  padding:15px 22px !important;
  border-radius:14px !important;
  font-size:17px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-limited-story{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-limited-story h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-limited-story p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-limited-story .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-limited-story .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-limited-cta-box{
    margin-top:38px !important;
    padding:40px 18px 22px !important;
  }

  #dfy-upgrade .dfy-limited-pill{
    width:calc(100% - 36px) !important;
    max-width:calc(100% - 36px) !important;
    padding:8px 12px !important;
    font-size:11px !important;
    white-space:normal !important;
  }

  #dfy-upgrade .dfy-limited-cta-box p{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-limited-btn{
    max-width:100% !important;
    font-size:15px !important;
  }
}

/* =========================
   DFY NOT MAGIC SECTION
========================= */

#dfy-upgrade .dfy-not-magic-section{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.07), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-not-magic-section .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-not-magic-section h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-not-magic-section h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-not-magic-section p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-not-magic-section .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}

#dfy-upgrade .dfy-not-magic-section .dfy-section-punch{
  max-width:820px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}

/* Callout */
#dfy-upgrade .dfy-not-magic-callout{
  width:100% !important;
  max-width:900px !important;
  margin:38px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#dfy-upgrade .dfy-not-magic-callout > div{
  min-height:118px !important;
  padding:20px 18px !important;
  border:1px solid rgba(20,163,112,.20) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.075), transparent 44%),
    rgba(255,255,255,.94) !important;
  box-shadow:
    0 16px 38px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-not-magic-callout span{
  width:38px !important;
  height:38px !important;
  margin:0 auto 10px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#eefaf5 !important;
  border:1px solid rgba(20,163,112,.22) !important;
  color:var(--brand) !important;
  font-size:18px !important;
  font-weight:950 !important;
}


#dfy-upgrade .dfy-not-magic-callout strong{
  display:block !important;
  max-width:220px !important;
  margin:0 auto !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
}

/* Mobile */
@media (max-width:760px){
  #dfy-upgrade .dfy-not-magic-section{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-not-magic-section h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-not-magic-section p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-not-magic-section .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-not-magic-section .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-not-magic-callout{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:30px !important;
  }

  #dfy-upgrade .dfy-not-magic-callout > div{
    min-height:auto !important;
    padding:18px 16px !important;
  }

  #dfy-upgrade .dfy-not-magic-callout strong{
    max-width:300px !important;
  }
}

/* =========================
   DFY ROUTE + FIT SECTION
========================= */

#dfy-upgrade .dfy-route-fit-section{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.07), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-route-fit-section .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-route-fit-section h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-route-fit-section h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-route-fit-section p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-route-fit-section .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}

#dfy-upgrade .dfy-route-fit-section .dfy-section-punch{
  max-width:820px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}


/* =========================
   DFY ROUTE STEPS
========================= */

#dfy-upgrade .dfy-route-steps{
  width:100% !important;
  max-width:960px !important;
  margin:42px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
}

#dfy-upgrade .dfy-route-steps > div{
  min-height:118px !important;
  padding:20px 14px !important;
  border:1px solid rgba(20,163,112,.20) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.075), transparent 44%),
    rgba(255,255,255,.94) !important;
  box-shadow:
    0 16px 38px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-route-steps span{
  width:38px !important;
  height:38px !important;
  margin:0 auto 10px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg, var(--brand-2), var(--brand)) !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

#dfy-upgrade .dfy-route-steps strong{
  display:block !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}


/* =========================
   DFY FIT INTRO
========================= */

#dfy-upgrade .dfy-fit-intro{
  max-width:820px !important;
  margin:38px auto 0 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-fit-intro p{
  max-width:720px !important;
  margin:0 auto !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
}


/* =========================
   DFY FIT CARDS
========================= */

#dfy-upgrade .dfy-fit-grid{
  width:100% !important;
  max-width:1080px !important;
  margin:42px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#dfy-upgrade .dfy-fit-card{
  padding:30px 28px 28px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

#dfy-upgrade .dfy-fit-card-good{
  border:1px solid rgba(20,163,112,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.08), transparent 44%),
    rgba(255,255,255,.94) !important;
}

#dfy-upgrade .dfy-fit-card-bad{
  border:1px solid rgba(249,115,22,.24) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.07), transparent 44%),
    rgba(255,255,255,.94) !important;
}

#dfy-upgrade .dfy-fit-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto 20px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:24px !important;
  line-height:1.1 !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-fit-card ul{
  list-style:none !important;
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

#dfy-upgrade .dfy-fit-card li{
  position:relative !important;
  min-height:56px !important;
  padding:14px 18px 14px 56px !important;
  border-radius:14px !important;
  background:#ffffff !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  border:1px solid rgba(15,23,42,.06) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-fit-card-good li::before,
#dfy-upgrade .dfy-fit-card-bad li::before{
  position:absolute !important;
  top:50% !important;
  left:18px !important;
  transform:translateY(-50%) !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

#dfy-upgrade .dfy-fit-card-good li::before{
  content:"✓" !important;
  background:#dcfce7 !important;
  color:var(--brand) !important;
}

#dfy-upgrade .dfy-fit-card-bad li::before{
  content:"×" !important;
  background:#fff7ed !important;
  color:#ea580c !important;
}


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

@media (max-width:760px){
  #dfy-upgrade .dfy-route-fit-section{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-route-fit-section h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-route-fit-section p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-route-fit-section .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-route-fit-section .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-route-steps{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:32px !important;
  }

  #dfy-upgrade .dfy-route-steps > div{
    min-height:auto !important;
    padding:18px 16px !important;
  }

  #dfy-upgrade .dfy-fit-intro{
    margin-top:30px !important;
  }

  #dfy-upgrade .dfy-fit-intro p{
    max-width:100% !important;
    font-size:16.5px !important;
    line-height:1.45 !important;
  }

  #dfy-upgrade .dfy-fit-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-top:32px !important;
  }

  #dfy-upgrade .dfy-fit-card{
    padding:26px 20px 24px !important;
  }

  #dfy-upgrade .dfy-fit-label{
    font-size:22px !important;
  }

  #dfy-upgrade .dfy-fit-card li{
    min-height:54px !important;
    padding:13px 16px 13px 52px !important;
    font-size:14px !important;
  }

  #dfy-upgrade .dfy-fit-card-good li::before,
  #dfy-upgrade .dfy-fit-card-bad li::before{
    left:16px !important;
  }
}

/* =========================
   DFY VALUE STACK SECTION
========================= */

#dfy-upgrade .dfy-value-story{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.07), transparent 40%),
    linear-gradient(180deg, #fffaf5 0%, #ffffff 100%) !important;
  border-bottom:1px solid rgba(249,115,22,.12) !important;
}

#dfy-upgrade .dfy-value-story .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-value-story h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-value-story h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-value-story p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-value-story .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}

#dfy-upgrade .dfy-value-story .dfy-section-punch{
  max-width:820px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}


/* =========================
   VALUE STACK WRAP
========================= */

#dfy-upgrade .dfy-value-wrap-story{
  width:100% !important;
  max-width:860px !important;
  margin:46px auto 0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
}


/* =========================
   VALUE LIST CARD
========================= */

#dfy-upgrade .dfy-value-list-story{
  padding:16px !important;
  border-radius:26px !important;
  border:1px solid rgba(249,115,22,.18) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(249,115,22,.06), transparent 42%),
    rgba(255,255,255,.96) !important;
  box-shadow:
    0 20px 48px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  display:grid !important;
  gap:10px !important;
}

#dfy-upgrade .dfy-value-list-story > div{
  padding:12px !important;
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.065) !important;
  background:#ffffff !important;
  box-shadow:0 10px 22px rgba(15,23,42,.03) !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 118px !important;
  gap:12px !important;
  align-items:stretch !important;
}

#dfy-upgrade .dfy-value-copy{
  min-height:74px !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(249,115,22,.16) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(249,115,22,.045), transparent 42%),
    #ffffff !important;
  display:grid !important;
  align-content:center !important;
  gap:5px !important;
}

#dfy-upgrade .dfy-value-copy > span{
  display:block !important;
  color:#0f172a !important;
  text-align:left !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-value-copy small{
  display:block !important;
  color:#64748b !important;
  text-align:left !important;
  font-size:16px !important;
  line-height:1.42 !important;
  font-weight:700 !important;
}

#dfy-upgrade .dfy-value-list-story strong{
  align-self:stretch !important;
  justify-self:stretch !important;
  min-width:0 !important;
  min-height:100% !important;
  padding:10px 10px !important;
  border-radius:12px !important;
  border:1px solid rgba(249,115,22,.24) !important;
  background:

    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 46%),
    #fff7ed !important;
  color:#ea580c !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

#dfy-upgrade .dfy-value-list-story strong span{
  display:block !important;
  color:#ea580c !important;
  text-align:center !important;
  font-size:25px !important;
  line-height:.95 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-value-list-story strong em{
  display:block !important;
  margin-top:5px !important;
  color:#ea580c !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}


/* =========================
   PRICE CARD
========================= */

#dfy-upgrade .dfy-price-story{
  position:relative !important;
  max-width:860px !important;
  min-height:auto !important;
  padding:42px 26px 24px !important;
  border-radius:26px !important;
  border:1px solid rgba(20,163,112,.24) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.14), transparent 46%),
    linear-gradient(180deg, #ffffff 0%, #ecfdf5 100%) !important;
  box-shadow:
    0 24px 54px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-price-story::before{
  content:"Best Value" !important;
  position:absolute !important;
  top:12px !important;
  right:14px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:#fff7ed !important;
  color:#ea580c !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  border:1px solid rgba(249,115,22,.18) !important;
}

#dfy-upgrade .dfy-price-story > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#dcfce7 !important;
  color:var(--brand) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

#dfy-upgrade .dfy-price-story s{
  display:block !important;
  margin:0 auto 8px !important;
  color:#94a3b8 !important;
  text-align:center !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-decoration-thickness:3px !important;
}

#dfy-upgrade .dfy-price-story strong{
  display:block !important;
  margin:0 auto 10px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(58px, 6vw, 78px) !important;
  line-height:.9 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-price-story p{
  max-width:100% !important;
  margin:0 auto 20px !important;
  color:#334155 !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:850 !important;
}

#dfy-upgrade .dfy-price-story .dfy-story-cta,
#dfy-upgrade .dfy-price-story .dfy-limited-btn{
  width:100% !important;
  max-width:292px !important;
  min-height:56px !important;
  margin:0 auto 14px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 16px 34px rgba(20,163,112,.24) !important;
}

#dfy-upgrade .dfy-price-story small{
  display:block !important;
  max-width:330px !important;
  margin:0 auto !important;
  color:#64748b !important;
  text-align:center !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
}


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

@media (max-width:760px){
  #dfy-upgrade .dfy-value-story{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-value-story h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-value-story p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-value-wrap-story{
    max-width:100% !important;
    margin-top:34px !important;
    gap:16px !important;
  }

  #dfy-upgrade .dfy-value-list-story{
    padding:12px !important;
    border-radius:22px !important;
  }

  #dfy-upgrade .dfy-value-list-story > div{
    grid-template-columns:minmax(0, 1fr) 92px !important;
    gap:10px !important;
    padding:10px !important;
    align-items:stretch !important;
  }

  #dfy-upgrade .dfy-value-copy{
    min-height:78px !important;
    padding:12px !important;
  }

  #dfy-upgrade .dfy-value-copy > span{
    font-size:14px !important;
  }

  #dfy-upgrade .dfy-value-copy small{
    font-size:12.5px !important;
    line-height:1.38 !important;
  }

  #dfy-upgrade .dfy-value-list-story strong{
    padding:8px 8px !important;
  }

  #dfy-upgrade .dfy-value-list-story strong span{
    font-size:20px !important;
  }

  #dfy-upgrade .dfy-value-list-story strong em{
    margin-top:4px !important;
    font-size:10.5px !important;
  }

  #dfy-upgrade .dfy-price-story{
    padding:42px 20px 24px !important;
  }

  #dfy-upgrade .dfy-price-story::before{
    top:12px !important;
    right:12px !important;
  }

  #dfy-upgrade .dfy-price-story s{
    font-size:28px !important;
  }

  #dfy-upgrade .dfy-price-story strong{
    font-size:60px !important;
  }
}

/* =========================
   DFY TESTIMONIALS SECTION
========================= */

#dfy-upgrade .dfy-testimonials-story-section{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.07), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-testimonials-story-section .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-testimonials-story-section h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-testimonials-story-section h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-testimonials-story-section p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-testimonials-story-section .dfy-section-lead{
  color:#475569 !important;
  font-size:18px !important;
  font-weight:700 !important;
}


/* =========================
   DFY REVIEW CARDS
========================= */

#dfy-upgrade .dfy-reviews-story{
  width:100% !important;
  max-width:1080px !important;
  margin:44px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#dfy-upgrade .dfy-reviews-story > div{
  position:relative !important;
  min-height:300px !important;
  padding:30px 26px 26px !important;
  border-radius:24px !important;
  border:1px solid rgba(20,163,112,.18) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.08), transparent 42%),
    rgba(255,255,255,.96) !important;
  box-shadow:
    0 20px 46px rgba(15,23,42,.065),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

#dfy-upgrade .dfy-reviews-story > div::before{
  content:"“" !important;
  position:absolute !important;
  top:12px !important;
  right:22px !important;
  color:rgba(20,163,112,.12) !important;
  font-size:76px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-reviews-story span{
  display:block !important;
  margin:0 0 16px !important;
  color:#f59e0b !important;
  text-align:left !important;
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-reviews-story p{
  max-width:100% !important;
  margin:0 0 22px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:15.5px !important;
  line-height:1.65 !important;
  font-weight:750 !important;
}

#dfy-upgrade .dfy-reviews-story strong{
  display:block !important;
  margin-top:auto !important;
  color:#0f172a !important;
  text-align:left !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:950 !important;
}


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

@media (max-width:760px){
  #dfy-upgrade .dfy-testimonials-story-section{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-testimonials-story-section h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-testimonials-story-section p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-testimonials-story-section .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-reviews-story{
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-top:34px !important;
  }

  #dfy-upgrade .dfy-reviews-story > div{
    min-height:auto !important;
    padding:28px 22px 24px !important;
  }

  #dfy-upgrade .dfy-reviews-story p{
    font-size:15px !important;
  }
}

/* =========================
   DFY FAQ SECTION
========================= */

#dfy-upgrade .dfy-faq-story-section{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.065), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-faq-story-section .dfy-story-narrow{
  max-width:900px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-faq-story-section h3{
  max-width:900px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-faq-story-section p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-faq-story-section .dfy-section-lead{
  color:#475569 !important;
  text-align:center !important;
  font-size:18px !important;
  font-weight:800 !important;
}

#dfy-upgrade .dfy-faq-story{
  width:100% !important;
  max-width:820px !important;
  margin:40px auto 0 !important;
  display:grid !important;
  gap:12px !important;
}

#dfy-upgrade .dfy-faq-story details{
  border-radius:18px !important;
  border:1px solid rgba(20,163,112,.16) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(20,163,112,.045), transparent 38%),
    rgba(255,255,255,.96) !important;
  box-shadow:
    0 14px 32px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  overflow:hidden !important;
}

#dfy-upgrade .dfy-faq-story summary{
  position:relative !important;
  min-height:62px !important;
  padding:20px 58px 20px 22px !important;
  color:#0f172a !important;
  text-align:left !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  cursor:pointer !important;
  list-style:none !important;
}

#dfy-upgrade .dfy-faq-story summary::-webkit-details-marker{
  display:none !important;
}

#dfy-upgrade .dfy-faq-story summary::after{
  content:"+" !important;
  position:absolute !important;
  top:50% !important;
  right:22px !important;
  transform:translateY(-50%) !important;
  width:26px !important;
  height:26px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#dcfce7 !important;
  color:var(--brand) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-faq-story details[open] summary::after{
  content:"−" !important;
}

#dfy-upgrade .dfy-faq-story details[open] summary{
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-faq-story details p{
  max-width:100% !important;
  margin:0 !important;
  padding:18px 22px 22px !important;
  color:#475569 !important;
  text-align:left !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
  background:rgba(248,255,251,.72) !important;
}


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

@media (max-width:760px){
  #dfy-upgrade .dfy-faq-story-section{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-faq-story-section h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-faq-story-section p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-faq-story-section .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-faq-story{
    margin-top:32px !important;
    gap:10px !important;
  }

  #dfy-upgrade .dfy-faq-story summary{
    min-height:58px !important;
    padding:18px 52px 18px 18px !important;
    font-size:14px !important;
  }

  #dfy-upgrade .dfy-faq-story summary::after{
    right:18px !important;
    width:24px !important;
    height:24px !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-faq-story details p{
    padding:16px 18px 20px !important;
    font-size:14.5px !important;
  }
}

/* =========================
   DFY GUARANTEE SECTION
========================= */

#dfy-upgrade .dfy-guarantee-story{
  position:relative !important;
  padding:76px 24px 82px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.08), transparent 42%),
    linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-guarantee-card{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:44px 34px 34px !important;
  border-radius:30px !important;
  border:1px solid rgba(20,163,112,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.11), transparent 46%),
    rgba(255,255,255,.96) !important;
  box-shadow:
    0 24px 58px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

#dfy-upgrade .dfy-guarantee-icon-story{
  width:74px !important;
  height:74px !important;
  margin:0 auto 18px !important;
  border-radius:24px !important;
  display:grid !important;
  place-items:center !important;
  background:#dcfce7 !important;
  color:var(--brand) !important;
  font-size:34px !important;
  box-shadow:0 16px 34px rgba(20,163,112,.16) !important;
}

#dfy-upgrade .dfy-guarantee-story .dfy-story-narrow{
  max-width:860px !important;
  margin:0 auto !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-guarantee-story h3{
  max-width:860px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(32px, 4vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-guarantee-story h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-guarantee-story p{
  max-width:760px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
}

#dfy-upgrade .dfy-guarantee-story .dfy-section-lead{
  color:#475569 !important;
  text-align:center !important;
  font-size:18px !important;
  font-weight:800 !important;
}

#dfy-upgrade .dfy-guarantee-story .dfy-section-punch{
  max-width:760px !important;
  margin:24px auto 0 !important;
  color:#0f172a !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
}


/* =========================
   GUARANTEE STEPS
========================= */

#dfy-upgrade .dfy-guarantee-steps{
  width:100% !important;
  margin:34px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#dfy-upgrade .dfy-guarantee-steps > div{
  min-height:172px !important;
  padding:22px 18px !important;
  border-radius:20px !important;
  border:1px solid rgba(20,163,112,.16) !important;
  background:#ffffff !important;
  box-shadow:0 14px 32px rgba(15,23,42,.045) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-guarantee-steps span{
  width:34px !important;
  height:34px !important;
  margin:0 auto 12px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#dcfce7 !important;
  font-size:16px !important;
  line-height:1 !important;
}

#dfy-upgrade .dfy-guarantee-steps strong{
  display:block !important;
  margin:0 auto 8px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:17px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-guarantee-steps p{
  max-width:100% !important;
  margin:0 auto !important;
  color:#64748b !important;
  text-align:center !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}


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

@media (max-width:760px){
  #dfy-upgrade .dfy-guarantee-story{
    padding:56px 18px 62px !important;
  }

  #dfy-upgrade .dfy-guarantee-card{
    padding:34px 20px 24px !important;
    border-radius:26px !important;
  }

  #dfy-upgrade .dfy-guarantee-icon-story{
    width:64px !important;
    height:64px !important;
    border-radius:22px !important;
    font-size:30px !important;
  }

  #dfy-upgrade .dfy-guarantee-story h3{
    font-size:38px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #dfy-upgrade .dfy-guarantee-story p{
    font-size:15.5px !important;
  }

  #dfy-upgrade .dfy-guarantee-story .dfy-section-lead{
    font-size:16px !important;
  }

  #dfy-upgrade .dfy-guarantee-story .dfy-section-punch{
    text-align:left !important;
    font-size:17px !important;
  }

  #dfy-upgrade .dfy-guarantee-steps{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:28px !important;
  }

  #dfy-upgrade .dfy-guarantee-steps > div{
    min-height:auto !important;
    padding:20px 18px !important;
  }
}

/* =========================
   DFY FINAL CTA SECTION
========================= */

#dfy-upgrade .dfy-final-story{
  position:relative !important;
  padding:82px 24px 92px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 42%),
    radial-gradient(circle at 50% 100%, rgba(20,163,112,.10), transparent 46%),
    linear-gradient(180deg, #fffaf5 0%, #f8fffb 100%) !important;
  border-bottom:1px solid rgba(20,163,112,.12) !important;
}

#dfy-upgrade .dfy-final-card{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:48px 38px 40px !important;
  border-radius:32px !important;
  border:1px solid rgba(20,163,112,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(20,163,112,.10), transparent 46%),
    rgba(255,255,255,.96) !important;
  box-shadow:
    0 28px 64px rgba(15,23,42,.085),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-final-story .dfy-story-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 18px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:#dcfce7 !important;
  color:var(--brand) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  border:1px solid rgba(20,163,112,.18) !important;
  box-shadow:0 12px 26px rgba(20,163,112,.10) !important;
}

#dfy-upgrade .dfy-final-story h3{
  max-width:820px !important;
  margin:0 auto 22px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:clamp(36px, 5vw, 64px) !important;
  line-height:1.01 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-final-story h3 em{
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#dfy-upgrade .dfy-final-story p{
  max-width:790px !important;
  margin:0 auto 16px !important;
  color:#334155 !important;
  text-align:center !important;
  font-size:17px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
}


/* =========================
   FINAL CTA CHECKS
========================= */

#dfy-upgrade .dfy-final-checks{
  width:100% !important;
  max-width:820px !important;
  margin:30px auto 28px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

#dfy-upgrade .dfy-final-checks > div{
  min-height:58px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  border:1px solid rgba(20,163,112,.16) !important;
  background:#ffffff !important;
  box-shadow:0 12px 28px rgba(15,23,42,.045) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-final-checks span{
  width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#dcfce7 !important;
  font-size:14px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#dfy-upgrade .dfy-final-checks strong{
  display:block !important;
  color:#0f172a !important;
  text-align:left !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}


/* =========================
   FINAL ACTION PANEL
========================= */

#dfy-upgrade .dfy-final-action-panel{
  width:100% !important;
  max-width:820px !important;
  margin:28px auto 0 !important;
  padding:24px 28px 22px !important;
  border-radius:24px !important;
  border:1px solid rgba(249,115,22,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 44%),
    linear-gradient(180deg, #fffaf5 0%, #ffffff 100%) !important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.065),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-final-urgency-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 10px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  background:#fff7ed !important;
  color:#ea580c !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  border:1px solid rgba(249,115,22,.24) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.10) !important;
}

#dfy-upgrade .dfy-final-action-panel h4{
  margin:0 auto 6px !important;
  color:#070b0a !important;
  text-align:center !important;
  font-size:28px !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-final-action-panel p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:#475569 !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:750 !important;
}

#dfy-upgrade .dfy-final-action-panel .dfy-story-cta{
  width:100% !important;
  max-width:380px !important;
  min-height:60px !important;
  margin:0 auto 14px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 18px 38px rgba(20,163,112,.26) !important;
}

#dfy-upgrade .dfy-final-action-panel small{
  display:block !important;
  max-width:820px !important;
  margin:0 auto !important;
  color:#64748b !important;
  text-align:center !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
}


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

@media (max-width:760px){
  #dfy-upgrade .dfy-final-story{
    padding:58px 18px 68px !important;
  }

  #dfy-upgrade .dfy-final-card{
    padding:38px 20px 30px !important;
    border-radius:28px !important;
  }

  #dfy-upgrade .dfy-final-story .dfy-story-kicker{
    font-size:11px !important;
    line-height:1.25 !important;
    padding:10px 14px !important;
  }

  #dfy-upgrade .dfy-final-story h3{
    font-size:40px !important;
    line-height:1.05 !important;
    letter-spacing:-.05em !important;
  }

  #dfy-upgrade .dfy-final-story p{
    font-size:15.5px !important;
    line-height:1.6 !important;
  }

  #dfy-upgrade .dfy-final-checks{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:26px auto 28px !important;
  }

  #dfy-upgrade .dfy-final-checks > div{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #dfy-upgrade .dfy-final-action-panel{
    max-width:100% !important;
    margin-top:28px !important;
    padding:22px 16px 20px !important;
    border-radius:22px !important;
  }

  #dfy-upgrade .dfy-final-urgency-pill{
    width:100% !important;
    font-size:11px !important;
    line-height:1.25 !important;
    padding:10px 12px !important;
  }

  #dfy-upgrade .dfy-final-action-panel h4{
    font-size:24px !important;
  }

  #dfy-upgrade .dfy-final-action-panel p{
    font-size:14.5px !important;
  }

  #dfy-upgrade .dfy-final-action-panel .dfy-story-cta{
    max-width:100% !important;
    min-height:58px !important;
    font-size:14px !important;
  }

  #dfy-upgrade .dfy-final-action-panel small{
    font-size:12.5px !important;
  }
}

/* =========================
   DFY EXPAND SCROLL OFFSET
========================= */

#dfy-upgrade,
#upsell-u104,
.dfy-expanded-sales,
.dfy-expanded-card,
.dfy-expanded-hero{
  scroll-margin-top:120px !important;
}


/* =========================
   DIY VS DFY BOTTOM NOTE
========================= */

#dfy-upgrade .dfy-diy-dfy-section .dfy-route-bottom-note{
  width:100% !important;
  max-width:1080px !important;
  margin:28px auto 0 !important;
  padding:24px 34px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:22px !important;
}

#dfy-upgrade .dfy-diy-dfy-section .dfy-route-bottom-note p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
}


/* =========================
   DFY PREVIEW CARD
========================= */

.dfy-card-wide .dfy-card-inner{
  align-items:stretch;
}

.dfy-card .dfy-card-body{
  padding-top:28px;
  padding-bottom:28px;
}

.dfy-card .dfy-copy-block{
  max-width:560px;
  margin:0 auto;
  text-align:center;
}

.dfy-card .training-start-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
}

.dfy-card .product-title{
  max-width:560px;
  margin:0 auto 10px;
  font-size:clamp(24px, 2vw, 32px);
  line-height:1.05;
  letter-spacing:-.035em;
}

.dfy-card .dfy-lead-copy{
  max-width:560px;
  margin:0 auto;
  font-size:15px;
  line-height:1.45;
  font-weight:700;
}

.dfy-card .dfy-lead-punch{
  margin-top:12px;
  padding:12px 16px;
  border-radius:14px;
  background:rgba(236,253,245,.85);
  border:1px solid rgba(16,185,129,.22);
  color:#10251d;
  font-weight:800;
}


/* =========================
   DFY PREVIEW BULLETS
========================= */

.dfy-card .dfy-checklist-grid{
  margin-top:18px;
  gap:9px 14px;
}

.dfy-card .dfy-checklist-grid li{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:8px 11px;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}

.dfy-card .dfy-checklist-grid .check{
  width:22px;
  height:22px;
  min-width:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#16a34a;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.dfy-card .dfy-checklist-grid li span:last-child{
  color:#172033;
  font-size:13px;
  line-height:1.15;
  font-weight:800;
}


/* =========================
   LOCKED CTA OFFER BOX
   Used for all DFY CTA sections
========================= */

.dfy-offer-box{
  position:relative;
  width:100%;
  max-width:720px;
  margin:28px auto 0;
  padding:32px 22px 24px;
  border:1px solid rgba(249,115,22,.35);
  border-radius:16px;
  background:rgba(255,255,255,.58);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  box-shadow:
    0 12px 28px rgba(249,115,22,.12),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.dfy-card .dfy-offer-box{
  max-width:none;
  margin-top:18px;
}

.dfy-build-stack-cta,
.dfy-limited-cta-box,
.dfy-final-action-panel,
.dfy-price-story{
  width:100%;
}


/* =========================
   LOCKED ORANGE URGENCY PILL
========================= */

.dfy-urgency{
  position:absolute;
  top:-15px;
  left:50%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#f97316,#ea580c);
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(249,115,22,.35);
  animation:dfyPulse 2.4s ease-in-out infinite;
}

@keyframes dfyPulse{
  0%,100%{
    transform:translateX(-50%) scale(1);
    box-shadow:0 6px 16px rgba(249,115,22,.28);
  }

  50%{
    transform:translateX(-50%) scale(1.035);
    box-shadow:0 8px 22px rgba(249,115,22,.42);
  }
}

@media (prefers-reduced-motion:reduce){
  .dfy-urgency{
    animation:none;
  }
}


/* =========================
   LOCKED PRICE / MESSAGE STACK
========================= */

.dfy-price-stack{
  width:100%;
  max-width:560px;
  display:grid;
  gap:12px;
  margin-top:4px;
}

.dfy-price-main,
.dfy-guarantee-mini{
  width:100%;
  border:1px solid rgba(249,115,22,.16);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  padding:14px 16px;
}

.dfy-price-main-full{
  width:100%;
}

.dfy-price-label{
  display:block;
  margin-bottom:6px;
  color:#9a3412;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
}

.dfy-price-row{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
}

.dfy-price-row .price{
  color:var(--brand);
  font-size:48px;
  font-weight:900;
  line-height:1;
}

.dfy-price-row .old-price{
  color:var(--muted);
  font-size:18px;
  font-weight:700;
  opacity:.7;
  text-decoration:line-through;
  transform:translateY(-5px);
}

.dfy-price-main .dfy-value,
.dfy-value{
  max-width:75%;
  margin:0 auto;
  color:var(--muted);
  text-align:center;
  font-size:12.5px;
  line-height:1.45;
}

.dfy-build-stack-message,
.dfy-limited-cta-message,
.dfy-final-action-message{
  max-width:640px;
  margin:0 auto;
  color:#0f172a;
  text-align:center;
  font-size:18px;
  line-height:1.45;
  font-weight:900;
}


/* =========================
   LOCKED FULL-WIDTH RECTANGLE CTA
========================= */

.dfy-offer-box .btn,
.dfy-offer-box .dfy-cta-full{
  width:100% !important;
  max-width:none !important;
  min-height:56px;
  align-self:stretch;
  margin:0 !important;
  padding:16px 24px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px;
  text-align:center;
  font-size:18px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(20,163,112,.35);
}

.dfy-offer-box .btn:hover,
.dfy-offer-box .dfy-cta-full:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(20,163,112,.45);
}

.dfy-offer-box .btn::before,
.dfy-offer-box .dfy-cta-full::before{
  content:"🚀";
  color:#fff;
  font-size:17px;
  line-height:1;
}

.dfy-offer-box .btn{
  border-radius:12px !important;
}


/* =========================
   LOCKED IRON-CLAD PROMISE
========================= */

.dfy-guarantee-mini.dfy-guarantee-full{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px 18px;
  border-radius:16px;
}

.dfy-guarantee-copy{
  width:100%;
  max-width:560px;
  margin:0 auto;
  text-align:center;
}

.dfy-guarantee-copy strong{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  color:#142033;
  text-align:center;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:0;
  text-transform:none;
}

.dfy-guarantee-inline-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
}

.dfy-guarantee-copy small{
  display:block;
  width:100%;
  max-width:560px;
  margin:4px auto 0;
  color:#64748b;
  text-align:center;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}


/* =========================
   VALUE STACK PRICE CTA
========================= */

.dfy-value-story .dfy-price-story{
  text-align:center;
}

.dfy-value-story .dfy-price-story.dfy-offer-box{
  max-width:720px;
}

.dfy-value-story .dfy-price-story .dfy-price-label{
  margin-bottom:8px;
}

.dfy-value-story .dfy-price-story .dfy-price-row .price{
  font-size:clamp(52px, 6vw, 78px);
}

.dfy-value-story .dfy-price-story .dfy-price-main .dfy-value{
  max-width:520px;
}


/* =========================
   FINAL CTA PANEL CLEANUP
========================= */

#dfy-upgrade .dfy-final-checks{
  width:100% !important;
  max-width:820px !important;
  margin:30px auto 28px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

#dfy-upgrade .dfy-final-checks > div{
  min-height:58px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  border:1px solid rgba(20,163,112,.16) !important;
  background:#ffffff !important;
  box-shadow:0 12px 28px rgba(15,23,42,.045) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-final-checks span{
  width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#dcfce7 !important;
  font-size:14px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#dfy-upgrade .dfy-final-checks strong{
  display:block !important;
  color:#0f172a !important;
  text-align:left !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}

#dfy-upgrade .dfy-final-action-panel.dfy-offer-box{
  max-width:720px !important;
  margin:32px auto 0 !important;
}


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

@media (max-width:760px){

  #dfy-upgrade .dfy-diy-dfy-section .dfy-route-bottom-note{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    text-align:center !important;
    padding:22px 18px !important;
    gap:12px !important;
  }

  #dfy-upgrade .dfy-diy-dfy-section .dfy-route-bottom-note p{
    text-align:center !important;
  }

  .dfy-card .dfy-copy-block{
    text-align:center;
  }

  .dfy-card .product-title{
    font-size:27px;
  }

  .dfy-card .dfy-lead-copy{
    font-size:14px;
  }

  .dfy-card .dfy-checklist-grid{
    grid-template-columns:1fr;
  }

  .dfy-offer-box{
    max-width:100%;
    padding:34px 16px 20px;
    border-radius:16px;
  }

  .dfy-urgency{
    width:calc(100% - 32px);
    max-width:420px;
    padding:8px 12px;
    white-space:normal;
    text-align:center;
    font-size:11.5px;
  }

  .dfy-price-stack{
    max-width:100%;
  }

  .dfy-price-label{
    font-size:15px;
  }

  .dfy-price-row{
    flex-direction:column;
    align-items:center;
    gap:4px;
  }

  .dfy-price-row .price{
    font-size:46px;
  }

  .dfy-price-row .old-price{
    transform:none;
    font-size:13px;
  }

  .dfy-price-main .dfy-value,
  .dfy-value{
    max-width:100%;
    font-size:11.5px;
  }

  .dfy-build-stack-message,
  .dfy-limited-cta-message,
  .dfy-final-action-message{
    font-size:15px;
    line-height:1.45;
  }

  .dfy-offer-box .btn,
  .dfy-offer-box .dfy-cta-full{
    min-height:54px;
    padding:14px 16px !important;
    font-size:14px;
    border-radius:12px !important;
  }

  .dfy-guarantee-mini.dfy-guarantee-full{
    padding:14px 12px;
  }

  .dfy-guarantee-copy strong{
    font-size:13px;
  }

  .dfy-guarantee-copy small{
    font-size:11px;
  }

  #dfy-upgrade .dfy-final-story{
    padding:58px 18px 68px !important;
  }

  #dfy-upgrade .dfy-final-card{
    padding:38px 20px 30px !important;
    border-radius:28px !important;
  }

  #dfy-upgrade .dfy-final-story .dfy-story-kicker{
    font-size:11px !important;
    line-height:1.25 !important;
    padding:10px 14px !important;
  }

  #dfy-upgrade .dfy-final-story h3{
    font-size:40px !important;
    line-height:1.05 !important;
    letter-spacing:-.05em !important;
  }

  #dfy-upgrade .dfy-final-story p{
    font-size:15.5px !important;
    line-height:1.6 !important;
  }

  #dfy-upgrade .dfy-final-checks{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:26px auto 28px !important;
  }

  #dfy-upgrade .dfy-final-checks > div{
    justify-content:flex-start !important;
    text-align:left !important;
  }

}

/* =========================
   VALUE STACK CTA HARD FIX
   Stops old .dfy-price-story rules breaking the guarantee
========================= */

#dfy-upgrade .dfy-value-story .dfy-value-cta-box.dfy-offer-box{
  position:relative !important;
  width:100% !important;
  max-width:720px !important;
  margin:0 auto !important;
  padding:32px 22px 24px !important;
  border:1px solid rgba(249,115,22,.35) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.58) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:14px !important;
  box-shadow:
    0 12px 28px rgba(249,115,22,.12),
    inset 0 1px 0 rgba(255,255,255,.7) !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-stack{
  width:100% !important;
  max-width:560px !important;
  display:grid !important;
  gap:12px !important;
  margin:4px auto 0 !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-main{
  width:100% !important;
  padding:14px 16px !important;
  border:1px solid rgba(249,115,22,.16) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-label{
  display:block !important;
  margin:0 0 8px !important;
  color:#9a3412 !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-row{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:10px !important;
  margin:0 0 8px !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-row .price{
  color:var(--brand) !important;
  text-align:center !important;
  font-size:clamp(52px, 6vw, 78px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  text-transform:none !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-row .old-price{
  color:var(--muted) !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  opacity:.7 !important;
  text-decoration:line-through !important;
  text-transform:none !important;
  transform:translateY(-5px) !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-value{
  width:100% !important;
  max-width:520px !important;
  margin:0 auto !important;
  color:var(--muted) !important;
  text-align:center !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  text-transform:none !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-cta-full{
  width:100% !important;
  max-width:none !important;
  min-height:56px !important;
  align-self:stretch !important;
  margin:0 !important;
  padding:16px 24px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:#fff !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 24px rgba(20,163,112,.35) !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-cta-full::before{
  content:"🚀" !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1 !important;
}


/* =========================
   VALUE STACK GUARANTEE HARD FIX
========================= */

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-mini.dfy-guarantee-full{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px 18px !important;
  border:1px solid rgba(249,115,22,.16) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.72) !important;
  text-align:center !important;
  gap:0 !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-copy{
  width:100% !important;
  max-width:560px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-copy strong{
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  color:#142033 !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-copy strong .dfy-guarantee-inline-icon{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:inherit !important;
  font-size:16px !important;
  line-height:1 !important;
  text-transform:none !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-copy small{
  width:100% !important;
  max-width:560px !important;
  display:block !important;
  margin:4px auto 0 !important;
  padding:0 !important;
  color:#64748b !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}


/* =========================
   MOBILE VALUE STACK CTA FIX
========================= */

@media (max-width:760px){
  #dfy-upgrade .dfy-value-story .dfy-value-cta-box.dfy-offer-box{
    max-width:100% !important;
    padding:34px 16px 20px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-row{
    flex-direction:column !important;
    align-items:center !important;
    gap:4px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-row .price{
    font-size:46px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-row .old-price{
    transform:none !important;
    font-size:18px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-cta-full{
    min-height:54px !important;
    padding:14px 16px !important;
    font-size:14px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-copy strong{
    font-size:13px !important;
  }

  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-guarantee-copy small{
    font-size:11px !important;
  }
}

/* =========================
   VALUE STACK CTA WIDTH MATCH
========================= */

#dfy-upgrade .dfy-value-story .dfy-value-cta-box.dfy-offer-box{
  width:100% !important;
  max-width:980px !important;
  margin:28px auto 0 !important;
}

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-price-stack{
  width:100% !important;
  max-width:590px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================
   VALUE STACK EXISTING BEST VALUE PILL FIX
========================= */

#dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-best-value,
#dfy-upgrade .dfy-value-story .dfy-value-cta-box .best-value,
#dfy-upgrade .dfy-value-story .dfy-value-cta-box .value-badge{
  position:absolute !important;
  top:16px !important;
  right:18px !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:#fff7ed !important;
  border:1px solid rgba(249,115,22,.28) !important;
  color:#ea580c !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 18px rgba(249,115,22,.10) !important;
}

@media (max-width:760px){
  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .dfy-best-value,
  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .best-value,
  #dfy-upgrade .dfy-value-story .dfy-value-cta-box .value-badge{
    top:14px !important;
    right:14px !important;
    padding:6px 10px !important;
    font-size:10px !important;
  }
}

/* =========================
   FINAL CTA WIDTH MATCH
   Match offer box to bullet/check pills
========================= */

#dfy-upgrade #dfy-final-offer .dfy-final-checks{
  width:100% !important;
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#dfy-upgrade #dfy-final-offer .dfy-final-action-panel.dfy-offer-box{
  width:100% !important;
  max-width:820px !important;
  margin:32px auto 0 !important;
}

#dfy-upgrade #dfy-final-offer .dfy-final-action-panel .dfy-price-stack{
  width:100% !important;
  max-width:560px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================
   TOOL MODAL HERO UPGRADE
   Used for AWeber / Leadpages / Udimi modals
========================= */

.tool-hero{
  padding:30px 24px 32px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(20,163,112,.16), transparent 34%),
    linear-gradient(135deg, rgba(236,253,245,.98), rgba(255,255,255,.96)) !important;
  border-bottom:1px solid rgba(20,163,112,.16) !important;
}

.tool-hero .ms-badge{
  margin-bottom:14px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f97316,#ea580c) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(249,115,22,.22) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}

.tool-hero-title{
  max-width:820px !important;
  margin:0 0 14px !important;
  color:#07111f !important;
  font-size:clamp(30px, 4.2vw, 52px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

.tool-hero-title em{
  color:var(--brand) !important;
  font-style:normal !important;
}

.tool-hero-sub{
  max-width:850px !important;
  margin:0 !important;
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:650 !important;
}

.tool-hero-sub strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}


/* =========================
   TOOL MODAL POWER CALLOUT
========================= */

.tool-power-callout{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:0 0 14px !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg, rgba(255,247,237,.95), rgba(255,255,255,.96)) !important;
  border:1px solid rgba(249,115,22,.22) !important;
  color:#0f172a !important;
  font-size:14px !important;
  line-height:1.45 !important;
  box-shadow:0 8px 18px rgba(249,115,22,.06) !important;
}

.tool-power-callout strong{
  color:#ea580c !important;
  white-space:nowrap !important;
  font-weight:950 !important;
}

.tool-power-callout span{
  color:#334155 !important;
  font-weight:750 !important;
}


/* =========================
   TOOL MODAL CTA UPGRADE
========================= */

.ms-copy .ms-cta .btn,
.ms-sticky .btn{
  font-weight:900 !important;
  border-radius:12px !important;
  box-shadow:0 10px 24px rgba(20,163,112,.28) !important;
}

.ms-copy .ms-cta .btn:hover,
.ms-sticky .btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 30px rgba(20,163,112,.38) !important;
}


/* =========================
   TOOL MODAL DESCRIPTION BOXES
========================= */

#offer-aweber .ms-desc h4{
  color:#0f172a !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

#offer-aweber .ms-desc strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}

#offer-aweber .checklist li{
  align-items:flex-start !important;
}

#offer-aweber .checklist .check{
  margin-top:1px !important;
}


/* =========================
   MOBILE TOOL MODAL CLEANUP
========================= */

@media (max-width:760px){
  .tool-hero{
    padding:24px 18px 26px !important;
  }

  .tool-hero-title{
    font-size:34px !important;
    line-height:1.05 !important;
  }

  .tool-hero-sub{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  .tool-power-callout{
    flex-direction:column !important;
    gap:5px !important;
    padding:13px 14px !important;
  }

  .tool-power-callout strong{
    white-space:normal !important;
  }
}

/* =========================
   TOOL MODAL SALES ENERGY UPGRADE
   AWeber / Leadpages / Udimi
========================= */

#offer-aweber .tool-hero{
  padding:34px 28px 36px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(20,163,112,.20), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(249,115,22,.10), transparent 34%),
    linear-gradient(135deg, rgba(236,253,245,.98), rgba(255,255,255,.98)) !important;
  border-bottom:1px solid rgba(249,115,22,.24) !important;
}

#offer-aweber .tool-hero .ms-badge{
  margin-bottom:16px !important;
  padding:8px 15px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f97316,#ea580c) !important;
  color:#fff !important;
  border:1px solid rgba(249,115,22,.35) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.24) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}

#offer-aweber .tool-hero-title{
  max-width:880px !important;
  margin:0 0 16px !important;
  color:#07111f !important;
  font-size:clamp(34px, 5vw, 62px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;
}

#offer-aweber .tool-hero-title em{
  position:relative !important;
  z-index:1 !important;
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
  white-space:normal !important;
}

#offer-aweber .tool-hero-title .dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:-3px !important;
  right:-3px !important;
  bottom:.04em !important;
  height:.22em !important;
  z-index:-1 !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.22) !important;
  transform:rotate(-1deg) !important;
}

#offer-aweber .tool-hero-sub{
  max-width:900px !important;
  margin:0 !important;
  color:#334155 !important;
  font-size:17px !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

#offer-aweber .tool-hero-sub strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}


/* =========================
   TOOL MODAL MAIN GRID ENERGY
========================= */

#offer-aweber .ms-grid{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.72)) !important;
}

#offer-aweber .ms-copy{
  padding:2px 0 !important;
}

#offer-aweber .pill-row{
  gap:8px !important;
  margin-bottom:4px !important;
}

#offer-aweber .pill-chip{
  border:1px solid rgba(20,163,112,.22) !important;
  background:rgba(236,253,245,.96) !important;
  color:#0f5132 !important;
  font-weight:850 !important;
}


/* =========================
   TOOL POWER CALLOUT - STRONGER
========================= */

#offer-aweber .tool-power-callout{
  margin:4px 0 16px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(249,115,22,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  border:1px solid rgba(249,115,22,.34) !important;
  box-shadow:0 12px 24px rgba(249,115,22,.08) !important;
}

#offer-aweber .tool-power-callout strong{
  color:#ea580c !important;
  font-size:14px !important;
  font-weight:950 !important;
}

#offer-aweber .tool-power-callout span{
  color:#1e293b !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}


/* =========================
   TOOL CHECKLIST / BULLETS UPGRADE
========================= */

#offer-aweber .ms-copy .checklist{
  gap:10px !important;
}

#offer-aweber .ms-copy .checklist li{
  position:relative !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:13px 14px !important;
  border-radius:14px !important;
  background:#ffffff !important;
  border:1px solid rgba(249,115,22,.16) !important;
  box-shadow:
    0 8px 18px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#offer-aweber .ms-copy .checklist li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:12px !important;
  bottom:12px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f97316,#16a34a) !important;
}

#offer-aweber .ms-copy .checklist .check{
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  margin-top:1px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#18a87a,#0d7f5d) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 8px 16px rgba(20,163,112,.22) !important;
}

#offer-aweber .ms-copy .checklist li span:last-child{
  color:#334155 !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

#offer-aweber .ms-copy .checklist li strong{
  color:#07111f !important;
  font-weight:950 !important;
}


/* =========================
   TOOL CTA UPGRADE
========================= */

#offer-aweber .ms-copy .ms-cta{
  margin-top:4px !important;
}

#offer-aweber .ms-copy .ms-cta .btn{
  width:100% !important;
  min-height:54px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,var(--brand-2),var(--brand)) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  box-shadow:0 14px 30px rgba(20,163,112,.32) !important;
}

#offer-aweber .ms-note{
  margin-top:2px !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:750 !important;
}


/* =========================
   MODAL DESCRIPTION BOXES - ORANGE OUTLINE
========================= */

#offer-aweber .ms-desc{
  border:1px solid rgba(249,115,22,.24) !important;
  border-radius:16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.78)) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
}

#offer-aweber .ms-desc h4{
  position:relative !important;
  margin:0 0 10px !important;
  padding-bottom:8px !important;
  color:#07111f !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

#offer-aweber .ms-desc h4::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:64px !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#f97316,#16a34a) !important;
}

#offer-aweber .ms-desc p{
  color:#334155 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:650 !important;
}

#offer-aweber .ms-desc p strong,
#offer-aweber .ms-desc li strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}

#offer-aweber .ms-desc .checklist{
  gap:9px !important;
}

#offer-aweber .ms-desc .checklist li{
  padding:10px 12px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid rgba(20,163,112,.14) !important;
}

#offer-aweber .ms-desc .checklist .check{
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  background:var(--success) !important;
}


/* =========================
   TOOL TESTIMONIALS UPGRADE
========================= */

#offer-aweber .ms-testis h4{
  color:#07111f !important;
  font-size:18px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

#offer-aweber .t-card{
  border:1px solid rgba(249,115,22,.20) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
}

#offer-aweber .t-quote{
  color:#334155 !important;
  font-weight:700 !important;
}

#offer-aweber .t-avatar{
  box-shadow:0 8px 16px rgba(20,163,112,.18) !important;
}


/* =========================
   MOBILE TOOL MODAL ENERGY
========================= */

@media (max-width:760px){
  #offer-aweber .tool-hero{
    padding:26px 18px 28px !important;
  }

  #offer-aweber .tool-hero-title{
    font-size:36px !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
  }

  #offer-aweber .tool-hero-sub{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  #offer-aweber .tool-power-callout{
    flex-direction:column !important;
    gap:6px !important;
    padding:14px !important;
  }

  #offer-aweber .ms-copy .checklist li{
    padding:12px 12px 12px 14px !important;
  }

  #offer-aweber .ms-copy .checklist li span:last-child{
    font-size:13px !important;
  }
}

/* =========================
   TOOL MODAL SALES ENERGY FIX
   Works after modal content is copied into #modalDynamic
========================= */

#modalDynamic .tool-hero,
.modal .tool-hero{
  padding:34px 28px 36px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(20,163,112,.22), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(249,115,22,.12), transparent 34%),
    linear-gradient(135deg, rgba(236,253,245,.98), rgba(255,255,255,.98)) !important;
  border-bottom:1px solid rgba(249,115,22,.28) !important;
}

#modalDynamic .tool-hero .ms-badge,
.modal .tool-hero .ms-badge{
  margin-bottom:16px !important;
  padding:8px 15px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f97316,#ea580c) !important;
  color:#fff !important;
  border:1px solid rgba(249,115,22,.35) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.24) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}

#modalDynamic .tool-hero-title,
.modal .tool-hero-title{
  max-width:880px !important;
  margin:0 0 16px !important;
  color:#07111f !important;
  font-size:clamp(34px, 5vw, 62px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;
}

#modalDynamic .tool-hero-title em,
.modal .tool-hero-title em{
  color:var(--brand) !important;
  font-style:normal !important;
}

#modalDynamic .tool-hero-sub,
.modal .tool-hero-sub{
  max-width:900px !important;
  margin:0 !important;
  color:#334155 !important;
  font-size:17px !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

#modalDynamic .tool-hero-sub strong,
.modal .tool-hero-sub strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}


/* =========================
   GREEN PEN UNDERLINE FIX
========================= */

#modalDynamic .tool-hero-title .dfy-pen-underline,
.modal .tool-hero-title .dfy-pen-underline{
  position:relative !important;
  z-index:1 !important;
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#modalDynamic .tool-hero-title .dfy-pen-underline::after,
.modal .tool-hero-title .dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:-5px !important;
  right:-5px !important;
  bottom:.04em !important;
  height:.22em !important;
  z-index:-1 !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.24) !important;
  transform:rotate(-1deg) !important;
}


/* =========================
   TOOL MODAL CONTENT ENERGY
========================= */

#modalDynamic .ms-grid,
.modal #modalDynamic .ms-grid{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.72)) !important;
}

#modalDynamic .pill-chip,
.modal #modalDynamic .pill-chip{
  border:1px solid rgba(20,163,112,.22) !important;
  background:rgba(236,253,245,.96) !important;
  color:#0f5132 !important;
  font-weight:850 !important;
}


/* =========================
   PRO MOVE CALLOUT
========================= */

#modalDynamic .tool-power-callout,
.modal .tool-power-callout{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:4px 0 16px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(249,115,22,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  border:1px solid rgba(249,115,22,.34) !important;
  box-shadow:0 12px 24px rgba(249,115,22,.08) !important;
}

#modalDynamic .tool-power-callout strong,
.modal .tool-power-callout strong{
  color:#ea580c !important;
  font-size:14px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

#modalDynamic .tool-power-callout span,
.modal .tool-power-callout span{
  color:#1e293b !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}


/* =========================
   UPGRADED BULLET DESIGN
========================= */

#modalDynamic .ms-copy .checklist,
.modal #modalDynamic .ms-copy .checklist{
  gap:10px !important;
}

#modalDynamic .ms-copy .checklist li,
.modal #modalDynamic .ms-copy .checklist li{
  position:relative !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:13px 14px 13px 16px !important;
  border-radius:14px !important;
  background:#ffffff !important;
  border:1px solid rgba(249,115,22,.20) !important;
  box-shadow:
    0 8px 18px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#modalDynamic .ms-copy .checklist li::before,
.modal #modalDynamic .ms-copy .checklist li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:12px !important;
  bottom:12px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f97316,#16a34a) !important;
}

#modalDynamic .ms-copy .checklist .check,
.modal #modalDynamic .ms-copy .checklist .check{
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  margin-top:1px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#18a87a,#0d7f5d) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 8px 16px rgba(20,163,112,.22) !important;
}

#modalDynamic .ms-copy .checklist li span:last-child,
.modal #modalDynamic .ms-copy .checklist li span:last-child{
  color:#334155 !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

#modalDynamic .ms-copy .checklist li strong,
.modal #modalDynamic .ms-copy .checklist li strong{
  color:#07111f !important;
  font-weight:950 !important;
}


/* =========================
   ORANGE OUTLINE CONTENT BOXES
========================= */

#modalDynamic .ms-desc,
.modal #modalDynamic .ms-desc{
  border:1px solid rgba(249,115,22,.26) !important;
  border-radius:16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.78)) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
}

#modalDynamic .ms-desc h4,
.modal #modalDynamic .ms-desc h4{
  position:relative !important;
  margin:0 0 10px !important;
  padding-bottom:8px !important;
  color:#07111f !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

#modalDynamic .ms-desc h4::after,
.modal #modalDynamic .ms-desc h4::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:64px !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#f97316,#16a34a) !important;
}

#modalDynamic .ms-desc p,
.modal #modalDynamic .ms-desc p{
  color:#334155 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:650 !important;
}

#modalDynamic .ms-desc p strong,
#modalDynamic .ms-desc li strong,
.modal #modalDynamic .ms-desc p strong,
.modal #modalDynamic .ms-desc li strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}


/* =========================
   TOOL CTA STRONGER
========================= */

#modalDynamic .ms-copy .ms-cta .btn,
.modal #modalDynamic .ms-copy .ms-cta .btn,
#modalDynamic .ms-sticky .btn,
.modal #modalDynamic .ms-sticky .btn{
  width:100% !important;
  min-height:54px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,var(--brand-2),var(--brand)) !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  box-shadow:0 14px 30px rgba(20,163,112,.32) !important;
}


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

@media (max-width:760px){
  #modalDynamic .tool-hero,
  .modal .tool-hero{
    padding:26px 18px 28px !important;
  }

  #modalDynamic .tool-hero-title,
  .modal .tool-hero-title{
    font-size:36px !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
  }

  #modalDynamic .tool-hero-sub,
  .modal .tool-hero-sub{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  #modalDynamic .tool-power-callout,
  .modal .tool-power-callout{
    flex-direction:column !important;
    gap:6px !important;
    padding:14px !important;
  }

  #modalDynamic .tool-power-callout strong,
  .modal .tool-power-callout strong{
    white-space:normal !important;
  }
}

/* =========================
   TOOL MODAL SALES ENERGY UPGRADE
   Works after modal content is copied into #modalDynamic
========================= */

#modalDynamic .tool-hero,
.modal .tool-hero{
  padding:34px 28px 36px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(20,163,112,.24), transparent 34%),
    radial-gradient(circle at 6% 94%, rgba(249,115,22,.13), transparent 34%),
    linear-gradient(135deg, rgba(236,253,245,.98), rgba(255,255,255,.98)) !important;
  border-bottom:1px solid rgba(249,115,22,.30) !important;
}

#modalDynamic .tool-hero .ms-badge,
.modal .tool-hero .ms-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:14px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f97316,#ea580c) !important;
  color:#fff !important;
  border:1px solid rgba(249,115,22,.35) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.24) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

#modalDynamic .tool-hero-title,
.modal .tool-hero-title{
  max-width:900px !important;
  margin:0 0 14px !important;
  color:#07111f !important;
  font-size:clamp(30px, 4.4vw, 54px) !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#modalDynamic .tool-hero-title em,
.modal .tool-hero-title em{
  color:var(--brand) !important;
  font-style:normal !important;
}

#modalDynamic .tool-hero-sub,
.modal .tool-hero-sub{
  max-width:900px !important;
  margin:0 !important;
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

#modalDynamic .tool-hero-sub strong,
.modal .tool-hero-sub strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}


/* =========================
   GREEN PEN UNDERLINE
========================= */

#modalDynamic .tool-hero-title .dfy-pen-underline,
.modal .tool-hero-title .dfy-pen-underline{
  position:relative !important;
  z-index:1 !important;
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#modalDynamic .tool-hero-title .dfy-pen-underline::after,
.modal .tool-hero-title .dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:-4px !important;
  right:-4px !important;
  bottom:.05em !important;
  height:.14em !important;
  z-index:-1 !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.30) !important;
  transform:rotate(-1deg) !important;
}


/* =========================
   MAIN MODAL AREA
========================= */

#modalDynamic .ms-grid,
.modal #modalDynamic .ms-grid{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.70)) !important;
}

#modalDynamic .ms-visual,
.modal #modalDynamic .ms-visual{
  border-radius:14px !important;
}

#modalDynamic .pill-row,
.modal #modalDynamic .pill-row{
  gap:8px !important;
  margin-bottom:8px !important;
}

#modalDynamic .pill-chip,
.modal #modalDynamic .pill-chip{
  border:1px solid rgba(20,163,112,.22) !important;
  background:rgba(236,253,245,.96) !important;
  color:#0f5132 !important;
  font-size:11px !important;
  font-weight:850 !important;
}


/* =========================
   PRO MOVE CALLOUT
========================= */

#modalDynamic .tool-power-callout,
.modal .tool-power-callout{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:6px 0 16px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(249,115,22,.17), transparent 34%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  border:1px solid rgba(249,115,22,.36) !important;
  box-shadow:0 12px 24px rgba(249,115,22,.08) !important;
}

#modalDynamic .tool-power-callout strong,
.modal .tool-power-callout strong{
  color:#ea580c !important;
  font-size:14px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

#modalDynamic .tool-power-callout span,
.modal .tool-power-callout span{
  color:#1e293b !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}


/* =========================
   PREMIUM BULLET DESIGN
========================= */

#modalDynamic .tool-sales-checklist,
.modal #modalDynamic .tool-sales-checklist{
  display:grid !important;
  gap:12px !important;
}

#modalDynamic .tool-sales-checklist li,
.modal #modalDynamic .tool-sales-checklist li{
  position:relative !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:14px 15px 14px 18px !important;
  border-radius:15px !important;
  background:#ffffff !important;
  border:1px solid rgba(249,115,22,.22) !important;
  box-shadow:
    0 10px 20px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

#modalDynamic .tool-sales-checklist li::before,
.modal #modalDynamic .tool-sales-checklist li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:12px !important;
  bottom:12px !important;
  width:4px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f97316,#16a34a) !important;
}

#modalDynamic .tool-sales-checklist .check,
.modal #modalDynamic .tool-sales-checklist .check{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  margin-top:1px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#18a87a,#0d7f5d) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 8px 16px rgba(20,163,112,.22) !important;
}

#modalDynamic .tool-sales-checklist li span:last-child,
.modal #modalDynamic .tool-sales-checklist li span:last-child{
  color:#334155 !important;
  font-size:13.5px !important;
  line-height:1.48 !important;
  font-weight:700 !important;
}

#modalDynamic .tool-sales-checklist li strong,
.modal #modalDynamic .tool-sales-checklist li strong{
  color:#07111f !important;
  font-weight:950 !important;
}


/* =========================
   CTA UPGRADE
========================= */

#modalDynamic .ms-copy .ms-cta,
.modal #modalDynamic .ms-copy .ms-cta{
  margin-top:6px !important;
}

#modalDynamic .ms-copy .ms-cta .btn,
.modal #modalDynamic .ms-copy .ms-cta .btn,
#modalDynamic .ms-sticky .btn,
.modal #modalDynamic .ms-sticky .btn{
  width:100% !important;
  min-height:54px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,var(--brand-2),var(--brand)) !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  box-shadow:0 14px 30px rgba(20,163,112,.32) !important;
}

#modalDynamic .ms-copy .ms-cta .btn:hover,
.modal #modalDynamic .ms-copy .ms-cta .btn:hover,
#modalDynamic .ms-sticky .btn:hover,
.modal #modalDynamic .ms-sticky .btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 36px rgba(20,163,112,.42) !important;
}

#modalDynamic .ms-note,
.modal #modalDynamic .ms-note{
  margin-top:4px !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:750 !important;
}


/* =========================
   ORANGE OUTLINE CONTENT BOXES
========================= */

#modalDynamic .ms-desc,
.modal #modalDynamic .ms-desc{
  border:1px solid rgba(249,115,22,.28) !important;
  border-radius:16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,245,.78)) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
}

#modalDynamic .ms-desc h4,
.modal #modalDynamic .ms-desc h4{
  position:relative !important;
  margin:0 0 11px !important;
  padding-bottom:9px !important;
  color:#07111f !important;
  font-size:18px !important;
  line-height:1.22 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

#modalDynamic .ms-desc h4::after,
.modal #modalDynamic .ms-desc h4::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:72px !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#f97316,#16a34a) !important;
}

#modalDynamic .ms-desc p,
.modal #modalDynamic .ms-desc p{
  color:#334155 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:650 !important;
}

#modalDynamic .ms-desc p strong,
#modalDynamic .ms-desc li strong,
.modal #modalDynamic .ms-desc p strong,
.modal #modalDynamic .ms-desc li strong{
  color:var(--brand) !important;
  font-weight:950 !important;
}


/* =========================
   MINI CHECKLISTS INSIDE SECTIONS
========================= */

#modalDynamic .tool-mini-checklist,
.modal #modalDynamic .tool-mini-checklist{
  display:grid !important;
  gap:9px !important;
}

#modalDynamic .tool-mini-checklist li,
.modal #modalDynamic .tool-mini-checklist li{
  padding:10px 12px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid rgba(20,163,112,.16) !important;
  box-shadow:0 6px 14px rgba(15,23,42,.035) !important;
}

#modalDynamic .tool-mini-checklist .check,
.modal #modalDynamic .tool-mini-checklist .check{
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#18a87a,#0d7f5d) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
}


/* =========================
   TESTIMONIAL POLISH
========================= */

#modalDynamic .ms-testis h4,
.modal #modalDynamic .ms-testis h4{
  color:#07111f !important;
  font-size:18px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

#modalDynamic .t-card,
.modal #modalDynamic .t-card{
  border:1px solid rgba(249,115,22,.22) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
}

#modalDynamic .t-quote,
.modal #modalDynamic .t-quote{
  color:#334155 !important;
  font-weight:700 !important;
}

#modalDynamic .t-avatar,
.modal #modalDynamic .t-avatar{
  box-shadow:0 8px 16px rgba(20,163,112,.18) !important;
}


/* =========================
   MOBILE TOOL MODAL
========================= */

@media (max-width:760px){
  #modalDynamic .tool-hero,
  .modal .tool-hero{
    padding:26px 18px 28px !important;
  }

  #modalDynamic .tool-hero-title,
  .modal .tool-hero-title{
    font-size:34px !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }

  #modalDynamic .tool-hero-sub,
  .modal .tool-hero-sub{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  #modalDynamic .tool-power-callout,
  .modal .tool-power-callout{
    flex-direction:column !important;
    gap:6px !important;
    padding:14px !important;
  }

  #modalDynamic .tool-power-callout strong,
  .modal .tool-power-callout strong{
    white-space:normal !important;
  }

  #modalDynamic .tool-sales-checklist li,
  .modal #modalDynamic .tool-sales-checklist li{
    padding:12px 12px 12px 15px !important;
  }

  #modalDynamic .tool-sales-checklist li span:last-child,
  .modal #modalDynamic .tool-sales-checklist li span:last-child{
    font-size:13px !important;
  }
}

/* =========================
   PRO MOVE CALLOUT - DESKTOP POLISH
========================= */

#modalDynamic .tool-power-callout,
.modal .tool-power-callout{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:start !important;
  column-gap:10px !important;
  row-gap:0 !important;
  margin:8px 0 18px !important;
  padding:17px 20px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(249,115,22,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  border:1px solid rgba(249,115,22,.38) !important;
  box-shadow:0 12px 24px rgba(249,115,22,.08) !important;
  text-align:left !important;
}

#modalDynamic .tool-power-callout strong,
.modal .tool-power-callout strong{
  display:inline-flex !important;
  align-items:center !important;
  color:#ea580c !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

#modalDynamic .tool-power-callout span,
.modal .tool-power-callout span{
  display:block !important;
  max-width:100% !important;
  color:#0f172a !important;
  font-size:15px !important;
  line-height:1.48 !important;
  font-weight:850 !important;
  text-align:left !important;
}


/* =========================
   MOBILE PRO MOVE CALLOUT
========================= */

@media (max-width:760px){
  #modalDynamic .tool-power-callout,
  .modal .tool-power-callout{
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:14px !important;
  }

  #modalDynamic .tool-power-callout strong,
  .modal .tool-power-callout strong{
    white-space:normal !important;
  }

  #modalDynamic .tool-power-callout span,
  .modal .tool-power-callout span{
    font-size:14px !important;
    line-height:1.45 !important;
  }
}

/* =========================
   PRO MOVE CALLOUT - INLINE BULLET STYLE
========================= */

#modalDynamic .tool-power-callout,
.modal .tool-power-callout{
  display:block !important;
  margin:8px 0 18px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(249,115,22,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.98)) !important;
  border:1px solid rgba(249,115,22,.38) !important;
  box-shadow:0 12px 24px rgba(249,115,22,.08) !important;
  text-align:left !important;
  color:#0f172a !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:850 !important;
}

#modalDynamic .tool-power-callout strong,
.modal .tool-power-callout strong{
  display:inline !important;
  color:#ea580c !important;
  font-size:15px !important;
  line-height:inherit !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  margin-right:6px !important;
}

#modalDynamic .tool-power-callout span,
.modal .tool-power-callout span{
  display:inline !important;
  max-width:none !important;
  color:#0f172a !important;
  font-size:15px !important;
  line-height:inherit !important;
  font-weight:850 !important;
  text-align:left !important;
}


/* Mobile: allow the label to wrap naturally if needed */
@media (max-width:760px){
  #modalDynamic .tool-power-callout,
  .modal .tool-power-callout{
    padding:14px !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }

  #modalDynamic .tool-power-callout strong,
  .modal .tool-power-callout strong,
  #modalDynamic .tool-power-callout span,
  .modal .tool-power-callout span{
    font-size:14px !important;
  }
}

/* =========================
   MODAL GRID LAYOUT
========================= */
.ms-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr);
  gap:18px;
  align-items:start;
}

.ms-grid > *{
  min-width:0;
}

.ms-visual{
  order:1;
  height:700px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(249,115,22,.22);
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.ms-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.ms-copy{
  order:2;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}

.pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ms-copy .checklist{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.ms-copy .checklist li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 14px;
  border:1px solid rgba(249,115,22,.22);
  border-radius:14px;
  background:#fff;
}

.ms-copy .checklist .check{
  flex:0 0 auto;
  margin-top:2px;
}

.ms-cta{
  margin-top:2px;
}

.ms-cta .btn{
  width:100%;
  justify-content:center;
}

.ms-note{
  margin:0;
  text-align:center;
}

/* =========================
   MOBILE FIX
========================= */
@media (max-width: 900px){

  .ms-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .ms-visual{
    order:1;
    height:520px;
  }

  .ms-copy{
    order:2;
  }

  .pill-row{
    justify-content:flex-start;
  }

  .ms-copy .checklist{
    gap:10px;
  }

  .ms-copy .checklist li{
    padding:12px 12px;
  }

  .ms-cta .btn{
    width:100%;
  }
}

@media (max-width: 640px){

  .ms-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .ms-visual{
    order:1;
    height:420px;
    border-radius:16px;
  }

  .ms-copy{
    order:2;
    gap:12px;
  }

  .pill-row{
    gap:8px;
  }

  .ms-copy .checklist li{
    padding:12px;
    border-radius:12px;
  }

  .ms-note{
    font-size:12px;
    line-height:1.45;
  }
}

/* =========================
   KICKSTART COMMISSIONS TOOLKIT
   Clean current version
   Keeps The Vault untouched
========================= */

#special-offers.toolkit-section{
  overflow:hidden;
}

#special-offers.toolkit-section .bd{
  padding:20px;
}

/* Intro panel - aligned with Recommended Growth Add-ons */
#special-offers .toolkit-intro-panel{
  margin:0 0 18px;
  padding:18px 20px;
  border:1px solid rgba(20,163,112,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 25%, rgba(20,163,112,.10), transparent 28%),
    linear-gradient(135deg, rgba(238,250,245,.96), rgba(255,255,255,.96));
  box-shadow:
    0 8px 22px rgba(20,163,112,.06),
    inset 0 1px 0 rgba(255,255,255,.85);
}

#special-offers .toolkit-intro-pill{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-bottom:18px;
  padding:8px 15px;
  border-radius:999px;
  background:#eefaf5;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.18);
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#special-offers .toolkit-intro-panel h3{
  margin:0 0 6px;
  color:var(--text);
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.02em;
}

#special-offers .toolkit-intro-panel p{
  max-width:920px;
  margin:0;
  color:var(--muted);
  font-size:13px;
  font-weight:400;
  line-height:1.55;
}

#special-offers .toolkit-intro-panel p strong{
  color:var(--brand);
  font-weight:700;
}

#special-offers .toolkit-member-note{
  margin-top:14px !important;
  font-size:13px;
  line-height:1.45;
}

/* Toolkit grid */
#special-offers .toolkit-grid{
  align-items:stretch;
}

/* Toolkit card shell */
#special-offers .toolkit-card{
  border:1px solid var(--accent);
  background:var(--panel);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow-1);
  display:flex;
  flex-direction:column;
  cursor:pointer;
  position:relative;
}

#special-offers .toolkit-card-inner{
  height:100%;
  display:flex;
  flex-direction:column;
}

#special-offers .toolkit-thumb{
  aspect-ratio:16 / 10;
  border:0;
  border-radius:0;
  background:#f8fafc;
  overflow:hidden;
}

#special-offers .toolkit-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:none;
  filter:none;
  image-rendering:auto;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

#special-offers .toolkit-card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
}

#special-offers .toolkit-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* Toolkit labels - same rhythm as Growth Add-ons */
#special-offers .toolkit-category{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  margin-bottom:0;
  padding:5px 10px;
  border-radius:999px;
  background:#fff4e5;
  border:1px solid #f5d39a;
  color:#b45309;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.03em;
}

#special-offers .toolkit-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.20);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

#special-offers .toolkit-title{
  margin:0;
  color:var(--text);
  font-size:16px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:0;
}

#special-offers .toolkit-desc{
  min-height:60px;
  margin:0;
  color:var(--muted);
  font-size:13px;
  font-weight:400;
  line-height:1.5;
}

/* System role row - calmer than upsell AI pill */
#special-offers .toolkit-role-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  margin-top:2px;
  padding:10px 12px;
  border:1px solid rgba(249,115,22,.38);
  border-radius:12px;
  background:linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.90));
  color:#c2410c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80);
  font-size:12px;
  font-weight:400;
  line-height:1.25;
  text-align:center;
}

#special-offers .toolkit-role-pill span{
  flex-shrink:0;
  font-size:15px;
  line-height:1;
}

#special-offers .toolkit-role-pill strong,
#special-offers .toolkit-role-pill em{
  font-style:normal;
  font-weight:700;
}

/* =========================
   TOOLKIT VALUE PANEL RHYTHM
========================= */
.toolkit-value-panel{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  margin-top:2px;
  padding:13px 14px;
  border:1px solid rgba(20,163,112,.22);
  border-radius:14px;
  background:linear-gradient(
    135deg,
    rgba(238,250,245,.94),
    rgba(255,255,255,.96)
  );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}

.toolkit-best-for{
  display:grid;
  gap:4px;
  min-width:0;
}

.toolkit-best-for small,
.toolkit-feature-pill small{
  display:block;
  margin:0;
  color:var(--brand);
  font-size:12px;
  font-weight:700;
  line-height:1.15;
}

.toolkit-best-for strong{
  display:block;
  color:var(--text);
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.01em;
  white-space:nowrap;
}

.toolkit-feature-pill{
  display:inline-grid;
  align-items:center;
  justify-items:center;
  gap:3px;
  min-width:126px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:var(--brand);
  border:1px solid rgba(20,163,112,.20);
  text-align:center;
  white-space:normal;
}

.toolkit-feature-pill strong{
  display:block;
  color:var(--brand);
  font-size:12px;
  font-weight:700;
  line-height:1.15;
}

@media (max-width:760px){
  #special-offers .toolkit-value-panel{
    grid-template-columns:1fr;
    gap:10px;
  }

  #special-offers .toolkit-best-for strong{
    white-space:normal;
  }

  #special-offers .toolkit-feature-pill{
    width:100%;
    max-width:none;
    justify-content:center;
    justify-items:center;
    border-radius:12px;
  }
}

/* =========================
   TOOLKIT ACTIONS
========================= */
#special-offers .toolkit-actions{
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:auto;
  padding:14px 16px;
  border-top:1px solid var(--accent);
}

#special-offers .toolkit-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  max-width:none;
  padding:12px 16px;
  font-weight:700;
  text-align:center;
}

#special-offers .toolkit-note-highlight{
  color:var(--brand);
  font-weight:700;
}

#special-offers .toolkit-member-note{
  max-width:none;
  margin-top:14px !important;
  font-size:13px;
  line-height:1.45;
}

#special-offers .toolkit-note-highlight{
  color:var(--brand);
  font-weight:700;
}

/* =========================
   U101 — SOLO ADS ADVANCED TARGETING MODAL
   Clean full replacement
========================= */

/* =========================
   SALES PAGE BODY RESET
========================= */

#modalDynamic .u101-modal-wrap .u101-sales-page,
.modal-source .u101-modal-wrap .u101-sales-page,
.u101-modal-wrap .u101-sales-page{
  margin:24px 0 0 !important;
  padding:0 !important;
  background:#fff !important;
}

/* Default: all sales-page sections are white */
#modalDynamic .u101-modal-wrap .u101-sales-page > section,
.modal-source .u101-modal-wrap .u101-sales-page > section,
.u101-modal-wrap .u101-sales-page > section{
  margin:0 !important;
  padding:48px 44px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fff !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  text-align:center !important;
}

/* Shared headlines */
#modalDynamic .u101-modal-wrap .u101-sales-page h4,
.modal-source .u101-modal-wrap .u101-sales-page h4,
.u101-modal-wrap .u101-sales-page h4{
  max-width:900px !important;
  margin:0 auto 18px !important;
  color:var(--ink) !important;
  font-size:34px !important;
  font-weight:900 !important;
  line-height:1.08 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

/* Shared body copy — left by default */
#modalDynamic .u101-modal-wrap .u101-sales-page p,
.modal-source .u101-modal-wrap .u101-sales-page p,
.u101-modal-wrap .u101-sales-page p{
  max-width:900px !important;
  margin:0 0 16px !important;
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:550 !important;
  line-height:1.68 !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-sales-page p:last-child,
.modal-source .u101-modal-wrap .u101-sales-page p:last-child,
.u101-modal-wrap .u101-sales-page p:last-child{
  margin-bottom:0 !important;
}

/* Green headline emphasis */
#modalDynamic .u101-modal-wrap .u101-sales-page h4 em,
.modal-source .u101-modal-wrap .u101-sales-page h4 em,
.u101-modal-wrap .u101-sales-page h4 em{
  color:var(--brand) !important;
  font-style:normal !important;
}

/* Shared headline pills */
#modalDynamic .u101-modal-wrap .u101-sales-kicker,
.modal-source .u101-modal-wrap .u101-sales-kicker,
.u101-modal-wrap .u101-sales-kicker,
#modalDynamic .u101-modal-wrap .u101-sales-label,
.modal-source .u101-modal-wrap .u101-sales-label,
.u101-modal-wrap .u101-sales-label,
#modalDynamic .u101-modal-wrap .u101-route-strip-kicker,
.modal-source .u101-modal-wrap .u101-route-strip-kicker,
.u101-modal-wrap .u101-route-strip-kicker,
#modalDynamic .u101-modal-wrap .u101-serious-kicker,
.modal-source .u101-modal-wrap .u101-serious-kicker,
.u101-modal-wrap .u101-serious-kicker,
#modalDynamic .u101-modal-wrap .u101-cta-kicker,
.modal-source .u101-modal-wrap .u101-cta-kicker,
.u101-modal-wrap .u101-cta-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 14px !important;
  padding:8px 13px !important;
  border-radius:999px !important;
  background:rgba(249,115,22,.11) !important;
  color:#b45309 !important;
  border:1px solid rgba(249,115,22,.24) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* Story copy width */
#modalDynamic .u101-modal-wrap .u101-story-copy,
.modal-source .u101-modal-wrap .u101-story-copy,
.u101-modal-wrap .u101-story-copy{
  max-width:930px !important;
}

/* Story copy remains left-aligned */
#modalDynamic .u101-modal-wrap .u101-story-copy p,
.modal-source .u101-modal-wrap .u101-story-copy p,
.u101-modal-wrap .u101-story-copy p{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Punch lines inside story content */
#modalDynamic .u101-modal-wrap .u101-story-punch,
.modal-source .u101-modal-wrap .u101-story-punch,
.u101-modal-wrap .u101-story-punch{
  max-width:880px !important;
  margin:24px 0 !important;
  padding:0 0 0 18px !important;
  border:0 !important;
  border-left:5px solid #f97316 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ink) !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.42 !important;
  text-align:left !important;
}

/* =========================
   COLOURED BANNER 1
   SMART MOVE SECTION
========================= */

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner,
.u101-modal-wrap .u101-sales-page > section.u101-next-level-banner,
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner,
.u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner{
  margin:0 !important;
  padding:58px 44px !important;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.20), transparent 34%),
    radial-gradient(circle at bottom right, rgba(20,163,112,.20), transparent 34%),
    linear-gradient(135deg, #fff7ed 0%, #f0fdf4 100%) !important;
  border-top:1px solid rgba(249,115,22,.24) !important;
  border-bottom:1px solid rgba(20,163,112,.24) !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner > span,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner > span,
.u101-modal-wrap .u101-sales-page > section.u101-next-level-banner > span,
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner > span,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner > span,
.u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#b45309 !important;
  border:1px solid rgba(249,115,22,.30) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner h4,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner h4,
.u101-modal-wrap .u101-sales-page > section.u101-next-level-banner h4,
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner h4,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner h4,
.u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner h4{
  max-width:940px !important;
  margin:0 auto 18px !important;
  color:var(--ink) !important;
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner h4 em,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner h4 em,
.u101-modal-wrap .u101-sales-page > section.u101-next-level-banner h4 em,
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner h4 em,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner h4 em,
.u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner h4 em{
  display:block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner p,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-next-level-banner p,
.u101-modal-wrap .u101-sales-page > section.u101-next-level-banner p,
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner p,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner p,
.u101-modal-wrap .u101-sales-page > section.u101-smart-move-banner p{
  max-width:820px !important;
  margin:0 auto !important;
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1.65 !important;
  text-align:center !important;
}

/* =========================
   COMPARISON SECTION — WHITE
========================= */

#modalDynamic .u101-modal-wrap .u101-compare-section,
.modal-source .u101-modal-wrap .u101-compare-section,
.u101-modal-wrap .u101-compare-section,
#modalDynamic .u101-modal-wrap .u101-split-compare,
.modal-source .u101-modal-wrap .u101-split-compare,
.u101-modal-wrap .u101-split-compare{
  background:#fff !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-head,
.modal-source .u101-modal-wrap .u101-compare-head,
.u101-modal-wrap .u101-compare-head{
  max-width:920px !important;
  margin:0 auto 28px !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-row,
.modal-source .u101-modal-wrap .u101-compare-row,
.u101-modal-wrap .u101-compare-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side,
.modal-source .u101-modal-wrap .u101-compare-side,
.u101-modal-wrap .u101-compare-side{
  padding:28px 24px !important;
  border-radius:22px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:none !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side-bad,
.modal-source .u101-modal-wrap .u101-compare-side-bad,
.u101-modal-wrap .u101-compare-side-bad{
  background:linear-gradient(135deg, rgba(254,242,242,.96), rgba(255,255,255,.98)) !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side-good,
.modal-source .u101-modal-wrap .u101-compare-side-good,
.u101-modal-wrap .u101-compare-side-good{
  background:linear-gradient(135deg, rgba(238,250,245,.97), rgba(255,255,255,.98)) !important;
}

#modalDynamic .u101-modal-wrap .u101-side-tag,
.modal-source .u101-modal-wrap .u101-side-tag,
.u101-modal-wrap .u101-side-tag{
  display:block !important;
  margin:0 0 16px !important;
  color:var(--ink) !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side ul,
.modal-source .u101-modal-wrap .u101-compare-side ul,
.u101-modal-wrap .u101-compare-side ul{
  display:grid !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side li,
.modal-source .u101-modal-wrap .u101-compare-side li,
.u101-modal-wrap .u101-compare-side li{
  position:relative !important;
  padding-left:26px !important;
  color:var(--ink) !important;
  font-size:16px !important;
  font-weight:750 !important;
  line-height:1.45 !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side-bad li::before,
.modal-source .u101-modal-wrap .u101-compare-side-bad li::before,
.u101-modal-wrap .u101-compare-side-bad li::before{
  content:"?" !important;
  position:absolute !important;
  left:0 !important;
  color:#ef4444 !important;
  font-weight:900 !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side-good li::before,
.modal-source .u101-modal-wrap .u101-compare-side-good li::before,
.u101-modal-wrap .u101-compare-side-good li::before{
  content:"?" !important;
  position:absolute !important;
  left:0 !important;
  color:var(--brand) !important;
  font-weight:900 !important;
}

/* =========================
   U101 — COLOURED CTA BANNER
   Ready To Level Up section
========================= */

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-full-cta,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-full-cta,
.u101-modal-wrap .u101-sales-page > section.u101-full-cta{
  margin:0 !important;
  padding:58px 44px !important;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.22), transparent 34%),
    radial-gradient(circle at bottom right, rgba(20,163,112,.24), transparent 36%),
    linear-gradient(135deg, #fff7ed 0%, #ffffff 42%, #ecfdf5 100%) !important;
  border-top:1px solid rgba(249,115,22,.24) !important;
  border-bottom:1px solid rgba(20,163,112,.24) !important;
  text-align:center !important;
}

/* Pill */
#modalDynamic .u101-modal-wrap .u101-full-cta .u101-cta-kicker,
.modal-source .u101-modal-wrap .u101-full-cta .u101-cta-kicker,
.u101-modal-wrap .u101-full-cta .u101-cta-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#b45309 !important;
  border:1px solid rgba(249,115,22,.30) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* Headline */
#modalDynamic .u101-modal-wrap .u101-full-cta h4,
.modal-source .u101-modal-wrap .u101-full-cta h4,
.u101-modal-wrap .u101-full-cta h4{
  max-width:880px !important;
  margin:0 auto 18px !important;
  color:var(--ink) !important;
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

/* Subheadline */
#modalDynamic .u101-modal-wrap .u101-full-cta p,
.modal-source .u101-modal-wrap .u101-full-cta p,
.u101-modal-wrap .u101-full-cta p{
  max-width:760px !important;
  margin:0 auto 24px !important;
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1.6 !important;
  text-align:center !important;
}

/* CTA button */
#modalDynamic .u101-modal-wrap .u101-full-cta .btn,
.modal-source .u101-modal-wrap .u101-full-cta .btn,
.u101-modal-wrap .u101-full-cta .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:min(100%, 430px) !important;
  margin:0 auto 14px !important;
  font-weight:900 !important;
  box-shadow:0 16px 32px rgba(20,163,112,.22) !important;
}

/* Guarantee line */
#modalDynamic .u101-modal-wrap .u101-full-cta small,
.modal-source .u101-modal-wrap .u101-full-cta small,
.u101-modal-wrap .u101-full-cta small{
  display:block !important;
  max-width:620px !important;
  margin:0 auto !important;
  color:var(--muted) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-align:center !important;
}

/* Mobile */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-full-cta,
  .modal-source .u101-modal-wrap .u101-sales-page > section.u101-full-cta,
  .u101-modal-wrap .u101-sales-page > section.u101-full-cta{
    padding:38px 18px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-full-cta h4,
  .modal-source .u101-modal-wrap .u101-full-cta h4,
  .u101-modal-wrap .u101-full-cta h4{
    font-size:27px !important;
    line-height:1.1 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-full-cta p,
  .modal-source .u101-modal-wrap .u101-full-cta p,
  .u101-modal-wrap .u101-full-cta p{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }
}

/* =========================
   SMARTER TRAFFIC SYSTEM SECTION
========================= */

#modalDynamic .u101-modal-wrap .u101-traffic-system,
.modal-source .u101-modal-wrap .u101-traffic-system,
.u101-modal-wrap .u101-traffic-system{
  padding:54px 44px !important;
  background:#fff !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  text-align:left !important;
}

/* Header */
#modalDynamic .u101-modal-wrap .u101-traffic-system-head,
.modal-source .u101-modal-wrap .u101-traffic-system-head,
.u101-modal-wrap .u101-traffic-system-head{
  max-width:920px !important;
  margin:0 auto 34px !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-traffic-system-head .u101-sales-label,
.modal-source .u101-modal-wrap .u101-traffic-system-head .u101-sales-label,
.u101-modal-wrap .u101-traffic-system-head .u101-sales-label{
  margin-bottom:14px !important;
}

#modalDynamic .u101-modal-wrap .u101-traffic-system-head h4,
.modal-source .u101-modal-wrap .u101-traffic-system-head h4,
.u101-modal-wrap .u101-traffic-system-head h4{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:var(--ink) !important;
  font-size:35px !important;
  font-weight:900 !important;
  line-height:1.08 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-traffic-system-head p,
.modal-source .u101-modal-wrap .u101-traffic-system-head p,
.u101-modal-wrap .u101-traffic-system-head p{
  max-width:780px !important;
  margin:0 auto !important;
  color:var(--ink) !important;
  font-size:16.5px !important;
  font-weight:550 !important;
  line-height:1.58 !important;
  text-align:center !important;
}

/* Story bridge */
#modalDynamic .u101-modal-wrap .u101-system-story,
.modal-source .u101-modal-wrap .u101-system-story,
.u101-modal-wrap .u101-system-story{
  max-width:860px !important;
  margin:0 auto 30px !important;
  padding:2px 0 2px 18px !important;
  border-left:4px solid #f97316 !important;
}

#modalDynamic .u101-modal-wrap .u101-system-story p,
.modal-source .u101-modal-wrap .u101-system-story p,
.u101-modal-wrap .u101-system-story p{
  max-width:none !important;
  margin:0 0 11px !important;
  color:var(--ink) !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.55 !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-system-story p:last-child,
.modal-source .u101-modal-wrap .u101-system-story p:last-child,
.u101-modal-wrap .u101-system-story p:last-child{
  margin-bottom:0 !important;
}

/* Decision flow */
#modalDynamic .u101-modal-wrap .u101-decision-flow,
.modal-source .u101-modal-wrap .u101-decision-flow,
.u101-modal-wrap .u101-decision-flow{
  max-width:920px !important;
  margin:0 auto !important;
  display:grid !important;
  gap:14px !important;
}

/* Step rows */
#modalDynamic .u101-modal-wrap .u101-decision-step,
.modal-source .u101-modal-wrap .u101-decision-step,
.u101-modal-wrap .u101-decision-step{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  padding:20px 24px !important;
  border-radius:20px !important;
  border:1px solid rgba(20,163,112,.18) !important;
  background:
    linear-gradient(135deg, rgba(238,250,245,.68), rgba(255,255,255,.98)) !important;
  box-shadow:
    0 10px 22px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* Step number */
#modalDynamic .u101-modal-wrap .u101-step-number,
.modal-source .u101-modal-wrap .u101-step-number,
.u101-modal-wrap .u101-step-number{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  background:var(--brand) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 10px 22px rgba(20,163,112,.22) !important;
}

/* Step label */
#modalDynamic .u101-modal-wrap .u101-step-tool,
.modal-source .u101-modal-wrap .u101-step-tool,
.u101-modal-wrap .u101-step-tool{
  display:block !important;
  margin:0 0 8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#ea580c !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

#modalDynamic .u101-modal-wrap .u101-step-tool::before,
.modal-source .u101-modal-wrap .u101-step-tool::before,
.u101-modal-wrap .u101-step-tool::before{
  content:"" !important;
  display:inline-block !important;
  width:7px !important;
  height:7px !important;
  margin-right:7px !important;
  border-radius:999px !important;
  background:#f97316 !important;
  vertical-align:1px !important;
}

/* Step copy */
#modalDynamic .u101-modal-wrap .u101-step-copy,
.modal-source .u101-modal-wrap .u101-step-copy,
.u101-modal-wrap .u101-step-copy{
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-step-copy h5,
.modal-source .u101-modal-wrap .u101-step-copy h5,
.u101-modal-wrap .u101-step-copy h5{
  margin:0 0 6px !important;
  color:var(--ink) !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}

#modalDynamic .u101-modal-wrap .u101-step-copy p,
.modal-source .u101-modal-wrap .u101-step-copy p,
.u101-modal-wrap .u101-step-copy p{
  max-width:760px !important;
  margin:0 !important;
  color:var(--muted) !important;
  font-size:14.8px !important;
  font-weight:600 !important;
  line-height:1.46 !important;
  text-align:left !important;
}

/* Closing punch */
#modalDynamic .u101-modal-wrap .u101-system-close,
.modal-source .u101-modal-wrap .u101-system-close,
.u101-modal-wrap .u101-system-close{
  max-width:900px !important;
  margin:26px auto 0 !important;
  padding:17px 20px !important;
  border-radius:18px !important;
  border:1px solid rgba(249,115,22,.24) !important;
  background:linear-gradient(135deg, rgba(255,247,237,.92), rgba(255,255,255,.98)) !important;
  color:var(--ink) !important;
  font-size:16.5px !important;
  font-weight:750 !important;
  line-height:1.48 !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-system-close strong,
.modal-source .u101-modal-wrap .u101-system-close strong,
.u101-modal-wrap .u101-system-close strong{
  font-weight:900 !important;
}

/* =========================
   COLOURED BANNER 3
   SERIOUS CLOSE + CTA
========================= */

#modalDynamic .u101-modal-wrap .u101-serious-close,
.modal-source .u101-modal-wrap .u101-serious-close,
.u101-modal-wrap .u101-serious-close{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  padding:64px 44px !important;
  background:
    radial-gradient(circle at top left, rgba(20,163,112,.22), transparent 34%),
    radial-gradient(circle at bottom right, rgba(249,115,22,.16), transparent 36%),
    linear-gradient(135deg, #ecfdf5 0%, #ffffff 46%, #fff7ed 100%) !important;
  border-top:1px solid rgba(20,163,112,.24) !important;
  border-bottom:1px solid rgba(249,115,22,.22) !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close::before,
.modal-source .u101-modal-wrap .u101-serious-close::before,
.u101-modal-wrap .u101-serious-close::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:28px !important;
  left:50% !important;
  width:min(88%, 920px) !important;
  height:calc(100% - 56px) !important;
  transform:translateX(-50%) !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.34) !important;
  box-shadow:
    0 24px 60px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close::after,
.modal-source .u101-modal-wrap .u101-serious-close::after,
.u101-modal-wrap .u101-serious-close::after{
  content:"??" !important;
  position:absolute !important;
  z-index:-1 !important;
  right:48px !important;
  bottom:34px !important;
  font-size:96px !important;
  line-height:1 !important;
  opacity:.08 !important;
  transform:rotate(-10deg) !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close .u101-serious-kicker,
.modal-source .u101-modal-wrap .u101-serious-close .u101-serious-kicker,
.u101-modal-wrap .u101-serious-close .u101-serious-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#b45309 !important;
  border:1px solid rgba(249,115,22,.30) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close h4,
.modal-source .u101-modal-wrap .u101-serious-close h4,
.u101-modal-wrap .u101-serious-close h4{
  max-width:900px !important;
  margin:0 auto 20px !important;
  color:var(--ink) !important;
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close h4 em,
.modal-source .u101-modal-wrap .u101-serious-close h4 em,
.u101-modal-wrap .u101-serious-close h4 em{
  display:block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close p,
.modal-source .u101-modal-wrap .u101-serious-close p,
.u101-modal-wrap .u101-serious-close p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1.62 !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-final,
.modal-source .u101-modal-wrap .u101-serious-final,
.u101-modal-wrap .u101-serious-final{
  max-width:760px !important;
  margin:26px auto 22px !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  border:1px solid rgba(20,163,112,.24) !important;
  background:rgba(255,255,255,.78) !important;
  color:var(--ink) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.45 !important;
  text-align:center !important;
  box-shadow:0 14px 30px rgba(15,23,42,.05) !important;
}

/* Serious close CTA */
#modalDynamic .u101-modal-wrap .u101-serious-cta,
.modal-source .u101-modal-wrap .u101-serious-cta,
.u101-modal-wrap .u101-serious-cta{
  width:min(100%, 500px) !important;
  margin:0 auto !important;
  padding:16px !important;
  border-radius:24px !important;
  border:1px solid rgba(20,163,112,.22) !important;
  background:rgba(255,255,255,.76) !important;
  box-shadow:
    0 18px 38px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-cta .btn,
.modal-source .u101-modal-wrap .u101-serious-cta .btn,
.u101-modal-wrap .u101-serious-cta .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto 13px !important;
  padding:16px 22px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-align:center !important;
  box-shadow:0 16px 32px rgba(20,163,112,.24) !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-cta small,
.modal-source .u101-modal-wrap .u101-serious-cta small,
.u101-modal-wrap .u101-serious-cta small{
  display:block !important;
  max-width:420px !important;
  margin:0 auto !important;
  color:var(--muted) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-align:center !important;
}

/* Mobile */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-serious-close,
  .modal-source .u101-modal-wrap .u101-serious-close,
  .u101-modal-wrap .u101-serious-close{
    padding:40px 18px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-close h4,
  .modal-source .u101-modal-wrap .u101-serious-close h4,
  .u101-modal-wrap .u101-serious-close h4{
    font-size:27px !important;
    line-height:1.1 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-close p,
  .modal-source .u101-modal-wrap .u101-serious-close p,
  .u101-modal-wrap .u101-serious-close p{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-final,
  .modal-source .u101-modal-wrap .u101-serious-final,
  .u101-modal-wrap .u101-serious-final{
    font-size:15.5px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-cta,
  .modal-source .u101-modal-wrap .u101-serious-cta,
  .u101-modal-wrap .u101-serious-cta{
    padding:14px !important;
    border-radius:20px !important;
  }
}

/* =========================
   TOP HERO / BUY PANEL HARD FIX
========================= */

#modalDynamic .u101-modal-wrap > .ms-grid,
.modal-source .u101-modal-wrap > .ms-grid,
.u101-modal-wrap > .ms-grid{
  align-items:stretch !important;
}

#modalDynamic .u101-modal-wrap > .ms-grid .ms-visual,
.modal-source .u101-modal-wrap > .ms-grid .ms-visual,
.u101-modal-wrap > .ms-grid .ms-visual{
  align-self:stretch !important;
  display:flex !important;
  min-height:100% !important;
  height:auto !important;
}

#modalDynamic .u101-modal-wrap > .ms-grid .ms-visual img,
.modal-source .u101-modal-wrap > .ms-grid .ms-visual img,
.u101-modal-wrap > .ms-grid .ms-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

#modalDynamic .u101-modal-wrap > .ms-grid .ms-copy,
.modal-source .u101-modal-wrap > .ms-grid .ms-copy,
.u101-modal-wrap > .ms-grid .ms-copy{
  display:flex !important;
  flex-direction:column !important;
}

/* Buy panel */
#modalDynamic .u101-modal-wrap .modal-buy-panel,
.modal-source .u101-modal-wrap .modal-buy-panel,
.u101-modal-wrap .modal-buy-panel{
  margin:16px 0 0 !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(20,163,112,.24) !important;
  background:linear-gradient(135deg, rgba(238,250,245,.96), rgba(255,255,255,.98)) !important;
  box-shadow:
    0 14px 30px rgba(20,163,112,.10),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* AI row */
#modalDynamic .u101-modal-wrap .modal-buy-panel .ai-speed-boost-callout,
.modal-source .u101-modal-wrap .modal-buy-panel .ai-speed-boost-callout,
.u101-modal-wrap .modal-buy-panel .ai-speed-boost-callout{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:flex-start !important;
  gap:9px !important;
  margin:0 0 10px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(249,115,22,.22) !important;
  background:rgba(255,247,237,.86) !important;
  box-shadow:none !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .ai-speed-boost-icon,
.modal-source .u101-modal-wrap .modal-buy-panel .ai-speed-boost-icon,
.u101-modal-wrap .modal-buy-panel .ai-speed-boost-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  border-radius:10px !important;
  background:rgba(249,115,22,.12) !important;
  border:1px solid rgba(249,115,22,.22) !important;
  color:#ea580c !important;
  font-size:17px !important;
  line-height:1 !important;
  flex-shrink:0 !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .ai-speed-boost-copy strong,
.modal-source .u101-modal-wrap .modal-buy-panel .ai-speed-boost-copy strong,
.u101-modal-wrap .modal-buy-panel .ai-speed-boost-copy strong{
  display:block !important;
  margin:0 0 3px !important;
  color:var(--ink) !important;
  font-size:13.5px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .ai-speed-boost-copy p,
.modal-source .u101-modal-wrap .modal-buy-panel .ai-speed-boost-copy p,
.u101-modal-wrap .modal-buy-panel .ai-speed-boost-copy p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  text-align:left !important;
}

/* Price row */
#modalDynamic .u101-modal-wrap .modal-buy-panel .ms-price-upgrade,
.modal-source .u101-modal-wrap .modal-buy-panel .ms-price-upgrade,
.u101-modal-wrap .modal-buy-panel .ms-price-upgrade{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 10px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(20,163,112,.18) !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-label,
.modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-label,
.u101-modal-wrap .modal-buy-panel .upgrade-price-label{
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:100% !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:#fff4e5 !important;
  color:#b45309 !important;
  border:1px solid #f5d39a !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-row,
.modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-row,
.u101-modal-wrap .modal-buy-panel .upgrade-price-row{
  justify-self:center !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-only,
.modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-only,
.u101-modal-wrap .modal-buy-panel .upgrade-price-only{
  color:var(--muted) !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-main,
.modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-main,
.u101-modal-wrap .modal-buy-panel .upgrade-price-main{
  color:var(--brand) !important;
  font-size:38px !important;
  font-weight:800 !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-old,
.modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-old,
.u101-modal-wrap .modal-buy-panel .upgrade-price-old{
  color:#8b95a1 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:2px !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-save-pill,
.modal-source .u101-modal-wrap .modal-buy-panel .upgrade-save-pill,
.u101-modal-wrap .modal-buy-panel .upgrade-save-pill{
  justify-self:end !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:100% !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.10) !important;
  color:var(--brand) !important;
  border:1px solid rgba(20,163,112,.20) !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* CTA */
#modalDynamic .u101-modal-wrap .modal-buy-panel .ms-cta,
.modal-source .u101-modal-wrap .modal-buy-panel .ms-cta,
.u101-modal-wrap .modal-buy-panel .ms-cta{
  margin:0 !important;
  padding:0 !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .ms-cta .btn,
.modal-source .u101-modal-wrap .modal-buy-panel .ms-cta .btn,
.u101-modal-wrap .modal-buy-panel .ms-cta .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 !important;
  box-shadow:0 12px 24px rgba(20,163,112,.18) !important;
}

/* Promise */
#modalDynamic .u101-modal-wrap .modal-buy-panel .modal-promise,
.modal-source .u101-modal-wrap .modal-buy-panel .modal-promise,
.u101-modal-wrap .modal-buy-panel .modal-promise{
  margin:10px 0 0 !important;
  padding:10px 12px 0 !important;
  border:0 !important;
  border-top:1px solid rgba(20,163,112,.18) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .modal-promise h4,
.modal-source .u101-modal-wrap .modal-buy-panel .modal-promise h4,
.u101-modal-wrap .modal-buy-panel .modal-promise h4{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--ink) !important;
  font-size:13.5px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .modal-buy-panel .modal-promise p,
.modal-source .u101-modal-wrap .modal-buy-panel .modal-promise p,
.u101-modal-wrap .modal-buy-panel .modal-promise p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:11.8px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  text-align:center !important;
}

/* =========================
   REVIEWS
========================= */

#modalDynamic .u101-modal-wrap .ms-testis,
.modal-source .u101-modal-wrap .ms-testis,
.u101-modal-wrap .ms-testis{
  margin:24px 18px 0 !important;
}

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

@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-sales-page > section,
  .modal-source .u101-modal-wrap .u101-sales-page > section,
  .u101-modal-wrap .u101-sales-page > section{
    padding:32px 18px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-sales-page h4,
  .modal-source .u101-modal-wrap .u101-sales-page h4,
  .u101-modal-wrap .u101-sales-page h4,
  #modalDynamic .u101-modal-wrap .u101-next-level-banner h4,
  .modal-source .u101-modal-wrap .u101-next-level-banner h4,
  .u101-modal-wrap .u101-next-level-banner h4,
  #modalDynamic .u101-modal-wrap .u101-cta-band h4,
  .modal-source .u101-modal-wrap .u101-cta-band h4,
  .u101-modal-wrap .u101-cta-band h4,
  #modalDynamic .u101-modal-wrap .u101-full-cta h4,
  .modal-source .u101-modal-wrap .u101-full-cta h4,
  .u101-modal-wrap .u101-full-cta h4,
  #modalDynamic .u101-modal-wrap .u101-serious-close h4,
  .modal-source .u101-modal-wrap .u101-serious-close h4,
  .u101-modal-wrap .u101-serious-close h4{
    font-size:27px !important;
    line-height:1.1 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-sales-page p,
  .modal-source .u101-modal-wrap .u101-sales-page p,
  .u101-modal-wrap .u101-sales-page p{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-story-punch,
  .modal-source .u101-modal-wrap .u101-story-punch,
  .u101-modal-wrap .u101-story-punch{
    font-size:16px !important;
    padding-left:14px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-compare-row,
  .modal-source .u101-modal-wrap .u101-compare-row,
  .u101-modal-wrap .u101-compare-row{
    grid-template-columns:1fr !important;
  }

  #modalDynamic .u101-modal-wrap .u101-traffic-system,
  .modal-source .u101-modal-wrap .u101-traffic-system,
  .u101-modal-wrap .u101-traffic-system{
    padding:34px 18px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-traffic-system-head,
  .modal-source .u101-modal-wrap .u101-traffic-system-head,
  .u101-modal-wrap .u101-traffic-system-head{
    margin-bottom:26px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-traffic-system-head h4,
  .modal-source .u101-modal-wrap .u101-traffic-system-head h4,
  .u101-modal-wrap .u101-traffic-system-head h4{
    font-size:27px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-traffic-system-head p,
  .modal-source .u101-modal-wrap .u101-traffic-system-head p,
  .u101-modal-wrap .u101-traffic-system-head p{
    font-size:15.5px !important;
    line-height:1.56 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-system-story,
  .modal-source .u101-modal-wrap .u101-system-story,
  .u101-modal-wrap .u101-system-story{
    margin-bottom:24px !important;
    padding-left:14px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-system-story p,
  .modal-source .u101-modal-wrap .u101-system-story p,
  .u101-modal-wrap .u101-system-story p{
    font-size:15.2px !important;
    line-height:1.52 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-decision-step,
  .modal-source .u101-modal-wrap .u101-decision-step,
  .u101-modal-wrap .u101-decision-step{
    grid-template-columns:1fr !important;
    gap:13px !important;
    padding:20px 18px !important;
    text-align:center !important;
  }

  #modalDynamic .u101-modal-wrap .u101-step-number,
  .modal-source .u101-modal-wrap .u101-step-number,
  .u101-modal-wrap .u101-step-number{
    margin:0 auto !important;
  }

  #modalDynamic .u101-modal-wrap .u101-step-copy,
  .modal-source .u101-modal-wrap .u101-step-copy,
  .u101-modal-wrap .u101-step-copy,
  #modalDynamic .u101-modal-wrap .u101-step-copy p,
  .modal-source .u101-modal-wrap .u101-step-copy p,
  .u101-modal-wrap .u101-step-copy p{
    text-align:center !important;
  }

  #modalDynamic .u101-modal-wrap .u101-step-copy h5,
  .modal-source .u101-modal-wrap .u101-step-copy h5,
  .u101-modal-wrap .u101-step-copy h5{
    font-size:20px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-step-copy p,
  .modal-source .u101-modal-wrap .u101-step-copy p,
  .u101-modal-wrap .u101-step-copy p{
    font-size:14.5px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-system-close,
  .modal-source .u101-modal-wrap .u101-system-close,
  .u101-modal-wrap .u101-system-close{
    font-size:15.3px !important;
    margin-top:24px !important;
  }

  #modalDynamic .u101-modal-wrap > .ms-grid .ms-visual,
  .modal-source .u101-modal-wrap > .ms-grid .ms-visual,
  .u101-modal-wrap > .ms-grid .ms-visual{
    min-height:0 !important;
  }

  #modalDynamic .u101-modal-wrap > .ms-grid .ms-visual img,
  .modal-source .u101-modal-wrap > .ms-grid .ms-visual img,
  .u101-modal-wrap > .ms-grid .ms-visual img{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:5 / 8 !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  #modalDynamic .u101-modal-wrap .modal-buy-panel,
  .modal-source .u101-modal-wrap .modal-buy-panel,
  .u101-modal-wrap .modal-buy-panel{
    margin-top:14px !important;
    padding:12px !important;
  }

  #modalDynamic .u101-modal-wrap .modal-buy-panel .ms-price-upgrade,
  .modal-source .u101-modal-wrap .modal-buy-panel .ms-price-upgrade,
  .u101-modal-wrap .modal-buy-panel .ms-price-upgrade{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:9px !important;
    padding:10px !important;
  }

  #modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-label,
  .modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-label,
  .u101-modal-wrap .modal-buy-panel .upgrade-price-label,
  #modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-row,
  .modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-row,
  .u101-modal-wrap .modal-buy-panel .upgrade-price-row,
  #modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-save-pill,
  .modal-source .u101-modal-wrap .modal-buy-panel .upgrade-save-pill,
  .u101-modal-wrap .modal-buy-panel .upgrade-save-pill{
    justify-self:center !important;
  }

  #modalDynamic .u101-modal-wrap .modal-buy-panel .upgrade-price-main,
  .modal-source .u101-modal-wrap .modal-buy-panel .upgrade-price-main,
  .u101-modal-wrap .modal-buy-panel .upgrade-price-main{
    font-size:34px !important;
  }

  #modalDynamic .u101-modal-wrap .modal-buy-panel .modal-promise p,
  .modal-source .u101-modal-wrap .modal-buy-panel .modal-promise p,
  .u101-modal-wrap .modal-buy-panel .modal-promise p{
    font-size:11.5px !important;
  }

  #modalDynamic .u101-modal-wrap .ms-testis,
  .modal-source .u101-modal-wrap .ms-testis,
  .u101-modal-wrap .ms-testis{
    margin-left:12px !important;
    margin-right:12px !important;
  }
}

/* =========================
   U101 — MATCH ALL MAIN SECTION HEADLINES TO SMART MOVE SIZE
========================= */

#modalDynamic .u101-modal-wrap .u101-sales-page h4,
.modal-source .u101-modal-wrap .u101-sales-page h4,
.u101-modal-wrap .u101-sales-page h4,
#modalDynamic .u101-modal-wrap .u101-traffic-system-head h4,
.modal-source .u101-modal-wrap .u101-traffic-system-head h4,
.u101-modal-wrap .u101-traffic-system-head h4,
#modalDynamic .u101-modal-wrap .u101-serious-close h4,
.modal-source .u101-modal-wrap .u101-serious-close h4,
.u101-modal-wrap .u101-serious-close h4{
  font-size:42px !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
}

/* Keep all main headlines centred */
#modalDynamic .u101-modal-wrap .u101-sales-page h4,
.modal-source .u101-modal-wrap .u101-sales-page h4,
.u101-modal-wrap .u101-sales-page h4{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Mobile */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-sales-page h4,
  .modal-source .u101-modal-wrap .u101-sales-page h4,
  .u101-modal-wrap .u101-sales-page h4,
  #modalDynamic .u101-modal-wrap .u101-traffic-system-head h4,
  .modal-source .u101-modal-wrap .u101-traffic-system-head h4,
  .u101-modal-wrap .u101-traffic-system-head h4,
  #modalDynamic .u101-modal-wrap .u101-serious-close h4,
  .modal-source .u101-modal-wrap .u101-serious-close h4,
  .u101-modal-wrap .u101-serious-close h4{
    font-size:27px !important;
    line-height:1.1 !important;
  }
}

/* =========================
   U101 — SMART MOVE VISUAL STRIP
========================= */

#modalDynamic .u101-modal-wrap .u101-smart-visual,
.modal-source .u101-modal-wrap .u101-smart-visual,
.u101-modal-wrap .u101-smart-visual{
  display:grid !important;
  grid-template-columns:1fr auto 1fr auto 1fr !important;
  align-items:center !important;
  gap:14px !important;
  max-width:900px !important;
  margin:34px auto 0 !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-card,
.modal-source .u101-modal-wrap .u101-smart-card,
.u101-modal-wrap .u101-smart-card{
  min-height:128px !important;
  padding:22px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(20,163,112,.18) !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:
    0 14px 30px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-card-featured,
.modal-source .u101-modal-wrap .u101-smart-card-featured,
.u101-modal-wrap .u101-smart-card-featured{
  border-color:rgba(249,115,22,.28) !important;
  background:linear-gradient(135deg, rgba(255,247,237,.92), rgba(255,255,255,.86)) !important;
  transform:translateY(-4px) !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-icon,
.modal-source .u101-modal-wrap .u101-smart-icon,
.u101-modal-wrap .u101-smart-icon{
  width:46px !important;
  height:46px !important;
  margin:0 0 12px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(20,163,112,.10) !important;
  border:1px solid rgba(20,163,112,.18) !important;
  font-size:23px !important;
  line-height:1 !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-card-featured .u101-smart-icon,
.modal-source .u101-modal-wrap .u101-smart-card-featured .u101-smart-icon,
.u101-modal-wrap .u101-smart-card-featured .u101-smart-icon{
  background:rgba(249,115,22,.12) !important;
  border-color:rgba(249,115,22,.24) !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-card strong,
.modal-source .u101-modal-wrap .u101-smart-card strong,
.u101-modal-wrap .u101-smart-card strong{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--ink) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-card small,
.modal-source .u101-modal-wrap .u101-smart-card small,
.u101-modal-wrap .u101-smart-card small{
  display:block !important;
  max-width:170px !important;
  margin:0 auto !important;
  color:var(--muted) !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

#modalDynamic .u101-modal-wrap .u101-smart-arrow,
.modal-source .u101-modal-wrap .u101-smart-arrow,
.u101-modal-wrap .u101-smart-arrow{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid rgba(249,115,22,.24) !important;
  color:#f97316 !important;
  font-size:20px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(15,23,42,.06) !important;
}

@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-smart-visual,
  .modal-source .u101-modal-wrap .u101-smart-visual,
  .u101-modal-wrap .u101-smart-visual{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:28px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-smart-arrow,
  .modal-source .u101-modal-wrap .u101-smart-arrow,
  .u101-modal-wrap .u101-smart-arrow{
    margin:0 auto !important;
    transform:rotate(90deg) !important;
  }

  #modalDynamic .u101-modal-wrap .u101-smart-card,
  .modal-source .u101-modal-wrap .u101-smart-card,
  .u101-modal-wrap .u101-smart-card{
    min-height:0 !important;
    padding:20px 16px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-smart-card-featured,
  .modal-source .u101-modal-wrap .u101-smart-card-featured,
  .u101-modal-wrap .u101-smart-card-featured{
    transform:none !important;
  }
}

/* =====================================================
   FORCE FIX — U101 SERIOUS CLOSE COLOURED CTA BANNER
   Place at the VERY BOTTOM of all CSS
===================================================== */

#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-serious-close,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-serious-close,
.u101-modal-wrap .u101-sales-page > section.u101-serious-close,
#upsell-u101 .u101-sales-page > section.u101-serious-close{
  position:relative !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:64px 44px !important;
  border-radius:0 !important;
  border-top:1px solid rgba(20,163,112,.26) !important;
  border-bottom:1px solid rgba(249,115,22,.24) !important;
  background:
    radial-gradient(circle at top left, rgba(20,163,112,.26), transparent 34%),
    radial-gradient(circle at bottom right, rgba(249,115,22,.20), transparent 38%),
    linear-gradient(135deg, #ecfdf5 0%, #ffffff 46%, #fff7ed 100%) !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* Remove the huge inner white card and the broken ?? icon */
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-serious-close::before,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-serious-close::before,
.u101-modal-wrap .u101-sales-page > section.u101-serious-close::before,
#upsell-u101 .u101-sales-page > section.u101-serious-close::before,
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-serious-close::after,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-serious-close::after,
.u101-modal-wrap .u101-sales-page > section.u101-serious-close::after,
#upsell-u101 .u101-sales-page > section.u101-serious-close::after{
  display:none !important;
  content:none !important;
}

/* Pill */
#modalDynamic .u101-modal-wrap .u101-serious-close .u101-serious-kicker,
.modal-source .u101-modal-wrap .u101-serious-close .u101-serious-kicker,
.u101-modal-wrap .u101-serious-close .u101-serious-kicker,
#upsell-u101 .u101-serious-close .u101-serious-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#b45309 !important;
  border:1px solid rgba(249,115,22,.30) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* Headline */
#modalDynamic .u101-modal-wrap .u101-serious-close h4,
.modal-source .u101-modal-wrap .u101-serious-close h4,
.u101-modal-wrap .u101-serious-close h4,
#upsell-u101 .u101-serious-close h4{
  max-width:920px !important;
  margin:0 auto 20px !important;
  color:var(--ink) !important;
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-serious-close h4 em,
.modal-source .u101-modal-wrap .u101-serious-close h4 em,
.u101-modal-wrap .u101-serious-close h4 em,
#upsell-u101 .u101-serious-close h4 em{
  display:block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

/* Body copy */
#modalDynamic .u101-modal-wrap .u101-serious-close p,
.modal-source .u101-modal-wrap .u101-serious-close p,
.u101-modal-wrap .u101-serious-close p,
#upsell-u101 .u101-serious-close p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1.62 !important;
  text-align:center !important;
}

/* Final statement card */
#modalDynamic .u101-modal-wrap .u101-serious-final,
.modal-source .u101-modal-wrap .u101-serious-final,
.u101-modal-wrap .u101-serious-final,
#upsell-u101 .u101-serious-final{
  max-width:760px !important;
  margin:28px auto 24px !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  border:1px solid rgba(20,163,112,.24) !important;
  background:rgba(255,255,255,.78) !important;
  color:var(--ink) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.45 !important;
  text-align:center !important;
  box-shadow:0 14px 30px rgba(15,23,42,.05) !important;
}

/* CTA box */
#modalDynamic .u101-modal-wrap .u101-serious-cta,
.modal-source .u101-modal-wrap .u101-serious-cta,
.u101-modal-wrap .u101-serious-cta,
#upsell-u101 .u101-serious-cta{
  width:min(100%, 500px) !important;
  margin:0 auto !important;
  padding:16px !important;
  border-radius:24px !important;
  border:1px solid rgba(20,163,112,.22) !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:
    0 18px 38px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* CTA button */
#modalDynamic .u101-modal-wrap .u101-serious-cta .btn,
.modal-source .u101-modal-wrap .u101-serious-cta .btn,
.u101-modal-wrap .u101-serious-cta .btn,
#upsell-u101 .u101-serious-cta .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto 13px !important;
  padding:16px 22px !important;
  border-radius:14px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-align:center !important;
  box-shadow:0 16px 32px rgba(20,163,112,.24) !important;
}

/* Guarantee line */
#modalDynamic .u101-modal-wrap .u101-serious-cta small,
.modal-source .u101-modal-wrap .u101-serious-cta small,
.u101-modal-wrap .u101-serious-cta small,
#upsell-u101 .u101-serious-cta small{
  display:block !important;
  max-width:420px !important;
  margin:0 auto !important;
  color:var(--muted) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-align:center !important;
}

/* Mobile */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-serious-close,
  .modal-source .u101-modal-wrap .u101-sales-page > section.u101-serious-close,
  .u101-modal-wrap .u101-sales-page > section.u101-serious-close,
  #upsell-u101 .u101-sales-page > section.u101-serious-close{
    padding:40px 18px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-close h4,
  .modal-source .u101-modal-wrap .u101-serious-close h4,
  .u101-modal-wrap .u101-serious-close h4,
  #upsell-u101 .u101-serious-close h4{
    font-size:27px !important;
    line-height:1.1 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-close p,
  .modal-source .u101-modal-wrap .u101-serious-close p,
  .u101-modal-wrap .u101-serious-close p,
  #upsell-u101 .u101-serious-close p{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-final,
  .modal-source .u101-modal-wrap .u101-serious-final,
  .u101-modal-wrap .u101-serious-final,
  #upsell-u101 .u101-serious-final{
    font-size:15.5px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-serious-cta,
  .modal-source .u101-modal-wrap .u101-serious-cta,
  .u101-modal-wrap .u101-serious-cta,
  #upsell-u101 .u101-serious-cta{
    padding:14px !important;
    border-radius:20px !important;
  }
}

/* =====================================================
   FORCE FIX — U101 FINAL REMINDER CHECKLIST
   Place at the VERY BOTTOM of all CSS
===================================================== */

#modalDynamic .u101-modal-wrap .u101-final-reminder,
.modal-source .u101-modal-wrap .u101-final-reminder,
.u101-modal-wrap .u101-final-reminder,
#upsell-u101 .u101-final-reminder{
  max-width:760px !important;
  margin:0 auto 26px !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  border:1px solid rgba(249,115,22,.22) !important;
  background:linear-gradient(135deg, rgba(255,247,237,.86), rgba(255,255,255,.78)) !important;
  box-shadow:
    0 16px 34px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder > strong,
.modal-source .u101-modal-wrap .u101-final-reminder > strong,
.u101-modal-wrap .u101-final-reminder > strong,
#upsell-u101 .u101-final-reminder > strong{
  display:block !important;
  margin:0 0 14px !important;
  color:var(--ink) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder ul,
.modal-source .u101-modal-wrap .u101-final-reminder ul,
.u101-modal-wrap .u101-final-reminder ul,
#upsell-u101 .u101-final-reminder ul{
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder li,
.modal-source .u101-modal-wrap .u101-final-reminder li,
.u101-modal-wrap .u101-final-reminder li,
#upsell-u101 .u101-final-reminder li{
  position:relative !important;
  margin:0 !important;
  padding:0 0 0 30px !important;
  color:var(--ink) !important;
  font-size:15.5px !important;
  font-weight:750 !important;
  line-height:1.45 !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder li::before,
.modal-source .u101-modal-wrap .u101-final-reminder li::before,
.u101-modal-wrap .u101-final-reminder li::before,
#upsell-u101 .u101-final-reminder li::before{
  content:"?" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  border-radius:999px !important;
  background:var(--brand) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* Keep CTA clean underneath reminder */
#modalDynamic .u101-modal-wrap .u101-serious-cta,
.modal-source .u101-modal-wrap .u101-serious-cta,
.u101-modal-wrap .u101-serious-cta,
#upsell-u101 .u101-serious-cta{
  margin-top:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-final-reminder,
  .modal-source .u101-modal-wrap .u101-final-reminder,
  .u101-modal-wrap .u101-final-reminder,
  #upsell-u101 .u101-final-reminder{
    padding:18px 16px !important;
    margin-bottom:24px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-reminder > strong,
  .modal-source .u101-modal-wrap .u101-final-reminder > strong,
  .u101-modal-wrap .u101-final-reminder > strong,
  #upsell-u101 .u101-final-reminder > strong{
    font-size:16px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-reminder li,
  .modal-source .u101-modal-wrap .u101-final-reminder li,
  .u101-modal-wrap .u101-final-reminder li,
  #upsell-u101 .u101-final-reminder li{
    font-size:14.5px !important;
  }
}

/* =====================================================
   FORCE FIX — U101 FINAL UPGRADE BANNER + PREMIUM REMINDER
   Place at the VERY BOTTOM of all CSS
===================================================== */

/* Full coloured final banner */
#modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-final-upgrade-banner,
.modal-source .u101-modal-wrap .u101-sales-page > section.u101-final-upgrade-banner,
.u101-modal-wrap .u101-sales-page > section.u101-final-upgrade-banner,
#upsell-u101 .u101-sales-page > section.u101-final-upgrade-banner{
  position:relative !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:64px 44px !important;
  border-radius:0 !important;
  border-top:1px solid rgba(20,163,112,.26) !important;
  border-bottom:1px solid rgba(249,115,22,.24) !important;
  background:
    radial-gradient(circle at top left, rgba(20,163,112,.25), transparent 34%),
    radial-gradient(circle at bottom right, rgba(249,115,22,.20), transparent 38%),
    linear-gradient(135deg, #ecfdf5 0%, #ffffff 45%, #fff7ed 100%) !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* Kill old pseudo elements / broken icons */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner::before,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner::before,
.u101-modal-wrap .u101-final-upgrade-banner::before,
#upsell-u101 .u101-final-upgrade-banner::before,
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner::after,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner::after,
.u101-modal-wrap .u101-final-upgrade-banner::after,
#upsell-u101 .u101-final-upgrade-banner::after{
  display:none !important;
  content:none !important;
}

/* Pill */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-kicker,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-kicker,
.u101-modal-wrap .u101-final-upgrade-banner .u101-serious-kicker,
#upsell-u101 .u101-final-upgrade-banner .u101-serious-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#b45309 !important;
  border:1px solid rgba(249,115,22,.30) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* Headline */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner h4,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner h4,
.u101-modal-wrap .u101-final-upgrade-banner h4,
#upsell-u101 .u101-final-upgrade-banner h4{
  max-width:920px !important;
  margin:0 auto 20px !important;
  color:var(--ink) !important;
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner h4 em,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner h4 em,
.u101-modal-wrap .u101-final-upgrade-banner h4 em,
#upsell-u101 .u101-final-upgrade-banner h4 em{
  display:block !important;
  color:var(--brand) !important;
  font-style:normal !important;
}

/* Body copy */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner > p,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner > p,
.u101-modal-wrap .u101-final-upgrade-banner > p,
#upsell-u101 .u101-final-upgrade-banner > p{
  max-width:820px !important;
  margin:0 auto 16px !important;
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1.62 !important;
  text-align:center !important;
}

/* Statement card */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-final,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-final,
.u101-modal-wrap .u101-final-upgrade-banner .u101-serious-final,
#upsell-u101 .u101-final-upgrade-banner .u101-serious-final{
  max-width:760px !important;
  margin:28px auto 28px !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  border:1px solid rgba(20,163,112,.24) !important;
  background:rgba(255,255,255,.80) !important;
  color:var(--ink) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.45 !important;
  text-align:center !important;
  box-shadow:0 14px 30px rgba(15,23,42,.05) !important;
}

/* Premium reminder block */
#modalDynamic .u101-modal-wrap .u101-final-reminder,
.modal-source .u101-modal-wrap .u101-final-reminder,
.u101-modal-wrap .u101-final-reminder,
#upsell-u101 .u101-final-reminder{
  max-width:880px !important;
  margin:0 auto 28px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder-kicker,
.modal-source .u101-modal-wrap .u101-final-reminder-kicker,
.u101-modal-wrap .u101-final-reminder-kicker,
#upsell-u101 .u101-final-reminder-kicker{
  display:block !important;
  margin:0 auto 16px !important;
  color:var(--ink) !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder-grid,
.modal-source .u101-modal-wrap .u101-final-reminder-grid,
.u101-modal-wrap .u101-final-reminder-grid,
#upsell-u101 .u101-final-reminder-grid{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:14px !important;
  margin:0 !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder-grid div,
.modal-source .u101-modal-wrap .u101-final-reminder-grid div,
.u101-modal-wrap .u101-final-reminder-grid div,
#upsell-u101 .u101-final-reminder-grid div{
  padding:22px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(249,115,22,.20) !important;
  background:rgba(255,255,255,.74) !important;
  box-shadow:
    0 16px 34px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder-grid div > span,
.modal-source .u101-modal-wrap .u101-final-reminder-grid div > span,
.u101-modal-wrap .u101-final-reminder-grid div > span,
#upsell-u101 .u101-final-reminder-grid div > span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  margin:0 auto 12px !important;
  border-radius:16px !important;
  background:rgba(249,115,22,.12) !important;
  border:1px solid rgba(249,115,22,.22) !important;
  font-size:22px !important;
  line-height:1 !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder-grid strong,
.modal-source .u101-modal-wrap .u101-final-reminder-grid strong,
.u101-modal-wrap .u101-final-reminder-grid strong,
#upsell-u101 .u101-final-reminder-grid strong{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--ink) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

#modalDynamic .u101-modal-wrap .u101-final-reminder-grid p,
.modal-source .u101-modal-wrap .u101-final-reminder-grid p,
.u101-modal-wrap .u101-final-reminder-grid p,
#upsell-u101 .u101-final-reminder-grid p{
  max-width:210px !important;
  margin:0 auto !important;
  color:var(--muted) !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  line-height:1.38 !important;
  text-align:center !important;
}

/* Clean CTA — no surrounding box */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta,
.u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta,
#upsell-u101 .u101-final-upgrade-banner .u101-serious-cta{
  width:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* Button */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta .btn,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta .btn,
.u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta .btn,
#upsell-u101 .u101-final-upgrade-banner .u101-serious-cta .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:min(100%, 480px) !important;
  margin:0 auto 13px !important;
  padding:17px 24px !important;
  border-radius:14px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-align:center !important;
  box-shadow:0 16px 32px rgba(20,163,112,.24) !important;
}

/* Guarantee */
#modalDynamic .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta small,
.modal-source .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta small,
.u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta small,
#upsell-u101 .u101-final-upgrade-banner .u101-serious-cta small{
  display:block !important;
  max-width:520px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--muted) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-align:center !important;
}

/* Mobile */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-sales-page > section.u101-final-upgrade-banner,
  .modal-source .u101-modal-wrap .u101-sales-page > section.u101-final-upgrade-banner,
  .u101-modal-wrap .u101-sales-page > section.u101-final-upgrade-banner,
  #upsell-u101 .u101-sales-page > section.u101-final-upgrade-banner{
    padding:40px 18px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-upgrade-banner h4,
  .modal-source .u101-modal-wrap .u101-final-upgrade-banner h4,
  .u101-modal-wrap .u101-final-upgrade-banner h4,
  #upsell-u101 .u101-final-upgrade-banner h4{
    font-size:27px !important;
    line-height:1.1 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-upgrade-banner > p,
  .modal-source .u101-modal-wrap .u101-final-upgrade-banner > p,
  .u101-modal-wrap .u101-final-upgrade-banner > p,
  #upsell-u101 .u101-final-upgrade-banner > p{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-reminder-grid,
  .modal-source .u101-modal-wrap .u101-final-reminder-grid,
  .u101-modal-wrap .u101-final-reminder-grid,
  #upsell-u101 .u101-final-reminder-grid{
    grid-template-columns:1fr !important;
    max-width:420px !important;
    margin:0 auto !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-reminder-kicker,
  .modal-source .u101-modal-wrap .u101-final-reminder-kicker,
  .u101-modal-wrap .u101-final-reminder-kicker,
  #upsell-u101 .u101-final-reminder-kicker{
    font-size:17px !important;
  }

  #modalDynamic .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta .btn,
  .modal-source .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta .btn,
  .u101-modal-wrap .u101-final-upgrade-banner .u101-serious-cta .btn,
  #upsell-u101 .u101-final-upgrade-banner .u101-serious-cta .btn{
    width:100% !important;
    max-width:430px !important;
    font-size:15px !important;
    padding:15px 18px !important;
  }
}

/* =====================================================
   U101 — REMOVE OLD COMPARE QUESTION MARK ICONS
   Place at the VERY BOTTOM of all CSS
===================================================== */

#modalDynamic .u101-modal-wrap .u101-compare-side li::before,
.modal-source .u101-modal-wrap .u101-compare-side li::before,
.u101-modal-wrap .u101-compare-side li::before,
#upsell-u101 .u101-compare-side li::before,
#modalDynamic .u101-modal-wrap .u101-compare-side-bad li::before,
.modal-source .u101-modal-wrap .u101-compare-side-bad li::before,
.u101-modal-wrap .u101-compare-side-bad li::before,
#upsell-u101 .u101-compare-side-bad li::before,
#modalDynamic .u101-modal-wrap .u101-compare-side-good li::before,
.modal-source .u101-modal-wrap .u101-compare-side-good li::before,
.u101-modal-wrap .u101-compare-side-good li::before,
#upsell-u101 .u101-compare-side-good li::before{
  content:none !important;
  display:none !important;
}

/* Keep HTML emoji + text aligned */
#modalDynamic .u101-modal-wrap .u101-compare-side li,
.modal-source .u101-modal-wrap .u101-compare-side li,
.u101-modal-wrap .u101-compare-side li,
#upsell-u101 .u101-compare-side li{
  display:grid !important;
  grid-template-columns:24px minmax(0, 1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding-left:0 !important;
  width:100% !important;
  max-width:none !important;
  text-align:left !important;
}

#modalDynamic .u101-modal-wrap .u101-bullet-emoji,
.modal-source .u101-modal-wrap .u101-bullet-emoji,
.u101-modal-wrap .u101-bullet-emoji,
#upsell-u101 .u101-bullet-emoji{
  display:block !important;
  width:24px !important;
  min-width:24px !important;
  font-size:16px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

/* =====================================================
   U101 — CLEAN COMPARE BULLET DOTS
   Less distracting than emoji bullets
===================================================== */

#modalDynamic .u101-modal-wrap .u101-bullet-emoji,
.modal-source .u101-modal-wrap .u101-bullet-emoji,
.u101-modal-wrap .u101-bullet-emoji,
#upsell-u101 .u101-bullet-emoji{
  display:none !important;
}

#modalDynamic .u101-modal-wrap .u101-bullet-dot,
.modal-source .u101-modal-wrap .u101-bullet-dot,
.u101-modal-wrap .u101-bullet-dot,
#upsell-u101 .u101-bullet-dot{
  display:block !important;
  width:10px !important;
  height:10px !important;
  margin-top:7px !important;
  border-radius:999px !important;
  flex-shrink:0 !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side-bad .u101-bullet-dot,
.modal-source .u101-modal-wrap .u101-compare-side-bad .u101-bullet-dot,
.u101-modal-wrap .u101-compare-side-bad .u101-bullet-dot,
#upsell-u101 .u101-compare-side-bad .u101-bullet-dot{
  background:#ef4444 !important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10) !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side-good .u101-bullet-dot,
.modal-source .u101-modal-wrap .u101-compare-side-good .u101-bullet-dot,
.u101-modal-wrap .u101-compare-side-good .u101-bullet-dot,
#upsell-u101 .u101-compare-side-good .u101-bullet-dot{
  background:var(--brand) !important;
  box-shadow:0 0 0 4px rgba(20,163,112,.10) !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side li,
.modal-source .u101-modal-wrap .u101-compare-side li,
.u101-modal-wrap .u101-compare-side li,
#upsell-u101 .u101-compare-side li{
  display:grid !important;
  grid-template-columns:18px minmax(0, 1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding-left:0 !important;
}

/* =====================================================
   U101 — CENTER COMPARE BOX HEADINGS
===================================================== */

#modalDynamic .u101-modal-wrap .u101-compare-side .u101-side-tag,
.modal-source .u101-modal-wrap .u101-compare-side .u101-side-tag,
.u101-modal-wrap .u101-compare-side .u101-side-tag,
#upsell-u101 .u101-compare-side .u101-side-tag{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto 22px !important;
  text-align:center !important;
}

/* =====================================================
   U101 — COMPARE CARD TITLE DIVIDER
===================================================== */

#modalDynamic .u101-modal-wrap .u101-compare-side .u101-side-tag,
.modal-source .u101-modal-wrap .u101-compare-side .u101-side-tag,
.u101-modal-wrap .u101-compare-side .u101-side-tag,
#upsell-u101 .u101-compare-side .u101-side-tag{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto 24px !important;
  padding-bottom:18px !important;
  text-align:center !important;
}

#modalDynamic .u101-modal-wrap .u101-compare-side .u101-side-tag::after,
.modal-source .u101-modal-wrap .u101-compare-side .u101-side-tag::after,
.u101-modal-wrap .u101-compare-side .u101-side-tag::after,
#upsell-u101 .u101-compare-side .u101-side-tag::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:3px !important;
  border-radius:999px !important;
}

/* Red divider */
#modalDynamic .u101-modal-wrap .u101-compare-side-bad .u101-side-tag::after,
.modal-source .u101-modal-wrap .u101-compare-side-bad .u101-side-tag::after,
.u101-modal-wrap .u101-compare-side-bad .u101-side-tag::after,
#upsell-u101 .u101-compare-side-bad .u101-side-tag::after{
  background:linear-gradient(90deg, transparent, rgba(239,68,68,.28), transparent) !important;
}

/* Green divider */
#modalDynamic .u101-modal-wrap .u101-compare-side-good .u101-side-tag::after,
.modal-source .u101-modal-wrap .u101-compare-side-good .u101-side-tag::after,
.u101-modal-wrap .u101-compare-side-good .u101-side-tag::after,
#upsell-u101 .u101-compare-side-good .u101-side-tag::after{
  background:linear-gradient(90deg, transparent, rgba(20,163,112,.30), transparent) !important;
}

/* =====================================================
   U101 / U102 — DFY STYLE GREEN PEN UNDERLINE
   Matches DFY sales-page underline style
===================================================== */

#modalDynamic .u101-modal-wrap .dfy-pen-underline,
.modal-source .u101-modal-wrap .dfy-pen-underline,
.u101-modal-wrap .dfy-pen-underline,
#upsell-u101 .dfy-pen-underline,
#upsell-u102 .dfy-pen-underline{
  position:relative !important;
  display:inline-block !important;
  color:var(--brand) !important;
  font-style:normal !important;
  z-index:1 !important;
  overflow:visible !important;
}

#modalDynamic .u101-modal-wrap .dfy-pen-underline::after,
.modal-source .u101-modal-wrap .dfy-pen-underline::after,
.u101-modal-wrap .dfy-pen-underline::after,
#upsell-u101 .dfy-pen-underline::after,
#upsell-u102 .dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:.03em !important;
  right:.03em !important;
  bottom:-.12em !important;
  height:.16em !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.24) !important;
  transform:rotate(-1deg) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* Make sure headline containers do not clip the underline */
#modalDynamic .u101-modal-wrap h3,
#modalDynamic .u101-modal-wrap h4,
.modal-source .u101-modal-wrap h3,
.modal-source .u101-modal-wrap h4,
.u101-modal-wrap h3,
.u101-modal-wrap h4,
#upsell-u101 h3,
#upsell-u101 h4,
#upsell-u102 h3,
#upsell-u102 h4{
  overflow:visible !important;
}

/* =====================================================
   FIX — GREEN PEN UNDERLINE ONLY UNDER WORDS
   Stops underline stretching full width in Smart Move sections
===================================================== */

#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline,
.u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline,
#upsell-u101 .u101-next-level-banner h4 em.dfy-pen-underline,
#upsell-u102 .u101-next-level-banner h4 em.dfy-pen-underline{
  display:inline-block !important;
  width:auto !important;
  max-width:max-content !important;
  position:relative !important;
  color:var(--brand) !important;
  font-style:normal !important;
  white-space:nowrap !important;
  overflow:visible !important;
  z-index:1 !important;
}

#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline::after,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline::after,
.u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline::after,
#upsell-u101 .u101-next-level-banner h4 em.dfy-pen-underline::after,
#upsell-u102 .u101-next-level-banner h4 em.dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:.04em !important;
  right:.04em !important;
  bottom:-.12em !important;
  height:.16em !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.24) !important;
  transform:rotate(-1deg) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* =====================================================
   FIX — CENTER SMART MOVE GREEN UNDERLINE PHRASE
===================================================== */

#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline,
.u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline,
#upsell-u101 .u101-next-level-banner h4 em.dfy-pen-underline,
#upsell-u102 .u101-next-level-banner h4 em.dfy-pen-underline{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin:2px auto 0 !important;
  position:relative !important;
  color:var(--brand) !important;
  font-style:normal !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
  z-index:1 !important;
}

#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline::after,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline::after,
.u101-modal-wrap .u101-next-level-banner h4 em.dfy-pen-underline::after,
#upsell-u101 .u101-next-level-banner h4 em.dfy-pen-underline::after,
#upsell-u102 .u101-next-level-banner h4 em.dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:.04em !important;
  right:.04em !important;
  bottom:-.12em !important;
  height:.16em !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.24) !important;
  transform:rotate(-1deg) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* =====================================================
   U101 / U102 — KEEP SMART MOVE SECOND LINE INLINE
   "This Upgrade Helps You Buy Better Traffic!" stays one line
===================================================== */

#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
.u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
#upsell-u101 .u101-next-level-banner h4 .u101-headline-line,
#upsell-u102 .u101-next-level-banner h4 .u101-headline-line{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Keep underline inline, not block */
#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline,
.u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline,
#upsell-u101 .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline,
#upsell-u102 .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline{
  display:inline-block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  position:relative !important;
  color:var(--brand) !important;
  font-style:normal !important;
  text-align:inherit !important;
  white-space:nowrap !important;
  overflow:visible !important;
  z-index:1 !important;
}

/* DFY-style underline only under Buy Better Traffic */
#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline::after,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline::after,
.u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline::after,
#upsell-u101 .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline::after,
#upsell-u102 .u101-next-level-banner h4 .u101-headline-line em.dfy-pen-underline::after{
  content:"" !important;
  position:absolute !important;
  left:.04em !important;
  right:.04em !important;
  bottom:-.12em !important;
  height:.16em !important;
  border-radius:999px !important;
  background:rgba(20,163,112,.24) !important;
  transform:rotate(-1deg) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* Mobile: allow wrap if screen is too narrow */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
  .modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
  .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
  #upsell-u101 .u101-next-level-banner h4 .u101-headline-line,
  #upsell-u102 .u101-next-level-banner h4 .u101-headline-line{
    white-space:normal !important;
  }
}

/* =====================================================
   DREAMWEAVER-SAFE FIX — GREEN PEN UNDERLINE
   Stops headline words stacking vertically
===================================================== */

#modalDynamic .u101-modal-wrap .dfy-pen-underline,
.modal-source .u101-modal-wrap .dfy-pen-underline,
.u101-modal-wrap .dfy-pen-underline,
#upsell-u101 .dfy-pen-underline,
#upsell-u102 .dfy-pen-underline{
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 .03em .02em !important;
  color:var(--brand) !important;
  font-style:normal !important;
  line-height:inherit !important;
  white-space:inherit !important;
  vertical-align:baseline !important;
  position:relative !important;
  z-index:auto !important;
  overflow:visible !important;
  background-image:linear-gradient(
    to right,
    rgba(20,163,112,.24),
    rgba(20,163,112,.24)
  ) !important;
  background-repeat:no-repeat !important;
  background-size:100% .16em !important;
  background-position:0 88% !important;
}

/* Kill all older pseudo underline versions */
#modalDynamic .u101-modal-wrap .dfy-pen-underline::before,
#modalDynamic .u101-modal-wrap .dfy-pen-underline::after,
.modal-source .u101-modal-wrap .dfy-pen-underline::before,
.modal-source .u101-modal-wrap .dfy-pen-underline::after,
.u101-modal-wrap .dfy-pen-underline::before,
.u101-modal-wrap .dfy-pen-underline::after,
#upsell-u101 .dfy-pen-underline::before,
#upsell-u101 .dfy-pen-underline::after,
#upsell-u102 .dfy-pen-underline::before,
#upsell-u102 .dfy-pen-underline::after{
  content:none !important;
  display:none !important;
}

/* Smart Move second line stays together */
#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
.u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
#upsell-u101 .u101-next-level-banner h4 .u101-headline-line,
#upsell-u102 .u101-next-level-banner h4 .u101-headline-line{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Keep underlined phrase inline inside that line */
#modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line .dfy-pen-underline,
.modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line .dfy-pen-underline,
.u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line .dfy-pen-underline,
#upsell-u101 .u101-next-level-banner h4 .u101-headline-line .dfy-pen-underline,
#upsell-u102 .u101-next-level-banner h4 .u101-headline-line .dfy-pen-underline{
  white-space:nowrap !important;
}

/* Mobile safety */
@media (max-width:720px){
  #modalDynamic .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
  .modal-source .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
  .u101-modal-wrap .u101-next-level-banner h4 .u101-headline-line,
  #upsell-u101 .u101-next-level-banner h4 .u101-headline-line,
  #upsell-u102 .u101-next-level-banner h4 .u101-headline-line{
    white-space:normal !important;
  }
} 

/* =====================================================
   DFY-STYLE GREEN MARKER UNDERLINE
   Real underline stroke, not background highlight
===================================================== */

#modalDynamic .u101-modal-wrap .dfy-pen-underline,
.modal-source .u101-modal-wrap .dfy-pen-underline,
.u101-modal-wrap .dfy-pen-underline,
#upsell-u101 .dfy-pen-underline,
#upsell-u102 .dfy-pen-underline{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--brand) !important;
  font-style:normal !important;
  line-height:inherit !important;
  white-space:inherit !important;
  vertical-align:baseline !important;
  background:none !important;

  text-decoration-line:underline !important;
  text-decoration-color:rgba(20,163,112,.24) !important;
  text-decoration-thickness:.16em !important;
  text-underline-offset:.15em !important;
  text-decoration-skip-ink:none !important;
}

/* Kill older pseudo underline/highlight versions */
#modalDynamic .u101-modal-wrap .dfy-pen-underline::before,
#modalDynamic .u101-modal-wrap .dfy-pen-underline::after,
.modal-source .u101-modal-wrap .dfy-pen-underline::before,
.modal-source .u101-modal-wrap .dfy-pen-underline::after,
.u101-modal-wrap .dfy-pen-underline::before,
.u101-modal-wrap .dfy-pen-underline::after,
#upsell-u101 .dfy-pen-underline::before,
#upsell-u101 .dfy-pen-underline::after,
#upsell-u102 .dfy-pen-underline::before,
#upsell-u102 .dfy-pen-underline::after{
  content:none !important;
  display:none !important;
}