@media(max-width:992px){

    .hero-container,
    .footer-container{

        grid-template-columns:1fr;
    }

    .nav-left,
    .nav-right{

        display:none;
    }

    .mobile-toggle{

        display:flex;

        position:absolute;

        right:20px;

        width:52px;
        height:52px;

        border:none;

        border-radius:18px;

        background:rgba(255,255,255,0.05);

        border:1px solid rgba(255,255,255,0.08);

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

        cursor:pointer;
    }

    .hero-content{

        text-align:center;
    }

    .hero-buttons{

        justify-content:center;
    }

    .hero-visual{

        height:500px;
    }

    .dashboard-card{

        width:100%;

        transform:none;
    }

    .mobile-card{

        width:180px;
    }

    .stats-card{

        width:180px;
    }

}