/* 
 * AntiGravity AI Agency - Animations Rules
 * Auto-scrolling marquees, hover glows, pulse scales, and animations.
 */

/* Infinite marquee scrolling (Left) */
.marquee-track {
  display: flex;
  gap: 60px;
  animation: scroll-left 40s linear infinite;
  white-space: nowrap;
}

@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Infinite marquee scrolling (Right - opposite loop) */
.marquee-track-right {
  display: flex;
  gap: 60px;
  animation: scroll-right 40s linear infinite;
  white-space: nowrap;
}

@keyframes scroll-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* Glowing text pulsate */
.glow-text {
  text-shadow: 0 0 10px rgba(0, 245, 160, 0.4);
}

.glow-text-purple {
  text-shadow: 0 0 10px rgba(108, 99, 255, 0.4);
}

/* Floating particle visual cards */
.floating-element {
  animation: float-up-down 6s ease-in-out infinite;
}

@keyframes float-up-down {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Pulsing accent badge dots */
.pulse-badge {
  animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
  0% { box-shadow: 0 0 0 0 rgba(0, 245, 160, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(0, 245, 160, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 245, 160, 0); }
}

/* Accordion hover transition slides */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.4s ease;
  padding: 0 20px;
}

.accordion-item.active .accordion-content {
  max-height: 300px;
  padding: 15px 20px;
}