/* WebLeadsAI foundation motion v1
   Purpose: remove telegraphic boot movements and let the site load cleanly.
   No separate splash screen. No duplicate logo/name. No title-bar style second load. */

html,
body {
  background: #050505;
}

#root {
  background: #050505;
}

@keyframes wlSiteSettle {
  from {
    opacity: 0.985;
  }
  to {
    opacity: 1;
  }
}

/* The bundled app still creates an intro overlay internally.
   We suppress it instead of layering more animation on top of it. */
#root [class*="z-\[120\]"],
#root [class~="z-[120]"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Prevent old pseudo-elements or cached launch effects from showing. */
#root [class*="z-\[120\]"]::before,
#root [class*="z-\[120\]"]::after,
#root [class~="z-[120]"]::before,
#root [class~="z-[120]"]::after {
  content: none !important;
  display: none !important;
}

/* One very light page-level settle. This avoids a hard pop without feeling like a splash screen. */
#root main {
  animation: wlSiteSettle 360ms cubic-bezier(0.22, 1, 0.36, 1) both;
  backface-visibility: hidden;
}

/* Keep page motion professional and reduce dramatic transforms/glitches. */
@media (prefers-reduced-motion: reduce) {
  #root main {
    animation: none !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}