:root { color-scheme: only light; }
.fx-sparks { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 50; pointer-events: none; }
.fx-particles { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.btn { transition: transform .18s var(--ease), box-shadow .18s, translate .28s var(--ease); }
.hero h1 .w i[data-i="2"] { color: var(--gold); }
@media (hover: none) { .spot:hover::before { opacity: 0; } }