@font-face{font-family:"Inter";src:url(../fonts-e/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(../media/v75/ibm-plex-mono-400.woff2?v=75) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts-e/hanken-grotesk.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Mono";src:url(../fonts-e/space-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--blanc:#eff1ee;--night:#eff1ee;--light:#eff1ee;--clip-end:#eff1ee;--ink:#2a2a2a;--ink-2:#383a37;--cu-t:#446da2;--cu-l:#aab8c6;--cu:#446da2;--peach:#2a2a2a;
 --bleu:#446da2;--corail:#a25755;--bleu-v:#a9c8e7;--corail-v:#e9b6ad;--grad:linear-gradient(90deg,#446da2,#795f8c 50%,#a25755);--grad-v:linear-gradient(90deg,#a9c8e7,#d0bcd5 50%,#e9b6ad);--filet:linear-gradient(90deg,rgba(169,200,231,.9),rgba(208,188,213,.9) 50%,rgba(233,182,173,.9));

 --f-t:"Hanken Grotesk",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--f-m:"Space Mono",ui-monospace,Menlo,Consolas,monospace;--f-x:Inter,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
 --gut:clamp(20px,3vw,48px);--hd:64px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--night)}
body{margin:0;background:var(--night);color:var(--peach);font:400 15px/1.6 var(--f-x);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--peach);color:var(--night);padding:10px 16px}.skip:focus{top:8px}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* en-tête */
.hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd);display:flex;align-items:center;gap:24px;padding:0 var(--gut);color:var(--peach);transition:color .4s,background .4s}
.hd.is-light{color:var(--ink);background:rgba(239,241,238,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hd.is-foot{color:var(--peach);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.wm{display:flex;align-items:center;gap:10px;font:500 14px/1 var(--f-t);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.wm-m{width:16px;height:16px;border-radius:50%;background:conic-gradient(currentColor 0 34%,transparent 0);box-shadow:inset 0 0 0 1px currentColor}
.mn{margin-left:auto}.mn ul{display:flex;gap:4px}
.mn a{display:block;padding:10px 9px;font:400 13px/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.mn a:hover{text-decoration:underline;text-underline-offset:4px}
.hd-cta{font:400 13px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:12px 16px;border:1px solid currentColor;white-space:nowrap}
.hd-cta:hover,.hd-cta:focus-visible{background:#2a2a2a;color:#eff1ee;border-color:#2a2a2a}.hd.is-light .hd-cta:hover,.hd.is-light .hd-cta:focus-visible{background:#2a2a2a;color:#eff1ee}
.bg{display:none}
@media(max-width:1320px){.mn-sec{display:none}}.mn a{white-space:nowrap}
@media(max-width:900px){
 .mn{display:none;position:fixed;inset:var(--hd) 0 0;background:var(--night);color:var(--peach);padding:24px var(--gut);margin:0}
 .mn.is-open{display:block}.mn ul{flex-direction:column}.mn a{font-size:16px;padding:14px 0;border-bottom:1px solid rgba(21,21,21,.14)}.mn-sec{display:block}
 .hd-cta{margin-left:auto;padding:10px 12px;font-size:11px}
 .bg{display:grid;place-content:center;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;padding:0}
 .bg span{display:block;width:20px;height:1.5px;background:currentColor;margin:3px 0}
 .no-js .mn{display:block;position:static;background:none;padding:0}.no-js .hd{position:absolute;height:auto;flex-wrap:wrap;padding-block:12px}.no-js .bg{display:none}}
@media(max-width:420px){.hd-cta{display:none}.bg{margin-left:auto}}
/* boutons */
.btn{display:inline-flex;align-items:center;gap:14px;padding:16px 22px;background:var(--ink);color:var(--light);font:400 13px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s}
.btn::after{content:"→"}
.btn:hover{background:var(--cu-t);background-image:var(--grad);color:#fff}
.btn--light{background:var(--peach);color:var(--night)}.btn--light:hover{background:var(--grad-v);color:var(--ink)}
.lnk{font:400 13px/1.5 var(--f-m);text-underline-offset:4px}
/* ouverture scrubbée */
.hx{position:relative;height:calc(960vh + var(--hold,1720px) + var(--pre,0px) - var(--fz,0px));background:var(--night)}
.hx-stage{position:sticky;top:0;background:var(--night);height:100vh;height:100svh;overflow:hidden;perspective:900px}
.hx-poster,.hx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hx-video{opacity:0;transition:opacity .4s}.hx-video.is-ready{opacity:1}
.hx-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,241,238,.62) 0,rgba(239,241,238,.3) 38%,rgba(239,241,238,0) 62%);pointer-events:none;transition:opacity .2s}
.hx-ch{position:absolute;left:var(--gut);right:var(--gut);top:50%;max-width:min(760px,58vw);transform:translateY(-50%);transform-origin:20% 50%;will-change:transform,opacity}
.js .hx-ch{opacity:0;visibility:hidden}
.no-js .hx-ch,.rm .hx-ch{position:relative;top:auto;transform:none;opacity:1;visibility:visible;padding:18vh 0;max-width:760px}
.hx-eyebrow{font:400 13px/1.4 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--cu);margin-bottom:28px}
.hx-h1{font:300 clamp(52px,8.4vw,150px)/.98 var(--f-t);letter-spacing:-.035em;color:#2a2a2a;text-wrap:balance}
.hx-h2{font:300 clamp(34px,4.4vw,68px)/1.05 var(--f-t);letter-spacing:-.03em;color:#2a2a2a;text-wrap:balance}
.hx-lead{font:400 clamp(15px,1.3vw,18px)/1.6 var(--f-x);color:var(--peach);margin-top:24px;max-width:36ch}
.hx-giant{font:200 clamp(88px,14vw,220px)/.9 var(--f-t);letter-spacing:-.05em;color:var(--cu)}
.hx-ctas{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;color:var(--peach)}
.hx-cue{margin-top:56px;font:400 11px/1 var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:var(--cu)}
.hx-cue::before{content:"";display:inline-block;width:1px;height:28px;background:currentColor;vertical-align:middle;margin-right:14px}
/* contenu clair */
.pg{position:relative;z-index:2;background:var(--light);color:var(--ink);padding:0 var(--gut)}
.pg::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--light)}
.sc{max-width:1440px;margin:0 auto;padding:clamp(96px,14vh,180px) 0;border-top:1px solid #aab8c6;border-image:var(--filet) 1}
.sc:first-child{border-top:0;padding-top:clamp(80px,12vh,140px)}
.h2{font:300 clamp(36px,4.8vw,76px)/1.02 var(--f-t);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;max-width:16em}
.h2--xl{font-size:clamp(44px,6.4vw,104px);max-width:13em}
.rows{margin-top:clamp(48px,7vh,88px);border-top:1px solid var(--cu-l)}
.rows li{padding:22px 0;border-bottom:1px solid var(--cu-l);font-size:clamp(16px,1.35vw,20px);line-height:1.45;color:var(--ink)}
@media(min-width:900px){.rows li{padding-left:41.6%}}
.sc--week{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:end}
.wk-fig{margin-top:36px;font-size:17px;color:var(--ink-2)}.note{margin-top:14px;font-size:12px;color:var(--ink-2)}
.wk{display:flex;gap:8px;height:clamp(240px,34vw,460px);padding:14px;border:1px solid var(--cu-l)}
.wk-s,.wk-free{display:flex;align-items:flex-end;justify-content:flex-start;padding:14px 10px;overflow:hidden;min-width:0;flex:1 1 0}
.wk-s{background:var(--ink);color:var(--light);flex-grow:calc(1 - var(--w,0)*.6)}
.wk-free{flex-grow:calc(var(--w,0)*3.2);background:linear-gradient(180deg,var(--bleu-v),#d0bcd5 50%,var(--corail-v));color:var(--ink);border:1px solid var(--cu-l)}
.wk-l{display:block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font:400 clamp(13px,1.15vw,17px)/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase}
.wk-free .wk-l{writing-mode:horizontal-tb;transform:none;font-size:clamp(14px,1.4vw,20px)}
.sc--steps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:start}
.st-side{position:sticky;top:calc(var(--hd) + 48px)}
.steps{border-top:1px solid var(--cu-l)}
.steps li{display:grid;grid-template-columns:clamp(56px,6vw,96px) minmax(0,1fr);align-items:baseline;gap:0 20px;padding:28px 0;border-bottom:1px solid var(--cu-l)}
.st-n{font:200 clamp(40px,4.4vw,68px)/1 var(--f-t);letter-spacing:-.04em;color:var(--cu-t)}
.steps p{font-size:clamp(15px,1.2vw,17px);line-height:1.55;color:var(--ink-2)}.steps strong{display:block;font:500 clamp(18px,1.6vw,23px)/1.3 var(--f-t);letter-spacing:-.01em;color:var(--ink);margin-bottom:6px}
.diag{margin-top:40px;padding-left:calc(clamp(56px,6vw,96px) + 20px);font-size:15px;line-height:1.6;color:var(--ink-2)}
.price{margin-top:12px;padding-left:calc(clamp(56px,6vw,96px) + 20px);font-size:12px;letter-spacing:.02em;color:var(--cu-t)}
.st-cta{margin-top:32px;padding-left:calc(clamp(56px,6vw,96px) + 20px)}
.offers{margin-top:clamp(48px,7vh,88px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--cu-l);border-left:1px solid var(--cu-l)}
.offers li{border-right:1px solid var(--cu-l);border-bottom:1px solid var(--cu-l)}
.offers a{position:relative;display:flex;flex-direction:column;gap:14px;min-height:clamp(220px,22vw,320px);padding:28px;text-decoration:none;transition:background .3s}
.offers a:hover{background:linear-gradient(135deg,rgba(169,200,231,.16),rgba(233,182,173,.16))}
.of-i{font-size:12px;color:var(--cu-t)}.of-n{font:400 clamp(26px,2.4vw,38px)/1.05 var(--f-t);letter-spacing:-.025em;color:var(--ink);margin-top:auto}.of-t{font-size:14px;color:var(--ink-2)}
.of-a{position:absolute;top:24px;right:28px;font-size:20px;color:var(--cu-t);transition:transform .3s}.offers a:hover .of-a{transform:translateX(6px)}
.sc--final{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px clamp(32px,5vw,96px);align-items:end}
.fi-side{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.lead{font-size:17px;color:var(--ink-2)}
.pq{grid-column:1/-1;display:flex;gap:32px;align-items:baseline;border-top:1px solid var(--cu-l);padding-top:28px;margin-top:40px}
.lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cu-t)}
.pq ul{display:flex;gap:32px}.pq a{font:300 clamp(32px,3.6vw,56px)/1 var(--f-t);letter-spacing:-.03em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--cu-l)}.pq a:hover{color:var(--cu-t)}
/* pied de page révélé */
.pg{margin-bottom:var(--ft-h,0px)}
.ft{position:fixed;left:0;right:0;bottom:0;z-index:1;min-height:min(100vh,620px);display:flex;align-items:flex-end;color:var(--peach);background:var(--night);overflow:hidden}
.no-js .ft,.ft.is-static{position:relative}
.ft-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;opacity:1}
.ft::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(239,241,238,.9) 0,rgba(239,241,238,.72) 48%,rgba(239,241,238,.12) 100%)}
.ft-in{position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:120px var(--gut) 32px;font-size:13px;line-height:1.5}
.ft-sign strong{font:400 clamp(24px,2.6vw,40px)/1.1 var(--f-t);letter-spacing:-.02em;color:var(--ink);display:block;margin-bottom:10px}
.ft-eng{margin-top:8px;color:var(--cu)}
.ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid rgba(21,21,21,.16);margin-top:40px;padding-top:24px}
.ft-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cu);margin-bottom:10px}
.ft a{text-decoration:none;display:inline-block;padding:4px 0}.ft a:hover{text-decoration:underline}
.ft-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(21,21,21,.16);margin-top:32px;padding-top:16px;font-size:12px}.ft-bottom nav{display:flex;gap:20px}
/* révélation caractère par caractère (pilotée par le scroll) */
.js [data-split] .c{opacity:var(--o,0);transition:none}
.js .hx [data-split] .c{opacity:var(--o,0)}
.wd{display:inline-block;white-space:nowrap}
.rm [data-split] .c{opacity:1!important}
@media(max-width:900px){
 .sc--week,.sc--steps,.sc--final{grid-template-columns:minmax(0,1fr)}.st-side{position:static}
 .offers{grid-template-columns:minmax(0,1fr)}.offers a{min-height:160px}
 .ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hx-ch{max-width:none;top:auto;bottom:12vh;transform:none}
 .hx-shade{background:linear-gradient(0deg,rgba(239,241,238,.7) 0,rgba(239,241,238,.36) 45%,rgba(239,241,238,0) 75%)}
 .diag,.price,.st-cta{padding-left:0}
 .wk{height:300px;gap:5px;padding:8px}.wk-s,.wk-free{padding:10px 3px}.wk-l{font-size:12px}.wk-free{padding:10px 8px}.wk-free .wk-l{font-size:13px}
}
@media(max-width:600px){.btn{width:100%;justify-content:space-between}.hx-ctas{gap:16px}.pq,.pq ul{gap:20px}.steps li{grid-template-columns:48px minmax(0,1fr);gap:0 14px}}

