/* Retouches issues de la passe téléphone 375 px du 18/10 */
@media(max-width:759px){
 /* Premier écran : titre plus compact et bouton remonté avant les deux puces, pour qu'il soit visible sans défiler */
 .hero-copy>.eyebrow{margin-bottom:10px;font-size:11px}
 #hero-title{font-size:42px;line-height:1.04}
 .hero-copy .hero-bottom{display:flex;flex-direction:column;align-items:stretch}
 .hero-copy .hero-bottom>p.hero-lead{order:1;margin-top:14px}
 .hero-copy .hero-actions{order:2;margin:6px 0 18px;align-self:stretch;width:auto;max-width:none}
 .hero-copy .hero-points{order:3}
 /* Pendant le séjour : le téléphone vient juste sous les deux boutons, on voit l'image changer au doigt */
 #pendant-sejour .tia-layout{display:flex;flex-direction:column}
 #pendant-sejour .tia-copy{display:contents}
 #pendant-sejour .conversation-selector{order:1}
 #pendant-sejour .conversation-proof{order:2;margin-bottom:20px}
 #pendant-sejour .relay-sequence{order:3}
 #pendant-sejour .tia-control{order:4}
 #pendant-sejour .stay-tia-link{order:5;align-self:flex-start}
 /* Téléphones de preuve : même gabarit que leurs voisins, entiers sous les barres collées */
 .checkin-proof,#pendant-sejour .conversation-proof,#equipes .conversation-proof{max-width:260px;margin-inline:auto}
 /* Lien e-mail de la mise en route : cible au doigt confortable */
 .onboarding-support a[href^="mailto"]{display:inline-block;padding:12px 0;margin:-12px 0}
}
/* Le menu des chapitres s'efface une fois le chapitre 04 passé (intégrations, mise en route, contact) */
.chapter-nav{transition:transform .35s cubic-bezier(.2,.75,.2,1),opacity .35s}
html.chapters-done .chapter-nav{transform:translateY(-100%);opacity:0;pointer-events:none}
/* Téléphone : comme sur ordinateur, le menu des chapitres n'apparaît qu'une fois le premier écran passé */
@media(max-width:760px){
 .chapter-nav{position:fixed;left:0;right:0;top:var(--header-h,76px);z-index:39;transform:translateY(-100%);opacity:0;pointer-events:none}
 .chapters-visible .chapter-nav{transform:none;opacity:1;pointer-events:auto}
 html.chapters-done .chapter-nav{transform:translateY(-100%);opacity:0;pointer-events:none}
}
