/* ============================================================
   60 — CLOSING CTA
   Dark band that mirrors the hero's wash, cut with the same angle
   at the top so the page opens and closes on the same geometry.
   ============================================================ */

.prc-cta {
  --prc-cta-slant: min(7vw, 88px);

  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: calc(var(--s-12) + var(--prc-cta-slant)) var(--s-12);
  color: var(--text-invert-body);
  text-align: center;
}

.prc-cta__canvas {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(48% 62% at 84% 88%, color-mix(in srgb, var(--c-brand) 40%, transparent), transparent 72%),
    radial-gradient(40% 52% at 12% 92%, color-mix(in srgb, var(--c-cyan) 20%, transparent), transparent 74%),
    var(--grad-dark);
  clip-path: polygon(0 var(--prc-cta-slant), 100% 0, 100% 100%, 0 100%);
}

.prc-cta__inner { position: relative; z-index: 1; }

.prc-cta__title {
  margin-inline: auto;
  max-width: 18ch;
  color: var(--text-invert);
}

.prc-cta__lead { margin: var(--s-5) auto 0; }

.prc-cta__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--s-3);
  margin-block-start: var(--s-8);
}

.prc-cta__assure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--s-3) var(--s-6);
  margin-block-start: var(--s-8);
  font-size: var(--fs-xs);
  color: color-mix(in srgb, var(--c-white) 64%, transparent);
}

/* Hairline separators instead of bullets or check icons: three facts
   on one line, nothing decorating them. */
.prc-cta__assure li {
  display: flex;
  align-items: center;
  gap: var(--s-6);
}
.prc-cta__assure li + li::before {
  content: "";
  width: var(--s-4);
  border-block-start: 1px solid color-mix(in srgb, var(--c-white) 30%, transparent);
}