/* Five-in-One closing CTA: loaded last to prevent global surface rules from overriding contrast. */
.five104-page .five104-final {
  padding: 72px 0;
  background: linear-gradient(135deg, #061326 0%, #0a1b33 68%, #06313b 100%);
  border-top: 1px solid rgba(244, 180, 0, .24);
}

.five104-page .five104-final-card {
  padding: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  box-shadow: none;
}

.five104-page .five104-final-card .eyebrow {
  color: var(--gold);
}

.five104-page .five104-final-card h2 {
  color: #fff;
}

.five104-page .five104-final-card p:not(.eyebrow) {
  max-width: 720px;
  color: rgba(255, 255, 255, .76);
}

.five104-page .five104-final-actions .btn-secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, .38);
  background: transparent;
}

.five104-page .five104-final-actions .btn-secondary:hover,
.five104-page .five104-final-actions .btn-secondary:focus-visible {
  color: #fff;
  border-color: rgba(126, 226, 217, .72);
  background: rgba(255, 255, 255, .07);
}

@media (max-width: 767px) {
  .five104-page .five104-final {
    padding: 50px 0;
  }

  .five104-page .five104-final-card {
    gap: 28px;
  }

  .five104-page .five104-final-card h2 {
    max-width: 12ch;
    font-size: clamp(34px, 9.5vw, 42px);
    line-height: 1.02;
  }

  .five104-page .five104-final-card p:not(.eyebrow) {
    max-width: 34ch;
    font-size: 15px;
    line-height: 1.65;
  }

  .five104-page .five104-final-actions {
    gap: 10px;
  }
}