/* ================================================================
   PONCETTI — Performance-Adaptive Overrides
   
   .perf-high   → Everything enabled (no overrides needed)
   .perf-medium → WebGL canvases hidden, CSS animations simplified
   .perf-low    → All heavy animations killed, pure CSS fallbacks
   ================================================================ */

/* ═══════════════════════════════════════════════════════════════
   MEDIUM PERFORMANCE
   Skip WebGL canvases, keep CSS animations + GSAP
   ═══════════════════════════════════════════════════════════════ */

html.perf-medium #introWebGL,
html.perf-medium #intro3D {
  display: none !important;
}

/* Hero: skip shader canvas, gradient background still shows */
html.perf-medium #spaceCanvasHero {
  display: none !important;
}

/* Space canvas in how-it-works: keep CSS stars instead */
html.perf-medium #spaceCanvas {
  opacity: 0.4 !important;
}

/* Reduce orb blur (GPU heavy) */
html.perf-medium .hero-orb {
  filter: blur(40px) !important;
  animation-duration: 40s !important;
}

/* Saturn: simplify */
html.perf-medium .saturn-decoration {
  animation: none !important;
}

html.perf-medium .orbit-particles {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   LOW PERFORMANCE
   Kill all heavy animations. CSS-only fallbacks.
   ═══════════════════════════════════════════════════════════════ */

/* 3D intro: completely gone */
html.perf-low #intro3D,
html.perf-low #introWebGL {
  display: none !important;
}

/* Hero: no shader, no orbs, no grid lines */
html.perf-low #spaceCanvasHero,
html.perf-low .hero-orb,
html.perf-low .hero-orb-1,
html.perf-low .hero-orb-2,
html.perf-low .hero-orb-3,
html.perf-low .hero-grid-lines {
  display: none !important;
}

/* Space canvas: completely off */
html.perf-low #spaceCanvas,
html.perf-low .space-canvas {
  display: none !important;
}

/* Saturn: gone */
html.perf-low .saturn-decoration,
html.perf-low .orbit-particles {
  display: none !important;
}

/* Disable gold shimmer animation on CONVERTEM (saves GPU) */
html.perf-low .hero-word-impact {
  animation: none !important;
  background-size: 100% 100% !important;
}
html.perf-low .hero-word-impact::before {
  display: none !important;
}

/* Disable scroll progress shimmer */
html.perf-low .scroll-progress {
  display: none !important;
}

/* Disable backdrop-filter everywhere (very GPU heavy) */
html.perf-low * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Simplify card hover transforms (no 3D) */
html.perf-low .deliver-card-premium:hover,
html.perf-low .step-card-premium:hover,
html.perf-low .step-card-premium-simple:hover {
  transform: translateY(-4px) !important;
}

/* Marquee: use simpler animation */
html.perf-low .marquee-track-anim {
  animation-duration: 60s !important;
}

/* Footer marquee: slower = less GPU */
html.perf-low .fim-track {
  animation-duration: 80s !important;
}

/* Disable parallax on hero scroll */
html.perf-low .hero-premium .container {
  will-change: auto !important;
}

/* Preloader: faster, simpler */
html.perf-low #preloader {
  background: #000 !important;
}
html.perf-low .pre-grain {
  display: none !important;
}

/* Disable floating/pulsing animations */
html.perf-low .pulsing-star,
html.perf-low .badge-dot {
  animation: none !important;
}

/* Ensure all reveal elements are visible (skip animation) */
html.perf-low .reveal,
html.perf-low .gs-stagger,
html.perf-low [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* Disable will-change (saves memory) */
html.perf-low .magnetic,
html.perf-low .btn,
html.perf-low .nav-links a {
  will-change: auto !important;
}