.elementor-5905 .elementor-element.elementor-element-ed3d5cf{--display:flex;}.elementor-5905 .elementor-element.elementor-element-e4c5175{--display:flex;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5905 .elementor-element.elementor-element-1957470{--spacer-size:59px;}/* Start custom CSS *//* ============================================================
   1. HIGH-SPEED COSMIC BACKGROUND ENGINE & MOBILE FIXES
   Isolated to .elementor-page to protect header/footer.
   ============================================================ */

/* Safe Fallback Background */
.elementor-page { background-color: #030208 !important; }

/* LAYER A: Deep Space Gradient Glows */
.elementor-page::before {
  content: ""; position: fixed; inset: 0; z-index: -9999; pointer-events: none;
  background:
    radial-gradient(circle at 15% 20%, rgba(203, 108, 230, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 85% 30%, rgba(0, 179, 164, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 50% 80%, rgba(66, 133, 244, 0.10) 0%, transparent 60%);
  -webkit-transform: translateZ(0); transform: translateZ(0);
}

/* LAYER B: Fast Drifting Distant Stars */
.elementor-page::after {
  content: ""; position: fixed; inset: -200px; z-index: -9998; pointer-events: none;
  background-image:
    radial-gradient(circle, #ffffff 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(203, 108, 230, 0.9) 0 1.5px, transparent 2px),
    radial-gradient(circle, rgba(0, 179, 164, 0.9) 0 1px, transparent 1.5px);
  background-size: 150px 150px, 250px 250px, 350px 350px;
  background-position: 0 0, 50px 100px, 150px 50px;
  opacity: 0.8;
  will-change: transform;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  animation: csStarDriftSlow 45s linear infinite;
}

/* LAYER C: Hyper-Speed Foreground Stars */
.cs-llm-hub-v2::before {
  content: ""; position: fixed; inset: -200px; z-index: -9997; pointer-events: none;
  background-image:
    radial-gradient(circle, #ffffff 0 2px, transparent 2.5px),
    radial-gradient(circle, rgba(255, 107, 0, 0.8) 0 1.5px, transparent 2px);
  background-size: 200px 200px, 400px 400px;
  background-position: 20px 40px, 100px 200px;
  opacity: 0.65;
  will-change: transform;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  animation: csStarDriftFast 25s linear infinite;
}

/* LAYER D: Epic Shooting Stars / Comets */
.cs-llm-hub-v2::after {
  content: ""; position: fixed; top: 15%; left: -20%; width: 250px; height: 3px; z-index: -9996; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), rgba(203, 108, 230, 1), transparent);
  box-shadow: 0 0 20px rgba(203, 108, 230, 0.8);
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  animation: csShootingStar 7s ease-in infinite;
}

/* MAGIC LAYER E: Interactive Canvas Wrapper */
#cs-fairy-dust-canvas {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
  pointer-events: none; z-index: -9995;
}

/* Kinetic Star Animations */
@keyframes csStarDriftSlow {
  from { background-position: 0 0, 50px 100px, 150px 50px; }
  to { background-position: 300px -300px, 350px -200px, 450px -250px; }
}

@keyframes csStarDriftFast {
  from { background-position: 20px 40px, 100px 200px; }
  to { background-position: -380px 440px, -300px 600px; }
}

@keyframes csShootingStar {
  0% { transform: translate3d(0, 0, 0) rotate(-25deg); opacity: 0; }
  5% { opacity: 1; }
  15% { transform: translate3d(120vw, 60vh, 0) rotate(-25deg); opacity: 0; }
  100% { transform: translate3d(120vw, 60vh, 0) rotate(-25deg); opacity: 0; }
}

/* ============================================================
   STRICT NO-FLASH MOBILE COMPLIANCE & READABILITY
   ============================================================ */
@media (max-width: 767px) {
  body, .elementor-page, .elementor, .site, #page, #content {
    background-attachment: scroll !important;
  }
  .elementor-page::after {
    background-size: 100px 100px, 150px 150px, 200px 200px;
    animation-duration: 100s;
  }
  .cs-llm-hub-v2::before, .cs-llm-hub-v2::after, #cs-fairy-dust-canvas {
    display: none !important;
  }
  
  /* Strip heavy blurs on mobile to stop flashing */
  .cs-llm-hub-v2 .cs-section, 
  .cs-llm-hub-v2 .cs-pill,
  .cs-roi-callout-box {
    backdrop-filter: none !important; 
    -webkit-backdrop-filter: none !important; 
    background: rgba(255, 255, 255, 0.98) !important; 
  }
  .cs-roi-callout-box { background: rgba(13, 17, 33, 0.98) !important; }

  /* FIX WHITE-ON-WHITE MOBILE BUTTON TEXT */
  .cs-llm-hub-v2 .cs-filter,
  .cs-llm-hub-v2 .cs-jumpbar a {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
  }
  
  .cs-llm-hub-v2 .cs-filter.active,
  .cs-llm-hub-v2 .cs-filter:hover,
  .cs-llm-hub-v2 .cs-jumpbar a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #cb6ce6 !important;
    border-color: #cb6ce6 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-page::after, .cs-llm-hub-v2::before, .cs-llm-hub-v2::after { animation: none !important; }
}/* End custom CSS */