/* final_cta styles */

/* ─── Final CTA ─── */
.final-cta {
  padding: 120px 0;
  background: var(--grad-ink);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.final-cta::before {
  content: ''; position: absolute;
  top: -150px; left: 10%;
  width: 500px; height: 500px;
  background: radial-gradient(circle, var(--mint), transparent 65%);
  opacity: 0.22;
  border-radius: 50%; pointer-events: none;
  animation: blobMove 18s ease-in-out infinite;
}
.final-cta::after {
  content: ''; position: absolute;
  bottom: -150px; right: 10%;
  width: 500px; height: 500px;
  background: radial-gradient(circle, var(--indigo), transparent 65%);
  opacity: 0.25;
  border-radius: 50%; pointer-events: none;
  animation: blobMove 22s ease-in-out infinite reverse;
}
.final-cta-inner { text-align: center; max-width: 760px; margin: 0 auto; position: relative; z-index: 1; }
.final-cta-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(0,214,143,0.12);
  border: 1px solid rgba(0,214,143,0.3);
  padding: 8px 16px;
  border-radius: 100px;
  margin-bottom: 28px;
}
.final-cta-badge-dot {
  width: 7px; height: 7px;
  background: var(--mint);
  border-radius: 50%;
  animation: pulseDot 1.8s infinite;
}
.final-cta-badge-text { font-size: 13px; font-weight: 600; color: var(--mint); }
.final-cta h2 {
  font-size: clamp(36px, 5.5vw, 64px);
  color: #fff;
  line-height: 1.05;
  letter-spacing: -0.04em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.final-cta h2 em {
  font-style: normal;
  background: var(--grad-accent);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.final-cta p {
  font-size: 18px;
  color: rgba(255,255,255,0.75);
  line-height: 1.55;
  margin-bottom: 36px;
  text-wrap: pretty;
}
.final-cta-buttons {
  display: flex; align-items: center; justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.final-cta-groups {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.btn-tg-group {
  background: #2AABEE !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
}
.btn-max-group {
  background: linear-gradient(135deg, #4A90E2, #9B59D6) !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
}