/* ═══════════ Neon motion layer ═══════════ */
:root { --font-display: "Space Grotesk", "Manrope", sans-serif; }
body { background-image: radial-gradient(circle at 50% -10%, rgba(124,92,255,.08), transparent 32%); }
.hero__title, .section__title, .cta h2 { font-family: var(--font-display); }
.hero__title { text-wrap: balance; }

.cursor-glow {
  position: fixed; z-index: 0; pointer-events: none; width: 440px; height: 440px;
  left: var(--x, 50%); top: var(--y, 0); translate: -50% -50%;
  border-radius: 50%; opacity: .12; filter: blur(55px);
  background: radial-gradient(circle, var(--cyan), transparent 64%);
  mix-blend-mode: screen; transition: left .18s ease-out, top .18s ease-out;
}
.floating-orbs { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.floating-orbs i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 18px 4px rgba(52,229,165,.65); opacity: .65; animation: floatOrb 16s linear infinite; }
.floating-orbs i:nth-child(1) { left: 12%; top: 70%; animation-delay: -2s; }
.floating-orbs i:nth-child(2) { left: 78%; top: 28%; animation-delay: -8s; background: var(--cyan); }
.floating-orbs i:nth-child(3) { left: 42%; top: 88%; animation-delay: -12s; background: var(--violet); }
.floating-orbs i:nth-child(4) { left: 92%; top: 75%; animation-delay: -5s; }
@keyframes floatOrb { 0% { transform: translate3d(0, 30px, 0); opacity: 0; } 15%, 80% { opacity: .7; } 100% { transform: translate3d(-100px, -90vh, 0) rotate(180deg); opacity: 0; } }

/* Интерактивный блик внутри карточек */
.tile::after, .step::after, .review::after, .faq__item::after, .exchange__card::after, .cta::after {
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(34,211,238,.2), transparent 65%);
}
.exchange__card, .cta { isolation: isolate; }
.exchange__card::after, .cta::after { z-index: -1; opacity: 0; transition: opacity .35s var(--ease); }
.exchange__card:hover::after, .cta:hover::after { opacity: 1; }

.logo__mark { animation: logoFloat 4s ease-in-out infinite; }
@keyframes logoFloat { 50% { transform: translateY(-3px) rotate(3deg); box-shadow: 0 12px 32px -8px rgba(34,211,238,.9); } }
.btn--primary { animation: buttonGlow 4s ease-in-out infinite; }
@keyframes buttonGlow { 50% { box-shadow: 0 14px 42px -10px rgba(34,211,238,.72); } }
.step:nth-child(2) { transition-delay: .06s; } .step:nth-child(3) { transition-delay: .12s; } .step:nth-child(4) { transition-delay: .18s; }
.tile__ico { transition: transform .35s var(--ease), color .35s var(--ease); }
.tile:hover .tile__ico { transform: rotate(-8deg) scale(1.12); color: var(--cyan); }

@media (max-width: 780px) { .cursor-glow { display: none; } }
@media (prefers-reduced-motion: reduce) { .cursor-glow, .floating-orbs { display: none; } }