@media (max-width:1200px){
  .container{max-width:1040px}
}

@media (max-width:992px){
  .hero__inner{grid-template-columns:1fr;gap:18px}
  .hero__media{order:-1}
  .download{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .footer__grid{grid-template-columns:1fr}
}

@media (max-width:768px){
  .nav-toggle{display:inline-flex}
  .nav{
    position:absolute;right:18px;top:72px;
    background:rgba(11,18,32,.92);
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    padding:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    min-width:210px;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
  }
  .nav.is-open{display:flex}
  .nav a{padding:10px 12px;border-radius:12px}
  .nav a:hover{background:rgba(255,255,255,.05)}
  .hero h1{font-size:34px}
  .grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}

@media (max-width:576px){
  .hero__inner{padding:40px 0}
  .btn{padding:12px 14px}
  .hero__actions{gap:10px}
  .section{padding:44px 0}
}