/* scroll-model.css -- SDD-FOKKER-SCROLL_MODEL-001 r7.1 (v7.2.3). Contenedor unico fijo sin dimensiones, pool de 3 capas.
   Sin mix-blend-mode, sin lecturas de layout; solo transform y opacity. Escritorio >= 1024 px. */
#fokker-scroll-model-container { position: fixed; left: 0; top: 0; width: 0; height: 0; z-index: 40; pointer-events: none; display: none; }
@media (min-width: 1024px) and (forced-colors: none) {
  #fokker-scroll-model-container { display: block; opacity: 0; transition: opacity .2s ease; }
  #fokker-scroll-model-container.is-ready { opacity: 1; }
  #fokker-scroll-model-container.is-replanning, #fokker-scroll-model-container.is-hidden { opacity: 0; }
}
.fkm-layer { position: absolute; left: 0; top: 0; width: var(--s, 120px); height: var(--s, 120px); opacity: 0; visibility: hidden; will-change: transform, opacity; pointer-events: none; }
.fkm-halo { position: absolute; inset: calc(var(--s, 120px) * -0.12); border-radius: 50%; background: radial-gradient(circle, var(--model-glow-color, rgba(120, 180, 230, .28)) 0%, transparent 70%); }
.fkm-canvas { position: relative; display: block; width: 100%; height: 100%; filter: drop-shadow(0 calc(var(--s, 120px) * 0.04) calc(var(--s, 120px) * 0.10) rgba(26, 26, 46, .25)); }
body { --model-glow-color: rgba(120, 180, 230, .28); }
body.page-defense { --model-glow-color: rgba(255, 107, 53, .30); }
body.page-vision, body.page-vision-waitlist { --model-glow-color: rgba(0, 212, 170, .30); }
body.page-academy { --model-glow-color: rgba(212, 165, 116, .32); }
@media (prefers-reduced-motion: reduce) { #fokker-scroll-model-container { transition: none; } }