/* Mona Safety Nets - Supplemental Animations CSS */
/* Core animations are already in msn-public.css */
/* This file adds extra polish */

@keyframes msn-slide-up {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:translateY(0); }
}
.msn-hero-eyebrow { animation: msn-slide-up .5s ease .1s both; }
.msn-hero-h1      { animation: msn-slide-up .6s ease .2s both; }
.msn-hero-sub     { animation: msn-slide-up .6s ease .35s both; }
.msn-hero-btns    { animation: msn-slide-up .6s ease .5s both; }
.msn-hero-trust   { animation: msn-slide-up .6s ease .65s both; }
.msn-hero-mosaic  { animation: msn-slide-up .7s ease .4s both; }

@keyframes msn-float {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-8px); }
}
.msn-hero-badge-float { animation: msn-float 4s ease-in-out infinite; }

/* Service card shine sweep on hover */
.msn-service-card { overflow:hidden; }
.msn-service-card::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-100%); transition:transform .45s ease;
}
.msn-service-card:hover::after { transform:translateX(100%); }

/* Pulsing badge */
@keyframes msn-pulse-ring {
  0%  { box-shadow:0 0 0 0 rgba(232,73,15,.4); }
  70% { box-shadow:0 0 0 12px rgba(232,73,15,0); }
  100%{ box-shadow:0 0 0 0 rgba(232,73,15,0); }
}
.msn-hero-eyebrow::before { animation: msn-pulse-ring 2s ease infinite; }
