/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1100px){

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

    .hero-panel{
        justify-self:stretch;
    }

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

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

    .roadmap::before{
        display:none;
    }

    .premium-list div{
        grid-template-columns:1fr;
    }

    .nav-links{
        position:absolute;
        top:82px;
        right:0;
        left:0;
        display:none;
        flex-direction:column;
        padding:18px;
        border-radius:28px;
        background:rgba(8,5,15,.96);
        border:1px solid rgba(255,255,255,.12);
        box-shadow:var(--shadow);
    }

    .navbar.open .nav-links{
        display:flex;
    }

    .nav-links a{
        width:100%;
        text-align:center;
        padding:14px;
    }
}

@media(max-width:700px){

    .container{
        width:calc(100% - 28px);
    }

    .content-section{
        padding:86px 0;
    }

    .navbar{
        top:10px;
        width:calc(100% - 20px);
        height:66px;
        padding:0 14px;
    }

    .nav-brand img{
        width:42px;
        height:42px;
    }

    .nav-brand span{
        display:none;
    }

    .hero{
        padding-top:110px;
    }

    .hero h1{
        font-size:46px;
    }

    .hero h1 span{
        font-size:30px;
    }

    .hero-lead,
    .glass-card p{
        font-size:18px;
    }

    .hero-actions{
        flex-direction:column;
    }

    .btn{
        width:100%;
    }

    .glass-card,
    .timeline-card{
        padding:26px;
    }

    .cards-grid,
    .dashboard-grid{
        grid-template-columns:1fr;
    }

    .hero-stat{
        align-items:flex-start;
        flex-direction:column;
    }

    .hero-stat span{
        text-align:right;
    }

    .timeline-card::before{
        right:35px;
    }

    .timeline-item{
        padding-right:56px;
    }

    .mouse-glow{
        display:none;
    }
}

@media(max-width:1100px){
    .innovation-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .innovation-grid{
        grid-template-columns:1fr;
    }

    .innovation-card{
        min-height:auto;
    }
}