/* Une seule scène : la plateforme au premier plan, son territoire en arrière-plan.
   La carte est un véritable choix de parcours, sans chiffres de portefeuille fictifs. */
:root{--hero-muted:var(--sc-text-muted);--hero-surface:var(--sc-sable-hi);--hero-shadow:0 1.5rem 5rem color-mix(in srgb,var(--sc-cacao-lo) 22%,transparent)}
.hero.immersive{display:block;padding-top:0;width:100%;margin:0;overflow:hidden}
.immersive .hero-copy{position:relative;z-index:2;text-align:center;padding-block:4rem 2rem;animation:enter .8s var(--ease)}
.immersive .hero-copy>.eyebrow{justify-content:center;font-size:.75rem;max-width:none}
.immersive h1{font-family:var(--sc-font-sans);font-size:clamp(2.25rem,4.4vw,4.75rem);font-weight:500;line-height:1.12;letter-spacing:-.05em;max-width:70rem;margin:1.6rem auto}
.immersive h1>span{color:var(--hero-muted);font-weight:400}
.immersive .hero-lead{max-width:44rem;margin-inline:auto;font-size:1rem;line-height:1.7}
.immersive .actions{justify-content:center;align-items:center;flex-direction:row;margin-top:1.6rem;gap:1.5rem}
.immersive .micro{margin-inline:auto}
.immersive .button{border-radius:var(--sc-radius-pill);padding-inline:1.6rem}
.journey-landscape{position:relative;isolation:isolate;padding:2.5rem var(--gutter) 1.5rem;min-height:35rem}
.landscape-photo{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.journey-landscape::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(to bottom,var(--page),color-mix(in srgb,var(--page) 70%,transparent) 16%,color-mix(in srgb,var(--dark) 8%,transparent) 50%,color-mix(in srgb,var(--dark) 60%,transparent))}
.journey-card{display:grid;grid-template-columns:15rem 1fr;max-width:58rem;margin:0 auto 2rem;background:var(--hero-surface);border:1px solid var(--line);border-radius:var(--sc-radius-lg);box-shadow:var(--hero-shadow);overflow:hidden;scroll-margin-top:7rem;animation:enter 1s var(--ease)}
.journey-sidebar{display:flex;flex-direction:column;padding:2rem;background:var(--sc-cacao-lo);color:var(--sc-craie);border-right:var(--sc-border-dark-default)}
.journey-brand{font:1.8rem var(--sc-font-serif);letter-spacing:-.05em}.journey-brand b{font:500 1.1rem var(--sc-font-sans);color:var(--sc-cuivre-hi)}
.journey-sidebar>p{font-size:.875rem;margin-top:1.5rem;color:var(--sc-text-dark-default);line-height:1.65}
.journey-steps{list-style:none;padding:0;margin:2rem 0;display:grid;gap:1.4rem;font-size:.8125rem;color:var(--sc-text-dark-default)}
.journey-steps li{display:flex;align-items:center;gap:.75rem}.journey-steps span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:var(--sc-border-dark-default);border-radius:50%;font:.65rem var(--sc-font-mono)}
.journey-steps li:first-child{color:var(--sc-craie)}.journey-steps li:first-child span{background:var(--sc-cuivre-hi);border-color:var(--sc-cuivre-hi);color:var(--sc-encre)}
.journey-signature{margin-top:auto;padding-top:1.5rem;font-size:.75rem;color:var(--sc-text-dark-muted)}
.journey-main{padding:2rem 2.5rem}.journey-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.journey-top .eyebrow{font-size:.625rem}.journey-label{font-size:.6875rem;color:var(--muted);border:1px solid var(--line);border-radius:var(--sc-radius-pill);padding:.2rem .6rem}
.journey-main h2{font:500 clamp(1.5rem,2.5vw,2rem)/1.2 var(--sc-font-sans);letter-spacing:-.04em}.journey-main>p{font-size:.875rem;color:var(--muted);margin-top:.75rem;max-width:31rem}
.journey-options{display:grid;gap:.65rem;margin-top:1.5rem}.journey-options>button,.journey-options>a{width:100%;display:flex;align-items:center;gap:1rem;text-align:left;background:var(--hero-surface);border:1px solid var(--line);border-radius:var(--sc-radius-sm);padding:.9rem 1rem;transition:background .2s,border-color .2s,transform .2s}
.journey-options>button:hover,.journey-options>a:hover{background:var(--sc-sable);border-color:var(--sc-cuivre);transform:translateX(3px)}
.option-icon{font:.7rem var(--sc-font-mono);color:var(--muted)}.journey-options strong{display:block;font-size:.875rem;font-weight:500;line-height:1.5}.journey-options small{display:block;font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:.15rem}.option-arrow{margin-left:auto;color:var(--sc-cuivre-lo)}.journey-main>.journey-note{font-size:.6875rem;margin-top:1rem}
.landscape-caption{max-width:var(--measure);margin-inline:auto;display:flex;justify-content:space-between;gap:1rem;color:var(--sc-craie);font-size:.625rem;letter-spacing:.12em}
@media(max-width:900px){.immersive .hero-copy{padding-block:3rem 1.5rem}.journey-card{grid-template-columns:12rem 1fr}.journey-sidebar{padding:1.5rem}.journey-main{padding:1.5rem}.journey-top{flex-wrap:wrap;gap:.5rem}.journey-top .eyebrow{font-size:.625rem}}
@media(max-width:600px){.immersive h1{font-size:clamp(2rem,7.8vw,2.9rem);letter-spacing:-.04em;line-height:1.17}.immersive h1 br{display:none}.immersive h1>span{display:block;margin-bottom:.5rem}.immersive .hero-copy{padding-block:2.5rem 1rem}.immersive .hero-lead{font-size:.9375rem}.immersive .hero-lead br{display:none}.immersive .actions{flex-direction:column;gap:1rem}.immersive .actions .button{width:100%;gap:.8rem}.immersive .actions .text-link{align-self:center}.journey-landscape{padding-top:2rem;padding-bottom:1.5rem;min-height:0}.journey-card{grid-template-columns:1fr;margin-bottom:1.5rem}.journey-sidebar{padding:1rem 1.25rem}.journey-sidebar>p,.journey-signature,.journey-steps{display:none}.journey-brand{font-size:1.4rem}.journey-brand b{font-size:.9rem}.journey-main{padding:1.25rem}.journey-top{margin-bottom:1rem}.journey-label{display:none}.journey-options>button,.journey-options>a{padding:.8rem;gap:.65rem}.journey-options small{font-size:.75rem}.journey-options strong{font-size:.8125rem}.landscape-caption{font-size:.5625rem;line-height:1.8}.landscape-caption>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.immersive .hero-copy,.journey-card{animation:none}.journey-options>button:hover,.journey-options>a:hover{transform:none}}

