/* Ported from the reference build by tools/port/css.mjs. Do not edit; edit the generator or override in assets/css/theme/. */
.cta[data-c-a-home-final-cta] {
  padding-block: calc(var(--section-y) * 1.4) calc(var(--section-y) * 1.4 + 2rem);
  background:
    radial-gradient(45% 80% at 100% 0%, #ffffff8c, transparent 65%),
    radial-gradient(40% 70% at 0% 100%, #a796ff40, transparent 65%), var(--lime);
  margin-bottom: -2rem;
  position: relative;
  overflow: hidden;
}
.cta__panel[data-c-a-home-final-cta] {
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  display: grid;
  position: relative;
}
.cta__stack[data-c-a-home-final-cta] {
  aspect-ratio: 1;
  justify-self: center;
  width: 100%;
  max-width: 340px;
  position: relative;
}
.cta__stack[data-c-a-home-final-cta] span[data-c-a-home-final-cta] {
  aspect-ratio: 1;
  width: 62%;
  transition: transform var(--dur-4) var(--ease-out);
  border-radius: 24%;
  position: absolute;
}
.cta__stack[data-c-a-home-final-cta] span[data-c-a-home-final-cta]:first-child {
  background: var(--grad-cobalt);
  top: 0;
  right: 0;
}
.cta__stack[data-c-a-home-final-cta] span[data-c-a-home-final-cta]:nth-child(2) {
  background: var(--cobalt-soft);
  border: 1px solid #3044f533;
  top: 19%;
  left: 19%;
}
.cta__stack[data-c-a-home-final-cta] span[data-c-a-home-final-cta]:nth-child(3) {
  background: var(--ink);
  bottom: 0;
  left: 0;
}
.cta__panel[data-c-a-home-final-cta]:hover
  .cta__stack[data-c-a-home-final-cta]
  span[data-c-a-home-final-cta]:first-child {
  transform: translate(8px, -8px);
}
.cta__panel[data-c-a-home-final-cta]:hover
  .cta__stack[data-c-a-home-final-cta]
  span[data-c-a-home-final-cta]:nth-child(3) {
  transform: translate(-8px, 8px);
}
.cta__copy[data-c-a-home-final-cta] {
  gap: var(--s-6);
  display: grid;
}
.cta__title[data-c-a-home-final-cta] {
  font-size: var(--fs-3xl);
  letter-spacing: var(--tracking-tight);
  line-height: 1.02;
}
.cta__body[data-c-a-home-final-cta] {
  font-size: var(--fs-md);
  color: var(--ink-2);
  max-width: 48ch;
}
.cta__actions[data-c-a-home-final-cta] {
  align-items: center;
  gap: var(--s-4) var(--s-8);
  flex-wrap: wrap;
  display: flex;
}
@media (width<=860px) {
  .cta__panel[data-c-a-home-final-cta] {
    grid-template-columns: 1fr;
  }
  .cta__stack[data-c-a-home-final-cta] {
    justify-self: start;
    max-width: 140px;
  }
}