.banniere{margin:20px 0 28px}
.hero{background:linear-gradient(135deg,#12356b,#1c5dff);color:#fff;border-radius:20px;padding:28px 24px}
.hero h1{font:800 var(--h1)/1.1 var(--titre);margin:0 0 .6rem}
.hero p{opacity:.96;margin:0}
.grille-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.grille-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}
.bloc h2,.bloc h3{margin:.2rem 0 .5rem}
.liste{margin:.2rem 0 0 1rem;padding:0}
@media(max-width:900px){.grille-3,.grille-2{grid-template-columns:1fr}}