/* ============================================================
   HOMAX — Animations
   ============================================================ */

html { scroll-behavior: smooth; }

/* ── Keyframes ─────────────────────────────────────────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0);    }
}

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

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

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

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

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 20px rgba(15,52,96,.3); }
  50%       { box-shadow: 0 0 40px rgba(15,52,96,.6); }
}

@keyframes heroZoomIn {
  from { transform: scale(1); }
  to   { transform: scale(1.08); }
}

/* ── Utility classes ───────────────────────────────────────── */
.animate-fade-in-up    { animation: fadeInUp    .6s ease-out both; }
.animate-fade-in       { animation: fadeIn      .6s ease-out both; }
.animate-slide-in-left { animation: slideInLeft .6s ease-out both; }
.animate-slide-in-right{ animation: slideInRight .6s ease-out both; }
.animate-float         { animation: float 6s ease-in-out infinite; }
.animate-pulse-glow    { animation: pulseGlow 2s ease-in-out infinite; }

/* Hover lift */
.hover-lift { transition: transform .3s ease, box-shadow .3s ease; }
.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,.1);
}