body{
font-family:Arial,sans-serif;
margin:0;
color:#333;
line-height:1.6;
}
.container{
width:90%;
max-width:1100px;
margin:auto;
padding:40px 0;
}
.hero{
background:linear-gradient(135deg,#1f4e79,#2f74b5);
color:white;
text-align:center;
padding:100px 20px;
}
.btn{
display:inline-block;
background:white;
color:#1f4e79;
padding:12px 24px;
text-decoration:none;
border-radius:6px;
font-weight:bold;
}
.services{
background:#f5f8fc;
}
.cards{
display:flex;
gap:20px;
flex-wrap:wrap;
}
.card{
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,.08);
flex:1;
min-width:250px;
}
.contact{
background:#1f4e79;
color:white;
}
footer{
background:#0f2740;
color:white;
text-align:center;
padding:20px;
}
/* Logo responsive */
.logo{
    width:100%;
    max-width:320px;
    height:auto;
    display:block;
    margin:0 auto 20px auto;
}
/* Empêche le débordement */
.hero{
    overflow:hidden;
}
/* Adaptation mobile */
@media screen and (max-width:768px){
    .container{
        width:95%;
    }
    .hero{
        padding:40px 15px;
    }
    .logo{
        max-width:280px;
    }
    .cards{
        flex-direction:column;
    }
    .card{
        min-width:auto;
    }
}