/* Final editorial direction: section copy always starts left, support content sits right. */
.section-grid,
.mechanism-shell,
.command-section,
.authority-section,
.faq-section {
  display: grid !important;
  align-items: center !important;
  width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
}

.section-grid {
  grid-template-columns: minmax(420px, 0.78fr) minmax(0, 1.22fr) !important;
  gap: clamp(34px, 6vw, 88px) !important;
}

.mechanism-shell {
  grid-template-columns: minmax(0, 0.78fr) minmax(360px, 0.9fr) !important;
  gap: clamp(38px, 7vw, 96px) !important;
}

.command-section {
  grid-template-columns: minmax(0, 0.76fr) minmax(460px, 1.12fr) !important;
  gap: clamp(40px, 7vw, 108px) !important;
}

.authority-section {
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.48fr) !important;
  gap: clamp(36px, 7vw, 94px) !important;
}

.faq-section {
  grid-template-columns: minmax(0, 0.64fr) minmax(440px, 1fr) !important;
  gap: clamp(34px, 6vw, 90px) !important;
}

.section-copy,
.mechanism-copy,
.command-copy,
.authority-copy,
.faq-copy {
  display: block !important;
  position: relative !important;
  top: auto !important;
  width: auto !important;
  max-width: 560px !important;
  margin: 0 !important;
  text-align: left !important;
}

.section-heading,
.radar-copy {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 0.64fr);
  column-gap: clamp(36px, 7vw, 110px);
  align-items: end;
  width: min(1180px, calc(100% - 48px)) !important;
  margin: 0 auto clamp(26px, 4vw, 48px) !important;
  text-align: left !important;
}

.section-heading .eyebrow,
.radar-copy .eyebrow {
  grid-column: 1;
  grid-row: 1;
}

.section-heading h2,
.radar-copy h2 {
  grid-column: 1;
  grid-row: 2;
}

.section-heading p:not(.eyebrow),
.radar-copy p:not(.eyebrow) {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
}

.section-copy .eyebrow,
.section-heading .eyebrow,
.mechanism-copy .eyebrow,
.command-copy .eyebrow,
.radar-copy .eyebrow,
.authority-copy .eyebrow,
.faq-copy .eyebrow,
.guarantee-card .eyebrow {
  justify-self: start !important;
  margin: 0 0 20px !important;
}

.section-copy h2,
.section-heading h2,
.mechanism-copy h2,
.command-copy h2,
.radar-copy h2,
.authority-copy h2,
.faq-copy h2,
.guarantee-card h2 {
  width: auto !important;
  max-width: min(720px, 100%) !important;
  margin: 0 !important;
  justify-self: start !important;
  text-align: left !important;
  text-wrap: balance;
}

.section-copy p:not(.eyebrow),
.section-heading p:not(.eyebrow),
.mechanism-copy p:not(.eyebrow),
.command-copy p:not(.eyebrow),
.radar-copy p:not(.eyebrow),
.authority-copy p:not(.eyebrow),
.faq-copy p:not(.eyebrow),
.guarantee-card > p:not(.eyebrow) {
  max-width: 44rem !important;
  margin: 20px 0 0 !important;
  padding-left: clamp(16px, 1.8vw, 26px);
  border-left: 2px solid rgba(255, 107, 0, 0.58);
  color: rgba(7, 29, 54, 0.72);
  text-align: left !important;
  text-wrap: pretty;
}

.section-heading p:not(.eyebrow),
.radar-copy p:not(.eyebrow) {
  margin-top: 0 !important;
}

.mechanism-copy p:not(.eyebrow),
.command-copy p:not(.eyebrow),
.offer-section .section-heading p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.74) !important;
  border-left-color: rgba(255, 107, 0, 0.86);
}

.mechanism-copy blockquote {
  max-width: 760px !important;
  margin: clamp(22px, 3vw, 32px) 0 0 !important;
  padding: 0 0 0 20px !important;
  border-top: 0 !important;
  border-left: 3px solid var(--orange) !important;
  text-align: left !important;
}

.mechanism-copy .button,
.guarantee-card .button {
  justify-self: start !important;
  margin: clamp(18px, 3vw, 30px) 0 0 !important;
}

.authority-media {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: min(420px, 100%) !important;
  margin: 0 0 0 auto !important;
}

.authority-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.authority-copy p:not(.eyebrow) + p:not(.eyebrow) {
  padding-left: 0;
  border-left: 0;
}

.authority-numbers {
  justify-content: flex-start !important;
}

.radar-section {
  display: block !important;
}

.radar-board {
  margin-inline: auto !important;
}

.faq-copy {
  position: sticky !important;
  top: 126px !important;
}

.faq-list {
  width: auto !important;
  margin: 0 !important;
}

.guarantee-card {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 0.62fr);
  column-gap: clamp(34px, 6vw, 90px);
  align-items: end;
  width: min(980px, calc(100% - 48px)) !important;
  text-align: left !important;
}

.guarantee-card .eyebrow,
.guarantee-card h2 {
  grid-column: 1;
}

.guarantee-card > p:not(.eyebrow) {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  margin-top: 0 !important;
}

.section-copy p:not(.eyebrow),
.section-heading p:not(.eyebrow),
.mechanism-copy p:not(.eyebrow),
.command-copy p:not(.eyebrow),
.radar-copy p:not(.eyebrow),
.authority-copy p:not(.eyebrow),
.faq-copy p:not(.eyebrow),
.guarantee-card > p:not(.eyebrow) {
  justify-self: start !important;
}

.guarantee-grid,
.guarantee-card .button {
  grid-column: 1 / -1;
}

/* Payment section: full-bleed dark fold and stable CTAs inside each plan. */
.offer-section {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-block: clamp(84px, 9vw, 136px) !important;
  overflow: hidden !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(30, 95, 138, 0.42), transparent 30rem),
    radial-gradient(circle at 84% 18%, rgba(255, 107, 0, 0.18), transparent 26rem),
    linear-gradient(120deg, #031322 0%, #082947 46%, #201e25 100%) !important;
}

