/* Page d'accueil resserree (vague 1) : moins de texte et moins d'espace, memes composants.
   Charge en dernier, uniquement par index.html. Seuls les espacements verticaux changent :
   les marges horizontales des feuilles existantes restent intactes. La scene de la porte n'est pas touchee. */

/* Un meme lieu. Quatre dimensions. : une table des matieres, hauteur divisee par deux environ. */
.map-section{padding-top:20px;padding-bottom:30px}
.map-section>.eyebrow{margin-bottom:12px}
.pillar-map a{padding-top:12px;font-size:clamp(20px,1.8vw,27px)}
.pillar-map a>span{margin-bottom:6px}
.pillar-map small{margin-top:6px}

/* 01 Reservations */
.calendar-story{padding-top:36px;padding-bottom:48px}
.calendar-story p:not(.eyebrow){margin:18px 0 0}
.dashboard-proof{margin-top:20px}

/* Transition Tia et intro 02 Voyageurs : l'effet reste, l'espace se resserre. */
.tia-intro{padding-top:8px;padding-bottom:20px}
.tia-intro h2{margin-top:12px}
.tia-intro .lede-link{display:flex;width:fit-content;margin-top:10px}
.stay-nav{padding-bottom:20px}

/* Avant l'arrivee : un seul surtitre, un seul titre. */
.stay-phase .checkin-section{padding-top:20px;padding-bottom:40px}
.checkin-copy>.eyebrow{margin-bottom:14px}
.checkin-copy .checkin-title{margin-bottom:18px}
.checkin-steps{margin:18px 0}
.checkin-caution{margin-top:16px;padding-top:14px}
.checkin-caution strong{font-weight:500}

/* Pendant le sejour : la sequence horodatee reprend les etapes du check-in. */
.stay-phase-heading{padding-top:24px}
.stay-phase-heading h3{margin-bottom:12px}
.tia-layout{padding-top:20px;padding-bottom:40px}
.relay-sequence{max-width:420px;margin:0}
.relay-sequence li{grid-template-columns:64px minmax(0,1fr)}
.relay-sequence span{white-space:nowrap;letter-spacing:.04em}

/* Vous gardez la main : chaque engagement ouvert par ses mots en gras. */
.tia-control,.tia-desktop-proof{padding-bottom:42px}
.tia-control .tia-subtitle,.tia-desktop-proof .tia-subtitle{margin-bottom:16px}
.tia-control li strong{display:block;margin-bottom:4px;font:400 22px/1.15 var(--serif);letter-spacing:-.015em}
.tia-control li:before{top:29px}
.messaging-benefit{margin-bottom:18px}
.stay-after-copy{padding-bottom:44px}

/* 03 Equipes */
.team-section{padding-top:56px;padding-bottom:50px}
.team-heading{margin-bottom:36px}
.journey .journey-link{margin-top:4px}

/* 04 Proprietaires */
.owners-section{padding-top:60px;padding-bottom:56px}
.owners-copy h2{margin:20px 0}
.finance-documents{margin-top:28px;padding-top:20px}

/* Changer de logiciel : le chiffre mis en avant. */
.onboarding-section{padding-bottom:62px}
.onboarding-heading{padding-top:44px}
.onboarding-steps{margin-top:36px}
.onboarding-steps h3{margin-bottom:10px}
.onboarding-figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
.onboarding-figure strong{font:400 clamp(64px,7vw,104px)/.9 var(--serif);letter-spacing:-.04em;color:var(--terra)}
.onboarding-figure span{max-width:340px;font-size:15px;line-height:1.5}
.onboarding-figure+p{margin-top:16px}
.onboarding-support{margin-top:16px}

/* FAQ et contact */
.faq-section{padding-top:50px;padding-bottom:70px}
.contact-section{padding-top:66px;padding-bottom:66px}

/* Mention unique sur les captures, juste avant le pied de page. */
.captures-mention{max-width:1600px;margin:0 auto;padding:14px 4vw;font-size:12px;line-height:1.6;opacity:.76}

