/* Responsive overrides - most rules are in style.css */
/* This file contains additional fine-tuning */

@media(max-width:1200px){
  .header__nav:not(.active){display:none}
  .header__nav.active .header__cta{display:flex}
}
@media(max-width:1024px){
  .how-it-works__step:not(:last-child)::after{display:none}
  .articles__grid{grid-template-columns:repeat(2,1fr)}
  .content{padding:0 1rem}
}

@media(max-width:768px){
  .hero__numbers{gap:1.5rem}
  .hero__number-value{font-size:1.75rem}
  .stats__number{font-size:2.5rem}
  .section__title{font-size:1.75rem}
  .about__image-placeholder::before,.about__image-placeholder::after{display:none}
  .contact__grid{gap:2rem}
  .timeline__item{padding-left:1.5rem}
  .team__grid{grid-template-columns:repeat(2,1fr)}
  .page-header__text{font-size:1rem}
}

@media(max-width:480px){
  .team__grid{grid-template-columns:1fr}
  .stats__grid{grid-template-columns:1fr 1fr}
  .problems__card{padding:1.5rem}
  .differentials__card{padding:1.5rem}
  .testimonials__card{padding:1.5rem}
  .articles__card-content{padding:1rem}
  .faq__question{padding:1rem}
  .faq__answer p{padding:0 1rem 1rem}
}

@media(min-width:2560px){
  :root{--container-max:1800px}
  body{font-size:1.125rem}
  .hero__title{font-size:5rem}
}