/* ==========================================================================
   AI PRODUCTIVITY WORKSHOP — KEYFRAME ANIMATIONS & DYNAMIC EFFECTS
   ========================================================================== */

/* Ambient Orb Drift */
@keyframes floatOrb {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(60px, -40px) scale(1.1);
  }
  100% {
    transform: translate(-40px, 60px) scale(0.95);
  }
}

/* Subtle Pulse for AI Glowing Orbs */
@keyframes pulseOrb {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.8);
  }
}

/* Pulse Dot in Badges */
@keyframes pulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.3);
  }
}

/* Sparkle Shimmer */
@keyframes sparkleGlow {
  0% {
    filter: drop-shadow(0 0 2px var(--cyan-main));
    transform: scale(1) rotate(0deg);
  }
  100% {
    filter: drop-shadow(0 0 8px #ffffff);
    transform: scale(1.15) rotate(15deg);
  }
}

/* Floating Task Pill Tags */
@keyframes floatTask {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* Document Scanner Laser Effect */
@keyframes scanLaser {
  0% {
    top: 0;
    opacity: 0.8;
  }
  50% {
    top: 96%;
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0.8;
  }
}

/* Circular Orbit Pulse */
@keyframes orbitPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(0, 240, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 240, 255, 0);
  }
}

.pulse-glow {
  animation: orbitPulse 3s infinite;
}

/* Content Element Reveal on Slide Activation */
.slide.active .slide-header {
  animation: slideInDown 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.slide.active .s1-left,
.slide.active .s1-right,
.slide.active .split-compare-grid,
.slide.active .circular-ecosystem-wrapper,
.slide.active .four-caps-row,
.slide.active .shift-cards-container,
.slide.active .copilot-equation-grid,
.slide.active .puzzle-grid,
.slide.active .prompt-compare-container,
.slide.active .convo-loop-wrapper,
.slide.active .roles-5-grid,
.slide.active .challenge-layout,
.slide.active .tutor-compare-grid,
.slide.active .doc-pipeline-grid,
.slide.active .delegation-matrix-grid,
.slide.active .showcase-flow-grid,
.slide.active .toolbox-6-grid,
.slide.active .safety-split-grid,
.slide.active .staircase-wrapper,
.slide.active .s22-layout {
  animation: fadeInRise 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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