/* ==========================================================================
   COMPONENT: Final CTA (sits directly above the footer on every page)
   ========================================================================== */

.final-cta {
  position: relative;
  overflow: hidden;
  padding-block: clamp(72px, 9vw, 112px);
  background: var(--primary-color);
  color: var(--secondary-color);

  /* Oversized logo-style chevron in the background */
  &::before {
    content: "";
    position: absolute;
    right: -6%;
    top: -30%;
    width: 46%;
    aspect-ratio: 1;
    background: color-mix(in srgb, var(--primary-color) 80%, white);
    clip-path: polygon(0 0, 100% 0, 50% 86%);
    opacity: 0.6;
  }

  .container {
    position: relative;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    gap: 40px;
  }

  .eyebrow {
    color: color-mix(in srgb, var(--secondary-color) 75%, var(--primary-strong));
  }

  h2 {
    margin: 0;
    font-size: clamp(1.9rem, 3.6vw, 2.8rem);

    span {
      display: block;
      color: color-mix(in srgb, var(--secondary-color) 70%, var(--primary-strong));
    }
  }

  .final-cta-side {
    p {
      font-size: 1.1rem;
      margin-bottom: 22px;
    }
  }
}

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