/**
 * ClickBiz Location Landing Framework v2.0
 * Subtle animation utilities & micro-interactions
 */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

/* Staggered Delay classes */
.animate-delay-80 { animation-delay: 80ms; }
.animate-delay-160 { animation-delay: 160ms; }
.animate-delay-240 { animation-delay: 240ms; }

/* 1. Button Hover Lift Micro-interaction */
.btn-landing-cta, .btn-outline-dark, .btn-landing-secondary {
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.2s ease, background-color 0.3s ease !important;
}
.btn-landing-cta:hover, .btn-outline-dark:hover, .btn-landing-secondary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 2. Trust Pills Staggered Entrance */
@keyframes pillFadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.benefit-pill {
  opacity: 0;
  animation: pillFadeIn 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.benefit-pill:nth-child(1) { animation-delay: 200ms; }
.benefit-pill:nth-child(2) { animation-delay: 300ms; }
.benefit-pill:nth-child(3) { animation-delay: 400ms; }
.benefit-pill:nth-child(4) { animation-delay: 500ms; }



/* 4. Background Subtle Entrance Zoom */
@keyframes bgZoomScale {
  from {
    transform: scale(1.02);
    opacity: 0.9;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.hero-section {
  animation: bgZoomScale 1.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}