@media(max-width:760px){
 .calendar-story{padding-top:20px;padding-bottom:20px}
 .calendar-story p:not(.eyebrow){margin:12px 0 0}
 .dashboard-proof{margin-top:14px}
 .tia-intro{padding-top:8px;padding-bottom:12px}
 .tia-intro h2{margin:10px 0}
 .stay-nav{padding-bottom:12px}
 .stay-phase .checkin-section{padding-top:8px;padding-bottom:16px}
 .checkin-copy>.eyebrow{margin-bottom:8px}
 .checkin-copy .checkin-title{margin-bottom:10px}
 .checkin-steps{margin:12px 0}
 .checkin-caution{margin-top:12px;padding-top:10px}
 .stay-phase-heading{padding-top:14px}
 .tia-layout{padding-bottom:16px}
 .relay-sequence{margin:0}
 .relay-sequence li{grid-template-columns:58px minmax(0,1fr)}
 .tia-control,.tia-desktop-proof{padding-bottom:16px}
 .tia-control li strong{font-size:20px}
 .tia-control li:before{top:20px}
 .stay-after-copy{padding-bottom:20px}
 .team-section{padding-top:24px;padding-bottom:20px}
 .team-heading{margin-bottom:12px}
 .owners-section{padding-top:24px;padding-bottom:20px}
 .owners-copy h2{margin:12px 0}
 .finance-documents{margin-top:14px;padding-top:12px}
 .onboarding-section{padding-bottom:20px}
 .onboarding-heading{padding-top:20px}
 .onboarding-steps{margin-top:14px}
 .onboarding-steps h3{margin-bottom:4px}
 .onboarding-figure{margin-top:16px;padding-top:14px}
 .onboarding-figure strong{font-size:64px}
 .onboarding-figure span{font-size:14px}
 .faq-section{padding-top:20px;padding-bottom:20px}
 .contact-section{padding-top:20px;padding-bottom:20px}
 .captures-mention{padding:12px 20px}
}
@media(max-width:360px){
 .captures-mention{padding-inline:16px}
}
/* Passe Chrome 18/10 : texte propriétaires centré face aux appareils ; liste horodatée à hauteur fixe sur mobile */
.owners-copy{align-self:center}
@media(max-width:759px){.relay-sequence{min-height:178px}}
/* Documents propriétaires : deux documents (avec et sans carte G), plus petits, cliquables */
.finance-documents .document-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:920px;margin-inline:auto}
.finance-documents .document-card h3{min-height:0;margin-bottom:4px}
.document-note{margin:0 0 6px;font-size:16px;line-height:1.45}
.finance-documents .document-stage,.finance-documents .document-card:last-child .document-stage{min-height:0;padding:8px 0}
.finance-documents .document-preview{cursor:zoom-in}
.document-export-line{max-width:920px;margin:18px auto 0;font-size:16px}
@media(max-width:759px){
 .finance-documents .document-cards{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(min-width:760px){.document-note{min-height:2.9em}}
.mobile-documents-ready .finance-documents .document-card h3{display:none}
/* Chapitre Voyageurs : titre sur deux lignes, seconde ligne du titre « Pendant le séjour » dans le violet de la section */
@media(min-width:760px){#tia-title{font-size:clamp(38px,4.05vw,62px)}}
#pendant-sejour-title em{color:#72596f}
/* Chapitre Voyageurs : un seul grand titre ; les deux parties en titres secondaires, surtitre terracotta */
#avant-arrivee .eyebrow,#pendant-sejour .stay-phase-heading .eyebrow{color:var(--terra);margin-bottom:8px}
#checkin-title,#pendant-sejour-title{font-size:clamp(28px,2.7vw,40px);line-height:1.1;letter-spacing:-.025em}
#avant-arrivee{padding-top:8px}
#avant-arrivee{padding-top:36px}
.stay-tia-link{display:inline-flex;gap:10px;margin-top:10px;font-size:14px}
/* Avant l'arrivée : téléphone à gauche, texte à droite (en miroir de la tête de Tia) */
@media(min-width:761px){
 .checkin-section{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
 .checkin-section .checkin-proof{order:-1;justify-self:center}
}
/* Pendant le séjour : sélecteur compact, garanties dans la colonne de gauche */
.tia-copy .conversation-selector{display:inline-flex;flex-wrap:wrap;gap:6px;width:auto;margin-bottom:18px}
.tia-copy .conversation-selector button{width:auto;min-height:0;padding:9px 16px;border-radius:999px;font-size:13px;gap:8px}
.tia-copy .conversation-selector button>span[aria-hidden]{display:none}
.tia-control-compact{margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--line);max-width:none}
.tia-control-compact .tia-subtitle{margin:0 0 12px;font:500 12px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.tia-control-compact ul{display:block;margin:0;padding:0;list-style:none}
.tia-control-compact li{display:block;margin:0 0 12px;padding:0;border:0;font-size:15px;line-height:1.5}
.tia-control-compact li:before{display:none}
.tia-control-compact li strong{display:inline;font:inherit;font-weight:600;font-size:15px}
.tia-copy .stay-tia-link{margin-top:14px}
.tia-copy .conversation-selector{flex-direction:row;max-width:none}
.tia-copy .conversation-selector button{flex:0 0 auto;width:auto!important;max-width:none}
#pendant-sejour .stay-phase-heading{padding-bottom:0;margin-bottom:0}
#pendant-sejour .tia-layout{padding-top:18px;margin-top:0}
#pendant-sejour .tia-copy{padding-top:0;margin-top:0}
/* Titres des deux parties plus présents (restent sous le titre du chapitre) */
#checkin-title,#pendant-sejour-title{font-size:clamp(32px,3.4vw,50px);line-height:1.04}
/* Après le départ : troisième temps du séjour, même traitement que les deux autres */
.stay-after-copy{margin-top:24px;padding-top:36px;border-top:1px solid var(--line)}
.stay-after-copy .eyebrow{color:var(--terra);margin-bottom:8px}
.stay-after-title{margin:0 0 14px;font:400 clamp(32px,3.4vw,50px)/1.04 var(--serif);letter-spacing:-.025em}
.stay-after-title em{color:#72596f}
.stay-after-text{max-width:620px;font-size:18px;line-height:1.55}
@media(max-width:759px){.stay-after-copy{padding-top:24px}.stay-after-text{font-size:16px}}
#apres-depart p.stay-after-text{max-width:640px;font-size:18px;line-height:1.55}
#apres-depart{padding-bottom:64px}
@media(max-width:759px){#apres-depart p.stay-after-text{font-size:16px}#apres-depart{padding-bottom:40px}}
/* Téléphones : bords réguliers et même largeur pour les trois téléphones du parcours */
.calendar-frame.mobile-view .device-shell,.conversation-proof .device-shell{padding:18px 9px}
.calendar-frame.mobile-view .device-shell:before,.conversation-proof .device-shell:before{top:4px;height:10px}
.calendar-frame.mobile-view .device-shell:after,.conversation-proof .device-shell:after{bottom:6px}
.checkin-proof,#pendant-sejour .conversation-proof,#equipes .conversation-proof{max-width:340px}