.legal-hero{
background-image:linear-gradient(rgba(22,26,34,0.45),rgba(22,26,34,0.45)),url("../../img/agence.jpg");
background-position:center;
}

.legal-page{
padding:100px 0 110px;
background:linear-gradient(180deg,#fcfcfe 0%,#f2f5fa 100%);
}

.legal-shell{
display:grid;
gap:34px;
}

.legal-intro{
max-width:820px;
margin:0 auto;
padding:34px 38px;
text-align:center;
background:rgba(255,255,255,0.9);
border:1px solid rgba(122,69,196,0.08);
border-radius:28px;
box-shadow:0 20px 50px rgba(18,24,38,0.08);
}

.legal-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 14px;
border-radius:999px;
background:rgba(122,69,196,0.08);
color:var(--violet);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}

.legal-intro h2{
margin:14px 0 12px;
font-size:36px;
line-height:1.15;
color:var(--texte);
}

.legal-intro p{
margin:0;
color:#626977;
line-height:1.75;
}

.legal-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
}

.legal-card{
padding:28px 26px;
background:#fff;
border-radius:24px;
border:1px solid rgba(122,69,196,0.1);
box-shadow:0 16px 38px rgba(18,24,38,0.06);
}

.legal-card h3{
margin:0 0 14px;
font-size:22px;
color:var(--texte);
}

.legal-card p{
margin:0 0 12px;
color:#616777;
line-height:1.75;
}

.legal-card p:last-child{
margin-bottom:0;
}

.legal-list{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px;
color:#616777;
line-height:1.7;
}

.legal-list strong{
color:var(--texte);
}

.legal-card a{
color:var(--violet);
text-decoration:none;
font-weight:600;
}

.legal-card a:hover{
text-decoration:underline;
}

.legal-card-alert{
background:linear-gradient(180deg,#fffaf4 0%,#fff 100%);
border-color:rgba(215,140,40,0.24);
}

.legal-note{
padding:14px 16px;
border-radius:16px;
background:rgba(215,140,40,0.1);
color:#7a4f11;
}

@media(max-width:900px){

.legal-page{
padding:84px 0 92px;
}

.legal-intro{
padding:28px 24px;
border-radius:24px;
}

.legal-intro h2{
font-size:31px;
}

.legal-grid{
grid-template-columns:1fr;
}

}

@media(max-width:600px){

.legal-page{
padding:70px 0 80px;
}

.legal-intro{
padding:22px 18px;
text-align:left;
border-radius:20px;
}

.legal-intro h2{
font-size:27px;
}

.legal-card{
padding:22px 18px;
border-radius:18px;
}

.legal-card h3{
font-size:20px;
}

}