/* ── Hero ───────────────────────── */

.legal-hero{
    background:var(--gradient-hero);
    padding:calc(var(--nav-height) + 80px) 0 80px;
    position:relative;
    overflow:hidden;
    text-align:center;
}

.legal-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            ellipse 60% 80% at 50% 50%,
            rgba(59,130,246,.18) 0%,
            transparent 70%
        );
}

.legal-hero-inner{
    position:relative;
    z-index:1;
    max-width:850px;
    margin:0 auto;
    padding:0 var(--container-padding);
}

.legal-hero h1{
    font-size:clamp(2.5rem,5vw,4.5rem);
    color:#fff;
    margin-bottom:20px;
}

.legal-hero p{
    color:rgba(255,255,255,.85);
    font-size:1.1rem;
    line-height:1.9;
    max-width:760px;
    margin:0 auto;
}

.legal-update{
    margin-top:24px;
    color:rgba(255,255,255,.65);
    font-size:.9rem;
}

/* ── Content ───────────────────── */

.legal-content-section{
    padding:80px 0;
    background:var(--bg-light);
}

.container-narrow{
    max-width:950px;
    margin:0 auto;
    padding:0 24px;
}

.legal-card{
    background:#fff;
    border-radius:24px;
    padding:40px;
    margin-bottom:24px;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:
        0 10px 30px rgba(15,23,42,.05);
}

.legal-card h2{
    margin-bottom:20px;
    color:var(--text-dark);
}

.legal-card p{
    color:var(--text-medium);
    line-height:1.9;
}

.legal-card ul{
    list-style:disc;
    padding-left:24px;
}

.legal-card li{
    display:list-item;
    margin-bottom:12px;
    color:var(--text-medium);
    line-height:1.8;
}

/* ── Responsive ────────────────── */

@media (max-width:768px){

    .legal-hero{
        padding:calc(var(--nav-height) + 60px) 0 60px;
    }

    .legal-card{
        padding:24px;
        border-radius:20px;
    }

    .legal-hero h1{
        font-size:2.3rem;
    }
}