.home .hero{position:relative;min-height:90vh;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-6)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(7,17,15,0.9), rgba(7,17,15,0.3));z-index:1}
.hero-panel{position:relative;z-index:2;max-width:520px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

.trust{background:var(--color-surface-secondary);padding:var(--space-3);text-align:center}
.trust p{max-width:900px;margin-inline:auto}

.presentation-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.presentation-text{max-width:700px}
.presentation-media img{border-radius:var(--radius-md)}

.experiences-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.exp-main{display:flex;flex-direction:column;gap:var(--space-3)}
.exp-side{display:flex;flex-direction:column;gap:var(--space-3)}

.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.focus-grid .card{display:flex;flex-direction:column;gap:var(--space-3)}

.fonctionnement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center;max-width:900px;margin-inline:auto}

.responsable-panel{max-width:700px;margin-inline:auto;text-align:center;border-top:2px solid var(--color-text-accent)}

.faq-container{max-width:700px;margin-inline:auto;text-align:center}
.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}
.faq-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-md);text-align:left;display:flex;flex-direction:column;gap:var(--space-2)}
.faq-content{display:none;color:var(--color-text-secondary)}
.faq-item[aria-expanded="true"] .faq-content{display:block}

.cta-inner{text-align:center;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

@media (max-width:900px){
.presentation-grid,.experiences-grid{grid-template-columns:1fr}
.fonctionnement-grid{grid-template-columns:1fr}
.focus-grid{grid-template-columns:1fr}
.hero{align-items:center}
}