.offer-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 30%),
    linear-gradient(90deg, rgba(3, 19, 34, 0.28), transparent 45%, rgba(3, 19, 34, 0.25)) !important;
}

.offer-section .section-heading {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: clamp(34px, 5vw, 70px) !important;
}

.offer-section .section-heading h2,
.offer-section .section-heading p:not(.eyebrow) {
  color: #fff !important;
}

.offer-section .section-heading p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.76) !important;
}

.offer-section .pricing-comparison {
  position: relative !important;
  z-index: 1 !important;
  width: min(1240px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  grid-template-columns: minmax(160px, 0.62fr) repeat(3, minmax(250px, 1fr)) !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(3, 18, 35, 0.56) !important;
}

.offer-section .comparison-plan {
  min-height: 430px !important;
  padding: clamp(26px, 2.8vw, 38px) clamp(24px, 2.8vw, 34px) !important;
  gap: 16px !important;
}

.offer-section .comparison-plan h3 {
  max-width: 12ch !important;
  font-size: clamp(1.48rem, 2vw, 2.16rem) !important;
}

.offer-section .comparison-plan p:not(.plan-label) {
  min-height: 4.8em !important;
}

.offer-section .comparison-price {
  margin-top: auto !important;
  min-height: 74px !important;
  align-items: flex-end !important;
}

.offer-section .comparison-price strong {
  font-size: clamp(2.6rem, 4.25vw, 4.25rem) !important;
}

.offer-section .comparison-plan .button {
  width: 100% !important;
  max-width: 300px !important;
  min-height: 58px !important;
  margin: 10px 0 0 !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.12 !important;
}

.offer-section .comparison-featured .button {
  max-width: 340px !important;
}

.offer-section .comparison-plan .button span[aria-hidden="true"] {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  margin-left: 10px !important;
}

.offer-section .comparison-plan:nth-of-type(3) .button,
.offer-section .comparison-plan:last-of-type .button {
  max-width: 300px !important;
}

@media (max-width: 1080px) {
  .section-grid,
  .mechanism-shell,
  .command-section,
  .authority-section,
  .faq-section,
  .section-heading,
  .radar-copy,
  .guarantee-card {
    display: block !important;
    width: min(100% - 32px, 720px) !important;
    margin-inline: auto !important;
    text-align: left !important;
  }

  .section-copy,
  .mechanism-copy,
  .command-copy,
  .authority-copy,
  .faq-copy {
    width: 100% !important;
    max-width: 720px !important;
  }

  .section-copy p:not(.eyebrow),
  .section-heading p:not(.eyebrow),
  .mechanism-copy p:not(.eyebrow),
  .command-copy p:not(.eyebrow),
  .radar-copy p:not(.eyebrow),
  .authority-copy p:not(.eyebrow),
  .faq-copy p:not(.eyebrow),
  .guarantee-card > p:not(.eyebrow) {
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .authority-media,
  .faq-list,
  .pain-tabs,
  .audit-timeline,
  .case-board,
  .radar-board {
    width: min(100% - 32px, 720px) !important;
    margin: 28px auto 0 !important;
  }

  .faq-copy {
    position: static !important;
  }

  .offer-section {
    padding-block: 72px !important;
  }

  .offer-section .pricing-comparison {
    width: min(100% - 32px, 680px) !important;
    display: block !important;
  }

  .offer-section .comparison-plan {
    min-height: auto !important;
  }

  .offer-section .comparison-plan p:not(.plan-label) {
    min-height: 0 !important;
  }

  .offer-section .comparison-plan .button {
    max-width: 100% !important;
  }
}

/* Standardized premium footer: matches low ticket/principal pages, with upsell wording. */
.footer.footer-cinematic {
  position: relative !important;
  width: 100% !important;
  min-height: clamp(330px, 31vw, 430px) !important;
  margin: 0 !important;
  padding:
    clamp(48px, 5.2vw, 76px)
    max(24px, calc((100vw - 1180px) / 2))
    clamp(18px, 2vw, 26px) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 78% 16%, rgba(255, 106, 0, 0.1), transparent 28rem),
    radial-gradient(circle at 8% 48%, rgba(30, 95, 138, 0.36), transparent 32rem),
    linear-gradient(122deg, #031827 0%, #082f57 54%, #173858 100%) !important;
}

.footer.footer-cinematic::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(3, 18, 31, 0.36), transparent 42%, rgba(255, 255, 255, 0.04)),
    radial-gradient(circle at 48% 58%, rgba(255, 255, 255, 0.08), transparent 18rem) !important;
}

.footer-cinematic .footer-aurora {
  position: absolute !important;
  right: -18vw !important;
  top: -24% !important;
  z-index: 0 !important;
  width: min(720px, 72vw) !important;
  height: min(420px, 46vh) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 42% 42%, rgba(255, 255, 255, 0.16), transparent 26%),
    radial-gradient(circle at 52% 52%, rgba(30, 95, 138, 0.58), transparent 48%),
    radial-gradient(circle at 72% 42%, rgba(255, 106, 0, 0.18), transparent 58%) !important;
  filter: blur(64px) !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
}

.footer-cinematic .footer-inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 1180px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.54fr) minmax(0, 0.86fr) !important;
  gap: clamp(34px, 7vw, 92px) !important;
  align-items: center !important;
}

.footer-cinematic .footer-brand {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  text-align: center !important;
}

.footer-cinematic .footer-brand img {
  width: min(340px, 84vw) !important;
  height: auto !important;
  filter:
    brightness(1.34)
    contrast(1.14)
    saturate(0.98)
    drop-shadow(0 24px 48px rgba(0, 0, 0, 0.22)) !important;
}

.footer-cinematic .footer-brand p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  text-transform: uppercase !important;
}

