.legal-hero{

    padding:90px 0 70px;

    background:#F8FAFC;

    text-align:center;

}

.legal-hero h1{

    font-size:56px;

    margin:18px 0;

}

.hero-description{

    max-width:760px;

    margin:0 auto;

    line-height:1.8;

    color:#64748B;

}

.effective-date{

    margin-top:30px;

    font-size:15px;

    color:#64748B;

}

.legal-content{

    padding:80px 0;

}

.legal-layout{

    display:grid;

    grid-template-columns:260px 1fr;

    gap:70px;

}

.legal-sidebar{

    position:sticky;

    top:120px;

    align-self:start;

}

.legal-sidebar h3{

    margin-bottom:20px;

}

.legal-sidebar ul{

    list-style:none;

    padding:0;

}

.legal-sidebar li{

    margin-bottom:12px;

}

.legal-sidebar a{

    color:#64748B;

    text-decoration:none;

}

.legal-sidebar a:hover{

    color:#4F46E5;

}

.legal-article{

    background:#fff;

    padding:50px;

    border-radius:24px;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.legal-article h2{

    margin-top:50px;

    margin-bottom:18px;

    font-size:30px;

}

.legal-article h2:first-child{

    margin-top:0;

}

.legal-article p{

    line-height:1.9;

    color:#475569;

}

.legal-article ul{

    padding-left:20px;

}

.legal-article li{

    margin-bottom:12px;

}

/* ==========================================
   Mobile Responsive
========================================== */

@media (max-width: 992px){

    .legal-layout{

        display:flex;
        flex-direction:column;
        gap:32px;

    }

    .legal-sidebar{

        position:static;
        width:100%;
        order:1;

    }

    .legal-article{

        order:2;

    }

}

@media (max-width:768px){

    .legal-hero{

        padding:60px 20px;

    }

    .legal-hero h1{

        font-size:38px;

    }

    .hero-description{

        font-size:16px;

    }

    .legal-content{

        padding:50px 0;

    }

    .legal-article{

        padding:28px;

        border-radius:18px;

    }

    .legal-sidebar{

        padding:24px;

        border-radius:18px;

    }

}

@media (max-width:576px){

    .legal-hero{

        padding:45px 15px;

    }

    .legal-hero h1{

        font-size:32px;

    }

    .legal-sidebar{

        padding:20px;

    }

    .legal-sidebar ul{

        display:grid;
        grid-template-columns:1fr;
        gap:8px;

    }

    .legal-sidebar li{

        margin:0;

    }

    .legal-article{

        padding:22px 18px;

    }

    .legal-article h5{

        font-size:22px;

    }

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

    .legal-article{

     padding:18px 14px;

    }

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

    .legal-sidebar{

        display:none;

    }

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

    .legal-article p{

        font-size:16px;
        line-height:1.8;

    }

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

    .legal-hero{

        padding:40px 20px;

    }

}