/* ===== SERO : page d'accueil courte (en plus de style.css) ===== */
.accueil-hero{position:relative;min-height:min(78svh,720px);display:flex;align-items:center;padding:0;overflow:hidden;color:#fff;}
.accueil-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;}
.accueil-voile{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,33,120,.82) 0%,rgba(10,33,120,.55) 42%,rgba(10,33,120,0) 75%);}
.accueil-texte{position:relative;z-index:1;width:100%;padding-block:80px;}
.accueil-sur{font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#E7AD18;}
.accueil-titre{margin-top:18px;font-size:clamp(44px,6.5vw,88px);line-height:1;letter-spacing:-.04em;font-weight:500;max-width:11ch;}
.accueil-titre em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:#fff;}
.accueil-zones{margin-top:22px;font-size:19px;color:rgba(255,255,255,.92);}
.accueil-boutons{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
.btn-blanc{background:#fff;border:1px solid #fff;color:var(--navy);}
.btn-blanc:hover{background:var(--soft);}

.preuves{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;font-size:17px;}
.preuves div{padding:20px 16px;text-align:center;border-left:1px solid rgba(255,255,255,.18);}
.preuves div:first-child{border-left:0;}
.preuves b{color:#E7AD18;margin-right:6px;font-size:20px;}

.accueil-onglets h2,.accueil-zones-bloc h2{font-size:36px;margin-bottom:28px;}
.tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tuile{display:flex;flex-direction:column;gap:8px;padding:28px;border:2px solid var(--rule);border-radius:8px;background:#fff;transition:border-color .2s;}
.tuile:hover{border-color:var(--navy);}
.tuile-ico{display:block;color:#C8920F;}
.tuile strong{font-size:24px;font-weight:600;color:var(--navy);letter-spacing:-.01em;}
.tuile span:last-child{font-size:17px;color:var(--muted);}
.tuile-bleue{background:var(--navy);border-color:var(--navy);}
.tuile-bleue strong,.tuile-bleue span:last-child{color:#fff;}

.accueil-zones-bloc{background:var(--soft);}
.zones3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.zones3 h3{font-size:22px;margin-bottom:8px;}
.zones3 h3 a{color:var(--navy);}
.zones3 p{font-size:16px;color:var(--muted);line-height:1.8;}
.zones3 p a:hover{color:var(--navy);text-decoration:underline;}

@media (max-width:900px){
  .tuiles,.zones3{grid-template-columns:1fr 1fr;}
  .preuves{grid-template-columns:1fr 1fr;}
  .preuves div:nth-child(3){border-left:0;}
}
@media (max-width:600px){
  .accueil-hero{min-height:auto;}
  .accueil-voile{background:linear-gradient(180deg,rgba(10,33,120,.55) 0%,rgba(10,33,120,.85) 100%);}
  .accueil-texte{padding-block:64px 56px;}
  .tuiles,.zones3,.preuves{grid-template-columns:1fr;}
  .preuves div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:12px;}
  .accueil-boutons .btn{width:100%;text-align:center;}
}
.tuile-bleue .tuile-ico{color:#E7AD18;}