/* ===== ГОРОД МАСТЕР — эффекты (адаптация GENESIS) ===== */

/* Прогресс чтения */
.gm-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:3000;background:linear-gradient(90deg,var(--blue),#7b5cff,var(--cyan));box-shadow:0 0 12px rgba(31,94,255,.55);border-radius:0 2px 2px 0;pointer-events:none;transition:width .12s linear}

/* Живой градиентный текст */
.grad-text{background-size:220% 220%;animation:gm-flow 6s ease infinite}
@keyframes gm-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Сеть частиц в hero */
.hero{position:relative;overflow:hidden}
#heroNet{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.55}
.hero .hero-inner{position:relative;z-index:1}
.hero-wave{position:relative;z-index:2}

/* Блик на основных кнопках */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s ease;pointer-events:none}
.btn-primary:hover::after{left:130%}
.hero-cta .btn-primary{animation:gm-glow 3.2s ease-in-out infinite}
@keyframes gm-glow{0%,100%{box-shadow:0 10px 26px rgba(31,94,255,.34)}50%{box-shadow:0 12px 38px rgba(31,94,255,.55)}}

/* Бегущая строка преимуществ */
.gm-marquee{border-block:1px solid var(--line);background:var(--bg-soft);padding:15px 0;overflow:hidden;white-space:nowrap}
.gm-marquee-track{display:inline-flex;align-items:center;will-change:transform;animation:gm-scroll 30s linear infinite}
.gm-marquee-set{display:inline-flex;align-items:center;flex:none}
.gm-marquee:hover .gm-marquee-track{animation-play-state:paused}
.gm-marquee span{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:0 26px}
.gm-marquee i{color:var(--blue);font-style:normal;font-size:11px}
@keyframes gm-scroll{to{transform:translateX(-50%)}}

/* Свечение карточек под курсором */
.gm-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(230px circle at var(--gx,50%) var(--gy,50%),rgba(31,94,255,.09),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.gm-spot:hover::after{opacity:1}

/* Параллакс орбов */
.hero-bg .orb{transition:transform .25s ease-out}

@media(max-width:640px){
  .gm-marquee span{font-size:11px;padding:0 18px}
}

@media(prefers-reduced-motion:reduce){
  .grad-text,.hero-cta .btn-primary,.hero-bg .orb{animation:none !important;transition:none !important}
  .btn-primary::after{display:none}
  #heroNet{display:none}
}