/* ============================================================
   animations.css — KEYFRAMES
   All @keyframes in one place. Import once, use everywhere.
   ============================================================ */

/* Floating cards (hero) */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

/* Orbit hub pulse */
@keyframes hub-pulse {
  0%, 100% { box-shadow: 0 0 0 16px rgba(79,70,229,0.15), 0 0 0 32px rgba(79,70,229,0.07); }
  50%       { box-shadow: 0 0 0 22px rgba(79,70,229,0.10), 0 0 0 44px rgba(79,70,229,0.04); }
}

/* Slow ring rotation (orbit diagram) */
@keyframes spin-cw  { from { transform: translate(-50%,-50%) rotate(0deg);   } to { transform: translate(-50%,-50%) rotate(360deg);  } }
@keyframes spin-ccw { from { transform: translate(-50%,-50%) rotate(0deg);   } to { transform: translate(-50%,-50%) rotate(-360deg); } }

/* SVG dashed line flow */
@keyframes dash-flow {
  from { stroke-dashoffset: 20; }
  to   { stroke-dashoffset: 0; }
}

/* Bar chart grow */
@keyframes bar-grow {
  from { height: 8%; }
  to   { height: var(--target-h); }
}