/* ================= PAGE TRANSPORT ================= */

.page{
    max-width:900px;
    margin:60px auto;
    padding:20px;
}

/* TITRE */
.page h1{
    font-size:36px;
    text-align:center;
    margin-bottom:10px;
}

/* INTRO */
.page p{
    text-align:center;
    opacity:0.75;
    margin-bottom:40px;
    line-height:1.6;
}

/* ================= CARDS ================= */

.card{
    background:var(--card);
    padding:25px;
    border-radius:12px;

    margin-bottom:25px;

    border:1px solid rgba(0,0,0,0.05);

    transition:0.3s ease;
}

.card:hover{
    transform:translateY(-5px);
}

/* TITRES */
.card h2{
    font-size:20px;
    margin-bottom:15px;
}

/* LISTES */
.card ul{
    padding-left:20px;
}

.card li{
    margin-bottom:10px;
    line-height:1.5;
    opacity:0.85;
}

/* ================= STYLE TRANSPORT (IDENTITÉ VISUELLE ================= */

/* Services */
.card:nth-of-type(1){
    border-left:4px solid #C9A86A;
}

/* Avantages SERENI */
.card:nth-of-type(2){
    border-left:4px solid #111;
}

/* ================= BADGE VISUEL (OPTION PREMIUM LOOK) ================= */

.card h2::before{
    margin-right:8px;
}

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

@media(max-width:768px){

    .page h1{
        font-size:28px;
    }

    .card{
        padding:20px;
    }
}