main.vitrine { max-width: 64rem; }
.heros { text-align: center; padding: 3rem 0 2.5rem; }
.heros h1 { font-size: clamp(2.4rem, 8vw, 5rem); margin: .5rem 0 1.5rem; }
.accroche { font-size: 1.15rem; max-width: 42rem; margin: 0 auto; color: var(--muted); }
.accroche strong { color: var(--fg); }
.actions-heros { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; }
.etapes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin: 1rem 0 1.5rem; }
.note p { margin-bottom: 0; }