/* Compléments de navigation — le fichier style.css d'origine reste inchangé. */
.nav-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.nav-actions .btn-secondary{
    background:white;
}

.nav a[aria-current="page"]{
    color:#0F4C81;
    font-weight:700;
}

.about-hero{
    padding:100px 0 80px;
    background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
}

.about-hero-content{
    max-width:800px;
}

.about-hero h1{
    font-size:52px;
    line-height:1.1;
    margin:20px 0;
}

.about-hero p{
    max-width:700px;
    color:#4b5563;
    margin-bottom:30px;
}

.about-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.about-card{
    background:white;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:30px;
}

.about-card h3{
    margin-bottom:15px;
}

.about-card p{
    color:#4b5563;
}

.commitments{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    align-items:start;
}

.commitment-panel{
    background:#0F4C81;
    color:white;
    padding:40px;
    border-radius:20px;
}

.commitment-panel h2{
    font-size:36px;
    line-height:1.15;
    margin-bottom:20px;
}

.commitment-panel p{
    color:#eaf4ff;
    margin-bottom:20px;
}

.commitment-list{
    background:white;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:35px;
}

.commitment-list ul{
    padding-left:20px;
}

.commitment-list li{
    margin-bottom:12px;
}

.about-cta{
    text-align:center;
    padding:80px 0;
    background:#f8fafc;
}

.about-cta h2{
    font-size:38px;
    margin-bottom:15px;
}

.about-cta p{
    color:#4b5563;
    margin-bottom:30px;
}

.about-cta .hero-buttons{
    justify-content:center;
}

@media(max-width:900px){
    .about-grid,
    .commitments{
        grid-template-columns:1fr;
    }

    .about-hero h1{
        font-size:38px;
    }

    .nav-actions{
        gap:8px;
    }
}

@media(max-width:580px){
    .nav{
        gap:8px;
    }

    .logo{
        font-size:20px;
    }

    .nav-actions{
        gap:6px;
    }

    .nav-actions .btn-primary,
    .nav-actions .btn-secondary{
        padding:10px 10px;
        font-size:12px;
        white-space:nowrap;
    }

    .about-hero{
        padding:70px 0 55px;
    }

    .about-cta h2,
    .commitment-panel h2{
        font-size:30px;
    }
}