/* TeleCash AI sales page - main stylesheet */

/* DESIGN TOKENS (CSS Custom Properties) */
:root {
  /* Brand Colors */
  --tc-navy:          #01174a;
  --tc-blue:          #004dff;
  --tc-blue-dark:     #0744fa;
  --tc-green:         #008920;
  --tc-green-text:    #009c0e;
  --tc-red:           #ff0909;
  --tc-yellow:        #e7ff0c;
  --tc-gold:          #ffc300;
  --tc-amber:         #a76400;
  --tc-white:         #ffffff;
  --tc-black:         #000000;

  /* Header/Bar */
  --tc-bar-bg:        #01174a;
  --tc-bar-timer-bg:  #1e3773;
  --tc-bar-cta-bg:    #004dff;

  /* Feature cards */
  --tc-card-border:   #bfcad8;

  /* Commercial license banner */
  --tc-commercial-bg:     #fef2d1;
  --tc-commercial-border: #f9ddb3;

  /* Typography */
  --tc-font: "Google Sans Flex", "Google Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --tc-font-handwritten: "Caveat", cursive;

  /* Side images (left/right of a section) may grow past the 1170px grid
     toward the screen edge by this much — 0 below ~1210px wide */
  --bleed-x: clamp(0px, calc((100vw - 1170px) / 2 - 2vw), 300px);

  /* Section spacing — every section's top & bottom padding uses this */
  --section-py: 100px;

  /* Header heights */
  --tc-header-h-desktop: 70px;
  --tc-header-h-mobile:  115px;

  /* ---- Announcement bar widget tokens ---- */
  --ech-color-primary:     #004dff;
  --ech-color-bar-bg:      #01174a;
  --ech-color-white:       #ffffff;
  --ech-color-headline:    #ffc300;
  --ech-color-sub-muted:   #a4d3d6;
  --ech-color-coupon-code: #ffffff;
  --ech-color-timer-bg:    #1e3773;
  --ech-font-primary:      "Google Sans Flex","Google Sans",ui-sans-serif,system-ui,sans-serif;

  /* ---- Exit popup widget tokens ---- */
  --ep-color-primary:          #fb3538;
  --ep-color-white:            #ffffff;
  --ep-color-card-bg:          #ffffff;
  --ep-color-overlay:          rgba(5,6,8,0.88);
  --ep-color-headline:         #0f172a;
  --ep-color-body-text:        #334155;
  --ep-color-coupon-bg:        #fef08a;
  --ep-color-coupon-border:    #eab308;
  --ep-color-coupon-text:      #854d0e;
  --ep-color-bump-bg:          #fffdf0;
  --ep-color-bump-border:      #f59e0b;
  --ep-color-bump-arrow:       #fb3538;
  --ep-color-bump-bonuses-bg:  rgba(251,53,56,0.1);
  --ep-color-bump-bonuses-border: rgba(251,53,56,0.25);
  --ep-color-bump-bonuses-text:#fb3538;
  --ep-color-proof-bg:         #fef3c7;
  --ep-color-proof-border:     #fde68a;
  --ep-color-proof-text:       #92400e;
  --ep-color-price-main:       #fb3538;
  --ep-font-primary:           "Google Sans Flex","Google Sans",ui-sans-serif,system-ui,sans-serif;

  /* ---- Purchase activity widget tokens ---- */
  --pw-color-bg:           #ffffff;
  --pw-color-border:       #ececec;
  --pw-color-shadow:       rgba(0,0,0,0.06);
  --pw-color-pill-bg:      rgba(16,185,129,0.06);
  --pw-color-pill-border:  rgba(16,185,129,0.12);
  --pw-color-pill-text:    #10b981;
  --pw-color-status-dot:   #10b981;
  --pw-color-name:         #1a1a1a;
  --pw-color-location:     #707070;
  --pw-color-message:      #333333;
  --pw-color-close-bg:     #f1f3f5;
  --pw-color-close-hover:  #e2e8f0;
  --pw-color-close-text:   #495057;
  --pw-color-avatar-placeholder: #f1f3f5;
  --pw-color-white:        #ffffff;
  --pw-font-primary:       "Google Sans Flex","Google Sans",ui-sans-serif,system-ui,sans-serif;
  --pw-left:   24px;
  --pw-bottom: 24px;
  --pw-width:  290px;
}

/* BASE RESET & GLOBALS */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--tc-font);
  background-color: #ffffff;
  background-image: url('assets/images/common/bg-texture.webp');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  color: var(--tc-navy);
  overflow-x: hidden;
  padding-top: var(--tc-header-h-desktop);
  position: relative;
  min-width: 100%;
}
@media (max-width: 1199.98px) { :root { --section-py: 80px; } }
@media (max-width: 767.98px)  { :root { --section-py: 56px; } }

/* Standard section wrapper: use on every new section */
.tc-section { padding-top: var(--section-py); padding-bottom: var(--section-py); position: relative; z-index: 2; }

@media (max-width: 767.98px) {
  body { padding-top: var(--tc-header-h-mobile); }
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

/* WIDGET 1 — STICKY ANNOUNCEMENT BAR + EVERGREEN COUNTDOWN */
.announcement-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background-color: var(--ech-color-bar-bg);
  box-shadow: none;
  transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), padding 0.25s ease;
  padding-top: 8px; padding-bottom: 8px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .announcement-bar { height: var(--tc-header-h-desktop); padding: 0; }
}

.announcement-bar__inner {
  display: flex; flex-direction: column; align-items: center;
  gap: 6px; width: 100%; padding: 0 12px;
  transition: gap 0.25s ease;
}
@media (min-width: 768px) {
  .announcement-bar__inner {
    flex-direction: row; justify-content: space-between;
    height: 100%; gap: 16px; padding: 0 24px;
    max-width: 1300px; margin: 0 auto;
  }
}

.announcement-bar__copy {
  display: flex; align-items: flex-start; gap: 6px; width: 100%;
  max-height: 60px; opacity: 1; transform: translateY(0);
  transition: max-height 0.25s cubic-bezier(0.16,1,0.3,1),
              opacity 0.2s ease, transform 0.25s cubic-bezier(0.16,1,0.3,1);
}
@media (min-width: 768px) {
  .announcement-bar__copy {
    align-items: center; width: auto; flex: 1 1 auto; max-height: none;
  }
}

.announcement-bar__text {
  display: flex; flex-direction: column; gap: 2px; align-items: flex-start; min-width: 0;
}

.announcement-bar__headline {
  margin: 0; font-family: var(--ech-font-primary);
  font-size: 11px; font-weight: 700;
  color: var(--ech-color-headline); line-height: 1.2; white-space: nowrap;
}
@media (min-width: 768px) { .announcement-bar__headline { font-size: 13px; } }

.announcement-bar__sub {
  margin: 0; font-family: var(--ech-font-primary);
  font-size: 10px; font-weight: 400; color: var(--ech-color-white);
  line-height: 1.3; white-space: nowrap;
}
@media (min-width: 768px) { .announcement-bar__sub { font-size: 12px; } }

.announcement-bar__coupon-muted { color: var(--ech-color-sub-muted); }
.announcement-bar__coupon-code  { color: var(--ech-color-white); font-weight: 700; }

.announcement-bar__countdown {
  display: flex; align-items: center; gap: 4px; flex-shrink: 0;
  max-height: 50px; opacity: 1; transform: translateY(0);
  transition: max-height 0.25s cubic-bezier(0.16,1,0.3,1),
              opacity 0.2s ease, transform 0.25s cubic-bezier(0.16,1,0.3,1);
}
@media (min-width: 768px) {
  .announcement-bar__countdown { gap: 5px; max-height: none; }
}

.announcement-bar__cta {
  display: inline-flex; align-items: center; justify-content: center;
  background-color: var(--ech-color-primary); color: var(--ech-color-white) !important;
  font-family: var(--ech-font-primary); font-weight: 700;
  text-decoration: none !important; border-radius: 57px; cursor: pointer; border: 0;
  box-shadow: inset 0px 4px 4px rgba(255,255,255,0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  flex-shrink: 0; font-size: 12px; padding: 4px 14px;
  height: 34px; width: 100%; max-width: 280px; white-space: nowrap;
}
@media (min-width: 768px) {
  .announcement-bar__cta {
    width: auto; max-width: none; font-size: 14px; padding: 4px 20px; height: 40px;
  }
}
.announcement-bar__cta:hover {
  filter: brightness(1.08); transform: translateY(-2px);
  box-shadow: inset 3px 3px 4px rgba(255,255,255,0.2),0 8px 28px rgba(0,77,255,0.4);
  color: var(--ech-color-white) !important;
}
.announcement-bar__cta:active { transform: translateY(0); filter: brightness(0.96); }

@media (max-width: 767.98px) {
  .announcement-bar.is-compact,
  .announcement-bar.scrolled { padding: 6px 0; }
  .announcement-bar.is-compact .announcement-bar__copy,
  .announcement-bar.is-compact .announcement-bar__countdown,
  .announcement-bar.scrolled  .announcement-bar__copy,
  .announcement-bar.scrolled  .announcement-bar__countdown {
    max-height: 0; opacity: 0; transform: translateY(-8px);
    margin: 0; padding: 0; pointer-events: none;
  }
  .announcement-bar.is-compact .announcement-bar__inner,
  .announcement-bar.scrolled  .announcement-bar__inner { gap: 0; }
  .announcement-bar.is-compact .announcement-bar__cta,
  .announcement-bar.scrolled  .announcement-bar__cta {
    height: 34px; font-size: 13px; width: 92%; max-width: 340px;
  }
}

.countdown__unit {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 36px; height: 36px; background-color: var(--ech-color-timer-bg);
  border-radius: 7px; padding: 2px 4px; flex-shrink: 0;
}
@media (min-width: 768px) { .countdown__unit { width: 48px; height: 48px; padding: 4px 10px; } }

.countdown__value {
  font-family: var(--ech-font-primary); font-size: 14px; font-weight: 600;
  line-height: 1.1; color: var(--ech-color-white); text-align: center;
}
@media (min-width: 768px) { .countdown__value { font-size: 21px; } }

.countdown__label {
  font-family: var(--ech-font-primary); font-size: 9px; font-weight: 600;
  color: var(--ech-color-white); text-align: center; line-height: 1;
}
@media (min-width: 768px) { .countdown__label { font-size: 12px; } }

.countdown__sep {
  font-family: var(--ech-font-primary); font-size: 16px; font-weight: 600;
  color: var(--ech-color-white); align-self: flex-start; padding-top: 5px;
}
@media (min-width: 768px) { .countdown__sep { font-size: 22px; padding-top: 10px; } }

/* SECTION 1 — HERO */
.salespage-canvas {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.bg-fade-to-white {
  display: none;
}

/* Side decorative floating artwork */
.side-deco {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.side-deco--hero-left {
  top: 145px;
  left: max(16px, calc(50% - 920px));
  width: clamp(160px, 16vw, 262px);
}
.side-deco--hero-right {
  top: 590px;
  right: max(16px, calc(50% - 920px));
  width: clamp(160px, 16vw, 262px);
}
.side-deco--features-left {
  top: 1950px;
  left: max(-20px, calc(50% - 960px));
  width: clamp(220px, 22vw, 376px);
}
.side-deco--features-right-top {
  top: 1640px;
  right: max(16px, calc(50% - 930px));
  width: clamp(160px, 16vw, 262px);
}
.side-deco--features-right-bottom {
  top: 2450px;
  right: max(16px, calc(50% - 930px));
  width: clamp(180px, 18vw, 314px);
}

@media (max-width: 1440px) {
  .side-deco--hero-left { left: 8px; width: 190px; opacity: 0.9; }
  .side-deco--hero-right { right: 8px; width: 190px; opacity: 0.9; }
  .side-deco--features-left { left: -30px; width: 250px; opacity: 0.9; }
  .side-deco--features-right-top { right: 8px; width: 190px; opacity: 0.9; }
  .side-deco--features-right-bottom { right: 8px; width: 210px; opacity: 0.9; }
}
@media (max-width: 1199.98px) {
  .side-deco { display: none; }
}

.hero-section {
  background: transparent;
  position: relative;
  overflow: visible;
  padding: 36px 0 30px;
  z-index: 2;
}

.hero-section__container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

/* Center Logo */
.hero-logo-wrap {
  text-align: center;
  margin-bottom: 22px;
}
.hero-logo {
  max-width: clamp(240px, 22vw, 336px);
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Yellow badge pill */
.hero-badge-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tc-yellow);
  border: 1px solid var(--tc-navy);
  border-radius: 40px;
  padding: 8px 32px;
  font-size: clamp(13px, 1.15vw, 18px);
  font-weight: 400;
  color: var(--tc-black);
  text-align: center;
  width: fit-content;
  max-width: min(928px, 100%);
  margin: 0 auto 18px;
  line-height: 1.35;
}
.hero-badge-pill .text-red { color: var(--tc-red); font-weight: 700; }

/* Subheadline */
.hero-subhead {
  font-size: clamp(19px, 2.2vw, 32px);
  font-weight: 700;
  color: var(--tc-navy);
  text-align: center;
  margin: 0 0 10px;
  line-height: 1.3;
}
.hero-subhead .text-blue { color: var(--tc-blue); }

/* Main headline */
.hero-headline {
  font-size: clamp(26px, 3.6vw, 50px);
  font-weight: 900;
  color: var(--tc-navy);
  text-align: center;
  line-height: 1.26;
  margin: 0 auto 20px;
  max-width: 1060px;
}

.hero-headline .highlight-bg {
  display: inline-block;
  background: linear-gradient(to right, #0744fa, #008920);
  border-radius: 10px;
  padding: 2px 14px;
  color: #ffffff;
  margin: 0 4px;
}
.hero-headline .text-blue { color: var(--tc-blue); }
.hero-headline .text-red { color: var(--tc-red); }
/* Divider line */
.hero-divider-wrap {
  max-width: 1140px;
  margin: 0 auto 24px;
  text-align: center;
}
.hero-divider-line {
  width: 100%;
  height: auto;
  display: block;
}

/* Description */
.hero-desc {
  font-size: clamp(15px, 1.3vw, 20px);
  font-weight: 500;
  color: var(--tc-navy);
  text-align: center;
  max-width: 936px;
  margin: 0 auto 18px;
  line-height: 1.6;
}
.hero-desc .text-blue-link {
  color: var(--tc-blue); font-weight: 700; text-decoration: underline;
}

/* Hands-free callout with yellow brush stroke behind text */
.hero-handsfree-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
}
.hero-handsfree-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 577px;
  max-width: 95vw;
  min-height: 58px;
  padding: 8px 24px;
}
.handsfree-brush {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  z-index: 1;
}
.hero-handsfree-text {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: var(--tc-font);
  font-size: 25px;
  font-weight: 700;
  color: #01174a;
  text-align: center;
  white-space: nowrap;
}

/* Steps text */
.hero-steps-text {
  font-size: 28px;
  font-weight: 700;
  color: var(--tc-navy);
  text-align: center;
  max-width: 980px;
  margin: 0 auto 28px;
  line-height: 1.5;
}
.hero-steps-line1 {
  display: block;
  white-space: nowrap;
}
.hero-steps-line2 {
  display: block;
  white-space: nowrap;
}
.hero-steps-text .text-blue-underline {
  color: var(--tc-blue);
  text-decoration: underline;
}

/* Feature badges - 5 red chips in single row on desktop */
.hero-badges-row--red {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
  max-width: 1240px;
  margin: 0 auto;
}
.hero-badges-row--green {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 14px auto 36px;
}

.hero-badge-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 18px;
  border-radius: 20px;
  height: 44px;
  font-size: 18px;
  font-weight: 500;
  color: var(--tc-navy);
  border: 1px solid #ffdfdd;
  background: linear-gradient(to bottom, #ffffff, #ffeceb);
  white-space: nowrap;
  flex-shrink: 0;
}
.hero-badge-chip img { width: 28px; height: 28px; object-fit: contain; }
.hero-badge-chip--green {
  border-color: #bcf4d3;
  background: linear-gradient(to bottom, #ffffff, #ebfff3);
  color: var(--tc-green-text);
  font-weight: 700;
}

@media (max-width: 1199.98px) {
  .hero-badges-row--red {
    flex-wrap: wrap;
    gap: 10px;
  }
  .hero-steps-line1,
  .hero-steps-line2 {
    white-space: normal;
  }
  .hero-handsfree-text {
    white-space: normal;
    font-size: 18px;
  }
}

/* Video area */
.hero-video-area {
  position: relative;
  max-width: 694px;
  margin: 0 auto 36px;
}

/* Left handwritten annotation with yellow brush stroke behind "Click Play:" */
.hero-video-annotation-wrap {
  position: absolute;
  left: -235px;
  top: -45px;
  width: 255px;
  z-index: 5;
  pointer-events: none;
  transform: rotate(-9.62deg);
}
.annotation-text-wrap {
  font-family: var(--tc-font-handwritten);
  font-weight: 700;
  font-size: 23px;
  line-height: 1.25;
}
.annotation-click-play-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 2px;
}
.brush-click-play {
  position: absolute;
  left: -8px;
  top: -3px;
  width: 114px;
  height: 31px;
  z-index: 1;
  pointer-events: none;
}
.click-play-text {
  position: relative;
  z-index: 2;
  color: #0c1a39;
  font-size: 23px;
  font-weight: 700;
  display: inline-block;
}
.annotation-subtext {
  display: block;
  color: #0147e8;
  font-size: 23px;
  line-height: 1.25;
}
.annotation-arrow {
  width: 103px;
  height: 68px;
  margin-left: 125px;
  margin-top: -6px;
  display: block;
}

/* Left & Right video decoration cards positioned on the sides */
.video-deco-card {
  position: absolute;
  pointer-events: none;
  z-index: 4;
}
.video-deco-card--left {
  left: -218px;
  top: 117px;
  width: 269px;
  height: 221px;
}
.video-deco-card--left img {
  width: 100%;
  height: auto;
  display: block;
}
.video-deco-card--right {
  right: -245px;
  top: 87px;
  width: 320px;
  height: 188px;
}
.video-deco-card--right img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1440px) {
  .hero-video-annotation-wrap { left: -180px; width: 210px; }
  .video-deco-card--left { left: -160px; width: 220px; top: 130px; }
  .video-deco-card--right { right: -180px; width: 250px; top: 90px; }
}
@media (max-width: 1199.98px) {
  .hero-video-annotation-wrap { display: none; }
  .video-deco-card { display: none; }
}

.hero-video-player {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.28);
  border: 4px solid #555555;
  background: #252222;
}

/* Wistia player */
wistia-player[media-id='zqw3p7pg25']:not(:defined) {
  background: center / contain no-repeat
    url('https://fast.wistia.com/embed/medias/zqw3p7pg25/swatch');
  display: block;
  filter: blur(5px);
  padding-top: 56.25%;
}

/* SECTION 2 — FEATURES GRID */
.features-section {
  background: transparent;
  padding: 30px 0 40px;
  position: relative;
  z-index: 2;
}
.features-section__container {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 20px;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 639.98px) {
  .features-grid { grid-template-columns: 1fr; }
}

.feature-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid var(--tc-card-border);
  border-radius: 10px;
  padding: 16px 22px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,27,107,0.04);
}
.feature-card__icon {
  width: 72px; height: 72px; flex-shrink: 0; object-fit: contain;
}
.feature-card__text {
  font-size: clamp(14px, 1.1vw, 17px);
  font-weight: 500;
  color: var(--tc-navy);
  line-height: 1.5;
  flex: 1; min-width: 0;
}

/* SECTION 3 — PURCHASE / CTA */
.purchase-section,
.buy-cta-section {
  background: transparent;
  padding: 20px 0 var(--section-py);
  text-align: center;
  position: relative;
  z-index: 2;
}
.purchase-section__container,
.buy-cta-container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}

.purchase-yes-link,
.buy-cta-yes-link {
  font-size: 20px;
  font-weight: 400;
  color: #01174a;
  margin: 0 0 14px;
  white-space: nowrap;
}

.purchase-section__eyebrow,
.buy-cta-headline {
  font-size: 36px;
  font-weight: 500;
  color: #01174a;
  margin: 0 0 18px;
  text-align: center;
  white-space: nowrap;
}
.purchase-section__eyebrow strong,
.buy-cta-headline strong {
  font-weight: 700;
}

.purchase-commercial-badge,
.buy-cta-commercial-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--tc-commercial-bg);
  border: 1px solid var(--tc-commercial-border);
  border-radius: 10px;
  padding: 10px 30px;
  height: 48px;
  max-width: 682px;
  font-size: 22px;
  font-weight: 500;
  color: #01174a;
  margin: 0 auto 20px;
  white-space: nowrap;
}
.purchase-commercial-badge img,
.buy-cta-commercial-badge img { width: 26px; height: 30px; object-fit: contain; }
.purchase-commercial-badge .badge-accent,
.buy-cta-commercial-badge .badge-accent { color: #a76400; font-weight: 700; }

/* Pricing row with strikethrough and sparkles */
.purchase-price-row,
.buy-cta-price-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 auto 16px;
  white-space: nowrap;
}
.price-strikethrough-wrap {
  position: relative;
  display: inline-block;
}
.price-old {
  font-size: 27px;
  font-weight: 700;
  color: #898989;
  white-space: nowrap;
}
.price-red-strike {
  position: absolute;
  left: -2px;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 4px);
  height: auto;
  pointer-events: none;
}
.price-deal-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.price-deal-text {
  font-size: 27px;
  font-weight: 700;
  color: #01174a;
}
.price-big-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.price-big-amount {
  font-size: 58px;
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  background: linear-gradient(235.8deg, #004dff 19.3%, #07bcfa 85.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 4px;
}
.price-burst-icon {
  width: 26px;
  height: auto;
  margin-left: -2px;
  transform: translateY(-8px);
}

/* 4 Payment pointers in 1 single line on desktop */
.purchase-meta,
.buy-cta-meta {
  display: flex;
  flex-wrap: nowrap;
  gap: 25px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  margin: 0 auto 20px;
  white-space: nowrap;
}
.purchase-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.purchase-meta__item img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* Primary CTA button — 3D glossy pill image */
.purchase-cta-wrap,
.buy-cta-btn-wrap {
  max-width: 703px;
  width: 100%;
  margin: 0 auto 8px;
}
.purchase-cta-btn,
.buy-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100%;
  max-width: 703px;
  height: 91px;
  aspect-ratio: 703 / 91;
  background-image: url('assets/cta-pill-button.webp');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  padding: 0 40px;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.2s ease;
}
.purchase-cta-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  color: #ffffff !important;
}
.purchase-cta-btn:active {
  transform: translateY(0);
  filter: brightness(0.96);
}
.purchase-cta-btn .cta-label {
  font-family: var(--tc-font);
  font-size: 32px;
  font-weight: 700;
  color: #ffffff !important;
  white-space: nowrap;
  letter-spacing: -0.2px;
}
.purchase-cta-btn .cta-arrow-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}
.purchase-cta-btn .cta-arrow-circle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Payment partner logos directly under CTA with minimal gap */
.purchase-payment-logos,
.buy-cta-payment-logos {
  max-width: 440px;
  margin: 0 auto;
}
.purchase-payment-logos img,
.buy-cta-payment-logos img {
  width: 440px;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .purchase-section__eyebrow {
    font-size: 26px;
    white-space: normal;
  }
  .purchase-commercial-badge {
    font-size: 16px;
    height: auto;
    padding: 8px 16px;
    white-space: normal;
  }
  .purchase-meta {
    flex-wrap: wrap;
    gap: 12px 18px;
    font-size: 16px;
  }
  .purchase-cta-wrap {
    max-width: 95%;
  }
  .purchase-cta-btn {
    height: auto;
    aspect-ratio: 2143 / 277; /* match the pill image so it is never stretched */
    min-height: 0;
    padding: 0 clamp(16px, 3.5vw, 36px);
  }
  .purchase-cta-btn .cta-label {
    font-size: clamp(18px, 3.2vw, 30px);
  }
  .purchase-cta-btn .cta-arrow-circle {
    width: clamp(34px, 5vw, 52px);
    height: clamp(34px, 5vw, 52px);
  }
}

/* WIDGET 2 — EXIT-INTENT POPUP */
@keyframes ep-topBarWarningPulse {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.15); }
}
@keyframes ep-handWave {
  0%, 100% { transform: scale(.8)  rotate(-12deg); }
  50%      { transform: scale(1.3) rotate(12deg); }
}
@keyframes ep-ctaLaunchAcceleration {
  0%   { transform: scale(1)     translateY(0);   box-shadow: inset 3px 3px 4px rgba(255,255,255,.15); }
  15%  { transform: scale(0.99)  translateY(1px); }
  35%  { transform: scale(1.025) translateY(-8px);box-shadow: inset 3px 3px 6px rgba(255,255,255,.35),0 14px 36px rgba(251,53,56,.45); }
  65%  { transform: scale(1.01)  translateY(-2px);box-shadow: inset 3px 3px 4px rgba(255,255,255,.2),0 6px 18px rgba(251,53,56,.2); }
  100% { transform: scale(1)     translateY(0);   box-shadow: inset 3px 3px 4px rgba(255,255,255,.15); }
}
@keyframes ep-ctaDeceleration {
  0%   { transform: scale(1)    translateY(0);  opacity: 1; }
  40%  { transform: scale(0.985)translateY(2px);opacity: 0.92; }
  100% { transform: scale(1)    translateY(0);  opacity: 1; }
}
@keyframes ep-launchParticleAnim {
  0%   { opacity: 1; transform: translate3d(0,0,0) scale(1); }
  50%  { opacity: .85; }
  100% { opacity: 0;  transform: translate3d(var(--ep-p-tx,0),var(--ep-p-ty,45px),0) scale(.2); }
}
@keyframes ep-pulseBumpArrow {
  0%,100% { transform: translateX(0)  scale(1);   opacity: 1; }
  50%     { transform: translateX(5px)scale(1.1); opacity: .85; }
}

