/* Des repères discrets, inspirés du quadrillage de la bannière. */
.hero,#methode,#blog,.booking-section{position:relative;isolation:isolate}
.hero:before,#methode:before,#blog:before,.booking-heading:before{content:'';position:absolute;z-index:-1;pointer-events:none;background-image:linear-gradient(#8298a638 1px,transparent 1px),linear-gradient(90deg,#8298a638 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 35% 35%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 35% 35%,#000 30%,transparent 78%)}
.hero:before{width:58%;height:450px;left:-24px;top:12px}
#methode:before{width:540px;height:350px;left:-24px;top:20px}
#blog:before{width:500px;height:360px;right:-20px;top:0}
.booking-heading{position:relative;isolation:isolate}
.booking-heading:before{width:48%;height:240px;right:-20px;top:-28px;mask-image:radial-gradient(ellipse at 65% 35%,#000 28%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 65% 35%,#000 28%,transparent 80%)}
.header nav{padding:6px;gap:3px;background:#e1e8ede6;border:1px solid #d2dce3;box-shadow:inset 0 2px 4px #52647308,0 1px 0 #fff}
.header nav a{font-size:14px;padding:12px 15px;font-weight:500}
.nav-pill{top:6px;height:calc(100% - 12px)}
.header .button.small{font-size:12px}
.hero{padding-bottom:35px}
.journey-scene{background:linear-gradient(145deg,#f4f8fbd9,#e8f1f5eb);padding:24px;max-width:540px;width:100%}
.journey-scene:before{background:#e7eff2b3}.journey-scene:after{background:#fbfdff80}
.journey-scene .scene-head{margin-bottom:22px}.scene-motion{font-size:9px;min-height:30px;padding:5px 10px;flex-shrink:0}
.journey-scene .journey-step{display:flex;align-items:flex-start;gap:15px;padding:23px 19px;border:1px solid #ffffff;box-shadow:0 4px 10px #24425306,0 12px 25px #2442530b!important;background:#fffffff2}
.journey-scene .step-index{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;font:11px var(--mono);border-radius:11px;color:#526473;background:#edf2f4;box-shadow:inset 0 1px 1px #fff;transition:background .65s,box-shadow .65s,color .65s}
.journey-scene .journey-step .eyebrow{display:block;font-size:8px;letter-spacing:1px;margin:0 0 9px;color:#61717d}
.journey-scene .journey-step h3{font-size:25px;line-height:1.08;letter-spacing:-.7px}
.journey-scene .journey-step p{font-size:12px;line-height:1.65;color:#526473;margin:10px 0 0}
.journey-scene .selected{transform:translateX(7px);overflow:hidden}
.journey-scene .connector{height:25px}
.journey-scene .connector:after{background:#afd423}
.journey-scene[data-phase="1"] .note,.journey-scene[data-phase="2"] .selected,.journey-scene[data-phase="3"] .human{border-color:#8deaf4;box-shadow:0 0 0 1px #00d3e84a,0 12px 25px #2442530d,0 0 28px #00e5ff0d!important}
.journey-scene[data-phase="1"] .note .step-index,.journey-scene[data-phase="2"] .selected .step-index,.journey-scene[data-phase="3"] .human .step-index{background:#c6ff00;color:#213005;box-shadow:0 0 18px #c6ff0033}
.journey-caption{font:9px/1.6 var(--mono);color:#647681;text-align:center;margin:23px 0 0}
.booking-section{margin-top:105px}.booking-section .contact-inner{padding:48px 34px 26px;text-align:left;background:linear-gradient(145deg,#fff,#f7fafb)}
.booking-section .contact-inner{color:#0f1720}.booking-section .contact-inner:before,.booking-section .contact-inner:after{display:none}.booking-section .contact-inner .eyebrow,.booking-section .contact-inner .quiet{color:#5a6b7a}
.booking-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:35px}
.booking-heading h2{font-size:48px}.booking-heading .eyebrow{margin-bottom:15px;font-size:10px}
.booking-heading>div>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#526473;max-width:420px;margin:0 0 18px}
.booking-heading .booking-details{display:flex;flex-wrap:wrap;gap:7px!important;margin-bottom:0!important}
.booking-details span{font-size:10px;border:1px solid #dce7e8;border-radius:99px;background:#edf4f5;padding:5px 10px}
.cal-booking{width:100%;min-height:650px;overflow:auto;border-radius:18px;background:white;border:1px solid #e1e8ec}
.cal-booking iframe{border:0;max-width:100%}.booking-fallback{font-size:11px!important;text-align:center;margin:17px 0!important;color:#647681!important}.booking-fallback a{text-decoration:underline;text-underline-offset:3px;color:#33414e}.booking-section .quiet{text-align:center;font-size:10px}
@media(max-width:1250px){.header .button.small{display:none}.header nav{margin-left:auto}.header nav a{font-size:14px;padding:11px 15px}}
@media(max-width:1000px){.header nav a{font-size:13px;padding:11px 12px}.journey-scene{padding:20px 16px}.journey-scene .journey-step{padding:20px 14px;gap:12px}.journey-scene .journey-step h3{font-size:22px}.journey-scene .journey-step p{font-size:11px}.journey-scene .step-index{flex-basis:30px;width:30px;height:30px}.booking-heading{gap:30px}.booking-heading h2{font-size:42px}}
@media(max-width:800px){.header nav{display:none}.hero:before{width:90%;top:450px;right:0}.journey-scene{padding:24px;max-width:540px}.journey-scene .journey-step{padding:22px 19px}.journey-scene .journey-step h3{font-size:26px}.journey-scene .journey-step p{font-size:13px}.mobile-menu a{font-size:15px;padding:14px}.booking-heading{grid-template-columns:1fr;gap:22px}.booking-section .contact-inner{padding:35px 22px 22px}.booking-heading>div>p:not(.eyebrow){max-width:none}.cal-booking{min-height:700px}}
@media(max-width:540px){.hero:before{top:460px;height:480px;width:100%;background-size:48px 48px}#methode:before,#blog:before{width:95%;left:0;right:auto;background-size:48px 48px}.booking-section:before{width:95%;background-size:48px 48px}.journey-scene{padding:19px 14px}.journey-scene .journey-step{padding:20px 13px;gap:10px}.journey-scene .journey-step .eyebrow{font-size:6.6px;letter-spacing:.6px}.journey-scene .journey-step h3{font-size:22px}.journey-scene .journey-step p{font-size:11px}.journey-scene .step-index{flex-basis:27px;width:27px;height:29px;font-size:9px}.journey-scene .selected{transform:translateX(3px)}.journey-caption{font-size:7px}.scene-motion{font-size:8px}.booking-section{margin-top:70px;padding:9px}.booking-section .contact-inner{padding:28px 10px 18px}.booking-heading{padding:0 7px;gap:20px;margin-bottom:25px}.booking-heading h2{font-size:38px}.booking-heading .eyebrow{font-size:8px}.booking-heading>div>p:not(.eyebrow){font-size:14px}.booking-details span{font-size:9px;padding:5px 8px}.cal-booking{border-radius:12px;min-height:760px}.booking-fallback{padding:0 10px;font-size:10px!important}}

.booking-heading h2 br{display:initial}
@media(max-width:800px){.hero:before{left:-10px;right:auto;top:8px;width:100%;height:370px}.booking-heading:before{width:85%;height:230px;top:-10px;right:-10px}}
@media(max-width:540px){.hero:before{top:8px;height:370px;background-size:52px 52px}.booking-heading:before{width:100%;background-size:52px 52px}#methode:before,#blog:before{background-size:52px 52px}}

/* Une étape se détache, puis transmet le mouvement à la suivante. */
.journey-position{display:flex;align-items:center;gap:5px;height:20px;flex-shrink:0}.journey-position i{width:13px;height:4px;border-radius:9px;background:#cbd8df;transition:width .7s var(--ease-fluid),background .5s}
.journey-scene[data-phase="1"] .journey-position i:nth-child(1),.journey-scene[data-phase="2"] .journey-position i:nth-child(2),.journey-scene[data-phase="3"] .journey-position i:nth-child(3){width:25px;background:#acd900}
.journey-scene .journey-step{overflow:hidden;transform-origin:center;transition:transform 1.15s var(--ease-fluid),box-shadow 1.15s var(--ease-fluid),border-color .9s;will-change:auto}
.journey-scene .note{transform:translateX(-6px) rotate(-.6deg)}.journey-scene .selected{transform:translateX(4px) rotate(.4deg)}.journey-scene .human{transform:translateX(-4px) rotate(-.4deg)}
.journey-scene[data-phase="1"] .note{transform:translate(-9px,-6px) rotate(-1deg) scale(1.014)}
.journey-scene[data-phase="2"] .selected{transform:translate(8px,-6px) rotate(.65deg) scale(1.014)}
.journey-scene[data-phase="3"] .human{transform:translate(-7px,-6px) rotate(-.7deg) scale(1.014)}
.journey-scene[data-phase="1"] .note,.journey-scene[data-phase="2"] .selected,.journey-scene[data-phase="3"] .human{box-shadow:0 0 0 1px #00d3e859,0 7px 14px #24425308,0 22px 38px #24425320,0 0 30px #00e5ff0c!important}
.journey-scene .journey-step:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#dffaff66 48%,#f1ffd733 56%,transparent 80%);transform:translateX(-130%);animation:none}
.journey-scene .journey-step:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00d6e8,#c6ff00);transform:scaleX(0);transform-origin:left;opacity:.7;pointer-events:none}
.journey-scene[data-phase="1"] .note:before,.journey-scene[data-phase="2"] .selected:before,.journey-scene[data-phase="3"] .human:before{animation:journey-light 1.8s .15s var(--ease-in-out) both}
.journey-scene[data-phase="1"] .note:after,.journey-scene[data-phase="2"] .selected:after,.journey-scene[data-phase="3"] .human:after{animation:journey-progress 3s linear both}
.journey-scene .connector:after{animation:none!important;top:-8px;left:calc(50% - 2px);height:11px;width:4px;background:#afd900;box-shadow:0 0 8px #c6ff0080}
.journey-scene[data-phase="1"] .note+.connector:after,.journey-scene[data-phase="2"] .selected+.connector:after{animation:journey-transfer .8s 2.25s ease-in-out both!important}
.journey-scene:before,.journey-scene:after{transition:transform 1.8s var(--ease-fluid)}
.journey-scene[data-phase="2"]:before{transform:rotate(1.2deg) translate(2px,2px)}.journey-scene[data-phase="3"]:after{transform:rotate(-1.1deg) translate(-2px,-2px)}
@keyframes journey-light{to{transform:translateX(130%)}}
@keyframes journey-progress{0%{transform:scaleX(0)}90%,100%{transform:scaleX(1)}}
@keyframes journey-transfer{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(35px);opacity:0}}
@media(max-width:540px){.journey-scene[data-phase="1"] .note{transform:translate(-3px,-4px) rotate(-.5deg) scale(1.008)}.journey-scene[data-phase="2"] .selected{transform:translate(3px,-4px) rotate(.4deg) scale(1.008)}.journey-scene[data-phase="3"] .human{transform:translate(-2px,-4px) rotate(-.4deg) scale(1.008)}}
.reduce-motion .journey-scene .journey-step,.reduce-motion .journey-scene:before,.reduce-motion .journey-scene:after{transform:none!important}.reduce-motion .journey-scene .journey-step:before,.reduce-motion .journey-scene .journey-step:after,.reduce-motion .journey-scene .connector:after{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.journey-scene .journey-step,.journey-scene:before,.journey-scene:after{transform:none!important}.journey-scene .journey-step:before,.journey-scene .journey-step:after,.journey-scene .connector:after{animation:none!important;opacity:0}}

.case-sidebar{display:flex;flex-direction:column;gap:15px;padding-top:15px}.case-sidebar .case-tabs{padding:0}
.case-booking-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding:17px 20px;border-top:1px solid #bcced6;color:#33414e;font-size:13px;border-radius:0 0 12px 12px;transition:background .25s}
.case-booking-link:hover{background:#e6ffb2}.case-booking-link span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#c6ff0073;color:#0f1720;font-size:18px}
.case-content [hidden]{display:none!important}.custom-lead{font-size:15px;line-height:1.7;color:#526473;margin:24px 0 29px;max-width:620px}
.custom-steps{list-style:none;padding:0;margin:0 0 31px;display:grid;gap:19px}.custom-steps li{display:flex;gap:16px;align-items:flex-start}.custom-steps li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#edf6dc;border:1px solid #dbe8c3;font:10px var(--mono);color:#33414e}.custom-steps h4{margin:1px 0 6px;font:600 21px/1.2 var(--titre);letter-spacing:-.4px}.custom-steps p{margin:0;color:#526473;font-size:13px;line-height:1.7;max-width:590px}.custom-booking{font-size:12px;gap:20px}
@media(max-width:800px){.case-sidebar{padding:0;gap:12px}.case-sidebar .case-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-sidebar .case-tabs button{justify-content:space-between;text-align:left;padding:16px 18px}.case-booking-link{padding:12px 15px;margin:0;font-size:12px}.custom-lead{font-size:14px}.custom-steps h4{font-size:22px}}
@media(max-width:540px){.case-sidebar .case-tabs button{font-size:12px;min-height:54px;padding:14px 13px}.custom-lead{font-size:14px;margin:22px 0 25px}.custom-steps{gap:21px}.custom-steps li{gap:12px}.custom-steps li>span{flex-basis:29px;height:29px;font-size:9px}.custom-steps h4{font-size:21px}.custom-steps p{font-size:13px}.custom-booking{padding-left:17px;font-size:11px;gap:16px}.custom-booking>span[aria-hidden]{width:29px;height:29px}}
