/* Approved client offer: Babyblue / Precision Slash */
#nextStepsSection .discount {
  background: linear-gradient(to bottom, #05090c 0 462px, #f7f8f8 462px) !important;
  color: #0b1320 !important;
  padding: 24px !important;
}

#nextStepsSection .discount-inner {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#nextStepsSection .discount-header {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  min-height: 360px !important;
  overflow: hidden !important;
  margin: 0 0 16px !important;
  padding: 34px 36px 122px !important;
  border: 2px solid #ff690d !important;
  border-radius: 20px !important;
  background: #07090b url('./coupon-bg-b-precision-slash.png') center / cover no-repeat !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .22), inset 0 0 34px rgba(255, 112, 13, .06) !important;
}

#nextStepsSection .discount-header::before,
#nextStepsSection .discount-header::after {
  content: none !important;
  display: none !important;
}

#nextStepsSection .discount-header::before {
  z-index: 0 !important;
  top: -22% !important;
  right: -5% !important;
  bottom: -24% !important;
  width: 56% !important;
  border-left: 1px solid rgba(255, 126, 31, .9) !important;
  background: linear-gradient(90deg, rgba(96, 31, 2, .72), rgba(255, 91, 3, .96) 44%, #f46a0a 100%) !important;
  box-shadow: -8px 0 25px rgba(255, 93, 4, .12), inset 1px 0 rgba(255, 175, 84, .55) !important;
}

#nextStepsSection .discount-header::after {
  z-index: 1 !important;
  top: -19% !important;
  right: 10% !important;
  bottom: -21% !important;
  width: 17% !important;
  border-left: 1px solid rgba(255, 171, 83, .52) !important;
  border-right: 1px solid rgba(255, 151, 56, .34) !important;
  background: linear-gradient(90deg, rgba(255, 133, 35, .08), rgba(255, 155, 61, .29)) !important;
}

#nextStepsSection .discount-heading { position: relative !important; z-index: 3 !important; }

#nextStepsSection .discount h2 {
  max-width: 430px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 49px !important;
  font-weight: 900 !important;
  line-height: .91 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 4px 16px rgba(0, 0, 0, .34) !important;
}

#nextStepsSection .discount h2 br { display: none !important; }
#nextStepsSection .discount h2 span {
  display: block !important;
  width: max-content !important;
  margin: 5px 0 6px !important;
  padding: 6px 15px 8px !important;
  border-radius: 11px !important;
  background: linear-gradient(100deg, #ff9d2b, #ff7d0b) !important;
  color: #07090b !important;
  box-shadow: 0 10px 27px rgba(255, 116, 0, .2) !important;
}

#nextStepsSection .client-photo-strip {
  position: absolute !important;
  z-index: 4 !important;
  right: 30px !important;
  bottom: 28px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 82px) !important;
  gap: 9px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 14px !important;
  background: rgba(4, 6, 8, .72) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
}

#nextStepsSection .client-photo-strip:empty { display: none !important; }
#nextStepsSection .client-shot {
  display: block !important;
  width: 82px !important;
  height: 82px !important;
  aspect-ratio: 1 !important;
  object-fit: cover !important;
  border: 2px solid rgba(255, 255, 255, .88) !important;
  border-radius: 11px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .28) !important;
}

#nextStepsSection .discount-copy {
  padding: 48px 44px 0 !important;
  border: 1px solid #d9dde0 !important;
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  color: #0b1320 !important;
  box-shadow: 0 10px 34px rgba(15, 24, 32, .045) !important;
}

#nextStepsSection .discount h3 {
  position: relative !important;
  max-width: 650px !important;
  margin: 0 0 30px !important;
  padding: 0 0 48px !important;
  color: #0a1220 !important;
  font-size: 43px !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

#nextStepsSection .discount h3::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 68px !important;
  height: 5px !important;
  margin: 0 !important;
  border-radius: 2px !important;
  background: #ff4f0b !important;
}

#nextStepsSection .discount h3::after { display: none !important; }
#nextStepsSection .discount p {
  max-width: 690px !important;
  margin: 0 0 28px !important;
  color: #151d2b !important;
  font-size: 21px !important;
  font-weight: 430 !important;
  line-height: 1.48 !important;
}

#nextStepsSection .discount-copy > .discount-intro:first-of-type { margin-bottom: 30px !important; }
#nextStepsSection .discount-reason { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
#nextStepsSection .discount-reason p { margin-bottom: 28px !important; }
#nextStepsSection .discount-causal-line { display: block !important; margin-bottom: 10px !important; }
#nextStepsSection .discount-reason .discount-conclusion {
  margin: 34px 0 36px !important;
  color: #f04b0e !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}
#nextStepsSection .discount strong { color: #111827 !important; font-weight: 800 !important; }

