/* Final CTA: geometric Appios background with no photographic asset. */
.page-home .cta-band {
  isolation: isolate;
  min-height: 490px;
  background: #0b0910;
  color: #f4efe6;
}

.page-home .cta-band__geometry {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    linear-gradient(112deg, #0b0910 0%, #160a2d 50%, #2f0b68 100%);
}

.page-home .cta-band__shape {
  position: absolute;
  display: block;
}

.page-home .cta-band__shape--orb {
  width: min(42vw, 620px);
  aspect-ratio: 1;
  right: -8vw;
  top: -45%;
  border-radius: 50%;
  background: #4b16a8;
  opacity: .72;
}

.page-home .cta-band__shape--frame {
  width: min(28vw, 410px);
  aspect-ratio: 1;
  right: 12vw;
  bottom: -48%;
  border: clamp(28px, 4vw, 62px) solid #f4efe6;
  transform: rotate(18deg);
  opacity: .16;
}

.page-home .cta-band__shape--bar {
  width: min(34vw, 520px);
  height: clamp(34px, 5vw, 74px);
  right: 8vw;
  top: 46%;
  border-radius: 999px;
  background: #2f0b68;
  transform: rotate(-16deg);
}

.page-home .cta-band__shape--dot {
  width: clamp(72px, 9vw, 132px);
  aspect-ratio: 1;
  right: clamp(5vw, 10vw, 160px);
  top: 16%;
  border-radius: 50%;
  background: #d7ff24;
}

.page-home .cta-band__content {
  position: relative;
  z-index: 2;
}

.page-home .cta-band h2,
.page-home .cta-band p,
.page-home .cta-band .eyebrow strong {
  color: #f4efe6;
}

.page-home .cta-band p {
  max-width: 600px;
  opacity: .92;
}

@media (max-width: 900px) {
  .page-home .cta-band {
    min-height: 560px;
  }

  .page-home .cta-band__geometry {
    background: linear-gradient(150deg, #0b0910 0%, #211047 66%, #2f0b68 100%);
  }

  .page-home .cta-band__shape--orb {
    width: 72vw;
    right: -30vw;
    top: -8%;
    opacity: .62;
  }

  .page-home .cta-band__shape--frame {
    width: 46vw;
    right: -2vw;
    bottom: -18%;
    opacity: .12;
  }

  .page-home .cta-band__shape--bar {
    width: 58vw;
    right: -12vw;
    top: 58%;
  }

  .page-home .cta-band__shape--dot {
    width: 76px;
    right: 8vw;
    top: 14%;
  }
}

@media (max-width: 620px) {
  .page-home .cta-band__content {
    padding-block: 4.75rem;
  }

  .page-home .cta-band h2 {
    font-size: clamp(3rem, 13vw, 4.6rem);
  }

  .page-home .cta-band__shape--orb {
    width: 92vw;
    right: -54vw;
    top: 4%;
  }

  .page-home .cta-band__shape--dot {
    width: 58px;
    right: 6vw;
    top: 10%;
  }
}