/* 16 octobre 2026. Adaptation du cadre au téléphone, styles ordinateur conservés. */
.mobile-story-nav{display:none}
.mobile-story-copy{display:contents}
@media (max-width:850px) and (min-height:500px), (min-width:600px) and (max-width:1000px) and (min-height:320px) and (max-height:499px){
 #methode .method-scroll.mobile-scroll-story,#sylvain .stable-scroll.mobile-scroll-story{height:calc(var(--mobile-steps)*100svh)!important;position:relative}
 #methode #experience-detail.mobile-fixed-method,#sylvain .consultant-scene.mobile-fixed-consultant{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;max-height:100svh;margin-top:0!important;padding:0!important;overflow:hidden;display:block!important;border-radius:0;isolation:isolate;background:#0b0b0b}
 #methode .mobile-fixed-method .bf-stage{height:100svh!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden}
 #methode .mobile-fixed-method .bf-film-media{position:absolute!important;inset:82px 0 auto!important;height:35svh!important;min-height:0;aspect-ratio:auto!important;width:100%;margin:0}
 #methode .mobile-fixed-method .bf-scene-image{object-fit:cover;object-position:center 42%;transform:none}
 #methode .mobile-fixed-method .bf-film-shade{display:block;position:absolute;inset:82px 0 auto;height:35svh;background:linear-gradient(0deg,#0b0b0b,transparent 55%);pointer-events:none}
 #methode .mobile-fixed-method .mobile-story-copy{display:flex;flex-direction:column;position:absolute;top:calc(82px + 31svh);bottom:155px;left:6%;right:6%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9e8564 #171411;padding:5px 6px 18px 0;scroll-padding-top:10px;background:#0b0b0b}
 #methode .mobile-fixed-method .bf-scene-top{position:static!important;inset:auto!important;margin:0 0 14px!important;display:block;order:0}
 #methode .mobile-fixed-method .bf-phase{font-size:18px;line-height:1.45;max-width:100%;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;color:#e8d7bd}
 #methode .mobile-fixed-method .bf-scene-count,#methode .mobile-fixed-method .bf-film-controls,#methode .mobile-fixed-method .bf-scroll-hint,#methode .mobile-fixed-method .bf-film-illustration{display:none!important}
 #methode .mobile-fixed-method .bf-scene-title{position:static!important;inset:auto!important;width:100%;max-width:none!important;font-size:32px!important;line-height:1.1;margin:0 0 20px!important;transform:none!important;order:1;display:block!important;opacity:1!important;visibility:visible!important}
 #methode .mobile-fixed-method .bf-film-caption{position:static!important;inset:auto!important;margin:0!important;width:100%!important;max-width:none;max-height:none!important;overflow:visible;transform:none!important;opacity:1!important;visibility:visible!important;filter:none;order:2;padding:0}
 #methode .mobile-fixed-method .bf-scene-intro,#methode .mobile-fixed-method .bf-film-terms,#methode .mobile-fixed-method .bf-result{font-size:21px;line-height:1.5}
 #methode .mobile-fixed-method .bf-hotspot{display:none!important}
 #methode .mobile-fixed-method .bf-depth-trigger{position:static!important;margin:20px 0 0!important;max-width:100%;font-size:20px;order:3;flex:0 0 auto;height:auto;min-height:52px}
 #methode .mobile-fixed-method .bf-depth-panel{display:none;position:static!important;inset:auto!important;width:100%!important;margin:18px 0 0!important;padding:18px;order:4;opacity:0!important;visibility:hidden!important}
 #methode .mobile-fixed-method.bf-depth-visible .bf-depth-panel{display:block;opacity:1!important;visibility:visible!important}
 #methode .mobile-fixed-method .bf-depth-copy{font-size:21px;line-height:1.5}
 .mobile-story-nav{position:absolute;left:6%;right:6%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:9;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:18px;padding:12px 0 0;border-top:1px solid #e8d7bd55;background:#0b0b0bf7;color:#f5f1e9;font-family:'DM Sans',Arial,sans-serif}
 .mobile-story-actions{display:flex;flex-direction:column;gap:8px}
 .mobile-story-nav button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:48px;width:100%;padding:9px 12px;border:1px solid #d3bb9a;border-radius:12px;background:#e8d7bd;color:#211c16;font:500 18px/1.3 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:left}
 .mobile-story-nav button:disabled{background:#151515;color:#a9a195;border-color:#6d6254;opacity:.7;cursor:default}
 .mobile-story-nav button:focus-visible{outline:3px solid #fff;outline-offset:3px}
 .mobile-story-arrow{font-size:25px;line-height:1}
 .mobile-story-nav .mobile-story-count{margin:0 0 9px;font-size:26px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;color:#e8d7bd}
 .mobile-story-nav .mobile-story-hint{margin:0;font-size:18px;line-height:1.4;color:#e3ddd4;max-width:230px}
 #sylvain.consultant-cinema{overflow:clip}
 #sylvain .stable-scroll.mobile-scroll-story{width:100vw;margin-left:calc((100vw - 100%)/-2)}
 #sylvain .mobile-fixed-consultant .consultant-portrait{inset:82px 0 auto;height:35svh;z-index:-1}
 #sylvain .mobile-fixed-consultant .consultant-portrait img{object-fit:cover;object-position:center 10%;transform:none;animation:none}
 #sylvain .mobile-fixed-consultant .consultant-portrait:after{background:linear-gradient(0deg,#0b0b0b,transparent 65%)}
 #sylvain .mobile-fixed-consultant .consultant-choices,#sylvain .mobile-fixed-consultant .consultant-replay{display:none!important}
 #sylvain .mobile-fixed-consultant .consultant-panel{position:absolute;inset:calc(82px + 31svh) 6% 155px;min-height:0;max-height:none;max-width:none;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9e8564 #171411;padding:8px 6px 18px 0;scroll-margin-top:0;background:#0b0b0b}
 #sylvain .mobile-fixed-consultant .consultant-panel>*{animation:none!important}
 #sylvain .mobile-fixed-consultant .consultant-number{font-size:62px;line-height:1;margin:0 0 16px}
 #sylvain .mobile-fixed-consultant .consultant-number small{font-size:23px!important;margin:0 0 8px!important}
 #sylvain .mobile-fixed-consultant .consultant-panel h3{font-size:30px;line-height:1.12;margin:18px 0}
 #sylvain .mobile-fixed-consultant .consultant-panel p:not(.consultant-number),#sylvain .mobile-fixed-consultant .consultant-panel .consultant-vision{font-size:21px;line-height:1.5}
}
@media(max-width:370px) and (min-height:500px){
 .mobile-story-nav{grid-template-columns:137px minmax(0,1fr);gap:12px}
 .mobile-story-nav button{font-size:18px;padding:9px;gap:6px}
 .mobile-story-nav .mobile-story-hint{font-size:18px}
}
@media (max-width:850px) and (min-height:500px), (min-width:600px) and (max-width:1000px) and (min-height:320px) and (max-height:499px){
 #sylvain .mobile-fixed-consultant .consultant-panel{align-self:stretch;top:calc(82px + 31svh);bottom:auto;height:calc(69svh - 237px);max-height:calc(69svh - 237px);margin:0;transform:none}
 #sylvain .mobile-fixed-consultant .consultant-portrait{animation:none!important;clip-path:none;transform:none}
}

@media(max-width:850px) and (min-height:500px) and (max-height:650px){
 #methode .mobile-fixed-method .bf-film-media,#methode .mobile-fixed-method .bf-film-shade,#sylvain .mobile-fixed-consultant .consultant-portrait{height:25svh!important}
 #methode .mobile-fixed-method .mobile-story-copy{top:calc(82px + 22svh);bottom:145px}
 #sylvain .mobile-fixed-consultant .consultant-panel{top:calc(82px + 22svh);height:calc(78svh - 227px);max-height:calc(78svh - 227px);bottom:auto}
 #sylvain .mobile-fixed-consultant .consultant-portrait img{object-fit:contain;object-position:center}
 #sylvain .mobile-fixed-consultant .consultant-number{font-size:44px;margin-bottom:12px}
 #sylvain .mobile-fixed-consultant .consultant-panel h3{font-size:27px;margin:12px 0}
 #methode .mobile-fixed-method .bf-scene-title{font-size:28px!important;margin-bottom:14px!important}
}

/* Les preuves et les témoignages se parcourent avec le même geste. */
@media (max-width:850px) and (min-height:500px), (min-width:600px) and (max-width:1000px) and (min-height:320px) and (max-height:499px){
 #retours{overflow:clip}
 #retours .stable-scroll.mobile-scroll-story{height:calc(var(--mobile-steps)*100svh)!important;position:relative}
 #retours .mobile-fixed-satisfaction,#retours .mobile-fixed-reviews{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;max-height:100svh;display:block!important;margin:0!important;padding:0!important;overflow:hidden;background:#101010}
 #retours :is(.mobile-fixed-satisfaction,.mobile-fixed-reviews) .mobile-story-nav{left:0;right:0;background:#101010}
 #retours .mobile-fixed-satisfaction .trust-heading,#retours .mobile-fixed-reviews .trust-review-heading{position:absolute;top:98px;left:0;right:0;margin:0;padding:0}
 #retours .mobile-fixed-satisfaction .trust-eyebrow{font-size:18px;line-height:1.4;margin:0 0 14px}
 #retours .mobile-fixed-satisfaction #trust-title,#retours .mobile-fixed-reviews .trust-review-heading h3{font-size:34px;line-height:1.1;margin:0 0 14px}
 #retours .mobile-fixed-reviews .trust-review-heading p{font-size:20px;line-height:1.5;margin:0}
 #retours :is(.mobile-fixed-satisfaction,.mobile-fixed-reviews) .mobile-proof-reader{position:absolute;top:260px;bottom:155px;left:0;right:0;display:block!important;margin:0!important;padding:0 8px 20px 0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9e8564 #171411}
 #retours .mobile-fixed-satisfaction .trust-measure-heading{padding:0 0 12px;border:0;margin:0}
 #retours .mobile-fixed-satisfaction .trust-measure-heading h3{font-size:21px;line-height:1.4;margin:0}
 #retours .mobile-fixed-satisfaction .trust-measure-heading p{font-size:18px;line-height:1.45;margin:8px 0 0}
 #retours .mobile-fixed-satisfaction .trust-stage-nav,#retours .mobile-fixed-reviews .review-tabs{display:none!important}
 #retours .mobile-fixed-satisfaction .trust-metrics{display:block;margin:0;border:0}
 #retours .mobile-fixed-satisfaction .trust-metric{padding:8px 0 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:'label' 'arc' 'detail';margin:0;gap:8px;border:0}
 #retours .mobile-fixed-satisfaction .trust-metric[hidden]{display:none!important}
 #retours .mobile-fixed-satisfaction .trust-metric dt{font-size:22px;line-height:1.4;margin:0;min-height:0}
 #retours .mobile-fixed-satisfaction .trust-score{width:180px;height:158px;min-height:0;font-size:76px;margin:0;align-self:center;justify-self:center}
 #retours .mobile-fixed-satisfaction .trust-metric-detail{font-size:20px;line-height:1.5;margin:0}
 #retours .mobile-fixed-reviews .trust-quote:before{display:none}
 #retours .mobile-fixed-reviews .trust-quote blockquote{margin:0}
 #retours .mobile-fixed-reviews .trust-quote blockquote p{font-size:22px;line-height:1.6;margin:0}
 #retours .mobile-fixed-reviews .trust-quote blockquote p+p{margin-top:24px}
 #retours .mobile-fixed-reviews .trust-quote figcaption{font-size:20px;line-height:1.4;margin-top:25px;padding-top:18px}
 #retours .mobile-fixed-reviews{scroll-margin-top:0;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:98px 0 14px!important;box-sizing:border-box}
 #retours .mobile-fixed-reviews .trust-review-heading{position:static;grid-row:1;margin:0}
 #retours .mobile-fixed-reviews .trust-review-heading h3{margin:0;font-size:32px;line-height:1.1}
 #retours .mobile-fixed-reviews .trust-review-heading p{display:none}
 #retours .mobile-fixed-reviews .trust-google-link{position:static;grid-row:2;margin:0;justify-self:start;font-size:19px;line-height:1.4}
 #retours .mobile-fixed-reviews .mobile-proof-reader{position:static;grid-row:3;min-height:0;max-height:none;padding:0 8px 18px 0}
 #retours .mobile-fixed-reviews .mobile-story-nav{position:static;grid-row:4;margin:0;min-width:0}

}
@media(max-width:850px) and (min-height:500px) and (max-height:650px){
 #retours .mobile-fixed-satisfaction .trust-heading,#retours .mobile-fixed-reviews .trust-review-heading{top:88px}
 #retours .mobile-fixed-satisfaction .trust-eyebrow{display:none}
 #retours .mobile-fixed-satisfaction #trust-title,#retours .mobile-fixed-reviews .trust-review-heading h3{font-size:28px}
 #retours :is(.mobile-fixed-satisfaction,.mobile-fixed-reviews) .mobile-proof-reader{top:204px;bottom:145px}
 #retours .mobile-fixed-reviews .trust-review-heading p{font-size:18px;line-height:1.35}
 #retours .mobile-fixed-reviews{padding-top:88px!important;gap:10px}
 #retours .mobile-fixed-reviews .trust-review-heading h3{font-size:28px}
 #retours .mobile-fixed-reviews .trust-google-link{font-size:18px}
}

/* L’essentiel du bilan se lit sans parcourir un second écran de texte. */
@media (max-width:850px) and (min-height:500px), (min-width:600px) and (max-width:1000px) and (min-height:320px) and (max-height:499px){
 #methode .mobile-fixed-method .bf-film-media,#methode .mobile-fixed-method .bf-film-shade{height:25svh!important}
 #methode .mobile-fixed-method .mobile-story-copy{top:calc(82px + 23svh);bottom:145px}
 #methode .mobile-fixed-method .bf-phase{margin:0}
 #methode .mobile-fixed-method .bf-scene-title{font-size:30px!important;line-height:1.1;margin-bottom:16px!important}
 #methode .mobile-fixed-method .bf-film-terms,#methode .mobile-fixed-method .bf-result{display:none}
 #methode .mobile-fixed-method .bf-scene-intro{font-size:21px;line-height:1.45;margin:0}
 #methode .mobile-fixed-method .bf-depth-trigger{margin-top:18px!important;font-size:19px}
}
@media(max-width:850px) and (min-height:500px) and (max-height:650px){
 #methode .mobile-fixed-method .bf-film-media,#methode .mobile-fixed-method .bf-film-shade{height:21svh!important}
 #methode .mobile-fixed-method .mobile-story-copy{top:calc(82px + 19svh)}
 #methode .mobile-fixed-method .bf-scene-title{font-size:27px!important}
}

.method-scroll,.stable-scroll{overflow-anchor:none}

/* Landscape phones keep the selected scene, readable copy and vertical commands. */
@media(min-width:600px) and (max-width:1000px) and (min-height:320px) and (max-height:499px){
 #methode .mobile-fixed-method .bf-film-media,#methode .mobile-fixed-method .bf-film-shade{inset:82px 0 0!important;height:calc(100svh - 82px)!important;width:100%}
 #methode .mobile-fixed-method .bf-scene-image{object-position:25% 35%}
 #methode .mobile-fixed-method .bf-film-shade{background:linear-gradient(90deg,#0b0b0b80,#0b0b0be6 40%,#0b0b0b)}
 #methode .mobile-fixed-method .mobile-story-copy{top:94px;bottom:16px;left:40%;right:4%;padding:8px 12px 18px;background:#0b0b0bea;border-radius:12px}
 #methode .mobile-fixed-method .bf-scene-title{font-size:28px!important;margin-bottom:14px!important}
 #methode .mobile-fixed-method .bf-scene-intro,#methode .mobile-fixed-method .bf-depth-copy{font-size:20px;line-height:1.45}
 #methode .mobile-fixed-method .bf-phase{font-size:18px}
 .mobile-story-nav{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;left:4%;right:auto;top:96px;bottom:16px;width:31%;gap:10px;padding:0;border:0;background:#0b0b0bc9;border-radius:12px}
 .mobile-story-actions{gap:7px}.mobile-story-nav button{min-height:44px;padding:7px 12px;font-size:18px}.mobile-story-nav .mobile-story-count{margin:0;font-size:24px}.mobile-story-nav .mobile-story-hint{display:none}
 #sylvain .mobile-fixed-consultant .consultant-portrait{inset:82px 0 0;height:calc(100svh - 82px);width:39%}
 #sylvain .mobile-fixed-consultant .consultant-portrait img{object-position:center 12%}
 #sylvain .mobile-fixed-consultant .consultant-panel{inset:94px 4% 16px 40%;height:auto;max-height:none;background:#0b0b0bea;padding:8px 12px 18px;border-radius:12px}
 #sylvain .mobile-fixed-consultant .consultant-number{font-size:44px;margin-bottom:10px}
 #sylvain .mobile-fixed-consultant .consultant-panel h3{font-size:28px;margin:14px 0}
 #sylvain .mobile-fixed-consultant .consultant-panel p:not(.consultant-number),#sylvain .mobile-fixed-consultant .consultant-panel .consultant-vision{font-size:20px;line-height:1.45}
 #retours .mobile-fixed-reviews{display:block!important;padding:0!important}
 #retours .mobile-fixed-reviews .trust-review-heading{position:absolute;top:94px;left:4%;right:4%}
 #retours .mobile-fixed-reviews .trust-review-heading h3{font-size:28px}
 #retours .mobile-fixed-reviews .trust-google-link{position:absolute;top:146px;left:4%;width:31%;font-size:18px}
 #retours .mobile-fixed-reviews .mobile-proof-reader{position:absolute;top:146px;bottom:16px;left:40%;right:4%;padding:0 8px 18px 0}
 #retours .mobile-fixed-reviews .mobile-story-nav{position:absolute;left:4%;right:auto;top:220px;bottom:16px;width:31%;margin:0}
 #retours .mobile-fixed-reviews .trust-quote blockquote p{font-size:20px;line-height:1.45}
}