.exit-popup-backdrop {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background-color: var(--ep-color-overlay);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex; align-items: center; justify-content: center; padding: 16px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}
.exit-popup-backdrop.is-visible {
  opacity: 1; visibility: visible; pointer-events: auto;
}
.exit-popup-backdrop.is-visible .exit-popup-card { transform: scale(1) translateY(0); }

.exit-popup-card {
  background: var(--ep-color-card-bg);
  border: 3px solid var(--ep-color-primary);
  border-radius: 6px; max-width: 680px; width: 100%;
  max-height: 94vh; overflow-y: auto; padding: 0;
  text-align: center; position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,.6),0 0 0 6px rgba(251,53,56,.2);
  transform: scale(.94) translateY(10px);
  transition: transform .2s cubic-bezier(.16,1,.3,1);
  font-family: var(--ep-font-primary);
}
.exit-popup-card::-webkit-scrollbar { width: 6px; }
.exit-popup-card::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

.exit-popup-top-bar {
  background: var(--ep-color-primary); color: var(--ep-color-white);
  padding: 18px 48px 18px 20px;
  display: flex; align-items: center; justify-content: center; gap: 14px; position: relative;
}
.exit-popup-top-bar .warning-icon {
  font-size: clamp(38px,6vw,54px); line-height: 1;
  animation: ep-topBarWarningPulse 1.5s ease-in-out infinite; flex-shrink: 0;
}
.exit-popup-top-bar .warning-hand {
  display: inline-block; font-size: clamp(32px,5.4vw,46px); line-height: 1; flex-shrink: 0;
  transform-origin: 70% 80%; animation: ep-handWave 1s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .exit-popup-top-bar .warning-hand { animation: none; } }
.exit-popup-top-bar .warning-text {
  font-family: var(--ep-font-primary);
  font-size: clamp(30px,5.8vw,48px); font-weight: 900;
  line-height: .98; letter-spacing: -1.2px;
  color: var(--ep-color-white); text-shadow: 0 3px 6px rgba(0,0,0,.35);
}
.exit-popup-close {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: rgba(0,0,0,.25); border: none; color: var(--ep-color-white);
  font-size: 22px; width: 30px; height: 30px; border-radius: 4px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background .2s ease;
}
.exit-popup-close:hover { background: rgba(0,0,0,.5); }

.exit-popup-content { padding: 22px 24px 20px; }
@media (max-width: 575.98px) { .exit-popup-content { padding: 16px 14px; } }

.exit-popup-title {
  font-family: var(--ep-font-primary);
  font-size: clamp(21px,2.8vw,28px); font-weight: 900;
  color: var(--ep-color-headline); line-height: 1.2; margin-bottom: 10px; text-transform: uppercase;
}
.exit-popup-title .text-highlight { color: var(--ep-color-primary); }

.exit-popup-coupon-strip {
  font-family: var(--ep-font-primary);
  font-size: 13.5px; color: var(--ep-color-body-text); margin-bottom: 16px; line-height: 1.4;
}
.exit-popup-coupon-strip .coupon-sub { font-weight: 700; }
.exit-popup-coupon-badge {
  display: inline-block;
  background: var(--ep-color-coupon-bg); border: 1.5px solid var(--ep-color-coupon-border);
  color: var(--ep-color-coupon-text); font-size: 15px; font-weight: 900;
  letter-spacing: 1.5px; padding: 2px 10px; border-radius: 4px; margin: 0 4px;
}

.exit-popup-cta-wrap { margin-bottom: 16px; position: relative; overflow: hidden; border-radius: 8px; }
.exit-popup-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  background-color: var(--ep-color-primary); color: var(--ep-color-white) !important;
  font-family: var(--ep-font-primary); font-weight: 700; text-decoration: none !important;
  border-radius: 8px; cursor: pointer; border: 0;
  box-shadow: inset 3px 3px 4px rgba(255,255,255,.15);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  font-size: clamp(17px,2vw,21px) !important; min-height: 58px !important;
  padding: 12px 24px !important; width: 100%; position: relative; overflow: hidden;
}
.exit-popup-btn:hover { filter: brightness(1.08); transform: translateY(-2px); outline: none; color: var(--ep-color-white) !important; }
.exit-popup-btn:active { transform: translateY(0); filter: brightness(.96); }
.exit-popup-btn span, .exit-popup-btn img, .exit-popup-btn svg { position: relative; z-index: 2; }
.exit-popup-btn.is-powered-up { animation: ep-ctaLaunchAcceleration 1.35s cubic-bezier(.16,1,.3,1) forwards; }
.exit-popup-btn.is-powering-down { animation: ep-ctaDeceleration .35s ease-out forwards; }

.exit-popup-dismiss-link {
  display: block; margin-top: 10px; font-size: 12px; color: #94a3b8;
  cursor: pointer; background: none; border: none; text-decoration: underline; width: 100%;
}
.exit-popup-dismiss-link:hover { color: #64748b; }

/* WIDGET 3 — PURCHASE ACTIVITY WIDGET */
.purchase-widget {
  position: fixed; z-index: 1080;
  background-color: var(--pw-color-bg);
  border: 1px solid var(--pw-color-border);
  border-radius: 18px; box-shadow: 0 6px 24px var(--pw-color-shadow);
  padding: 10px 14px; pointer-events: none; opacity: 0;
  width: var(--pw-width); left: var(--pw-left); bottom: var(--pw-bottom);
  transform: translateX(-18px) scale(.98);
  transition: opacity 450ms cubic-bezier(.22,1,.36,1), transform 450ms cubic-bezier(.22,1,.36,1);
  font-family: var(--pw-font-primary);
}
@media (max-width: 767.98px) {
  .purchase-widget { width: calc(100vw - 32px); left: 16px; right: 16px; bottom: 16px; }
}
.purchase-widget.is-visible { opacity: 1; transform: translateX(0) scale(1); pointer-events: auto; }
.purchase-widget.is-leaving {
  opacity: 0; transform: translateY(18px) scale(.97);
  transition: opacity 500ms cubic-bezier(.22,1,.36,1), transform 500ms cubic-bezier(.22,1,.36,1);
}
@media (prefers-reduced-motion: reduce) {
  .purchase-widget { transform: none !important; transition: opacity 450ms ease !important; }
  .purchase-widget.is-leaving { transform: none !important; transition: opacity 500ms ease !important; }
}
.purchase-widget__close {
  position: absolute; top: 8px; right: 10px;
  width: 20px; height: 20px; border-radius: 50%; border: none;
  background-color: var(--pw-color-close-bg); color: var(--pw-color-close-text);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; cursor: pointer;
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease, background-color .2s ease;
  padding: 0; line-height: 1; z-index: 10;
}
.purchase-widget__close:hover { background-color: var(--pw-color-close-hover); color: #1a1a1a; }
.purchase-widget:hover .purchase-widget__close { opacity: 1; pointer-events: auto; }
/* No hover on touch screens: keep the close button visible, with a bigger tap target */
@media (hover: none), (max-width: 767.98px) {
  .purchase-widget__close { opacity: 1; pointer-events: auto; width: 26px; height: 26px; top: 6px; right: 6px; font-size: 16px; }
}

.purchase-widget__pill {
  display: inline-flex; align-items: center; gap: 4px;
  background-color: var(--pw-color-pill-bg); border: 1px solid var(--pw-color-pill-border);
  border-radius: 30px; padding: 3px 10px; font-size: 10px; font-weight: 700;
  color: var(--pw-color-pill-text); text-transform: uppercase; letter-spacing: .05em;
  margin-bottom: 8px; width: fit-content;
}
.purchase-widget__pill svg { width: 10px; height: 10px; fill: currentColor; }
.purchase-widget__body { display: flex; align-items: flex-start; gap: 14px; }
.purchase-widget__avatar-container { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.purchase-widget__avatar {
  width: 48px; height: 48px; border-radius: 50%; object-fit: cover;
  border: 2px solid var(--pw-color-white); display: block; background-color: var(--pw-color-avatar-placeholder);
}
.purchase-widget__status {
  position: absolute; bottom: 1px; right: 1px; width: 10px; height: 10px;
  border-radius: 50%; background-color: var(--pw-color-status-dot); border: 2px solid var(--pw-color-white);
}
.purchase-widget__content { flex-grow: 1; min-width: 0; }
.purchase-widget__meta { display: flex; flex-direction: column; margin-bottom: 2px; }
.purchase-widget__name { font-size: 15px; font-weight: 600; color: var(--pw-color-name); margin: 0; line-height: 1.25; }
.purchase-widget__location { font-size: 13px; color: var(--pw-color-location); line-height: 1.25; }
.purchase-widget__message { font-size: 14px; font-weight: 500; color: var(--pw-color-message); line-height: 1.35; margin: 0; }

/* SECTION 4 — 3 EASY STEPS */
.three-steps-section {
  background-color: #060b18;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
  position: relative;
  overflow: hidden;
  padding: var(--section-py) 0;
  color: #ffffff;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .three-steps-section {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
}

.three-steps-bg-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1920px;
  height: 445px;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.three-steps-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.three-steps-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
}

/* Header */
.three-steps-header {
  text-align: center;
  margin-bottom: 70px;
}
.three-steps-title {
  font-family: var(--tc-font);
  font-size: clamp(28px, 3.6vw, 48px);
  font-weight: 600;
  color: #ffffff;
  line-height: 1.35;
  max-width: 901px;
  margin: 0 auto 18px;
}
.three-steps-subtitle {
  font-family: var(--tc-font);
  font-size: clamp(17px, 1.8vw, 24px);
  font-weight: 400;
  color: #e0e4ec;
  line-height: 1.45;
  max-width: 960px;
  margin: 0 auto;
}
.three-steps-subtitle .text-yellow {
  color: #ffe710;
  font-weight: 700;
}

/* 3 Steps List */
.three-steps-list {
  --step-gap: 120px;
  display: flex;
  flex-direction: column;
  gap: var(--step-gap);
  max-width: 1080px;
  margin: 0 auto;
}

.step-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  position: relative;
}

/* Content Column */
.step-col--content {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  flex: 1 1 480px;
  max-width: 480px;
  position: relative;
}

/* Timeline Rail */
.step-timeline-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  width: 56px;
}
.step-number-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #060b18;
  border: 3px solid #3fb1fe;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--tc-font);
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  box-shadow: 0 0 16px rgba(63, 177, 254, 0.4);
  position: relative;
  z-index: 2;
}
.step-dotted-line {
  position: absolute;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -32px;
  width: 3px;
  /* runs from the circle to just past this step's text, never into the next step */
  height: auto;
  pointer-events: none;
  z-index: 1;
}
.step-dotted-line img {
  width: 3px;
  height: 100%;
  display: block;
}

/* Content Body */
.step-content-body {
  flex: 1;
  min-width: 0;
}
.step-badge-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #222e4e;
  border: 1px solid #222e4e;
  border-radius: 30px;
  height: 45px;
  padding: 0 24px;
  font-family: var(--tc-font);
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 1;
}
.step-heading {
  font-family: var(--tc-font);
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 14px;
}
.step-desc {
  font-family: var(--tc-font);
  font-size: clamp(17px, 1.6vw, 22px);
  font-weight: 400;
  color: #e0e4ec;
  line-height: 1.5;
  margin: 0;
}

/* Media Column & Box */
.step-col--media {
  flex: 0 1 560px;
  max-width: 560px;
  width: 100%;
}
.step-media-box {
  width: 100%;
  min-height: 283px;
  aspect-ratio: 475 / 283;
  background-color: #172446;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.step-media-box:hover {
  border-color: rgba(63, 177, 254, 0.4);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.45), 0 0 24px rgba(63, 177, 254, 0.15);
  transform: translateY(-2px);
}
.step-media-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.step-media-box iframe,
.step-media-box video,
.step-media-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  display: block;
}
/* Step demo videos: no controls, no right-click or drag-to-save */
.step-media-box .step-video {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  background: #172446;
}

