/* Визуальные эффекты lsi-prodvizhenie.ru (12.11.2026): появление блоков при прокрутке, счётчики, подъём карточек, блик кнопок.
   Скрытие работает только при html.sp-rv (ставит effekty.js): без JS и при prefers-reduced-motion всё видно сразу. */
html.sp-rv .sp-rv-i{opacity:0!important;transform:translate3d(0,34px,0)!important}
html.sp-rv .sp-rv-i.sp-rv-z{filter:blur(8px)!important;transform:translate3d(0,26px,0)!important}
html.sp-rv .sp-rv-i.sp-rv-k{transform:translate3d(0,44px,0) scale(.94)!important}
html.sp-rv .sp-rv-t{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)!important;transition-delay:var(--rv-d,0ms)!important}
html.sp-rv .sp-rv-w{width:0!important}
html.sp-rv .sp-rv-wt{transition:width 1.6s cubic-bezier(.16,1,.3,1) .45s!important}
html.sp-rv .sp-own{animation:none!important;visibility:visible!important}
.sp-rv-n{font-variant-numeric:tabular-nums}

/* Карточки: подъём и подсветка */
.seo-card,.ai-seo__card,.pricing-card,.step,.cases_item,.videocase,.faq__item,.hero__stat,.post,.blog-card,.entry-card,article.type-post{transition:transform .25s,box-shadow .25s,border-color .25s}
@media (hover:hover){
  .seo-card:hover,.ai-seo__card:hover,.pricing-card:hover,.step:hover,.cases_item:hover,.videocase:hover,.hero__stat:hover,.blog-card:hover,.entry-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(24,113,201,.35),0 22px 48px rgba(17,52,98,.18)}
  .faq__item:hover{box-shadow:0 0 0 1px rgba(24,113,201,.3)}
  .seo-card:hover .seo-card__icon,.ai-seo__card:hover .ai-seo__icon{transform:scale(1.08) rotate(-4deg)}
}
.seo-card__icon,.ai-seo__icon{transition:transform .3s}

/* Кнопки: подъём, тень и полоса-блик */
.btn,.main_btn,.cases_item-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,background-color .2s}
.btn::after,.main_btn::after,.cases_item-btn::after{content:"";position:absolute;top:0;bottom:0;left:-75%;width:50%;z-index:2;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);opacity:0}
@media (hover:hover){
  .btn:hover,.main_btn:hover,.cases_item-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,113,201,.32)}
  .btn:hover::after,.main_btn:hover::after,.cases_item-btn:hover::after{animation:lsiBlik .8s ease-out}
}
.btn:active,.main_btn:active,.cases_item-btn:active{transform:translateY(0)!important}
@keyframes lsiBlik{0%{left:-75%;opacity:1}100%{left:125%;opacity:1}}

@media (prefers-reduced-motion:reduce){
  .seo-card,.ai-seo__card,.pricing-card,.step,.cases_item,.videocase,.btn,.main_btn,.cases_item-btn{transition:none!important;transform:none!important}
  .btn::after,.main_btn::after,.cases_item-btn::after{display:none}
}