/* ============================================================
   AEGIS — Couche FUTURE : interactions next-gen
   ============================================================ */

/* Curseur lumineux qui suit la souris (desktop only) */
.cursor-glow {
  position: fixed; top: 0; left: 0; width: 26px; height: 26px; border-radius: 50%;
  pointer-events: none; z-index: 9999; mix-blend-mode: screen; opacity: 0;
  background: radial-gradient(circle, rgba(94,200,255,0.6), transparent 70%);
  transform: translate(-50%, -50%);
  transition: width .25s var(--ease), height .25s var(--ease), background .25s, opacity .3s;
}
.cursor-glow.lg { width: 76px; height: 76px; background: radial-gradient(circle, rgba(232,177,90,0.42), transparent 70%); }
@media (hover: none), (pointer: coarse) { .cursor-glow { display: none !important; } }

/* Réseau de confiance (canvas) dans le hero */
.hero { position: relative; isolation: isolate; }
.trust-net { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.7; }

/* Parallaxe 3D du visuel hero */
.hero-visual { perspective: 1100px; }
.hero-art { will-change: transform; }

/* Sweep lumineux animé sur le titre dégradé */
.hero h1 .grad { background-size: 220% 100%; animation: gradShift 7s var(--ease) infinite alternate; }
@keyframes gradShift { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }

/* Boutons magnétiques (la translation est gérée par JS) */
.btn { will-change: transform; }

/* Liseré « scanline » très subtil sur toute la page (CRT futuriste) */
.scanlines::after {
  content: ""; position: fixed; inset: 0; z-index: 9998; pointer-events: none; opacity: 0.035;
  background: repeating-linear-gradient(0deg, #fff 0 1px, transparent 1px 3px);
}

/* Compteurs : police mono pour l'effet « live » */
.stat .n { font-variant-numeric: tabular-nums; }

/* Barre de progression de scroll */
.scroll-progress {
  position: fixed; top: 0; left: 0; height: 3px; width: 100%; z-index: 9997;
  transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--cyan), var(--gold));
  box-shadow: 0 0 12px rgba(94, 200, 255, 0.7); pointer-events: none;
}

/* Machine à écrire (hero) */
.hero-typed { font-family: var(--display); font-size: 15px; color: var(--muted); margin-top: 18px; min-height: 22px; }
.hero-typed #typed-docs { color: var(--cyan); font-weight: 600; }
.typed-cursor { color: var(--gold); font-weight: 400; }

@media (prefers-reduced-motion: reduce) {
  .cursor-glow, .trust-net { display: none !important; }
  .hero h1 .grad { animation: none; }
}