/* ===== РЕЖИМЫ АНИМАЦИЙ ЛЕНДИНГА ===== */
/* декоративные орбы */
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}
.o1{width:460px;height:460px;background:var(--acc2);top:-140px;right:-120px}
.o2{width:380px;height:380px;background:var(--acc);bottom:-160px;left:-120px}
/* MIN: только конверсия */
html[data-motion="min"] .orb{display:none}
html[data-motion="min"] .rev{transition:none;opacity:1;transform:none}
html[data-motion="min"] .card:hover{transform:translateY(-3px); transition: all 0.3s ease;} 

/* продукт-демо (иконки) живёт во всех режимах — это товар, а не декор */
@media (prefers-reduced-motion:reduce){
  .orb,.btn-big,.grad{animation:none!important}
  .rev{transition:none;opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* WOW: максимум вау */
html[data-motion="wow"] .orb{animation:float 9s ease-in-out infinite alternate}
html[data-motion="wow"] .o2{animation-delay:-4s}
@keyframes float{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,50px) scale(1.15)}}
html[data-motion="wow"] .btn-big{animation:btnpulse 2.4s ease-in-out infinite}
@keyframes btnpulse{50%{box-shadow:0 0 0 10px transparent,0 10px 34px var(--glow)}}
html[data-motion="wow"] .grad{background-size:200% 100%;animation:gradmove 4s linear infinite}
@keyframes gradmove{to{background-position:200% 0}}
html[data-motion="wow"] .rev{transform:translateY(44px) scale(.98)}

/* PREMIUM: умеренно и дорого 
html[data-motion="premium"] .orb{opacity:.28;animation:none}
html[data-motion="premium"] .btn-big,html[data-motion="premium"] .grad{animation:none}
*/