/* Purpose: Smart-interaction visual layers — card spotlight glow + scroll-progress bar.
   Behaviour lives in animations.js (gated behind reduced-motion / fine-pointer). */

/* ── Cursor-follow spotlight on cards ── */
.has-spotlight { position: relative; }
.card-spotlight {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  border-radius: inherit; opacity: 0; transition: opacity 0.3s ease;
  background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),
    var(--glow, rgba(55, 96, 84, 0.13)), transparent 64%);
}
.has-spotlight:hover .card-spotlight { opacity: 1; }
/* Cream glow on dark cards; emerald glow (default) on the white ones. */
.freq-card .card-spotlight,
.csr-card .card-spotlight { --glow: rgba(245, 239, 224, 0.20); }

/* ── Scroll-progress bar ── */
.scroll-progress {
  position: fixed; top: 0; left: 0; height: 3px; width: 100%;
  transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--emerald), #6f9b8c);
  z-index: 9999; pointer-events: none; will-change: transform;
}