/* ════════════════════════════════════════════
   PROFIX – ANIMATIONEN
   animations.css
════════════════════════════════════════════ */

/* ── KEYFRAMES ── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(28px); }
  to   { opacity:1; transform:none; }
}

@keyframes fadeIn {
  from { opacity:0; }
  to   { opacity:1; }
}

@keyframes pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:.4; transform:scale(1.6); }
}

@keyframes slideInLeft {
  from { opacity:0; transform:translateX(-30px); }
  to   { opacity:1; transform:none; }
}

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

/* ── SCROLL REVEAL ── */
.reveal {
  opacity:0;
  transform:translateY(36px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal.visible { opacity:1; transform:none; }

.reveal-d1 { transition-delay:.1s; }
.reveal-d2 { transition-delay:.2s; }
.reveal-d3 { transition-delay:.3s; }
.reveal-d4 { transition-delay:.4s; }

/* ── HOVER EFFECTS ── */
.hover-lift {
  transition: transform .2s ease, box-shadow .2s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}

/* ── LOADING PULSE ── */
.loading-pulse {
  animation: pulse 1.5s ease-in-out infinite;
}