/**
 * Purple click splash for pill CTAs.
 * Painted on the viewport (position:fixed), never inside the button —
 * otherwise a full-width Apply submit + overflow:visible fills the form.
 * Colours / timing match the intros ripple (cyan → royal → purple, 0.72s ease-out).
 */

.nx-in-ripple {
  position: fixed;
  border-radius: 999px;
  pointer-events: none;
  z-index: 100000;
  background: radial-gradient(circle, rgba(91, 203, 255, 0.55) 0%, rgba(43, 94, 240, 0.28) 42%, rgba(149, 82, 218, 0) 70%);
  animation: nx-in-ripple 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes nx-in-ripple {
  from {
    transform: scale(0.2);
    opacity: 0.9;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nx-in-ripple {
    animation: none;
  }
}