@media(max-width:992px){
  .section{
    padding:75px 0
  }
  .split{
    grid-template-columns:1fr;
    gap:40px
  }
  .g4{
    grid-template-columns:repeat(2,1fr)
  }
  .g3{
    grid-template-columns:repeat(2,1fr)
  }
  .logo-strip{
    grid-template-columns:repeat(3,1fr)
  }
  .feature-stack .feature-row{
    grid-template-columns:60px 1fr
  }
  .feature-stack .feature-row img{
    grid-column:1/-1
  }
  .footer-grid{
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:768px){
  .container{
    width:min(100% - 24px,var(--max))
  }
  .header-inner{
    height:68px
  }
  .nav{
    position:fixed;
    top:68px;
    left:12px;
    right:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    background:#0b0b0b;
    border:1px solid var(--line);
    padding:18px
  }
  .nav.open{
    display:flex
  }
  .nav .btn{
    justify-content:center
  }
  .menu-toggle{
    display:block
  }
  .hero{
    padding-top:115px
  }
  .hero-dashboard{
    margin-top:45px
  }
  .g2,.g3,.g4,.stats{
    grid-template-columns:1fr
  }
  .stat{
    border-right:0;
    border-bottom:1px solid var(--line)
  }
  .stat:last-child{
    border-bottom:0
  }
  .cta-box{
    align-items:flex-start;
    flex-direction:column
  }
  .footer-grid{
    grid-template-columns:1fr
  }
  .footer-bottom{
    flex-direction:column
  }
  .page-hero{
    padding-top:115px
  }
  .logo-strip{
    grid-template-columns:repeat(2,1fr)
  }
  h1{
    font-size:46px;
    letter-spacing:-3px
  }
  h2{
    font-size:34px;
    letter-spacing:-2.4px
  }
}
@media(max-width:420px){
  .feature-stack .feature-row{
    grid-template-columns:1fr
  }
  .logo-strip{
    grid-template-columns:1fr 1fr
  }
  .section{
    padding:62px 0
  }
}