
.icon-circle,
.process-icon,
.footer-social a,
.faq-plus,
.badge{
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, background .3s ease, border-color .3s ease;
}

header{
  transition: box-shadow .35s ease, background .35s ease;
}
header.is-scrolled{
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
}

.logo-img{ transition: transform .3s ease; }
.logo:hover .logo-img{ transform: scale(1.04) rotate(-1deg); }

.nav-links a{
  position:relative;
}
.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:var(--orange);
  transition:width .25s ease;
}
.nav-links a:hover::after{ width:100%; }

.btn{ transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.btn:active{ transform: scale(.96); }

@keyframes heroFadeUp{
  from{ opacity:0; transform:translateY(26px); }
  to{ opacity:1; transform:translateY(0); }
}
.hero-grid > div:first-child h1{
  animation: heroFadeUp .8s cubic-bezier(.16,.84,.44,1) .05s both;
}
.hero-grid > div:first-child .lead{
  animation: heroFadeUp .8s cubic-bezier(.16,.84,.44,1) .18s both;
}
.hero-grid > div:first-child .hero-buttons{
  animation: heroFadeUp .8s cubic-bezier(.16,.84,.44,1) .3s both;
}
/* Бейджи под hero — без движения, просто мягкий hover */
.badge:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  border-color: rgba(232,72,44,.35);
}

.why-card,
.feature-card,
.service-item,
.process-card,
.bonus-card,
.faq-item,
.not-found,
.dark-cta{
  opacity:0;
  transform:translateY(30px);
  transition: opacity .7s cubic-bezier(.16,.84,.44,1), transform .7s cubic-bezier(.16,.84,.44,1);
  will-change: opacity, transform;
}
.why-card.in-view,
.feature-card.in-view,
.service-item.in-view,
.process-card.in-view,
.bonus-card.in-view,
.faq-item.in-view,
.not-found.in-view,
.dark-cta.in-view{
  opacity:1;
  transform:translateY(0);
}

.cards-grid .why-card:nth-child(3n+1){ transition-delay:.02s; }
.cards-grid .why-card:nth-child(3n+2){ transition-delay:.12s; }
.cards-grid .why-card:nth-child(3n+3){ transition-delay:.22s; }

.why-us-grid .feature-card:nth-child(3n+1){ transition-delay:.02s; }
.why-us-grid .feature-card:nth-child(3n+2){ transition-delay:.12s; }
.why-us-grid .feature-card:nth-child(3n+3){ transition-delay:.22s; }

.services-grid .service-item:nth-child(odd){ transition-delay:.02s; }
.services-grid .service-item:nth-child(even){ transition-delay:.14s; }

.bonus-wrap .bonus-card:nth-child(1){ transition-delay:.02s; }
.bonus-wrap .bonus-card:nth-child(3){ transition-delay:.16s; }

.process-grid .process-card:nth-child(1),
.process-grid .process-card:nth-child(4){ transition-delay:.02s; }
.process-grid .process-card:nth-child(2),
.process-grid .process-card:nth-child(5){ transition-delay:.12s; }
.process-grid .process-card:nth-child(3),
.process-grid .process-card:nth-child(6){ transition-delay:.22s; }

.faq-item:nth-of-type(1){ transition-delay:0s; }
.faq-item:nth-of-type(2){ transition-delay:.05s; }
.faq-item:nth-of-type(3){ transition-delay:.1s; }
.faq-item:nth-of-type(4){ transition-delay:.15s; }
.faq-item:nth-of-type(5){ transition-delay:.2s; }
.faq-item:nth-of-type(6){ transition-delay:.25s; }
.faq-item:nth-of-type(7){ transition-delay:.3s; }

.feature-card:hover .icon-circle,
.service-item:hover .icon-circle,
.bonus-card:hover .icon-circle,
.faq-head:hover .icon-circle{
  transform: scale(1.08) rotate(-3deg);
}
.process-card:hover .process-icon{
  transform: scale(1.1) rotate(3deg);
}
.process-card{
  transition: box-shadow .3s ease, transform .3s ease, opacity .7s cubic-bezier(.16,.84,.44,1);
}
.process-card:hover{
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  transform: translateY(-4px);
}
.process-num{
  transition: transform .3s ease, background .3s ease;
}
.process-card:hover .process-num{
  transform: scale(1.1);
}

.process-hop, .process-connector svg{
  transition: transform .3s ease, opacity .3s ease;
}
.process-card:hover .process-hop{
  transform: translateX(4px);
}

.bonus-card{
  transition: box-shadow .3s ease, transform .3s ease, opacity .7s cubic-bezier(.16,.84,.44,1);
}
.bonus-card:hover{
  box-shadow: 0 16px 34px rgba(0,0,0,.08);
  transform: translateY(-4px);
}

.footer-social a:hover{
  transform: translateY(-3px) rotate(6deg);
}

.faq-q:hover .faq-plus{
  border-color: var(--orange);
  color: var(--orange);
  transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .why-card, .feature-card, .service-item, .process-card, .bonus-card, .faq-item, .not-found, .dark-cta{
    opacity:1 !important; transform:none !important;
  }
}