/* Index WOW overrides - keep minimal and safe */
.promo-toggle{gap:12px!important;flex-wrap:wrap!important;justify-content:center!important}
.toggle-promo{padding:10px 16px!important;font-size:14px!important;border-radius:999px!important;min-height:40px!important}
.promo-cards{gap:18px!important}
.promo-card,.promo-item{border-radius:18px!important}
.promo-card button,.promo-item button,.service-card button{font-size:14px!important;padding:10px 14px!important;border-radius:999px!important}
.service-card .btn,.service-card button{min-height:42px!important}
@media (max-width:600px){
  .promo-section{padding:3.5rem 5%!important}
  .promo-header h2{font-size:28px!important;line-height:1.15!important}
  .promo-toggle{flex-wrap:wrap!important;width:100%!important}
  .toggle-promo{padding:0.75rem 1.25rem!important;white-space:normal!important;text-align:center!important}
  .hero-tagline{letter-spacing:1px!important}
  .hero-badge{font-size:0.75rem!important}
  .hero-description{font-size:1rem!important;line-height:1.6!important}
}
@media (max-width:768px){
  .hero-section{padding-top: calc(70px + 2.5rem);}
}
@media (max-width:768px){
  .hero-actions{gap:0.75rem!important}
  .hero-actions a{width:100%!important; justify-content:center!important}
  .hero-graphic{max-width:260px!important;margin:0 auto!important}
  .hero-section{min-height:auto!important;padding-bottom:3rem!important}
  .testimonials-section{padding:3.5rem 5%!important}
  .testimonials-cta{padding:1.5rem!important}
  .marquee-row{padding:0.5rem 0!important}
  .marquee-inner{animation-duration:45s!important}
  .faq-wrapper{padding:0 4%!important}
  .faq-summary{font-size:15px!important}
  .faq-content p{font-size:14px!important;line-height:1.6!important}
  .promo-card{padding:1.5rem!important}
  .promo-features li{font-size:0.9rem!important}
  .promo-header p{font-size:0.95rem!important}
  .tools-showcase{padding:3.5rem 5%!important}
}