/* ===== ARKAM GOLANDAZ — ANIMATIONS ===== */

@keyframes drawLine {
  to { stroke-dashoffset: 0; }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 15px rgba(201,168,76,0.3), 0 4px 20px rgba(0,0,0,0.4); }
  50%       { box-shadow: 0 0 35px rgba(201,168,76,0.6), 0 4px 30px rgba(0,0,0,0.5); }
}
@keyframes gridMove {
  0%   { background-position: 0 0; }
  100% { background-position: 40px 40px; }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-10px); }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes whatsappPulse {
  0%   { box-shadow: 0 0 0 0   rgba(37,211,102,0.6); }
  70%  { box-shadow: 0 0 0 18px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0   rgba(37,211,102,0); }
}
@keyframes lineGrow {
  from { transform: scaleY(0); }
  to   { transform: scaleY(1); }
}
@keyframes dotPulse {
  0%, 100% { transform: scale(1);   box-shadow: 0 0 0   rgba(201,168,76,0.3); }
  50%       { transform: scale(1.2); box-shadow: 0 0 15px rgba(201,168,76,0.6); }
}
@keyframes counterPulse {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.06); }
}
@keyframes borderGlow {
  0%, 100% { border-color: rgba(201,168,76,0.25); }
  50%       { border-color: rgba(201,168,76,0.7); }
}
@keyframes rotateIn {
  from { opacity: 0; transform: rotate(-8deg) scale(0.9); }
  to   { opacity: 1; transform: rotate(0)     scale(1); }
}
@keyframes heroTextIn {
  from { opacity: 0; transform: translateY(50px) skewY(2deg); }
  to   { opacity: 1; transform: translateY(0)    skewY(0); }
}
@keyframes ctaSlideIn {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes metalShimmer {
  0%   { background-position: -300% 0; }
  100% { background-position: 300% 0; }
}
@keyframes blueprintPan {
  from { background-position: 0 0; }
  to   { background-position: 60px 60px; }
}
@keyframes cardReveal {
  from { opacity: 0; transform: translateY(30px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}
@keyframes taglineFade {
  0%   { opacity: 0; letter-spacing: 0.3em; }
  100% { opacity: 1; letter-spacing: 0.08em; }
}
@keyframes spinSlow {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Scroll-triggered utility classes */
.anim-fadeInUp    { animation: fadeInUp    0.7s ease both; }
.anim-fadeInLeft  { animation: fadeInLeft  0.7s ease both; }
.anim-fadeInRight { animation: fadeInRight 0.7s ease both; }
.anim-scaleIn     { animation: scaleIn     0.6s ease both; }
.anim-cardReveal  { animation: cardReveal  0.7s ease both; }

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}