@media (max-width: 980px){

  .nav-toggle{
    display:block;
  }

  .site-nav{

    position:fixed;

    top:0;
    right:0;

    width:320px;
    height:100vh;

    background:rgba(5,8,22,0.96);

    backdrop-filter:blur(18px);

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:flex-start;

    padding:3rem;

    transform:translateX(100%);

    transition:all 0.4s ease;

    z-index:1100;
  }

  .site-nav a{
    font-size:1.5rem;
  }

  .hero,
  .split,
  .ecosystem-grid{
    grid-template-columns:1fr;
  }

  .hero{
    padding-top:14rem;
  }

  .hero__visual{
    order:-1;
  }

  .hero__visual img{
    height:420px;
  }

  h1{
    max-width:100%;
  }

}

@media (max-width: 768px){

  .section{
    padding-block:var(--section-padding-mobile);
  }

  .site-header{
    padding:1rem 1.5rem;
  }

  .brand img{
  height:72px;
  width:auto;
}

  .hero{
    gap:3rem;
  }

  .hero__actions{
    flex-direction:column;
  }

  .btn{
    width:100%;
  }

  .ecosystem-grid{
    gap:1rem;
  }

}
@media (max-width: 980px){

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }

}

@media (max-width: 768px){

  .site-footer{
    padding:4rem 1.5rem 2rem;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:2.5rem;
  }

  .footer-bottom{
    flex-direction:column;
  }

}
@media (max-width: 980px){

  .stats-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media (max-width: 640px){

  .stats-grid{
    grid-template-columns:1fr;
  }

}
@media (max-width: 768px){

  .forsentico-premium{
    padding:2rem;
  }

  .forsentico-logo{
    width:180px;
  }

}
@media (max-width: 768px){

  .final-cta{
    flex-direction:column;
    align-items:flex-start;
    padding:2rem;
  }

}
@media (max-width: 980px){

  .contact-section{
    grid-template-columns:1fr;
  }

}

@media (max-width: 640px){

  .contact-form{
    grid-template-columns:1fr;
    padding:1.5rem;
  }

  .whatsapp-float{
    right:1rem;
    bottom:1rem;
  }

}