/* Final CTA: two mobile steps above an uncropped, proportional rock background. */
.final-cta picture { display: contents; }
.final-cta picture > source { display: none; }
@font-face { font-family: "IBM Plex Sans Mobile Contact"; src: url("../assets/mobile/block-06-final-cta/fonts/IBMPlexSans-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Mobile Contact"; src: url("../assets/mobile/block-06-final-cta/fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Mobile Contact"; src: url("../assets/mobile/block-06-final-cta/fonts/IBMPlexSans-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@media (max-width: 767px) {
  .final-cta { --contact-unit: clamp(.923px,.2564102564vw,1.4px); max-width: none; height: auto; padding: calc(30 * var(--contact-unit)) 6.7% calc(28 * var(--contact-unit)); display: grid; grid-template-columns: minmax(0,1fr) calc(120 * var(--contact-unit)); column-gap: calc(8 * var(--contact-unit)); font-family: "IBM Plex Sans Mobile Contact",sans-serif; background-color: #03111a; background-image: radial-gradient(ellipse at 50% 0%,#16436880,transparent 35%); background-size: 100% 100%; }
  .final-cta::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 56.25vw; background: linear-gradient(#03111a,transparent 45%),url("../assets/mobile/block-06-final-cta/images/cta-rocks-background.webp") center bottom / 100% auto no-repeat; pointer-events: none; }
  .final-cta__eyebrow { position: static; align-self: center; font-size: calc(12 * var(--contact-unit)); line-height: 1.4; letter-spacing: calc(.8 * var(--contact-unit)); }
  .final-cta__note { position: static; width: 100%; height: auto; align-self: center; }
  .final-cta__steps { position: static; grid-column: 1 / -1; margin-top: calc(18 * var(--contact-unit)); grid-template-columns: minmax(0,1fr); gap: calc(33 * var(--contact-unit)); }
  .final-cta__card { height: auto; padding: calc(22 * var(--contact-unit)) calc(24 * var(--contact-unit)); border-radius: calc(14 * var(--contact-unit)); display: grid; grid-template-columns: 1fr auto; }
  .final-cta__card:last-child { border-bottom-color: #b55c36a0; background: linear-gradient(0deg,#3b241830,transparent 35%),linear-gradient(120deg,#11212deb,#0b141bda 65%,#192731dd); }
  .final-cta__number { position: static; font-size: calc(38 * var(--contact-unit)); line-height: 1.1; letter-spacing: calc(-.5 * var(--contact-unit)); }
  .final-cta__icon { position: static; width: calc(34 * var(--contact-unit)); height: calc(34 * var(--contact-unit)); align-self: center; }
  .final-cta__card h3 { position: static; grid-column: 1 / -1; margin-top: calc(13 * var(--contact-unit)); font-size: calc(21 * var(--contact-unit)); line-height: 1.2; letter-spacing: calc(-.3 * var(--contact-unit)); white-space: normal; }
  .final-cta__card > p { position: static; grid-column: 1 / -1; margin-top: calc(9 * var(--contact-unit)); font-size: calc(17 * var(--contact-unit)); line-height: 1.25; letter-spacing: calc(-.2 * var(--contact-unit)); white-space: normal; }
  .final-cta__card > p br { display: none; }
  .final-cta__arrow { display: none; }
  .final-cta__card:first-child::before { content: ""; position: absolute; left: calc(50% - 1px); bottom: calc(-26 * var(--contact-unit)); height: calc(23 * var(--contact-unit)); border-left: 2px solid #f3f6f9; }
  .final-cta__card:first-child::after { content: ""; position: absolute; left: calc(50% - 7 * var(--contact-unit)); bottom: calc(-25 * var(--contact-unit)); width: calc(14 * var(--contact-unit)); height: calc(14 * var(--contact-unit)); border-right: 2px solid #f3f6f9; border-bottom: 2px solid #f3f6f9; transform: rotate(45deg); }
  .final-cta__button { position: static; grid-column: 1 / -1; width: 100%; height: auto; min-height: calc(59 * var(--contact-unit)); margin-top: calc(14 * var(--contact-unit)); padding: calc(10 * var(--contact-unit)); gap: calc(12 * var(--contact-unit)); border-radius: calc(11 * var(--contact-unit)); font-family: inherit; font-size: calc(23 * var(--contact-unit)); line-height: 1.2; letter-spacing: calc(-.3 * var(--contact-unit)); }
  .final-cta__button span { font-size: calc(31 * var(--contact-unit)); }
  .final-cta__footer { position: static; grid-column: 1 / -1; justify-content: center; margin-top: max(calc(120 * var(--contact-unit)),23vw); }
  .final-cta__footer img { display: none; }
  .final-cta__footer p { font-size: calc(10 * var(--contact-unit)); line-height: 1.5; letter-spacing: calc(1.2 * var(--contact-unit)); text-align: center; text-shadow: 0 1px 4px #000; }
}