.footer-cinematic .footer-copy {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  justify-items: start !important;
  gap: 12px !important;
  max-width: 650px !important;
  min-width: 0 !important;
  text-align: left !important;
}

.footer-cinematic .footer-kicker {
  margin: 0 !important;
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.footer-cinematic .footer-copy h2 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(36px, 4vw, 58px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  text-align: left !important;
}

.footer-cinematic .footer-body {
  max-width: 58ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: clamp(15px, 1.08vw, 17px) !important;
  font-weight: 680 !important;
  line-height: 1.55 !important;
}

.footer-cinematic .footer-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: clamp(8px, 1.4vw, 16px) !important;
}

.footer-cinematic .footer-glass-pill {
  position: relative !important;
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 16px 38px rgba(0, 0, 0, 0.14) !important;
  transition:
    transform 420ms var(--ease),
    border-color 420ms var(--ease),
    box-shadow 420ms var(--ease) !important;
}

.footer-cinematic .footer-primary {
  border-color: rgba(255, 146, 68, 0.72) !important;
  background:
    linear-gradient(135deg, rgba(255, 106, 0, 1), rgba(200, 74, 0, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 22px 54px rgba(200, 74, 0, 0.28) !important;
}

.footer-cinematic .footer-glass-pill:hover,
.footer-cinematic .footer-glass-pill:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 24px 58px rgba(0, 0, 0, 0.2) !important;
}

.footer-cinematic .footer-word {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 1 !important;
  width: max-content !important;
  max-width: none !important;
  text-align: center !important;
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.13) !important;
  font-family: var(--font-body) !important;
  font-size: clamp(96px, 12.8vw, 252px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.085em !important;
  line-height: 0.8 !important;
  opacity: 0.78 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transform: translate(-50%, -46%) !important;
}

.footer-cinematic .footer-bottom {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 1180px) !important;
  margin: clamp(20px, 2.2vw, 30px) auto 0 !important;
  padding-top: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.footer-cinematic .footer-bottom p {
  margin: 0 !important;
}

.footer-cinematic .footer-bottom span {
  color: rgba(255, 255, 255, 0.62) !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

@media (max-width: 860px) {
  .footer.footer-cinematic {
    min-height: 0 !important;
    padding: 54px 20px 22px !important;
  }

  .footer-cinematic .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .footer-cinematic .footer-brand {
    justify-items: start !important;
    text-align: left !important;
  }

  .footer-cinematic .footer-brand img {
    width: min(280px, 82vw) !important;
  }

  .footer-cinematic .footer-copy h2 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  .footer-cinematic .footer-actions {
    width: 100% !important;
  }

  .footer-cinematic .footer-glass-pill {
    width: 100% !important;
  }

  .footer-cinematic .footer-word {
    left: 50% !important;
    top: 52% !important;
    bottom: auto !important;
    width: 132vw !important;
    font-size: clamp(66px, 22vw, 128px) !important;
    line-height: 0.82 !important;
    opacity: 0.24 !important;
    white-space: normal !important;
    transform: translate(-50%, -50%) !important;
  }

  .footer-cinematic .footer-bottom {
    display: grid !important;
    gap: 8px !important;
  }
}

/* Command section: full-width editorial block with a single image-backed panel. */
.command-section {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(82px, 8.5vw, 132px) max(24px, calc((100vw - 1180px) / 2)) !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 0.64fr) minmax(540px, 1fr) !important;
  gap: clamp(42px, 7vw, 100px) !important;
  align-items: center !important;
  overflow: hidden !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 78% 22%, rgba(255, 106, 0, 0.14), transparent 32%),
    radial-gradient(circle at 16% 80%, rgba(30, 94, 137, 0.32), transparent 42%),
    linear-gradient(135deg, #061d34 0%, #0a3154 48%, #071929 100%) !important;
}

.command-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(3, 17, 30, 0.86), rgba(3, 17, 30, 0.12) 54%, rgba(3, 17, 30, 0.44)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 22%, rgba(255, 255, 255, 0.04)) !important;
}

.command-section .command-copy {
  position: relative !important;
  z-index: 2 !important;
  max-width: 620px !important;
  color: #fff !important;
  text-align: left !important;
}

.command-section .command-copy .eyebrow {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.command-section .command-copy h2 {
  max-width: 12ch !important;
  margin: clamp(24px, 2.4vw, 34px) 0 22px !important;
  color: #fff !important;
  font-size: clamp(42px, 4.5vw, 68px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.058em !important;
  text-align: left !important;
}

.command-section .command-copy p:not(.eyebrow) {
  max-width: 520px !important;
  margin: 0 !important;
  padding-left: 22px !important;
  border-left: 2px solid rgba(255, 106, 0, 0.95) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  font-weight: 640 !important;
  line-height: 1.42 !important;
}

.command-section .case-board {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 760px) !important;
  min-height: clamp(500px, 46vw, 650px) !important;
  margin: 0 !important;
  padding: clamp(30px, 4.2vw, 48px) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: end !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 34px !important;
  background: #071d34 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 34px 80px rgba(0, 0, 0, 0.26) !important;
  transform: none !important;
}

.command-section .case-board-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  background: #071d34 !important;
}

.command-section .case-board-photo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(3, 17, 30, 0.94) 0%, rgba(3, 17, 30, 0.78) 42%, rgba(3, 17, 30, 0.34) 100%),
    linear-gradient(0deg, rgba(3, 17, 30, 0.96), rgba(3, 17, 30, 0.08) 64%) !important;
}

.command-section .case-board-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.86 !important;
  filter: saturate(0.96) contrast(1.04) !important;
  transform: none !important;
}

.command-section .case-board:hover .case-board-photo img {
  transform: scale(1.025) !important;
}

