/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:1080px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .hero-grid{gap:40px;}
  .tool-grid{gap:40px;}
  .contact-wrap{grid-template-columns:1fr;}
  .contact-info-card{order:2;}
}

@media (max-width:900px){
  section{padding:80px 0;}
  .nav-links{display:none;}
  header#site-header .nav-cta .btn-primary{display:none;}
  .hamburger{display:flex;}
  .hero-grid{grid-template-columns:1fr;text-align:center;}
  .hero-text p{margin-left:auto;margin-right:auto;}
  .hero-cta{justify-content:center;}
  .hero-trust{justify-content:center;}
  .hero-visual{display:none;}
  .tool-grid{grid-template-columns:1fr;}
  .wheel-stage{position:static;}
  .benefits-wrap{grid-template-columns:1fr;}
  .benefit-visual{order:-1;max-width:280px;margin:0 auto;}
  .timeline{grid-template-columns:repeat(2,1fr);row-gap:44px;}
  .timeline::before{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
  .container{padding:0 18px;}
  section{padding:64px 0;}
  h2{font-size:28px;}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .form-grid{grid-template-columns:1fr;}
  .timeline{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .cta-section{padding:60px 24px;margin:0 12px;}
  .hero-cta{flex-direction:column;width:100%;}
  .hero-cta .btn{width:100%;}
  .entry-add-row{flex-direction:column;}
  #backToTop{bottom:18px;right:18px;width:44px;height:44px;}
  .winner-modal{padding:36px 22px;}
  .stat-num{font-size:30px;}
}