#nextStepsSection .discount-validity {
  position: relative !important;
  display: block !important;
  min-height: 138px !important;
  margin: 0 !important;
  padding: 39px 0 35px 94px !important;
  border-top: 1px solid #d8dce0 !important;
  border-bottom: 1px solid #d8dce0 !important;
  color: #141c29 !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
}

#nextStepsSection .discount-validity::before {
  content: '' !important;
  position: absolute !important;
  left: 12px !important;
  top: 35px !important;
  width: 58px !important;
  height: 58px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23f45114' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='12' width='50' height='45' rx='6'/%3E%3Cpath d='M7 23h50M18 7v11M46 7v11'/%3E%3Cg fill='%23f45114' stroke='none'%3E%3Ccircle cx='20' cy='32' r='2.4'/%3E%3Ccircle cx='32' cy='32' r='2.4'/%3E%3Ccircle cx='44' cy='32' r='2.4'/%3E%3Ccircle cx='20' cy='42' r='2.4'/%3E%3Ccircle cx='32' cy='42' r='2.4'/%3E%3Ccircle cx='44' cy='42' r='2.4'/%3E%3Ccircle cx='20' cy='52' r='2.4'/%3E%3Ccircle cx='32' cy='52' r='2.4'/%3E%3Ccircle cx='44' cy='52' r='2.4'/%3E%3C/g%3E%3C/svg%3E") !important;
  box-shadow: none !important;
}

#nextStepsSection .discount-validity::after { display: none !important; content: none !important; }
#nextStepsSection .discount-days { color: #f45114 !important; text-decoration: none !important; font-weight: 900 !important; white-space: nowrap !important; }

#nextStepsSection .discount-action {
  position: relative !important;
  margin: 0 !important;
  padding: 36px 44px 82px !important;
  border: 1px solid #d9dde0 !important;
  border-top: 0 !important;
  border-radius: 0 0 20px 20px !important;
  background: #fff !important;
  box-shadow: 0 18px 38px rgba(15, 24, 32, .06) !important;
}

#nextStepsSection .discount-action a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 22px 74px 22px 32px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(100deg, #ff9b23, #ff7f0d) !important;
  color: #07090a !important;
  text-align: center !important;
  box-shadow: 0 13px 32px rgba(255, 116, 0, .2) !important;
}

#nextStepsSection .discount-action-copy { display: block !important; text-align: center !important; }
#nextStepsSection .discount-action-title { display: block !important; color: #07090a !important; font-size: 21px !important; font-weight: 900 !important; line-height: 1.2 !important; white-space: nowrap !important; }
#nextStepsSection .discount-action > a { font-size: 21px !important; font-weight: 900 !important; line-height: 1.2 !important; white-space: nowrap !important; }
#nextStepsSection .discount-action-validity { position: absolute !important; top: calc(100% + 23px) !important; right: auto !important; left: 50% !important; width: 100% !important; color: #1d2530 !important; font-size: 15px !important; font-weight: 450 !important; font-style: italic !important; text-align: center !important; white-space: nowrap !important; transform: translateX(-50%) !important; }
#nextStepsSection .discount-action-validity strong { color: inherit !important; font-weight: 600 !important; }
#nextStepsSection .discount-action > p { position: static !important; width: 100% !important; margin: 23px 0 0 !important; color: #2b2d30 !important; font-size: 15px !important; font-weight: 450 !important; font-style: normal !important; text-align: center !important; white-space: nowrap !important; transform: none !important; }
#nextStepsSection .discount-action-arrow { position: absolute !important; right: 30px !important; top: 50% !important; transform: translateY(-50%) !important; color: #090b0d !important; font-size: 0 !important; }
#nextStepsSection .discount-action-arrow::before { content: '›' !important; font-size: 54px !important; font-weight: 300 !important; line-height: 1 !important; }

