/* ============================================
   Neurone errant — IILMIQ Labs
   Un SVG qui dérive lentement à travers le viewport (~75s pour un tour)
   ============================================ */

#iilmiq-neuron-roam{
  position:fixed;
  top:0;left:0;
  width:200px;
  height:200px;
  pointer-events:none;
  /* z-index 11 → au-dessus de .page (z=10), sous nav (z=100).
     Pas de blend-mode pour garantir une visibilité homogène toutes pages confondues. */
  z-index:11;
  opacity:.55;
  will-change:transform;
  animation:iilmiq-neuron-roam 75s cubic-bezier(.4,0,.2,1) infinite;
  filter:drop-shadow(0 0 14px rgba(96,165,250,.5));
}
#iilmiq-neuron-roam svg{
  width:100%;height:100%;
  overflow:visible;
  animation:iilmiq-neuron-breathe 4.6s ease-in-out infinite;
}

/* Trajectoire à travers tout le viewport (8 points clés) */
@keyframes iilmiq-neuron-roam{
  0%   { transform:translate(6vw,  18vh) rotate(0deg)   scale(1);   }
  12%  { transform:translate(48vw, 8vh)  rotate(35deg)  scale(.92); }
  25%  { transform:translate(80vw, 28vh) rotate(78deg)  scale(1.08);}
  37%  { transform:translate(78vw, 62vh) rotate(150deg) scale(1);   }
  50%  { transform:translate(54vw, 78vh) rotate(205deg) scale(1.05);}
  62%  { transform:translate(20vw, 74vh) rotate(255deg) scale(.95); }
  75%  { transform:translate(8vw,  52vh) rotate(305deg) scale(1.05);}
  87%  { transform:translate(28vw, 28vh) rotate(340deg) scale(.98); }
  100% { transform:translate(6vw,  18vh) rotate(360deg) scale(1);   }
}

/* Respiration du neurone */
@keyframes iilmiq-neuron-breathe{
  0%, 100% { transform:scale(1);    filter:brightness(1);    }
  50%      { transform:scale(1.06); filter:brightness(1.15); }
}

/* Soma qui pulse */
#iilmiq-neuron-roam .soma{
  transform-origin:120px 120px;
  animation:iilmiq-soma-pulse 2.8s ease-in-out infinite;
}
@keyframes iilmiq-soma-pulse{
  0%, 100% { transform:scale(1);    opacity:.95; }
  50%      { transform:scale(1.12); opacity:1;   }
}

/* Cache l'animation si l'utilisateur préfère réduire le mouvement */
@media(prefers-reduced-motion:reduce){
  #iilmiq-neuron-roam{display:none;}
}

/* Sur petit écran : plus petit et plus discret */
@media(max-width:480px){
  #iilmiq-neuron-roam{
    width:140px;height:140px;
    opacity:.45;
  }
}