.command-section .case-board-photo span {
  position: absolute !important;
  left: clamp(24px, 3vw, 42px) !important;
  right: auto !important;
  bottom: clamp(22px, 3vw, 38px) !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: calc(100% - 48px) !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.command-section .case-board-panel {
  position: relative !important;
  z-index: 3 !important;
  width: min(100%, 500px) !important;
  margin: 0 !important;
  padding: 0 0 62px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.command-section .board-header {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 clamp(22px, 2.4vw, 32px) !important;
}

.command-section .board-header span {
  color: #ff8a2a !important;
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.command-section .board-header strong {
  max-width: 9ch !important;
  color: #fff !important;
  font-size: clamp(40px, 4.2vw, 64px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.055em !important;
}

.command-section .board-steps {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.command-section .board-steps li {
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  gap: 16px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.command-section .board-steps li:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.command-section .board-steps li > span {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255, 106, 0, 0.94) !important;
  color: #fff !important;
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.command-section .board-steps strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: clamp(19px, 1.65vw, 25px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
}

.command-section .board-steps p {
  max-width: 32ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: clamp(14px, 1.1vw, 17px) !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
}

@media (max-width: 1080px) {
  .command-section {
    display: block !important;
    padding: 72px 20px !important;
  }

  .command-section .command-copy {
    max-width: 760px !important;
  }

  .command-section .command-copy h2 {
    max-width: 13ch !important;
  }

  .command-section .case-board {
    width: min(100%, 760px) !important;
    min-height: 560px !important;
    margin: 34px auto 0 !important;
  }
}

@media (max-width: 640px) {
  .command-section {
    padding: 58px 16px !important;
  }

  .command-section .command-copy h2 {
    max-width: 100% !important;
    font-size: clamp(36px, 11vw, 48px) !important;
  }

  .command-section .case-board {
    min-height: 620px !important;
    padding: 24px !important;
    border-radius: 26px !important;
  }

  .command-section .case-board-photo::after {
    background:
      linear-gradient(180deg, rgba(3, 17, 30, 0.72), rgba(3, 17, 30, 0.94) 56%, rgba(3, 17, 30, 0.98)) !important;
  }

  .command-section .case-board-panel {
    width: 100% !important;
    padding-bottom: 72px !important;
  }

  .command-section .board-header strong {
    font-size: clamp(36px, 12vw, 48px) !important;
  }

  .command-section .board-steps li {
    grid-template-columns: 38px 1fr !important;
    gap: 13px !important;
  }

  .command-section .board-steps li > span {
    width: 34px !important;
    height: 34px !important;
  }
}

/* 21st.dev inspired pass: feature carousel, image gallery cards, pricing and accordions. */
.pain-section {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  padding-block: clamp(70px, 8vw, 118px) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 106, 0, 0.12), transparent 26rem),
    linear-gradient(135deg, #f7fbfd 0%, #edf6fa 48%, #f8fbfd 100%) !important;
}

.pain-section .section-grid {
  grid-template-columns: minmax(340px, 0.48fr) minmax(600px, 0.92fr) !important;
  align-items: start !important;
}

.pain-section .section-copy h2 {
  max-width: 11.6ch !important;
  font-size: clamp(42px, 4.7vw, 74px) !important;
  line-height: 0.98 !important;
}

.pain-tabs {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(14px, 1.6vw, 22px) !important;
  border: 1px solid rgba(8, 47, 87, 0.14) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(238, 246, 250, 0.74)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 30px 80px rgba(8, 47, 87, 0.14) !important;
}

.pain-tab-list {
  position: relative !important;
  z-index: 3 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto clamp(16px, 2vw, 24px) !important;
  padding: 5px !important;
  display: flex !important;
  gap: 4px !important;
  border: 1px solid rgba(8, 47, 87, 0.15) !important;
  border-radius: 999px !important;
  background: rgba(232, 242, 247, 0.94) !important;
}

.pain-tab {
  min-height: 46px !important;
  padding: 0 clamp(16px, 2vw, 26px) !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(7, 29, 54, 0.68) !important;
  font-size: clamp(13px, 1vw, 15px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
  transition:
    color 320ms var(--ease),
    background 320ms var(--ease),
    transform 320ms var(--ease) !important;
}

.pain-tab:hover,
.pain-tab:focus-visible,
.pain-tab.is-active {
  background: #071d36 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.pain-tab-panels {
  min-height: 0 !important;
}

.pain-tab-panel {
  grid-template-columns: minmax(280px, 0.88fr) minmax(320px, 1fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 3vw, 34px) !important;
  min-height: clamp(360px, 33vw, 470px) !important;
  padding: clamp(14px, 1.8vw, 22px) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.pain-tab-panel img {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  border-radius: 22px !important;
  object-fit: cover !important;
}

.pain-tab-panel div {
  display: grid !important;
  align-content: center !important;
  padding: clamp(10px, 2.5vw, 34px) !important;
}

.pain-tab-panel h3 {
  max-width: 11ch !important;
  margin: 10px 0 16px !important;
  color: #071d36 !important;
  font-size: clamp(38px, 4.25vw, 66px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.058em !important;
}

.pain-tab-panel p {
  max-width: 38ch !important;
  color: rgba(7, 29, 54, 0.7) !important;
  font-size: clamp(16px, 1.35vw, 21px) !important;
  line-height: 1.42 !important;
}

.blindar-section {
  padding-block: clamp(70px, 8vw, 120px) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 106, 0, 0.08), transparent 24rem),
    linear-gradient(180deg, #f7fbfd 0%, #eef6fa 100%) !important;
}

.blindar-section .section-heading {
  align-items: end !important;
}

.framework-expand-cards {
  width: min(1180px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  display: flex !important;
  gap: 12px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.framework-expand-cards .framework-card {
  flex: 0 1 92px !important;
  min-width: 72px !important;
  height: clamp(430px, 43vw, 590px) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(8, 47, 87, 0.18) !important;
  box-shadow: 0 28px 70px rgba(8, 47, 87, 0.12) !important;
  transition:
    flex-basis 560ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 420ms var(--ease),
    box-shadow 420ms var(--ease) !important;
}

.framework-expand-cards .framework-card:first-child,
.framework-expand-cards .framework-card:hover,
.framework-expand-cards .framework-card:focus-visible,
.framework-expand-cards .framework-card.is-active {
  flex-basis: min(520px, 52vw) !important;
}

.framework-expand-cards:hover .framework-card:first-child:not(:hover):not(:focus-visible) {
  flex-basis: 92px !important;
}

.framework-expand-cards .framework-card div {
  width: min(360px, calc(100% - 42px)) !important;
  padding: 0 !important;
  inset: auto auto clamp(26px, 3vw, 42px) clamp(22px, 3vw, 38px) !important;
}

.framework-expand-cards .framework-card h3 {
  max-width: 10.5ch !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  line-height: 0.98 !important;
}

.framework-expand-cards .framework-card p {
  max-width: 31ch !important;
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.38 !important;
}

.framework-expand-cards .framework-card:not(:hover):not(:focus-visible):not(.is-active):not(:first-child) div {
  opacity: 0 !important;
  transform: translateY(12px) !important;
}

.offer-section .pricing-comparison {
  border-radius: 34px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 36px 90px rgba(0, 0, 0, 0.24) !important;
}

.offer-section .comparison-plan {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
}

.offer-section .comparison-featured {
  background:
    radial-gradient(circle at 70% 0%, rgba(255, 106, 0, 0.2), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)) !important;
}

.faq-section {
  align-items: start !important;
  padding-block: clamp(70px, 8vw, 118px) !important;
}

.faq-list {
  overflow: hidden !important;
  border: 1px solid rgba(8, 47, 87, 0.15) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 24px 64px rgba(8, 47, 87, 0.1) !important;
}

.faq-list details {
  border-bottom: 1px solid rgba(8, 47, 87, 0.11) !important;
  background: transparent !important;
}

.faq-list details:last-child {
  border-bottom: 0 !important;
}

.faq-list summary {
  min-height: 66px !important;
  padding: 20px clamp(20px, 2.6vw, 34px) !important;
  color: #071d36 !important;
  font-size: clamp(16px, 1.35vw, 21px) !important;
  line-height: 1.2 !important;
}

.faq-list p {
  padding: 0 clamp(20px, 2.6vw, 34px) 24px !important;
  color: rgba(7, 29, 54, 0.68) !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.55 !important;
}

@media (max-width: 1080px) {
  .pain-section .section-grid {
    display: block !important;
  }

  .pain-tab-panel {
    grid-template-columns: 1fr !important;
  }

  .pain-tab-list {
    width: 100% !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }

  .framework-expand-cards {
    width: min(100% - 32px, 760px) !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    scroll-snap-type: x mandatory !important;
  }

  .framework-expand-cards .framework-card,
  .framework-expand-cards .framework-card:first-child,
  .framework-expand-cards .framework-card:hover,
  .framework-expand-cards .framework-card:focus-visible,
  .framework-expand-cards .framework-card.is-active {
    flex: 0 0 min(82vw, 430px) !important;
    scroll-snap-align: center !important;
  }

  .framework-expand-cards .framework-card:not(:hover):not(:focus-visible):not(.is-active):not(:first-child) div {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 640px) {
  .pain-tab-panel h3 {
    font-size: clamp(34px, 11vw, 48px) !important;
  }

  .pain-tab-panel img {
    min-height: 250px !important;
  }

  .faq-list summary {
    min-height: 58px !important;
    padding: 18px 20px !important;
  }

  .faq-list p {
    padding-inline: 20px !important;
  }
}

/* Jarvis / 21st.dev correction: keep the BLINDAR gallery readable by default. */
@media (min-width: 1081px) {
  .blindar-section .framework-expand-cards {
    width: min(1180px, calc(100% - 56px)) !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  .blindar-section .framework-expand-cards > .framework-card {
    width: auto !important;
    max-width: none !important;
    min-width: 88px !important;
    flex: 0 0 88px !important;
    height: clamp(430px, 43vw, 590px) !important;
    transform: translateZ(0) !important;
    transition:
      flex 620ms cubic-bezier(0.2, 0.8, 0.2, 1),
      min-width 620ms cubic-bezier(0.2, 0.8, 0.2, 1),
      transform 420ms var(--ease),
      box-shadow 420ms var(--ease) !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible),
  .blindar-section .framework-expand-cards > .framework-card:hover,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible,
  .blindar-section .framework-expand-cards > .framework-card.is-active {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: clamp(360px, 36vw, 520px) !important;
    min-width: clamp(360px, 36vw, 520px) !important;
  }

  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(:hover):not(:focus-visible) {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 88px !important;
    min-width: 88px !important;
  }

  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 88px !important;
    min-width: 88px !important;
  }

  .blindar-section .framework-expand-cards > .framework-card div {
    width: min(360px, calc(100% - 44px)) !important;
    height: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(12px) !important;
    display: grid !important;
    align-content: end !important;
    justify-items: start !important;
    gap: 10px !important;
    transition:
      opacity 340ms var(--ease),
      transform 420ms var(--ease),
      visibility 0ms linear 340ms !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child div,
  .blindar-section .framework-expand-cards > .framework-card:hover div,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible div,
  .blindar-section .framework-expand-cards > .framework-card.is-active div {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition-delay: 90ms, 90ms, 0ms !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child span,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span,
  .blindar-section .framework-expand-cards > .framework-card:hover span,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible span,
  .blindar-section .framework-expand-cards > .framework-card.is-active span,
  .blindar-section .framework-expand-cards > .framework-card:first-child small,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) small,
  .blindar-section .framework-expand-cards > .framework-card:hover small,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible small,
  .blindar-section .framework-expand-cards > .framework-card.is-active small,
  .blindar-section .framework-expand-cards > .framework-card:first-child h3,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) h3,
  .blindar-section .framework-expand-cards > .framework-card:hover h3,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible h3,
  .blindar-section .framework-expand-cards > .framework-card.is-active h3,
  .blindar-section .framework-expand-cards > .framework-card:first-child p,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) p,
  .blindar-section .framework-expand-cards > .framework-card:hover p,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible p,
  .blindar-section .framework-expand-cards > .framework-card.is-active p {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overflow: visible !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child span,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span,
  .blindar-section .framework-expand-cards > .framework-card:hover span,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible span,
  .blindar-section .framework-expand-cards > .framework-card.is-active span {
    position: static !important;
    transform: none !important;
    margin: 0 0 8px !important;
  }

  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(:hover):not(:focus-visible) div {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(12px) !important;
    transition-delay: 0ms !important;
  }

  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span,
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) small,
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) h3,
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) p {
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  .blindar-section .framework-expand-cards > .framework-card > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* Typography pass: align upsell scale with the approved low-ticket page. */
:root {
  --upsell-h1: clamp(2.62rem, 4.05vw, 4rem);
  --upsell-h2: clamp(2.12rem, 3.15vw, 3.1rem);
  --upsell-h3-lg: clamp(1.86rem, 2.55vw, 2.62rem);
  --upsell-h3: clamp(1.32rem, 1.72vw, 1.88rem);
  --upsell-body-lg: clamp(1rem, 1.18vw, 1.14rem);
  --upsell-body: clamp(0.96rem, 1.04vw, 1.06rem);
  --upsell-small: clamp(0.86rem, 0.92vw, 0.94rem);
}

h1,
.hero-copy h1 {
  max-width: min(730px, 15ch) !important;
  font-size: var(--upsell-h1) !important;
  line-height: 1.035 !important;
  letter-spacing: -0.055em !important;
  font-weight: 760 !important;
}

h2,
.section-copy h2,
.section-heading h2,
.mechanism-copy h2,
.command-copy h2,
.radar-copy h2,
.authority-copy h2,
.faq-copy h2,
.guarantee-card h2,
.offer-section .section-heading h2,
.footer-cinematic .footer-copy h2,
.footer h2 {
  max-width: min(780px, 15ch) !important;
  font-size: var(--upsell-h2) !important;
  line-height: 1.055 !important;
  letter-spacing: -0.047em !important;
  font-weight: 740 !important;
}

.hero-subtitle,
.section-copy p:not(.eyebrow),
.section-heading p:not(.eyebrow),
.mechanism-copy p,
.command-copy p,
.radar-copy p,
.authority-copy p:not(.eyebrow),
.faq-copy p:not(.eyebrow),
.guarantee-card p,
.offer-section .section-heading p:not(.eyebrow),
.footer-cinematic .footer-body {
  max-width: 58ch !important;
  font-size: var(--upsell-body-lg) !important;
  line-height: 1.52 !important;
  letter-spacing: -0.015em !important;
}

.section-heading,
.section-copy,
.authority-copy,
.faq-copy {
  margin-bottom: clamp(24px, 3.6vw, 46px) !important;
}

.pain-section .section-copy h2,
.command-section .command-copy h2,
.mechanism-copy h2,
.command-section .command-copy h2,
.radar-section .radar-copy h2,
.authority-section .authority-copy h2,
.offer-section .section-heading h2,
.guarantee-section .guarantee-card h2,
.faq-section .faq-copy h2 {
  max-width: min(700px, 14ch) !important;
  font-size: var(--upsell-h2) !important;
  line-height: 1.07 !important;
}

.pain-tab-panel h3,
.framework-expand-cards .framework-card h3,
.blindar-section .framework-expand-cards > .framework-card h3,
.radar-panel h3,
.board-header strong {
  max-width: 12.5ch !important;
  font-size: var(--upsell-h3-lg) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  font-weight: 760 !important;
}

.pain-tab-panel p,
.framework-expand-cards .framework-card p,
.blindar-section .framework-expand-cards > .framework-card p,
.radar-panel p,
.board-steps p,
.comparison-plan p:not(.plan-label),
.faq-list p {
  font-size: var(--upsell-body) !important;
  line-height: 1.48 !important;
}

.comparison-plan h3,
.case-board-panel h3,
.timeline-item strong,
.authority-numbers strong {
  font-size: var(--upsell-h3) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

.offer-section .comparison-price strong {
  font-size: clamp(2.55rem, 3.7vw, 3.55rem) !important;
  line-height: 0.92 !important;
}

.faq-list summary {
  min-height: 58px !important;
  padding-block: 17px !important;
  font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
  line-height: 1.24 !important;
  font-weight: 760 !important;
}

.eyebrow,
.section-copy .eyebrow,
.section-heading .eyebrow,
.authority-copy .eyebrow,
.faq-copy .eyebrow,
.footer-cinematic .footer-kicker {
  font-size: clamp(0.68rem, 0.78vw, 0.76rem) !important;
  letter-spacing: 0.12em !important;
}

@media (max-width: 760px) {
  :root {
    --upsell-h1: clamp(2.28rem, 10.4vw, 3.05rem);
    --upsell-h2: clamp(1.92rem, 8.8vw, 2.56rem);
    --upsell-h3-lg: clamp(1.62rem, 7.2vw, 2.15rem);
    --upsell-body-lg: 1rem;
    --upsell-body: 0.96rem;
  }

  h1,
  .hero-copy h1,
  h2,
  .section-copy h2,
  .section-heading h2,
  .mechanism-copy h2,
  .command-copy h2,
  .radar-copy h2,
  .authority-copy h2,
  .faq-copy h2,
  .guarantee-card h2,
  .offer-section .section-heading h2 {
    max-width: 100% !important;
  }

  .faq-list summary {
    min-height: 54px !important;
    font-size: 0.98rem !important;
  }
}

/* Clean pass: remove stacked layers from the risk tab section. */
.pain-section .pain-tabs {
  width: min(960px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pain-section .pain-tab-list {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto clamp(18px, 2.2vw, 26px) !important;
  padding: 4px !important;
  border: 1px solid rgba(8, 47, 87, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(234, 244, 249, 0.82) !important;
  box-shadow: none !important;
}

.pain-section .pain-tab {
  min-height: 42px !important;
  padding: 0 clamp(16px, 2vw, 24px) !important;
  border-radius: 999px !important;
  font-size: clamp(0.86rem, 0.94vw, 0.96rem) !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em !important;
}

.pain-section .pain-tab.is-active {
  box-shadow: none !important;
}

.pain-section .pain-tab-panels {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pain-section .pain-tab-panel {
  grid-template-columns: minmax(280px, 0.88fr) minmax(300px, 0.82fr) !important;
  gap: clamp(28px, 4vw, 58px) !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: clamp(28px, 3.3vw, 44px) !important;
  border: 1px solid rgba(8, 47, 87, 0.13) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(255, 106, 0, 0.08), transparent 18rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(246, 251, 253, 0.72)) !important;
  box-shadow: 0 22px 54px rgba(8, 47, 87, 0.09) !important;
}

.pain-section .pain-tab-panel img {
  width: 100% !important;
  height: clamp(300px, 30vw, 410px) !important;
  min-height: 0 !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}

.pain-section .pain-tab-panel div {
  max-width: 390px !important;
  padding: 0 !important;
  align-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pain-section .pain-tab-panel span {
  margin-bottom: clamp(14px, 1.8vw, 22px) !important;
  color: #c94f00 !important;
  font-size: clamp(0.68rem, 0.78vw, 0.76rem) !important;
  letter-spacing: 0.13em !important;
}

.pain-section .pain-tab-panel h3 {
  max-width: 11.8ch !important;
  margin: 0 0 clamp(14px, 1.8vw, 20px) !important;
  font-size: clamp(2rem, 2.75vw, 2.72rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.046em !important;
}

.pain-section .pain-tab-panel p {
  max-width: 36ch !important;
  margin: 0 !important;
  color: rgba(7, 29, 54, 0.68) !important;
  font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
  line-height: 1.5 !important;
  font-weight: 560 !important;
}

@media (max-width: 780px) {
  .pain-section .pain-tabs {
    width: min(100% - 32px, 620px) !important;
  }

  .pain-section .pain-tab-list {
    width: 100% !important;
  }

  .pain-section .pain-tab-panel {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 22px !important;
  }

  .pain-section .pain-tab-panel img {
    height: 250px !important;
  }

  .pain-section .pain-tab-panel div,
  .pain-section .pain-tab-panel h3,
  .pain-section .pain-tab-panel p {
    max-width: 100% !important;
  }
}

/* Final polish: align text inside the tab card and place minimized BLINDAR letters at the top. */
.pain-section .pain-tab-panel {
  grid-template-columns: minmax(280px, 0.95fr) minmax(280px, 0.8fr) !important;
  gap: clamp(30px, 4.6vw, 64px) !important;
  align-items: center !important;
}

.pain-section .pain-tab-panel div {
  width: min(100%, 370px) !important;
  justify-self: start !important;
  display: grid !important;
  align-content: center !important;
  gap: clamp(13px, 1.4vw, 18px) !important;
}

.pain-section .pain-tab-panel span {
  margin: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
}

.pain-section .pain-tab-panel h3 {
  max-width: 10.6ch !important;
  margin: 0 !important;
  font-size: clamp(1.92rem, 2.55vw, 2.5rem) !important;
  line-height: 1.03 !important;
}

.pain-section .pain-tab-panel p {
  max-width: 34ch !important;
  margin: 0 !important;
  font-size: clamp(0.96rem, 1.02vw, 1.04rem) !important;
  line-height: 1.52 !important;
}

.blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) div,
.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) div {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
}

.blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) span,
.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span {
  position: absolute !important;
  top: clamp(20px, 2.3vw, 34px) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(46px, 4.2vw, 58px) !important;
  height: clamp(46px, 4.2vw, 58px) !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) !important;
}

.blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) small,
.blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) h3,
.blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) p,
.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) small,
.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) h3,
.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) p {
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

@media (max-width: 780px) {
  .pain-section .pain-tab-panel {
    grid-template-columns: 1fr !important;
  }

  .pain-section .pain-tab-panel div {
    width: 100% !important;
  }

  .pain-section .pain-tab-panel h3 {
    max-width: 12ch !important;
    font-size: clamp(1.78rem, 8vw, 2.22rem) !important;
  }

  .pain-section .pain-tab-panel p {
    max-width: 100% !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) span,
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span {
    top: 18px !important;
    width: 48px !important;
    height: 48px !important;
  }
}

/* Final BLINDAR badge correction: open cards keep the badge, closed cards show only the top letter. */
.blindar-section .framework-expand-cards > .framework-card:first-child span,
.blindar-section .framework-expand-cards > .framework-card:hover span,
.blindar-section .framework-expand-cards > .framework-card:focus-visible span,
.blindar-section .framework-expand-cards > .framework-card.is-active span {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(50px, 4.2vw, 62px) !important;
  height: clamp(50px, 4.2vw, 62px) !important;
  margin: 0 0 clamp(14px, 1.7vw, 20px) !important;
  border-radius: 999px !important;
  background: #ff6a00 !important;
  color: #ffffff !important;
  font-size: clamp(1rem, 1.16vw, 1.18rem) !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: 0 16px 38px rgba(255, 106, 0, 0.24) !important;
}

.blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(:hover):not(:focus-visible):not(.is-active) span,
.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span {
  position: absolute !important;
  top: clamp(18px, 2vw, 28px) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(46px, 4.2vw, 58px) !important;
  height: clamp(46px, 4.2vw, 58px) !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #ff6a00 !important;
  color: #ffffff !important;
  font-size: clamp(0.98rem, 1.08vw, 1.1rem) !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 14px 32px rgba(255, 106, 0, 0.24) !important;
}

.blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(50px, 4.2vw, 62px) !important;
  height: clamp(50px, 4.2vw, 62px) !important;
  margin: 0 0 clamp(14px, 1.7vw, 20px) !important;
  border-radius: 999px !important;
  background: #ff6a00 !important;
  color: #ffffff !important;
  font-size: clamp(1rem, 1.16vw, 1.18rem) !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: 0 16px 38px rgba(255, 106, 0, 0.24) !important;
}

.blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span {
  position: absolute !important;
  top: clamp(18px, 2vw, 28px) !important;
  left: 50% !important;
  width: clamp(46px, 4.2vw, 58px) !important;
  height: clamp(46px, 4.2vw, 58px) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 780px) {
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) div {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span {
    position: absolute !important;
    top: 18px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) small,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) h3,
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) p {
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
  }
}

/* Mobile hard-stop: every minimized BLINDAR card keeps the letter fully visible. */
@media (max-width: 780px) {
  .blindar-section .framework-expand-cards {
    gap: 12px !important;
    padding-inline: 20px !important;
    overflow-x: auto !important;
  }

  .blindar-section .framework-expand-cards > .framework-card,
  .blindar-section .framework-expand-cards > .framework-card:first-child,
  .blindar-section .framework-expand-cards > .framework-card:hover,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible,
  .blindar-section .framework-expand-cards > .framework-card.is-active {
    flex: 0 0 clamp(92px, 23vw, 112px) !important;
    width: clamp(92px, 23vw, 112px) !important;
    min-width: clamp(92px, 23vw, 112px) !important;
    max-width: clamp(92px, 23vw, 112px) !important;
    height: clamp(460px, 118vw, 560px) !important;
    overflow: hidden !important;
  }

  .blindar-section .framework-expand-cards > .framework-card div,
  .blindar-section .framework-expand-cards > .framework-card:first-child div,
  .blindar-section .framework-expand-cards > .framework-card:hover div,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible div,
  .blindar-section .framework-expand-cards > .framework-card.is-active div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .blindar-section .framework-expand-cards > .framework-card span,
  .blindar-section .framework-expand-cards > .framework-card:first-child span,
  .blindar-section .framework-expand-cards > .framework-card:hover span,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible span,
  .blindar-section .framework-expand-cards > .framework-card.is-active span {
    position: absolute !important;
    top: 22px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 6 !important;
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #ff6a00 !important;
    color: #ffffff !important;
    font-size: 1.04rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 14px 32px rgba(255, 106, 0, 0.28) !important;
  }

  .blindar-section .framework-expand-cards > .framework-card small,
  .blindar-section .framework-expand-cards > .framework-card h3,
  .blindar-section .framework-expand-cards > .framework-card p {
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
  }
}

/* Tablet / small desktop: keep minimized BLINDAR letters centered and readable. */
@media (min-width: 781px) and (max-width: 1080px) {
  .blindar-section .framework-expand-cards {
    gap: 12px !important;
    padding-inline: 20px !important;
    overflow-x: auto !important;
  }

  .blindar-section .framework-expand-cards > .framework-card,
  .blindar-section .framework-expand-cards > .framework-card:first-child,
  .blindar-section .framework-expand-cards > .framework-card:hover,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible,
  .blindar-section .framework-expand-cards > .framework-card.is-active {
    flex: 0 0 clamp(94px, 10.8vw, 112px) !important;
    width: clamp(94px, 10.8vw, 112px) !important;
    min-width: clamp(94px, 10.8vw, 112px) !important;
    max-width: clamp(94px, 10.8vw, 112px) !important;
    height: clamp(470px, 56vw, 560px) !important;
    overflow: hidden !important;
  }

  .blindar-section .framework-expand-cards > .framework-card div,
  .blindar-section .framework-expand-cards > .framework-card:first-child div,
  .blindar-section .framework-expand-cards > .framework-card:hover div,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible div,
  .blindar-section .framework-expand-cards > .framework-card.is-active div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .blindar-section .framework-expand-cards > .framework-card span,
  .blindar-section .framework-expand-cards > .framework-card:first-child span,
  .blindar-section .framework-expand-cards > .framework-card:hover span,
  .blindar-section .framework-expand-cards > .framework-card:focus-visible span,
  .blindar-section .framework-expand-cards > .framework-card.is-active span {
    position: absolute !important;
    top: 22px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 6 !important;
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #ff6a00 !important;
    color: #ffffff !important;
    font-size: 1.04rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 14px 32px rgba(255, 106, 0, 0.28) !important;
  }

  .blindar-section .framework-expand-cards > .framework-card small,
  .blindar-section .framework-expand-cards > .framework-card h3,
  .blindar-section .framework-expand-cards > .framework-card p {
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
  }
}

/* Specific override for the first minimized BLINDAR card on small desktops. */
@media (min-width: 781px) and (max-width: 1080px) {
  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible),
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible),
  .blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(.is-active):not(:hover):not(:focus-visible) {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: clamp(94px, 10.8vw, 112px) !important;
    width: clamp(94px, 10.8vw, 112px) !important;
    min-width: clamp(94px, 10.8vw, 112px) !important;
    max-width: clamp(94px, 10.8vw, 112px) !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) div,
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) div,
  .blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(.is-active):not(:hover):not(:focus-visible) div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    align-content: start !important;
  }

  .blindar-section .framework-expand-cards > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span,
  .blindar-section .framework-expand-cards:hover > .framework-card:first-child:not(.is-active):not(:hover):not(:focus-visible) span,
  .blindar-section .framework-expand-cards > .framework-card:not(:first-child):not(.is-active):not(:hover):not(:focus-visible) span {
    position: absolute !important;
    top: 22px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 6 !important;
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }
}