/* Reveal: visible by default. Only JS (motion full/lite) hides elements right before animating them in. */
.reveal { opacity: 1; }

/* Magnetic buttons need their own transform channel */
html[data-motion="full"] .btn { will-change: transform; }

/* Cursor glow (pointer: fine only) */
.cursor-glow { position: fixed; left: 0; top: 0; width: 360px; height: 360px; margin: -180px 0 0 -180px; border-radius: 50%; pointer-events: none; z-index: 1;
  background: radial-gradient(circle, rgba(61, 232, 200, 0.10) 0%, rgba(61, 232, 200, 0) 65%); opacity: 0; transition: opacity 0.6s; }
html[data-motion="full"] .cursor-glow { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}