.rm .hx,.no-js .hx{height:auto}
.rm .hx-stage,.no-js .hx-stage{position:relative;height:auto;min-height:100vh;padding:var(--hd) 0 0}
.rm .hx-video,.no-js .hx-video{display:none}
.rm .hx-ch,.no-js .hx-ch{left:auto;right:auto;margin:0 var(--gut)}
.hx{z-index:2}
.rm .wk,.no-js .wk{--w:1}
.hx-stage.is-end{background:var(--clip-end)}
.hx-stage.is-end .hx-poster{visibility:hidden}
.hx-ch--duo{max-width:min(620px,46vw);display:flex;flex-direction:column;gap:clamp(22px,3.4vh,40px)}
.hx-ch--duo .hx-giant{font-size:clamp(72px,9vw,150px)}.hx-ch--duo .hx-h2{font-size:clamp(28px,2.9vw,46px)}.hx-ch--duo .hx-lead{margin-top:12px}.hx-ch--duo .hx-ctas{margin-top:22px}
.duo-b .hx-lead{margin-top:16px}
@media(max-width:900px){.hx-ch--duo{max-width:none;gap:18px;bottom:6vh}.hx-ch--duo .hx-giant{font-size:60px}.hx-ch--duo .hx-h2{font-size:25px}.hx-ch--duo .hx-lead{font-size:14px;margin-top:8px}.hx-ch--duo .hx-ctas{margin-top:14px;gap:12px}}
.hx-ch:not(.hx-ch--duo){max-width:min(980px,62vw)}
@media(max-width:900px){.hx-ch:not(.hx-ch--duo){max-width:none;bottom:auto;top:30vh}}
.cnt{font:200 clamp(88px,17vw,300px)/.9 var(--f-t);letter-spacing:-.04em;color:var(--ink);white-space:nowrap}
.cnt .d{display:inline-block;width:.6em;text-align:center}.cnt .g{display:inline-block;width:.14em}
.cnt-t{margin-top:clamp(24px,4vh,48px);font:300 clamp(24px,2.6vw,42px)/1.2 var(--f-t);letter-spacing:-.02em;color:var(--ink);max-width:24em;text-wrap:balance}
@media(max-width:1280px){.mn a{padding:10px 7px;font-size:12.5px}}
.hx-h1 .c{display:inline-block}
.intro .c{animation:cIn 1.1s cubic-bezier(.2,.65,.2,1) backwards;animation-delay:calc(var(--i)*95ms + .25s)}
@keyframes cIn{from{opacity:0;transform:translateY(.32em);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.cnt-w{font:400 clamp(40px,8.6vw,150px)/1 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:clamp(8px,2vh,24px);white-space:nowrap}
.cnt{font-size:clamp(44px,12vw,190px);min-width:6.45em}
.js .cnt-w{opacity:0}
.rm .cnt-w{opacity:1!important}
.pw-cv{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:3;display:none}

/* v5.1 : sortie du tunnel — CENTILLION + compteur + phrase visibles dès que le fond est clair, vue tenue ~280 px */
.hx-end{position:absolute;left:var(--gut);right:var(--gut);top:calc(var(--hd) + (100svh - var(--hd)) / 2);transform:translateY(-50%);max-width:1440px;margin:0 auto;color:var(--ink);z-index:2}
.js .hx-end{opacity:0;visibility:hidden}
.hx-end .cnt-w{font-size:clamp(34px,7.6vw,132px)}
.hx-end .cnt{line-height:.95}
.hx-end .cnt-t{font-size:clamp(20px,2.3vw,38px)}
.no-js .hx-end,.rm .hx-end{position:relative;top:auto;left:auto;right:auto;transform:none;opacity:1;visibility:visible;background:var(--light);padding:clamp(72px,12vh,140px) var(--gut);margin:0}
.pg>.sc:first-child{border-top:0}
@media(max-width:900px){.hx-end .cnt-t{max-width:none}}
.cnt{transition:opacity .9s ease}.end-arrow{display:block;pointer-events:none;width:44px;height:44px;margin:clamp(20px,4vh,44px) auto 0;color:var(--cu-t);text-decoration:none}
.end-arrow svg{width:100%;height:100%}.end-arrow.is-formed svg{animation:bob 2.2s ease-in-out infinite}.js .end-arrow{opacity:0}.rm .end-arrow{opacity:1!important}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.rm .end-arrow svg{animation:none}@media(prefers-reduced-motion:reduce){.end-arrow svg{animation:none}}
/* v5.4 : sortie du tunnel en deux colonnes — CENTILLION / compteur / phrase à gauche, bloc « 5 à 10 h » à droite */
.hx-end{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"w s" "c s" "t s" "a s";column-gap:clamp(32px,4vw,72px);align-items:start}
.hx-end .cnt-w{grid-area:w;font-size:clamp(30px,5vw,96px)}.hx-end .cnt{grid-area:c;font-size:clamp(40px,7.4vw,150px)}.hx-end .cnt-t{grid-area:t;font-size:clamp(18px,1.9vw,32px)}.hx-end .end-arrow{grid-area:a}
.end-side{grid-area:s;align-self:center;color:var(--ink);visibility:hidden;transition:visibility 0s linear .7s}
.end-side>*{opacity:0;transform:translate3d(0,18px,0);transition:opacity .6s ease,transform .6s ease}
.end-side.is-in{visibility:visible;transition-delay:0s}
.end-side.is-in>*{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.65,.2,1),transform .9s cubic-bezier(.2,.65,.2,1)}
.end-side.is-in>:nth-child(2){transition-delay:.12s}.end-side.is-in>:nth-child(3){transition-delay:.26s}.end-side.is-in>:nth-child(4){transition-delay:.38s}.end-side.is-in>:nth-child(5){transition-delay:.5s}
.es-giant{font:200 clamp(56px,6.4vw,118px)/.9 var(--f-t);letter-spacing:-.05em;color:var(--cu-t)}
.es-lead{font:400 clamp(13px,1.05vw,16px)/1.55 var(--f-x);color:var(--ink-2);margin-top:10px;max-width:36ch}
.es-h2{font:300 clamp(21px,1.9vw,32px)/1.12 var(--f-t);letter-spacing:-.02em;color:var(--ink);margin-top:clamp(18px,3vh,32px);text-wrap:balance}
.es-ctas{margin-top:clamp(14px,2.4vh,24px);display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;color:var(--ink)}
.rm .end-side,.no-js .end-side{visibility:visible}.rm .end-side>*,.no-js .end-side>*{opacity:1;transform:none}
@media(max-width:900px){
 .hx-end{grid-template-columns:minmax(0,1fr);grid-template-areas:"w" "c" "t" "s" "a";top:calc(var(--hd) + 12px);transform:none}
 .hx-end .cnt-w{font-size:clamp(30px,8.4vw,60px)}.hx-end .cnt{font-size:clamp(40px,11.4vw,90px)}.hx-end .cnt-t{font-size:17px;margin-top:12px}
 .end-side{margin-top:22px}.es-giant{font-size:46px}.es-lead{font-size:12.5px;margin-top:6px}.es-h2{font-size:19px;margin-top:14px}.es-ctas{margin-top:12px;gap:10px}.es-ctas .btn{padding:13px 16px;font-size:12px}
 .hx-end .end-arrow{width:32px;height:32px;margin-top:14px}
}
/* v5.5 : CENTILLION grand et centré au-dessus ; compteur + phrase à gauche, bloc à droite ; flèche centrée dessous */
.hx-end{grid-template-areas:"w w" "c s" "t s" "a a";align-items:start}
.hx-end .cnt-w{font-size:clamp(36px,10.4vw,190px);text-align:center;letter-spacing:.14em;margin-bottom:clamp(14px,3vh,36px)}
.hx-end .cnt{font-size:clamp(40px,6.6vw,130px)}
.hx-end .end-arrow{margin-top:clamp(16px,3vh,32px)}
.end-side{align-self:start}
.end-side>*,.es-ctas>*{visibility:hidden;opacity:0;transform:translate3d(0,18px,0);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.es-ctas{opacity:1!important;transform:none!important;visibility:visible!important}
.end-side.is-in>*,.end-side.is-in .es-ctas>*{visibility:visible;opacity:1;transform:none;transition:opacity 1s cubic-bezier(.2,.65,.2,1),transform 1s cubic-bezier(.2,.65,.2,1),visibility 0s}
.end-side.is-in>:nth-child(1){transition-delay:0s}.end-side.is-in>:nth-child(2){transition-delay:1s}.end-side.is-in>:nth-child(3){transition-delay:2s}.end-side.is-in>:nth-child(4){transition-delay:3s}
.end-side.is-in .es-ctas>.btn{transition-delay:4s}.end-side.is-in .es-ctas>.lnk{transition-delay:5s}
.rm .end-side>*,.rm .es-ctas>*,.no-js .end-side>*,.no-js .es-ctas>*{visibility:visible;opacity:1;transform:none}
@media(max-width:900px){.hx-end{grid-template-areas:"w" "c" "t" "s" "a"}.hx-end .cnt-w{font-size:clamp(30px,10.4vw,80px);margin-bottom:10px}.hx-end .cnt{font-size:clamp(40px,11.4vw,90px)}}
.es-giant{font-size:clamp(80px,9.6vw,176px)}@media(max-width:900px){.es-giant{font-size:clamp(56px,17vw,96px)}}
/* v5.5 : colonne gauche groupée ; flèche centrée sur toute la largeur, près du bas de la vue figée */
.hx-end{grid-template-areas:"w w" "l s"}.end-l{grid-area:l}
.end-arrow{position:absolute;left:50%;bottom:8vh;bottom:8svh;width:44px;height:44px;margin:0 0 0 -22px;z-index:2}
.hx-end .end-arrow{margin:0}
@media(max-width:900px){.hx-end{grid-template-areas:"w" "l" "s"}.end-arrow{width:32px;height:32px;margin-left:-16px;bottom:7vh;bottom:7svh}}
.no-js .end-arrow,.rm .end-arrow{position:relative;left:auto;bottom:auto;margin:0 auto 40px;display:block}
.rm .end-arrow,.no-js .end-arrow{display:none}
/* v5.6 : compteur agrandi au maximum de la colonne gauche (6,45 em pour « 1 000 000 000 ») */
.hx-end .cnt{font-size:clamp(40px,7.5vw,150px)}
@media(max-width:900px){.hx-end .cnt{font-size:clamp(40px,13.4vw,90px)}}
/* v5.7 : apparition plus progressive du bloc de droite — 1,8 s par ligne, fondu + légère montée + flou qui se dissipe, 1 s entre lignes */
.end-side>*,.es-ctas>*{transform:translate3d(0,14px,0);filter:blur(6px);transition:opacity .6s ease,transform .6s ease,filter .6s ease,visibility 0s linear .6s}
.es-ctas{filter:none!important}
.end-side.is-in>*,.end-side.is-in .es-ctas>*{opacity:1;transform:none;filter:blur(0);transition:opacity 1.8s cubic-bezier(.22,.61,.36,1),transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.8s cubic-bezier(.22,.61,.36,1),visibility 0s}
.rm .end-side>*,.rm .es-ctas>*,.no-js .end-side>*,.no-js .es-ctas>*{filter:none;transition:none}
/* v5.8 : écriture caractère par caractère (JS) — le bloc est invisible avant 200 000, aucune transition par ligne (ni flou ni décalage) */
.end-side>*,.es-ctas>*,.end-side.is-in>*,.end-side.is-in .es-ctas>*{opacity:1;transform:none;filter:none;transition:none;visibility:inherit}
.end-side{visibility:hidden;opacity:0;transition:opacity .6s ease,visibility 0s linear .6s}
.end-side.is-in{visibility:visible;opacity:1;transition:none}
.js .end-side .c{opacity:var(--o,0)}
.js .end-side .btn{background:rgba(21,21,21,var(--bf,0));transition:color .25s}.js .end-side .btn::after{opacity:var(--bf,0)}.js .end-side .btn:hover{background:var(--cu-t);background-image:var(--grad)}
.rm .end-side,.no-js .end-side{visibility:visible;opacity:1}.rm .end-side .c{opacity:1}.rm .end-side .btn{background:var(--ink)}.rm .end-side .btn::after{opacity:1}
.end-side .lnk{text-decoration:none}.end-side .lnk .wd{display:inline;white-space:nowrap}.js .end-side .lnk .c{text-decoration:underline;text-underline-offset:4px}
.js .end-side .lnk .c{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px}
/* ===== v5.9 ===== */
.hx-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.rm .hx-sparks,.no-js .hx-sparks{display:none}
/* compteur 1 000 000 + exposant : 7 chiffres (4,48 em) + exposant 3 chiffres (≈ .62 em), place réservée (aucun décalage) */
.cnt{min-width:0}.hx-end .cnt{display:flex;align-items:flex-start;font-size:clamp(40px,8.6vw,164px)}
.cnt .cnt-n{display:inline-block;white-space:nowrap}
.cnt .cnt-x{display:inline-block;font-size:.34em;line-height:1;margin:.12em 0 0 .08em;width:1.8em;vertical-align:top;color:inherit;opacity:0;transition:opacity .4s ease}
.cnt .cnt-x.is-on,.rm .cnt .cnt-x,.no-js .cnt .cnt-x{opacity:1}
@media(max-width:900px){.hx-end .cnt{font-size:clamp(40px,16.4vw,96px)}}
/* CENTILLION légèrement remonté à la sortie du tunnel */
.hx-end{top:calc(var(--hd) + (100svh - var(--hd)) / 2 - 3.2svh)}
@media(max-width:900px){.hx-end{top:calc(var(--hd) + 4px)}}
/* bloc droit : note « (ouvre un nouvel onglet) » sous le bouton, lien contact ensuite */
.es-ctas{flex-direction:column;align-items:flex-start;gap:8px}
.es-ctas .es-nt{font:500 10.5px/1.3 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}

/* ===== version claire (K4-23) : blanc de la 1re image de la vidéo #eff1ee, accents en dégradé bleu → corail relevés dans l'écho coloré ===== */
html,body{background:var(--blanc)}
:root{color-scheme:light}
/* textes autrefois cuivre : dégradé bleu → corail (repli : bleu uni) */
.hx-eyebrow,.hx-giant,.hx-cue,.st-n,.of-i,.of-a,.lab,.price,.ft-eng,.ft-h,.es-giant,.pq a:hover{color:var(--bleu)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .hx-eyebrow,.hx-giant,.hx-cue,.st-n,.of-i,.of-a,.ft-eng,.ft-h,.pq a:hover{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 .ft-eng,.ft-h,.hx-eyebrow,.hx-cue{width:fit-content;max-width:100%}
 .pq a:hover{border-bottom-color:var(--corail)}
}
@supports (background:linear-gradient(90deg in oklab,red,blue)){
 :root{--grad:linear-gradient(90deg in oklab,#446da2,#795f8c 50%,#a25755);--grad-v:linear-gradient(90deg in oklab,#a9c8e7,#d0bcd5 50%,#e9b6ad)}
}
/* filets : dégradé bleu → corail */
.rows,.rows li,.steps,.steps li,.pq,.wk{border-image:var(--filet) 1}
.offers{border-image:var(--filet) 1}.offers li{border-image:var(--filet) 1}
.pq a{border-bottom-color:var(--bleu-v)}
.wk-free{border:0}
.wk-s{background:var(--ink);color:var(--blanc)}
.end-arrow{color:var(--bleu)}
.skip{background:var(--ink);color:var(--blanc)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .rm .es-giant,.no-js .es-giant,.no-js .price,.no-js .lab{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}
}
@media(max-width:900px){.ft-bg{object-position:38% 50%}.ft::before{background:linear-gradient(0deg,rgba(239,241,238,.9) 0,rgba(239,241,238,.8) 62%,rgba(239,241,238,.2) 100%)}}
/* v6.1 : « 5 à 10 h » sans animation (mouvement réduit / sans JS) : même dégradé resserré que la version animée */
.rm .es-giant,.no-js .es-giant{background-image:linear-gradient(90deg in oklab,#646695,#795f8c 50%,#895c76)}
/* v6.2 : « Concevoir le changement » plus bas (centre ≈ 66 % de la hauteur), apparition lente et douce ; halo clair très léger
   derrière les trois phrases posées sur la vidéo, pour une lecture nette sur les franges colorées */
.hx-ch .hx-h1{text-shadow:0 0 .16em rgba(239,241,238,.7),0 0 .55em rgba(239,241,238,.45)}
.intro-fade .hx-h1{animation:chFade 3.2s cubic-bezier(.33,0,.2,1) .3s backwards}
@keyframes chFade{from{opacity:0;transform:translateY(.1em);filter:blur(4px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}
.rm .intro-fade .hx-h1{animation:none}

/* v6.4 : « Concevoir le changement » en bas de l'écran, sur une ligne, en blanc, écrit comme un flux de LLM (fragments de mots) */
.hx-ch.hx-ch--llm,.hx-ch.hx-ch--llm:not(.hx-ch--duo){top:auto;bottom:calc(max(4vh,22px) + env(safe-area-inset-bottom,0px));max-width:none;transform-origin:50% 100%}
.hx-ch--llm .hx-h1{position:relative;color:#fff;white-space:nowrap;text-wrap:nowrap;font-size:clamp(23px,6.3vw,115px);text-shadow:0 .02em .45em rgba(0,0,0,.18)}
.hx-ch--llm .hx-h1 .wd{white-space:nowrap}
.rm .hx-ch--llm,.no-js .hx-ch--llm{bottom:auto}
.rm .hx-ch--llm .hx-h1,.no-js .hx-ch--llm .hx-h1{color:#2a2a2a;text-shadow:none;white-space:normal}
.rm .hx-veil,.no-js .hx-veil,.rm .llm-g,.rm .llm-cur{display:none}

/* v6.5 : voile sombre uniforme et léger sur le bas de l'écran (≈ 40 % de la hauteur, pleine largeur, sans bord) à la place du halo autour des lettres ;
   fondu d'entrée avec la génération du titre, sortie au rythme du titre (opacité pilotée par v4.js) */
.hx-veil{position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;opacity:0}
.hx-veil::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity 1s cubic-bezier(.3,0,.2,1);
 background:linear-gradient(to top,rgba(0,0,0,.45) 0,rgba(0,0,0,.43) 18%,rgba(0,0,0,.35) 38%,rgba(0,0,0,.23) 58%,rgba(0,0,0,.11) 76%,rgba(0,0,0,.035) 90%,rgba(0,0,0,0) 100%)}
.veil-on .hx-veil::before{opacity:1}
/* génération caractère par caractère : validé = blanc plein, prédit = blanc ≈ 35 %, prédiction fausse et curseur posés par-dessus en absolu */
.llm-on .hx-ch--llm .hx-h1 .c{opacity:0;transition:opacity .09s linear}
.llm-on .hx-ch--llm .hx-h1 .c.pd{opacity:calc(var(--o,1)*.35)}
.llm-on .hx-ch--llm .hx-h1 .c.tk{opacity:var(--o,1)}
.llm-g{position:absolute;left:0;top:0;white-space:nowrap;color:#fff;opacity:0;pointer-events:none;transition:opacity .1s linear}
.llm-g.on{opacity:.35}
.llm-cur{position:absolute;left:0;top:.12em;height:.78em;width:max(2px,.055em);margin-left:.03em;background:#fff;opacity:0;pointer-events:none;border-radius:1px}
.llm-cur.on{opacity:.8}
.llm-cur.end{animation:llmCur 1.2s steps(1,end) forwards}
@keyframes llmCur{0%{opacity:.8}25%{opacity:0}50%{opacity:.8}75%,100%{opacity:0}}
/* v6.6 : « À vos côtés » et « Entrez dans l'ère de l'IA » en blanc, générés comme le titre (position, taille et mise en ligne inchangées, sans voile) ;
   le halo clair est remplacé par une ombre sombre diffuse et légère pour la lisibilité sur la vidéo claire */
.hx-ch--gen .hx-h1{position:relative;color:#fff;text-shadow:none}
/* v6.8 : voile remis, plus léger (alpha .22 au lieu de .41), sans ombre de texte ; voile doux derrière chaque phrase : rectangle à bords fondus (deux masques en dégradé croisés), centre uniforme, sans bord visible */
.hx-ch--gen .hx-h1::before{content:"";position:absolute;z-index:-1;pointer-events:none;--vpx:2.4em;--vpy:1.6em;--va:.14;
 left:calc(var(--vx,0px) - var(--vpx));top:calc(var(--vy,0px) - var(--vpy));width:calc(var(--vw,100%) + 2*var(--vpx));height:calc(var(--vh,100%) + 2*var(--vpy));opacity:var(--vg,0);
 background:radial-gradient(closest-side,rgba(0,0,0,var(--va)) 0,rgba(0,0,0,calc(var(--va)*.86)) 30%,rgba(0,0,0,calc(var(--va)*.6)) 55%,rgba(0,0,0,calc(var(--va)*.3)) 75%,rgba(0,0,0,calc(var(--va)*.1)) 90%,rgba(0,0,0,0) 100%)} /* v6.9 : voile radial très doux, plus léger, aucun bord */
.rm .hx-ch--gen .hx-h1::before,.no-js .hx-ch--gen .hx-h1::before{display:none}
.rm .hx-ch--gen .hx-h1,.no-js .hx-ch--gen .hx-h1{color:#2a2a2a;text-shadow:none}



/* v6.9 : séquence d'images du défilement (même cadrage que la vidéo) ; fond d'arrivée = blanc exact de la 1re image de K4-23 */
.hx-seq{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;visibility:hidden}
.hx-seq.is-on{visibility:visible}
.rm .hx-seq,.no-js .hx-seq{display:none}
.hx-stage{background:#f2f2f2}

/* v7.1 : « Entrez dans » / « l'ère de l'IA » : saut de ligne forcé (<br>), aucune autre coupure */
.hx-ch--gen .hx-h1{white-space:nowrap;text-wrap:nowrap}

/* v7.4 : texte généré plein écran sur la page blanche (image 0) */
.hx-story{position:absolute;z-index:3;left:calc(5vw + env(safe-area-inset-left,0px));right:calc(5vw + env(safe-area-inset-right,0px));top:calc(var(--st-top,6vh) + env(safe-area-inset-top,0px));bottom:calc(6vh + env(safe-area-inset-bottom,0px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s;contain:layout paint;overflow:hidden}
.hx-story.is-on{opacity:1;visibility:visible;transition:opacity .25s linear}
.st-t{position:relative;width:100%;font:400 15px/1.6 "Courier New",ui-monospace,monospace;letter-spacing:0;color:#2a2a2a;text-wrap:wrap}
.st-t.st-gap .st-l{margin-bottom:1.6em}
.hx-story.st-f .st-t{font-family:"IBM Plex Mono","Courier New",ui-monospace,monospace} /* v7.5 : Plex appliquée (donc téléchargée) seulement au premier déclenchement */
.st-l{display:block}.st-w{white-space:nowrap}
.st-t .c{opacity:0}.st-t .c.pd{opacity:.28}.st-t .c.tk{opacity:1}
.st-x{position:absolute;left:0;top:0;white-space:nowrap;visibility:hidden}.st-x.on{visibility:visible}
.st-cur{position:absolute;left:0;top:0;width:.6em;height:1.25em;margin-top:.17em;opacity:.85;background:#2a2a2a;animation:st-b 1s steps(1) infinite}
.is-done .st-cur{animation-duration:1.1s}
@keyframes st-b{0%{opacity:1}50%{opacity:0}}

/* v8.1 : défilement bloqué pendant le chargement des images + ligne de progression */
html.is-lock{overflow:hidden} /* v8.7 : surtout pas sur body : body en overflow:hidden devient le conteneur de défilement du sticky .hx-stage, qui décroche au repositionnement à la crête (flash du fond #eff1ee) */
.hx-load{position:fixed;left:0;right:0;bottom:0;height:1px;z-index:60;background:#2a2a2a;opacity:.22;transform:scaleX(0);transform-origin:0 50%;pointer-events:none;transition:transform .2s linear,opacity .6s ease}
.hx-load.is-done{opacity:0}

/* v8.6 : pas de changement de largeur au déblocage du défilement (barre de défilement) */
html{scrollbar-gutter:stable}

/* v8.8 : « Concevoir le changement » nettement plus grand en mobile portrait (≈ 2×, comme les autres grands titres), retour à la ligne entre les mots */
@media(max-width:900px) and (orientation:portrait){
 .hx-ch--llm .hx-h1{font-size:clamp(43px,13.6vw,92px);line-height:1.02;white-space:normal;text-wrap:balance}
 .hx-ch--llm .hx-h1 .wd{white-space:nowrap}
}
html.is-endhold{overflow:hidden} /* v8.8 : coupe l'inertie tactile native à l'arrêt de fin de tunnel (sur html seulement, cf. v8.7) */
.hx{--hold:200px} /* v9.0 : doit rester égal à HOLD dans v4.js */
.hx-end .cnt{transition:opacity .9s ease .25s} /* v9.0 : apparition du compteur calée sur le début de la frappe de « De possibilités pour… » (délai 250 ms) */
/* v9.1 : streaming façon LLM sur la page blanche */
.lm-r{visibility:hidden}
.lm-k{animation:lm-in .12s linear both}
@keyframes lm-in{from{opacity:.3}to{opacity:1}}
.lm-x{color:#2a2a2a}
.lm-cw{position:relative;display:inline-block;width:0;height:1em;vertical-align:baseline}
.lm-cur{position:absolute;left:.08em;bottom:-.22em;width:.55em;height:1.2em;background:#2a2a2a;opacity:.85}
.hx-story.lm-idle .lm-cur{animation:st-b 1s steps(1) infinite}
.lm-c{color:rgba(42,42,42,.33)} /* v9.2 : mots candidats en gris clair */
/* v9.4 : sélecteur de langue dans l'en-tête de l'accueil ; en mobile étroit (CTA masqué), calé à droite contre le menu */
.hd .lsw{margin-left:2px}
@media(max-width:420px){.hd .lsw{margin-left:auto}.hd .lsw+.bg{margin-left:10px}}
html[lang=en] .cnt .g{width:.24em;text-align:left}
/* v9.7 : barre « Spotlight » (verre clair, liseré au dégradé du site) à droite de « Pour qui » ; Entrée → formulaire de contact prérempli */
.pq{flex-wrap:wrap}.spb{order:3;margin-left:auto;align-self:center;position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;width:min(440px,100%);height:52px;padding:0 18px 0 17px;border-radius:26px;
 background:linear-gradient(90deg,rgba(68,109,162,.07),rgba(121,95,140,.06) 50%,rgba(162,87,85,.07)),rgba(250,250,248,.72);
 -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(0,0,0,.06),0 14px 36px -14px rgba(68,109,162,.35)}
.spb:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:var(--grad);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.spb svg{width:20px;height:20px;flex:none;color:var(--cu)}
.spb-i{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#2a2a2a;outline:none;font:400 17px/1.2 Inter,"Inter repli",system-ui,sans-serif;letter-spacing:-.012em;caret-color:var(--cu)}
.spb-i::placeholder{color:#5b5e5a;opacity:1}
.spb:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 3px rgba(68,109,162,.22),0 14px 36px -14px rgba(68,109,162,.45)}
.pq ul{order:2}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.spb{background:#f7f8f6}}
@media(prefers-reduced-transparency:reduce){.spb{background:#f7f8f6;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.spb{border:1px solid CanvasText}.spb:before{display:none}}
@media(max-width:767px){.pq{row-gap:20px}.spb{order:1;margin-left:0;flex-basis:100%;width:100%;height:50px}.pq ul{order:2;flex-basis:100%}}
/* v9.9 : panneau de réponse IA sous la barre Spotlight (même verre, liseré --grad, texte #2a2a2a, curseur bloc comme la frame 0) */
.spa{order:4;flex-basis:100%;display:none;margin-left:auto;max-width:min(640px,100%);position:relative;isolation:isolate;padding:20px 22px 20px 22px;border-radius:22px;
 background:linear-gradient(90deg,rgba(68,109,162,.07),rgba(121,95,140,.06) 50%,rgba(162,87,85,.07)),rgba(250,250,248,.78);
 -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(0,0,0,.06),0 18px 40px -16px rgba(68,109,162,.38);color:#2a2a2a}
.spa:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:var(--grad);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.spa.is-on{display:block;animation:spaIn .45s cubic-bezier(.2,.7,.2,1)}
@keyframes spaIn{from{opacity:0;transform:translateY(-8px) scaleY(.96);transform-origin:top}to{opacity:1;transform:none}}
.spa-t{margin:0 26px 0 0;font:400 16px/1.55 Inter,"Inter repli",system-ui,sans-serif;letter-spacing:-.008em;color:#2a2a2a;white-space:pre-wrap;min-height:1.55em}
.spa-cur{display:inline-block;width:.55em;height:1.1em;vertical-align:-.18em;margin-left:2px;background:#2a2a2a;opacity:.85;animation:st-b 1s steps(1) infinite}
.spa.is-done .spa-cur{display:none}
/* v10.6 : CTA du panneau. Cause du noir sur noir : le panneau est inséré dans nav.pq, dont la règle « .pq a » (grand titre 32-56 px, couleur encre, soulignement, texte en dégradé au survol) écrasait .btn (fond encre). CTA sorti de .btn, styles isolés en spécificité .spa .spa-c (> .pq a / .pq a:hover) */
.spa .spa-c{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.5em;margin-top:14px;padding:7px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.55);color:#2a2a2a;-webkit-text-fill-color:currentColor;background-image:none;font:500 14px/1.3 Inter,"Inter repli",system-ui,sans-serif;letter-spacing:-.005em;text-transform:none;text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s,background-color .2s}
.spa .spa-c:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.spa .spa-c:after{content:"→";transition:transform .2s}
.spa .spa-c:hover,.spa .spa-c:focus-visible{background-color:rgba(255,255,255,.85);background-image:none;color:#151515;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box}
.spa .spa-c:hover:after,.spa .spa-c:focus-visible:after{transform:translateX(3px)}
.spa .spa-c:focus-visible{outline:2px solid #2a2a2a;outline-offset:2px}
@media(max-width:767px){.spa .spa-c{font-size:13.5px;white-space:normal}}
.spa.is-done .spa-c{opacity:1;pointer-events:auto}
.spa-x{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;background:none;color:#5b5e5a;font:300 22px/1 Inter,system-ui,sans-serif;cursor:pointer;border-radius:50%}
.spa-x:hover{color:#2a2a2a;background:rgba(42,42,42,.06)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.spa{background:#f7f8f6}}
@media(prefers-reduced-transparency:reduce){.spa{background:#f7f8f6;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.spa{border:1px solid CanvasText}.spa:before{display:none}}
@media(max-width:767px){.spa{order:1;margin-left:0;max-width:100%;padding:18px 18px}.spa-t{font-size:15.5px}}
/* v10.0 : pendant l'arrêt de fin, geste tactile neutralisé (touch-action sur html, overflow toujours sur html seulement) */
html.is-endhold,html.is-endhold .hx-stage{touch-action:none;overscroll-behavior:none}
/* v10.0 : ombres stables. « Concevoir le changement » : text-shadow (recalculée à chaque caractère / image) remplacée par une ombre radiale statique précalculée,
   sur sa propre couche, animée seulement en opacité ; voiles radiaux de « À vos côtés » / « Entrez dans l'ère de l'IA » composités sur leur propre couche */
.hx-ch--gen .hx-h1::before{will-change:opacity;transform:translateZ(0);backface-visibility:hidden}
.hx-ch .hx-h1{backface-visibility:hidden}
/* v10.3 : « Concevoir le changement » : retour au text-shadow d'origine (v6.4), porté par chaque caractère : l'ombre d'une lettre arrive avec elle (opacité du caractère) ; plus de dégradé radial global */
/* v10.8 : « À vos côtés » (2e titre, data-ch 0.2,0.42) abaissé de 7 vh, desktop et mobile ; voile ::before attaché au titre, il suit */
.js .hx-ch[data-ch="0.2,0.42"]{top:calc(50% + 7vh)}
@media(max-width:900px){.js .hx-ch[data-ch="0.2,0.42"]{top:37vh}}

/* v11.0 : mobile, après le tunnel : tout descend et respire (desktop inchangé) */
@media(max-width:900px){
 .hx-end{top:calc(var(--hd) + 6svh)}
 .hx-end .cnt-w{margin-bottom:18px}
 .hx-end .cnt-t{margin-top:18px}
 .end-side{margin-top:34px}
 .es-h2{margin-top:20px}.es-ctas{margin-top:18px}
 .sc{padding:clamp(128px,19vh,210px) 0}
 .pg>.sc:first-child{padding-top:clamp(150px,24vh,240px)}
 .sc .h2{margin-bottom:28px}
}

/* v119 : flou de l image de fond du pied de page */
.ft-bg{filter:blur(18px);-webkit-filter:blur(18px);transform:scale(1.08)}
/* v122 : « Automatiser vos tâches » : points alignés à gauche ; cas d'usage concrets révélés au survol (desktop : panneau à droite, sans décalage) ou au toucher / Entrée (mobile : dépliant sous la ligne) */
.rows--ax li.ax{padding-left:0;position:relative}
.ax-b{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;font:inherit;color:inherit;line-height:inherit}
.ax-t{background:var(--grad) left bottom/0 1px no-repeat;padding-bottom:2px;transition:background-size .2s ease,color .2s ease}
.ax-u{display:block;font-size:.8em;line-height:1.5;color:var(--ink-2);opacity:0;transition:opacity .2s ease,transform .2s ease,max-height .2s ease,padding .2s ease}
.ax-l{display:block;padding:3px 0}
.ax-b:focus-visible{outline:2px solid var(--cu);outline-offset:4px;border-radius:2px}
@media(hover:hover) and (min-width:900px){
 .ax-b{width:auto;max-width:40%;display:inline-block}
 .ax-u{position:absolute;left:41.6%;right:0;top:16px;z-index:3;background:var(--light);padding:4px 0 10px;transform:translateX(-8px);pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
 .ax:hover .ax-t,.ax.is-open .ax-t,.ax-b:focus-visible .ax-t{background-size:100% 1px;color:var(--cu)}
 .ax:hover .ax-u,.ax.is-open .ax-u,.ax:focus-within .ax-u{opacity:1;transform:none;visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s}
 .ax:hover{z-index:4}
}
@media not ((hover:hover) and (min-width:900px)){
 .ax-u{max-height:0;overflow:hidden;transform:translateY(-4px)}
 .ax.is-open .ax-t{background-size:100% 1px;color:var(--cu)}
 .ax.is-open .ax-u{max-height:16em;opacity:1;transform:none;padding-top:8px}
}
.rm .ax-t,.rm .ax-u{transition:none}
/* v123 : une ligne par point et par cas d'usage ; points de suspension en dernier recours seulement */
.ax-b,.ax-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-b{padding-bottom:3px}
/* v125 : les 3 cas d'usage d'un point sur une seule ligne, séparés par « · », sur desktop ≥ 1000 px ; affichage empilé conservé là où la place manque (écrans plus étroits, mobile) */
@media(hover:hover) and (min-width:1000px){
 .ax-u{white-space:nowrap}
 .ax-l{display:inline;padding:0;overflow:visible;text-overflow:clip}
 .ax-l+.ax-l::before{content:" · ";color:var(--cu-l)}
}
/* v127 : simulation chiffrée (exemple fictif) : lignes rapprochées, une ligne chacune */
.wk-fig+.wk-fig{margin-top:6px}
@media(min-width:1260px){.wk-txt .wk-fig{font-size:clamp(14px,1.18vw,17px)}.wk-txt .wk-fig,.wk-txt .note{white-space:nowrap}}
/* v131 : mobile, tactile et écrans < 1000 px : un mot par cas d'usage, les 3 sur une seule ligne séparés par « · » ; desktop inchangé */
.ax-ls{display:none}
@media not ((hover:hover) and (min-width:1000px)){
 .ax-u{white-space:nowrap}
 .ax-l{display:inline;padding:0;overflow:visible;text-overflow:clip}
 .ax-l+.ax-l::before{content:" · ";color:var(--cu-l)}
 .ax-lg{display:none}.ax-ls{display:inline}
}
/* v137 : mobile (≤ 900 px), sortie du tunnel = exactement un écran : même départ en haut (pas de marge ajoutée), éléments répartis
   jusqu'en bas (flex column, space-between), place réservée à la flèche ; CENTILLION un peu plus grand ; compteur et « De possibilités… » centrés. Desktop inchangé. */
@media(max-width:900px){
 html.js:not(.rm) .hx-end{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;top:calc(var(--hd) + 6svh);height:calc(100svh - var(--hd) - 6svh);padding-bottom:calc(7svh + 44px);box-sizing:border-box;transform:none}
 html.js:not(.rm) .hx-end .cnt-w{font-size:clamp(30px,11.2vw,84px);margin-bottom:0}
 html.js:not(.rm) .hx-end .cnt{justify-content:center}
 html.js:not(.rm) .hx-end .cnt-t{text-align:center;margin-left:auto;margin-right:auto}
 html.js:not(.rm) .hx-end .end-side{margin-top:0}
}
/* v140 : sur mobile, simulation (chiffres + mention) sous le graphique */
@media(max-width:900px){.sc--week{display:flex;flex-direction:column;align-items:stretch;gap:0}.sc--week .wk-txt{display:contents}.sc--week .wk{order:1;margin-top:28px}.sc--week .wk-sim{order:2;display:block;margin-top:4px}.sc--week .wk-txt .note{order:3}}

/* v150 : barre « semaine » en transform (mise en page figée à l'état final, décalage et étirement pilotés par v4.js : --x, --fx, --s) */
.wk-s{flex-grow:.4;background:none;overflow:visible;position:relative;transform:translateX(var(--x,0px))}
.wk-s::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform-origin:0 0;transform:scaleX(var(--s,1))}
.wk-free{flex-grow:3.2;background:none;position:relative;isolation:isolate}
.wk-free::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bleu-v),#d0bcd5 50%,var(--corail-v));transform-origin:100% 0;transform:scaleX(var(--s,1))}
.wk-free .wk-l{transform:translateX(var(--fx,0px))}
@media(max-width:900px){.hx-ch.hx-ch--ia:not(.hx-ch--duo){top:35vh}}
/* v121 : sous-catégories cliquables ; détail en déroulant sous la ligne, un seul ouvert par objectif */
.ax-sb{all:unset;box-sizing:border-box;cursor:pointer;font:inherit;color:inherit;line-height:inherit;background:var(--grad) left bottom/0 1px no-repeat;transition:background-size .2s ease,color .2s ease}
.ax-sb:hover,.ax-sb[aria-expanded="true"]{color:var(--cu);background-size:100% 1px}
.ax-sb:focus-visible{outline:2px solid var(--cu);outline-offset:2px;border-radius:2px}
.ax-d{display:block;white-space:normal;max-width:56ch;color:var(--ink-2);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-4px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease,padding .2s ease,visibility 0s linear .25s}
.ax-d.is-open{max-height:16em;opacity:1;visibility:visible;transform:none;padding-top:8px;transition:max-height .25s ease,opacity .2s ease,transform .2s ease,padding .2s ease,visibility 0s}
.no-js .ax-d{max-height:none;opacity:1;visibility:visible;transform:none;padding-top:6px}
.rm .ax-d,.rm .ax-sb{transition:none}
@media(hover:hover) and (min-width:900px){
 .ax:hover .ax-u,.ax.is-open .ax-u,.ax:focus-within .ax-u{pointer-events:auto}
}
@media not ((hover:hover) and (min-width:900px)){
 .ax-u{visibility:hidden;transition:opacity .2s ease,transform .2s ease,max-height .2s ease,padding .2s ease,visibility 0s linear .2s}
 .ax.is-open .ax-u{max-height:48em;visibility:visible;transition:opacity .2s ease,transform .2s ease,max-height .3s ease,padding .2s ease,visibility 0s}
 .no-js .ax-u{max-height:none;opacity:1;visibility:visible;transform:none;padding-top:8px}
}
/* v163 : en-tête mobile 360–480 px (iPhone Pro Max ≈ 440 px) : rien ne déborde, même contenu et même ordre */
@media(max-width:480px){
 .hd{gap:6px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
 .hd-cta{padding:9px 6px;font-size:9.5px;letter-spacing:.01em}
 .hd .lsw{font-size:11px;letter-spacing:.02em}.hd .lsw-b{padding:7px 6px;gap:.35em}
 .hd .lsw+.bg{margin-left:2px}
 .bg{width:36px}
}
/* v123 : iOS 26 — la scène couvre tout l'écran physique (sous la barre Safari flottante et la barre d'état) ; les textes ancrés en bas remontent de l'écart lvh-svh pour rester en place */
.hx-stage{height:100vh;height:100lvh}
@supports(height:100lvh){:root{--lb:calc(100lvh - 100svh)}}
.pw-cv{height:100vh;height:100lvh}
@media(max-width:900px){.hx-ch--duo{bottom:calc(6vh + var(--lb,0px))}}
.hx-ch.hx-ch--llm,.hx-ch.hx-ch--llm:not(.hx-ch--duo){bottom:calc(max(4vh,22px) + env(safe-area-inset-bottom,0px) + var(--lb,0px))}
.hx-story{bottom:calc(6vh + env(safe-area-inset-bottom,0px) + var(--lb,0px))}
/* v124 : iOS 26 — la scène déborde sous la barre d'état et sous la barre Safari ; textes recalés de la même valeur (position perçue inchangée) ; pendant la scène, aucun élément fixe opaque collé aux bords (pied fixe masqué, en-tête sans fond) ; fonds alignés sur la scène */
html,body{background:#edf2ee}
.js:not(.rm) .hx-stage{top:calc(-1*env(safe-area-inset-top,0px));height:calc(100vh + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));height:calc(100lvh + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));background:#edf2ee}
.js:not(.rm) .hx-stage>.hx-ch,.js:not(.rm) .hx-stage>.hx-end,.js:not(.rm) .hx-story{margin-top:env(safe-area-inset-top,0px);margin-bottom:env(safe-area-inset-bottom,0px)}
html.in-scene .ft{visibility:hidden}
html.in-scene .hd,html.in-scene .hd.is-light{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
/* v125 : repères de teinte Safari 26 (couleurs posées par v4.js pendant la scène) */
.hx-tint{position:fixed;left:0;right:0;pointer-events:none;z-index:49;display:none}
.hx-tint-t{top:0;height:max(1px,env(safe-area-inset-top,0px))}
.hx-tint-b{bottom:0;height:max(1px,env(safe-area-inset-bottom,0px))}
html.is-tint .hx-tint{display:block}
/* v126 : bandes Safari 26 (barre d'état / barre du bas) d'une couleur fixe, celle du bloc de fin (#fbfdf2), sur toute la page ; teinte dynamique v154 retirée */
html,body{background:#fbfdf2}
.hx-tint{display:none!important}
html::before,html::after{content:"";position:fixed;left:0;right:0;pointer-events:none;z-index:49;background:#fbfdf2}
html::before{top:0;height:max(1px,env(safe-area-inset-top,0px))}
html::after{bottom:0;height:max(1px,env(safe-area-inset-bottom,0px))}
/* v127 : mobile — défilement de la scène 1,6× plus long (960vh → 1536vh) ; ordinateur inchangé */
@media(max-width:768px){.js:not(.rm) .hx{height:calc(1536vh + var(--hold,1720px) + var(--pre,0px) - var(--fz,0px))}}
/* v128 : remontée, effet « échantillonnage » (panneau THINKING/SORTING, mot retenu en vert, probabilité dessous, trait d'attention) */
.st-pn{position:absolute;z-index:2;font:400 9px/1.45 "IBM Plex Mono","Courier New",ui-monospace,monospace;color:#2a2a2a;pointer-events:none;letter-spacing:.02em}
.st-pn-h{opacity:.45;letter-spacing:.1em;margin-bottom:4px}
.st-pn-r{display:flex;justify-content:space-between;gap:16px;opacity:0;transition:opacity .08s linear}
.st-pn-r.on{opacity:.85}
/* v129 : mot retenu au dégradé Centillion (--grad) au lieu du vert, retour fondu à l'encre */
.st-t .lm-k[data-p]{position:relative}
.st-t .lm-k[data-p]::after{content:attr(data-p);position:absolute;left:0;top:calc(100% - .35em);font-size:8px;line-height:1;letter-spacing:0;color:rgba(42,42,42,.42);-webkit-text-fill-color:rgba(42,42,42,.42);pointer-events:none;white-space:nowrap}
.st-at{position:absolute;height:4px;border:1px solid rgba(42,42,42,.4);border-bottom:0;pointer-events:none;transition:opacity .45s linear}
.st-at.off{opacity:0}
/* v130 : texte de la grande catégorie en tête du déroulant ; survol / focus : texte de la catégorie en dégradé */
.ax-p{display:block;white-space:normal;max-width:56ch;color:var(--ink-2);padding:0 0 8px}
.ax-t{transition:color .3s ease,-webkit-text-fill-color .3s ease}
.ax-t .wd{display:inline}
.ax:hover .ax-t,.ax-b:focus-visible .ax-t,.ax.is-open .ax-t{color:#795f8c;-webkit-text-fill-color:#795f8c;text-decoration:underline 1px #795f8c;text-underline-offset:4px}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .ax:hover .ax-t,.ax-b:focus-visible .ax-t,.ax.is-open .ax-t{background:var(--grad);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#795f8c}
 .ax:hover .ax-t .c,.ax-b:focus-visible .ax-t .c,.ax.is-open .ax-t .c,.ax:hover .ax-t .wd,.ax-b:focus-visible .ax-t .wd,.ax.is-open .ax-t .wd{background:none;-webkit-text-fill-color:inherit;color:inherit}
}
/* v131 : clic sur une grande catégorie = la ligne s'agrandit dans le flux (grille 0fr → 1fr), description et sous-catégories dedans, rien n'est recouvert ; survol = dégradé seul */
.rows--ax li.ax{display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows .4s ease}
.rows--ax li.ax.is-open{grid-template-rows:auto 1fr}
.rows--ax .ax .ax-u,.rows--ax .ax:hover .ax-u,.rows--ax .ax:focus-within .ax-u{position:static;left:auto;right:auto;top:auto;z-index:auto;background:none;min-height:0;max-height:none;overflow:hidden;padding:0;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,padding .4s ease,visibility 0s linear .4s}
.rows--ax .ax.is-open .ax-u{max-height:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;padding-top:14px;transition:opacity .3s ease .1s,transform .3s ease .1s,padding .4s ease,visibility 0s}
.rows--ax .ax-d.is-open{max-height:40em}
.rm .rows--ax li.ax,.rm .rows--ax .ax .ax-u{transition:none}

/* v163 : rejeu de l'arrivée : remise à zéro instantanée du titre et du voile (pas de fondu résiduel) */
.llm-rst .hx-veil::before,.llm-rst .hx-ch--llm .hx-h1 .c,.llm-rst .llm-g{transition:none!important}

/* v165 : titres « Le temps récupéré… » / « Comment ça se passe » : apparition par mot, transform + opacity seulement */
.wv-h{contain:layout}
.js .wv{display:inline-block;opacity:0;transform:translate3d(0,.3em,0);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.65,.2,1);transition-delay:calc(var(--i,0)*70ms)}
.wv-a .wv{will-change:opacity,transform}
.js .is-in .wv{opacity:1;transform:none}
.rm .wv{opacity:1!important;transform:none!important;transition:none!important}

/* v195 : liens texte en dégradé (--grad), soulignement fin au survol / focus ; exclus : boutons, CTA, « Réserver » (cal.com), logo, liens-image, liens tapés lettre à lettre, liens sur la vidéo */
a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):not(.hd:not(.is-light):not(.is-foot) a):not(.hx a):not(.offers a){color:#795f8c;text-decoration:underline 1px transparent;text-underline-offset:.22em;transition:text-decoration-color .25s ease}
a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):not(.hd:not(.is-light):not(.is-foot) a):not(.hx a):not(.offers a):hover,a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):not(.hd:not(.is-light):not(.is-foot) a):not(.hx a):not(.offers a):focus-visible{text-decoration-color:#795f8c}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):not(.hd:not(.is-light):not(.is-foot) a):not(.hx a):not(.offers a){background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 a:not(.btn):not(.pill):not(.hd-cta):not(.cx-cta):not(.skip):not(.lg):not(.wordmark):not(.tw):not([role=menuitem]):not([href*="cal.com"]):not([href*="calendly"]):not(:has(img,svg,picture,video,canvas)):not(.hd:not(.is-light):not(.is-foot) a):not(.hx a):not(.offers a) *:not(.sr){background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}

/* v204 : flash blanc après la crête (opacité pilotée par v4.js) */
.hx-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;will-change:opacity}
.rm .hx-flash,.no-js .hx-flash{display:none}

/* v278 : liste « Six offres… » : noms d'offres sans dégradé (retour à la couleur des titres) ; petit lien tapé « Vous préférez nous écrire ? » (lnk tw, 4 langues) en dégradé, soulignement au survol */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .lnk.tw{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#795f8c}
}
.js .end-side .lnk.tw .c{background:linear-gradient(#795f8c,#795f8c) 0 100%/0 1px no-repeat;transition:background-size .2s ease}
.js .end-side .lnk.tw:hover .c,.js .end-side .lnk.tw:focus-visible .c{background-size:100% 1px}
/* v142 : « Entrez dans l'ère de l'IA » centré au milieu du tunnel (centre de l'image cover = centre de l'écran), desktop et mobile */
.js:not(.rm) .hx-ch.hx-ch--ia:not(.hx-ch--duo){left:0;right:0;max-width:none;top:50%;bottom:auto;text-align:center;transform-origin:50% 50%}
.js:not(.rm) .hx-ch.hx-ch--ia .hx-h1{margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:900px){.js:not(.rm) .hx-ch.hx-ch--ia:not(.hx-ch--duo){top:0;bottom:0;display:flex;align-items:center;justify-content:center}}
/* v143 : ombres derrière les titres réduites de moitié (opacité et étendue du voile radial) pour « À vos côtés » et « Entrez dans l'ère de l'IA » ; « Concevoir le changement » (hx-ch--llm, text-shadow et voile bas) inchangé */
.hx-ch--gen:not(.hx-ch--llm) .hx-h1::before{--va:.07;--vpx:1.2em;--vpy:.8em}
/* proposé v4.css : */
.hx-ch--ia .hx-h1::before{opacity:calc(var(--vg,0) * var(--vzo,1))}
/* v145 : mobile — « Entrez dans l'ère de l'IA » aligné à gauche (marge --gut comme les autres textes), au repos et pendant la frappe ; le zoom reste centré sur « IA » qui glisse vers le centre (v4.js) */
@media(max-width:900px){.js:not(.rm) .hx-ch.hx-ch--ia:not(.hx-ch--duo){justify-content:flex-start;text-align:left;padding-left:var(--gut);padding-right:var(--gut)}.js:not(.rm) .hx-ch.hx-ch--ia .hx-h1{margin-left:0;margin-right:0;text-align:left}}
/* v146 : mobile — bloc « 5 à 10 h » sous « Automatiser vos tâches » ; fin du tunnel rééquilibrée (rendez-vous 15 min sous le compteur) */
@media(max-width:900px){.sc--auto .auto-gain{margin-top:40px}.sc--auto .auto-gain .es-giant{font-size:clamp(56px,17vw,96px);display:block}.sc--auto .auto-gain .es-lead{margin-top:8px;max-width:36ch;font-size:14px}
 html.js:not(.rm) .hx-end{justify-content:space-around}}
/* v147 : « Et on peut aller encore plus loin » sur sa propre ligne sous « gagnées par semaine… » (desktop et mobile) ; mobile : « 5 à 20 h » déplacé garde son dégradé (même plage bleu-mauve-corail que le dégradé par caractère, 30 → 70 %) */
.es-lead .es-more{display:block;margin-top:4px}
@media(max-width:900px){.sc--auto .auto-gain .es-giant{background-image:linear-gradient(90deg in oklab,#646695,#795f8c 50%,#895c76);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content;max-width:100%}}
/* t709u : texte courant en Inter (--f-x) ; libellés, chiffres, surtitres en capitales et boutons restent en Space Mono */
.ft-h,.lab,.of-i,.of-a,.ax-lg,.ax-ls,.ax-t{font-family:var(--f-m)}
/* t871u : boutons plus premium sur tout le site (charte inchangée : noir, Space Mono, survol en dégradé) + photo de Léo (Cal.com) sur les boutons de réservation */
.btn,.pill,.ar .ar-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px -18px rgba(42,42,42,.6);transition:background .3s ease,color .3s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.65,.2,1)}
.btn:hover,.pill:hover,.ar .ar-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 34px -16px rgba(121,95,140,.6)}
.btn:active,.pill:active,.ar .ar-btn:active{transform:translateY(0);transition-duration:.1s}
.btn::after,.pill:after,.ar .ar-btn::after{transition:transform .35s cubic-bezier(.2,.65,.2,1),opacity .25s,color .2s}
.btn:hover::after,.pill:hover:after,.ar .ar-btn:hover::after{transform:translateX(4px)}
a[href*="cal.com/centillion"]:is(.btn,.pill,.ar-btn,.hd-cta)::before{content:"";flex:none;width:30px;height:30px;margin:-7px 12px -7px -8px;border-radius:50%;background:#d3d6d1 url(/media/v358/leo-96.webp) center/cover no-repeat;background-image:image-set(url(/media/v358/leo-96.avif) type("image/avif"),url(/media/v358/leo-96.webp) type("image/webp"));box-shadow:0 0 0 1.5px rgba(255,255,255,.9),0 2px 6px rgba(0,0,0,.18);transition:transform .35s cubic-bezier(.2,.65,.2,1)}
a[href*="cal.com/centillion"]:is(.btn,.pill,.ar-btn,.hd-cta):hover::before{transform:scale(1.06)}
a[href*="cal.com/centillion"].pill:before{margin:-6px 0 -6px -6px}
a[href*="cal.com/centillion"].btn::before{margin:-7px 0 -7px -8px}
a[href*="cal.com/centillion"]:is(.pill-sm,.pill-ft,.hd-cta)::before{width:22px;height:22px;margin:-5px 10px -5px -4px}
a[href*="cal.com/centillion"].pill-sm:before,a[href*="cal.com/centillion"].pill-ft:before{margin:-5px 0 -5px -4px}
.hd-cta[href*="cal.com/centillion"]{display:inline-flex;align-items:center}
@media(max-width:900px){.hd-cta[href*="cal.com/centillion"]::before{display:none}}
.js .end-side .btn[href*="cal.com"]::before{opacity:var(--bf,0)}.rm .end-side .btn[href*="cal.com"]::before{opacity:1}
.pill .cta-t{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.15;text-align:left}
.pill .cta-s{font:400 11px/1.2 "Space Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
/* t871u : mobile — le rendez-vous de 15 min rejoint le bloc « 5 à 20 h » (sous « Automatiser vos tâches ») */
@media(max-width:900px){.end-side:not(:has(*)){display:none}
.sc--auto .auto-gain>*,.sc--auto .auto-gain .es-ctas>*{visibility:visible;opacity:1;transform:none;filter:none}
.sc--auto .auto-gain .es-h2{margin-top:28px}.sc--auto .auto-gain .es-ctas{margin-top:18px}}
/* t871u : compteur de fin (avec exposant) recentré dans sa colonne sur ordinateur ; largeur finale réservée (le nombre grandit vers la gauche, l'exposant ne bouge pas) */
@media(min-width:901px){html.js:not(.rm) .hx-end .cnt{justify-content:center}html.js:not(.rm) .hx-end .cnt-n{min-width:3.96em;text-align:right}html.js:not(.rm) .hx-end .cnt-t{text-align:center;margin-left:auto;margin-right:auto}}
/* pt875u : boutons noirs arrondis en pilule sur tout le site (style premium conservé) */
.btn,.pill,.ar .ar-btn,.dx .dx-btn,.cx-cta{border-radius:999px!important}
.btn:focus-visible,.pill:focus-visible,.ar .ar-btn:focus-visible{border-radius:999px}
.btn,.ar .ar-btn{padding-left:26px;padding-right:26px}
a[href*="cal.com/centillion"]:is(.btn,.ar-btn)::before{margin-left:-14px}
/* pt876u : bouton de l'en-tête « Échange gratuit 15 min » en pilule, avec la photo Cal.com (photo masquée sur mobile pour que le menu tienne) */
.hd-cta{border-radius:999px}
@media(min-width:901px){.hd-cta[href*="cal.com/centillion"]{padding:7px 18px 7px 7px}.hd-cta[href*="cal.com/centillion"]::before{width:26px;height:26px;margin:0 10px 0 0}}
@media(max-width:900px){.hd-cta{padding-left:12px;padding-right:12px}}
/* t877u : bloc « 5 à 20 h » en long sous « Améliorer vos marges » (ordinateur : 3 colonnes ; mobile : empilé). Fin du tunnel : CENTILLION + compteur centrés */
.sc--auto .auto-gain{margin-top:clamp(40px,6vw,88px);padding-top:clamp(28px,3.4vw,48px);border-top:1px solid rgba(42,42,42,.12);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;gap:clamp(24px,3.4vw,64px);align-items:end;color:var(--ink)}
.sc--auto .auto-gain>*,.sc--auto .auto-gain .ag-c>*,.sc--auto .auto-gain .es-ctas>*{visibility:visible;opacity:1;transform:none;filter:none;transition:none}
.sc--auto .auto-gain .es-giant{display:block;font-size:clamp(64px,7.4vw,132px);line-height:.9;background-image:linear-gradient(90deg in oklab,#646695,#795f8c 50%,#895c76);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content;max-width:100%}
.sc--auto .auto-gain .es-lead{margin-top:10px;max-width:38ch;font-size:clamp(14px,1.05vw,16px)}
.sc--auto .auto-gain .es-h2{margin-top:0;font-size:clamp(21px,1.9vw,30px)}
.sc--auto .auto-gain .ag-c3 .es-ctas{margin-top:0;flex-direction:column;align-items:flex-start;gap:14px}
.sc--auto .auto-gain .es-ctas .btn{padding:14px 24px;font-size:12.5px}
@media(max-width:1100px) and (min-width:901px){.sc--auto .auto-gain{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sc--auto .auto-gain .ag-c3{grid-column:1/-1}.sc--auto .auto-gain .ag-c3 .es-ctas{flex-direction:row;align-items:center}}
@media(max-width:900px){.sc--auto .auto-gain{display:block}.sc--auto .auto-gain .ag-c2{margin-top:28px}.sc--auto .auto-gain .ag-c3{margin-top:18px}.sc--auto .auto-gain .es-giant{font-size:clamp(56px,17vw,96px)}}
html.js:not(.rm) .sc--auto .auto-gain{opacity:0;transform:translate3d(0,16px,0);transition:opacity 1.2s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
html.js:not(.rm) .sc--auto .auto-gain.is-in{opacity:1;transform:none}
.end-side:not(:has(*)){display:none}
@media(min-width:901px){html.js:not(.rm) .hx-end.no-side{grid-template-columns:minmax(0,1fr);grid-template-areas:"w" "l"}html.js:not(.rm) .hx-end.no-side .end-l{justify-self:center;text-align:center}html.js:not(.rm) .hx-end.no-side .cnt{justify-content:center}}
/* t877u : fluidité de « Le temps récupéré » et « Comment ça se passe » sur ordinateur
   1) en-tête clair : plus de backdrop-filter (flou recalculé à chaque image sur toute la largeur pendant le défilement) → fond presque opaque, rendu identique sur fond clair ;
   2) pied de page fixe flouté masqué tant que la fin de page est loin (classe ft-on posée par v4.js) ;
   3) barre « semaine » : calques dédiés pour les transformations, peinture confinée ; logo 10^600 : peinture confinée (compteur qui change 20 fois/s). */
.hd.is-light{background:rgba(239,241,238,.97);-webkit-backdrop-filter:none;backdrop-filter:none}
html.js:not(.rm) .ft[data-ft]:not(.ft-on):not(.is-static){visibility:hidden}
.wk{contain:layout paint}.wk-s,.wk-s::before,.wk-free::before,.wk-free .wk-l{will-change:transform}
.lg{contain:layout style}
/* t878u : fluidité « Six offres… » et « Quinze minutes… » : pied de page pré-flouté (image floutée une fois pour toutes, plus de filter:blur à chaque composition) ;
   barre « Pour qui » sans backdrop-filter dans la page (fond clair quasi opaque) ; survol des offres sans repeinture du dégradé */
.ft-bg{filter:none;-webkit-filter:none;transform:scale(1.04)}
.pg .spb{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(244,245,242,.97)}
.offers a{transition:none}.offers a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(169,200,231,.16),rgba(233,182,173,.16));opacity:0;transition:opacity .3s}
.offers a:hover{background:none}.offers a:hover::before{opacity:1}.offers a{isolation:isolate}
.sc--offers,.sc--final{contain:paint}
/* t878u : après le tunnel, flèche cliquable + pilules (photo + téléphone à gauche, « Nos services » à droite), un peu plus haut que la flèche */
.end-arrow{pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.end-arrow.is-formed{pointer-events:auto}
.end-arrow:focus-visible{outline:2px solid #446da2;outline-offset:4px;border-radius:50%}
.end-pills{position:absolute;left:0;right:0;bottom:8vh;bottom:8svh;height:46px;z-index:3;display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;column-gap:66px;pointer-events:none;transform:translate3d(0,-4px,0)}
.end-pills .ep-gap{width:44px}.end-pills .ep-call{justify-self:end}.end-pills .ep-sv{justify-self:start}
/* t878u-2 : apparition / disparition en particules (opacité posée par v4.js, comme la flèche) ; cliquables seulement une fois formées */
.end-pill{pointer-events:none;display:inline-flex;align-items:center;gap:11px;height:46px;padding:0 21px;border-radius:999px;background:#2a2a2a;color:#eff1ee;-webkit-text-fill-color:#eff1ee;text-decoration:none;font:400 14px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px -18px rgba(42,42,42,.6);opacity:0;transition:background .3s}
.end-pills.is-on .end-pill{pointer-events:auto}
.end-pill:hover,.end-pill:focus-visible{background:#446da2;background-image:linear-gradient(90deg in oklab,#446da2,#795f8c 50%,#a25755);color:#fff}
.end-pill.ep-call{padding:0 16px 0 6px}
.end-pill .ep-av{width:35px;height:35px;border-radius:50%;background:#d3d6d1 url(/media/v358/leo-96.webp) center/cover no-repeat;background-image:image-set(url(/media/v358/leo-96.avif) type("image/avif"),url(/media/v358/leo-96.webp) type("image/webp"));box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}
.end-pill .ep-ph{width:20px;height:20px;flex:none}
.end-pill.ep-sv::after{content:"↓";margin-left:2px;transition:transform .3s}.end-pill.ep-sv:hover::after{transform:translateY(2px)}
@media(max-width:900px){.end-pills{bottom:7vh;bottom:7svh;height:42px;grid-template-columns:1fr 32px 1fr;column-gap:18px;transform:none}.end-pills .ep-gap{width:32px}.end-pill{height:42px;padding:0 15px;gap:9px;font-size:12.5px}.end-pill.ep-call{padding:0 14px 0 5px}.end-pill .ep-av{width:32px;height:32px}.end-pill .ep-ph{width:19px;height:19px}}
.rm .end-pills,.no-js .end-pills{display:none}
/* t878u-2 : « Améliorer vos marges » → filet du bloc « 5 à 20 h » : espace divisé par deux (93 → 46 px à 1280, 56 → 28 px sur mobile) */
.sc--auto .auto-gain{margin-top:calc(clamp(40px,6vw,88px)/2 - 8px)}
@media(max-width:900px){.sc--auto .auto-gain{margin-top:12px}}
@media(max-width:600px){:root:is([lang^="es"],[lang^="pt"]) .end-pill.ep-sv{white-space:normal;line-height:1.12;max-width:132px;padding:0 14px}}
@media(max-width:374px){.end-pills{column-gap:14px}.end-pill{font-size:11.5px;padding:0 13px}.end-pill.ep-call{padding:0 12px 0 4px}}
/* t878u-3 : « Comment ça se passe », étape 2 : le soulignement de « Diagnostic » était peint lettre par lettre (chaque lettre a sa propre opacité pour la frappe)
   → raccords visibles entre les lettres. Un seul filet continu, sous tout le mot, qui apparaît quand le mot est entièrement tapé */
.steps a.tl{position:relative;text-decoration:none!important}
.steps a.tl::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--grad);opacity:0;transition:opacity .35s ease;pointer-events:none}
.steps a.tl:not(:has(.c:not(.cv)))::after,.rm .steps a.tl::after,html:not(.js) .steps a.tl::after{opacity:1}