/* ===================================================
   ADDITIONAL ANIMATIONS & MICRO-INTERACTIONS
   =================================================== */

/* Shimmer effect for featured card */
.featured-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(34,211,238,0.06) 50%,
    transparent 60%
  );
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
  pointer-events: none;
}

@keyframes shimmer {
  0% { background-position: -100% 0; }
  100% { background-position: 200% 0; }
}

/* Neon border pulse for pricing section heading */
.pricing-section .section-title {
  animation: none;
}

/* CTA button pulse ring */
.btn-primary {
  position: relative;
}
.btn-primary::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: calc(var(--radius-md) + 4px);
  border: 2px solid rgba(34,211,238,0.4);
  opacity: 0;
  animation: ring-pulse 3s ease-out infinite;
  pointer-events: none;
}

@keyframes ring-pulse {
  0% { opacity: 0.8; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.15); }
}

/* Staggered reveal for benefit cards */
.benefit-card:nth-child(1) { transition-delay: 0.05s; }
.benefit-card:nth-child(2) { transition-delay: 0.1s; }
.benefit-card:nth-child(3) { transition-delay: 0.15s; }
.benefit-card:nth-child(4) { transition-delay: 0.2s; }
.benefit-card:nth-child(5) { transition-delay: 0.25s; }
.benefit-card:nth-child(6) { transition-delay: 0.3s; }

/* Staggered for pricing cards */
.pricing-card:nth-child(1) { transition-delay: 0.05s; }
.pricing-card:nth-child(2) { transition-delay: 0.15s; }
.pricing-card:nth-child(3) { transition-delay: 0.25s; }

/* Stats strip number counter animation */
.stat-number {
  display: inline-block;
  transition: transform 0.3s;
}

/* Footer brand hover */
.footer-brand .logo:hover .logo-monogram {
  box-shadow: 0 0 20px rgba(34,211,238,0.5);
  transform: rotate(5deg);
  transition: all 0.3s;
}

/* Urgency tags hover */
.urgency-tag {
  transition: background 0.25s, border-color 0.25s, transform 0.25s;
}
.urgency-tag:hover {
  background: rgba(245,158,11,0.15);
  border-color: rgba(245,158,11,0.4);
  transform: translateY(-2px);
}

/* Mobile sticky bar entrance */
@keyframes slide-up-bar {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

/* Scroll progress indicator */
#scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cyan) 0%, #818cf8 100%);
  z-index: 9999;
  width: 0%;
  transition: width 0.1s linear;
}