/* ═══════════════════════════════════════
   branding-mega-fx.css
   Livello "mega" — SOLO per
   branding-comunicazione-strategica.html.
   Da caricare DOPO branding-ultra-fx.css.
═══════════════════════════════════════ */

/* ─────────────────────────────────────────
   2. Cursore liquido (gooey) — la scia della
   cometa (già presente in ultra-fx) si fonde
   in un'unica goccia grazie a un filtro SVG.
───────────────────────────────────────── */
#fxCometWrap.fx-goo {
  filter: url(#fxGoo);
}
#fxCometWrap.fx-goo .fx-comet-dot {
  position: absolute;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
}

/* ─────────────────────────────────────────
   4. Perché Not Visual: scintille all'hover
   sulle righe (riusa .fx-spark di ultra-fx)
   + icona che ruota con bagliore continuo.
───────────────────────────────────────── */
.lp-why-row { position: relative; overflow: visible; }
.lp-why-row .fx-check {
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s ease;
}
.lp-why-row:hover .fx-check,
.lp-why-row.fx-active .fx-check {
  transform: scale(1.15) rotate(360deg);
  filter: drop-shadow(0 0 10px rgba(0, 255, 0, 0.85));
}

/* ─────────────────────────────────────────
   5. Bottoni: feedback "elastico" al click
───────────────────────────────────────── */
@keyframes fxBtnSquish {
  0%   { transform: scale(1, 1); }
  30%  { transform: scale(0.92, 1.09); }
  60%  { transform: scale(1.06, 0.95); }
  100% { transform: scale(1, 1); }
}
.fx-magnetic.fx-squish {
  animation: fxBtnSquish 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
@media (prefers-reduced-motion: reduce) {
  .fx-magnetic.fx-squish { animation: none; }
}

/* ─────────────────────────────────────────
   6. Hero: parallasse multilivello con lo scroll
   (gli orb e la parola di sfondo si muovono a
   velocità diverse mentre scorri, effetto profondità)
───────────────────────────────────────── */
.fx-orb, .nv-hero-bg-word {
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .fx-orb, .nv-hero-bg-word { transform: none !important; }
}