/* Webleads.ai unified launch v4
   Single logo movement, no duplicate business name, no title/pill/text boot movement. */

@keyframes wlUnifiedOverlay {
  0% {
    opacity: 1;
  }
  68% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes wlUnifiedLogo {
  0% {
    opacity: 0;
    transform: translate3d(0, 0.32rem, 0) scale(0.992);
  }
  44% {
    opacity: 0.96;
  }
  100% {
    opacity: 0.96;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes wlUnifiedPage {
  0% {
    opacity: 0.96;
  }
  100% {
    opacity: 1;
  }
}

#root [class*="z-\[120\]"] {
  background:
    radial-gradient(760px 340px at 50% 45%, hsl(34 62% 40% / 0.09), transparent 64%),
    radial-gradient(900px 440px at 52% 57%, hsl(205 62% 18% / 0.075), transparent 68%),
    #050505 !important;
  animation: wlUnifiedOverlay 1.42s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
  backface-visibility: hidden;
  contain: paint;
  transform: translate3d(0, 0, 0);
  will-change: opacity;
}

/* Kill any previous pseudo-logo/sweep logic if an older stylesheet is cached. */
#root [class*="z-\[120\]"]::before,
#root [class*="z-\[120\]"]::after {
  content: none !important;
  display: none !important;
}

/* Remove the tacky copy/pill/headline movement from the bundled intro. */
#root [class*="z-\[120\]"] [class*="rounded-full"][class*="tracking"],
#root [class*="z-\[120\]"] span[class*="font-serif"],
#root [class*="z-\[120\]"] p {
  display: none !important;
}

/* Keep only the logo container, centred. */
#root [class*="z-\[120\]"] > div:not(:last-child) {
  display: none !important;
}

#root [class*="z-\[120\]"] > div:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

#root [class*="z-\[120\]"] > div:last-child > div {
  position: relative;
  max-width: none !important;
  text-align: center !important;
  transform: translate3d(0, 0, 0);
}

/* The one and only visible business mark in the launch. */
#root [class*="z-\[120\]"] img {
  width: min(15.6rem, 58vw) !important;
  height: auto !important;
  opacity: 0;
  transform-origin: center;
  animation: wlUnifiedLogo 0.78s cubic-bezier(0.22, 1, 0.36, 1) 0.08s forwards !important;
  backface-visibility: hidden;
  filter: drop-shadow(0 0 22px hsl(34 60% 54% / 0.12));
  will-change: transform, opacity;
}

/* Prevent a second visible image/name inside the overlay. */
#root [class*="z-\[120\]"] img + img,
#root [class*="z-\[120\]"] picture + picture {
  display: none !important;
}

html.wl-first-paint-ready #root main {
  animation: wlUnifiedPage 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  #root [class*="z-\[120\]"] {
    animation-duration: 0.3s !important;
  }

  #root [class*="z-\[120\]"] img,
  html.wl-first-paint-ready #root main {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}