/* Les plateformes illustrent la suite du parcours ; le questionnaire reste l’action. */
.platform-journey{grid-template-columns:minmax(17rem,.85fr) minmax(0,1.5fr);max-width:72rem;align-items:stretch}
.platform-selector{padding:2rem;background:var(--sc-cacao-lo);color:var(--sc-craie)}
.platform-selector>.eyebrow{font-size:.6875rem;color:var(--sc-cuivre-hi)}
.platform-selector h2{font:500 2rem/1.15 var(--sc-font-sans);letter-spacing:-.04em;margin-block:1.3rem}
.platform-selector>p:not(.eyebrow){font-size:.875rem;line-height:1.7;color:var(--sc-text-dark-default)}
.platform-tabs{display:grid;gap:.75rem;margin-block:2rem}
.platform-tabs button{display:flex;align-items:center;gap:.8rem;text-align:left;width:100%;padding:1rem .9rem;border:var(--sc-border-dark-default);border-radius:var(--sc-radius-sm);background:transparent;color:var(--sc-craie);transition:background .2s,border-color .2s}
.platform-tabs button[aria-selected="true"]{background:var(--sc-sable-hi);color:var(--sc-encre);border-color:var(--sc-sable-hi)}
.platform-tabs button:hover:not([aria-selected="true"]){background:var(--sc-cacao-hi)}
.platform-tabs .option-icon{color:inherit;opacity:.65}.platform-tabs strong{display:block;font-size:.875rem;font-weight:500;line-height:1.5}.platform-tabs small{display:block;font-size:.75rem;opacity:.75;line-height:1.5;margin-top:.2rem}.platform-tabs button>span:last-child{margin-left:auto}
.platform-selector>.platform-guidance{font-size:.75rem;line-height:1.8;color:var(--sc-text-dark-muted)}
.platform-panels{min-width:0}.platform-panel{padding:1.75rem 2rem;animation:enter .3s var(--ease)}.platform-panel[hidden]{display:none}
.platform-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.platform-name{font:600 1.4rem var(--sc-font-sans);letter-spacing:-.04em}.platform-heading>span:last-child{font-size:.6875rem;color:var(--muted);text-align:right}
.platform-figure{margin:0 0 1.5rem}.platform-figure img{display:block;width:100%;height:auto;aspect-ratio:1.61;object-fit:contain;border:1px solid var(--line);border-radius:var(--sc-radius-sm);background:var(--sc-sable)}
.platform-figure figcaption{font-size:.625rem;line-height:1.6;color:var(--muted);margin-top:.5rem}.platform-panel h3{font:500 1.5rem/1.25 var(--sc-font-sans);letter-spacing:-.03em}.platform-panel>p{font-size:.875rem;color:var(--muted);margin-block:.8rem 1.5rem}.platform-panel>.button{font-size:.8125rem;gap:1.5rem}
.immo-preview{display:flex;flex-direction:column;justify-content:center;aspect-ratio:1.61;padding:1.5rem;background:var(--sc-sable);border:1px solid var(--line);border-radius:var(--sc-radius-sm);margin-bottom:1.5rem}.immo-preview .eyebrow{font-size:.625rem}.immo-preview>p{font:2rem/1.15 var(--sc-font-serif);margin-block:1rem}.immo-preview em{color:var(--sc-cuivre-lo)}.immo-preview ol{margin:0;padding-left:1.1rem;font-size:.8125rem;line-height:1.7;color:var(--muted)}
@media(max-width:900px){.platform-journey{grid-template-columns:minmax(15rem,.9fr) minmax(0,1.2fr)}.platform-selector,.platform-panel{padding:1.5rem}.platform-tabs button{gap:.5rem;padding:.8rem .6rem}.platform-heading{flex-wrap:wrap}.platform-heading>span:last-child{text-align:left}.platform-panel>.button{width:100%;gap:.6rem}}
@media(max-width:600px){.platform-journey{grid-template-columns:1fr}.platform-selector{padding:1.5rem}.platform-selector h2 br{display:none}.platform-selector h2{font-size:1.75rem}.platform-tabs{margin-block:1.25rem}.platform-tabs button{padding:.9rem;gap:.8rem}.platform-panel{padding:1.25rem}.platform-selector>.platform-guidance{font-size:.6875rem}.platform-panel h3{font-size:1.4rem}.platform-panel>.button{font-size:.75rem;padding-inline:1rem}.immo-preview{aspect-ratio:auto;min-height:14rem}.immo-preview>p{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){.platform-panel{animation:none}}
/* Texte explicatif renforcé sur les trois aperçus de plateformes. */
.platform-panel>p{color:var(--sc-encre)}
.platform-selector>.platform-guidance{color:var(--sc-text-dark-default);font-size:.8125rem}
/* Suppression du surtitre et des deux légendes, sans supprimer les portes. */
.immersive .hero-copy{padding-top:2.5rem}
.journey-landscape{padding-bottom:2rem}
.journey-landscape .journey-card{margin-bottom:0}

.immersive .hero-lead{color:var(--sc-cacao);font-weight:500}