@media screen and (max-width: 760px) {
  #nextStepsSection .discount p.discount-validity { margin-bottom: 0 !important; }
  #nextStepsSection .discount { background: linear-gradient(to bottom, #05090c 0 420px, #f7f8f8 420px) !important; padding: 12px !important; }
  #nextStepsSection .discount-header { min-height: 348px !important; margin-bottom: 18px !important; padding: 25px 22px 112px !important; border-radius: 16px !important; }
  #nextStepsSection .discount-header::before { right: -27% !important; width: 75% !important; }
  #nextStepsSection .discount-header::after { right: 2% !important; width: 19% !important; }
  #nextStepsSection .discount h2 { max-width: 300px !important; font-size: 41px !important; line-height: .91 !important; }
  #nextStepsSection .discount h2 span { margin: 6px 0 4px !important; padding: 5px 12px 7px !important; border-radius: 8px !important; }
  #nextStepsSection .client-photo-strip { right: auto !important; left: 22px !important; bottom: 22px !important; grid-template-columns: repeat(3, 70px) !important; gap: 7px !important; }
  #nextStepsSection .client-shot { width: 70px !important; height: 70px !important; border-radius: 9px !important; }
  #nextStepsSection .discount-copy { padding: 36px 25px 0 !important; border-radius: 16px 16px 0 0 !important; }
  #nextStepsSection .discount h3 { margin-bottom: 25px !important; padding-bottom: 35px !important; font-size: 34px !important; }
  #nextStepsSection .discount h3::before { width: 58px !important; height: 4px !important; }
  #nextStepsSection .discount p { font-size: 17px !important; line-height: 1.52 !important; }
  #nextStepsSection .discount-reason .discount-conclusion { margin: 28px 0 31px !important; font-size: 19px !important; }
  #nextStepsSection .discount-validity { min-height: 122px !important; padding: 30px 0 28px 69px !important; font-size: 17px !important; }
  #nextStepsSection .discount-days { white-space: normal !important; overflow-wrap: anywhere !important; }
  #nextStepsSection .discount-validity::before { left: 3px !important; top: 31px !important; width: 49px !important; height: 49px !important; }
  #nextStepsSection .discount-action { padding: 28px 25px 74px !important; border-radius: 0 0 16px 16px !important; }
  #nextStepsSection .discount-action a { min-height: 104px !important; padding: 20px 44px 20px 20px !important; border-radius: 13px !important; }
  #nextStepsSection .discount-action > a { font-size: clamp(12.5px, 3.35vw, 14px) !important; white-space: nowrap !important; }
  #nextStepsSection .discount-action-title { max-width: none !important; margin: 0 auto !important; font-size: clamp(13px, 3.6vw, 15px) !important; line-height: 1.2 !important; white-space: nowrap !important; }
  #nextStepsSection .discount-action-validity { top: calc(100% + 19px) !important; font-size: 13px !important; white-space: normal !important; }
  #nextStepsSection .discount-action > p { margin-top: 19px !important; font-size: 13px !important; white-space: normal !important; }
  #nextStepsSection .discount-action-arrow { right: 17px !important; }
}

/* Approved color treatment: Variant B — Clean Contrast. */
#nextStepsSection .discount-copy,
#nextStepsSection .discount-action {
  border-color: #c8dfe9 !important;
  background: #fff !important;
}

#nextStepsSection .discount h3,
#nextStepsSection .discount strong { color: #0b0c0e !important; }
#nextStepsSection .discount h3::before { background: #ff5717 !important; }
#nextStepsSection .discount p { color: #1b1d20 !important; }
#nextStepsSection .discount-reason .discount-conclusion { color: #e94f13 !important; }
#nextStepsSection .discount-validity { color: #17191c !important; border-color: #d4d7d9 !important; }
#nextStepsSection .discount-days { color: #137fa7 !important; }

#nextStepsSection .discount-action a {
  gap: 13px !important;
  padding-right: 32px !important;
  padding-left: 32px !important;
  border: 1px solid #25272a !important;
  background: #0b0c0e !important;
  color: #fff !important;
  box-shadow: 0 13px 32px rgba(11, 12, 14, .2) !important;
}

#nextStepsSection .discount-action-title { color: #fff !important; }
#nextStepsSection .discount-action-copy {
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
}
#nextStepsSection .discount-action-note {
  display: block !important;
  color: #ff8a52 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}
#nextStepsSection .discount-action-arrow {
  display: none !important;
}

#nextStepsSection .discount-action-title::after {
  content: '→' !important;
  display: inline-block !important;
  margin-left: 11px !important;
  color: #fff !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  line-height: .8 !important;
  transform: translateY(2px) !important;
}

#nextStepsSection .discount-action-validity { color: #2b2d30 !important; }

/* Low/Moderate Level 1: no discount messaging, only the final program CTA. */
#nextStepsSection .discount.no-discount-offer {
  padding: 52px 44px !important;
  background: #e2f3fa !important;
}

#nextStepsSection .discount.no-discount-offer .discount-header,
#nextStepsSection .discount.no-discount-offer .discount-copy {
  display: none !important;
}

#nextStepsSection .discount.no-discount-offer .discount-action {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#nextStepsSection .discount.no-discount-offer .discount-action > p {
  display: none !important;
}

#nextStepsSection .discount.no-discount-offer .discount-action-note {
  display: none !important;
}

#nextStepsSection .discount.no-discount-offer .discount-action > a {
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

@media screen and (max-width: 760px) {
  #nextStepsSection .discount.no-discount-offer {
    padding: 36px 20px 44px !important;
  }

  #nextStepsSection .discount.no-discount-offer .discount-action > a {
    min-height: 96px !important;
  }

  #nextStepsSection .discount-action a {
    gap: 9px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  #nextStepsSection .discount-action-title::after {
    margin-left: 8px !important;
    font-size: 23px !important;
  }

  #nextStepsSection .discount-action-note {
    font-size: 12px !important;
  }
}
