/* ==========================================================================
   COMPONENT: Final CTA (sits directly above the footer on every page)
   A full-width slanted blue band with hex texture and parking-line stripes.
   ========================================================================== */

.final-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(64px, 8vw, 104px);
  color: white;
  background: var(--contours), linear-gradient(115deg, var(--primary-strong) 0%, var(--primary-color) 45%, #0a4fb0 100%);
  clip-path: polygon(0 var(--slant), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant) * -0.5);

  > .container {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    align-items: center;
    gap: 48px;
  }

  .final-cta-stripes {
    position: absolute;
    z-index: -1;
    right: -40px;
    bottom: -20px;
    width: 420px;
    height: 160px;
    background: var(--stripes);
    opacity: 0.22;
    transform: skewX(-20deg);
  }

  .eyebrow {
    color: var(--accent-color);

    &::before {
      background: white;
    }
  }

  h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    color: white;
  }

  .final-cta-side p {
    font-size: 1.12rem;
    margin-bottom: 22px;
    color: #e3efff;
  }
}

@media (max-width: 860px) {
  .final-cta > .container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}