/* ============================================================
   FIXILI PRO — OPTIMIZED ANIMATIONS
   Focused on smooth transitions and performance.
   ============================================================ */

/* ── TYPEWRITER CURSOR ───────────────────────────── */
.typewriter::after {
  content: '|';
  animation: blink-cursor 0.75s step-end infinite;
  color: var(--cyan);
}

@keyframes blink-cursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* ── NEON GLOW PULSE (Simplified) ────────────────── */
.neon-pulse {
  animation: neon-pulse 3s ease-in-out infinite;
}

@keyframes neon-pulse {
  0%, 100% { filter: drop-shadow(0 0 5px rgba(0,200,255,0.3)); }
  50% { filter: drop-shadow(0 0 15px rgba(0,200,255,0.6)); }
}

/* ── CHART PULSE LINE ────────────────────────────── */
.chart-pulse {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw-line 2s ease forwards;
}

@keyframes draw-line {
  to { stroke-dashoffset: 0; }
}

/* ── SIGNAL FLASH ────────────────────────────────── */
.signal-flash {
  animation: signal-flash 1s ease;
}

@keyframes signal-flash {
  0% { background: rgba(0,230,118,0.2); }
  100% { background: transparent; }
}

/* ── STAGGERED GRID REVEAL (Disabled for less animations) ───────── */
.stagger-child { 
  opacity: 1; 
  transform: none;
}
.stagger-child.visible {
  /* No animation */
}

/* ── HERO GRADIENT ORBS (Disabled for less animations) ─────────────── */
.orb {
  display: none;
}

/* ── LIVE DOT RING ───────────────────────────────── */
.live-ring::before {
  content: '';
  position: absolute;
  width: 20px; height: 20px;
  border-radius: 50%;
  border: 2px solid var(--green);
  animation: ring-pulse 2s ease-out infinite;
}

@keyframes ring-pulse {
  0% { transform: scale(0.8); opacity: 1; }
  100% { transform: scale(2); opacity: 0; }
}

/* ── MORPHING GRADIENT BG (Disabled for less animations) ────────────── */
.morphing-bg {
  background: #070B11;
}

/* ── REVEAL ON SCROLL (Disabled — always visible) ──────────── */
.reveal {
  opacity: 1 !important;
  transform: none !important;
}

.reveal.active {
  opacity: 1 !important;
  transform: none !important;
}

/* ── MOBILE: DISABLE HEAVY ANIMATIONS ──────────────────────── */
@media (max-width: 768px) {
  .orb { display: none; }
  .morphing-bg { animation: none !important; }
  .stagger-child { opacity: 1 !important; transform: none !important; animation: none !important; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}