/* Bottom Punchline */
.three-steps-punchline {
  text-align: center;
  margin: 80px auto 0;
  font-family: var(--tc-font);
  font-size: clamp(21px, 2.4vw, 32px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.35;
  max-width: 1020px;
}
.three-steps-punchline .text-cyan {
  color: #07bcfa;
}

/* Responsive Adaptations */
@media (max-width: 991.98px) {
  .three-steps-header { margin-bottom: 45px; }
  .step-row {
    flex-direction: column;
    gap: 30px;
    align-items: stretch;
  }
  .step-row--right-text {
    flex-direction: column;
  }
  .step-row--right-text .step-col--content {
    order: 1;
  }
  .step-row--right-text .step-col--media {
    order: 2;
  }
  .step-col--content {
    max-width: 100%;
    flex: 1 1 auto;
    gap: 20px;
  }
  .step-col--media {
    max-width: 100%;
    flex: 1 1 auto;
  }
  .step-dotted-line {
    display: none;
  }
  .step-media-box {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

/* SHARED SECTION PRIMITIVES (sections 5+) */
.tc-container {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.tc-bleed-right { margin-right: calc(-1 * var(--bleed-x)); }
.tc-bleed-left  { margin-left:  calc(-1 * var(--bleed-x)); }

.tc-heading {
  font-family: var(--tc-font);
  font-size: clamp(28px, 3.4vw, 48px);
  font-weight: 700;
  line-height: 1.35;
  color: var(--tc-navy);
  text-align: center;
  margin: 0 auto;
}
.text-brand-blue { color: #035bff; }

/* SECTION 5 — COME EMPTY-HANDED */
.empty-handed-section { background: transparent; z-index: 3; }
.empty-handed-title { color: #000; max-width: 1217px; }

.empty-handed-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 36px;
}
.empty-handed-intro__copy { flex: 0 1 678px; min-width: 0; }
.empty-handed-intro__media { flex: 0 1 calc(520px + var(--bleed-x)); min-width: 0; }
.empty-handed-intro__media img { width: 100%; height: auto; }

/* Store widget (live HTML, 770x880 canvas) + pointing woman cutout */
.eh-showcase {
  position: relative;
  aspect-ratio: 1 / 0.95;
  max-width: 620px;
}
.eh-showcase__widget {
  position: absolute;
  top: 0;
  right: 0;
  width: 72%;
  aspect-ratio: 770 / 880;
  border: 0;
  background: transparent;
  color-scheme: light;
  pointer-events: none;
}
.eh-showcase__woman {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 52% !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 82%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 82%, transparent 100%);
}

.no-need-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid #dae0ef;
  padding: 12px;
  background: #fff;
  max-width: 658px;
}
.no-need-box__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px 16px;
  text-align: center;
}
.no-need-box__cell + .no-need-box__cell { border-left: 1px solid #dae0ef; }
.no-need-box__cell img { width: auto; height: 61px; object-fit: contain; }
.no-need-box__cell p {
  margin: 0;
  font-size: clamp(17px, 1.4vw, 25px);
  font-weight: 600;
  color: #000;
  line-height: 1.3;
  max-width: 176px;
}

.empty-handed-read {
  margin: 48px 0 14px;
  font-size: clamp(17px, 1.3vw, 24px);
  color: #000;
}

.login-banner {
  position: relative;
  max-width: 679px;
  padding: 14px 64px 14px 28px;
  background: url('assets/images/empty-handed/login-banner-bg.svg') center / 100% 100% no-repeat;
}
.login-banner__text { margin: 0; font-weight: 700; line-height: 1.2; }
.login-banner__lead { display: block; color: #ffe710; font-size: clamp(17px, 1.4vw, 26px); }
.login-banner__sub  { display: block; color: #fff;    font-size: clamp(18px, 1.55vw, 29px); }
.login-banner__chevron {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 65px;
}

.eh-cards {
  display: grid;
  gap: 24px 33px;
  margin: 0 auto;
}
.eh-cards--3 { grid-template-columns: repeat(3, 1fr); margin-top: 70px; }
.eh-cards--4 { grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 33px; }
.eh-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 338px;
  padding: 20px;
  background: #fff;
  border: 1px solid #dae0ef;
  border-radius: 10px;
  text-align: center;
}
.eh-card__img { height: 113px; width: auto; max-width: 170px; object-fit: contain; }
.eh-card__title {
  margin: 0;
  font-size: clamp(19px, 1.4vw, 25px);
  font-weight: 600;
  color: #000;
  line-height: 1.25;
  max-width: 276px;
}
.eh-card__desc {
  margin: 0;
  font-size: clamp(16px, 1.1vw, 20px);
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.3;
  max-width: 311px;
}

/* SECTION 6 — HOT NICHES / READY TO SELL / CTA */
.niches-section {
  z-index: 2;
  /* curved light background rises behind the last row of section 5 */
  margin-top: -230px;
  padding-top: calc(230px + var(--section-py));
}
.niches-section__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background:
    url('assets/images/niches/section-bg-curve.svg') top center / 100% 100% no-repeat;
  pointer-events: none;
}
.niches-section__grid {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 110%;
  max-width: 2121px;
  height: auto;
  opacity: 0.9;
}

.niches-title { max-width: 1219px; }
.niches-sub {
  max-width: 1128px;
  margin: 18px auto 0;
  font-size: clamp(16px, 1.1vw, 20px);
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.niches-sub strong { display: block; }

.niche-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px 60px;
  max-width: 1130px;
  margin: 48px auto 0;
}
.niche-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.niche-card__img {
  width: 100%;
  max-width: 400px;
  height: 290px;
  object-fit: contain;
}
.niche-card__label {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 332px;
  margin-top: -26px;
  padding: 14px 12px;
  border-radius: 11px;
  background: var(--niche-bg, #01174a);
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
.niche-card__label strong { display: block; font-size: clamp(17px, 1.27vw, 24px); font-weight: 700; }
.niche-card__label span   { display: block; font-size: clamp(17px, 1.27vw, 24px); font-weight: 300; }

.ready-title { margin-top: 80px; }
.ready-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  max-width: 1066px;
  margin: 60px auto 0;
}
.ready-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 0 1 540px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.ready-list li {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: clamp(17px, 1.3vw, 25px);
  color: var(--tc-navy);
  line-height: 1.3;
}
.ready-list li img { width: 45px; height: 45px; flex-shrink: 0; }

.niches-card {
  position: relative;
  flex: 0 0 392px;
  max-width: 392px;
  padding: 44px 40px 0;
  border: 1px solid #c8c2c2;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(to bottom, #fffcf9, rgba(239, 225, 242, 0));
}
.niches-card img { width: 100%; height: auto; display: block; margin: 0 auto; }
.niches-card__pill {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 81%;
  padding: 10px 12px;
  border-radius: 20px;
  background: #672fff;
  color: #fff;
  font-size: clamp(14px, 0.95vw, 18px);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.pick-bar {
  max-width: 1083px;
  margin: 72px auto 0;
  padding: 14px 20px;
  border-radius: 20px;
  background: #e1eaf4;
  font-size: clamp(19px, 1.67vw, 32px);
  font-weight: 700;
  color: var(--tc-navy);
  text-align: center;
  line-height: 1.3;
}
.pick-sub {
  max-width: 917px;
  margin: 24px auto 0;
  font-size: clamp(17px, 1.2vw, 23px);
  line-height: 1.48;
  color: var(--tc-navy);
  text-align: center;
}

/* Buy CTA block used inside another section (no own background/padding) */
.buy-cta-section--inline {
  padding: 0;
  margin-top: 72px;
  position: relative;
  z-index: 1;
}

/* SECTION 7 — LIVE IN UNDER 10 MINUTES / WHO DOES WHAT */
.ten-min-section {
  --tm-overlap: 140px;
  margin-top: calc(-1 * var(--tm-overlap));
  padding-top: 0;
  background: linear-gradient(to bottom, transparent var(--tm-overlap), #fff var(--tm-overlap));
}
.niches-section { padding-bottom: calc(var(--section-py) + 140px); }

.ten-min {
  --rail-x: 38px;            /* centre of the vertical rail & clock nodes */
  position: relative;
  max-width: 1134px;
  margin: 0 auto;
}
/* vertical blue rail */
.ten-min::before {
  content: "";
  position: absolute;
  left: calc(var(--rail-x) - 5px);
  top: 200px;
  bottom: 60px;
  width: 11px;
  border-radius: 52px;
  background: linear-gradient(90deg, #0f94e5, #066bb8);
  box-shadow: 0 8px 15px rgba(0, 80, 145, 0.24), inset 0 0 0 3px rgba(255, 255, 255, 0.4);
  z-index: 0;
}

.ten-min__header {
  position: relative;
  z-index: 1;
  margin-left: 7px;
  max-width: 1187px;
}
.ten-min__title {
  margin: 0;
  padding: 36px 56px 58px;
  border-radius: 50px 50px 50px 0;
  background: url('assets/images/ten-minutes/header-shape.svg') top left / 100% 100% no-repeat;
  font-family: var(--tc-font);
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.ten-min__title span { display: block; font-size: clamp(21px, 2vw, 36px); font-weight: 600; }
.ten-min__title .ten-min__title-accent { color: #fce03e; font-size: clamp(26px, 2.6vw, 48px); font-weight: 700; margin-top: 4px; }
.ten-min__pill {
  display: inline-block;
  margin: -40px 0 0 74px;
  position: relative;
  padding: 16px 48px;
  border-radius: 40px;
  background: #80d5fd;
  font-size: clamp(15px, 1.15vw, 21px);
  font-weight: 500;
  color: var(--tc-navy);
  line-height: 1.2;
}

.ten-min__list {
  list-style: none;
  margin: 60px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 29px;
  position: relative;
  z-index: 1;
}
.ten-min__item {
  display: flex;
  align-items: center;
  gap: 26px;
}
.ten-min__node {
  flex-shrink: 0;
  width: 77px;
  height: 77px;
  display: grid;
  place-items: center;
  border: 6.7px solid #35b9ef;
  border-radius: 50%;
  background: linear-gradient(145deg, #0f94e5 6%, #066bb8 94%);
  box-shadow: 0 6px 6px rgba(0, 80, 145, 0.24);
}
.ten-min__node img { width: 53px; height: 53px; }

.minute-card {
  flex: 1;
  min-width: 0;
  min-height: 196px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 32px 26px 48px;
  border: 1px solid rgba(125, 167, 194, 0.25);
  border-radius: 42px;
  box-shadow: inset 0 1px 0 #fff;
  background:
    radial-gradient(circle at 86% 50%, rgba(125, 219, 255, 0.24) 0, rgba(125, 219, 255, 0) 38%),
    linear-gradient(149deg, #fff 8%, #f5fcff 57%, #e5f7ff 92%);
}
.minute-card--yellow {
  background:
    radial-gradient(circle at 86% 50%, rgba(246, 255, 125, 0.24) 0, rgba(125, 219, 255, 0) 38%),
    linear-gradient(149deg, #fff 8%, #f5fcff 57%, #e5f7ff 92%);
}
.minute-card--warm {
  background:
    radial-gradient(circle at 86% 50%, rgba(246, 255, 125, 0.24) 0, rgba(255, 194, 125, 0) 38%),
    linear-gradient(149deg, #fff 8%, #fffff5 57%, #fbffeb 92%);
}
.minute-card__body { flex: 0 1 424px; min-width: 0; }
.minute-card__tag {
  display: inline-block;
  padding: 5px 21px 6px;
  border-radius: 999px;
  background: linear-gradient(to bottom, #8ce8ff, #56d1f6);
  box-shadow: 0 3px 4px rgba(10, 150, 211, 0.19);
  font-size: clamp(13px, 0.9vw, 16px);
  font-weight: 600;
  line-height: 1;
  color: #063765;
}
.minute-card__title {
  margin: 12px 0 0;
  font-size: clamp(21px, 1.6vw, 30px);
  font-weight: 700;
  line-height: 1.15;
  color: #06152f;
}
.minute-card__desc {
  margin: 8px 0 0;
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 400;
  line-height: 1.4;
  color: #102b4d;
  max-width: 380px;
}
.minute-card__visual {
  flex: 0 0 518px;
  max-width: 518px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Minute 1 — browser preview */
.mv-browser {
  position: relative;
  width: 312px;
  border-radius: 14px 14px 8px 8px;
  background: #fff;
  transform: rotate(-4deg);
  filter: drop-shadow(0 15px 12px rgba(2, 42, 82, 0.18));
  margin-left: 70px;
}
.mv-browser__bar {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  border-radius: 14px 14px 0 0;
  background: #0a294c;
}
.mv-browser__bar i { width: 9px; height: 9px; border-radius: 50%; background: #e99ab1; }
.mv-browser__bar i:nth-child(2) { background: #ffd68a; }
.mv-browser__bar i:nth-child(3) { background: #82dbe5; }
.mv-browser__body { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 22px 30px 30px; }
.mv-browser__logo { width: 135px; height: auto; margin-bottom: 6px; }
.mv-line { display: block; height: 10px; border-radius: 99px; background: #dce5ee; max-width: 100%; }
.mv-browser__check {
  position: absolute;
  right: -8px;
  top: 6px;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #43dfa0, #13b977);
  box-shadow: 0 9px 8px rgba(13, 158, 98, 0.27);
}
.mv-browser__check img { width: 47px; height: 47px; }
.mv-browser__btn {
  position: absolute;
  right: -10px;
  bottom: -8px;
  padding: 10px 25px;
  border-radius: 12px;
  background: linear-gradient(to bottom, #107ef1, #0057d9);
  box-shadow: 0 8px 7px rgba(0, 71, 183, 0.22);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  white-space: nowrap;
}

/* Minute 3 — Telegram ↔ bot */
.mv-connect { display: flex; align-items: center; }
.mv-connect__tg { width: 152px; height: auto; margin: -13px -23px -32px; }
.mv-connect__dots { display: flex; gap: 7px; padding: 0 10px; }
.mv-connect__dots i { width: 10px; height: 10px; border-radius: 50%; background: #0b93ec; }
.mv-connect__bot {
  width: 117px;
  height: 117px;
  display: grid;
  place-items: center;
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0, #e8f7ff 72%);
  box-shadow: 0 10px 10px rgba(31, 116, 166, 0.18);
  overflow: hidden;
}
.mv-connect__bot img { width: 100%; height: auto; }

/* Minute 5 — product shelf */
.mv-shelf {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 518px;
}
.mv-shelf__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 158px;
  padding: 14px 10px;
  border: 1px solid #e5ebf1;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 9px 15px rgba(29, 65, 99, 0.12);
}
.mv-shelf__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(145deg, var(--g1), var(--g2));
}
.mv-shelf__icon img { width: 36px; height: 36px; }
.mv-shelf__item b {
  padding-top: 8px;
  min-height: 34px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #06152f;
  text-align: center;
}
.mv-shelf__ph { display: flex; gap: 5px; align-items: center; align-self: flex-start; margin-top: auto; }
.mv-shelf__ph i { width: 16px; height: 16px; border-radius: 4px; background: #dce6ef; }
.mv-shelf__ph i + i { width: 34px; height: 5px; border-radius: 99px; }
.mv-shelf__cursor { position: absolute; right: -18px; bottom: -16px; width: 48px; height: 58px; }

/* Minute 7 — payments */
.mv-payments { width: 100%; max-width: 426px; height: auto; }

/* Minute 10 — link box */
.mv-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 406px;
  min-height: 104px;
  padding: 12px 14px 12px 22px;
  border: 4px solid #b8e1fc;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 9px rgba(21, 94, 143, 0.14);
}
.mv-link__tg { width: 68px; height: 68px; flex-shrink: 0; }
.mv-link__url { flex: 1; min-width: 0; font-size: 25px; font-weight: 700; color: #06152f; }
.mv-link__copy {
  width: 56px;
  height: 64px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  background: #eaf4ff;
}
.mv-link__copy img { width: 34px; height: 34px; }

/* "That's it" footer */
.ten-min__done {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  max-width: 776px;
  width: 100%;
  margin-top: 36px;
  padding: 12px 44px 12px 36px;
  border-radius: 29px;
  background: linear-gradient(170deg, #ffe80f 6%, #ffd619 94%);
  box-shadow: 0 12px 9px rgba(140, 107, 0, 0.2);
}
.ten-min__done-check {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #24daa0, #08ae79);
  box-shadow: 0 6.6px 6px rgba(0, 142, 98, 0.22);
}
.ten-min__done-check img { width: 44px; height: 44px; }
.ten-min__done p { margin: 0; font-size: clamp(19px, 1.6vw, 30px); font-weight: 700; line-height: 1; color: #06152f; }

/* Who does what */
.who-does {
  position: relative;
  max-width: 1168px;
  margin: 100px auto 0;
  padding: 63px 57px 0;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(to bottom, #e7edf3, #fff);
}
.who-does::before {
  content: "";
  position: absolute;
  inset: -80px 0 0;
  background: url('assets/images/ten-minutes/grid-geometry.svg') top left / 1187px auto no-repeat;
  pointer-events: none;
}
.who-does__title { position: relative; }
.who-does__cols {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 51px;
  margin-top: 78px;
}
.who-card {
  position: relative;
  padding: 50px 34px 30px 36px;
  border-radius: 30px;
}
.who-card--you { background: linear-gradient(to bottom, #fff, #e8f1fa); border: 1px solid #8ca6fa; }
.who-card--bot { background: #011c21; color: #fff; }
.who-card__badge {
  position: absolute;
  top: -35px;
  left: 35px;
  display: flex;
  align-items: center;
}
.who-card__avatar {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 77px;
  height: 77px;
  padding: 7px;
  border-radius: 50%;
  background: #067def;
}
.who-card__avatar img { width: 100%; height: 100%; object-fit: contain; }
.who-card__label {
  margin-left: -28px;
  padding: 7px 26px 7px 40px;
  border-radius: 64px;
  background: #067def;
  font-size: clamp(17px, 1.2vw, 22px);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
.who-card--bot .who-card__badge { top: -39px; left: 44px; }
.who-card--bot .who-card__avatar { width: 102px; height: 97px; background: #01c159; }
.who-card--bot .who-card__label { background: #01c159; max-width: 280px; padding: 8px 24px 8px 40px; line-height: 1.25; }

.who-card__list { list-style: none; margin: 0; padding: 0; }
.who-card__list li {
  display: flex;
  align-items: center;
  gap: 26px;
  min-height: 120px;
  font-size: clamp(16px, 1vw, 19px);
  font-weight: 500;
  line-height: 1.35;
  color: var(--tc-navy);
}
.who-card__list li + li { border-top: 1px solid #c1cbe0; }
.who-card--bot .who-card__list li { color: #fff; }
.who-card--bot .who-card__list li + li { border-top-color: #174d57; }
.who-card__icon {
  width: 81px;
  height: 81px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 28px;
  background: var(--tile, #013c3e);
}
.who-card__icon img { width: 50px; height: 50px; }
.who-card__icon .rot-90 { transform: rotate(90deg); }

.ten-min-punchline {
  margin: 72px auto 0;
  font-size: clamp(21px, 2vw, 36px);
  font-weight: 700;
  line-height: 1.3;
  color: var(--tc-navy);
  text-align: center;
}
.ten-min-punchline .text-brand-blue { color: #004dff; }

/* SECTION 8 — ORDINARY PEOPLE SUCCESS STORIES */
.stories-section {
  color: #fff;
  background: url('assets/images/success-stories/section-bg.svg') top center / 100% 100% no-repeat;
  padding-top: calc(var(--section-py) + 60px); /* clears the slanted top edge */
}
.stories-title { color: #fff; max-width: 1007px; }
.stories-title__accent { position: relative; display: inline-block; color: #ffd818; }
.stories-title__accent img {
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 14px;
}
.stories-sub {
  margin: 28px auto 0;
  max-width: 1121px;
  font-size: clamp(18px, 1.46vw, 28px);
  color: #fff;
  text-align: center;
}

.story-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 55px 31px;
  max-width: 1213px;
  margin: 64px auto 0;
}
.story-card {
  position: relative;
  display: grid;
  grid-template-columns: 47% 1fr;
  gap: 0 24px;
  min-height: 399px;
  padding: 0 26px 0 0;
  border: 1px solid #2c4467;
  border-radius: 20px;
  background: #0b182a;
  overflow: hidden;
}
.story-card__tag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 20px 0 22px;
  z-index: 1;
}
.story-card__tag-bg { position: absolute; top: 0; left: 0; height: 80px; width: auto; z-index: -1; }
.story-card__tag-icon { width: 32px; height: 32px; }
.story-card__tag span { font-size: clamp(17px, 1.25vw, 24px); font-weight: 700; color: #020202; white-space: nowrap; }
.story-card__phone {
  align-self: end;
  width: 100%;
  max-width: 276px;
  height: auto;
  margin: 78px 0 0 12px;
}
.story-card__body { padding: 36px 0 28px; }
.story-card--long-tag .story-card__body { padding-top: 72px; }
.story-card__title { margin: 0; font-size: clamp(19px, 1.25vw, 24px); font-weight: 700; line-height: 1.25; color: #fff; }
.story-card__desc { margin: 16px 0 0; font-size: clamp(15px, 0.95vw, 18px); line-height: 1.3; color: #bbc9db; }
.story-card__desc strong { color: #fff; }
.story-card__source { margin: 16px 0 0; font-size: clamp(14px, 0.85vw, 16px); line-height: 25px; color: #fff; }
.story-card__source em,
.story-card__source a,
.story-card__link { color: #fff; text-decoration: underline; }
.story-card__source em { font-style: italic; }

.notice { margin: 110px auto 0; text-align: center; }
.notice__bulb { width: 106px; height: 106px; margin: 0 auto; }
.notice__title { margin: 14px 0 0; font-size: clamp(26px, 2vw, 38px); font-weight: 700; color: #fff; }
.notice__text { margin: 12px auto 0; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.3; color: rgba(187, 201, 219, 0.8); }

.imagine-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  max-width: 1172px;
  margin: 72px auto 0;
  padding: 44px 24px 44px 74px;
  border: 1px solid #2c4467;
  border-radius: 20px;
  background: #0b182a;
}
.imagine-card__copy { flex: 0 1 580px; min-width: 0; }
.imagine-card__lead,
.imagine-card__close { margin: 0; font-size: clamp(19px, 1.46vw, 28px); font-weight: 600; line-height: 1.3; color: #8ce8ff; }
.imagine-card__close span { color: #fff; }
.imagine-card__list { list-style: none; margin: 8px 0 12px; padding: 0; }
.imagine-card__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding-left: 6px;
  font-size: clamp(16px, 1.05vw, 20px);
  color: #fff;
}
.imagine-card__list li img { width: 22px; height: 22px; flex-shrink: 0; }
.imagine-card__img { flex: 0 1 513px; width: 100%; max-width: 513px; height: auto; min-width: 0; }

/* SECTIONS 5–8 — TABLET */
@media (max-width: 1199.98px) {
  .empty-handed-intro { gap: 24px; }
  .eh-card { min-height: 0; padding: 24px 16px; }
  .eh-card__img { height: 92px; }

  .niches-section { margin-top: -160px; padding-top: calc(160px + var(--section-py)); padding-bottom: calc(var(--section-py) + 100px); }
  .ten-min-section { --tm-overlap: 100px; }
  .niche-grid { gap: 40px 28px; }
  .niche-card__img { height: 230px; }
  .ready-row { gap: 32px; }
  .niches-card { flex-basis: 340px; }

  .minute-card { padding: 24px 24px 24px 32px; }
  .minute-card__visual { flex-basis: 400px; }
  .mv-shelf__item b { font-size: 12px; }
  .who-does { padding: 48px 32px 0; }
  .who-does__cols { gap: 32px; }
  .who-card { padding: 50px 22px 20px; }
  .who-card__list li { gap: 16px; min-height: 100px; }
  .who-card__icon { width: 64px; height: 64px; border-radius: 22px; }
  .who-card__icon img { width: 38px; height: 38px; }

  .story-card { grid-template-columns: 44% 1fr; min-height: 360px; }
  .imagine-card { padding: 36px 24px 36px 40px; }
}

@media (max-width: 991.98px) {
  .empty-handed-intro { flex-direction: column; align-items: center; }
  .empty-handed-intro__copy { flex-basis: auto; width: 100%; max-width: 678px; }
  .empty-handed-intro__media { flex-basis: auto; width: 100%; max-width: 480px; margin-right: 0; }
  .eh-cards--3, .eh-cards--4 { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .eh-cards--3 { margin-top: 48px; }
  .eh-cards--4 { margin-top: 20px; }
  .eh-cards--3 .eh-card:last-child { grid-column: 1 / -1; }

  .niche-grid { grid-template-columns: repeat(2, 1fr); }
  .ready-row { flex-direction: column; }
  .ready-list { flex-basis: auto; }
  .niches-card { flex-basis: auto; width: 100%; }

  .ten-min { --rail-x: 30px; }
  .ten-min__node { width: 60px; height: 60px; border-width: 5px; }
  .ten-min__node img { width: 40px; height: 40px; }
  .ten-min__item { gap: 16px; }
  .minute-card { gap: 16px; padding: 22px 20px 22px 26px; border-radius: 30px; }
  .minute-card__body { flex: 1 1 0; }
  .minute-card__visual { flex: 0 0 52%; max-width: 52%; }
  .mv-browser { width: 250px; margin: 0 auto; }
  .mv-browser__body { padding: 16px 22px 26px; gap: 9px; }
  .mv-browser__logo { width: 104px; }
  .mv-browser__check { width: 54px; height: 54px; }
  .mv-browser__check img { width: 34px; height: 34px; }
  .mv-browser__btn { font-size: 16px; padding: 4px 18px; }
  .mv-connect__tg { width: 120px; margin: -10px -18px -26px; }
  .mv-connect__bot { width: 92px; height: 92px; }
  .mv-shelf__item { min-height: 0; padding: 10px 4px; }
  .mv-shelf__icon { width: 40px; height: 40px; }
  .mv-shelf__icon img { width: 26px; height: 26px; }
  .mv-shelf__item b { font-size: 11px; line-height: 12px; min-height: 30px; }
  .mv-shelf__cursor { width: 34px; height: 42px; right: -10px; }
  .mv-link { min-height: 0; padding: 8px 10px 8px 12px; gap: 8px; }
  .mv-link__tg { width: 48px; height: 48px; }
  .mv-link__url { font-size: 19px; }
  .mv-link__copy { width: 44px; height: 50px; }
  .who-does__cols { grid-template-columns: 1fr; gap: 64px; }

  .story-grid { grid-template-columns: 1fr; max-width: 640px; }
  .imagine-card { flex-direction: column; text-align: left; }
  .imagine-card__copy, .imagine-card__img { flex-basis: auto; }
}

/* SECTIONS 5–8 — MOBILE */
@media (max-width: 767.98px) {
  .tc-container { padding: 0 16px; }

  .empty-handed-intro { margin-top: 24px; }
  .no-need-box { padding: 6px; }
  .no-need-box__cell { padding: 12px 6px; gap: 8px; }
  .no-need-box__cell img { height: 42px; }
  .no-need-box__cell p { font-size: 15px; }
  .empty-handed-read { margin: 24px 0 10px; text-align: center; }
  .login-banner { padding: 12px 44px 12px 16px; }
  .login-banner__chevron { right: 22px; width: 14px; height: 40px; }
  .eh-cards--3, .eh-cards--4 { gap: 12px; }
  .eh-cards--3 { margin-top: 32px; }
  .eh-cards--4 { margin-top: 12px; }
  .eh-card { padding: 16px 10px; gap: 6px; }
  .eh-card__img { height: 64px; }
  .eh-card__title { font-size: 17px; }
  .eh-card__desc { font-size: 14px; }

  .niches-section { margin-top: -80px; padding-top: calc(80px + var(--section-py)); }
  .niches-sub { margin-top: 12px; }
  .niche-grid { gap: 28px 12px; margin-top: 32px; }
  .niche-card__img { height: 150px; }
  .niche-card__label { margin-top: -14px; padding: 8px 6px; border-radius: 8px; }
  .niche-card__label strong, .niche-card__label span { font-size: 14px; }
  .ready-title { margin-top: 48px; }
  .ready-row { margin-top: 32px; gap: 40px; }
  .ready-list { gap: 16px; }
  .ready-list li { gap: 12px; font-size: 16px; }
  .ready-list li img { width: 32px; height: 32px; }
  .niches-card { padding: 36px 24px 0; }
  .pick-bar { margin-top: 40px; padding: 12px 14px; border-radius: 14px; }
  .pick-sub { margin-top: 14px; }
  .buy-cta-section--inline { margin-top: 44px; }

  .ten-min { --rail-x: 20px; }
  .ten-min::before { top: 150px; width: 8px; left: calc(var(--rail-x) - 4px); }
  .ten-min__header { margin-left: 0; }
  .ten-min__title { padding: 24px 22px 44px; background-size: 100% 100%; }
  .ten-min__pill { margin: -28px 0 0 28px; padding: 10px 18px; }
  .ten-min__list { margin-top: 32px; gap: 16px; }
  .ten-min__item { gap: 10px; align-items: flex-start; }
  .ten-min__node { width: 40px; height: 40px; border-width: 3px; margin-top: 20px; }
  .ten-min__node img { width: 26px; height: 26px; }
  .minute-card { flex-direction: column; align-items: flex-start; padding: 18px 16px; border-radius: 22px; gap: 16px; }
  .minute-card__body { flex: 0 0 auto; }
  .minute-card__visual { flex: 0 0 auto; width: 100%; max-width: 100%; overflow: hidden; padding: 8px 0 12px; }
  .mv-browser { width: 240px; }
  .mv-browser__body { padding: 16px 20px 24px; gap: 9px; }
  .mv-browser__logo { width: 100px; }
  .mv-browser__check { width: 52px; height: 52px; right: -4px; }
  .mv-browser__check img { width: 32px; height: 32px; }
  .mv-browser__btn { font-size: 16px; padding: 4px 16px; right: -4px; }
  .mv-connect__tg { width: 110px; margin: -10px -16px -24px; }
  .mv-connect__bot { width: 84px; height: 84px; }
  .mv-shelf { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .mv-shelf__item { min-height: 0; padding: 10px 8px; }
  .mv-shelf__cursor { right: -6px; bottom: -10px; width: 32px; height: 40px; }
  .mv-link { min-height: 0; padding: 8px 10px 8px 12px; gap: 8px; }
  .mv-link__tg { width: 44px; height: 44px; }
  .mv-link__url { font-size: 19px; }
  .mv-link__copy { width: 42px; height: 48px; }
  .mv-link__copy img { width: 24px; height: 24px; }
  .ten-min__done { gap: 12px; margin-top: 24px; padding: 10px 18px; border-radius: 20px; }
  .ten-min__done-check { width: 44px; height: 44px; }
  .ten-min__done-check img { width: 28px; height: 28px; }

  .who-does { margin-top: 56px; padding: 32px 14px 16px; border-radius: 20px; }
  .who-does__cols { margin-top: 56px; gap: 56px; }
  .who-card { padding: 40px 16px 8px; border-radius: 20px; }
  .who-card__badge { left: 16px; top: -30px; }
  .who-card--bot .who-card__badge { left: 16px; top: -32px; }
  .who-card__avatar { width: 60px; height: 60px; }
  .who-card--bot .who-card__avatar { width: 66px; height: 64px; }
  .who-card__label { font-size: 18px; padding: 6px 18px 6px 34px; }
  .who-card--bot .who-card__label { line-height: 1.2; max-width: 230px; padding: 6px 18px 6px 34px; }
  .who-card__list li { min-height: 76px; gap: 14px; font-size: 16px; }
  .who-card__icon { width: 50px; height: 50px; border-radius: 16px; }
  .who-card__icon img { width: 28px; height: 28px; }
  .ten-min-punchline { margin-top: 40px; }

  .stories-section { padding-top: calc(var(--section-py) + 24px); }
  .stories-sub { margin-top: 18px; }
  .story-grid { gap: 20px; margin-top: 36px; }
  .story-card { grid-template-columns: 1fr; min-height: 0; padding: 64px 18px 0; }
  .story-card__tag { height: 46px; padding: 0 14px 0 16px; }
  .story-card__tag-bg { height: 66px; }
  .story-card__tag-icon { width: 24px; height: 24px; }
  .story-card__body { order: 1; padding: 0 0 8px; }
  .story-card--long-tag .story-card__body { padding-top: 0; }
  .story-card__phone { order: 2; width: 220px; max-width: 100%; height: 180px; object-fit: cover; object-position: top; margin: 8px auto 0; }
  .notice { margin-top: 56px; }
  .notice__bulb { width: 72px; height: 72px; }
  .notice__text br { display: none; }
  .imagine-card { margin-top: 40px; padding: 24px 18px; gap: 16px; }
  .imagine-card__list li { min-height: 0; padding: 7px 0; align-items: flex-start; }
  .imagine-card__list li img { margin-top: 1px; }
}

/* RESPONSIVE DENSITY — tighter vertical rhythm on tablet & mobile */

/* Tablet & small laptop */
@media (max-width: 1199.98px) {
  .hero-section { padding: 28px 0 20px; }
  .hero-logo-wrap { margin-bottom: 16px; }
  .hero-badge-pill { margin-bottom: 14px; }
  .hero-headline { margin-bottom: 16px; }
  .hero-divider-wrap { margin-bottom: 18px; }
  .hero-handsfree-container { margin-bottom: 16px; }
  .hero-steps-text { font-size: clamp(19px, 2.6vw, 26px); line-height: 1.4; margin-bottom: 20px; }
  .hero-badges-row--green { margin: 12px auto 28px; }
  .hero-video-area { margin-bottom: 24px; }

  .features-section { padding: 20px 0 32px; }
  .features-grid { gap: 14px; }
  .feature-card { padding: 14px 18px; }
  .feature-card__icon { width: 60px; height: 60px; }

  .three-steps-header { margin-bottom: 48px; }
  .three-steps-list { --step-gap: 88px; }
  .three-steps-punchline { margin-top: 64px; }
}

@media (max-width: 991.98px) {
  .step-row { gap: 20px; }
  .step-media-box { min-height: 0; }
}

/* Tablet: keep header on one line, steps side-by-side instead of stacked */
@media (min-width: 768px) and (max-width: 991.98px) {
  .announcement-bar__inner { gap: 10px; padding: 0 16px; }
  .announcement-bar__copy { min-width: 0; flex: 1 1 0; }
  .announcement-bar__headline { font-size: 12px; white-space: normal; }
  .announcement-bar__sub { font-size: 11px; white-space: normal; }
  .countdown__unit { width: 42px; height: 42px; padding: 2px 6px; }
  .countdown__value { font-size: 18px; }
  .countdown__label { font-size: 10px; }
  .announcement-bar__cta { font-size: 13px; padding: 4px 14px; height: 36px; }

  .three-steps-list { --step-gap: 72px; }
  .step-row,
  .step-row--right-text { flex-direction: row; align-items: center; gap: 24px; }
  .step-row--right-text .step-col--content { order: 2; }
  .step-row--right-text .step-col--media { order: 1; }
  .step-col--content { flex: 1 1 0; }
  .step-col--media { flex: 0 0 50%; max-width: 50%; }
  .step-heading { font-size: 30px; }
  .step-desc { font-size: 16px; }
}

/* Mobile */
@media (max-width: 767.98px) {
  /* Hero */
  .hero-section { padding: 18px 0 12px; }
  .hero-section__container { padding: 0 16px; }
  .hero-logo-wrap { margin-bottom: 12px; }
  .hero-logo { max-width: 200px; }
  .hero-badge-pill { padding: 6px 14px; font-size: 14px; margin-bottom: 12px; }
  .hero-subhead { margin-bottom: 6px; }
  .hero-headline { line-height: 1.22; margin-bottom: 12px; }
  .hero-headline .highlight-bg { padding: 0 10px; border-radius: 8px; }
  .hero-divider-wrap { margin-bottom: 12px; }
  .hero-desc { font-size: 16px; line-height: 1.5; margin-bottom: 12px; }
  .hero-handsfree-wrap { min-height: 44px; padding: 6px 10px; }
  .hero-handsfree-text { font-size: 16px; }
  .hero-handsfree-text .nowrap { white-space: nowrap; }
  .hero-handsfree-container { margin-bottom: 12px; }
  .hero-steps-text { font-size: 19px; line-height: 1.35; margin-bottom: 14px; }
  .hero-badges-row--red { gap: 6px; }
  .hero-badge-chip { height: 32px; padding: 4px 10px; gap: 6px; font-size: 14px; }
  .hero-badge-chip img { width: 20px; height: 20px; }
  .hero-badges-row--green { margin: 8px auto 18px; }
  .hero-badge-chip--green { height: 36px; font-size: 16px; }
  .hero-video-area { margin-bottom: 8px; }

  /* Features */
  .features-section { padding: 16px 0 24px; }
  .features-section__container { padding: 0 16px; }
  .features-grid { gap: 10px; }
  .feature-card { gap: 12px; padding: 10px 14px; }
  .feature-card__icon { width: 48px; height: 48px; }
  .feature-card__text { font-size: 15px; line-height: 1.4; }

  /* Purchase */
  .purchase-section { padding-top: 8px; }
  .purchase-section__container { padding: 0 16px; }
  .purchase-yes-link { font-size: 16px; white-space: normal; margin-bottom: 8px; }
  .purchase-section__eyebrow { font-size: 25px; line-height: 1.25; margin-bottom: 12px; }
  .purchase-commercial-badge { font-size: 15px; margin-bottom: 14px; }
  .purchase-price-row { flex-wrap: wrap; gap: 2px 10px; margin-bottom: 14px; white-space: normal; }
  .price-old, .price-deal-text { font-size: 19px; }
  .price-big-amount { font-size: 45px; }
  .purchase-meta {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 8px 16px;
    font-size: 15px;
    margin-bottom: 16px;
  }
  .purchase-meta__item { gap: 6px; }
  .purchase-meta__item img { width: 18px; height: 18px; }
  .purchase-payment-logos img { width: 100%; }

  /* 3 Easy Steps */

  .three-steps-container { padding: 0 16px; }
  .three-steps-header { margin-bottom: 32px; }
  .three-steps-title { font-size: 27px; margin-bottom: 10px; }
  .three-steps-subtitle { font-size: 16px; }
  .three-steps-list { --step-gap: 52px; }
  .step-row { gap: 16px; }
  .step-col--content { gap: 14px; }
  .step-timeline-rail { width: 40px; }
  .step-number-circle { width: 40px; height: 40px; font-size: 19px; border-width: 2px; }
  .step-badge-pill { height: 30px; padding: 0 14px; font-size: 16px; margin-bottom: 8px; }
  .step-heading { font-size: 27px; margin-bottom: 6px; }
  .step-desc { font-size: 16px; }
  .step-media-box { border-radius: 14px; }
  .three-steps-punchline { margin-top: 36px; font-size: 21px; }
}

/* SECTION 9 — TELEGRAM IS YOUR SUCCESS WAND */
.tg-stats-section { background: #fff; }
.tg-stats-top {
  display: grid;
  grid-template-columns: minmax(0, min(842px, 58%)) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}
.tg-stats-top__copy { min-width: 0; }
.tg-stats-top__img {
  width: calc(100% + var(--bleed-x));
  max-width: 760px;
  height: auto;
  margin-top: -10px;
}
.tg-stats-title {
  margin: 0;
  max-width: 800px;
  font-size: clamp(28px, 3.4vw, 48px);
  font-weight: 700;
  line-height: 1.35;
  color: var(--tc-navy);
}
.tg-stats-title__accent { color: #067def; }
.tg-stats-sub { margin: 10px 0 0; font-size: clamp(16px, 1.05vw, 20px); color: var(--tc-navy); }

.tg-stats-grid { display: grid; }
.tg-stats-grid--2 { grid-template-columns: repeat(2, 1fr); gap: 32px; margin-top: 36px; }
.tg-stats-grid--3 { grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 1113px; margin-top: 74px; }

.tg-stat {
  display: flex;
  flex-direction: column;
  padding: 26px 24px 22px;
  border: 1px solid var(--b);
  border-radius: 10px;
  background: linear-gradient(to bottom, #fff 60%, var(--t));
}
.tg-stats-grid--3 .tg-stat { min-height: 250px; }
.tg-stat__head { display: flex; align-items: flex-start; gap: 22px; }
.tg-stat__icon {
  flex-shrink: 0;
  width: 62px;
  height: 65px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--ic);
}
.tg-stat__icon img { width: 40px; height: 40px; }
.tg-stat__num { margin: 0; color: var(--tc-navy); line-height: 1.1; }
.tg-stat__num strong { display: block; font-size: clamp(23px, 1.67vw, 32px); font-weight: 700; }
.tg-stat__num span { display: block; margin-top: 2px; font-size: clamp(16px, 1.2vw, 23px); font-weight: 600; }
.tg-stat--wide .tg-stat__num strong { font-size: clamp(28px, 2.4vw, 46px); }
.tg-stat__desc { margin: 18px 0 0; font-size: clamp(15px, 1.05vw, 20px); line-height: 1.3; color: #6c7483; }
.tg-stat__src { margin: auto 0 0; padding-top: 14px; font-size: clamp(14px, 0.94vw, 18px); color: #6c7483; }

/* SECTION 10 — THE HIDDEN PROBLEM WITH TELEGRAM */
.problem-section {
  background: url('assets/images/hidden-problem/section-bg.webp') center / cover no-repeat;
}
.problem-title-sub {
  margin: 4px 0 0;
  font-size: clamp(23px, 2vw, 38px);
  font-weight: 700;
  color: #fd2129;
  text-align: center;
}
.problem-intro {
  margin: 22px auto 0;
  font-size: clamp(16px, 1.15vw, 22px);
  font-weight: 500;
  line-height: 1.4;
  color: #6c7483;
  text-align: center;
}
.problem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1114px;
  margin: 64px auto 0;
}
.problem-col { padding: 0 36px; }
.problem-col:first-child { padding-left: 0; }
.problem-col:last-child { padding-right: 0; }
.problem-col + .problem-col { border-left: 1px solid #cfcfcf; }
.problem-col__img { display: block; height: 232px; width: auto; max-width: 100%; object-fit: contain; }
.problem-col__title { margin: 8px 0 0; font-size: clamp(20px, 1.46vw, 28px); font-weight: 600; color: var(--tc-navy); }
.problem-col__desc { margin: 10px 0 0; font-size: clamp(15px, 0.94vw, 18px); font-weight: 500; line-height: 1.35; color: #6c7483; }
.problem-bridge {
  margin: 80px auto 0;
  font-size: clamp(16px, 1.15vw, 22px);
  font-weight: 500;
  line-height: 1.4;
  color: #000;
  text-align: center;
}
.problem-answer {
  max-width: 865px;
  margin: 18px auto 0;
  padding: 30px 80px;
  background: url('assets/images/hidden-problem/brush-yellow.svg') center / 100% 100% no-repeat;
  text-align: center;
}
.problem-answer span {
  display: block;
  max-width: 680px;
  margin: 0 auto;
  font-size: clamp(16px, 1.15vw, 22px);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

/* SECTION 11 — ENDLESS WAYS */
.ways-section { background: linear-gradient(to bottom, #f4feff, #fff); }
.ways-title { max-width: 1152px; }
.ways-title__accent { color: #007ef7; }
.ways-list {
  display: flex;
  flex-direction: column;
  gap: 31px;
  max-width: 1171px;
  margin: 70px auto 0;
}
.way-row {
  display: grid;
  grid-template-columns: 489px 1fr;
  min-height: 145px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 40px;
  overflow: hidden;
}
.way-row__q { display: flex; align-items: center; gap: 22px; padding: 12px 24px 12px 34px; }
.way-row__q-icon { width: 105px; height: 100px; flex-shrink: 0; object-fit: contain; }
.way-row__q p { margin: 0; max-width: 300px; font-size: clamp(17px, 1.15vw, 22px); font-weight: 500; line-height: 1.4; color: #000; }
.way-row__a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 28px 16px 79px;
  background: url('assets/images/endless-ways/yes-panel.svg') left center / 100% calc(100% + 16px) no-repeat;
}
.way-row__a::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  width: 45px;
  height: calc(100% - 12px);
  transform: translateY(-50%);
  background: url('assets/images/endless-ways/chevron.svg') center / 100% 100% no-repeat;
}
.way-row__a-copy { min-width: 0; max-width: 400px; }
.way-row__yes {
  display: inline-block;
  padding: 0 16px;
  border-radius: 30px;
  background: #fff;
  font-size: clamp(18px, 1.35vw, 26px);
  font-weight: 600;
  line-height: 36px;
  color: #003946;
}
.way-row__a-copy p { margin: 8px 0 0; font-size: clamp(17px, 1.25vw, 24px); font-weight: 600; line-height: 1.3; color: #fff; }
.way-row__a-img { flex-shrink: 0; width: auto; max-width: 230px; max-height: 128px; object-fit: contain; }

/* SECTION 12 — TESTIMONIALS */
.testimonials-section {
  /* heading always clears the curve's lowest point (≈12vw deep, starting
     --section-py above this section) with 64px of breathing room */
  padding-top: max(var(--section-py), calc(12vw - var(--section-py) + 64px));
}
.testimonials-section__bg {
  position: absolute;
  /* starts in the empty bottom padding of the section above, so the curve sits higher */
  inset: calc(-1 * var(--section-py)) 0 0;
  z-index: 0;
  pointer-events: none;
  /* curved top edge scales with width only (never stretched vertically);
     a flat fill continues below the curve (curve depth ≈ 12vw) */
  background:
    url('assets/images/testimonials/bg-shape.svg') top center / 100% auto no-repeat,
    linear-gradient(#eef5ff, #edf4ff) 0 11.5vw / 100% 100% no-repeat;
}
.testimonials-section__bg::before {
  content: "";
  position: absolute;
  inset: 12vw 0 auto;
  height: 900px;
  max-height: 45%;
  background: url('assets/images/testimonials/pattern.webp') top center / 1140px auto repeat-x;
  opacity: 0.12;
  -webkit-mask-image: linear-gradient(to bottom, #000 20%, transparent);
          mask-image: linear-gradient(to bottom, #000 20%, transparent);
}
.testimonials-title { font-size: clamp(30px, 2.9vw, 56px); color: #06152f; }
.testimonials-title__accent { color: #004dff; }
.testimonials-sub { margin: 10px 0 0; font-size: clamp(17px, 1.35vw, 26px); color: #3d4247; text-align: center; }

.t-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 46px 41px;
  max-width: 1063px;
  margin: 48px auto 0;
}
.t-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px 23px 0;
  border: 1px solid #cdcdcd;
  border-radius: 18px;
  background: linear-gradient(to bottom, #fff, #f2f9ff);
  overflow: hidden;
}
.t-card__country {
  position: absolute;
  top: 21px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 40px;
  background: #e0e8ee;
  font-size: 13px;
  color: #151617;
}
.t-card__country img { width: 16px; height: 16px; border-radius: 50%; object-fit: cover; }
.t-card__head { display: flex; align-items: center; gap: 25px; padding-left: 12px; }
.t-card__avatar { width: 85px; height: 85px; flex-shrink: 0; border-radius: 50%; object-fit: cover; object-position: top; }
.t-card__stars { display: flex; gap: 1px; }
.t-card__stars img { width: 20px; height: 20px; }
.t-card__name { margin: 6px 0 0; font-size: clamp(19px, 1.25vw, 24px); font-weight: 700; line-height: 1.2; color: #000; }
.t-card__role { margin: 2px 0 0; font-size: clamp(15px, 0.9vw, 17px); color: #868a8f; }
.t-card__quote { margin: 20px 0 0; font-size: clamp(16px, 1.05vw, 20px); font-weight: 500; line-height: 1.4; color: #06152f; }
.t-card__result-img { display: block; width: 100%; max-width: 425px; height: auto; margin: 24px auto; }
.t-card__result {
  display: flex;
  align-items: center;
  min-height: 70px;
  margin: auto -24px -1px;
  padding: 10px 70px;
  border-radius: 10px;
  background: #ffe710;
  font-size: clamp(15px, 0.94vw, 18px);
  font-weight: 600;
  line-height: 1.3;
  color: #232323;
}
.testimonials-note {
  max-width: 715px;
  margin: 48px auto 0;
  font-size: clamp(15px, 1.1vw, 21px);
  font-weight: 500;
  line-height: 1.35;
  color: #595f6a;
  text-align: center;
}

/* SECTIONS 9–12 — TABLET */
@media (max-width: 1199.98px) {
  .tg-stats-grid--2 { gap: 20px; }
  .tg-stats-grid--3 { gap: 20px; margin-top: 40px; }
  .tg-stats-grid--3 .tg-stat { min-height: 0; }
  .tg-stat { padding: 20px 18px; }
  .tg-stat__head { gap: 14px; }

  .problem-col { padding: 0 20px; }
  .problem-col__img { height: 180px; }

  .way-row { grid-template-columns: 42% 1fr; border-radius: 30px; }
  .way-row__q { padding: 12px 16px 12px 22px; gap: 14px; }
  .way-row__q-icon { width: 76px; height: 72px; }
  .way-row__a { padding: 14px 18px 14px 64px; }
  .way-row__a-img { max-width: 150px; max-height: 96px; }

  .t-grid { gap: 24px; }
  .t-card { min-height: 0; padding: 26px 18px 0; }
  .t-card__head { gap: 16px; padding-left: 0; }
  .t-card__avatar { width: 68px; height: 68px; }
  .t-card__result { margin: auto -18px -1px; padding: 10px 24px; min-height: 60px; }
}
@media (max-width: 991.98px) {
  .tg-stats-top { grid-template-columns: 1fr; justify-items: center; }
  .tg-stats-top__copy { width: 100%; }
  .tg-stats-title, .tg-stats-sub { text-align: center; margin-left: auto; margin-right: auto; }
  .tg-stats-top__img { order: -1; width: 100%; max-width: 360px; margin: 0 auto; }
  .tg-stats-grid--3 { grid-template-columns: repeat(2, 1fr); }
  .tg-stats-grid--3 .tg-stat:last-child { grid-column: 1 / -1; }
  .problem-grid { margin-top: 44px; }
  .problem-col__img { height: 150px; }
  .way-row__a-img { display: none; }
}

/* MOBILE OPTIMIZATION PASS (≤767px) — applies to every section */
@media (max-width: 767.98px) {
  :root {
    --section-py: 44px;
    --m-h2: 24px;       /* section headings */
    --m-h3: 19px;       /* card / step headings */
    --m-lead: 16px;     /* sub-headings, intros */
    --m-body: 15px;     /* body copy */
    --m-small: 13.5px;  /* captions, chips, sources */
    --m-gap: 24px;      /* gap between blocks inside a section */
  }

  /* Shared */
  .tc-heading { font-size: var(--m-h2); line-height: 1.28; }

  /* Hero */
  .hero-section { padding: 16px 0 8px; }
  .hero-logo { max-width: 180px; }
  .hero-logo-wrap { margin-bottom: 10px; }
  .hero-badge-pill { font-size: var(--m-small); padding: 5px 12px; margin-bottom: 10px; }
  .hero-subhead { font-size: var(--m-lead); margin-bottom: 6px; }
  .hero-headline { font-size: var(--m-h2); line-height: 1.25; margin-bottom: 10px; }
  .hero-headline .highlight-bg { padding: 0 8px; border-radius: 6px; margin: 0 2px; }
  .hero-divider-wrap { margin-bottom: 10px; }
  .hero-desc { font-size: var(--m-body); line-height: 1.5; margin-bottom: 10px; }
  .hero-handsfree-wrap { min-height: 0; padding: 6px 12px; }
  .hero-handsfree-text { font-size: var(--m-body); }
  .hero-handsfree-container { margin-bottom: 10px; }
  .hero-steps-text { font-size: 17px; line-height: 1.35; margin-bottom: 12px; }
  .hero-steps-line1, .hero-steps-line2 { display: inline; }
  /* 5 red chips → tidy 2-column grid, last one spans */
  .hero-badges-row--red {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .hero-badges-row--red .hero-badge-chip:last-child { grid-column: 1 / -1; justify-self: center; }
  .hero-badge-chip {
    height: auto;
    min-height: 32px;
    padding: 5px 8px;
    gap: 5px;
    font-size: var(--m-small);
    white-space: normal;
    justify-content: center;
    line-height: 1.2;
  }
  .hero-badge-chip img { width: 18px; height: 18px; }
  .hero-badges-row--green { margin: 8px auto 16px; }
  .hero-badge-chip--green { min-height: 34px; font-size: var(--m-body); padding: 5px 14px; }
  .hero-video-area { margin-bottom: 0; }

  /* Features grid */
  .features-section { padding: 20px 0 8px; }
  .features-grid { gap: 8px; }
  .feature-card { gap: 10px; padding: 10px 12px; }
  .feature-card__icon { width: 40px; height: 40px; }
  .feature-card__text { font-size: 14.5px; line-height: 1.4; }

  /* Buy CTA block (all instances) */
  .purchase-section { padding-top: 20px; }
  .purchase-yes-link { font-size: 14px; margin-bottom: 6px; }
  .purchase-section__eyebrow { font-size: 21px; margin-bottom: 10px; }
  .purchase-commercial-badge { font-size: 14px; padding: 7px 12px; gap: 8px; margin-bottom: 12px; }
  .purchase-commercial-badge img { width: 20px; height: 24px; }
  .purchase-price-row { margin-bottom: 10px; }
  .price-old, .price-deal-text { font-size: 17px; }
  .price-big-amount { font-size: 39px; }
  .purchase-meta { font-size: 14px; gap: 6px 14px; margin-bottom: 14px; }
  .purchase-meta__item img { width: 16px; height: 16px; }
  /* Same size as the hero CTA everywhere, regardless of the section's inner padding */
  .purchase-cta-wrap { width: calc(100vw - 32px); max-width: 343px; margin-left: 50%; transform: translateX(-50%); }
  .purchase-cta-btn { height: 54px; min-height: 54px; aspect-ratio: auto; gap: 10px; padding: 0 14px; }
  .purchase-cta-btn .cta-label { font-size: 17px; }
  .purchase-payment-logos { margin-top: 6px; }
  .buy-cta-section--inline { margin-top: 36px; padding-top: 0; }

  /* 3 Easy Steps */
  .three-steps-section { border-radius: 24px 24px 0 0; }
  .three-steps-bg-wrap { display: none; }
  .three-steps-header { margin-bottom: 28px; }
  .three-steps-title { font-size: var(--m-h2); margin-bottom: 8px; }
  .three-steps-subtitle { font-size: var(--m-body); }
  .three-steps-list { --step-gap: 36px; }
  .step-row { gap: 14px; }
  .step-col--content { gap: 12px; }
  .step-timeline-rail { width: 34px; }
  .step-number-circle { width: 34px; height: 34px; font-size: 16px; }
  .step-badge-pill { height: 26px; padding: 0 12px; font-size: 14px; margin-bottom: 6px; }
  .step-heading { font-size: 22px; margin-bottom: 4px; }
  .step-desc { font-size: var(--m-body); line-height: 1.5; }
  .step-media-box { border-radius: 12px; }
  .three-steps-punchline { margin-top: 32px; font-size: 18px; }

  /* 5 · Come Empty-Handed */
  .empty-handed-intro { margin-top: 20px; gap: 18px; }
  .no-need-box__cell p { font-size: 14px; }
  .no-need-box__cell img { height: 36px; }
  .empty-handed-read { margin: 16px 0 8px; font-size: var(--m-body); }
  /* arrow banner → plain rounded gradient box */
  .login-banner {
    background: linear-gradient(90deg, #009c0e, #002ab4);
    border-radius: 12px;
    padding: 12px 16px;
    text-align: center;
  }
  .login-banner__chevron { display: none; }
  .login-banner__lead { font-size: var(--m-lead); }
  .login-banner__sub { font-size: var(--m-lead); }
  .empty-handed-intro__media { max-width: 360px; }
  .eh-cards--3 { margin-top: var(--m-gap); }
  .eh-cards--3, .eh-cards--4 { gap: 10px; }
  .eh-cards--4 { margin-top: 10px; }
  .eh-card { padding: 14px 10px; gap: 6px; border-radius: 12px; }
  .eh-card__img { height: 56px; }
  .eh-card__title { font-size: 16px; }
  .eh-card__desc { font-size: var(--m-small); line-height: 1.35; }

  /* 6 · Hot Niches (plain light container, no curve/grid) */
  .niches-section { margin-top: 0; padding-top: var(--section-py); background: #f3f7ff; }
  .niches-section__bg { display: none; }
  .niches-sub { font-size: var(--m-small); margin-top: 8px; }
  .niche-grid { gap: 18px 10px; margin-top: var(--m-gap); }
  .niche-card__img { height: 130px; }
  .niche-card__label { margin-top: -10px; padding: 7px 6px; }
  .niche-card__label strong, .niche-card__label span { font-size: 13.5px; }
  .ready-title { margin-top: 40px; }
  .ready-row { margin-top: 20px; gap: 28px; }
  .ready-list { gap: 12px; }
  .ready-list li { font-size: var(--m-body); gap: 10px; }
  .ready-list li img { width: 26px; height: 26px; }
  .niches-card { max-width: 230px; margin: 0 auto; padding: 28px 18px 14px; border: 1px solid #e3dcdc; border-radius: 16px; background: #fff; }
  .niches-card__pill { font-size: 13.5px; padding: 7px 10px; top: -15px; width: 88%; }
  .pick-bar { margin-top: 32px; font-size: 16px; padding: 10px 12px; border-radius: 12px; }
  .pick-sub { font-size: var(--m-body); margin-top: 10px; }

  /* 7 · 10 Minutes (no rail/shape — plain stacked cards) */
  .ten-min::before { display: none; }
  .ten-min__node { display: none; }
  .ten-min__title {
    background: linear-gradient(135deg, #223652, #010c21);
    border-radius: 18px;
    padding: 20px 18px 30px;
  }
  .ten-min-section { --tm-overlap: 0px; padding-top: var(--section-py); }
  .niches-section { padding-bottom: var(--section-py); }
  .ten-min__title span { font-size: 17px; }
  .ten-min__title .ten-min__title-accent { font-size: 22px; margin-top: 2px; }
  .ten-min__pill { display: block; margin: -16px 14px 0; padding: 9px 14px; font-size: 14px; text-align: center; border-radius: 12px; }
  .ten-min__list { margin-top: 20px; gap: 12px; }
  .ten-min__item { display: block; }
  .minute-card { min-height: 0; padding: 16px; border-radius: 16px; gap: 12px; }
  .minute-card__tag { font-size: 13px; padding: 4px 12px; }
  .minute-card__title { font-size: 18px; margin-top: 8px; }
  .minute-card__desc { font-size: var(--m-body); letter-spacing: 0; margin-top: 4px; }
  .minute-card__visual { padding: 4px 0 6px; }
  .mv-browser { width: 210px; transform: rotate(-3deg); }
  .mv-browser__bar { height: 24px; padding: 0 12px; gap: 6px; }
  .mv-browser__bar i { width: 7px; height: 7px; }
  .mv-browser__body { padding: 12px 16px 20px; gap: 7px; }
  .mv-browser__logo { width: 88px; margin-bottom: 2px; }
  .mv-line { height: 7px; }
  .mv-browser__check { width: 42px; height: 42px; top: 4px; }
  .mv-browser__check img { width: 26px; height: 26px; }
  .mv-browser__btn { font-size: 14px; line-height: 24px; padding: 2px 12px; border-radius: 9px; }
  .mv-connect__tg { width: 90px; margin: -8px -13px -20px; }
  .mv-connect__dots i { width: 7px; height: 7px; }
  .mv-connect__bot { width: 70px; height: 70px; border-width: 3px; }
  .mv-shelf { grid-template-columns: repeat(4, 1fr); gap: 6px; }
  .mv-shelf__item { padding: 8px 2px; border-radius: 10px; }
  .mv-shelf__icon { width: 32px; height: 32px; border-radius: 7px; }
  .mv-shelf__icon img { width: 20px; height: 20px; }
  .mv-shelf__item b { font-size: 10.5px; line-height: 11px; min-height: 24px; padding-top: 6px; }
  .mv-shelf__ph { display: none; }
  .mv-shelf__cursor { width: 24px; height: 30px; right: -4px; bottom: -8px; }
  .mv-payments { max-width: 260px; }
  .mv-link { max-width: 300px; margin: 0 auto; border-width: 3px; border-radius: 14px; }
  .mv-link__tg { width: 36px; height: 36px; }
  .mv-link__url { font-size: 17px; }
  .mv-link__copy { width: 36px; height: 40px; border-radius: 9px; }
  .mv-link__copy img { width: 20px; height: 20px; }
  .ten-min__done { margin-top: 16px; padding: 10px 14px; gap: 10px; border-radius: 14px; }
  .ten-min__done-check { width: 34px; height: 34px; }
  .ten-min__done-check img { width: 22px; height: 22px; }
  .ten-min__done p { font-size: 17px; }

  /* Who does what → plain cards, no grid texture */
  .who-does { margin-top: 44px; padding: 24px 12px 14px; background: #eef3f8; }
  .who-does::before { display: none; }
  .who-does__cols { margin-top: 44px; gap: 46px; }
  .who-card { padding: 34px 14px 6px; border-radius: 16px; }
  .who-card__badge, .who-card--bot .who-card__badge { top: -24px; left: 14px; }
  .who-card__avatar, .who-card--bot .who-card__avatar { width: 46px; height: 46px; padding: 5px; }
  .who-card__label, .who-card--bot .who-card__label { font-size: 15.5px; line-height: 1.2; padding: 6px 14px 6px 26px; margin-left: -20px; max-width: none; }
  .who-card__list li { min-height: 58px; gap: 12px; font-size: var(--m-body); }
  .who-card__icon { width: 38px; height: 38px; border-radius: 12px; }
  .who-card__icon img { width: 22px; height: 22px; }
  .ten-min-punchline { margin-top: 32px; font-size: 18px; }

  /* 8 · Success stories (plain dark container, plain tag pills) */
  .stories-section { background: linear-gradient(160deg, #0b182a, #03173e); padding-top: var(--section-py); }
  .stories-title__accent img { bottom: -4px; height: 8px; }
  .stories-sub { font-size: var(--m-body); margin-top: 12px; }
  .story-grid { gap: 14px; margin-top: var(--m-gap); }
  .story-card { padding: 50px 16px 0; border-radius: 16px; }
  .story-card__tag { height: 34px; padding: 0 14px; gap: 6px; background: var(--tag); border-radius: 0 0 12px 0; }
  .story-card__tag-bg { display: none; }
  .story-card__tag-icon { width: 18px; height: 18px; }
  .story-card__tag span { font-size: 14px; }
  .story-card__title { font-size: 17.5px; }
  .story-card__desc { font-size: 14.5px; margin-top: 8px; }
  .story-card__source { font-size: 13px; line-height: 1.6; margin-top: 8px; }
  .story-card__phone { width: 180px; height: 150px; margin-top: 6px; }
  .notice { margin-top: 40px; }
  .notice__bulb { width: 54px; height: 54px; }
  .notice__title { font-size: 22px; margin-top: 8px; }
  .notice__text { font-size: var(--m-body); }
  .imagine-card { margin-top: 28px; padding: 20px 16px; border-radius: 16px; }
  .imagine-card__lead { font-size: 17px; }
  .imagine-card__list { margin: 6px 0 10px; }
  .imagine-card__list li { font-size: var(--m-body); padding: 5px 0; gap: 10px; }
  .imagine-card__list li img { width: 18px; height: 18px; }
  .imagine-card__close { font-size: 16px; }
  .imagine-card__img { max-width: 280px; margin: 0 auto; }
}

/* Extra-narrow phones (≤380px) */
@media (max-width: 380px) {
  :root { --m-h2: 22px; }
  .hero-steps-text { font-size: 16px; }
  .no-need-box__cell { padding: 10px 4px; }
  .no-need-box__cell p { font-size: 13px; }
  .purchase-section__eyebrow { font-size: 19px; }
  .price-big-amount { font-size: 35px; }
  .mv-shelf__item b { font-size: 9.5px; }
}

/* MOBILE (≤767px) · sections 9–12 — part of the mobile pass */
@media (max-width: 767.98px) {
  /* 9 · Telegram stats */
  .tg-stats-title { font-size: var(--m-h2); line-height: 1.28; }
  .tg-stats-sub { font-size: var(--m-body); margin-top: 8px; }
  .tg-stats-top { gap: 14px; }
  .tg-stats-top__img { max-width: 230px; }
  .tg-stats-grid--2, .tg-stats-grid--3 { grid-template-columns: 1fr; gap: 10px; }
  .tg-stats-grid--2 { margin-top: var(--m-gap); }
  .tg-stats-grid--3 { margin-top: 10px; }
  .tg-stats-grid--3 .tg-stat:last-child { grid-column: auto; }
  .tg-stat { padding: 14px; }
  .tg-stat__head { gap: 12px; align-items: center; }
  .tg-stat__icon { width: 44px; height: 46px; border-radius: 9px; }
  .tg-stat__icon img { width: 26px; height: 26px; }
  .tg-stat__num strong, .tg-stat--wide .tg-stat__num strong { font-size: 23px; }
  .tg-stat__num span { font-size: var(--m-body); }
  .tg-stat__desc { margin-top: 10px; font-size: 14.5px; }
  .tg-stat__src { padding-top: 8px; font-size: 13px; }

  /* 10 · Hidden problem — plain background, image + text side by side */
  .problem-section { background: #f5f8fc; }
  .problem-title-sub { font-size: 19px; }
  .problem-intro { font-size: var(--m-body); margin-top: 12px; }
  .problem-intro br { display: none; }
  .problem-grid { grid-template-columns: 1fr; margin-top: var(--m-gap); }
  .problem-col, .problem-col:first-child, .problem-col:last-child {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 2px 14px;
    align-items: start;
    padding: 16px 0;
  }
  .problem-col + .problem-col { border-left: 0; border-top: 1px solid #dde2ea; }
  .problem-col__img { grid-row: 1 / span 2; height: auto; width: 104px; }
  .problem-col__title { margin: 0; font-size: 17px; }
  .problem-col__desc { margin: 4px 0 0; font-size: 14.5px; }
  .problem-bridge { margin-top: 20px; font-size: var(--m-body); }
  .problem-answer { margin-top: 12px; padding: 14px 16px; border-radius: 12px; background: #ffe710; }
  .problem-answer span { font-size: var(--m-body); }

  /* 11 · Endless ways — stacked plain cards */
  .ways-list { margin-top: var(--m-gap); gap: 12px; }
  .way-row { grid-template-columns: 1fr; min-height: 0; border-radius: 16px; border-color: #cdd5df; }
  .way-row__q { padding: 12px 14px; gap: 12px; }
  .way-row__q-icon { width: 44px; height: 42px; }
  .way-row__q p { font-size: var(--m-body); max-width: none; }
  .way-row__a { padding: 12px 14px; background: linear-gradient(90deg, #009c0e, #002ab4); }
  .way-row__a::before { display: none; }
  .way-row__a-copy { max-width: none; display: flex; align-items: center; gap: 10px; }
  .way-row__yes { flex-shrink: 0; font-size: 14px; line-height: 24px; padding: 0 10px; }
  .way-row__a-copy p { margin: 0; font-size: var(--m-body); }

  /* 12 · Testimonials — plain background, single column */
  .testimonials-section { padding-top: var(--section-py); background: #eff5ff; }
  .testimonials-section__bg { display: none; }
  .testimonials-title { font-size: var(--m-h2); }
  .testimonials-sub { font-size: var(--m-body); margin-top: 6px; }
  /* 8 cards → horizontal swipe row; the next card peeks in as a cue */
  .t-grid {
    display: flex;
    gap: 12px;
    margin: var(--m-gap) -16px 0;
    padding: 0 16px 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .t-grid::-webkit-scrollbar { display: none; }
  .t-grid .t-card { flex: 0 0 86%; scroll-snap-align: start; }
  .t-card { padding: 16px 14px 0; border-radius: 14px; }
  .t-card__country { top: 12px; right: 12px; font-size: 12px; padding: 2px 6px; }
  .t-card__country img { width: 13px; height: 13px; }
  .t-card__head { gap: 12px; }
  .t-card__avatar { width: 54px; height: 54px; }
  .t-card__stars img { width: 14px; height: 14px; }
  .t-card__name { font-size: 17.5px; margin-top: 3px; }
  .t-card__role { font-size: 13.5px; }
  .t-card__quote { margin-top: 12px; font-size: var(--m-body); line-height: 1.5; }
  .t-card__result-img { max-width: 290px; margin: 14px auto; }
  .t-card__result { min-height: 0; margin: auto -14px -1px; padding: 10px 14px; border-radius: 0; font-size: 14px; }
  .testimonials-note { margin-top: 20px; font-size: 13px; }
}

/* REDUCED MOTION GLOBALS */
@media (prefers-reduced-motion: reduce) {
  .announcement-bar, .announcement-bar__copy, .announcement-bar__countdown, .announcement-bar__cta { transition: none !important; }
  .exit-popup-backdrop, .exit-popup-card,
  .exit-popup-top-bar .warning-icon, .exit-popup-bump .order-bump-arrow { animation: none !important; transition: none !important; }
}


/* SECTION 13 — YOU NEED YOUR FIRST SALE */
.nocourse-section { background: #04122c; color: #fff; overflow: hidden; text-align: center; }
.nocourse-dots {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 960px; max-width: 100%; height: 590px; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.3) 1.6px, transparent 1.8px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse 50% 70% at 50% 0%, #000 20%, transparent 100%);
          mask-image: radial-gradient(ellipse 50% 70% at 50% 0%, #000 20%, transparent 100%);
}
.nocourse-title { color: #fff; font-weight: 600; font-size: clamp(28px, 2.92vw, 56px); line-height: 1.25; }
.nocourse-title__accent { color: #ff2b4f; }
.nocourse-honest, .nocourse-ask { font-size: clamp(21px, 1.8vw, 28px); font-weight: 500; margin: 0; line-height: 1.25; }
.nocourse-honest { margin-top: 32px; color: #fff; }
.nocourse-ask { margin-top: 12px; color: #ffe500; }

.nocourse-grid {
  display: grid; grid-template-columns: minmax(0, 710px) minmax(0, 1fr);
  column-gap: 69px; align-items: center; margin-top: 64px; text-align: left;
}
.nocourse-stuck { font-size: clamp(21px, 1.5vw, 28px); font-weight: 600; line-height: 1.25; margin: 0 0 28px; max-width: 690px; }
.nocourse-pill {
  display: block; margin: 0; padding: 10px 28px; max-width: 690px; border-radius: 10px;
  background: #ff2b4f; color: #fff; font-size: clamp(17px, 1.15vw, 22px); font-weight: 600; line-height: 1.4;
}
.nocourse-nobody { margin: 28px 0 28px; color: #a9b4c9; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.6; max-width: 690px; }
.nocourse-list {
  list-style: none; margin: 0; padding: 36px 28px; background: #0b1d3b; border: 1px solid #19315a;
  border-radius: 20px; display: flex; flex-direction: column; gap: 22px;
}
.nocourse-list li { display: flex; align-items: flex-start; gap: 20px; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.3; }
.nocourse-x { color: #ff1f1f; font-weight: 900; -webkit-text-stroke: 1px #ff1f1f; font-size: 1.05em; line-height: 1.2; flex: 0 0 24px; text-align: center; }
.nocourse-media {
  position: relative; aspect-ratio: 570 / 619; overflow: hidden;
  margin-right: calc(-1 * min(var(--bleed-x), 160px));
}
.nocourse-media img {
  position: absolute; left: 0; top: -15.35%; width: 100%; height: 122.79%; max-width: none; object-fit: fill;
}

.nocourse-outro { margin-top: 80px; display: flex; flex-direction: column; align-items: center; }
.nocourse-six { margin: 0; font-size: clamp(24px, 1.9vw, 36px); font-weight: 600; line-height: 1.2; }
.nocourse-miss { margin: 8px 0 0; font-size: clamp(19px, 1.25vw, 24px); font-weight: 600; }
.nocourse-fault {
  margin: 32px 0 0; padding: 9px 36px; background: #fff; color: #050f26; border-radius: 28px;
  font-size: clamp(16px, 1.15vw, 22px); font-weight: 500; line-height: 1.3;
}
.nocourse-remove { margin: 52px 0 0; font-size: clamp(19px, 1.25vw, 24px); font-weight: 600; display: inline-flex; flex-direction: column; align-items: stretch; }
.nocourse-remove img { width: 100%; height: auto; margin-top: 4px; }

/* SECTION 14 — JUST FOR A SECOND… IMAGINE IF… */
.imagine-section { background: #f7fbff; padding-bottom: calc(var(--section-py) + 20px); }
.imagine-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 607px); column-gap: 0; align-items: start; }
.imagine-media { position: relative; aspect-ratio: 651 / 705; margin-top: 60px; max-width: 651px; margin-left: calc(-1 * min(var(--bleed-x), 129px)); width: calc(100% + min(var(--bleed-x), 129px)); }
.imagine-media img { width: 100%; height: 100%; object-fit: contain; }
.imagine-copy { position: relative; z-index: 2; }
.imagine-title { margin: 0; font-weight: 600; color: #000; line-height: 1.2; }
.imagine-title__top { display: block; font-size: clamp(28px, 2.5vw, 48px); }
.imagine-title__accent { display: inline-block; position: relative; margin-top: 4px; font-size: clamp(32px, 2.92vw, 56px); font-weight: 700; color: #004dff; }
.imagine-title__accent img { display: block; width: 100%; height: auto; margin-top: -2px; }
.imagine-list { list-style: none; margin: 40px 0 0; padding: 0; display: flex; flex-direction: column; gap: 43px; }
.imagine-list li { display: flex; align-items: center; gap: 23px; min-height: 77px; }
.imagine-list p { margin: 0; color: #050f26; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.35; max-width: 495px; }
.imagine-icon {
  flex: 0 0 77px; width: 77px; height: 77px; border-radius: 20px; border: 1px solid #cdedff;
  background: linear-gradient(180deg, #fff, #e4f5fe); display: flex; align-items: center; justify-content: center;
}
.imagine-icon img { width: 48px; height: 48px; }
.imagine-callout {
  margin: 56px -55px 0 -93px; padding: 20px 54px; background: #ebf5ff; border: 1px solid #c2e6ee; border-radius: 20px;
  display: flex; flex-direction: column; gap: 26px; min-height: 237px;
}
.imagine-callout__title { margin: 0; font-size: clamp(26px, 2vw, 38px); font-weight: 700; color: #000; line-height: 1.4; }
.imagine-callout__text { margin: 2px 0 0; font-size: clamp(16px, 1.04vw, 20px); color: #72767f; line-height: 1.35; }
.imagine-callout__lead { margin: 0; font-size: clamp(19px, 1.3vw, 25px); font-weight: 700; color: #009c77; }

/* SECTION 15 — INTRODUCING TELECASH AI */
.introducing-wrap { background: #f7fbff; position: relative; z-index: 2; }
.introducing-section {
  position: relative; overflow: hidden; background: #06152f; color: #fff; text-align: center;
  border-radius: 80px 80px 0 0; padding-top: clamp(60px, 4.9vw, 94px);
}
.introducing-head { position: relative; z-index: 2; padding: 0 20px; }
.introducing-kicker { margin: 0; font-size: clamp(19px, 1.56vw, 30px); color: #d3def8; }
.introducing-name {
  margin: 14px 0 0; font-size: clamp(44px, 3.96vw, 76px); font-weight: 700; line-height: 1.2; display: inline-block;
  background: linear-gradient(99.4deg, #73dcff 0.5%, #fff 99.5%); -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.introducing-lead { margin: 20px auto 0; max-width: min(1093px, 57vw); font-size: clamp(19px, 1.67vw, 32px); font-weight: 700; line-height: 1.5; }
.introducing-lead__cyan { color: #00beff; }
.introducing-lead__yellow { color: #ffe500; text-decoration: underline; text-decoration-thickness: 7.5%; text-underline-offset: 3px; }
.introducing-stage { position: relative; z-index: 1; margin-top: clamp(40px, 8.4vw, 160px); aspect-ratio: 1920 / 652; }
.introducing-stage__bg { position: absolute; left: 50%; top: 0; width: 100.46%; height: 100%; max-width: none; transform: translateX(-50%); object-fit: cover; }
.introducing-product { position: absolute; left: 22.7%; top: -14.9%; width: 61%; aspect-ratio: 1170.89 / 726.27; overflow: hidden; }
.introducing-product img { position: absolute; left: 0; top: -5.18%; width: 100%; height: 107.48%; max-width: none; }
.introducing-orb { position: absolute; top: 5px; width: 20.42%; aspect-ratio: 392.06 / 435.65; overflow: hidden; z-index: 0; }
.introducing-orb img { position: absolute; top: 0; height: 100%; width: 313.99%; max-width: none; }
.introducing-orb--left { left: 3.07%; }
.introducing-orb--right { right: 0.03%; }
.introducing-orb--right img { left: -216.74%; }

/* Sections 13–15: tablet */
@media (max-width: 991.98px) {
  .nocourse-grid { grid-template-columns: 1fr; row-gap: 40px; }
  .nocourse-media { width: 100%; max-width: 420px; margin: 0 auto; }
  .imagine-grid { grid-template-columns: 1fr; }
  .imagine-media { margin: 0 auto; width: 100%; max-width: 420px; }
  .imagine-callout { margin: 40px 0 0; }
  .introducing-section { border-radius: 48px 48px 0 0; }
  .introducing-product { left: 12%; width: 76%; }
}

/* Sections 13–15: mobile (≤767px) */
@media (max-width: 767.98px) {
  .nocourse-dots, .introducing-orb { display: none; }
  .nocourse-title { font-size: var(--m-h2); line-height: 1.28; }
  .nocourse-honest { margin-top: 18px; font-size: var(--m-lead); }
  .nocourse-ask { margin-top: 6px; font-size: var(--m-lead); }
  .nocourse-grid { margin-top: 28px; row-gap: 24px; }
  .nocourse-stuck { font-size: var(--m-lead); margin-bottom: 14px; }
  .nocourse-pill { font-size: var(--m-body); padding: 9px 14px; }
  .nocourse-nobody { font-size: var(--m-body); margin: 14px 0; }
  .nocourse-list { padding: 18px 14px; gap: 14px; border-radius: 14px; }
  .nocourse-list li { font-size: var(--m-body); gap: 10px; }
  .nocourse-x { flex-basis: 18px; }
  .nocourse-media { max-width: 300px; }
  .nocourse-outro { margin-top: 36px; }
  .nocourse-six { font-size: 20px; }
  .nocourse-miss { font-size: var(--m-lead); }
  .nocourse-fault { margin-top: 16px; padding: 8px 16px; border-radius: 16px; font-size: var(--m-body); }
  .nocourse-remove { margin-top: 26px; font-size: var(--m-lead); }

  .imagine-media { max-width: 280px; }
  .imagine-title { text-align: center; }
  .imagine-title__top { font-size: var(--m-h2); }
  .imagine-title__accent { font-size: 27px; }
  .imagine-list { margin-top: 24px; gap: 16px; }
  .imagine-list li { gap: 12px; min-height: 0; }
  .imagine-icon { flex-basis: 52px; width: 52px; height: 52px; border-radius: 14px; }
  .imagine-icon img { width: 30px; height: 30px; }
  .imagine-list p { font-size: var(--m-body); }
  .imagine-callout { margin-top: 26px; padding: 18px 16px; gap: 12px; min-height: 0; border-radius: 14px; }
  .imagine-callout__title { font-size: 23px; }
  .imagine-callout__text { font-size: var(--m-body); }
  .imagine-callout__lead { font-size: var(--m-lead); }

  .introducing-section { border-radius: 28px 28px 0 0; padding-top: 40px; }
  .introducing-kicker { font-size: var(--m-lead); }
  .introducing-name { font-size: 39px; margin-top: 6px; }
  .introducing-lead { font-size: var(--m-lead); line-height: 1.5; margin-top: 12px; }
  .introducing-stage { aspect-ratio: auto; margin-top: 24px; padding: 0 0 24px; }
  .introducing-stage__bg { display: none; }
  .introducing-product { position: relative; left: auto; top: auto; width: 100%; }
}

/* SECTION 13b — WHAT IT COSTS THE "NORMAL" WAY */
.cost-section { background: #fff; overflow: hidden; }
.cost-side { position: absolute; top: 220px; max-width: none; pointer-events: none; z-index: 0; height: auto; }
.cost-side--left  { left: calc(50% - 807px); width: 493px; }
.cost-side--right { right: calc(50% - 790px); width: 493px; }
.cost-title { color: #000; font-weight: 600; max-width: 1141px; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.3; }
.cost-card {
  position: relative; z-index: 1; max-width: 1051px; margin: 48px auto 0; padding: 50px 27px 24px;
  background: linear-gradient(180deg, #fff, #fff0f0); border: 1px solid #e5dddd; border-radius: 20px;
}
.cost-head { display: grid; grid-template-columns: 550fr 432fr; }
.cost-head span {
  padding: 10px 30px; font-size: clamp(19px, 1.35vw, 26px); font-weight: 700; color: #000; border: 1px solid #c7d1df;
  background: linear-gradient(-79deg, #e4e9f0 5%, #fff 97%);
}
.cost-head span:first-child { padding-left: 45px; border-radius: 10px 0 0 10px; }
.cost-head span:last-child { border-radius: 0 10px 10px 0; background: linear-gradient(-81.5deg, #e4e9f0 5%, #fff 97%); }
.cost-list { list-style: none; margin: 24px 0 0; padding: 0; }
.cost-row {
  display: grid; grid-template-columns: 550fr 432fr; align-items: center; min-height: 70px; position: relative;
  border-bottom: 1px solid #cfcfcf; margin-right: -2px; padding-left: 84px; font-size: clamp(17px, 1.25vw, 24px);
}
.cost-row__icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 52px; height: 46px; object-fit: contain; }
.cost-row__label { color: #3d4247; padding-right: 10px; }
.cost-row__price { font-weight: 600; color: #000; padding-left: 25px; }
.cost-row--total { margin-top: 0; border: 0; background: #e22020; border-radius: 20px; min-height: 69px; margin-top: 0; color: #fff; }
.cost-row--total .cost-row__icon { left: 13px; width: 54px; height: 42px; }
.cost-row--total .cost-row__label { color: #fff; font-weight: 700; }
.cost-row--total .cost-row__price { color: #fff; font-weight: 400; }
.cost-list .cost-row:nth-last-child(2) { border-bottom: 0; margin-bottom: 6px; }
.cost-still { margin: 36px 0 0; text-align: center; color: #000; font-size: clamp(17px, 1.15vw, 22px); font-weight: 500; position: relative; z-index: 1; }
.cost-still b { font-size: 1.18em; }
.cost-cancel {
  position: relative; z-index: 1; max-width: 1155px; margin: 32px auto 0; padding: 20px 54px; min-height: 154px;
  display: flex; align-items: center; gap: 26px; border: 1px solid #c2e6ee; border-radius: 20px;
  background: linear-gradient(180deg, #fff, #e6f3ff);
}
.cost-cancel__icon {
  flex: 0 0 94px; width: 94px; height: 94px; border-radius: 60px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(143deg, #07bcfa 3%, #004dff 92%);
}
.cost-cancel__icon img { width: 45px; height: 45px; }
.cost-cancel__title { margin: 0 0 6px; font-size: clamp(26px, 2.2vw, 42px); font-weight: 700; color: #000; line-height: 1.3; }
.cost-cancel__title span { color: #004dff; }
.cost-cancel p { margin: 0; font-size: clamp(16px, 1.04vw, 20px); color: #000; line-height: 1.35; }
.cost-note { margin: 20px 0 0; text-align: center; font-style: italic; color: #777575; font-size: clamp(14px, .94vw, 18px); position: relative; z-index: 1; }

@media (max-width: 1399.98px) { .cost-side { display: none; } }
@media (max-width: 767.98px) {
  .cost-title { font-size: var(--m-h2); line-height: 1.28; }
  .cost-card { margin-top: 24px; padding: 16px 12px 12px; border-radius: 14px; }
  .cost-head span { padding: 8px 10px; font-size: var(--m-body); }
  .cost-head span:first-child { padding-left: 12px; }
  .cost-head { grid-template-columns: 1fr 1fr; }
  .cost-list { margin-top: 10px; }
  .cost-row { grid-template-columns: 1fr; min-height: 0; padding: 10px 0 10px 52px; margin-right: 0; font-size: var(--m-body); row-gap: 2px; }
  .cost-row__icon { left: 0; width: 38px; height: 34px; }
  .cost-row__price { padding-left: 0; font-size: var(--m-small); color: #3d4247; }
  .cost-row--total { padding: 10px 12px 10px 62px; border-radius: 14px; margin-top: 6px; }
  .cost-row--total .cost-row__icon { left: 10px; width: 40px; height: 32px; }
  .cost-row--total .cost-row__price { color: #fff; }
  .cost-still { margin-top: 20px; font-size: var(--m-body); }
  .cost-cancel { flex-direction: column; text-align: center; padding: 20px 16px; gap: 12px; margin-top: 20px; border-radius: 14px; }
  .cost-cancel__icon { flex-basis: 64px; width: 64px; height: 64px; }
  .cost-cancel__icon img { width: 30px; height: 30px; }
  .cost-cancel__title { font-size: 23px; }
  .cost-cancel p { font-size: var(--m-body); }
  .cost-note { font-size: var(--m-small); margin-top: 14px; }
}

/* 3 EASY STEPS — light (white) variant, used for the repeat */
.three-steps-section--light { background-color: #fff; color: #060b18; border-radius: 0; }
.three-steps-section--light .three-steps-bg-wrap { display: none; }
.three-steps-section--light .three-steps-title,
.three-steps-section--light .step-heading,
.three-steps-section--light .three-steps-punchline { color: #060b18; }
.three-steps-section--light .three-steps-subtitle,
.three-steps-section--light .step-desc { color: #3d4247; }
.three-steps-section--light .three-steps-subtitle .text-yellow { color: #004dff; }
.three-steps-section--light .three-steps-punchline .text-cyan { color: #004dff; }
.three-steps-section--light .step-number-circle { background-color: #fff; color: #060b18; }
.three-steps-section--light .step-badge-pill { background-color: #e8f0ff; border-color: #cfdcff; color: #004dff; }


/* SECTION 17 — SEE HOW FAST & EASY + Wistia video */
.demo-video-section { background: #eefbff; }
.demo-video-title { color: #06152f; font-weight: 700; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.25; }
.demo-video-sub { margin: 18px auto 0; max-width: 756px; text-align: center; color: #211616; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.64; }
.demo-video-card { margin: 52px auto 0; max-width: 1016px; border-radius: 30px; overflow: hidden; background: #fff; aspect-ratio: 16 / 9; }
.demo-video-card wistia-player { display: block; width: 100%; }

/* SECTION 18 — BUSINESS OWNERS LOVE TELECASH AI + CTA */
.reviews-section { background: #fff; }
.reviews-title { color: #06152f; font-weight: 600; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.25; }
.rv-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 33px 22px; margin-top: 64px; }
.rv-card {
  display: flex; flex-direction: column; gap: 20px; padding: 32px 33px 28px; min-height: 421px;
  background: #fff; border: 1px solid #d5dae4; border-radius: 10px;
}
.rv-card__stars { width: 145px; height: 28px; }
.rv-card__quote { margin: 0; color: #000; font-size: clamp(17px, 1.04vw, 20px); line-height: 1.3; }
.rv-card__author { margin-top: auto; display: flex; align-items: center; gap: 16px; }
.rv-card__avatar { width: 74px; height: 74px; border-radius: 50%; object-fit: cover; background: #e2dbdb; flex: 0 0 74px; }
.rv-card__name { margin: 0; font-size: clamp(17px, 1.04vw, 20px); font-weight: 700; color: #000; line-height: 1.2; }
.rv-card__role { margin: 4px 0 8px; font-size: clamp(15px, .94vw, 18px); color: #8c8d90; line-height: 1.2; }
.rv-card__city { display: inline-block; padding: 3px 18px; border-radius: 50px; background: #d9e1ea; color: #020612; font-size: clamp(15px, .94vw, 18px); line-height: 1.3; }
.reviews-section .buy-cta-section--inline { margin-top: 100px; }

/* SECTION 19 — COMMERCIAL LICENSE + CTA */
.license-section {
  position: relative; z-index: 2; overflow: hidden; background: #06152f; color: #fff; text-align: center;
  border-radius: 80px 80px 0 0; padding: 94px 0 var(--section-py);
}
.license-section__pattern {
  position: absolute; inset: 0 0 auto 0; height: 1440px; max-height: 100%; pointer-events: none; opacity: .9;
  background: url('assets/images/license/bg-patterns.svg') center top / 1920px 1440px no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 38% 45% at 74% 0%, #000, transparent 80%);
          mask-image: radial-gradient(ellipse 38% 45% at 74% 0%, #000, transparent 80%);
}
.license-container { position: relative; z-index: 1; max-width: 1210px; margin: 0 auto; padding: 0 20px; }
.license-kicker { margin: 0; font-size: clamp(17px, 1.15vw, 22px); }
.license-title { margin: 28px auto 0; max-width: 1020px; font-size: clamp(28px, 2.5vw, 48px); font-weight: 600; line-height: 1.3; }
.license-title span { color: #f8b51f; }
.license-grid { display: grid; grid-template-columns: minmax(0, 485px) minmax(0, 536px); gap: 78px; justify-content: center; align-items: center; margin-top: 56px; text-align: left; }
.license-media { aspect-ratio: 484.7 / 580; overflow: hidden; position: relative; }
.license-media img { position: absolute; left: 0; top: -11.42%; width: 100%; height: 111.42%; max-width: none; }
.license-copy { font-size: clamp(17px, 1.15vw, 22px); line-height: 1.3; }
.license-copy p { margin: 0 0 30px; }
.license-copy ul { margin: 0 0 30px; padding-left: 33px; font-weight: 700; }
.license-copy .license-copy__free { margin: 0; }
.license-section .buy-cta-section--inline { margin-top: 90px; }

/* dark variant of the buy CTA */
.buy-cta-section--dark .buy-cta-yes-link,
.buy-cta-section--dark .buy-cta-headline,
.buy-cta-section--dark .buy-cta-commercial-badge,
.buy-cta-section--dark .price-deal-text,
.buy-cta-section--dark .purchase-meta__item { color: #fff; }
.buy-cta-section--dark .purchase-meta__item { color: rgba(255, 255, 255, .8); }
.buy-cta-section--dark .buy-cta-commercial-badge { color: #01174a; }

@media (max-width: 991.98px) {
  .rv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .license-section { border-radius: 48px 48px 0 0; }
  .license-grid { grid-template-columns: 1fr; gap: 32px; }
  .license-media { max-width: 380px; margin: 0 auto; width: 100%; }
}
@media (max-width: 767.98px) {
  .demo-video-title, .reviews-title { font-size: var(--m-h2); line-height: 1.28; }
  .demo-video-sub { font-size: var(--m-body); margin-top: 10px; }
  .demo-video-card { margin-top: 24px; border-radius: 14px; }
  .rv-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 28px; }
  .rv-card { min-height: 0; padding: 18px 16px; gap: 12px; }
  .rv-card__stars { width: 110px; height: auto; }
  .rv-card__quote { font-size: var(--m-body); line-height: 1.5; }
  .rv-card__avatar { width: 52px; height: 52px; flex-basis: 52px; }
  .rv-card__name { font-size: var(--m-lead); }
  .rv-card__role, .rv-card__city { font-size: var(--m-small); }
  .reviews-section .buy-cta-section--inline { margin-top: 40px; }
  .license-section { border-radius: 28px 28px 0 0; padding-top: 44px; }
  .license-section__pattern { display: none; }
  .license-title { font-size: var(--m-h2); line-height: 1.28; margin-top: 12px; }
  .license-grid { margin-top: 24px; gap: 20px; }
  .license-media { max-width: 260px; }
  .license-copy { font-size: var(--m-body); line-height: 1.5; }
  .license-copy p, .license-copy ul { margin-bottom: 14px; }
  .license-copy ul { padding-left: 20px; }
  .license-section .buy-cta-section--inline { margin-top: 36px; }
}


/* SECTIONS 20–30 */

/* 20 · Perfect for you if you're… */
.perfect-section { background: #fff; }
.perfect-title { color: #000; font-weight: 600; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.25; }
.pf-grid {
  list-style: none; margin: 72px auto 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 313px)); justify-content: center; column-gap: 72px; row-gap: 52px;
}
.pf-item img { display: block; width: auto; max-width: 100%; height: 190px; object-fit: contain; object-position: left center; }
.pf-item p { margin: 18px 0 0; color: #000; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.22; }
.pf-item b { font-weight: 600; }
.perfect-pill {
  margin: 64px auto 0; max-width: 892px; padding: 14px 24px; text-align: center; border-radius: 50px;
  background: linear-gradient(180deg, #e2f0ff, #e6edff); color: #06152f; font-size: clamp(16px, 1.15vw, 22px); font-weight: 600; line-height: 1.3;
}

/* 21 · 6 simple ways to get paid */
.simple-ways-section { overflow: hidden; background: linear-gradient(180deg, #eff9ff, #fffef1); padding-top: calc(var(--section-py) + 40px); padding-bottom: calc(var(--section-py) + 40px); }
.simple-ways-waves {
  position: absolute; width: 1434px; height: 1076px; pointer-events: none; z-index: 0;
  background: url('assets/images/ways-bg/wave-tile.svg') 0 0 / 1434px 81.47px repeat-y;
  -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent); mask-image: linear-gradient(90deg, #000 40%, transparent);
}
.simple-ways-waves--left { left: -548px; top: 61px; }
.simple-ways-waves--right { left: calc(50% - 103px); top: 150px; transform: rotate(180deg); }
.simple-ways-title { color: #000; font-weight: 600; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.25; }
.simple-ways-sub { margin: 28px auto 0; max-width: 808px; text-align: center; color: #06152f; font-size: clamp(17px, 1.15vw, 22px); font-weight: 600; line-height: 1.3; }

/* 22 · Two choices */
.choices-section { background: #fff; }
.choices-title { color: #000; font-weight: 600; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.25; }
.choices-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 555px)); gap: 60px; justify-content: center; margin-top: 80px; }
.choice-card { position: relative; border-radius: 30px; padding-bottom: 36px; }
.choice-card--no { background: #fbf0f0; }
.choice-card--yes { background: #fff; border: 2px solid #0838d3; }
.choice-pill {
  position: absolute; top: -25px; left: 50%; transform: translateX(-50%); z-index: 2; width: 162px; height: 49px; border-radius: 50px;
  display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #dadada; color: #000; font-size: 26px; font-weight: 600;
}
.choice-card--yes .choice-pill { border-color: #0838d3; color: #0838d3; }
.choice-card__banner { height: 312px; overflow: hidden; border-radius: 28px 28px 0 0; margin: 0; }
.choice-card--no .choice-card__banner { background: #040406; border-radius: 30px 30px 0 0; }
.choice-card--yes .choice-card__banner { background: #e9e9fb; }
.choice-card__banner img { display: block; width: min(383px, 70%); height: auto; margin: 15px auto 0; }
.choice-card h3 { margin: 31px 0 0; padding: 0 44px; font-size: 26px; font-weight: 600; line-height: 1.2; color: #000; }
.choice-card--yes h3 { color: #06152f; }
.choice-card ul { list-style: none; margin: 36px 0 0; padding: 0 44px; }
.choice-card li { position: relative; padding-left: 70px; margin-bottom: 20px; font-size: clamp(17px, 1.04vw, 20px); line-height: 1.3; min-height: 30px; }
.choice-card li:last-child { margin-bottom: 0; }
.choice-card li img { position: absolute; left: 22px; top: -2px; width: 30px; height: 30px; }
.choice-card--no li { color: #030304; }
.choice-card--yes li { color: #727386; }
.choices-section .buy-cta-section--inline { margin-top: 100px; }

/* 23 · Zero hassles */
.hassle-section {
  position: relative; overflow: hidden;
  padding-top: clamp(96px, 9.5vw, 183px); padding-bottom: clamp(56px, 4.4vw, 84px);
  background:
    url('assets/images/zero-hassles/bg.svg') center top / 100% auto no-repeat,
    linear-gradient(#fff9ef, #fff9ef) 0 8.3vw / 100% 100% no-repeat;
}
.hassle-section::after {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; mix-blend-mode: multiply;
  background: url('assets/images/zero-hassles/overlay.webp') center bottom / cover no-repeat;
}
.hassle-title { max-width: 1062px; margin: 0 auto; text-align: center; color: #000; font-size: clamp(26px, 2.08vw, 40px); font-weight: 600; line-height: 1.3; }
.hassle-sub { max-width: 808px; margin: 28px auto 0; text-align: center; color: #06152f; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.35; }
.zh-list { list-style: none; margin: 56px auto 0; padding: 0; max-width: 862px; display: flex; flex-direction: column; gap: 19px; }
.zh-card { display: flex; align-items: center; gap: 20px; min-height: 112px; padding: 14px 30px; background: #fff; border-radius: 20px; }
.zh-card__icon { flex: 0 0 104px; width: 104px; height: auto; max-height: 100px; object-fit: contain; }
.zh-card h3 { margin: 0 0 4px; color: #06152f; font-size: clamp(19px, 1.25vw, 24px); font-weight: 600; line-height: 1.25; }
.zh-card p { margin: 0; color: #5c677b; font-size: clamp(16px, 1.04vw, 20px); line-height: 1.3; }

/* 24 · Finally enjoy the life you want */
.enjoy-section { background: linear-gradient(180deg, #fff, #eef4ff); }
.enjoy-title { margin: 0; text-align: center; color: #000; font-size: clamp(28px, 2.08vw, 40px); font-weight: 600; line-height: 1.3; }
.enjoy-sub { margin: 28px auto 0; max-width: 808px; text-align: center; color: #06152f; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.35; }
.enjoy-top { display: grid; grid-template-columns: minmax(0, 526px) minmax(0, 1fr); column-gap: 68px; align-items: center; padding-left: 55px; margin-top: 80px; }
.enjoy-imagine { margin: 0 0 24px; max-width: 458px; color: #f44; font-style: italic; font-size: clamp(17px, 1.04vw, 20px); line-height: 1.3; }
.enjoy-peace { padding: 24px 30px; border-radius: 20px; background: linear-gradient(170deg, #fff 13%, #dae9f2 116%); color: #01174a; font-size: clamp(17px, 1.04vw, 20px); font-weight: 500; line-height: 1.3; }
.enjoy-peace p { margin: 0 0 32px; }
.enjoy-peace p:last-child { margin: 0; }
.enjoy-top__img { width: calc(100% + min(var(--bleed-x), 86px)); max-width: none; margin-right: calc(-1 * min(var(--bleed-x), 86px)); height: auto; aspect-ratio: 3 / 2; }
.enjoy-timeline { position: relative; max-width: 845px; margin: 72px auto 0; left: 62px; }
.enjoy-row { display: grid; grid-template-columns: 94px 20px minmax(0, 1fr); column-gap: 33px; align-items: start; position: relative; }
.enjoy-tile { margin-top: 38px; width: 94px; height: 94px; border-radius: 20px; background: #e8efff; display: flex; align-items: center; justify-content: center; }
.enjoy-tile img { width: 48px; height: 48px; }
.enjoy-rail { position: relative; align-self: stretch; }
.enjoy-rail::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #004dff; background: #fff; box-sizing: border-box; }
.enjoy-rail::after { content: ''; position: absolute; left: 8.5px; top: 24px; bottom: -4px; width: 3px; background: linear-gradient(180deg, #004dff, #fff); }
.enjoy-row:last-child .enjoy-rail::after { bottom: 20px; }
.enjoy-lines { list-style: none; margin: 0; padding: 22px 0 36px; color: #06152f; font-size: clamp(16px, 1.04vw, 20px); line-height: 1.5; }
.enjoy-row + .enjoy-row .enjoy-lines { border-top: 1px solid #e6e6e6; }
.enjoy-row:first-child .enjoy-lines { padding-top: 20px; }
.enjoy-lines li { position: relative; padding-left: 32px; }
.enjoy-lines li img { position: absolute; left: 0; top: .42em; width: 19px; height: 19px; }
.enjoy-lines--last ul { list-style: none; margin: 16px 0 0; padding: 0; }
.enjoy-bold { margin: 0; font-weight: 600; }
.enjoy-bar {
  max-width: 1124px; margin: 56px auto 0; padding: 15px 24px; border-radius: 20px; text-align: center; color: #fff;
  background: linear-gradient(104deg, #004dff 11%, #088c7b 99%); font-size: clamp(16px, 1.04vw, 20px); font-weight: 600; line-height: 1.5;
}

/* 25 · Launch-only one-time price */
.launch-price-section { background: #edf8ff; overflow: hidden; padding-bottom: calc(var(--section-py) + 20px); }
.launch-price-section__bg { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; max-width: none; height: 36vw; min-height: 300px; object-fit: cover; pointer-events: none; z-index: 0; }
.launch-price-title { color: #000; font-weight: 600; font-size: clamp(28px, 2.08vw, 40px); line-height: 1.3; }
.launch-price-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 599px); align-items: center; margin-top: 56px; }
.launch-price-media { margin-left: calc(-1 * min(var(--bleed-x), 107px)); margin-right: 52px; }
.launch-price-media img { width: 100%; height: auto; }
.lp-chips { display: flex; flex-wrap: wrap; gap: 10px; max-width: 546px; }
.lp-chip {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 24px; border-radius: 20px; border: 1px solid #ffdfdd;
  background: linear-gradient(180deg, #fff, #ffeceb); color: #01174a; font-size: clamp(15px, .94vw, 18px); font-weight: 500; white-space: nowrap;
}
.lp-chip img { width: 19px; height: 19px; flex: 0 0 19px; }
.lp-chip--green { margin-top: 10px; border-color: #bcf4d3; background: linear-gradient(180deg, #fff, #ebfff3); color: #009c0e; font-weight: 700; }
.lp-text { margin-top: 38px; color: #06152f; font-size: clamp(17px, 1.04vw, 20px); line-height: 1.3; }
.lp-text p { margin: 0 0 30px; }
.lp-text p:last-child { margin: 0; }
.lp-text .lp-blue { color: #004dff; }

/* 26 · Bonuses + CTA */
.bonus-section { background: #fff; padding-bottom: calc(var(--section-py) + 120px); }
.bonus-title { color: #000; font-weight: 600; font-size: clamp(26px, 2.08vw, 40px); line-height: 1.3; }
.bonus-list { max-width: 920px; margin: 64px auto 0; display: flex; flex-direction: column; gap: 24px; }
.bonus-card { display: grid; grid-template-columns: 320px minmax(0, 1fr); background: #fff; border: 1px solid rgba(0,0,0,.05); border-radius: 16px; box-shadow: 0 10px 15px rgba(0,0,0,.03); }
.bonus-card:first-child { box-shadow: 0 25px 50px rgba(0,0,0,.06), 0 0 15px rgba(117,0,252,.02); }
.bonus-card__media { display: flex; align-items: center; justify-content: center; padding: 30px 20px; border-right: 1px solid rgba(0,0,0,.03); }
.bonus-card__media img { width: 240px; max-width: 100%; height: auto; max-height: 340px; object-fit: contain; }
.bonus-card__body { padding: 32px 40px; display: flex; flex-direction: column; justify-content: center; }
.bonus-card__tag { align-self: flex-start; padding: 5px 12px; border-radius: 4px; background: rgba(117,0,252,.07); color: #7500fc; font-size: 13px; font-weight: 700; letter-spacing: .91px; text-transform: uppercase; line-height: 1.5; }
.bonus-card h3 { margin: 12px 0 12px; color: #020202; font-size: clamp(23px, 1.46vw, 28px); font-weight: 700; letter-spacing: -.5px; line-height: 1.3; }
.bonus-card p { margin: 0 0 20px; color: #4e4e4e; font-size: 16px; letter-spacing: -.16px; line-height: 1.7; }
.bonus-card__value { color: #64748b; font-size: 11px; font-weight: 900; letter-spacing: .88px; text-transform: uppercase; line-height: 1.5; }
.bonus-card strong { color: #020202; font-size: 26px; font-weight: 900; line-height: 1.1; }
.bonus-section .buy-cta-section--inline { margin-top: 90px; }

/* 27 · Launch deal card, overlaps sections above and below */
.deal-overlap { --deal-up: 120px; --deal-down: 260px; position: relative; z-index: 6; max-width: 1170px; margin: calc(-1 * var(--deal-up)) auto calc(-1 * var(--deal-down)); padding: 0 20px; box-sizing: content-box; }
.deal-card {
  position: relative; overflow: hidden; border-radius: 30px; border: 1px solid rgba(217,217,217,.6);
  background: linear-gradient(180deg, #fff, #fcffe3); min-height: 716px; padding-top: 47px; box-shadow: 0 20px 60px rgba(1,23,74,.12);
}
.deal-card__glow { position: absolute; left: 8px; top: 157px; width: 519px; height: 519px; max-width: none; pointer-events: none; }
.deal-card__title { position: relative; margin: 0; text-align: center; color: #ff0004; font-size: clamp(26px, 2.08vw, 40px); font-weight: 600; line-height: 1.3; }
.deal-card__sub { position: relative; margin: 14px auto 0; max-width: 863px; padding: 0 20px; text-align: center; color: #01174a; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.4; }
.deal-card__copy { position: relative; width: min(501px, 100%); margin: 66px 0 0 calc(50% + 12px); font-size: clamp(17px, 1.2vw, 23px); line-height: 1.3; color: #000; }
.deal-card__copy p { margin: 0 0 30px; }
.deal-card__copy p:last-child { margin: 0; }
.deal-card__strip { position: absolute; left: 0; right: 0; bottom: 0; height: 65px; margin: 0; display: flex; align-items: center; justify-content: center; background: #ffe710; color: #000; font-size: clamp(15px, 1.2vw, 23px); font-weight: 600; text-align: center; padding: 0 16px; }

/* 28 · 30-day guarantee */
.guarantee-section { position: relative; z-index: 2; overflow: hidden; background: #051332; color: #fff; padding: calc(var(--deal-down, 260px) + 90px) 0 90px; }
.guarantee-section { --deal-down: 260px; }
.guarantee-section__bars { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); width: min(1372px, 100%); height: auto; max-width: none; mix-blend-mode: lighten; opacity: .2; pointer-events: none; }
.guarantee-container { position: relative; z-index: 1; max-width: 1040px; margin: 0 auto; padding: 0 20px; }
.guarantee-title { margin: 0; text-align: center; font-size: clamp(26px, 2.08vw, 40px); font-weight: 600; line-height: 1.35; }
.guarantee-sub { margin: 26px auto 0; max-width: 863px; text-align: center; color: #a8bbe6; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.35; }
.guarantee-sub b { font-weight: 600; }
.guarantee-sub span { color: #fff; }
.guarantee-grid { display: grid; grid-template-columns: minmax(0, 566px) minmax(0, 1fr); column-gap: 60px; align-items: center; margin-top: 64px; }
.guarantee-copy { font-size: clamp(17px, 1.2vw, 23px); line-height: 1.3; }
.guarantee-copy p { margin: 0; }
.guarantee-copy ul { list-style: none; margin: 28px 0 0; padding: 0 0 0 58px; }
.guarantee-copy li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.guarantee-check { flex: 0 0 auto; width: 28px; height: 28px; margin-top: 1px; }
.guarantee-copy__bold { margin-top: 36px !important; font-weight: 700; line-height: 1.9; }
.guarantee-shield { width: 100%; max-width: 450px; height: auto; justify-self: center; }

/* 29 · Act now */
.act-section { background: #fff; }
.act-title { color: #000; font-weight: 600; font-size: clamp(26px, 2.08vw, 40px); line-height: 1.3; }
.act-sub { margin: 28px 0 0; text-align: center; color: #01174a; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.5; }
.act-copy { max-width: 1000px; margin: 64px auto 0; color: #01174a; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.55; }
.act-copy p { max-width: 587px; margin: 0 0 30px; }
.act-copy p:last-child { margin: 0; }

/* 30 · Early action takers + CTA */
.early-section { background: linear-gradient(180deg, #ebfbff, #fff); }
.early-title { color: #000; font-weight: 600; font-size: clamp(26px, 2.08vw, 40px); line-height: 1.3; }
.early-sub { margin: 24px 0 0; text-align: center; color: #01174a; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.5; }
.early-grid { display: grid; grid-template-columns: 302px minmax(0, 587px); column-gap: 82px; justify-content: center; align-items: center; margin-top: 28px; }
.early-phone { width: 100%; height: auto; }
.early-copy { color: #01174a; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.55; }
.early-copy p { margin: 0 0 30px; }
.early-copy p:last-child { margin: 0; }
.early-banner { max-width: 938px; margin: 36px auto 0; padding: 36px 56px 38px; text-align: center; color: #fff; border-radius: 20px; background: linear-gradient(94deg, #004dff 11%, #088c7b 99%); }
.early-banner p { margin: 0 auto; max-width: 822px; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.55; }
.early-banner__strong { margin-top: 12px !important; font-size: clamp(21px, 1.67vw, 32px) !important; font-weight: 600; line-height: 1.3 !important; }
.early-after { margin: 36px auto 0; max-width: 822px; text-align: center; color: #000; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.55; }
.early-section .buy-cta-section--inline { margin-top: 90px; }

/* Sections 20–30: tablet */
@media (max-width: 1199.98px) {
  .enjoy-timeline { left: 0; }
  .enjoy-top { padding-left: 0; }
}
@media (max-width: 991.98px) {
  .pf-grid { grid-template-columns: repeat(2, minmax(0, 313px)); }
  .choices-grid { grid-template-columns: 1fr; max-width: 555px; margin-left: auto; margin-right: auto; row-gap: 72px; }
  .enjoy-top { grid-template-columns: 1fr; row-gap: 32px; }
  .enjoy-top__img { width: 100%; margin: 0 auto; max-width: 560px; }
  .launch-price-grid { grid-template-columns: 1fr; row-gap: 32px; }
  .launch-price-media { margin: 0 auto; max-width: 480px; }
  .bonus-card { grid-template-columns: 240px minmax(0, 1fr); }
  .deal-card__glow { display: none; }
  .deal-card__copy { margin-left: auto; margin-right: auto; padding: 0 24px; width: min(560px, 100%); box-sizing: border-box; }
  .guarantee-grid { grid-template-columns: 1fr; row-gap: 32px; }
  .early-grid { grid-template-columns: 1fr; row-gap: 28px; justify-items: center; }
  .early-phone { max-width: 302px; }
}

/* Sections 20–30: mobile (≤767px) */
@media (max-width: 767.98px) {
  .perfect-title, .simple-ways-title, .choices-title, .launch-price-title, .bonus-title, .act-title, .early-title, .enjoy-title, .guarantee-title, .hassle-title, .deal-card__title { font-size: var(--m-h2); line-height: 1.28; }
  .perfect-title, .simple-ways-title br, .enjoy-title br, .guarantee-title br, .launch-price-title br { }
  .pf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; row-gap: 24px; margin-top: 28px; }
  .pf-item img { height: 108px; }
  .pf-item p { font-size: var(--m-small); margin-top: 8px; line-height: 1.35; }
  .perfect-pill { margin-top: 28px; padding: 12px 16px; font-size: var(--m-body); border-radius: 22px; }
  .simple-ways-waves { display: none; }
  .simple-ways-sub, .hassle-sub, .enjoy-sub, .act-sub, .early-sub, .guarantee-sub, .deal-card__sub { font-size: var(--m-body); margin-top: 12px; }

  .choices-grid { margin-top: 44px; row-gap: 48px; }
  .choice-pill { width: 120px; height: 38px; font-size: 19px; top: -19px; }
  .choice-card { border-radius: 20px; padding-bottom: 20px; }
  .choice-card__banner { height: auto; padding-bottom: 8px; border-radius: 18px 18px 0 0 !important; }
  .choice-card__banner img { width: 76%; margin-top: 10px; }
  .choice-card h3 { margin-top: 16px; padding: 0 18px; font-size: 20px; }
  .choice-card ul { margin-top: 16px; padding: 0 18px; }
  .choice-card li { padding-left: 38px; margin-bottom: 12px; font-size: var(--m-body); min-height: 22px; }
  .choice-card li img { left: 0; width: 22px; height: 22px; top: 0; }
  .choices-section .buy-cta-section--inline, .bonus-section .buy-cta-section--inline, .early-section .buy-cta-section--inline { margin-top: 40px; }

  .hassle-section { padding-top: 56px; background: linear-gradient(#e5f1ff, #fff9ef); }
  .hassle-section::after { display: none; }
  .zh-list { margin-top: 24px; gap: 10px; }
  .zh-card { min-height: 0; padding: 12px 14px; gap: 12px; border-radius: 14px; }
  .zh-card__icon { flex-basis: 56px; width: 56px; }
  .zh-card h3 { font-size: var(--m-lead); }
  .zh-card p { font-size: var(--m-small); }

  .enjoy-top { margin-top: 28px; }
  .enjoy-imagine, .enjoy-peace { font-size: var(--m-body); }
  .enjoy-peace { padding: 16px; }
  .enjoy-peace p { margin-bottom: 16px; }
  .enjoy-timeline { margin-top: 32px; }
  .enjoy-row { grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; }
  .enjoy-rail { display: none; }
  .enjoy-tile { margin-top: 20px; width: 52px; height: 52px; border-radius: 14px; }
  .enjoy-tile img { width: 28px; height: 28px; }
  .enjoy-lines { padding: 16px 0 20px; font-size: var(--m-body); line-height: 1.45; }
  .enjoy-row:first-child .enjoy-lines { padding-top: 16px; }
  .enjoy-lines li { padding-left: 26px; margin-bottom: 4px; }
  .enjoy-lines li img { width: 16px; height: 16px; top: .3em; }
  .enjoy-bar { margin-top: 28px; padding: 14px 16px; font-size: var(--m-body); border-radius: 14px; }

  .launch-price-section__bg { height: 60vw; opacity: .7; }
  .launch-price-grid { margin-top: 24px; }
  .launch-price-media { max-width: 300px; }
  .lp-chip { height: auto; padding: 8px 14px; white-space: normal; font-size: var(--m-small); border-radius: 16px; }
  .lp-text { font-size: var(--m-body); margin-top: 20px; }
  .lp-text p { margin-bottom: 14px; }

  .bonus-list { margin-top: 28px; gap: 16px; }
  .bonus-card { grid-template-columns: 1fr; }
  .bonus-card__media { border-right: 0; border-bottom: 1px solid rgba(0,0,0,.05); padding: 20px; }
  .bonus-card__media img { width: 150px; }
  .bonus-card__body { padding: 20px 18px; }
  .bonus-card h3 { font-size: 21px; }
  .bonus-card p { font-size: var(--m-body); line-height: 1.55; margin-bottom: 14px; }
  .bonus-card strong { font-size: 23px; }

  .deal-overlap { --deal-up: 40px; --deal-down: 70px; padding: 0 16px; }
  .deal-card { min-height: 0; padding: 28px 18px 80px; border-radius: 20px; }
  .deal-card__copy { margin-top: 20px; padding: 0; font-size: var(--m-body); width: 100%; }
  .deal-card__copy p { margin-bottom: 16px; }
  .deal-card__strip { height: auto; min-height: 56px; padding: 10px 14px; font-size: var(--m-body); }
  .guarantee-section { --deal-down: 70px; padding: calc(70px + 44px) 0 44px; }
  .guarantee-section__bars { display: none; }
  .guarantee-grid { margin-top: 24px; }
  .guarantee-copy { font-size: var(--m-body); }
  .guarantee-copy ul { padding-left: 20px; margin-top: 16px; }
  .guarantee-shield { max-width: 270px; }

  .act-copy { margin-top: 24px; font-size: var(--m-body); }
  .act-copy p { margin-bottom: 18px; }
  .early-copy, .early-after { font-size: var(--m-body); }
  .early-banner { margin-top: 24px; padding: 20px 16px; border-radius: 14px; }
  .early-banner p { font-size: var(--m-body); }
  .early-banner__strong { font-size: 19px !important; }
}

/* 21 · six cards */
.sw-grid { list-style: none; margin: 64px auto 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 368px)); gap: 41px 33px; justify-content: center; position: relative; z-index: 1; }
.sw-card { background: #fff; border-radius: 30px; padding: 25px 28px 36px; }
.sw-card img { display: block; width: 121px; height: 113px; object-fit: contain; object-position: left top; }
.sw-card h3 { margin: 14px 0 10px; color: #000; font-size: clamp(19px, 1.15vw, 22px); font-weight: 600; line-height: 1.25; }
.sw-card p { margin: 0; color: #727386; font-size: clamp(17px, 1.15vw, 22px); line-height: 1.25; }
.simple-ways-sub { position: relative; z-index: 1; margin-top: 64px; }

/* 27 · deal card image */
.deal-card { overflow: visible; }
.deal-card__strip { border-radius: 0 0 30px 30px; }
.deal-card__man { position: absolute; left: calc(-1 * min(115px, max(0px, (100vw - 100%) / 2 - 12px))); top: 164px; width: 642px; height: auto; max-width: none; pointer-events: none; }

/* 29 · act-now image */
.act-grid { display: grid; grid-template-columns: minmax(0, 587px) minmax(0, 462px); column-gap: 7px; justify-content: center; align-items: center; margin-top: 56px; }
.act-grid .act-copy { margin: 0; max-width: none; }
.act-man { width: 100%; height: auto; }

@media (max-width: 991.98px) {
  .sw-grid { grid-template-columns: repeat(2, minmax(0, 368px)); }
  .deal-card__man { position: relative; left: auto; top: auto; display: block; width: min(440px, 88%); margin: 24px auto 0; }
  .act-grid { grid-template-columns: 1fr; row-gap: 28px; }
  .act-man { max-width: 360px; margin: 0 auto; }
}
@media (max-width: 767.98px) {
  .sw-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
  .sw-card { padding: 16px 18px 22px; border-radius: 18px; display: grid; grid-template-columns: 76px 1fr; column-gap: 14px; align-items: start; }
  .sw-card img { width: 76px; height: 72px; grid-row: 1 / span 2; }
  .sw-card h3 { font-size: var(--m-lead); margin: 0 0 4px; }
  .sw-card p { font-size: var(--m-body); line-height: 1.4; }
  .simple-ways-sub { margin-top: 24px; }
  .act-grid { margin-top: 24px; }
}


/* BACKGROUND DEPTH — subtle patterns, drifting glows, ring accents */
.introducing-section { isolation: isolate; }

.perfect-section, .reviews-section, .act-section, .demo-video-section, .cost-section, .three-steps-section--light,
.choices-section, .bonus-section, .imagine-section,
.nocourse-section, .introducing-section, .guarantee-section, .license-section { --bg-dot: rgba(0, 77, 255, .16); --bg-line: rgba(1, 23, 74, .05); }
.nocourse-section, .introducing-section, .guarantee-section, .license-section { --bg-dot: rgba(120, 190, 255, .18); --bg-line: rgba(255, 255, 255, .05); }

/* light + dark: dots fading in toward the left/right edges */
.perfect-section::before, .reviews-section::before, .act-section::before, .demo-video-section::before, .cost-section::before, .three-steps-section--light::before,
/* light: fine grid lines at the edges */
.choices-section::before, .bonus-section::before,
/* dark: fine grid lines at the edges */
.introducing-section::before, .guarantee-section::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 62% 78% at 50% 48%, transparent 40%, #000 100%);
          mask-image: radial-gradient(ellipse 62% 78% at 50% 48%, transparent 40%, #000 100%);
}
.perfect-section::before, .reviews-section::before, .act-section::before, .demo-video-section::before, .cost-section::before, .three-steps-section--light::before {
  background-image: radial-gradient(var(--bg-dot) 1.3px, transparent 1.7px); background-size: 28px 28px;
}
.choices-section::before, .bonus-section::before, .introducing-section::before, .guarantee-section::before {
  background-image: linear-gradient(var(--bg-line) 1px, transparent 1px), linear-gradient(90deg, var(--bg-line) 1px, transparent 1px); background-size: 64px 64px;
}
/* introducing keeps its own bottom artwork — grid only on the upper two thirds */
.introducing-section::before { bottom: 30%; }

/* concentric ring accents in the corners (premium, quiet) */
.imagine-section::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    repeating-radial-gradient(circle at 100% 0%, transparent 0 110px, rgba(0, 77, 255, .11) 110px 111px),
    repeating-radial-gradient(circle at 0% 100%, transparent 0 110px, rgba(7, 188, 250, .14) 110px 111px);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, #000 0, transparent 520px), radial-gradient(circle at 0% 100%, #000 0, transparent 520px);
  -webkit-mask-composite: source-over;
          mask-image: radial-gradient(circle at 100% 0%, #000 0, transparent 520px), radial-gradient(circle at 0% 100%, #000 0, transparent 520px);
          mask-composite: add;
}

/* drifting glow along the bottom edge */
.perfect-section::after, .reviews-section::after, .act-section::after, .demo-video-section::after,
.nocourse-section::after, .guarantee-section::after, .license-section::after {
  content: ''; position: absolute; left: -6%; right: -6%; bottom: 0; height: 42%; z-index: -1; pointer-events: none;
  animation: bg-glow-drift 18s ease-in-out infinite alternate; will-change: transform;
}
.perfect-section::after, .reviews-section::after, .act-section::after, .demo-video-section::after {
  background:
    radial-gradient(42% 80% at 18% 108%, rgba(7, 188, 250, .20), transparent 70%),
    radial-gradient(42% 80% at 82% 108%, rgba(0, 77, 255, .14), transparent 70%);
}
.nocourse-section::after, .guarantee-section::after, .license-section::after {
  background:
    radial-gradient(42% 80% at 20% 112%, rgba(0, 120, 255, .30), transparent 70%),
    radial-gradient(42% 80% at 80% 112%, rgba(7, 188, 250, .20), transparent 70%);
}
@keyframes bg-glow-drift {
  from { transform: translate3d(-3%, 0, 0) scale(1); }
  to   { transform: translate3d(3%, -4%, 0) scale(1.08); }
}
@media (max-width: 767.98px) {
  .perfect-section::before, .reviews-section::before, .act-section::before, .demo-video-section::before, .cost-section::before, .three-steps-section--light::before { background-size: 22px 22px; }
  .imagine-section::before { opacity: .6; }
}
@media (prefers-reduced-motion: reduce) {
  .perfect-section::after, .reviews-section::after, .act-section::after, .demo-video-section::after,
  .nocourse-section::after, .guarantee-section::after, .license-section::after { animation: none; }
}

@media (max-width: 767.98px) {
  .deal-card__man { width: min(300px, 86%); margin-top: 16px; }
}

@media (max-width: 991.98px) {
  .deal-card { display: flex; flex-direction: column; }
  .deal-card__title { order: 1; }
  .deal-card__sub { order: 2; }
  .deal-card__man { order: 3; }
  .deal-card__copy { order: 4; }
}


/* ORDER-BUMP (shared: main pricing CTA + exit popup) */
.bump-box { position: relative; margin: 24px 0 0; padding: 18px 20px 18px; text-align: left; font-family: var(--tc-font); color: #0f172a; border-radius: 12px;
  background: #fffbe8; border: 2.5px dashed #f59e0b; box-shadow: 0 0 0 5px rgba(245, 158, 11, .13), 0 10px 28px rgba(245, 158, 11, .18); transition: background .2s ease, box-shadow .2s ease; }
.bump-box__row { position: relative; display: flex; align-items: center; gap: 14px; margin: 0; padding-bottom: 12px; border-bottom: 1.5px dashed rgba(245, 158, 11, .5); cursor: pointer; user-select: none; }
.bump-box__input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.bump-box__arrow { flex: 0 0 auto; display: flex; animation: bump-arrow-move .9s ease-in-out infinite; }
.bump-box__arrow img { width: 42px; height: 28px; display: block; }
@keyframes bump-arrow-move { 0%, 100% { transform: translateX(-4px); } 50% { transform: translateX(8px); } }
.bump-box__tick { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 7px; background: #fff; border: 3px solid #0f172a; display: flex; align-items: center; justify-content: center;
  animation: bump-tick-ping 1.8s ease-out infinite; transition: background .15s ease, border-color .15s ease; }
.bump-box__tick svg { width: 22px; height: 22px; opacity: 0; transition: opacity .15s ease; }
@keyframes bump-tick-ping { 0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, .6); } 70%, 100% { box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); } }
.bump-box__input:focus-visible ~ .bump-box__tick { outline: 3px solid #004dff; outline-offset: 3px; }
.bump-box__input:checked ~ .bump-box__tick, .bump-box.is-checked .bump-box__tick { background: #00a86b; border-color: #00a86b; animation: none; }
.bump-box__input:checked ~ .bump-box__tick svg, .bump-box.is-checked .bump-box__tick svg { opacity: 1; }
.bump-box__headline { font-size: clamp(17px, 1.2vw, 20px); font-weight: 800; line-height: 1.32; color: #0f172a; }
.bump-box__flag { color: #d9480f; font-weight: 900; }
.bump-box__headline em { font-style: normal; color: #004dff; }
.bump-box__body { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; padding-top: 12px; }
.bump-box__body p { margin: 0; }
.bump-box__features { font-size: 15px; font-weight: 600; line-height: 1.5; color: #1e293b; }
.bump-box__bonus { display: inline-block; padding: 4px 12px; border-radius: 7px; font-size: 15px; font-weight: 900; color: #004dff; background: rgba(0, 77, 255, .1); border: 1px solid rgba(0, 77, 255, .28); }
.bump-box__invest { font-size: 16px; font-weight: 800; color: #0f172a; }
.bump-box__proof { padding: 5px 12px; border-radius: 8px; font-size: 14.5px; font-weight: 800; color: #92400e; background: #fef3c7; border: 1px solid #fcd980; }
.bump-box__price { padding: 9px 14px; border-radius: 10px; background: #fff; border: 1px solid #fde68a; font-size: 15.5px; font-weight: 700; color: #0f172a; }
.bump-box__price b { margin: 0 4px; font-size: 24px; font-weight: 900; color: #004dff; vertical-align: -2px; }
.bump-box__price s { font-size: 13.5px; font-weight: 600; color: #94a3b8; }
.bump-box.is-checked { background: #f4fff9; box-shadow: 0 0 0 5px rgba(0, 168, 107, .14), 0 10px 28px rgba(0, 168, 107, .2); }
.bump-box--popup { margin-top: 0; padding: 14px 16px; }
.bump-box--popup .bump-box__headline { font-size: clamp(16px, 1.9vw, 17px); }
.bump-box--popup .bump-box__features { font-size: 13.5px; }
.bump-box--popup .bump-box__invest { font-size: 14.5px; }
.bump-box--popup .bump-box__proof, .bump-box--popup .bump-box__bonus { font-size: 13px; }
.bump-box--popup .bump-box__price { font-size: 14px; }
.bump-box--popup .bump-box__price b { font-size: 20px; }
@media (max-width: 575.98px) {
  .bump-box { padding: 14px 14px; }
  .bump-box__row { gap: 10px; }
  .bump-box__arrow img { width: 30px; height: 20px; }
  .bump-box__tick { width: 28px; height: 28px; }
  .bump-box__headline { font-size: 16px; }
  .bump-box__features { font-size: 14.5px; }
}
@media (prefers-reduced-motion: reduce) { .bump-box__arrow, .bump-box__tick { animation: none; } }

/* SECTION 31 — EVERYTHING YOU GET + MAIN PRICING CTA */
.pricing-section { position: relative; z-index: 2; overflow: hidden; isolation: isolate; background: #06152f; color: #fff; padding: 94px 0 100px; }
/* moving patterns: drifting grid + roaming glows + floating dots */
.pricing-section::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(120, 190, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 190, 255, .07) 1px, transparent 1px);
  background-size: 64px 64px; animation: pr-grid-pan 36s linear infinite;
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 25%, transparent 100%); mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 25%, transparent 100%);
}
.pricing-section::after {
  content: ''; position: absolute; inset: -10% -10%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(34% 28% at 14% 18%, rgba(0, 120, 255, .30), transparent 70%),
    radial-gradient(30% 26% at 88% 36%, rgba(7, 188, 250, .22), transparent 70%),
    radial-gradient(36% 30% at 30% 92%, rgba(0, 77, 255, .28), transparent 70%),
    radial-gradient(26% 22% at 82% 88%, rgba(255, 231, 16, .10), transparent 70%);
  animation: pr-glow-roam 22s ease-in-out infinite alternate; will-change: transform;
}
@keyframes pr-grid-pan { to { background-position: 64px 64px, 64px 64px; } }
@keyframes pr-glow-roam {
  0%   { transform: translate3d(-2%, -1%, 0) scale(1); }
  50%  { transform: translate3d(2%, 2%, 0) scale(1.06); }
  100% { transform: translate3d(-1%, 3%, 0) scale(1.02); }
}
.pricing-section__inner { position: relative; max-width: 1210px; margin: 0 auto; padding: 0 20px; text-align: center; }
.pricing-title { margin: 0; color: #fff; font-size: clamp(28px, 2.6vw, 50px); font-weight: 600; line-height: 1.2; }
.pricing-sub { margin: 28px 0 0; color: #c9ced8; font-size: clamp(17px, 1.25vw, 24px); }
.pricing-banner {
  display: block; max-width: 1132px; margin: 28px auto 0; padding: 18px 24px; border-radius: 20px; background: #ffe710; color: #000;
  font-size: clamp(17px, 1.56vw, 30px); font-weight: 700; line-height: 1.3; box-shadow: 0 10px 40px rgba(255, 231, 16, .18);
}
.pricing-stage { position: relative; margin-top: 64px; }
.pricing-box { position: relative; z-index: 3; display: block; width: min(699px, 92%); height: auto; margin: 0 auto -179px; pointer-events: none; }
.pricing-card-wrap { position: relative; max-width: 1022px; margin: 0 auto; }
/* soft glow spreading outside the card — static gradient, only opacity/transform animate */
.pricing-card-glow { position: absolute; inset: -22px; z-index: 0; border-radius: 52px; pointer-events: none; opacity: .55;
  background: radial-gradient(60% 50% at 20% 0%, rgba(7, 188, 250, .85), transparent 70%), radial-gradient(60% 50% at 85% 100%, rgba(0, 77, 255, .9), transparent 70%), radial-gradient(40% 40% at 100% 20%, rgba(255, 231, 16, .35), transparent 70%);
  filter: blur(28px); animation: pr-card-glow 7s ease-in-out infinite alternate; will-change: opacity, transform; }
@keyframes pr-card-glow { from { opacity: .4; transform: scale(.995); } to { opacity: .7; transform: scale(1.015); } }
.pricing-card {
  position: relative; z-index: 1; overflow: hidden; background: #fff; color: #06152f; text-align: left; border-radius: 30px;
  padding: 225px 85px 56px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 30px 80px rgba(0, 0, 0, .35);
}
.pricing-card__halo { position: absolute; left: 50%; top: -120px; width: 848px; max-width: 100%; height: 244px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 50%, rgba(0, 120, 255, .22), transparent 70%); pointer-events: none; }
.pr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 32px; position: relative; }
.pr-item { display: flex; gap: 11px; align-items: flex-start; }
.pr-item__icon { flex: 0 0 34px; display: flex; }
.pr-item__icon img { width: 34px; height: 34px; }
.pr-list--bonus .pr-item__icon { flex-basis: 38px; }
.pr-list--bonus .pr-item__icon img { width: 38px; height: 38px; }
.pr-zap { width: 38px; height: 38px; border-radius: 50%; background: #003cff; display: flex; align-items: center; justify-content: center; }
.pr-item__main { flex: 1; min-width: 0; }
.pr-item__row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.pr-item h3 { margin: 0; color: #06152f; font-size: clamp(19px, 1.25vw, 24px); font-weight: 700; line-height: 1.25; }
.pr-item p { margin: 8px 0 0; padding-right: 48px; color: #838b91; font-size: clamp(16px, 1.1vw, 21px); line-height: 1.35; }
.pr-pill {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 159px; height: 38px; padding: 0 10px; border-radius: 20px;
  color: #fff; font-size: clamp(15px, 1.1vw, 21px); font-weight: 600; white-space: nowrap;
}
.pr-pill--blue { background: linear-gradient(101deg, #004dff 2%, #002e99 108%); }
.pr-pill--gold { background: linear-gradient(101deg, #ffa600 2%, #f51348 108%); }
.pr-pill--hot { background: linear-gradient(101deg, #fa0734 2%, #0059ff 108%); }
.pr-bonuses { margin: 56px -40px 0; padding: 48px 45px; border-radius: 20px; background: linear-gradient(180deg, #fffad9, #fff); display: flex; flex-direction: column; gap: 24px; }
.pr-list--bonus { gap: 24px; }
.pr-fast { margin: 0; padding: 16px 0; color: #005dff; font-size: clamp(19px, 1.25vw, 24px); font-weight: 700; }
.pr-total { display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin: 56px 0 0; position: relative; }
.pr-total::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 0; border-left: 3px dashed rgba(0, 77, 255, .35); transform: translateX(-1.5px); }
.pr-total__left, .pr-total__right { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 8px 12px; }
.pr-total__chip { padding: 0 34px; height: 46px; display: inline-flex; align-items: center; border-radius: 40px; background: #dcdcdc; color: #000; font-size: clamp(17px, 1.1vw, 21px); font-weight: 500; }
.pr-total__left strong { color: #000; font-size: clamp(40px, 3.1vw, 60px); font-weight: 700; line-height: 1.1; }
.pr-total__note { color: #000; font-size: clamp(21px, 1.67vw, 32px); font-weight: 500; }
.pr-total__was { color: #9a9a9a; font-size: clamp(19px, 1.4vw, 27px); font-weight: 600; }
.pr-total__strike { position: relative; display: inline-block; }
.pr-total__strike::after { content: ''; position: absolute; left: -6%; right: -6%; top: 50%; height: 4px; background: #ff2b4f; border-radius: 3px; transform: translateY(-50%) rotate(-12deg); }
.pr-total__once { color: #000; font-size: clamp(21px, 1.67vw, 32px); font-weight: 700; }
.pr-total__right strong { color: #005dff; font-size: clamp(40px, 3.1vw, 60px); font-weight: 700; line-height: 1.1; }
.pr-meta { margin: 44px auto 0; }
.pr-cta-wrap { position: relative; margin-top: 28px; }

/* main CTA: same button, quietly superior — halo, pulse ring, shine, slight lift */
.pr-cta-halo {
  position: absolute; left: 4%; right: 4%; top: 12%; bottom: 8%; z-index: 0; border-radius: 999px; pointer-events: none;
  background: linear-gradient(90deg, #004dff, #07bcfa, #004dff); background-size: 200% 100%; filter: blur(22px); opacity: .5;
  animation: pr-halo 3.2s ease-in-out infinite, pr-halo-slide 6s linear infinite;
}
@keyframes pr-halo { 0%, 100% { opacity: .38; transform: scale(.98); } 50% { opacity: .7; transform: scale(1.04); } }
@keyframes pr-halo-slide { to { background-position: -200% 0; } }
.buy-cta-btn--hero { position: relative; z-index: 1; transform: scale(1.03); }
.buy-cta-btn--hero:hover { transform: scale(1.03) translateY(-2px); }
.buy-cta-btn--hero::after {
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 2;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .55) 50%, transparent 62%); background-size: 260% 100%; background-position: 130% 0;
  -webkit-mask: url('assets/cta-pill-button.webp') center / 100% 100% no-repeat; mask: url('assets/cta-pill-button.webp') center / 100% 100% no-repeat;
  animation: pr-shine 4.2s ease-in-out infinite;
}
@keyframes pr-shine { 0%, 55% { background-position: 130% 0; } 100% { background-position: -40% 0; } }
.buy-cta-btn--hero.is-spotlight { animation: pr-spotlight 1.6s ease-out 1; }
@keyframes pr-spotlight { 0% { filter: drop-shadow(0 0 0 rgba(7, 188, 250, 0)); } 30% { filter: drop-shadow(0 0 26px rgba(7, 188, 250, .95)) brightness(1.1); transform: scale(1.07); } 100% { filter: none; } }
.buy-cta-btn--hero.is-powered-up { animation: heroCtaPower 1.35s cubic-bezier(.16, 1, .3, 1) forwards; }
.buy-cta-btn--hero.is-powering-down { animation: ep-ctaDeceleration .35s ease-out forwards; }
@keyframes heroCtaPower {
  0% { transform: scale(1.03); } 15% { transform: scale(1.0) translateY(1px); }
  35% { transform: scale(1.08) translateY(-8px); filter: drop-shadow(0 12px 22px rgba(0, 77, 255, .55)); }
  65% { transform: scale(1.04) translateY(-2px); } 100% { transform: scale(1.03); filter: none; }
}
.pricing-card .purchase-payment-logos { margin-top: 28px; }
@media (prefers-reduced-motion: reduce) {
  .pricing-section::before, .pricing-section::after, .pricing-card-glow, .pr-cta-halo, .buy-cta-btn--hero::after { animation: none; }
}

@media (max-width: 991.98px) {
  .pricing-card { padding: 200px 40px 44px; }
  .pr-bonuses { margin-left: -16px; margin-right: -16px; padding: 36px 28px; }
  .pr-item p { padding-right: 0; }
}
@media (max-width: 767.98px) {
  .pricing-section { padding: 52px 0 56px; }
  .pricing-title { font-size: var(--m-h2); line-height: 1.28; }
  .pricing-sub { font-size: var(--m-lead); margin-top: 12px; }
  .pricing-banner { margin-top: 16px; padding: 12px 14px; border-radius: 14px; font-size: var(--m-body); }
  .pricing-stage { margin-top: 28px; }
  .pricing-box { width: min(420px, 100%); margin-bottom: -70px; }
  .pricing-card { padding: 90px 16px 28px; border-radius: 20px; }
  .pricing-card-glow { inset: -10px; filter: blur(24px); }
  .pr-list { gap: 20px; }
  .pr-item { gap: 9px; }
  .pr-item__icon { flex-basis: 26px; }
  .pr-item__icon img { width: 26px; height: 26px; }
  .pr-list--bonus .pr-item__icon { flex-basis: 30px; }
  .pr-list--bonus .pr-item__icon img, .pr-zap { width: 30px; height: 30px; }
  .pr-item__row { flex-direction: column; align-items: flex-start; gap: 6px; }
  .pr-item h3 { font-size: var(--m-lead); }
  .pr-item p { font-size: var(--m-body); margin-top: 4px; }
  .pr-pill { min-width: 0; height: 28px; font-size: 14px; border-radius: 14px; }
  .pr-bonuses { margin: 32px -8px 0; padding: 22px 12px; gap: 18px; border-radius: 14px; }
  .pr-fast { font-size: var(--m-lead); padding: 6px 0; }
  .pr-total { grid-template-columns: 1fr; row-gap: 20px; margin-top: 32px; }
  .pr-total::before { display: none; }
  .pr-total__right { padding-top: 20px; border-top: 2px dashed rgba(0, 77, 255, .3); }
  .pr-total__chip { height: 36px; padding: 0 22px; }
  .pr-meta { margin-top: 28px; }
  .buy-cta-btn--hero { transform: none; }
  .pr-cta-wrap { margin-top: 20px; }
}

/* keep enough page below the main CTA so anchoring can centre it in the viewport */
.pricing-section { padding-bottom: max(100px, 32vh); }


/* pricing: calmer — no card/background glow, clearer zap icons, more air above the CTA */
.pricing-card-glow, .pricing-card__halo, .pricing-section::after { display: none; }
.pr-zap img { width: 22px; height: 22px; }
.pr-cta-wrap { margin-top: 56px; }
@media (max-width: 767.98px) { .pr-cta-wrap { margin-top: 36px; } }

/* pricing: price-goes-up timer subsection */
.timer-block { margin-top: 96px; text-align: center; }
.timer-title { margin: 0; color: #fff; font-size: clamp(28px, 2.3vw, 44px); font-weight: 700; line-height: 1.25; }
.timer-grid { display: grid; grid-template-columns: minmax(0, 555px) minmax(0, 413px); column-gap: 83px; justify-content: center; align-items: center; margin-top: 56px; text-align: left; }
.timer-copy { color: #fff; font-size: clamp(17px, 1.04vw, 20px); line-height: 1.7; }
.timer-copy p { margin: 0 0 30px; }
.timer-copy p:last-child { margin: 0; }
.timer-copy__strong { color: #36ccff; font-weight: 700; }
.timer-visual { position: relative; width: 100%; aspect-ratio: 827 / 1103; }
.timer-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* live countdown sitting on the blank board in the artwork */
.timer-board {
  position: absolute; left: 13.4%; top: 57.4%; width: 77%; height: 19.6%; display: flex; align-items: center; justify-content: space-between; gap: 1%; padding: 0 2.2%;
  transform: rotate(-1.4deg); transform-origin: 50% 50%;
}
.timer-cell { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4%; padding: 6% 0 4%; border-radius: 14px; background: linear-gradient(180deg, #eef3ff, #dfe8ff); box-shadow: inset 0 0 0 1px rgba(0, 77, 255, .12), 0 4px 10px rgba(0, 46, 153, .12); }
.timer-cell b { font-size: clamp(23px, 2.5vw, 48px); font-weight: 900; line-height: 1; color: #06152f; font-variant-numeric: tabular-nums; letter-spacing: -.5px; }
.timer-cell span { font-size: clamp(9px, .72vw, 13.5px); font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #004dff; }
.timer-board i { font-style: normal; font-weight: 900; font-size: clamp(19px, 2vw, 36px); line-height: 1; color: #004dff; animation: timer-blink 1s steps(2, jump-none) infinite; padding-bottom: 3%; }
@keyframes timer-blink { 50% { opacity: .3; } }
.timer-choice { max-width: 726px; margin: 56px auto 0; padding: 18px 40px; border-radius: 20px; background: #fff12b; color: #000; font-size: clamp(16px, 1.04vw, 20px); font-weight: 700; line-height: 1.45; box-shadow: 0 10px 40px rgba(255, 241, 43, .15); }
@media (prefers-reduced-motion: reduce) { .timer-board i { animation: none; } }
@media (max-width: 991.98px) {
  .timer-grid { grid-template-columns: 1fr; row-gap: 32px; }
  .timer-visual { max-width: 413px; margin: 0 auto; }
}
@media (max-width: 767.98px) {
  .timer-block { margin-top: 52px; }
  .timer-title { font-size: var(--m-h2); }
  .timer-title br { display: none; }
  .timer-grid { margin-top: 24px; }
  .timer-copy { font-size: var(--m-body); line-height: 1.6; }
  .timer-copy p { margin-bottom: 16px; }
  .timer-choice { margin-top: 28px; padding: 14px 16px; border-radius: 14px; font-size: var(--m-body); }
  .timer-cell { border-radius: 8px; }
  .timer-cell b { font-size: 6.4vw; }
  .timer-cell span { font-size: 2.3vw; }
}

/* timer: a touch smaller, semi-bold, slightly more tilted */
.timer-board { transform: rotate(-2.4deg); padding: 0 4%; gap: .8%; }
.timer-cell { padding: 5% 0 3%; border-radius: 12px; }
.timer-cell b { font-size: clamp(19px, 1.9vw, 36px); font-weight: 600; letter-spacing: 0; }
.timer-cell span { font-size: clamp(8px, .6vw, 11.5px); font-weight: 600; }
.timer-board i { font-size: clamp(15px, 1.5vw, 28px); font-weight: 600; }
@media (max-width: 767.98px) { .timer-cell b { font-size: 5.2vw; } .timer-cell span { font-size: 1.9vw; } }

/* timer: no tile boxes, tilted to -3deg */
.timer-board { transform: rotate(-3deg); }
.timer-cell { background: none; box-shadow: none; border-radius: 0; }

/* timer tilt -5deg; the timer subsection now gives the CTA enough page below it, so the extra bottom padding goes */
.timer-board { transform: rotate(-5deg); }
.pricing-section { padding-bottom: 72px; }
@media (max-width: 767.98px) { .pricing-section { padding-bottom: 44px; } }

/* timer text colour */
.timer-cell b, .timer-cell span, .timer-board i { color: #FA023E; }

/* timer subsection: tighter vertical rhythm (the artwork has transparent margins top and bottom) */
.timer-block { margin-top: 64px; }
.timer-grid { margin-top: 8px; }
.timer-visual { margin-top: -9%; margin-bottom: -9%; }
.timer-choice { margin-top: 28px; }
@media (max-width: 991.98px) { .timer-visual { margin-top: -6%; margin-bottom: -6%; } }
@media (max-width: 767.98px) { .timer-block { margin-top: 44px; } .timer-grid { margin-top: 4px; } .timer-choice { margin-top: 20px; } }


/* SECTIONS 32–35 + FOOTER */

/* 32 · Why you must say yes */
.why-yes-section { background: #fff; }
.why-yes-title { color: #000; font-weight: 700; font-size: clamp(26px, 2.3vw, 44px); line-height: 1.25; }
.wy-grid { list-style: none; margin: 60px auto 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 273px)); gap: 50px 26px; justify-content: center; align-items: stretch; }
.wy-card { background: #fff; border: 1px solid #cbd5da; border-radius: 20px; padding: 22px 20px 26px; text-align: center; }
.wy-card img { display: block; width: auto; height: 122px; max-width: 78%; margin: 0 auto 10px; object-fit: contain; }
.wy-card h3 { margin: 0; color: #000; font-size: clamp(20px, 1.25vw, 24px); font-weight: 700; line-height: 1.2; }
.wy-card p { margin: 14px 0 0; color: #757575; font-size: clamp(16px, .94vw, 18px); line-height: 1.3; }
.wy-card--last { grid-column: 2 / span 2; justify-self: center; width: 273px; }
.why-yes-section .buy-cta-section--inline { margin-top: 80px; }

/* 33 · Enough talk */
.enough-section { background: linear-gradient(180deg, #edf0ff, #fff); padding-bottom: calc(var(--section-py) + 200px); }
.enough-title { color: #000; font-weight: 700; font-size: clamp(26px, 2.3vw, 44px); line-height: 1.25; }
.enough-grid { display: grid; grid-template-columns: minmax(0, 347px) minmax(0, 602px); column-gap: 60px; justify-content: center; align-items: center; margin-top: 56px; }
.enough-man { width: 100%; height: auto; }
.enough-copy { color: #000; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.4; }
.enough-copy p { margin: 0 0 30px; }
.enough-copy p:last-child { margin: 0; }
.enough-copy__blue { color: #003cff; font-weight: 700; }
.enough-copy__blue2 { color: #121aff; font-weight: 700; }

/* 34 · "To your success" card, straddles the sections above and below */
.success-overlap { --so-up: 200px; --so-down: 196px; position: relative; z-index: 6; max-width: 592px; margin: calc(-1 * var(--so-up)) auto calc(-1 * var(--so-down)); padding: 0 20px; box-sizing: content-box; }
.success-card {
  position: relative; overflow: hidden; isolation: isolate; height: 386px; border-radius: 40px; background: #150b0b; border: 1px solid #090606;
  display: flex; flex-direction: column; align-items: center; text-align: center; color: #fff; box-shadow: 0 30px 70px rgba(21, 11, 11, .35);
}
.success-card__blob { position: absolute; z-index: -2; width: 70%; height: 70%; border-radius: 50%; filter: blur(46px); opacity: .85; will-change: transform; }
.success-card__blob--a { left: -22%; top: -34%; background: #c25a0a; animation: sc-drift-a 11s ease-in-out infinite alternate; }
.success-card__blob--b { left: 24%; top: -40%; background: #a1136e; animation: sc-drift-b 13s ease-in-out infinite alternate; }
.success-card__blob--c { right: -26%; top: -34%; background: #2a2dc8; animation: sc-drift-c 12s ease-in-out infinite alternate; }
@keyframes sc-drift-a { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(34%, 22%, 0) scale(1.15); } }
@keyframes sc-drift-b { from { transform: translate3d(-18%, 0, 0) scale(1.05); } to { transform: translate3d(22%, 26%, 0) scale(.9); } }
@keyframes sc-drift-c { from { transform: translate3d(0, 6%, 0) scale(1); } to { transform: translate3d(-40%, 20%, 0) scale(1.18); } }
.success-card__grid { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px); background-size: 32px 32px;
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 45%, #000 20%, transparent 100%); mask-image: radial-gradient(ellipse 80% 80% at 50% 45%, #000 20%, transparent 100%); }
.success-card__kicker { margin: 36px 0 0; font-size: 24px; font-weight: 700; line-height: 1.2; }
.success-card__avatars { display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.success-card__avatars img, .success-card__avatars span { width: 150px; height: 150px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .1); object-fit: cover; box-sizing: border-box; }
.success-card__avatars img { position: relative; z-index: 1; margin-right: -14px; }
.success-card__avatars span { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #eef0f3, #dfe2e6); color: rgba(0, 0, 0, .4); font-size: 34px; font-weight: 700; letter-spacing: 1.7px; }
.success-card__name { margin: 20px 0 0; font-size: 24px; font-weight: 700; line-height: 1.2; }
.success-card__role { margin: 6px 0 0; color: #c8b7b7; font-size: 14px; }
@media (prefers-reduced-motion: reduce) { .success-card__blob { animation: none; } }

/* 35 · FAQ */
.faq-section { position: relative; z-index: 2; background: #e7e8ee; padding: calc(var(--so-down, 196px) + 70px) 0 90px; }
.faq-section { --so-down: 196px; }
.faq-container { max-width: 1178px; margin: 0 auto; padding: 0 20px; }
.faq-title { margin: 0 0 33px; text-align: center; color: #000; font-size: clamp(28px, 2.3vw, 44px); font-weight: 700; }
.faq-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.faq-item { display: flex; gap: 10px; align-items: flex-start; padding: 22px 30px; background: #fff; border-radius: 20px; }
.faq-item__q { flex: 0 0 50px; width: 50px; padding: 10px 0; border-radius: 20px; background: #f3f3f3; color: #000; text-align: center; font-size: 24px; font-weight: 600; line-height: 1.2; }
.faq-item h3 { margin: 0 0 10px; color: #000; font-size: clamp(19px, 1.25vw, 24px); font-weight: 600; line-height: 1.3; }
.faq-item p { margin: 0; color: #000; font-size: clamp(16px, 1.15vw, 22px); line-height: 1.4; }

/* footer */
.site-footer { position: relative; z-index: 2; background: #06152f; padding: 22px 20px; text-align: center; }
.site-footer p { margin: 0; color: #9fb0d0; font-size: 14px; line-height: 1.4; }

@media (max-width: 1199.98px) { .wy-grid { grid-template-columns: repeat(3, minmax(0, 273px)); } .wy-card--last { grid-column: auto; justify-self: stretch; width: auto; } }
@media (max-width: 991.98px) {
  .wy-grid { grid-template-columns: repeat(2, minmax(0, 273px)); }
  .enough-grid { grid-template-columns: 1fr; row-gap: 32px; }
  .enough-man { max-width: 300px; margin: 0 auto; }
}
@media (max-width: 767.98px) {
  .why-yes-title, .enough-title { font-size: var(--m-h2); line-height: 1.28; }
  .why-yes-title br { display: none; }
  .wy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
  .wy-card { padding: 16px 12px 18px; border-radius: 16px; }
  .wy-card img { height: 78px; }
  .wy-card h3 { font-size: 16.5px; }
  .wy-card p { font-size: 13.5px; margin-top: 8px; line-height: 1.35; }
  .wy-card--last { grid-column: 1 / -1; justify-self: center; width: 60%; }
  .why-yes-section .buy-cta-section--inline { margin-top: 40px; }
  .enough-section { padding-bottom: calc(var(--section-py) + 110px); }
  .enough-grid { margin-top: 24px; }
  .enough-copy { font-size: var(--m-body); }
  .enough-copy p { margin-bottom: 16px; }
  .success-overlap { --so-up: 110px; --so-down: 120px; padding: 0 14px; }
  .success-card { height: auto; padding-bottom: 28px; border-radius: 26px; }
  .success-card__kicker { margin-top: 24px; font-size: 21px; }
  .success-card__avatars { margin-top: 20px; }
  .success-card__avatars img, .success-card__avatars span { width: 104px; height: 104px; }
  .success-card__avatars span { font-size: 25px; }
  .success-card__name { font-size: 19px; margin-top: 14px; padding: 0 14px; }
  .success-card__role { font-size: 13.5px; padding: 0 14px; }
  .faq-section { --so-down: 120px; padding: calc(120px + 40px) 0 48px; }
  .faq-title { margin-bottom: 20px; }
  .faq-list { gap: 10px; }
  .faq-item { padding: 16px 16px; gap: 10px; border-radius: 16px; }
  .faq-item__q { flex-basis: 34px; width: 34px; padding: 6px 0; font-size: 18px; border-radius: 12px; }
  .faq-item h3 { font-size: var(--m-lead); margin-bottom: 6px; }
  .faq-item p { font-size: var(--m-body); }
}


/* MOBILE — breathing room, bigger type, calmer hero (≤767px) */
@media (max-width: 767.98px) {
  :root { --section-py: 54px; }
  .tc-container, .hero-section__container, .three-steps-container, .license-container, .guarantee-container, .faq-container { padding-left: 20px; padding-right: 20px; }

  /* text-heavy blocks: looser lines and paragraph gaps */
  .enough-copy, .timer-copy, .lp-text, .license-copy, .guarantee-copy, .act-copy, .early-copy, .deal-card__copy,
  .enjoy-peace, .nocourse-nobody, .step-desc, .wy-card p, .zh-card p, .pr-item p, .faq-item p, .bonus-card p, .sw-card p,
  .imagine-list p, .imagine-callout__text, .hassle-sub, .enjoy-sub, .act-sub, .early-sub, .guarantee-sub, .deal-card__sub,
  .t-card__quote, .testimonials-sub, .stories-sub { line-height: 1.6; }
  .enough-copy p, .timer-copy p, .license-copy p, .act-copy p, .early-copy p, .deal-card__copy p, .lp-text p, .enjoy-peace p { margin-bottom: 20px; }
  .guarantee-copy ul { margin: 20px 0 0; }
  .guarantee-copy li { margin-bottom: 12px; }
  .faq-list { gap: 14px; }
  .faq-item { padding: 20px 18px; }
  .faq-item h3 { margin-bottom: 8px; line-height: 1.35; }
  .zh-list, .bonus-list, .rv-grid, .sw-grid { gap: 14px; }
  .pr-list { gap: 26px; }
  .pr-item p { margin-top: 6px; }
  .bonus-card__body { padding: 22px 20px; }
  .bonus-card p { margin-bottom: 16px; }
  .tc-heading, .nocourse-title, .perfect-title, .enough-title, .why-yes-title, .pricing-title, .timer-title, .guarantee-title { line-height: 1.3; }

  /* Hero: larger headline, more air */
  .hero-section { padding: 24px 0 14px; }
  .hero-logo { max-width: 200px; }
  .hero-logo-wrap { margin-bottom: 18px; }
  .hero-badge-pill { margin-bottom: 20px; padding: 8px 14px; line-height: 1.4; }
  .hero-subhead { font-size: 17px; line-height: 1.4; margin-bottom: 12px; }
  .hero-headline { font-size: 29px; line-height: 1.24; margin-bottom: 22px; letter-spacing: -.2px; }
  .hero-headline .highlight-bg { padding: 1px 9px; margin: 0 1px; }
  .hero-divider-wrap { margin-bottom: 20px; }
  .hero-desc { font-size: 16.5px; line-height: 1.62; margin-bottom: 24px; }
  .hero-handsfree-wrap { padding: 8px 14px; }
  .hero-handsfree-container { margin-bottom: 24px; }
  .hero-steps-text { font-size: 17px; line-height: 1.5; margin-bottom: 22px; }
  .hero-badges-row--red { gap: 9px; }
  .hero-badge-chip { min-height: 38px; padding: 7px 10px; }
  .hero-badges-row--green { margin: 12px auto 26px; }
}
@media (max-width: 380px) { .hero-headline { font-size: 26.5px; } }

/* REAL BETA USER RESULTS (new section after 3 Easy Steps) */
.results-section { background: linear-gradient(180deg, #f4f5ff 0%, #ffffff 100%); }
.results-title { text-align: center; color: var(--tc-navy); margin: 0 auto 48px; max-width: 900px; }
.rs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.rs-card {
  --rs-a: #5b2fd6; --rs-b: #3b82f6; --rs-tint: rgba(91,47,214,.08); --rs-ink: #4a22b8;
  position: relative; display: flex; flex-direction: column;
  padding: 32px 36px 28px; border-radius: 24px; border: 2px solid transparent;
  background:
    radial-gradient(ellipse at 80% 8%, var(--rs-tint), transparent 55%) padding-box,
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, var(--rs-a), var(--rs-b)) border-box;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}
.rs-card--purple  { --rs-a:#5b2fd6; --rs-b:#3b5bff; --rs-tint:rgba(91,47,214,.10); --rs-ink:#4a22b8; }
.rs-card--teal    { --rs-a:#0b8a6a; --rs-b:#1597c9; --rs-tint:rgba(11,138,106,.10); --rs-ink:#0a6f57; }
.rs-card--magenta { --rs-a:#9b2fd6; --rs-b:#d62fb5; --rs-tint:rgba(155,47,214,.10); --rs-ink:#8a24c0; }
.rs-card--orange  { --rs-a:#e0701b; --rs-b:#d62f4a; --rs-tint:rgba(224,112,27,.10); --rs-ink:#b8421a; }
.rs-card--blue    { --rs-a:#1b6fb8; --rs-b:#5b2fd6; --rs-tint:rgba(27,111,184,.10); --rs-ink:#1a5c96; }
.rs-card--plum    { --rs-a:#7a2a9a; --rs-b:#d62f6a; --rs-tint:rgba(122,42,154,.10); --rs-ink:#7a2a82; }
.rs-card__title {
  margin: 0 0 16px; font-family: var(--tc-font); font-size: 29px; line-height: 1.2;
  font-weight: 800; letter-spacing: -.3px; color: var(--rs-ink);
}
.rs-card__media {
  aspect-ratio: 832 / 300; margin: 0 0 18px; border-radius: 14px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--rs-tint), rgba(255,255,255,0));
}
.rs-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rs-card__text { margin: 0; font-size: 17px; line-height: 1.85; color: #475569; }
.rs-card__text strong { color: #0f172a; font-weight: 700; }
.rs-chip {
  display: inline; padding: 2px 9px; border-radius: 8px; white-space: normal;
  background: #f4f6fa; border: 1px solid #d9dfe9; color: #0f172a; font-weight: 700;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.rs-chip--soft { font-weight: 600; background: #f1f4f9; }
.rs-chip--soft, .rs-chip--accent { white-space: nowrap; }
.rs-chip--accent { background: var(--rs-tint); border-color: var(--rs-a); color: var(--rs-ink); }
@media (max-width: 991.98px) {
  .rs-grid { gap: 24px; }
  .rs-card { padding: 26px 24px 24px; }
  .rs-card__title { font-size: 24px; }
}
@media (max-width: 767.98px) {
  .results-title { margin-bottom: 28px; }
  .rs-grid { grid-template-columns: 1fr; gap: 20px; }
  .rs-card { padding: 22px 18px 20px; border-radius: 20px; }
  .rs-card__title { font-size: 21px; margin-bottom: 12px; }
  .rs-card__text { font-size: 15px; line-height: 1.8; }
}

/* Exit popup: red theme overrides for the shared order-bump box */
.bump-box--popup .bump-box__headline em,
.bump-box--popup .bump-box__bonus,
.bump-box--popup .bump-box__price b { color: #fb3538; }
.bump-box--popup .bump-box__bonus { background: rgba(251, 53, 56, .1); border-color: rgba(251, 53, 56, .28); }
.bump-box--popup .bump-box__input:focus-visible ~ .bump-box__tick { outline-color: #fb3538; }

/* Subtle "keep scrolling" arrow tucked into the bottom padding of each section */
.sec-arrow {
  position: absolute; left: 50%; bottom: 22px; width: 30px; height: auto;
  margin-left: -15px; z-index: 3; pointer-events: none; user-select: none;
  animation: sec-arrow-nudge 2.2s ease-in-out infinite;
}
@keyframes sec-arrow-nudge {
  0%, 100% { transform: translateY(-3px); opacity: .65; }
  50%      { transform: translateY(4px);  opacity: 1; }
}
@media (max-width: 1199.98px) { .sec-arrow { width: 28px; margin-left: -14px; bottom: 14px; } }
@media (max-width: 767.98px)  { .sec-arrow { width: 26px; margin-left: -13px; bottom: 3px; } }
@media (prefers-reduced-motion: reduce) { .sec-arrow { animation: none; } }

/* Compact vertical rhythm for "Live in under 10 minutes" (tablet + desktop) */
@media (min-width: 768px) {
  .ten-min__title { padding: 26px 48px 46px; }
  .ten-min__pill { padding: 12px 40px; margin-top: -34px; }
  .ten-min__list { margin-top: 36px; gap: 18px; }
  .ten-min__node { width: 64px; height: 64px; border-width: 5.5px; }
  .ten-min__node img { width: 44px; height: 44px; }
  .ten-min::before { top: 170px; bottom: 50px; }
  .minute-card { min-height: 0; padding: 16px 28px 16px 40px; border-radius: 34px; }
  .minute-card__visual { zoom: .82; }
  .minute-card__title { margin-top: 8px; }
  .minute-card__desc { margin-top: 6px; }
  .ten-min__done { margin-top: 24px; padding: 10px 40px 10px 32px; }
  .who-does { margin-top: 64px; padding-top: 48px; }
  .ten-min-punchline { margin-top: 48px; }
}

/* Back to top button */
.back-to-top {
  position: fixed; right: 20px; bottom: 20px; z-index: 99000;
  width: 42px; height: 42px; display: grid; place-items: center;
  border: 0; border-radius: 50%; cursor: pointer; color: #fff;
  background: linear-gradient(145deg, #0f94e5, #004dff);
  box-shadow: none;
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity .25s, transform .25s, visibility .25s;
}
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.back-to-top:hover { filter: brightness(1.1); }
.back-to-top:focus-visible { outline: 3px solid #fce03e; outline-offset: 2px; }
@media (max-width: 767.98px) { .back-to-top { right: 14px; bottom: 14px; width: 38px; height: 38px; } }
.hero-headline .nowrap { white-space: nowrap; }