.how-page { overflow: clip; }
.how-page h1, .how-page h2, .how-page h3 { text-wrap: balance; }
.how-hero { min-height: calc(100svh - 78px); display: grid; place-items: center; position: relative; padding: 110px 20px 80px; text-align: center; }
.how-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 42%, rgba(47,115,255,.24), transparent 43%), radial-gradient(circle at 30% 62%, rgba(111,77,255,.1), transparent 32%); pointer-events: none; }
.how-hero-copy { position: relative; z-index: 1; }
.how-kicker, .step-label { color: #89b7ff; font-size: 12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.how-hero h1 { margin: 22px 0 28px; font-size: clamp(64px, 10vw, 142px); line-height: .84; letter-spacing: -.065em; }
.how-hero h1 span, .final-cut-section h2 span, .how-cta h2 span { color: transparent; background: linear-gradient(110deg,#f5fbff 0%,#78c9ff 34%,#5c75ff 72%,#b28aff 100%); -webkit-background-clip: text; background-clip: text; }
.how-hero-lead { margin: 0; color: #a9b9d2; font-size: clamp(19px,2vw,27px); line-height: 1.45; }
.scroll-invitation { position: absolute; bottom: 28px; display: flex; align-items: center; gap: 12px; color: #75849d; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.scroll-invitation span { width: 1px; height: 34px; background: linear-gradient(#6fa8ff,transparent); animation: scrollPulse 1.8s ease-in-out infinite; }

.journey { height: 440vh; position: relative; --journey-progress: 0; --step-progress: 0; }
.journey-stage { position: sticky; top: 0; height: 100svh; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); align-items: center; gap: clamp(20px,6vw,90px); width: min(1400px,calc(100% - 44px)); margin: auto; }
.journey-visual { position: relative; aspect-ratio: 1; max-height: min(80vh,760px); width: 100%; }
.journey-line { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.journey-line-muted, .journey-line-active { fill: none; stroke-width: 3; stroke-linecap: round; }
.journey-line-muted { stroke: rgba(100,145,220,.12); }
.journey-line-active { stroke: url(#journeyGradient); filter: url(#journeyGlow); stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--journey-progress)); }
.visual-orbit { position: absolute; border: 1px solid rgba(93,139,230,.1); border-radius: 50%; }
.orbit-one { inset: 10%; }.orbit-two { inset: 23%; border-style: dashed; transform: rotate(calc(var(--journey-progress) * 90deg)); }
.media-card { position: absolute; left: 7%; width: 23%; aspect-ratio: 16/10; padding: 8px; border: 1px solid rgba(123,172,255,.42); border-radius: 12px; background: rgba(10,21,42,.88); box-shadow: 0 16px 50px rgba(0,0,0,.32); transform: translateX(calc(var(--journey-progress) * 180%)) scale(calc(1 - var(--journey-progress) * .45)); opacity: calc(1 - var(--journey-progress) * 2.2); }
.media-card span { display: block; height: 72%; border-radius: 7px; background: linear-gradient(135deg,#224f90,#0b1529 65%); }
.media-card i { display: block; width: 58%; height: 4px; margin: 8px 0 0 4px; border-radius: 9px; background: #55729e; }
.media-card-a { top: 9%; }.media-card-b { top: 29%; left: 2%; transition-delay: .05s; }.media-card-c { top: 49%; left: 10%; transition-delay: .1s; }
.ai-core { position: absolute; left: 50%; top: 48%; z-index: 3; display: grid; place-items: center; width: 25%; aspect-ratio: 1; transform: translate(-50%,-50%) scale(calc(.68 + var(--journey-progress) * .32)); border: 1px solid rgba(118,179,255,.5); border-radius: 30%; background: rgba(7,15,30,.82); box-shadow: 0 0 80px rgba(51,102,255,.28); }
.ai-core img { width: 36%; filter: drop-shadow(0 0 16px #3979ff); }.ai-core span { position: absolute; top: 106%; color: #8ca5ca; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.core-glow { position: absolute; inset: -45%; border-radius: 50%; background: radial-gradient(circle,rgba(68,125,255,.24),transparent 64%); animation: corePulse 2.8s ease-in-out infinite; }
.brief-cloud { position: absolute; inset: 0; opacity: clamp(0,calc((var(--journey-progress) - .18) * 4),1); }
.brief { position: absolute; padding: 9px 13px; border: 1px solid rgba(91,142,230,.25); border-radius: 999px; color: #bdd3f4; background: rgba(9,19,39,.83); font-size: 11px; white-space: nowrap; }
.brief-a{top:16%;left:43%}.brief-b{top:34%;right:1%}.brief-c{bottom:18%;left:22%}.brief-d{bottom:28%;right:3%}
.timeline-window { position: absolute; right: 1%; bottom: 4%; z-index: 4; width: 58%; aspect-ratio: 1.45; overflow: hidden; border: 1px solid rgba(118,163,242,.45); border-radius: 18px; background: #080d16; box-shadow: 0 30px 80px rgba(0,0,0,.5); opacity: clamp(0,calc((var(--journey-progress) - .63) * 4),1); transform: translateY(calc((1 - var(--journey-progress)) * 80px)) scale(calc(.72 + var(--journey-progress) * .28)); }
.timeline-top { height: 13%; display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #29334a;color:#a9b8d0;font-size:10px}.timeline-top i{width:6px;height:6px;border-radius:50%;background:#4d5c75}.timeline-top span{margin-left:auto}
.timeline-preview{position:absolute;left:3%;top:18%;width:47%;height:42%;border-radius:7px;background:radial-gradient(circle at 50% 35%,#33527c,#0f1c31 60%,#080d16)}
.playhead{position:absolute;left:52%;top:0;width:1px;height:100%;background:#fff}.timeline-tracks{position:absolute;left:3%;right:3%;bottom:8%;height:27%;border-top:1px solid #29334a;padding-top:8px}.track{display:inline-block;height:29%;margin-right:3px;border-radius:2px;background:linear-gradient(90deg,#2a6fe5,#4c9cff)}.track-1{width:30%}.track-2{width:21%;background:linear-gradient(90deg,#684de4,#9a72ff)}.track-3{width:37%}
.journey-copy { position: relative; height: 52vh; }
.journey-step { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; opacity: 0; transform: translateY(36px); transition: opacity .42s ease,transform .42s ease; pointer-events: none; }
.journey-step.is-active { opacity: 1; transform: translateY(0); }
.journey-step h2 { margin: 17px 0; font-size: clamp(42px,5vw,76px); line-height: .96; letter-spacing: -.045em; }
.journey-step p { max-width: 510px; margin: 0; color: #9aabc4; font-size: clamp(17px,1.6vw,22px); line-height: 1.55; }

.directions-section { padding: 180px 0; }
.directions-intro { width: min(1180px,calc(100% - 44px)); margin: 0 auto 64px; }
.directions-intro h2, .final-cut-section h2, .how-cta h2 { margin: 16px 0 0; font-size: clamp(52px,7.5vw,108px); line-height: .9; letter-spacing: -.055em; }
.direction-rail { display: grid; grid-auto-flow: column; grid-auto-columns: min(420px,78vw); gap: 20px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; padding: 0 max(22px,calc((100vw - 1180px)/2)) 32px; scroll-snap-type: x mandatory; }
.direction-rail::-webkit-scrollbar{display:none}.direction-card{position:relative;min-height:480px;padding:34px;overflow:hidden;border:1px solid #263b60;border-radius:30px;background:linear-gradient(160deg,rgba(20,34,62,.85),rgba(6,13,27,.92));scroll-snap-align:center}.direction-card>span,.path-card>span{color:#76a9ff;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.direction-card h3{max-width:330px;margin:18px 0;font-size:34px;line-height:1.05;letter-spacing:-.035em}.mini-cut,.mini-wave,.mini-search,.direction-card ol,.mini-comments{position:absolute;left:34px;right:34px;bottom:38px;height:150px;border:1px solid #2a3e61;border-radius:18px;background:rgba(4,10,21,.55)}.mini-cut{display:flex;align-items:center;gap:5px;padding:22px}.mini-cut i{height:54px;flex:1;border-radius:6px;background:linear-gradient(135deg,#286de4,#2d3960)}.mini-cut i:nth-child(2){flex:.65;background:linear-gradient(135deg,#7157ec,#394069)}.mini-wave{display:flex;align-items:center;justify-content:center;gap:8px}.mini-wave i{width:8px;height:30%;border-radius:8px;background:#4c8cff}.mini-wave i:nth-child(2n){height:65%}.mini-wave i:nth-child(3){height:88%;background:#8e67ff}.mini-search{height:auto;padding:18px;color:#aabbd4;font-size:14px}.mini-search b{float:right;width:15px;height:15px;border:2px solid #6ca1ff;border-radius:50%;position:relative}.mini-search b::after{content:"";position:absolute;width:7px;height:2px;background:#6ca1ff;right:-5px;bottom:-2px;transform:rotate(45deg)}.direction-card ol{height:auto;margin:0;padding:17px 20px 17px 52px;color:#aabbd4;line-height:2;border-radius:18px}.mini-comments{display:flex;gap:9px;align-items:flex-end;padding:18px}.mini-comments i{flex:1;height:42%;display:grid;place-items:center;border-radius:10px 10px 4px 4px;background:#1e4c91;color:#9cc7ff;font-size:11px;font-style:normal}.mini-comments i:nth-child(2){height:72%}.mini-comments i:nth-child(3){height:94%;background:#553cca}

.final-cut-section { position:relative;width:min(1180px,calc(100% - 44px));margin:0 auto;padding:170px 0;text-align:center }.final-cut-glow{position:absolute;inset:10% 12%;z-index:-1;background:radial-gradient(circle,rgba(45,102,229,.25),transparent 61%);filter:blur(22px)}.final-cut-icon{width:82px;margin-bottom:26px;filter:drop-shadow(0 18px 35px rgba(44,112,255,.35))}.paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:70px;text-align:left}.path-card{padding:34px;border:1px solid #263957;border-radius:28px;background:rgba(9,17,33,.74)}.path-card-featured{border-color:#4169bd;background:linear-gradient(145deg,rgba(27,55,108,.76),rgba(14,18,45,.82));box-shadow:0 30px 90px rgba(31,76,181,.2)}.path-card h3{margin:16px 0 10px;font-size:30px;letter-spacing:-.03em}.path-card p{margin:0;color:#91a3bd;line-height:1.6}
.how-cta{padding:170px 20px 220px;text-align:center}.how-cta>p{color:#91a4c1;font-size:18px}.how-cta .button{margin-top:42px}

/* V2 — rushs réels, sortie Final Cut et espace personnel */
.journey{height:540vh}
.media-card{width:25%;aspect-ratio:16/11;padding:6px;overflow:hidden;opacity:clamp(0,calc(1 - var(--journey-progress) * 2.2),1);background:rgba(10,21,42,.94)}
.media-card>img{display:block;width:100%;height:72%;object-fit:cover;border-radius:7px;filter:saturate(.82) contrast(1.04)}
.media-card>.waveform{display:flex;height:28%;align-items:center;justify-content:center;gap:3px;padding:3px 4px;background:none}
.media-card>.waveform i{display:block;width:3px;height:38%;margin:0;border-radius:4px;background:#5e9cff}
.media-card>.waveform i:nth-child(2n){height:74%}.media-card>.waveform i:nth-child(3n){height:94%;background:#886bff}
.timeline-window{right:0;bottom:8%;width:68%;aspect-ratio:2.16;border-radius:16px;opacity:clamp(0,calc((var(--journey-progress) - .50) * 5),calc(1 - (var(--journey-progress) - .86) * 8))}
.timeline-window>img{display:block;width:100%;height:100%;object-fit:cover}
.timeline-badge{position:absolute;top:10px;right:10px;z-index:2;padding:7px 10px;border:1px solid rgba(123,172,255,.35);border-radius:999px;background:rgba(5,10,20,.82);color:#dce9ff;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.mission-complete{position:absolute;left:31%;top:18%;z-index:7;width:210px;padding:16px;text-align:center;border:1px solid rgba(95,154,255,.4);border-radius:18px;background:rgba(8,18,36,.94);box-shadow:0 20px 70px rgba(19,72,180,.28);opacity:clamp(0,calc((var(--journey-progress) - .79) * 8),1);transform:translateY(calc((1 - var(--journey-progress)) * 60px))}
.mission-complete p{margin:10px 0 0;color:#ddecff;font-size:12px}.mail-flight{position:relative;width:44px;height:32px;margin:auto;border-radius:8px;background:linear-gradient(135deg,#2a75ef,#6548e7)}.mail-flight span{display:grid;place-items:center;height:100%;color:#fff}.mail-flight i{position:absolute;left:-140px;top:15px;width:130px;height:1px;background:linear-gradient(90deg,transparent,#56b6ff)}
.history-stack{position:absolute;inset:25% 3% auto 5%;z-index:6;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:clamp(0,calc((var(--journey-progress) - .86) * 9),1);transform:translateY(calc((1 - var(--journey-progress)) * 55px))}
.history-stack article{padding:6px;border:1px solid #2c4775;border-radius:12px;background:#091326;box-shadow:0 22px 55px rgba(0,0,0,.35)}.history-stack img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.history-stack span{display:block;margin:8px 4px;color:#dce9ff;font-size:9px}.history-stack i{display:block;height:3px;margin:0 4px 5px;border-radius:4px;background:linear-gradient(90deg,#3787ff 63%,#283852 63%)}
.direction-screen,.transcript-demo,.search-result,.direction-card ol,.review-demo{position:absolute;left:34px;right:34px;bottom:38px;height:190px;overflow:hidden;border:1px solid #2a3e61;border-radius:18px;background:rgba(4,10,21,.72)}
.direction-screen>img,.review-demo>img{display:block;width:100%;height:70%;object-fit:cover}.direction-screen .mini-cut{position:static;height:30%;display:flex;align-items:center;gap:4px;padding:9px;border:0;background:transparent}.direction-screen .mini-cut i{height:24px;flex:1;border-radius:4px;background:linear-gradient(135deg,#286de4,#2d3960)}.direction-screen .mini-cut i:nth-child(2){flex:.65;background:linear-gradient(135deg,#7157ec,#394069)}
.transcript-demo{padding:12px}.transcript-demo p{margin:0 0 7px;padding:9px;border-radius:9px;color:#7589a8;background:#0c182b;font-size:10px;line-height:1.4}.transcript-demo p b{color:#4f86dc;margin-right:5px}.transcript-demo p.selected{color:#dce9ff;outline:1px solid #397ce9;background:rgba(29,77,157,.28)}
.search-result{padding:14px}.search-result .mini-search{position:static;height:auto;padding:13px;border:1px solid #263c62;border-radius:10px;color:#aabbd4;font-size:11px;background:rgba(4,10,21,.55)}.search-result p{color:#8ea1be;font-size:10px}.search-result p span{color:#70a7ff;margin-right:8px}.result-wave{display:flex;align-items:center;gap:5px;height:50px}.result-wave i{flex:1;height:30%;border-radius:4px;background:#356cc3}.result-wave i:nth-child(2n){height:70%}.result-wave i:nth-child(3){height:95%;background:#7858e6}
.direction-card ol{height:auto;margin:0;padding:12px 16px;list-style:none;color:#aabbd4;line-height:2.5}.direction-card ol li{border-bottom:1px solid #1d2c45}.direction-card ol b{display:inline-block;width:48px;color:#588ada}.review-demo>img{height:62%}.review-demo .mini-comments{position:absolute;left:9px;right:9px;top:47%;bottom:auto;height:36px;display:flex;gap:5px;align-items:flex-end;padding:0;border:0;background:transparent}.review-demo .mini-comments i{flex:1;height:42%;display:grid;place-items:center;border-radius:6px;background:#1e4c91;color:#9cc7ff;font-size:8px;font-style:normal}.review-demo .mini-comments i:nth-child(2){height:72%}.review-demo .mini-comments i:nth-child(3){height:94%;background:#553cca}.review-demo p{margin:11px 13px;color:#91a8c8;font-size:10px}
.path-card{overflow:hidden}.path-screenshot{display:block;width:calc(100% + 68px);height:260px;margin:28px -34px -34px;object-fit:cover;object-position:center;border-top:1px solid #263957}.mac-store-link{display:flex;justify-content:space-between;gap:12px;margin:34px -34px -34px;padding:16px 22px;color:#b8c9e2;text-decoration:none;border-top:1px solid #35558b;background:rgba(15,31,62,.75);font-size:12px}.mac-store-link b{color:#75aaff}

/* V3 — trois rushs deviennent un seul montage */
.journey-line .flow-muted,.journey-line .input-flow,.journey-line .output-flow{fill:none;stroke-linecap:round}
.journey-line .flow-muted{stroke:rgba(83,137,225,.12);stroke-width:2}
.journey-line .input-flow{stroke:url(#journeyGradient);stroke-width:3;filter:url(#journeyGlow);stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - var(--journey-progress) * 2.7),1)}
.journey-line .flow-b{stroke-dashoffset:clamp(0,calc(1.08 - var(--journey-progress) * 2.6),1)}.journey-line .flow-c{stroke-dashoffset:clamp(0,calc(1.16 - var(--journey-progress) * 2.5),1)}
.journey-line .output-flow{stroke:url(#journeyGradient);stroke-width:5;filter:url(#journeyGlow);stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - (var(--journey-progress) - .34) * 2.25),1)}
.media-card{transform:translateX(calc(var(--journey-progress) * 92%)) scale(calc(1 - var(--journey-progress) * .12));opacity:clamp(0,calc(1.25 - var(--journey-progress) * 2),1);will-change:transform,opacity}
.media-card>.waveform{gap:2px;padding-inline:3px}.media-card>.waveform i{width:2px}.media-card>.waveform i:nth-child(5n){height:100%;background:#9b72ff}
.ai-core{width:29%;border-radius:28%;transform:translate(-50%,-50%) scale(calc(.72 + var(--journey-progress) * .36));box-shadow:0 0 calc(55px + var(--journey-progress) * 65px) rgba(43,118,255,.48)}
.ai-core img{width:46%;animation:stationSignal 1.35s ease-in-out infinite}.core-glow{inset:-60%;background:repeating-radial-gradient(circle,rgba(74,143,255,.28) 0 2px,transparent 3px 24px);animation:stationPulse 1.7s ease-out infinite}
.timeline-window{right:-3%;bottom:2%;width:78%;opacity:clamp(0,calc((var(--journey-progress) - .46) * 5),1);transform:translateY(calc((1 - var(--journey-progress)) * 70px)) scale(calc(.78 + var(--journey-progress) * .34));transform-origin:center;box-shadow:0 35px 110px rgba(11,53,150,.42)}
.mission-complete{left:auto;right:-1%;top:15%;width:235px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;text-align:left;border-color:rgba(255,255,255,.24);border-radius:20px;background:rgba(25,31,43,.9);backdrop-filter:blur(22px);opacity:clamp(0,calc((var(--journey-progress) - .72) * 7),1);box-shadow:0 22px 70px rgba(0,0,0,.38)}
.mission-complete p{margin:0;font-size:13px}.mission-complete p::before{content:"Virtual Editor";display:block;margin-bottom:3px;color:#8494aa;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mail-flight{margin:0}.mail-flight i{display:none}
.history-stack{top:25%;opacity:clamp(0,calc((var(--journey-progress) - .88) * 10),1)}
.fcp-mini,.visual-search,.frame-mixer{position:absolute;left:34px;right:34px;bottom:38px;height:190px;overflow:hidden;border:1px solid #2a3e61;border-radius:18px;background:#070c14}
.fcp-mini{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:105px 38px 47px;padding:8px;gap:5px}.fcp-mini-viewers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px}.fcp-mini-viewers img{width:100%;height:100%;object-fit:cover;border-radius:5px}.fcp-mini-viewers img:nth-child(2){object-position:60% center;filter:brightness(.86)}.fcp-mini-browser{grid-column:1/-1;display:flex;gap:4px}.fcp-mini-browser img{width:33.333%;height:100%;object-fit:cover;border-radius:3px}.fcp-mini-track{grid-column:1/-1;display:flex;align-items:center;gap:3px;border-top:1px solid #25324a;padding-top:6px}.fcp-mini-track i{height:23px;flex:1;border-radius:3px;background:#286cd3}.fcp-mini-track i:nth-child(2){flex:.55;background:#7652dc}
.visual-search{padding:12px}.visual-search .mini-search{position:static;height:auto;padding:10px 12px;border:1px solid #263c62;border-radius:9px;color:#aabbd4;background:#0a1425;font-size:10px}.search-thumbs{height:105px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px}.search-thumbs img{width:22%;height:58px;object-fit:cover;border-radius:6px;filter:brightness(.48) saturate(.6)}.search-thumbs .search-hit{width:52%;height:100px;filter:none;outline:2px solid #4d91ff;box-shadow:0 0 25px rgba(58,131,255,.35)}.visual-search p{margin:2px 0;color:#9cafcb;font-size:9px}.visual-search p span{color:#70a7ff;margin-right:7px}
.frame-mixer{overflow:visible}.mixer-input{position:absolute;top:15px;width:96px;height:66px;border:1px solid #31518a;border-radius:10px;background:#0b172b}.rush-input{left:18px}.rush-input img{width:100%;height:48px;object-fit:cover;border-radius:9px 9px 0 0}.rush-input i{display:block;height:9px;margin:4px 7px;background:repeating-linear-gradient(90deg,#5297ff 0 2px,transparent 2px 5px)}.json-input{right:18px;display:grid;grid-template-columns:38px 1fr;align-items:center;padding:10px}.json-input b{color:#78aaff;font-size:22px}.json-input span{color:#d5e3f8;font-size:9px}.mixer-vortex{position:absolute;left:50%;top:56px;width:100px;height:100px;transform:translateX(-50%)}.mixer-vortex i{position:absolute;inset:0;border:2px solid transparent;border-top-color:#4f97ff;border-radius:50%;animation:mixerSpin 2.1s linear infinite}.mixer-vortex i:nth-child(2){inset:12px;border-top-color:#8b62ff;animation-direction:reverse}.mixer-vortex i:nth-child(3){inset:25px;border-top-color:#67d8ff}.mixer-output{position:absolute;left:22px;right:22px;bottom:12px;height:24px;display:flex;gap:3px;padding-top:5px;border-top:1px solid #33466b}.mixer-output span{flex:1;border-radius:3px;background:linear-gradient(90deg,#2d75e7,#6452dd)}
.simple-timeline{width:calc(100% + 68px);height:260px;margin:28px -34px -34px;padding:52px 22px 28px;border-top:1px solid #263957;background:#090e17}.simple-timeline>div{display:grid;grid-template-columns:repeat(4,1fr);height:92px;overflow:hidden;border:1px solid #345a96;border-radius:7px}.simple-timeline img{width:100%;height:100%;object-fit:cover;border-right:2px solid #090e17}.simple-timeline>span{display:block;width:68%;height:9px;margin-top:12px;border-radius:3px;background:repeating-linear-gradient(90deg,#3978d8 0 12px,#1f4986 12px 17px)}
.path-card-featured .path-screenshot{object-position:39% center}

@keyframes stationSignal{0%,100%{filter:drop-shadow(0 0 10px #3979ff);transform:scale(.94)}50%{filter:drop-shadow(0 0 30px #70d4ff);transform:scale(1.07)}}
@keyframes stationPulse{0%{transform:scale(.72);opacity:.2}65%{opacity:.75}100%{transform:scale(1.18);opacity:0}}@keyframes mixerSpin{to{transform:rotate(360deg)}}

/* V4 — géométrie précise de la station de montage */
.journey-line{z-index:1}.media-card{z-index:2;transform:translateX(calc(var(--journey-progress) * 12%));opacity:clamp(0,calc(1.35 - var(--journey-progress) * 1.8),1)}
.visual-orbit{display:none}.ai-core{left:50%;top:48%;z-index:3;width:22%;transform:translate(-50%,-50%);border-radius:24%;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.ai-core img{width:68%;animation:none;filter:drop-shadow(0 0 12px #3979ff)}.ai-core .core-glow{inset:12%;border-radius:22%;background:radial-gradient(circle at 50% 68%,rgba(81,185,255,.82),rgba(44,107,255,.28) 38%,transparent 68%);opacity:clamp(0,calc((var(--journey-progress) - .35) * 5),1);animation:stationGlow 1.45s ease-in-out infinite}
.timeline-window{right:-1%;bottom:-3%;width:72%;aspect-ratio:1.62;opacity:clamp(0,calc((var(--journey-progress) - .48) * 5),1);transform:translateY(calc((1 - var(--journey-progress)) * 42px)) scale(calc(.86 + var(--journey-progress) * .18));transform-origin:60% 70%;border-radius:18px}
.timeline-window>img{object-fit:cover;object-position:center}
.timeline-window>.mission-complete{left:auto;right:12px;top:12px;width:235px;opacity:clamp(0,calc((var(--journey-progress) - .72) * 7),1);transform:translateY(calc((1 - var(--journey-progress)) * 20px));border-radius:16px}
.history-stack,.timeline-badge{display:none}
@keyframes stationGlow{0%,100%{filter:brightness(.78) blur(1px);transform:scale(.9);opacity:.45}50%{filter:brightness(1.45) blur(3px);transform:scale(1.08);opacity:1}}

/* V5 — jonction au cœur du VE et notification finale */
.ai-core{top:38%;width:18%;border-radius:22%;box-shadow:0 14px 40px rgba(0,0,0,.34)}
.ai-core img{width:82%;filter:drop-shadow(0 0 8px rgba(57,121,255,.7))}.ai-core .core-glow{inset:18%;opacity:clamp(0,calc((var(--journey-progress) - .32) * 2.3),.58);background:radial-gradient(circle at 50% 55%,rgba(91,181,255,.62),rgba(45,103,230,.18) 44%,transparent 72%);animation:stationGlowSoft 1.7s ease-in-out infinite}
.ai-core>span{left:50%;width:max-content;transform:translateX(-50%);text-align:center}
.input-flow{opacity:clamp(0,calc(1 - (var(--journey-progress) - .42) * 3),1)}
.media-card{transform:translateX(calc(var(--journey-progress) * 8%));opacity:clamp(0,calc(1 - (var(--journey-progress) - .42) * 3),1)}
.brief-cloud{opacity:min(clamp(0,calc((var(--journey-progress) - .18) * 4),1),clamp(0,calc(1 - (var(--journey-progress) - .55) * 3),1))}
.journey-line .output-flow{stroke-width:6;stroke-dashoffset:clamp(0,calc(1 - (var(--journey-progress) - .36) * 2.4),1)}
.brief-a{left:57%}.brief-b{right:-4%}.brief-d{right:-3%}
.timeline-window>.mission-complete{right:10px;top:10px;width:198px;grid-template-columns:32px 1fr 15px;gap:8px;padding:10px 11px;transform:translateX(clamp(0px,calc((.79 - var(--journey-progress)) * 650px),140px));opacity:clamp(0,calc((var(--journey-progress) - .69) * 8),1);border-radius:13px}
.timeline-window>.mission-complete .mail-flight{width:32px;height:27px;border-radius:7px}.timeline-window>.mission-complete p{font-size:11px}.timeline-window>.mission-complete p::before{font-size:7px}.notification-close{display:grid;place-items:center;width:15px;height:15px;color:#8b99ad;font-size:13px;line-height:1;opacity:clamp(0,calc((var(--journey-progress) - .8) * 12),1);transform:rotate(calc((1 - var(--journey-progress)) * 140deg)) scale(clamp(.5,calc((var(--journey-progress) - .76) * 5),1))}
@keyframes stationGlowSoft{0%,100%{filter:brightness(.78) blur(.5px);transform:scale(.94)}50%{filter:brightness(1.15) blur(1.5px);transform:scale(1.04)}}

/* V5.1 — les trois rushs atteignent VE avant la sortie vers Final Cut */
.journey.is-firefox .journey-line .flow-a{stroke-dashoffset:clamp(0,calc(1.05 - var(--journey-progress) * 5),1)}
.journey.is-firefox .journey-line .flow-b{stroke-dashoffset:clamp(0,calc(1.35 - var(--journey-progress) * 5),1)}
.journey.is-firefox .journey-line .flow-c{stroke-dashoffset:clamp(0,calc(1.65 - var(--journey-progress) * 5),1)}
.journey.is-firefox .journey-line .output-flow{stroke-dashoffset:clamp(0,calc(2.1 - var(--journey-progress) * 4),1)}
.journey.is-firefox .input-flow{opacity:clamp(0,calc(1 - (var(--journey-progress) - .55) * 4),1)}
.journey.is-firefox{height:900vh}.journey.is-firefox .flow-muted{opacity:0}.journey.is-firefox .timeline-window{opacity:clamp(0,calc((var(--journey-progress) - .50) * 7),1)}

/* Modes éditoriaux et continuité du travail */
.mode-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:min(1180px,calc(100% - 44px));margin:0 auto 34px}.mode-overview article{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:16px;border:1px solid #263a5c;border-radius:17px;background:rgba(10,20,39,.75)}.mode-overview strong{font-size:15px}.mode-overview p{grid-column:2;margin:3px 0 0;color:#8193ad;font-size:11px;line-height:1.35}
.mode-icon{display:grid;place-items:center;width:42px;height:42px;color:#6aa5ff;border:1px solid rgba(75,135,227,.3);border-radius:12px;background:rgba(34,91,180,.15)}.mode-icon svg{width:28px;height:28px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mode-icon-list{font-weight:850;font-size:10px;line-height:.9}
.direction-rail{grid-auto-columns:min(520px,86vw)}.direction-card{min-height:560px;padding:30px}.direction-card-wide{width:min(680px,86vw)}.mode-card-heading{display:flex;align-items:center;justify-content:center;gap:13px;text-align:center}.mode-card-heading h3{margin:0;font-size:34px;letter-spacing:-.035em}.mode-card-copy{max-width:390px;margin:13px auto 0;color:#94a5bf;text-align:center;line-height:1.5}.direction-card .mode-icon{width:48px;height:48px}.direction-card .mode-icon svg{width:31px;height:31px}
.fcp-authentic{position:absolute;left:24px;right:24px;bottom:24px;height:360px;display:grid;grid-template-columns:22% 1fr 20%;grid-template-rows:28px 1fr 112px;overflow:hidden;border:1px solid #3a4558;border-radius:14px;background:#080a0e;box-shadow:0 24px 50px rgba(0,0,0,.35)}.fcp-bar{grid-column:1/-1;display:flex;align-items:center;gap:5px;padding:0 9px;color:#8e98aa;border-bottom:1px solid #303744;font-size:8px}.fcp-bar i{width:6px;height:6px;border-radius:50%;background:#4e5665}.fcp-bar span{margin:auto}.fcp-bin{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px;border-right:1px solid #303744}.fcp-bin b{grid-column:1/-1;color:#a8b2c2;font-size:8px}.fcp-bin img{width:100%;height:42px;object-fit:cover;border-radius:3px}.fcp-bin img:last-child{grid-column:1/-1}.fcp-viewer{position:relative;padding:8px;background:#030507}.fcp-viewer img{width:100%;height:100%;object-fit:contain}.fcp-viewer>span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;color:#fff;background:rgba(0,0,0,.5);font-size:9px}.fcp-inspector{padding:9px;border-left:1px solid #303744}.fcp-inspector b{color:#a8b2c2;font-size:8px}.fcp-inspector i{display:block;height:4px;margin-top:13px;border-radius:3px;background:#2e3848}.fcp-inspector i:nth-child(3){width:70%}.fcp-timeline-real{grid-column:1/-1;padding:10px 12px;border-top:1px solid #303744}.fcp-timeline-real>div{display:grid;grid-template-columns:repeat(4,1fr);height:62px;border:1px solid #3575cf;border-radius:4px;overflow:hidden}.fcp-timeline-real img{width:100%;height:100%;object-fit:cover;border-right:2px solid #080a0e}.fcp-timeline-real>span{display:block;width:72%;height:7px;margin-top:7px;border-radius:2px;background:repeating-linear-gradient(90deg,#3779d5 0 10px,#1f467f 10px 14px)}
.derush-demo{position:absolute;left:28px;right:28px;bottom:34px;height:260px;display:flex;flex-direction:column;justify-content:center;padding:25px;border:1px solid #2c436a;border-radius:18px;background:#070f1d}.raw-track,.clean-track{display:flex;height:58px;align-items:center;padding:7px;border:1px solid #30466b;border-radius:8px;background:#0b1729}.raw-track span,.clean-track span{height:100%;border-radius:4px;background:repeating-linear-gradient(90deg,#397fdd 0 3px,#1d4b86 3px 6px)}.raw-track .speech{flex:1}.raw-track .blank{width:15%;margin:0 4px;background:repeating-linear-gradient(90deg,#efb65c 0 3px,transparent 3px 7px);outline:1px solid #d99c43}.raw-track .question{width:22%;margin:0 4px;background:repeating-linear-gradient(90deg,#b36ef1 0 3px,#6d3da0 3px 6px);outline:1px solid #ad63ed}.cut-arrows{text-align:center;padding:16px;color:#6baaff;letter-spacing:2.2em}.clean-track{gap:4px}.clean-track span{flex:1}.clean-track span:nth-child(2){flex:.7;background:repeating-linear-gradient(90deg,#7656dc 0 3px,#4a3592 3px 6px)}
.merge-demo{position:absolute;left:28px;right:28px;bottom:34px;height:270px;border:1px solid #2c436a;border-radius:18px;background:#07101e}.script-sheet,.merge-video,.frame-folder{position:absolute;top:18px;width:118px;height:95px;border:1px solid #31507f;border-radius:10px;background:#0b1729}.script-sheet{left:16px;padding:10px}.script-sheet b,.script-sheet span{display:block}.script-sheet b{margin-bottom:7px;color:#dbe8fa;font-size:9px}.script-sheet span{padding:4px 0;color:#8297b5;border-bottom:1px solid #253752;font-size:7px}.merge-video{right:16px;overflow:hidden}.merge-video img{width:100%;height:72px;object-fit:cover}.merge-video i{display:block;height:8px;margin:7px;background:repeating-linear-gradient(90deg,#4d93f4 0 2px,transparent 2px 5px)}.merge-core{position:absolute;left:50%;top:118px;display:grid;place-items:center;width:48px;height:48px;transform:translateX(-50%);border:1px solid #356ec4;border-radius:12px;background:#0b1c36;box-shadow:0 0 26px rgba(43,110,226,.3)}.merge-core img{width:34px}.merge-lines i{position:absolute;top:95px;width:115px;height:1px;background:linear-gradient(90deg,#4f9cff,#654ee5)}.merge-lines i:first-child{left:112px;transform:rotate(25deg)}.merge-lines i:last-child{right:112px;transform:rotate(-25deg)}.merge-timeline{position:absolute;left:24px;right:24px;bottom:17px;display:flex;height:42px;gap:4px;padding:8px;border-top:1px solid #344d75}.merge-timeline span{flex:1;border-radius:4px;background:linear-gradient(90deg,#2e70d9,#44649e)}.merge-timeline span:nth-child(2){flex:.65;background:linear-gradient(90deg,#704fd7,#8b69e3)}.frame-folder{right:16px;display:grid;place-items:center;padding:10px;color:#79aaff}.frame-folder span{font-size:29px;line-height:1}.frame-folder b{font-size:9px}.correction-demo .merge-video{left:16px;right:auto}.correction-demo .merge-timeline{padding-top:18px}.correction-demo .merge-timeline b{position:absolute;top:1px;left:8px;color:#8db7f3;font-size:8px;text-transform:uppercase;letter-spacing:.09em}
.history-section{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:150px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.history-copy h2{margin:17px 0;font-size:clamp(50px,6vw,86px);line-height:.92;letter-spacing:-.05em}.history-copy p{color:#95a7c1;font-size:18px;line-height:1.65}.history-workspace{overflow:hidden;border:1px solid #2d456d;border-radius:26px;background:linear-gradient(160deg,#0c182c,#070d18);box-shadow:0 35px 100px rgba(0,0,0,.35)}.history-toolbar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #263956}.history-toolbar strong{font-size:17px}.history-toolbar span{color:#778aa8;font-size:11px}.history-toolbar button{margin-left:auto;padding:8px 12px;color:#dceaff;border:1px solid #315994;border-radius:9px;background:#15346a}.history-project{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center;margin:10px 12px;padding:10px;border:1px solid transparent;border-radius:13px}.history-project.is-current{border-color:#3678d4;background:rgba(29,74,146,.23)}.history-project img{width:72px;height:44px;object-fit:cover;border-radius:7px}.history-project div strong,.history-project div span{display:block}.history-project div strong{font-size:12px}.history-project div span{margin-top:5px;color:#7589a7;font-size:9px}.history-project>b{color:#76a9f7;font-size:9px}.history-detail{margin-top:12px;padding:18px;border-top:1px solid #263956;background:#080f1d}.history-detail>div:first-child span{color:#719bd8;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.history-detail p{margin:7px 0 12px;color:#bccbe0;font-size:11px}.history-rushes{display:flex;gap:5px;margin-bottom:13px}.history-rushes img{width:72px;height:42px;object-fit:cover;border-radius:6px}.history-detail label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;color:#647998;border:1px solid #2d466f;border-radius:11px;background:#0b1729;font-size:10px}.history-detail label button{padding:8px 10px;color:white;border:0;border-radius:8px;background:#245fd1;font-size:9px}
.web-export-flow{display:flex;align-items:center;gap:7px;margin-top:22px}.web-export-flow span,.web-export-flow b{padding:8px 9px;border:1px solid #31517f;border-radius:8px;color:#9db4d4;background:#0d1c33;font-size:9px}.web-export-flow b{color:#dceaff;border-color:#456fb2}.path-card-featured .path-screenshot{object-position:right center}
@media(max-width:980px){.mode-overview{grid-template-columns:repeat(2,1fr)}.mode-overview article:last-child{grid-column:1/-1}.history-section{grid-template-columns:1fr;gap:36px}.direction-rail{grid-auto-columns:min(520px,90vw)}}
@media(max-width:600px){.mode-overview{grid-template-columns:1fr}.mode-overview article:last-child{grid-column:auto}.fcp-authentic{height:330px}.history-workspace{border-radius:18px}.history-detail label{align-items:flex-start;flex-direction:column}.history-detail label button{width:100%}}

/* V6 — cinq raccourcis, démonstrations animées et reconnexion fidèle */
.mode-overview{gap:14px}.mode-overview article{display:flex;min-height:112px;flex-direction:column;justify-content:center;gap:8px;padding:14px 10px;text-align:center}.mode-overview strong{font-size:20px;letter-spacing:-.02em}.mode-overview p{grid-column:auto;margin:0;font-size:12px}.mode-overview .mode-icon{width:38px;height:38px}.mode-overview .mode-icon svg{width:24px;height:24px}
.direction-slides{grid-auto-columns:min(420px,78vw);gap:16px}.direction-slides .direction-card,.direction-slides .direction-card-wide{width:auto;min-height:475px;padding:24px}.direction-slides .mode-card-heading h3{font-size:29px}.direction-slides .mode-card-copy{margin-top:9px;font-size:13px}.direction-slides .derush-demo,.direction-slides .merge-demo{left:20px;right:20px;bottom:22px;height:260px}.direction-slides .visual-search{transform:scale(.91);transform-origin:50% 100%}
.creation-demo{position:absolute;left:20px;right:20px;bottom:22px;height:260px;overflow:hidden;border:1px solid #2c436a;border-radius:18px;background:radial-gradient(circle at 50% 58%,rgba(41,91,181,.2),transparent 44%),#07101e}.typed-prompt{position:absolute;left:18px;right:18px;top:18px;height:55px;padding:14px;color:#d9e8ff;border:1px solid #31517f;border-radius:11px;background:#0c192d;font-size:11px;white-space:nowrap;overflow:hidden;animation:promptReveal 6s steps(44,end) infinite}.typed-prompt span{display:inline-block;width:1px;height:13px;margin-left:3px;vertical-align:-2px;background:#78adff;animation:caretBlink .7s step-end infinite}.prompt-flow{position:absolute;left:50%;top:74px;width:2px;height:74px;background:linear-gradient(#65b4ff,#644ee4);box-shadow:0 0 12px #4799ff;animation:flowGrow 6s ease-in-out infinite}.creation-timeline{position:absolute;left:22px;right:22px;bottom:25px;display:flex;height:58px;gap:3px;padding:7px;border:1px solid #36537e;border-radius:8px;background:#091629;animation:timelineArrive 6s ease-in-out infinite}.creation-timeline i{flex:1;border-radius:4px;background:linear-gradient(135deg,#2f74dd,#243f72)}.creation-timeline i:nth-child(2){flex:.7;background:linear-gradient(135deg,#6748cc,#403070)}.creation-timeline i:nth-child(4){flex:1.3}
.derush-demo .blank,.derush-demo .question{animation:cutAway 5.6s ease-in-out infinite}.derush-demo .clean-track{animation:timelineArrive 5.6s ease-in-out infinite}.derush-demo .cut-arrows{animation:arrowPulse 5.6s ease-in-out infinite}.search-typing span{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:searchType 5.8s steps(23,end) infinite}.search-hit{animation:searchHit 5.8s ease-in-out infinite}.merge-lines i{transform-origin:center;animation:mergeStream 5.5s ease-in-out infinite}.merge-timeline{animation:timelineArrive 5.5s ease-in-out infinite}.script-sheet span{animation:lineWrite 5.5s ease-in-out infinite}.script-sheet span:nth-child(3){animation-delay:.18s}.script-sheet span:nth-child(4){animation-delay:.36s}
.history-stage{position:relative;padding:0 0 72px 0}.history-workspace{min-height:390px}.history-toolbar{padding:19px 22px}.history-row-real{display:grid;grid-template-columns:82px 1fr auto;gap:16px;align-items:center;margin:0 16px;padding:18px 10px;border-bottom:1px solid #263956}.history-row-real.is-current{border:1px solid #316ec4;border-radius:14px;background:rgba(27,72,140,.2)}.history-type{padding:7px 8px;text-align:center;color:#83b2f7;border:1px solid #2f5d9d;border-radius:8px;background:#11294c;font-size:9px;font-weight:800;text-transform:uppercase}.history-row-real strong,.history-row-real small{display:block}.history-row-real strong{font-size:13px}.history-row-real small{margin-top:6px;color:#7387a5;font-size:9px}.history-row-real>b{color:#78aaff;font-size:9px}.history-reprompt{position:absolute;right:-28px;bottom:0;width:72%;padding:18px;border:1px solid #3966a7;border-radius:18px;background:rgba(9,20,39,.96);box-shadow:0 28px 70px rgba(0,0,0,.48)}.history-reprompt>span{color:#76a9ff;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.history-reprompt>strong{display:block;margin:7px 0 13px;font-size:13px}.history-reprompt>div{padding:12px;color:#667c9b;border:1px solid #2c4771;border-radius:10px;background:#091527;font-size:9px}.history-reprompt>div i{display:inline-block;width:1px;height:11px;margin-left:3px;vertical-align:-2px;background:#70aaff;animation:caretBlink .7s step-end infinite}.history-reprompt button{float:right;margin-top:10px;padding:8px 11px;color:white;border:0;border-radius:8px;background:#2865d7;font-size:9px}
.relink-demo{position:absolute;left:0;right:0;bottom:0;height:275px;overflow:hidden;border-top:1px solid #304a74;background:#080b10}.relink-demo>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.6)}.offline-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;background:rgba(87,24,7,.58);animation:offlineFade 8s ease-in-out infinite}.offline-state span{font-size:42px;color:#ffb526}.offline-state b{font-size:13px}.relink-dialog{position:absolute;left:8%;right:8%;top:24px;padding:13px;color:#e2e2e2;border:1px solid #555;border-radius:9px;background:#292929;box-shadow:0 16px 40px rgba(0,0,0,.6);animation:dialogCycle 8s ease-in-out infinite}.relink-dialog>strong{display:block;padding-bottom:9px;text-align:center;border-bottom:1px solid #444;font-size:10px}.relink-dialog>p{margin:9px 0;color:#ddd;font-size:8px}.relink-dialog>div{padding:8px;border:1px solid #555;background:#191919;font-size:7px}.relink-dialog>div b,.relink-dialog>div span{display:block}.relink-dialog>div span{padding-top:6px;color:#aaa}.relink-dialog small{display:inline-block;margin-top:8px;color:#bdbdbd;font-size:7px}.relink-dialog button{float:right;margin-top:7px;padding:6px 8px;color:#fff;border:1px solid #666;border-radius:5px;background:#555;font-size:7px}.online-state{position:absolute;right:14px;top:14px;padding:8px 11px;color:#dfffe9;border:1px solid #3c9c68;border-radius:9px;background:rgba(17,76,46,.95);font-size:9px;font-weight:800;opacity:0;animation:onlineCycle 8s ease-in-out infinite}
@keyframes promptReveal{0%,10%{width:42px;color:transparent}42%,82%{width:calc(100% - 36px);color:#d9e8ff}100%{width:42px;color:transparent}}@keyframes caretBlink{50%{opacity:0}}@keyframes flowGrow{0%,35%{transform:scaleY(0);transform-origin:top}55%,82%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes timelineArrive{0%,42%{opacity:0;transform:translateY(24px) scale(.94)}62%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px)}}@keyframes cutAway{0%,34%{opacity:1;transform:none}52%,86%{opacity:.08;transform:translateY(28px) scale(.5)}100%{opacity:1;transform:none}}@keyframes arrowPulse{0%,25%,100%{opacity:0}40%,70%{opacity:1}}@keyframes searchType{0%,12%{max-width:0}48%,84%{max-width:190px}100%{max-width:0}}@keyframes searchHit{0%,48%{transform:scale(.82);opacity:.45;box-shadow:none}66%,88%{transform:scale(1.12);opacity:1;box-shadow:0 0 28px rgba(77,146,255,.72)}100%{transform:scale(.82);opacity:.45}}@keyframes mergeStream{0%,25%{opacity:.15;filter:none}45%,72%{opacity:1;filter:drop-shadow(0 0 5px #57a8ff)}100%{opacity:.15}}@keyframes lineWrite{0%,16%{transform:scaleX(.15);transform-origin:left;opacity:.2}42%,82%{transform:scaleX(1);opacity:1}100%{opacity:.2}}@keyframes offlineFade{0%,20%{opacity:1}34%,100%{opacity:0}}@keyframes dialogCycle{0%,15%{opacity:0;transform:translateY(18px) scale(.96)}28%,58%{opacity:1;transform:none}70%,100%{opacity:0;transform:scale(.97)}}@keyframes onlineCycle{0%,62%{opacity:0;transform:translateX(24px)}74%,93%{opacity:1;transform:none}100%{opacity:0}}
@media(max-width:980px){.mode-overview{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:10px}.history-reprompt{right:12px}.relink-demo{position:relative;margin:24px -34px -34px;height:255px}}
@media(max-width:600px){.mode-overview{width:calc(100% - 22px)}.direction-slides{grid-auto-columns:86vw}.history-row-real{grid-template-columns:70px 1fr}.history-row-real>b{display:none}.history-reprompt{position:relative;right:auto;width:calc(100% - 24px);margin:-38px auto 0}.history-stage{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.typed-prompt,.prompt-flow,.creation-timeline,.derush-demo .blank,.derush-demo .question,.derush-demo .clean-track,.derush-demo .cut-arrows,.search-typing span,.search-hit,.merge-lines i,.merge-timeline,.script-sheet span,.offline-state,.relink-dialog,.online-state{animation:none}.search-typing span{max-width:none}.online-state{opacity:1}.relink-dialog,.offline-state{display:none}}

/* Alignement des deux parcours Final Cut */
.path-card:not(.path-card-featured) .relink-demo{bottom:48px;height:260px}
.web-path-footer{position:absolute;left:0;right:0;bottom:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#c6d4e8;border-top:1px solid #31558c;background:#0d1a31;font-size:11px}.web-path-footer b{color:#71a7ff;font-size:11px}
@media(max-width:980px){.path-card:not(.path-card-featured) .relink-demo{position:relative;bottom:auto;margin:24px -34px 48px;height:255px}.web-path-footer{height:48px}}

/* Version publiée : les modes restent en réserve pour leur prochaine itération. */
.directions-section[hidden]{display:none!important}.path-card:not(.path-card-featured) .relink-demo{bottom:0;height:308px}.app-store-label{display:inline-flex;align-items:center;gap:7px}.app-store-label i{font-size:17px;font-style:normal;line-height:1}
@media(max-width:980px){.path-card:not(.path-card-featured) .relink-demo{position:relative;bottom:auto;margin:24px -34px -34px;height:255px}}

/* V7 — Un même rush, cinq directions */
.modes-showcase{position:relative;padding:150px 0 170px;background:radial-gradient(circle at 50% 18%,rgba(31,88,190,.2),transparent 30%),#050b16}.modes-showcase-intro{width:min(1180px,calc(100% - 44px));margin:0 auto 72px;text-align:center}.modes-showcase-intro h2{margin:18px 0;font-size:clamp(64px,9vw,126px);line-height:.86;letter-spacing:-.065em}.modes-showcase-intro h2 span,.modes-outro span{color:transparent;background:linear-gradient(90deg,#8ed9ff,#4b84ff 55%,#a65dff);-webkit-background-clip:text;background-clip:text}.modes-showcase-intro p{max-width:650px;margin:30px auto 0;color:#91a3bd;font-size:19px;line-height:1.55}.modes-dock{position:sticky;top:104px;z-index:20;display:flex;justify-content:center;gap:7px;width:max-content;max-width:calc(100% - 24px);margin:0 auto 45px;padding:7px;border:1px solid rgba(84,124,190,.34);border-radius:18px;background:rgba(7,15,29,.78);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(22px)}.modes-dock a{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#7590b5;border-radius:11px;font-size:11px;font-weight:800;text-decoration:none;transition:.25s}.modes-dock a:hover,.modes-dock a.is-current{color:#fff;background:linear-gradient(135deg,#17499e,#5336bc);box-shadow:0 8px 24px rgba(42,93,202,.32)}
.mode-scene{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:60px;width:min(1180px,calc(100% - 44px));min-height:620px;margin:0 auto 34px;padding:58px;border:1px solid rgba(61,94,145,.45);border-radius:38px;background:linear-gradient(145deg,rgba(14,27,50,.94),rgba(5,12,24,.96));box-shadow:0 35px 100px rgba(0,0,0,.28);overflow:hidden}.mode-scene::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(37,105,231,.2),transparent 68%);filter:blur(12px);opacity:.25;transition:.6s}.mode-scene:nth-of-type(even)::before{right:-170px;top:-190px}.mode-scene:nth-of-type(odd)::before{left:-170px;bottom:-190px}.mode-scene-copy{position:relative;z-index:2}.mode-scene-copy>span{color:#75a8ff;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mode-scene-copy h3{margin:18px 0;font-size:clamp(42px,4.5vw,68px);line-height:.94;letter-spacing:-.052em}.mode-scene-copy p{max-width:390px;margin:0;color:#93a6c0;font-size:17px;line-height:1.6}.mode-stage{position:relative;height:455px;border:1px solid #2a456e;border-radius:27px;background:radial-gradient(circle at 50% 48%,rgba(25,77,166,.22),transparent 44%),#07101e;overflow:hidden;box-shadow:inset 0 0 80px rgba(0,0,0,.25)}.mode-scene.is-active::before{opacity:1}.mode-scene:not(.is-active) .mode-stage>*{animation-play-state:paused!important}
.scene-prompt,.scene-search{position:absolute;left:8%;right:8%;top:8%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:14px 16px;color:#ddebff;border:1px solid #39649e;border-radius:13px;background:rgba(12,27,51,.96);font-size:11px;box-shadow:0 14px 35px rgba(0,0,0,.3)}.scene-prompt>b,.scene-search>b{display:block;max-width:0;overflow:hidden;white-space:nowrap;animation:sceneType 4.8s steps(58,end) infinite}.scene-prompt>span,.scene-search>span{display:grid;place-items:center;width:28px;height:28px;color:#85b5ff;border-radius:8px;background:#153667}.scene-prompt>i,.scene-search>i{position:absolute;left:46px;bottom:12px;width:1px;height:13px;background:#8bc0ff;animation:caretBlink .65s step-end infinite}.rush-stack{position:absolute;left:10%;right:10%;top:35%;height:125px}.rush-stack img{position:absolute;width:35%;height:110px;object-fit:cover;border:1px solid #456a9f;border-radius:13px;box-shadow:0 18px 35px rgba(0,0,0,.38);animation:rushFold 4.8s ease-in-out infinite}.rush-stack img:nth-child(1){left:0;transform:rotate(-6deg)}.rush-stack img:nth-child(2){left:32%;z-index:2}.rush-stack img:nth-child(3){right:0;transform:rotate(6deg)}.creation-stage .scene-ve{position:absolute;left:50%;top:60%;display:grid;place-items:center;width:65px;height:65px;transform:translate(-50%,-50%);border:1px solid #3f72bd;border-radius:17px;background:#0a1d39;box-shadow:0 0 35px rgba(50,119,241,.45);animation:vePulseFast 4.8s ease-in-out infinite}.scene-ve img{width:48px}.scene-timeline,.chapter-timeline,.correction-timeline{position:absolute;left:7%;right:7%;bottom:7%;display:flex;align-items:stretch;gap:4px;height:64px;padding:8px;border:1px solid #365581;border-radius:10px;background:#081425;animation:sceneTimeline 4.8s ease-in-out infinite}.scene-timeline i{flex:1;border-radius:4px;background:linear-gradient(135deg,#2e78e6,#274779)}.scene-timeline i:nth-child(2),.scene-timeline i:nth-child(4){background:linear-gradient(135deg,#704fd9,#453486)}
.derush-labels{position:absolute;left:7%;right:7%;top:12%;display:flex;justify-content:space-between;color:#6e88aa;font-size:9px;text-transform:uppercase}.derush-labels b{color:#dce9fb}.derush-labels span:first-of-type{color:#f0b75b}.derush-labels span:last-of-type{color:#c080ff}.wave-track{position:absolute;left:7%;right:7%;display:flex;gap:4px;height:72px;padding:9px;border:1px solid #334f79;border-radius:10px;background:#09162a}.wave-track.raw{top:22%}.wave-track.result{bottom:12%;opacity:0;transform:translateY(25px);animation:cleanReveal 4.2s ease-in-out infinite}.wave-track i{flex:1;border-radius:4px;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px)}.wave-track em{width:14%;border:1px solid #d6973d;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(237,176,75,.65) 0 2px,transparent 2px 6px);animation:removeGap 4.2s ease-in-out infinite}.wave-track strong{width:20%;border:1px solid #a85fea;border-radius:4px;background:repeating-linear-gradient(90deg,#8a50c2 0 3px,#56327e 3px 7px);animation:removeGap 4.2s .12s ease-in-out infinite}.cut-particles{position:absolute;inset:42% 18% auto;display:flex;justify-content:space-around}.cut-particles i{width:7px;height:7px;border-radius:50%;background:#ffb74f;box-shadow:0 0 13px #ff9f32;animation:particleDrop 4.2s ease-in-out infinite}.derush-stage>small{position:absolute;right:8%;bottom:6%;color:#7daafa;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.scene-search{top:8%}.search-wall{position:absolute;inset:27% 5% 10%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center}.search-wall img{width:100%;height:132px;object-fit:cover;border:1px solid #294269;border-radius:10px;filter:saturate(.45) brightness(.55);opacity:.55;animation:wallDrift 4.4s ease-in-out infinite}.search-wall img:nth-child(even){transform:translateY(34px)}.search-wall img.found{height:188px;filter:none;opacity:1;border-color:#62a0ff;box-shadow:0 0 0 1px #62a0ff,0 18px 50px rgba(42,107,225,.45);animation:foundRise 4.4s ease-in-out infinite}.found-badge{position:absolute;right:24%;bottom:8%;padding:8px 11px;color:#dff0ff;border:1px solid #4f8fee;border-radius:9px;background:#133a77;font-size:9px;font-weight:850;opacity:0;animation:badgePop 4.4s ease-in-out infinite}
.conductor-sheet{position:absolute;left:7%;top:12%;width:35%;padding:20px;border:1px solid #355884;border-radius:14px;background:#0c1a2d;box-shadow:0 20px 45px rgba(0,0,0,.3)}.conductor-sheet>b{display:block;margin-bottom:16px;color:#79aaff;font-size:9px;letter-spacing:.16em}.conductor-sheet>span{display:block;padding:12px 0;color:#c8d6e9;border-bottom:1px solid #2b3d57;font-size:10px;animation:lineWriteFast 4.5s ease-in-out infinite}.conductor-sheet i{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:8px;color:#70a8ff;border-radius:6px;background:#173765;font-style:normal}.conductor-rush{position:absolute;right:7%;top:12%;width:35%;height:170px;overflow:hidden;border:1px solid #355884;border-radius:14px}.conductor-rush img{width:100%;height:100%;object-fit:cover}.conductor-stage .scene-ve,.correction-stage .scene-ve{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid #447ac7;border-radius:15px;background:#0b1d39;box-shadow:0 0 30px rgba(47,116,233,.45);animation:vePulseFast 4.5s ease-in-out infinite}.conductor-stage::before,.conductor-stage::after,.correction-stage::before,.correction-stage::after{content:"";position:absolute;top:40%;width:28%;height:2px;background:linear-gradient(90deg,transparent,#58a8ff);filter:drop-shadow(0 0 5px #58a8ff);animation:streamFast 4.5s ease-in-out infinite}.conductor-stage::before,.correction-stage::before{left:24%;transform:rotate(22deg)}.conductor-stage::after,.correction-stage::after{right:24%;transform:rotate(-22deg) scaleX(-1)}.chapter-timeline{bottom:8%;height:62px}.chapter-timeline span{display:grid;place-items:center;flex:1;color:#b7d4ff;border-radius:5px;background:linear-gradient(135deg,#245cae,#244274);font-size:10px;font-weight:850}.chapter-timeline span:nth-child(2){background:linear-gradient(135deg,#724ccf,#47317e)}
.correction-player{position:absolute;left:6%;top:12%;width:42%;height:185px;overflow:hidden;border:1px solid #355884;border-radius:15px}.correction-player img{width:100%;height:100%;object-fit:cover}.correction-player i{position:absolute;left:55%;top:0;width:2px;height:100%;background:#f2c84c}.frame-comments{position:absolute;right:5%;top:10%;width:39%;height:200px}.frame-comments span{position:absolute;right:0;padding:10px 13px;color:#dfeaff;border:1px solid #4b67a1;border-radius:10px;background:#19294a;font-size:9px;box-shadow:0 10px 25px rgba(0,0,0,.3);opacity:0;animation:commentFly 4.6s ease-in-out infinite}.frame-comments span:nth-child(1){top:0}.frame-comments span:nth-child(2){top:66px;animation-delay:.18s}.frame-comments span:nth-child(3){top:132px;animation-delay:.36s}.correction-timeline{bottom:7%;height:66px;padding-top:22px}.correction-timeline b{position:absolute;left:9px;top:7px;color:#83b2ff;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.correction-timeline i{flex:1;border-radius:4px;background:linear-gradient(135deg,#2d72d9,#273e6d)}.correction-timeline i:nth-of-type(2){background:linear-gradient(135deg,#7c52d8,#493584)}.modes-outro{margin:150px auto 0;text-align:center;font-size:clamp(50px,7vw,96px);font-weight:850;line-height:.95;letter-spacing:-.055em}
@keyframes sceneType{0%,8%{max-width:0}48%,86%{max-width:520px}100%{max-width:0}}@keyframes rushFold{0%,30%{opacity:.4;filter:blur(1px)}48%,82%{opacity:1;filter:none}100%{opacity:.4}}@keyframes vePulseFast{0%,42%,100%{transform:translate(-50%,-50%) scale(.88);filter:brightness(.8)}58%,78%{transform:translate(-50%,-50%) scale(1.06);filter:brightness(1.35)}}@keyframes sceneTimeline{0%,52%{opacity:0;transform:translateY(30px)}68%,88%{opacity:1;transform:none}100%{opacity:0}}@keyframes removeGap{0%,28%{opacity:1;transform:none}48%,84%{opacity:0;transform:translateY(60px) scale(.25)}100%{opacity:1}}@keyframes particleDrop{0%,30%,100%{opacity:0;transform:translateY(-15px)}44%,65%{opacity:1;transform:translateY(30px)}}@keyframes cleanReveal{0%,48%{opacity:0;transform:translateY(25px)}65%,88%{opacity:1;transform:none}100%{opacity:0}}@keyframes wallDrift{0%,100%{transform:translateX(-8px) scale(.94);opacity:.35}50%,82%{transform:translateX(8px) scale(1);opacity:.6}}@keyframes foundRise{0%,36%{transform:scale(.78);filter:saturate(.45) brightness(.55);opacity:.45}58%,87%{transform:scale(1.12);filter:none;opacity:1}100%{transform:scale(.78);opacity:.45}}@keyframes badgePop{0%,55%,100%{opacity:0;transform:translateY(12px)}68%,88%{opacity:1;transform:none}}@keyframes lineWriteFast{0%,18%{clip-path:inset(0 100% 0 0)}48%,90%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes streamFast{0%,28%,100%{opacity:.15;transform-origin:left center}48%,78%{opacity:1;filter:drop-shadow(0 0 8px #55aaff)}}@keyframes commentFly{0%,15%{opacity:0;transform:translateX(50px)}38%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(10px)}}
@media(max-width:900px){.modes-showcase{padding:110px 0}.modes-dock{top:84px;overflow-x:auto;justify-content:flex-start}.modes-dock a{min-width:max-content}.mode-scene{grid-template-columns:1fr;gap:30px;min-height:auto;padding:35px}.mode-stage{height:420px}.mode-scene-copy p{max-width:600px}.modes-outro{margin-top:100px}}
@media(max-width:600px){.modes-showcase-intro{margin-bottom:45px}.modes-showcase-intro p{font-size:16px}.modes-dock a{padding:9px 11px}.modes-dock a span{display:none}.mode-scene{width:calc(100% - 22px);margin-bottom:18px;padding:24px 18px;border-radius:25px}.mode-stage{height:355px;border-radius:19px}.mode-scene-copy h3{font-size:40px}.scene-prompt,.scene-search{left:5%;right:5%}.scene-prompt>b,.scene-search>b{font-size:8px}.rush-stack img{height:90px}.search-wall{grid-template-columns:repeat(3,1fr)}.search-wall img:nth-last-child(-n+2){display:none}.conductor-sheet,.conductor-rush{width:39%}.frame-comments{width:43%}.modes-outro{font-size:50px}}
@media(prefers-reduced-motion:reduce){.modes-showcase *{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* V7.1 — barre fidèle au monteur et dérush explicite */
.modes-dock a svg{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.modes-dock a svg text{fill:currentColor;stroke:none;font-size:9px;font-weight:850;text-anchor:middle}.modes-dock a .dock-list-icon text{text-anchor:start}.modes-dock a .dock-frame-icon text{font-size:7px}.mode-scene-copy>span{display:block;font-size:clamp(18px,1.7vw,24px);line-height:1.05;letter-spacing:.09em}.mode-scene-copy h3{margin-top:22px}
.derush-stage .derush-labels{top:9%;font-size:11px;letter-spacing:.12em}.derush-stage .wave-track.raw{top:27%;overflow:visible}.derush-stage .wave-track.raw em,.derush-stage .wave-track.raw strong{position:relative}.derush-stage .wave-track.raw em::before,.derush-stage .wave-track.raw strong::before{content:attr(data-label);position:absolute;left:50%;top:-35px;transform:translateX(-50%);font:800 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.derush-stage .wave-track.raw em::before{color:#f0b75b}.derush-stage .wave-track.raw strong::before{color:#c17bff}.derush-stage .wave-track.raw i{animation:usefulRushDrop 5.8s cubic-bezier(.3,.7,.25,1) infinite}.derush-stage .wave-track.raw i:nth-of-type(2){animation-delay:.05s}.derush-stage .wave-track.raw i:nth-of-type(3){animation-delay:.1s}.derush-stage .wave-track.raw i:nth-of-type(4){animation-delay:.15s}.derush-stage .wave-track.raw em,.derush-stage .wave-track.raw strong{animation:removeGapV2 5.8s cubic-bezier(.35,.7,.25,1) infinite}.derush-stage .wave-track.raw strong{animation-delay:.08s}.derush-stage .wave-track.raw em:last-of-type{animation-delay:.16s}.derush-stage .cut-particles i{animation:particleDropV2 5.8s ease-in-out infinite}.derush-stage .wave-track.result{left:18%;right:18%;bottom:12%;opacity:0;animation:usefulTimelineReveal 5.8s cubic-bezier(.2,.75,.25,1) infinite}.derush-stage>small{right:18%;bottom:6%;opacity:0;animation:usefulLabelReveal 5.8s ease-in-out infinite}
@keyframes removeGapV2{0%,30%{opacity:1;transform:none}48%,82%{opacity:0;transform:translateY(95px) scale(.2)}100%{opacity:1;transform:none}}@keyframes usefulRushDrop{0%,32%{opacity:1;transform:none}52%,78%{opacity:.12;transform:translateY(178px) scale(.72)}100%{opacity:1;transform:none}}@keyframes particleDropV2{0%,30%,100%{opacity:0;transform:translateY(-8px)}44%,66%{opacity:1;transform:translateY(55px)}78%{opacity:0;transform:translateY(80px)}}@keyframes usefulTimelineReveal{0%,48%{opacity:0;transform:translateY(28px) scaleX(.72)}64%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(5px)}}@keyframes usefulLabelReveal{0%,58%,100%{opacity:0;transform:translateY(8px)}70%,90%{opacity:1;transform:none}}
@media(max-width:600px){.mode-scene-copy>span{font-size:18px}.modes-dock a svg{width:21px;height:21px}}

/* V7.2 — dérush séquencé : détecter, retirer, réassembler */
.derush-stage .wave-track.raw{left:7%;right:7%;top:27%;display:block;height:72px;overflow:visible}
.derush-stage .wave-track.raw>*{position:absolute;top:9px;height:52px;box-sizing:border-box;border:0;border-radius:4px;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px)}
.derush-stage .rush-1{left:1%;width:17%}.derush-stage .cut-1{left:19%;width:11%}.derush-stage .rush-2{left:31%;width:17%}.derush-stage .cut-2{left:49%;width:17%}.derush-stage .rush-3{left:67%;width:15%}.derush-stage .cut-3{left:83%;width:8%}.derush-stage .rush-4{left:92%;width:7%}
.derush-tags{position:absolute;left:7%;right:7%;top:21%;height:20px;color:#9ab1cf;font:800 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.derush-tags span{position:absolute;opacity:0;animation:derushTag 6.4s ease-in-out infinite}.derush-tags span:nth-child(1){left:24.5%;transform:translateX(-50%)}.derush-tags span:nth-child(2){left:57.5%;transform:translateX(-50%)}.derush-tags span:nth-child(3){left:87%;transform:translateX(-50%)}
.derush-stage .wave-track.raw .cut-part{animation:detectAndRemove 6.4s ease-in-out infinite}.derush-stage .cut-1,.derush-stage .cut-3{--detected:#e9a63f;--detected-border:#ffc465}.derush-stage .cut-2{--detected:#8952c9;--detected-border:#c486ff}
.derush-stage .wave-track.raw .rush-part{animation-duration:6.4s;animation-timing-function:cubic-bezier(.22,.72,.2,1);animation-iteration-count:infinite}.derush-stage .wave-track.raw .rush-1{animation-name:assembleRush1}.derush-stage .wave-track.raw .rush-2{animation-name:assembleRush2}.derush-stage .wave-track.raw .rush-3{animation-name:assembleRush3}.derush-stage .wave-track.raw .rush-4{animation-name:assembleRush4}
.derush-stage .useful-frame{position:absolute;left:16%;right:21%;top:62%;height:72px;border:1px solid #456c9f;border-radius:10px;background:rgba(8,20,37,.58);box-shadow:0 14px 35px rgba(0,0,0,.22);opacity:0;animation:usefulFrameIn 6.4s ease-in-out infinite}.derush-stage>small{right:21%;bottom:17%;opacity:0;animation:usefulLabelIn 6.4s ease-in-out infinite}
@keyframes derushTag{0%,14%,48%,100%{opacity:0}22%,41%{opacity:1}}
@keyframes detectAndRemove{0%,14%{opacity:1;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none}22%,38%{opacity:1;background:var(--detected);box-shadow:inset 0 0 0 1px var(--detected-border),0 0 16px color-mix(in srgb,var(--detected) 55%,transparent)}49%,88%{opacity:0;background:var(--detected);box-shadow:none}100%{opacity:1}}
@keyframes assembleRush1{0%,46%{left:1%;top:9px}65%,88%{left:12%;top:168px}100%{left:1%;top:9px}}
@keyframes assembleRush2{0%,48%{left:31%;top:9px}67%,88%{left:29.7%;top:168px}100%{left:31%;top:9px}}
@keyframes assembleRush3{0%,50%{left:67%;top:9px}69%,88%{left:47.4%;top:168px}100%{left:67%;top:9px}}
@keyframes assembleRush4{0%,52%{left:92%;top:9px}71%,88%{left:63%;top:168px}100%{left:92%;top:9px}}
@keyframes usefulFrameIn{0%,68%,100%{opacity:0;transform:scaleX(.96)}74%,90%{opacity:1;transform:none}}
@keyframes usefulLabelIn{0%,72%,100%{opacity:0;transform:translateX(8px)}79%,90%{opacity:1;transform:none}}
@media(max-width:600px){.derush-tags{top:20%}.derush-stage .useful-frame{left:14%;right:17%}.derush-stage>small{right:17%}}

@keyframes scrollPulse{0%,100%{opacity:.35;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes corePulse{0%,100%{transform:scale(.86);opacity:.55}50%{transform:scale(1.05);opacity:1}}
@media(max-width:800px){.how-hero{min-height:86svh}.how-hero h1{font-size:clamp(58px,18vw,90px)}.journey{height:500vh}.journey-stage{grid-template-columns:1fr;grid-template-rows:52vh 36vh;gap:0;padding-top:70px}.journey-visual{height:50vh;width:min(100%,500px);margin:auto}.journey-copy{height:34vh}.journey-step{justify-content:flex-start;padding-top:18px}.journey-step h2{font-size:clamp(36px,10vw,55px)}.journey-step p{font-size:16px}.brief{font-size:8px;padding:6px 8px}.mission-complete{left:30%;top:12%;transform:scale(.78)}.directions-section{padding:110px 0}.direction-card{min-height:410px}.directions-intro h2,.final-cut-section h2,.how-cta h2{font-size:clamp(48px,14vw,76px)}.paths-grid{grid-template-columns:1fr}.final-cut-section{padding:110px 0}.path-screenshot{height:210px}.how-cta{padding:110px 20px 150px}}
@media(prefers-reduced-motion:reduce){.scroll-invitation span,.core-glow{animation:none}.journey-line-active{stroke-dashoffset:0}.journey-step{transition:none}}

/* V8 — composant dérush reconstruit : 7 blocs réels, sans héritage */
.derush-stage .derush-v6-title{position:absolute;left:8%;top:9%;color:#dce9fb;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.derush-stage .derush-v6-source{position:absolute;left:7%;right:7%;top:27%;height:72px;border:1px solid #334f79;border-radius:10px;background:#09162a;transition:opacity .65s ease}
.derush-stage .derush-v6-clip{position:absolute;z-index:2;top:calc(27% + 10px);height:52px;border-radius:4px;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none;opacity:1;transition:left .9s cubic-bezier(.22,.72,.2,1),top .9s cubic-bezier(.22,.72,.2,1),background .4s ease,box-shadow .4s ease,opacity .7s ease}
.derush-stage .derush-v6-clip>b{position:absolute;left:50%;top:-34px;transform:translateX(-50%);color:#9eb3d0;font-size:9px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .4s ease}
.derush-stage .clip-1{left:8%;width:14.5%}.derush-stage .clip-2{left:23.5%;width:9.5%}.derush-stage .clip-3{left:34%;width:14.5%}.derush-stage .clip-4{left:49.5%;width:14.5%}.derush-stage .clip-5{left:65%;width:12.5%}.derush-stage .clip-6{left:78.5%;width:7%}.derush-stage .clip-7{left:86.5%;width:6%}
.derush-stage.is-detect-1 .clip-2,.derush-stage.is-detect-2 .clip-2,.derush-stage.is-detect-3 .clip-2,.derush-stage.is-detect-3 .clip-6{background:#e9a63f;box-shadow:inset 0 0 0 1px #ffc465,0 0 16px rgba(233,166,63,.68)}
.derush-stage.is-detect-2 .clip-4,.derush-stage.is-detect-3 .clip-4{background:#8952c9;box-shadow:inset 0 0 0 1px #c486ff,0 0 16px rgba(137,82,201,.68)}
.derush-stage.is-detect-1 .clip-2>b,.derush-stage.is-detect-2 .clip-2>b,.derush-stage.is-detect-2 .clip-4>b,.derush-stage.is-detect-3 .removable>b{opacity:1}
.derush-stage.is-removing .removable{opacity:0}.derush-stage.is-removing .removable>b{opacity:0}
.derush-stage.is-assembling .derush-v6-source{opacity:0}
.derush-stage.is-assembling .clip-1{left:15.5%;top:286px}.derush-stage.is-assembling .clip-3{left:30.6%;top:286px;transition-delay:.12s}.derush-stage.is-assembling .clip-5{left:45.7%;top:286px;transition-delay:.24s}.derush-stage.is-assembling .clip-7{left:58.8%;top:286px;transition-delay:.36s}
.derush-stage .derush-v6-result{position:absolute;z-index:1;left:14.5%;right:34.2%;top:276px;height:72px;border:1px solid #456c9f;border-radius:10px;background:rgba(8,20,37,.58);box-shadow:0 14px 35px rgba(0,0,0,.22);opacity:0;transform:scaleX(.97);transition:opacity .55s ease,transform .55s ease}.derush-stage .derush-v6-result-label{position:absolute;right:34.2%;top:360px;color:#7daafa;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateX(8px);transition:opacity .55s ease,transform .55s ease}
.derush-stage.is-finished .derush-v6-result,.derush-stage.is-finished .derush-v6-result-label{opacity:1;transform:none}
@media(max-width:600px){.derush-stage.is-assembling .useful{top:235px}.derush-stage .derush-v6-result{top:225px}.derush-stage .derush-v6-result-label{top:309px}}

/* V7.3 — la scène active repart du début et montre toute la détection */
.mode-scene:not(.is-active) .mode-stage,.mode-scene:not(.is-active) .mode-stage *{animation-play-state:paused!important}.mode-scene.is-active .mode-stage,.mode-scene.is-active .mode-stage *{animation-play-state:running!important}
.derush-stage .derush-tags span{animation:derushTagV3 8s ease-in-out 0s infinite}
.derush-stage .wave-track.raw .cut-part{animation:detectAndRemoveV3 8s ease-in-out 0s infinite}
.derush-stage .wave-track.raw .rush-part{animation-duration:8s;animation-delay:0s;animation-timing-function:cubic-bezier(.22,.72,.2,1);animation-iteration-count:infinite}
.derush-stage .wave-track.raw .rush-1{animation-name:assembleRush1V3}.derush-stage .wave-track.raw .rush-2{animation-name:assembleRush2V3}.derush-stage .wave-track.raw .rush-3{animation-name:assembleRush3V3}.derush-stage .wave-track.raw .rush-4{animation-name:assembleRush4V3}
.derush-stage .useful-frame{animation:usefulFrameInV3 8s ease-in-out 0s infinite}.derush-stage>small{animation:usefulLabelInV3 8s ease-in-out 0s infinite}
@keyframes derushTagV3{0%,19%,57%,100%{opacity:0}27%,49%{opacity:1}}
@keyframes detectAndRemoveV3{0%,19%{opacity:1;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none}27%,49%{opacity:1;background:var(--detected);box-shadow:inset 0 0 0 1px var(--detected-border),0 0 16px var(--detected)}58%,94%{opacity:0;background:var(--detected);box-shadow:none}100%{opacity:1}}
@keyframes assembleRush1V3{0%,57%{left:1%;top:9px}73%,94%{left:12%;top:168px}100%{left:1%;top:9px}}
@keyframes assembleRush2V3{0%,59%{left:31%;top:9px}75%,94%{left:29.7%;top:168px}100%{left:31%;top:9px}}
@keyframes assembleRush3V3{0%,61%{left:67%;top:9px}77%,94%{left:47.4%;top:168px}100%{left:67%;top:9px}}
@keyframes assembleRush4V3{0%,63%{left:92%;top:9px}79%,94%{left:63%;top:168px}100%{left:92%;top:9px}}
@keyframes usefulFrameInV3{0%,78%,100%{opacity:0;transform:scaleX(.96)}83%,96%{opacity:1;transform:none}}
@keyframes usefulLabelInV3{0%,82%,100%{opacity:0;transform:translateX(8px)}87%,96%{opacity:1;transform:none}}

/* V7.4 — sept rushs bleus, puis trois détections successives */
.derush-stage .wave-track.raw .cut-1{animation:detectSilenceOne 12s linear 0s infinite}.derush-stage .wave-track.raw .cut-2{animation:detectQuestion 12s linear 0s infinite}.derush-stage .wave-track.raw .cut-3{animation:detectSilenceTwo 12s linear 0s infinite}
.derush-stage .derush-tags span:nth-child(1){animation:tagSilenceOne 12s ease-in-out 0s infinite}.derush-stage .derush-tags span:nth-child(2){animation:tagQuestion 12s ease-in-out 0s infinite}.derush-stage .derush-tags span:nth-child(3){animation:tagSilenceTwo 12s ease-in-out 0s infinite}
.derush-stage .wave-track.raw .rush-part{animation-duration:12s}.derush-stage .wave-track.raw .rush-1{animation-name:assembleRush1V4}.derush-stage .wave-track.raw .rush-2{animation-name:assembleRush2V4}.derush-stage .wave-track.raw .rush-3{animation-name:assembleRush3V4}.derush-stage .wave-track.raw .rush-4{animation-name:assembleRush4V4}
.derush-stage .useful-frame{animation:usefulFrameInV4 12s ease-in-out 0s infinite}.derush-stage>small{animation:usefulLabelInV4 12s ease-in-out 0s infinite}
@keyframes detectSilenceOne{0%,16%{opacity:1;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none}19%,49%{opacity:1;background:#e9a63f;box-shadow:inset 0 0 0 1px #ffc465,0 0 14px #e9a63f}57%,96%{opacity:0;background:#e9a63f;box-shadow:none}100%{opacity:1}}
@keyframes detectQuestion{0%,23%{opacity:1;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none}26%,49%{opacity:1;background:#8952c9;box-shadow:inset 0 0 0 1px #c486ff,0 0 14px #8952c9}57%,96%{opacity:0;background:#8952c9;box-shadow:none}100%{opacity:1}}
@keyframes detectSilenceTwo{0%,30%{opacity:1;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none}33%,49%{opacity:1;background:#e9a63f;box-shadow:inset 0 0 0 1px #ffc465,0 0 14px #e9a63f}57%,96%{opacity:0;background:#e9a63f;box-shadow:none}100%{opacity:1}}
@keyframes tagSilenceOne{0%,16%,57%,100%{opacity:0}19%,49%{opacity:1}}
@keyframes tagQuestion{0%,23%,57%,100%{opacity:0}26%,49%{opacity:1}}
@keyframes tagSilenceTwo{0%,30%,57%,100%{opacity:0}33%,49%{opacity:1}}
@keyframes assembleRush1V4{0%,58%{left:1%;top:9px}72%,96%{left:12%;top:168px}100%{left:1%;top:9px}}
@keyframes assembleRush2V4{0%,60%{left:31%;top:9px}74%,96%{left:29.7%;top:168px}100%{left:31%;top:9px}}
@keyframes assembleRush3V4{0%,62%{left:67%;top:9px}76%,96%{left:47.4%;top:168px}100%{left:67%;top:9px}}
@keyframes assembleRush4V4{0%,64%{left:92%;top:9px}78%,96%{left:63%;top:168px}100%{left:92%;top:9px}}
@keyframes usefulFrameInV4{0%,77%,100%{opacity:0;transform:scaleX(.96)}82%,97%{opacity:1;transform:none}}
@keyframes usefulLabelInV4{0%,80%,100%{opacity:0;transform:translateX(8px)}85%,97%{opacity:1;transform:none}}

/* V8 final — neutralise les anciennes règles du libellé */
.derush-stage>.derush-v6-result-label{right:34.2%;bottom:auto;top:360px;opacity:0;animation:none!important;transform:translateX(8px)}.derush-stage.is-finished>.derush-v6-result-label{opacity:1;transform:none}
@media(max-width:600px){.derush-stage>.derush-v6-result-label{right:34.2%;bottom:auto;top:309px}}

/* V9 — comparaison directe : même départ, timeline raccourcie */
.derush-stage.is-assembling .clip-1{left:8%;top:calc(27% + 102px)}.derush-stage.is-assembling .clip-3{left:23.1%;top:calc(27% + 102px)}.derush-stage.is-assembling .clip-5{left:38.2%;top:calc(27% + 102px)}.derush-stage.is-assembling .clip-7{left:51.3%;top:calc(27% + 102px)}
.derush-stage .derush-v6-result{left:7%;right:41.7%;top:calc(27% + 92px)}.derush-stage>.derush-v6-result-label{right:41.7%;top:calc(27% + 176px)}
@media(max-width:600px){.derush-stage.is-assembling .useful{top:calc(27% + 102px)}.derush-stage .derush-v6-result{top:calc(27% + 92px)}.derush-stage>.derush-v6-result-label{right:41.7%;top:calc(27% + 176px)}}

/* V10 — clips inspirés d’une timeline Final Cut Pro */
.derush-stage .derush-v6-clip{overflow:visible;--wave:#61baff;background:#1768bd;border:1px solid rgba(111,188,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.derush-stage .derush-v6-clip::before{content:"";position:absolute;z-index:0;inset:2px 2px 19px;border-radius:3px 3px 1px 1px;background-position:center;background-size:cover;filter:saturate(.78) contrast(1.05);opacity:.82;transition:opacity .4s ease,filter .4s ease}
.derush-stage .derush-v6-clip::after{content:"";position:absolute;z-index:1;left:3px;right:3px;bottom:4px;height:13px;background:repeating-linear-gradient(90deg,transparent 0 2px,var(--wave) 2px 4px,transparent 4px 6px);clip-path:polygon(0 58%,4% 20%,8% 72%,12% 35%,16% 82%,20% 12%,24% 60%,28% 28%,32% 74%,36% 40%,40% 88%,44% 18%,48% 66%,52% 30%,56% 78%,60% 15%,64% 58%,68% 36%,72% 86%,76% 22%,80% 63%,84% 31%,88% 75%,92% 18%,96% 55%,100% 42%,100% 100%,0 100%);opacity:.95;transition:height .4s ease,background .4s ease}
.derush-stage .silence::after{height:4px;clip-path:none;opacity:.62}.derush-stage .question::after{height:15px}
.derush-stage .clip-1::before,.derush-stage .clip-6::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-paddock-v2.jpg")}.derush-stage .clip-2::before,.derush-stage .clip-5::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-control-room-v2.jpg")}.derush-stage .clip-3::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-studio-v2.jpg")}.derush-stage .clip-4::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-driver-wheel-v3.jpg")}.derush-stage .clip-7::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-paddock-v2.jpg")}
.derush-stage.is-detect-1 .clip-2,.derush-stage.is-detect-2 .clip-2,.derush-stage.is-detect-3 .clip-2,.derush-stage.is-detect-3 .clip-6{--wave:#ffd475;background:#b97719;border-color:#ffc465}.derush-stage.is-detect-2 .clip-4,.derush-stage.is-detect-3 .clip-4{--wave:#dab1ff;background:#6e35a4;border-color:#c486ff}.derush-stage.is-detect-1 .clip-2::before,.derush-stage.is-detect-2 .clip-2::before,.derush-stage.is-detect-2 .clip-4::before,.derush-stage.is-detect-3 .removable::before{opacity:.22;filter:saturate(.2)}
.derush-stage .derush-v6-clip>b{z-index:3}
.derush-stage.is-assembling .clip-1{left:8%}.derush-stage.is-assembling .clip-3{left:23.5%}.derush-stage.is-assembling .clip-5{left:39%}.derush-stage.is-assembling .clip-7{left:52.5%}.derush-stage .derush-v6-result{right:39.5%}.derush-stage>.derush-v6-result-label{right:39.5%}
@media(max-width:600px){.derush-stage>.derush-v6-result-label{right:39.5%}}

/* V11 — libellés avant/après alignés sur leurs timelines */
.derush-stage .derush-v6-title{left:7%;top:calc(27% - 27px);color:#75a8ff;font-size:11px;line-height:1;transition:opacity .5s ease,transform .5s ease}.derush-stage.is-assembling .derush-v6-title{opacity:0;transform:translateY(-5px)}
.derush-stage>.derush-v6-result-label{left:7%;right:auto;bottom:auto;top:calc(27% + 66px);color:#75a8ff;font-size:11px;font-weight:800;line-height:1;letter-spacing:.12em;transform:translateY(5px)}.derush-stage.is-finished>.derush-v6-result-label{opacity:1;transform:none}
@media(max-width:600px){.derush-stage>.derush-v6-result-label{left:7%;right:auto;top:calc(27% + 66px)}}

/* V12 — cadre compact, titres détachés et espacements réguliers */
.mode-derush .derush-stage{height:310px}
.derush-stage .derush-v6-title{left:7%;top:calc(27% - 58px);font-size:14px;font-weight:900;letter-spacing:.11em}.derush-stage>.derush-v6-result-label{left:7%;right:auto;top:calc(27% + 39px);font-size:14px;font-weight:900;letter-spacing:.11em}
.derush-stage .derush-v6-source,.derush-stage .derush-v6-result{border-color:#4d8ed8;box-shadow:inset 0 0 0 1px rgba(109,181,255,.05),0 12px 30px rgba(0,0,0,.16)}
.derush-stage .clip-7{width:5.5%}.derush-stage.is-assembling .clip-7{left:52.5%;width:5.5%}.derush-stage .derush-v6-result{right:41%}
@media(max-width:600px){.mode-derush .derush-stage{height:285px}.derush-stage .derush-v6-title{top:calc(27% - 54px);font-size:13px}.derush-stage>.derush-v6-result-label{left:7%;right:auto;top:calc(27% + 39px);font-size:13px}}

/* V13 — cartouche Dérush ajusté à son contenu */
.mode-scene.mode-derush{min-height:0;padding:42px 48px}
@media(max-width:900px){.mode-scene.mode-derush{padding:34px}}
@media(max-width:600px){.mode-scene.mode-derush{padding:24px 18px}}

/* V14 — Création : du brief à la première timeline */
.creation-v2{height:430px}.creation-v2 *{animation:none!important}.creation-v2-prompt{position:absolute;left:7%;right:7%;top:7%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:13px 15px;color:#ddebff;border:1px solid #39649e;border-radius:13px;background:rgba(12,27,51,.96);font-size:11px;box-shadow:0 14px 35px rgba(0,0,0,.3)}.creation-v2-prompt>span{display:grid;place-items:center;width:28px;height:28px;color:#85b5ff;border-radius:8px;background:#153667}.creation-v2-prompt>b{display:block;overflow:hidden;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path 1.25s steps(58,end)}.creation-v2.is-prompt .creation-v2-prompt>b{clip-path:inset(0)}.creation-v2-prompt>i{position:absolute;left:53px;bottom:12px;width:1px;height:13px;background:#8bc0ff;opacity:0}.creation-v2.is-prompt .creation-v2-prompt>i{opacity:1}
.creation-v2-title{position:absolute;left:7%;top:24%;color:#75a8ff;font-size:14px;font-weight:900;line-height:1;letter-spacing:.11em;text-transform:uppercase;opacity:0;transition:opacity .45s ease}.creation-v2.is-raw .creation-v2-title{opacity:1}.creation-v2.is-assembling .creation-v2-title{opacity:0}
.creation-v2-source{position:absolute;left:7%;right:7%;top:36%;height:72px;border:1px solid #4d8ed8;border-radius:10px;background:#09162a;box-shadow:inset 0 0 0 1px rgba(109,181,255,.05),0 12px 30px rgba(0,0,0,.16);opacity:0;transition:opacity .5s ease}.creation-v2.is-raw .creation-v2-source{opacity:1}.creation-v2.is-assembling .creation-v2-source{opacity:0}
.creation-v2-clip{position:absolute;z-index:2;top:calc(36% + 10px);height:52px;overflow:visible;--wave:#61baff;background:#1768bd;border:1px solid rgba(111,188,255,.72);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);opacity:0;transition:left .62s cubic-bezier(.22,.72,.2,1),top .62s cubic-bezier(.22,.72,.2,1),background .4s ease,border .4s ease,box-shadow .4s ease,opacity .5s ease}.creation-v2.is-raw .creation-v2-clip{opacity:1}.creation-v2-clip::before{content:"";position:absolute;inset:2px 2px 19px;border-radius:3px 3px 1px 1px;background-position:center;background-size:cover;filter:saturate(.78) contrast(1.05);opacity:.82;transition:opacity .4s ease,filter .4s ease}.creation-v2-clip::after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:13px;background:repeating-linear-gradient(90deg,transparent 0 2px,var(--wave) 2px 4px,transparent 4px 6px);clip-path:polygon(0 60%,5% 18%,10% 74%,15% 32%,20% 86%,25% 12%,30% 62%,35% 24%,40% 78%,45% 38%,50% 88%,55% 16%,60% 68%,65% 27%,70% 81%,75% 14%,80% 57%,85% 34%,90% 76%,95% 20%,100% 52%,100% 100%,0 100%)}.creation-v2-clip>b{position:absolute;left:50%;top:-32px;transform:translateX(-50%);color:#f2bd68;font-size:8px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .4s ease}
.creation-v2 .clip-1{left:8%;width:14.5%}.creation-v2 .clip-2{left:23.5%;width:9.5%}.creation-v2 .clip-3{left:34%;width:14.5%}.creation-v2 .clip-4{left:49.5%;width:14.5%}.creation-v2 .clip-5{left:65%;width:12.5%}.creation-v2 .clip-6{left:78.5%;width:7%}.creation-v2 .clip-7{left:86.5%;width:5.5%}
.creation-v2 .clip-1::before,.creation-v2 .clip-6::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-studio-v2.jpg")}.creation-v2 .clip-2::before,.creation-v2 .clip-5::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-paddock-v2.jpg")}.creation-v2 .clip-3::before,.creation-v2 .clip-7::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-control-room-v2.jpg")}.creation-v2 .clip-4::before{background-image:linear-gradient(rgba(13,74,150,.12),rgba(13,74,150,.32)),url("interview-driver-wheel-v3.jpg")}
.creation-v2-playhead{position:absolute;z-index:4;left:8%;top:35%;width:2px;height:82px;background:#70c5ff;box-shadow:0 0 10px #4dafff;opacity:0;transition:left 2s cubic-bezier(.35,0,.3,1),opacity .25s ease}.creation-v2-playhead::before{content:"";position:absolute;left:-4px;top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #70c5ff}.creation-v2.is-scanning .creation-v2-playhead{left:92%;opacity:1}.creation-v2.is-marked .creation-v2-playhead{opacity:0}
.creation-v2.is-marked .removable{--wave:#ffd475;background:#b97719;border-color:#ffc465;box-shadow:inset 0 0 0 1px #ffc465,0 0 15px rgba(233,166,63,.6)}.creation-v2.is-marked .removable::before{opacity:.22;filter:saturate(.2)}.creation-v2.is-marked .removable>b{opacity:1}.creation-v2.is-removing .removable,.creation-v2.is-removing .removable>b{opacity:0}
.creation-v2.is-assembling .clip-1{left:8%;top:calc(36% + 102px)}.creation-v2.is-assembling .clip-3{left:23.5%;top:calc(36% + 102px);transition-delay:.07s}.creation-v2.is-assembling .clip-5{left:39%;top:calc(36% + 102px);transition-delay:.14s}.creation-v2.is-assembling .clip-7{left:52.5%;top:calc(36% + 102px);transition-delay:.21s}
.creation-v2-result{position:absolute;z-index:1;left:7%;right:41%;top:calc(36% + 92px);height:72px;border:1px solid #4d8ed8;border-radius:10px;background:rgba(8,20,37,.58);box-shadow:inset 0 0 0 1px rgba(109,181,255,.05),0 12px 30px rgba(0,0,0,.16);opacity:0;transform:scaleX(.97);transition:opacity .55s ease,transform .55s ease}.creation-v2-result-label{position:absolute;left:7%;top:calc(36% + 66px);color:#75a8ff;font-size:14px;font-weight:900;line-height:1;letter-spacing:.11em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .55s ease,transform .55s ease}.creation-v2.is-finished .creation-v2-result,.creation-v2.is-finished .creation-v2-result-label{opacity:1;transform:none}
@media(max-width:600px){.creation-v2{height:390px}.creation-v2-prompt{left:5%;right:5%;font-size:8px}.creation-v2-result-label{font-size:12px}}

/* V15 — Création plus lisible et cartouche resserré */
.mode-scene.mode-creation{min-height:0;padding:42px 48px}.mode-creation .creation-v2{height:360px}.creation-v2-prompt>b{transition-duration:1.1s}
@media(max-width:900px){.mode-scene.mode-creation{padding:34px}}
@media(max-width:600px){.mode-scene.mode-creation{padding:24px 18px}.mode-creation .creation-v2{height:340px}}

/* V16 — finition Création : respiration et fondu de fin */
.creation-v2-prompt{left:12%;right:12%;padding:10px 13px;grid-template-columns:26px 1fr}.creation-v2-prompt>span{width:26px;height:26px}.creation-v2-prompt>i{left:48px;bottom:10px}.creation-v2-title{top:29%}.creation-v2-source{top:40%}.creation-v2-clip{top:calc(40% + 10px)}.creation-v2-playhead{top:39%}.creation-v2.is-assembling .clip-1,.creation-v2.is-assembling .clip-3,.creation-v2.is-assembling .clip-5,.creation-v2.is-assembling .clip-7{top:calc(40% + 102px)}.creation-v2-result{top:calc(40% + 92px)}.creation-v2-result-label{top:calc(40% + 66px)}
.creation-v2.is-fading .creation-v2-prompt>b{opacity:0;clip-path:inset(0);transition:opacity .65s ease}.creation-v2.is-fading .creation-v2-prompt>i,.creation-v2.is-fading .creation-v2-title,.creation-v2.is-fading .creation-v2-source,.creation-v2.is-fading .creation-v2-clip,.creation-v2.is-fading .creation-v2-playhead,.creation-v2.is-fading .creation-v2-result,.creation-v2.is-fading .creation-v2-result-label{opacity:0!important;transition-delay:0s}
@media(max-width:600px){.creation-v2-prompt{left:9%;right:9%;padding:9px 11px}}

/* V17 — alignement, icône Création et remise à zéro propre */
.creation-v2-prompt{left:7%;right:7%}.creation-v2-prompt>span svg{width:20px;height:20px;fill:none;stroke:#8bbcff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.creation-v2-prompt>i{display:none}
.creation-v2-title{top:26%}.creation-v2-source{top:37%}.creation-v2-clip{top:calc(37% + 10px)}.creation-v2-playhead{top:36%}.creation-v2.is-assembling .clip-1,.creation-v2.is-assembling .clip-3,.creation-v2.is-assembling .clip-5,.creation-v2.is-assembling .clip-7{top:calc(37% + 102px)}.creation-v2-result{top:calc(37% + 92px)}.creation-v2-result-label{top:calc(37% + 66px)}
.creation-v2.is-resetting .creation-v2-prompt>b{opacity:0!important;clip-path:inset(0 100% 0 0)!important;transition:none!important}
@media(max-width:600px){.creation-v2-prompt{left:7%;right:7%;padding:9px 11px}}

/* V18 — Recherche : scanner les rushs, isoler le bon moment */
.mode-scene.mode-search{min-height:0;padding:42px 48px}.search-v2{height:400px}.search-v2 *{animation:none!important}.search-v2-prompt{position:absolute;left:7%;right:7%;top:7%;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;padding:10px 13px;color:#ddebff;border:1px solid #39649e;border-radius:13px;background:rgba(12,27,51,.96);font-size:11px;box-shadow:0 14px 35px rgba(0,0,0,.3)}.search-v2-prompt>span{display:grid;place-items:center;width:26px;height:26px;color:#85b5ff;border-radius:8px;background:#153667}.search-v2-prompt svg{width:18px;height:18px;fill:none;stroke:#8bbcff;stroke-width:2;stroke-linecap:round}.search-v2-prompt>b{display:block;overflow:hidden;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s steps(44,end)}.search-v2.is-prompt .search-v2-prompt>b{clip-path:inset(0)}
.search-v2-title{position:absolute;left:7%;top:24%;color:#75a8ff;font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;opacity:0;transition:opacity .45s ease}.search-v2.is-raw .search-v2-title{opacity:1}.search-v2-source{position:absolute;left:7%;right:7%;top:34%;height:104px;border:1px solid #4d8ed8;border-radius:10px;background:#09162a;box-shadow:inset 0 0 0 1px rgba(109,181,255,.05),0 12px 30px rgba(0,0,0,.16);opacity:0;transition:opacity .5s ease}.search-v2.is-raw .search-v2-source{opacity:1}
.search-v2-clip{position:absolute;z-index:2;top:calc(34% + 8px);width:15.8%;height:88px;overflow:hidden;border:1px solid rgba(78,118,174,.7);border-radius:6px;background:#11233e;filter:grayscale(.8) saturate(.35) brightness(.5);opacity:0;transform:none;transition:opacity .5s ease,filter .55s ease,transform .65s cubic-bezier(.2,.75,.2,1),border .45s ease,box-shadow .45s ease}.search-v2.is-raw .search-v2-clip{opacity:.7}.search-v2-clip img{display:block;width:100%;height:62px;object-fit:cover}.search-v2-clip::after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:15px;background:repeating-linear-gradient(90deg,transparent 0 2px,#559de8 2px 4px,transparent 4px 6px);clip-path:polygon(0 60%,7% 18%,14% 76%,21% 30%,28% 86%,35% 14%,42% 62%,49% 24%,56% 80%,63% 36%,70% 88%,77% 16%,84% 66%,91% 26%,100% 56%,100% 100%,0 100%)}.search-v2 .clip-1{left:8%}.search-v2 .clip-2{left:25%}.search-v2 .clip-3{left:42%}.search-v2 .clip-4{left:59%}.search-v2 .clip-5{left:76%}
.search-v2-playhead{position:absolute;z-index:5;left:8%;top:33%;width:2px;height:114px;background:#70c5ff;box-shadow:0 0 10px #4dafff;opacity:0;transition:left 2s cubic-bezier(.35,0,.3,1),opacity .25s ease}.search-v2-playhead::before{content:"";position:absolute;left:-4px;top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #70c5ff}.search-v2.is-scanning .search-v2-playhead{left:92%;opacity:1}.search-v2.is-found .search-v2-playhead{opacity:0}.search-v2.is-found .search-v2-clip:not(.target){opacity:.25;filter:grayscale(1) saturate(.15) brightness(.38)}.search-v2.is-found .target{z-index:4;opacity:1;filter:none;transform:translateY(-8px) scale(1.16);border-color:#68adff;box-shadow:0 18px 38px rgba(37,104,220,.42)}
.search-v2-found{position:absolute;left:42%;top:calc(34% + 113px);padding:7px 10px;color:#e4f1ff;border:1px solid #508fe7;border-radius:8px;background:#123c7b;font-size:9px;font-weight:850;opacity:0;transform:translateY(7px);transition:opacity .45s ease,transform .45s ease}.search-v2.is-found .search-v2-found{opacity:1;transform:none}.search-v2-message{position:absolute;left:7%;right:7%;top:72%;margin:0;color:#abc0dd;font-size:12px;line-height:1.35;opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .5s ease}.search-v2-result{position:absolute;left:7%;right:39%;bottom:6%;display:flex;gap:4px;height:38px;padding:5px;border:1px solid #3f78bd;border-radius:8px;background:#09162a;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.search-v2-result i{flex:1;border-radius:3px;background:linear-gradient(135deg,#2e78e6,#274779)}.search-v2.is-result .search-v2-message,.search-v2.is-result .search-v2-result{opacity:1;transform:none}
.search-v2.is-fading .search-v2-prompt>b,.search-v2.is-fading .search-v2-title,.search-v2.is-fading .search-v2-source,.search-v2.is-fading .search-v2-clip,.search-v2.is-fading .search-v2-playhead,.search-v2.is-fading .search-v2-found,.search-v2.is-fading .search-v2-message,.search-v2.is-fading .search-v2-result{opacity:0!important;transition-delay:0s}.search-v2.is-resetting .search-v2-prompt>b{opacity:0!important;clip-path:inset(0 100% 0 0)!important;transition:none!important}
@media(max-width:900px){.mode-scene.mode-search{padding:34px}}@media(max-width:600px){.mode-scene.mode-search{padding:24px 18px}.search-v2{height:360px}.search-v2-prompt{font-size:8px}.search-v2-message{font-size:10px}}

/* V19 — résultat Recherche regroupé et cartouche compact */
.search-v2{height:360px}.search-v2-result{top:calc(72% + 28px);bottom:auto}.search-v2-message{top:72%}
@media(max-width:600px){.search-v2{height:340px}.search-v2-result{top:calc(72% + 28px)}}

/* V20 — rushs visibles, résultat aéré sans chevauchement */
.search-v2{height:400px}.search-v2-clip{filter:none}.search-v2.is-raw .search-v2-clip{opacity:1}.search-v2.is-found .search-v2-clip:not(.target){opacity:.25;filter:grayscale(1) saturate(.15) brightness(.38)}
.search-v2-message{top:75%}.search-v2-result{top:calc(75% + 28px);bottom:auto}
@media(max-width:600px){.search-v2{height:380px}.search-v2-message{top:75%}.search-v2-result{top:calc(75% + 28px)}}

/* V21 — Conducteur : transformer un ordre écrit en timeline */
.mode-scene.mode-conducteur{min-height:0;padding:42px 48px}.conductor-v2{height:430px}.conductor-v2 *{animation:none!important}.conductor-v2-prompt{position:absolute;z-index:6;left:7%;right:7%;top:5%;display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;padding:10px 13px;color:#ddebff;border:1px solid #39649e;border-radius:13px;background:rgba(12,27,51,.97);font-size:10px;line-height:1.25;box-shadow:0 14px 35px rgba(0,0,0,.3);transition:padding .45s ease}.conductor-v2-prompt>span{display:grid;place-items:center;width:28px;height:28px;color:#85b5ff;border-radius:8px;background:#153667}.conductor-v2-prompt svg{width:21px;height:21px;fill:none;stroke:#8bbcff;stroke-width:2;stroke-linecap:round}.conductor-v2-prompt svg text{fill:#8bbcff;stroke:none;font-size:9px;font-weight:850}.conductor-v2-prompt div>b{display:block;overflow:hidden;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .85s steps(28,end)}.conductor-v2.is-prompt .conductor-v2-prompt div>b{clip-path:inset(0)}.conductor-v2-prompt p{max-height:0;margin:0;overflow:hidden;color:#b9cbe2;opacity:0;transform:translateY(-3px);transition:max-height .38s ease,opacity .38s ease,transform .38s ease}.conductor-v2.is-line-1 .conductor-v2-prompt p:nth-of-type(1),.conductor-v2.is-line-2 .conductor-v2-prompt p:nth-of-type(-n+2),.conductor-v2.is-line-3 .conductor-v2-prompt p{max-height:18px;margin-top:3px;opacity:1;transform:none}
.conductor-v2-title{position:absolute;left:7%;top:34%;color:#75a8ff;font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;opacity:0;transition:opacity .45s ease}.conductor-v2.is-raw .conductor-v2-title{opacity:1}.conductor-v2.is-assembling .conductor-v2-title{opacity:0}.conductor-v2-source{position:absolute;left:7%;right:7%;top:43%;height:92px;border:1px solid #4d8ed8;border-radius:10px;background:#09162a;box-shadow:inset 0 0 0 1px rgba(109,181,255,.05),0 12px 30px rgba(0,0,0,.16);opacity:0;transition:opacity .5s ease}.conductor-v2.is-raw .conductor-v2-source{opacity:1}.conductor-v2.is-assembling .conductor-v2-source{opacity:0}
.conductor-v2-clip{position:absolute;z-index:2;top:calc(43% + 8px);width:15.8%;height:76px;overflow:visible;border:1px solid rgba(91,143,209,.72);border-radius:6px;background:#153868;opacity:0;transition:left .9s cubic-bezier(.22,.72,.2,1),top .9s cubic-bezier(.22,.72,.2,1),width .9s ease,opacity .6s ease,filter .5s ease,box-shadow .5s ease}.conductor-v2.is-raw .conductor-v2-clip{opacity:1}.conductor-v2-clip img{display:block;width:100%;height:53px;object-fit:cover;border-radius:5px 5px 1px 1px;filter:saturate(.72)}.conductor-v2 .clip-5 img{object-position:center 67%}.conductor-v2-clip::after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:13px;background:repeating-linear-gradient(90deg,transparent 0 2px,#5cabff 2px 4px,transparent 4px 6px);clip-path:polygon(0 62%,8% 18%,16% 78%,24% 31%,32% 86%,40% 14%,48% 64%,56% 25%,64% 82%,72% 36%,80% 90%,88% 17%,100% 58%,100% 100%,0 100%)}.conductor-v2-clip>b{position:absolute;z-index:5;left:50%;top:-10px;display:grid;place-items:center;width:23px;height:23px;transform:translate(-50%,-50%) scale(.65);color:#fff;border:1px solid #8bc0ff;border-radius:7px;background:#276bc7;box-shadow:0 0 18px rgba(65,139,247,.65);font-size:11px;opacity:0;transition:opacity .35s ease,transform .35s ease}.conductor-v2 .clip-1{left:8%}.conductor-v2 .clip-2{left:25%}.conductor-v2 .clip-3{left:42%}.conductor-v2 .clip-4{left:59%}.conductor-v2 .clip-5{left:76%}
.conductor-v2-playhead{position:absolute;z-index:6;left:8%;top:42%;width:2px;height:102px;background:#70c5ff;box-shadow:0 0 10px #4dafff;opacity:0;transition:left 2.2s cubic-bezier(.35,0,.3,1),opacity .25s ease}.conductor-v2-playhead::before{content:"";position:absolute;left:-4px;top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #70c5ff}.conductor-v2.is-scanning .conductor-v2-playhead{left:92%;opacity:1}.conductor-v2.is-tag-2 .order-2>b,.conductor-v2.is-tag-3 .order-2>b,.conductor-v2.is-tag-3 .order-3>b,.conductor-v2.is-tag-1 .selected>b{opacity:1;transform:translate(-50%,-50%) scale(1)}.conductor-v2.is-tag-1 .conductor-v2-playhead{opacity:0}.conductor-v2.is-tag-1 .conductor-v2-clip:not(.selected){opacity:.25;filter:grayscale(1) brightness(.42)}.conductor-v2.is-tag-1 .selected{border-color:#68adff;box-shadow:0 12px 28px rgba(37,104,220,.3)}
.conductor-v2.is-assembling .conductor-v2-clip:not(.selected){opacity:0}.conductor-v2.is-assembling .selected{top:calc(43% + 116px);width:20%}.conductor-v2.is-assembling .order-1{left:8%}.conductor-v2.is-assembling .order-2{left:29%}.conductor-v2.is-assembling .order-3{left:50%}.conductor-v2-result{position:absolute;z-index:1;left:7%;right:28%;top:calc(43% + 108px);height:92px;border:1px solid #4d8ed8;border-radius:10px;background:rgba(8,20,37,.58);box-shadow:inset 0 0 0 1px rgba(109,181,255,.05),0 12px 30px rgba(0,0,0,.16);opacity:0;transform:scaleX(.97);transition:opacity .55s ease,transform .55s ease}.conductor-v2-result-label{position:absolute;left:7%;top:calc(43% + 83px);color:#75a8ff;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .55s ease,transform .55s ease}.conductor-v2.is-finished .conductor-v2-result,.conductor-v2.is-finished .conductor-v2-result-label{opacity:1;transform:none}
.conductor-v2.is-fading .conductor-v2-prompt div,.conductor-v2.is-fading .conductor-v2-title,.conductor-v2.is-fading .conductor-v2-source,.conductor-v2.is-fading .conductor-v2-clip,.conductor-v2.is-fading .conductor-v2-playhead,.conductor-v2.is-fading .conductor-v2-result,.conductor-v2.is-fading .conductor-v2-result-label{opacity:0!important;transition-delay:0s}.conductor-v2.is-resetting .conductor-v2-prompt div>b{opacity:0!important;clip-path:inset(0 100% 0 0)!important;transition:none!important}.conductor-v2.is-resetting .conductor-v2-prompt p{max-height:0!important;opacity:0!important;transition:none!important}
@media(max-width:900px){.mode-scene.mode-conducteur{padding:34px}}@media(max-width:600px){.mode-scene.mode-conducteur{padding:24px 18px}.conductor-v2{height:400px}.conductor-v2-prompt{font-size:8px}.conductor-v2-result-label{font-size:10px}}

/* V22 — Conducteur compact, sans anciens flux croisés */
.conductor-v2::before,.conductor-v2::after{display:none!important}
.conductor-v2-title{top:25%}.conductor-v2-source{top:35%}.conductor-v2-clip{top:calc(35% + 8px)}.conductor-v2-playhead{top:34%}
.conductor-v2.is-assembling .selected{top:calc(35% + 116px)}.conductor-v2-result{top:calc(35% + 108px)}.conductor-v2-result-label{top:calc(35% + 60px)}

/* V23 — alignements finaux du Conducteur */
.conductor-v2{height:390px}.conductor-v2-title{top:30%}.conductor-v2-result{right:29%}.conductor-v2-result-label{top:calc(35% + 69px)}
@media(max-width:600px){.conductor-v2{height:370px}}

/* V24 — cadre Conducteur fermé au plus près de l’animation */
.conductor-v2{height:360px}
@media(max-width:600px){.conductor-v2{height:345px}}

/* V25 — Frame.io : des commentaires client au montage corrigé */
.mode-scene.mode-correction{min-height:0;padding:42px 48px}.frame-v2{height:510px;perspective:1000px}.frame-v2::before,.frame-v2::after{display:none!important}.frame-v2-review{position:absolute;inset:5%;display:grid;grid-template-columns:72% 28%;grid-template-rows:36px 1fr;overflow:hidden;border:1px solid #343b55;border-radius:14px;background:#090b11;box-shadow:0 24px 60px rgba(0,0,0,.42);opacity:1;transform:none;transform-origin:85% 8%;transition:opacity .75s ease,transform .95s cubic-bezier(.4,0,.8,.2),filter .75s ease}.frame-v2-review header{grid-column:1/-1;display:flex;align-items:center;padding:0 12px;color:#cfd5e4;border-bottom:1px solid #30364a;background:#151824;font-size:9px}.frame-v2-review header>b{display:flex;align-items:center;gap:7px}.frame-v2-review header>b i{width:13px;height:13px;clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%);background:linear-gradient(135deg,#8b5dff,#4d72ff)}.frame-v2-review header>span{margin:auto;color:#949db2}.frame-v2-review header>em{font-style:normal;font-size:13px;letter-spacing:2px}.frame-v2-viewer{position:relative;overflow:hidden;background:#020305}.frame-v2-viewer>img{width:100%;height:100%;object-fit:cover}.frame-v2-viewer>span{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);color:#fff;border-radius:50%;background:rgba(0,0,0,.58);font-size:13px}.frame-v2-markers{position:absolute;left:3%;right:3%;bottom:5%;height:3px;background:#292d3b}.frame-v2-markers i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#ff55a5;box-shadow:0 0 8px rgba(255,85,165,.5)}.frame-v2-markers i:nth-child(1){left:8%}.frame-v2-markers i:nth-child(2){left:24%}.frame-v2-markers i:nth-child(3){left:41%}.frame-v2-markers i:nth-child(4){left:56%}.frame-v2-markers i:nth-child(5){left:72%}.frame-v2-markers i:nth-child(6){left:88%}.frame-v2-review aside{padding:10px;overflow:hidden;border-left:1px solid #30364a;background:#121521}.frame-v2-review aside>strong{display:block;margin-bottom:9px;color:#cfd5e4;font-size:9px}.frame-v2-review article{margin-bottom:7px;padding:8px;color:#b9c0d0;border-radius:8px;background:#1b1e2e;font-size:7px;line-height:1.35}.frame-v2-review article>b{display:block;color:#f0f2f7}.frame-v2-review article time{display:inline-block;margin:4px 0;color:#ffd649;background:#574800}.frame-v2-review article p{margin:0}.frame-v2-menu{position:absolute;right:2%;top:38px;padding:9px 11px;color:#cbd3e4;border:1px solid #3b425b;border-radius:8px;background:#202437;font-size:7px;line-height:1.4;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.frame-v2-menu b{color:#9c7bff}.frame-v2-cursor{position:absolute;right:4%;top:24px;color:#fff;font-size:17px;font-style:normal;filter:drop-shadow(0 2px 4px #000);transition:transform .45s ease}.frame-v2.is-menu .frame-v2-cursor{transform:translate(7px,12px) scale(.82)}.frame-v2.is-menu .frame-v2-menu{opacity:1;transform:none}.frame-v2.is-exporting .frame-v2-review{opacity:0;filter:blur(5px);transform:translate(38%,-28%) scale(.06)}
.frame-v2-flight{position:absolute;z-index:8;right:7%;top:12%;display:flex;align-items:center;gap:5px;padding:8px;color:#d9e3f5;border:1px solid #6b54c8;border-radius:9px;background:#171a2d;font-size:8px;opacity:0}.frame-v2-flight i,.frame-v2-json>i{width:24px;height:18px;border-radius:3px;background:linear-gradient(145deg,#835dff,#405ee8);clip-path:polygon(0 14%,40% 14%,48% 0,100% 0,100% 100%,0 100%)}.frame-v2.is-exporting .frame-v2-flight{animation:frameJsonFlight 1.15s cubic-bezier(.2,.7,.2,1) forwards}.frame-v2.is-work .frame-v2-flight{display:none}@keyframes frameJsonFlight{0%{right:7%;top:12%;opacity:0;transform:scale(.45) rotate(12deg)}18%{opacity:1}58%{right:38%;top:4%;transform:scale(1.15) rotate(-8deg)}100%{right:67%;top:7%;opacity:1;transform:none}}
.frame-v2-work{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}.frame-v2.is-work .frame-v2-work{opacity:1}.frame-v2-json{position:absolute;left:7%;top:7%;display:flex;align-items:center;gap:10px;width:26%;padding:11px;color:#dce6f7;border:1px solid #5a55aa;border-radius:12px;background:#11182b;box-shadow:0 14px 30px rgba(0,0,0,.25)}.frame-v2-json>span b,.frame-v2-json>span small{display:block}.frame-v2-json>span b{font-size:10px}.frame-v2-json>span small{margin-top:3px;color:#788cae;font-size:7px}.frame-v2-brief{position:absolute;left:37%;right:7%;top:7%;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:11px 13px;color:#cbd8ea;border:1px solid #39649e;border-radius:12px;background:#0c1b33;font-size:8px;line-height:1.35}.frame-v2-brief>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#153667}.frame-v2-brief svg{width:18px;height:18px;fill:none;stroke:#8bbcff;stroke-width:2}.frame-v2-brief>b{overflow:hidden;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path 1.4s steps(90,end)}.frame-v2.is-brief .frame-v2-brief>b{clip-path:inset(0)}
.frame-v2-title{position:absolute;left:7%;top:31%;color:#75a8ff;font-size:13px;letter-spacing:.11em;text-transform:uppercase;opacity:0;transition:opacity .4s ease}.frame-v2.is-raw .frame-v2-title{opacity:1}.frame-v2.is-assembling .frame-v2-title{opacity:0}.frame-v2-source{position:absolute;left:7%;right:7%;top:39%;height:72px;border:1px solid #4d8ed8;border-radius:10px;background:#09162a;opacity:0;transition:opacity .45s ease}.frame-v2.is-raw .frame-v2-source{opacity:1}.frame-v2.is-assembling .frame-v2-source{opacity:0}.frame-v2-clip{position:absolute;z-index:2;top:calc(39% + 10px);height:52px;overflow:visible;--wave:#61baff;background:#1768bd;border:1px solid rgba(111,188,255,.72);border-radius:4px;opacity:0;transition:left .85s ease,top .85s ease,background .4s ease,opacity .6s ease}.frame-v2.is-raw .frame-v2-clip{opacity:1}.frame-v2-clip::before{content:"";position:absolute;inset:2px 2px 19px;border-radius:3px;background-position:center;background-size:cover;filter:saturate(.72)}.frame-v2-clip::after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:13px;background:repeating-linear-gradient(90deg,transparent 0 2px,var(--wave) 2px 4px,transparent 4px 6px);clip-path:polygon(0 60%,8% 18%,16% 76%,24% 30%,32% 86%,40% 12%,48% 64%,56% 25%,64% 82%,72% 35%,80% 88%,88% 16%,100% 58%,100% 100%,0 100%)}.frame-v2-clip>b{position:absolute;left:50%;top:-30px;transform:translateX(-50%);color:#f1bf72;font-size:8px;text-transform:uppercase;white-space:nowrap;opacity:0}.frame-v2 .clip-1{left:8%;width:14.5%}.frame-v2 .clip-2{left:23.5%;width:9.5%}.frame-v2 .clip-3{left:34%;width:14.5%}.frame-v2 .clip-4{left:49.5%;width:14.5%}.frame-v2 .clip-5{left:65%;width:12.5%}.frame-v2 .clip-6{left:78.5%;width:7%}.frame-v2 .clip-7{left:86.5%;width:5.5%}.frame-v2 .clip-1::before,.frame-v2 .clip-6::before{background-image:url("hero-preview-source.png")}.frame-v2 .clip-2::before,.frame-v2 .clip-5::before{background-image:url("interview-driver-wheel-v3.jpg")}.frame-v2 .clip-3::before,.frame-v2 .clip-7::before{background-image:url("interview-paddock-v2.jpg")}.frame-v2 .clip-4::before{background-image:url("interview-control-room-v2.jpg")}
.frame-v2-playhead{position:absolute;z-index:5;left:8%;top:38%;width:2px;height:82px;background:#70c5ff;box-shadow:0 0 10px #4dafff;opacity:0;transition:left 2s ease,opacity .25s ease}.frame-v2-playhead::before{content:"";position:absolute;left:-4px;top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #70c5ff}.frame-v2.is-scanning .frame-v2-playhead{left:92%;opacity:1}.frame-v2.is-marked .frame-v2-playhead{opacity:0}.frame-v2.is-marked .removable{--wave:#ffd475;background:#b97719;border-color:#ffc465;box-shadow:0 0 15px rgba(233,166,63,.55)}.frame-v2.is-marked .removable>b{opacity:1}.frame-v2.is-removing .removable{opacity:0}.frame-v2.is-assembling .clip-1{left:8%;top:calc(39% + 102px)}.frame-v2.is-assembling .clip-3{left:23.5%;top:calc(39% + 102px)}.frame-v2.is-assembling .clip-5{left:39%;top:calc(39% + 102px)}.frame-v2.is-assembling .clip-7{left:52.5%;top:calc(39% + 102px)}.frame-v2-result{position:absolute;z-index:1;left:7%;right:41%;top:calc(39% + 92px);height:72px;border:1px solid #4d8ed8;border-radius:10px;background:#09162a;opacity:0;transform:scaleX(.97);transition:opacity .5s ease,transform .5s ease}.frame-v2-result-label{position:absolute;left:7%;top:calc(39% + 66px);color:#75a8ff;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .5s ease,transform .5s ease}.frame-v2.is-finished .frame-v2-result,.frame-v2.is-finished .frame-v2-result-label{opacity:1;transform:none}.frame-v2.is-fading .frame-v2-work{opacity:0}
@media(max-width:900px){.mode-scene.mode-correction{padding:34px}}@media(max-width:600px){.mode-scene.mode-correction{padding:24px 18px}.frame-v2{height:470px}.frame-v2-review{grid-template-columns:66% 34%}.frame-v2-brief{font-size:7px}}
.frame-v2-brief>b{white-space:normal}

/* V26 — transition JSON continue, brief lisible et observation client */
.frame-v2-flight{display:none!important}.frame-v2.is-exporting .frame-v2-work{opacity:1}.frame-v2-json{min-height:68px;box-sizing:border-box;opacity:0;transform:translate(225%,-8%) scale(.38) rotate(10deg)}.frame-v2.is-exporting .frame-v2-json{animation:frameJsonLand 1.15s cubic-bezier(.18,.72,.2,1) forwards}.frame-v2.is-work .frame-v2-json{opacity:1;transform:none}.frame-v2-brief{min-height:68px;box-sizing:border-box;font-size:10px;opacity:0;transition:opacity .45s ease}.frame-v2.is-work .frame-v2-brief{opacity:1}@keyframes frameJsonLand{0%{opacity:0;transform:translate(225%,-8%) scale(.38) rotate(10deg)}18%{opacity:1}68%{transform:translate(-6%,3%) scale(1.08) rotate(-3deg)}84%{transform:translate(2%,-1%) scale(.98) rotate(1deg)}100%{opacity:1;transform:none}}
.frame-v2-brief svg{width:20px;height:20px}.frame-v2-title{top:24%}.frame-v2-source{top:31%}.frame-v2-clip{top:calc(31% + 10px)}.frame-v2-playhead{top:30%}
.frame-v2.is-marked .observation{--wave:#d3b3ff;background:#6538a2;border-color:#b982ff;box-shadow:0 0 15px rgba(139,82,201,.55)}.frame-v2.is-marked .observation>b{top:-32px;color:#d8b9ff;opacity:1}.frame-v2.is-marked .observation>b::before{content:"";position:absolute;left:50%;top:15px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border-radius:50% 50% 50% 0;background:#9e63ed;box-shadow:0 0 9px rgba(158,99,237,.7)}
.frame-v2.is-assembling .clip-1{left:8%;top:calc(31% + 92px)}.frame-v2.is-assembling .clip-3{left:23.5%;top:calc(31% + 92px)}.frame-v2.is-assembling .clip-4{left:39%;top:calc(31% + 92px)}.frame-v2.is-assembling .clip-5{left:54.5%;top:calc(31% + 92px)}.frame-v2.is-assembling .clip-7{left:68%;top:calc(31% + 92px)}.frame-v2-result{right:25.5%;top:calc(31% + 82px)}.frame-v2-result-label{top:calc(31% + 57px)}

/* V27 — titre final dégagé du marqueur client */
.frame-v2-result-label{top:calc(31% + 35px)}

/* V28 — aperçu Frame.io compact, photo propre et marqueurs sur l’image */
.frame-v2{height:350px}
.frame-v2-review{inset:4% 5% auto;height:300px;grid-template-columns:72% 28%;grid-template-rows:36px 1fr}
.frame-v2-viewer{background:center/cover no-repeat url("f1-circuit-clean-v2.png")}
.frame-v2-viewer>img{opacity:0}
.frame-v2-viewer>span{top:50%;width:36px;height:36px;font-size:11px}
.frame-v2-markers{left:4%;right:4%;bottom:10px}
.frame-v2-review aside{padding:8px}
.frame-v2-review aside>strong{margin-bottom:6px}
.frame-v2-review article{margin-bottom:5px;padding:6px 7px;font-size:6.5px;line-height:1.28}
.frame-v2-review article time{margin:3px 0}
.frame-v2-title{top:29%}
.frame-v2-source{top:37%}
.frame-v2-clip{top:calc(37% + 10px)}
.frame-v2-playhead{top:36%}
.frame-v2.is-assembling .clip-1{top:calc(37% + 92px)}
.frame-v2.is-assembling .clip-3{top:calc(37% + 92px)}
.frame-v2.is-assembling .clip-4{top:calc(37% + 92px)}
.frame-v2.is-assembling .clip-5{top:calc(37% + 92px)}
.frame-v2.is-assembling .clip-7{top:calc(37% + 92px)}
.frame-v2-result{top:calc(37% + 82px)}
.frame-v2-result-label{top:calc(37% + 35px)}
@media(max-width:600px){.frame-v2{height:350px}.frame-v2-review{grid-template-columns:66% 34%;height:300px}}

/* V29 — scènes Frame.io centrées et timelines légèrement abaissées */
.frame-v2-review{top:25px;bottom:auto}
.frame-v2-title{top:32%}
.frame-v2-source{top:44%}
.frame-v2-clip{top:calc(44% + 10px)}
.frame-v2-playhead{top:43%}
.frame-v2.is-assembling .clip-1{top:calc(44% + 92px)}
.frame-v2.is-assembling .clip-3{top:calc(44% + 92px)}
.frame-v2.is-assembling .clip-4{top:calc(44% + 92px)}
.frame-v2.is-assembling .clip-5{top:calc(44% + 92px)}
.frame-v2.is-assembling .clip-7{top:calc(44% + 92px)}
.frame-v2-result{top:calc(44% + 82px)}
.frame-v2-result-label{top:calc(44% + 35px)}

/* V30 — les deux aperçus Final Cut partagent exactement le même cadre image */
@media(min-width:981px){
  .path-card:not(.path-card-featured) .relink-demo{bottom:50px;height:260px}
}

/* V32 — les ancres des modes laissent le dock entièrement au-dessus des scènes */
.mode-scene{scroll-margin-top:185px}
@media(max-width:900px){.mode-scene{scroll-margin-top:155px}}
@media(max-width:600px){.mode-scene{scroll-margin-top:140px}}

/* V33 — hiérarchie éditoriale, comparaison et convergence des propositions */
.mode-scene-copy>span{font-size:clamp(24px,2.15vw,30px);letter-spacing:.075em}
.mode-scene-copy h3{font-size:clamp(38px,3.7vw,56px);line-height:.96}
.mode-scene-copy p{font-size:15px;line-height:1.55}
.assistant-advantage{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;width:min(1180px,calc(100% - 44px));margin:145px auto 0;padding:62px;border:1px solid rgba(68,105,166,.5);border-radius:38px;background:radial-gradient(circle at 76% 50%,rgba(40,100,220,.18),transparent 38%),linear-gradient(145deg,#0d1a30,#060d19);box-shadow:0 34px 100px rgba(0,0,0,.3)}
.assistant-advantage h2{margin:17px 0 22px;font-size:clamp(48px,5.5vw,76px);line-height:.92;letter-spacing:-.055em}
.assistant-advantage h2 span{color:transparent;background:linear-gradient(90deg,#8ed9ff,#4b84ff 55%,#a65dff);-webkit-background-clip:text;background-clip:text}
.assistant-advantage-copy>p{margin:0;color:#98aac4;font-size:16px;line-height:1.65}
.time-comparison{display:grid;gap:16px;margin-top:34px}
.time-comparison>div{display:grid;grid-template-columns:125px 1fr;gap:4px 12px;align-items:center}
.time-comparison b{color:#dce8f8;font-size:11px}
.time-comparison small{grid-column:2;color:#6f84a3;font-size:9px}
.time-comparison i{height:8px;overflow:hidden;border-radius:99px;background:#111f35}
.time-comparison i span{display:block;height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.time-comparison>div:first-child i span{width:88%;background:linear-gradient(90deg,#384e70,#687b98)}
.time-comparison>div:last-child i span{width:34%;background:linear-gradient(90deg,#54c4ff,#665cff)}
.assistant-advantage.visible .time-comparison>div:first-child i span{transform:scaleX(1);transition-delay:.2s}
.assistant-advantage.visible .time-comparison>div:last-child i span{transform:scaleX(1);transition-delay:.45s}
.proposal-lab{position:relative;height:365px;padding:30px;border:1px solid #294872;border-radius:26px;background:rgba(4,11,22,.72);overflow:hidden}
.proposal-row{position:absolute;left:7%;right:7%;display:grid;grid-template-columns:78px repeat(4,1fr);gap:5px;align-items:center;height:54px;padding:7px;border:1px solid #294a77;border-radius:9px;background:#09172a;opacity:0;transform:translateX(34px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.proposal-row b{padding-left:5px;color:#7caeff;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.proposal-row>i{height:38px;border-radius:4px;background:center/cover url("interview-paddock-v2.jpg");box-shadow:inset 0 -9px 0 rgba(30,106,201,.8)}
.proposal-row>i:nth-of-type(2){background-image:url("interview-driver-wheel-v3.jpg")}.proposal-row>i:nth-of-type(3){background-image:url("interview-control-room-v2.jpg")}.proposal-row>i:nth-of-type(4){background-image:url("interview-studio-v2.jpg")}
.proposal-row>i.is-picked{outline:2px solid #78b3ff;box-shadow:inset 0 -9px 0 #307bd6,0 0 16px rgba(77,145,255,.5)}
.proposal-derush{top:28px}.proposal-search{top:92px}.proposal-conductor{top:156px}
.assistant-advantage.visible .proposal-row{opacity:1;transform:none}.assistant-advantage.visible .proposal-search{transition-delay:.16s}.assistant-advantage.visible .proposal-conductor{transition-delay:.32s}
.proposal-streams{position:absolute;left:22%;right:10%;top:218px;height:48px}
.proposal-streams i{position:absolute;left:12%;top:0;width:2px;height:52px;background:linear-gradient(#63b9ff,#6859ff);transform:scaleY(0) rotate(-25deg);transform-origin:top;opacity:.8;transition:transform .55s ease}
.proposal-streams i:nth-child(2){left:40%;transform:scaleY(0)}.proposal-streams i:nth-child(3){left:61%;transform:scaleY(0) rotate(18deg)}.proposal-streams i:nth-child(4){left:82%;transform:scaleY(0) rotate(28deg)}
.assistant-advantage.visible .proposal-streams i{transform:scaleY(1) rotate(-25deg);transition-delay:.9s}.assistant-advantage.visible .proposal-streams i:nth-child(2){transform:scaleY(1);transition-delay:1s}.assistant-advantage.visible .proposal-streams i:nth-child(3){transform:scaleY(1) rotate(18deg);transition-delay:1.1s}.assistant-advantage.visible .proposal-streams i:nth-child(4){transform:scaleY(1) rotate(28deg);transition-delay:1.2s}
.proposal-final{position:absolute;left:12%;right:8%;bottom:25px;display:grid;grid-template-columns:92px repeat(4,1fr);gap:5px;align-items:center;height:67px;padding:8px;border:1px solid #508fe9;border-radius:11px;background:#0a1c36;opacity:0;transform:translateY(18px);transition:opacity .55s ease 1.3s,transform .6s ease 1.3s;box-shadow:0 0 32px rgba(45,112,225,.18)}
.assistant-advantage.visible .proposal-final{opacity:1;transform:none}
.proposal-final b{color:#dceaff;font-size:10px;text-align:center}.proposal-final span{height:48px;border-radius:5px;background:center/cover url("interview-driver-wheel-v3.jpg");box-shadow:inset 0 -10px 0 #3178d0}.proposal-final span:nth-of-type(2){background-image:url("interview-control-room-v2.jpg")}.proposal-final span:nth-of-type(3){background-image:url("interview-paddock-v2.jpg")}.proposal-final span:nth-of-type(4){background-image:url("interview-studio-v2.jpg")}
.final-cut-section>h2{font-size:clamp(50px,6.3vw,88px)}
.how-cta{position:relative;isolation:isolate;overflow:hidden;margin-top:30px}
.how-cta::before{content:"";position:absolute;inset:12% 8%;z-index:-1;border-radius:48px;background:radial-gradient(circle,rgba(30,91,226,.5),rgba(8,18,40,.75) 46%,rgba(3,8,18,.12) 72%);filter:blur(18px);animation:ctaBluePulse 4.2s ease-in-out infinite}
.how-cta>p{font-size:clamp(24px,2.7vw,38px);font-weight:700;transition-delay:.05s}
.how-cta>h2{font-size:clamp(70px,10vw,142px);transition-delay:.35s}
.how-cta>.button{transition-delay:.75s;box-shadow:0 0 0 rgba(52,103,255,0);animation:ctaButtonPulse 2.6s ease-in-out infinite}
@keyframes ctaBluePulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes ctaButtonPulse{0%,100%{box-shadow:0 0 0 rgba(52,103,255,0)}50%{box-shadow:0 0 38px rgba(52,103,255,.68)}}
@media(max-width:900px){.assistant-advantage{grid-template-columns:1fr;gap:36px;padding:38px}.proposal-lab{height:365px}.mode-scene-copy>span{font-size:23px}.mode-scene-copy h3{font-size:46px}}
@media(max-width:600px){.assistant-advantage{width:calc(100% - 22px);margin-top:90px;padding:24px 18px;border-radius:25px}.assistant-advantage h2{font-size:46px}.time-comparison>div{grid-template-columns:100px 1fr}.proposal-lab{height:330px;padding:15px}.proposal-row{left:4%;right:4%;grid-template-columns:58px repeat(4,1fr)}.proposal-final{left:5%;right:5%;grid-template-columns:70px repeat(4,1fr)}.how-cta>h2{font-size:62px}}
@media(prefers-reduced-motion:reduce){.time-comparison i span,.proposal-row,.proposal-streams i,.proposal-final{transition:none;transform:none;opacity:1}.how-cta::before,.how-cta>.button{animation:none}}

/* V34 — module autonome : analyses animées, choix puis timeline Final Cut */
.assistant-advantage{display:block;padding:0;border:0;background:none;box-shadow:none}
.assistant-advantage-head{max-width:980px;margin:0 auto 58px;text-align:center}
.assistant-advantage-head h2{margin:18px 0 0;font-size:clamp(66px,9vw,124px);line-height:.86;letter-spacing:-.065em}
.assistant-advantage-card{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center;padding:54px;border:1px solid rgba(68,105,166,.5);border-radius:38px;background:radial-gradient(circle at 76% 50%,rgba(40,100,220,.18),transparent 38%),linear-gradient(145deg,#0d1a30,#060d19);box-shadow:0 34px 100px rgba(0,0,0,.3)}
.assistant-advantage-copy h3{margin:0 0 20px;font-size:clamp(34px,3.5vw,49px);line-height:1;letter-spacing:-.045em}
.assistant-advantage-copy>p{font-size:15px}
.time-comparison>div{grid-template-columns:125px 1fr auto}
.time-comparison strong{min-width:34px;color:#7fc6ff;font-size:16px;text-align:right}
.time-comparison small{grid-column:2/4}
.time-comparison i span{width:100%!important;transform:scaleX(0)}
.time-comparison .comparison-ve i span{background:linear-gradient(90deg,#55c8ff,#615dff)}
.time-comparison .comparison-classic i span{background:linear-gradient(90deg,#354866,#6b7d98)}
.assistant-advantage.visible .comparison-ve i span{animation:comparisonFast 1.1s .25s cubic-bezier(.16,.8,.2,1) forwards}
.assistant-advantage.visible .comparison-classic i span{animation:comparisonSlow 5.4s .5s cubic-bezier(.25,.15,.35,1) forwards}
@keyframes comparisonFast{to{transform:scaleX(1)}}@keyframes comparisonSlow{to{transform:scaleX(.82)}}
.proposal-lab{height:390px;padding:0}
.proposal-row{left:6%;right:6%;grid-template-columns:34px 70px repeat(4,1fr);height:62px;overflow:hidden}
.proposal-row em{display:grid;place-items:center;width:28px;height:28px;color:#a7ceff;border:1px solid #3267ad;border-radius:8px;background:#123567;font-size:11px;font-style:normal;font-weight:900}
.proposal-row b{padding:0}
.proposal-row>i{height:44px;outline:0;filter:saturate(.55) brightness(.62);box-shadow:inset 0 -9px 0 rgba(35,69,111,.9);transition:filter .35s ease,box-shadow .35s ease,outline .35s ease}
.proposal-row>i.is-picked{outline:0;filter:saturate(.55) brightness(.62);box-shadow:inset 0 -9px 0 rgba(35,69,111,.9)}
.proposal-derush{top:24px}.proposal-search{top:98px}.proposal-conductor{top:172px}
.proposal-playhead{position:absolute;z-index:4;left:108px;top:4px;width:2px;height:54px;background:#80c9ff;box-shadow:0 0 9px #4ca8ff;opacity:0}
.proposal-playhead::before{content:"";position:absolute;left:-4px;top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #80c9ff}
.assistant-advantage.visible .proposal-derush .proposal-playhead{animation:proposalScan 1.3s .55s ease-in-out forwards}
.assistant-advantage.visible .proposal-search .proposal-playhead{animation:proposalScan 1.3s 1.5s ease-in-out forwards}
.assistant-advantage.visible .proposal-conductor .proposal-playhead{animation:proposalScan 1.3s 2.45s ease-in-out forwards}
@keyframes proposalScan{0%{left:108px;opacity:0}8%,88%{opacity:1}100%{left:calc(100% - 13px);opacity:0}}
.assistant-advantage.visible .proposal-derush>i.is-picked{animation:proposalPicked .45s 1.55s forwards}.assistant-advantage.visible .proposal-search>i.is-picked{animation:proposalPicked .45s 2.5s forwards}.assistant-advantage.visible .proposal-conductor>i.is-picked{animation:proposalPicked .45s 3.45s forwards}
@keyframes proposalPicked{to{filter:none;outline:2px solid #78b3ff;box-shadow:inset 0 -9px 0 #307bd6,0 0 16px rgba(77,145,255,.5)}}
.proposal-final{left:10%;right:6%;bottom:24px;grid-template-columns:105px repeat(4,1fr);height:76px;transition:none}
.proposal-final b{display:flex;align-items:center;gap:7px}.proposal-final b img{width:25px;height:25px;object-fit:contain}.proposal-final span{height:54px;opacity:0;transform:translateY(-120px) scale(.78)}
.assistant-advantage.visible .proposal-final{opacity:1;transform:none;transition:opacity .35s 3.65s ease}
.assistant-advantage.visible .proposal-final span{animation:clipToFinal .65s cubic-bezier(.2,.8,.2,1) forwards}.assistant-advantage.visible .proposal-final span:nth-of-type(1){animation-delay:3.7s}.assistant-advantage.visible .proposal-final span:nth-of-type(2){animation-delay:3.85s}.assistant-advantage.visible .proposal-final span:nth-of-type(3){animation-delay:4s}.assistant-advantage.visible .proposal-final span:nth-of-type(4){animation-delay:4.15s}
@keyframes clipToFinal{to{opacity:1;transform:none}}
.how-cta{display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:110px 20px}
.how-cta>p{margin:0 0 28px;transition-delay:.1s;transition-duration:1.1s}
.how-cta>h2{margin:0;transition-delay:1.15s;transition-duration:1.1s}
.how-cta>.button{transition-delay:2.15s;transition-duration:.9s}
@media(max-width:900px){.assistant-advantage-card{grid-template-columns:1fr;gap:34px;padding:38px}.assistant-advantage-head h2{font-size:76px}}
@media(max-width:600px){.assistant-advantage-head h2{font-size:52px}.assistant-advantage-card{padding:24px 18px;border-radius:25px}.assistant-advantage-copy h3{font-size:36px}.proposal-row{grid-template-columns:30px 55px repeat(4,1fr);left:3%;right:3%}.proposal-playhead{left:88px}.proposal-final{left:4%;right:3%;grid-template-columns:82px repeat(4,1fr)}.proposal-final b{font-size:8px}.proposal-final b img{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.assistant-advantage.visible .comparison-ve i span,.assistant-advantage.visible .comparison-classic i span,.assistant-advantage.visible .proposal-playhead,.assistant-advantage.visible .proposal-row>i.is-picked,.assistant-advantage.visible .proposal-final span{animation:none;opacity:1;transform:none;filter:none}}

/* V35 — séquence assistant pilotée par le scroll */
.modes-showcase{padding-bottom:0}
.assistant-journey{position:relative;--intro:1;--headline:1;--card:0;--row1:0;--row2:0;--row3:0;--scan1:0;--scan2:0;--scan3:0;--final:0;--load:0;--classic-load:0;width:100%;max-width:none;height:550vh;margin:0;background:radial-gradient(circle at 50% 16%,rgba(29,76,172,.2),transparent 27%),#050b16}
.assistant-sticky{position:sticky;top:0;height:100svh;overflow:hidden;padding:0 max(22px,calc((100vw - 1180px)/2))}
.assistant-journey .assistant-advantage-head{position:absolute;top:var(--head-top,calc(50svh - 125px));right:22px;left:22px;width:auto;margin:0;text-align:center}
.assistant-journey .assistant-advantage-head .step-label{position:absolute;right:0;bottom:calc(100% + 12px);left:0;display:block;font-size:clamp(18px,2vw,27px);opacity:var(--kicker-opacity,0);transform:none}
.assistant-journey .assistant-advantage-head h2{margin:0;font-size:clamp(58px,7.2vw,100px);white-space:nowrap;opacity:var(--headline-opacity,0);transform:translateY(var(--headline-y,24px))}
.assistant-journey .assistant-advantage-card{position:absolute;top:270px;right:max(22px,calc((100vw - 1180px)/2));left:max(22px,calc((100vw - 1180px)/2));gap:38px;width:auto;max-height:none;padding:30px 38px;opacity:var(--card);transform:translateY(var(--card-y))}
.assistant-journey .assistant-advantage-copy{opacity:var(--copy)}
.assistant-journey .time-comparison i span,.assistant-journey .proposal-row,.assistant-journey .proposal-playhead,.assistant-journey .proposal-row>i.is-picked,.assistant-journey .proposal-final,.assistant-journey .proposal-final span{animation:none!important;transition:none}
.assistant-journey .time-comparison .comparison-ve i span{width:100%!important;background:linear-gradient(90deg,#51c9ff,#245cff)!important;transform:scaleX(var(--load))}
.assistant-journey .time-comparison .comparison-classic i span{width:100%!important;background:linear-gradient(90deg,#465264,#778293)!important;transform:scaleX(var(--classic-load))}
.assistant-journey .comparison-ve i{background:#102d56;box-shadow:inset 0 0 0 1px rgba(75,169,255,.2)}
.assistant-journey .comparison-classic i{background:#171d27;box-shadow:inset 0 0 0 1px rgba(142,153,170,.12)}
.assistant-journey .comparison-ve b,.assistant-journey .comparison-ve strong{color:#66c7ff}
.assistant-journey .comparison-ve strong{transform:scale(var(--speed-scale,1));transform-origin:center}
.assistant-journey .comparison-classic b{color:#7c899c}
.assistant-journey .proposal-row{grid-template-columns:88px repeat(4,1fr);transform:none;opacity:var(--row);overflow:visible}
.assistant-journey .proposal-derush{--row:var(--row1)}.assistant-journey .proposal-search{--row:var(--row2)}.assistant-journey .proposal-conductor{--row:var(--row3)}
.assistant-journey .proposal-row b{display:grid;height:30px;padding:0 10px;place-items:center;border:1px solid #3a78c8;border-radius:999px;background:linear-gradient(135deg,#164984,#102d5d);color:#dbeeff;font-size:9px;letter-spacing:.06em;box-shadow:0 0 16px rgba(51,123,224,.22)}
.assistant-journey .proposal-row>i{position:relative;overflow:hidden;filter:none;box-shadow:inset 0 -9px 0 #245e9f}
.assistant-journey .proposal-row>i::after{content:"";position:absolute;right:3px;bottom:2px;left:3px;height:7px;background:repeating-linear-gradient(90deg,#8bd8ff 0 2px,transparent 2px 4px);clip-path:polygon(0 78%,5% 24%,10% 66%,15% 15%,20% 80%,25% 44%,30% 72%,35% 12%,40% 62%,45% 28%,50% 85%,55% 38%,60% 72%,65% 18%,70% 58%,75% 34%,80% 82%,85% 22%,90% 68%,95% 36%,100% 76%,100% 100%,0 100%);opacity:.82}
.assistant-journey .proposal-playhead{left:var(--scan-x);opacity:var(--scan-opacity,0);transform:none}
.assistant-journey .proposal-row.is-scanned>i.is-picked{filter:none;outline:2px solid #78b3ff;box-shadow:inset 0 -9px 0 #307bd6,0 0 16px rgba(77,145,255,.5)}
.assistant-journey .proposal-row.is-scanned>i:not(.is-picked){filter:saturate(.38) brightness(.48);box-shadow:inset 0 -9px 0 rgba(35,69,111,.9)}
.assistant-journey .proposal-row.is-scanned>i.is-picked{opacity:var(--picked-opacity,1)}
.assistant-journey .proposal-final{opacity:var(--final);transform:translateY(var(--final-y,22px))}
.assistant-journey .proposal-final span{position:relative;overflow:hidden;opacity:var(--final);transform:translateY(var(--clip-y,-72px)) scale(var(--clip-scale,.82))}
.assistant-journey .proposal-final span:nth-of-type(1){opacity:var(--final-1)}.assistant-journey .proposal-final span:nth-of-type(2){opacity:var(--final-2)}.assistant-journey .proposal-final span:nth-of-type(3){opacity:var(--final-3)}.assistant-journey .proposal-final span:nth-of-type(4){opacity:var(--final-4)}
.assistant-journey .proposal-final span::after{content:"";position:absolute;right:3px;bottom:2px;left:3px;height:8px;background:repeating-linear-gradient(90deg,#9ce1ff 0 2px,transparent 2px 4px);clip-path:polygon(0 78%,6% 20%,12% 72%,18% 34%,24% 86%,30% 12%,36% 62%,42% 28%,48% 80%,54% 39%,60% 70%,66% 16%,72% 61%,78% 32%,84% 82%,90% 25%,96% 67%,100% 42%,100% 100%,0 100%)}
.assistant-journey .proposal-final b{color:#8fd5ff}
.assistant-journey .proposal-final b small{display:flex;flex-direction:column;color:#c5ddff;font-size:8px;font-style:normal;line-height:1.05;text-align:left}.assistant-journey .proposal-final b small em{color:#fff;font-size:14px;font-style:normal;font-weight:900;white-space:nowrap}
.assistant-journey .proposal-final{bottom:59px}
.proposal-conclusion{position:absolute;right:4%;bottom:16px;left:4%;margin:0;color:#f0f7ff;font-size:13.5px;font-weight:750;line-height:1.25;text-align:center;opacity:var(--conclusion);transform:translateY(8px);white-space:nowrap}
.proposal-conclusion span{display:block}
.final-cut-section{min-height:185svh;padding-bottom:90svh}
.final-cut-section .paths-grid{position:sticky;top:104px;z-index:2}
.how-cta{min-height:100svh;padding:90px 20px 30px}
.how-cta-content{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(52px)}
.how-cta-content>p{margin:0 0 28px;color:#91a4c1;font-size:clamp(24px,2.7vw,38px);font-weight:700;transition-delay:.1s;transition-duration:1.1s}
.how-cta-content>h2{margin:0;font-size:clamp(70px,10vw,142px);transition-delay:1.15s;transition-duration:1.1s}
.how-cta-content>.button{margin-top:42px;transition-delay:2.15s;transition-duration:.9s;box-shadow:0 0 0 rgba(52,103,255,0);animation:ctaButtonPulse 2.6s ease-in-out infinite}
.how-cta{padding-top:190px;padding-bottom:80px}
@media(max-width:900px){.assistant-journey{height:580vh}.assistant-sticky{padding:0 22px}.assistant-journey .assistant-advantage-card{top:245px;right:22px;left:22px;grid-template-columns:1fr;gap:18px;padding:24px}.assistant-journey .assistant-advantage-copy>p{display:none}.assistant-journey .assistant-advantage-copy h3{font-size:31px}.assistant-journey .time-comparison{margin-top:16px}.assistant-journey .proposal-lab{height:315px}.assistant-journey .proposal-row{grid-template-columns:78px repeat(4,1fr)}}
@media(max-width:600px){.assistant-journey{height:600vh}.assistant-sticky{padding:0 11px}.assistant-journey .assistant-advantage-head{right:11px;left:11px}.assistant-journey .assistant-advantage-head h2{font-size:43px;white-space:normal}.assistant-journey .assistant-advantage-head .step-label{font-size:16px}.assistant-journey .assistant-advantage-card{top:230px;right:11px;left:11px;gap:14px;padding:16px 12px}.assistant-journey .assistant-advantage-copy h3{font-size:27px}.assistant-journey .proposal-lab{height:300px}.assistant-journey .proposal-row{left:2%;right:2%;grid-template-columns:70px repeat(4,1fr)}.assistant-journey .proposal-final{grid-template-columns:78px repeat(4,1fr)}}
@media(max-height:760px) and (min-width:901px){.assistant-journey .assistant-advantage-head h2{font-size:66px}.assistant-journey .assistant-advantage-card{top:225px;gap:28px;padding:22px 30px}.assistant-journey .assistant-advantage-copy h3{font-size:34px}.assistant-journey .assistant-advantage-copy>p{font-size:12px}.proposal-lab{height:320px}.proposal-derush{top:14px}.proposal-search{top:76px}.proposal-conductor{top:138px}.proposal-final{bottom:50px;height:64px}.proposal-final span{height:45px}.proposal-conclusion{bottom:14px}}
@media(max-width:800px){.final-cut-section{min-height:auto;padding-bottom:110px}.final-cut-section .paths-grid{position:static}.how-cta-content{transform:translateY(25px)}.how-cta-content>h2{font-size:clamp(48px,14vw,76px)}.proposal-conclusion{white-space:normal}}

/* V47 — les cinq modes deviennent un diaporama horizontal épinglé */
.modes-showcase{height:700vh;padding:120px 0 0;overflow:clip}
.modes-showcase-intro{margin-bottom:38px}
.modes-controls{position:sticky;top:91px;z-index:25;display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:10px}
.modes-controls>p{margin:0;color:#f4f8ff;font-size:18px;font-weight:850;letter-spacing:-.01em;text-align:center;text-shadow:0 5px 25px #050b16}
.modes-controls .modes-dock{position:relative;top:auto;margin:0}
.modes-carousel-stage{position:sticky;top:178px;width:100%;height:calc(100svh - 192px);min-height:510px;overflow:hidden}
.modes-carousel-track{display:flex;width:500%;height:100%;will-change:transform;transform:translate3d(calc(var(--modes-x,0) * -1%),0,0)}
.modes-carousel-track .mode-scene{flex:0 0 20%;width:20%;height:100%;min-height:0;margin:0;padding:42px max(42px,calc((20% - 1080px)/2));border-radius:31px;opacity:.2;transform:scale(.76);transition:opacity .38s ease,transform .5s cubic-bezier(.2,.75,.2,1)}
.modes-carousel-track .mode-scene.is-active{opacity:1;transform:scale(.84)}
.modes-carousel-track .mode-stage{height:min(410px,calc(100svh - 310px))}
@media(max-width:900px){.modes-showcase{height:740vh;padding-top:100px}.modes-controls{top:80px}.modes-controls>p{font-size:15px}.modes-carousel-stage{top:158px;height:calc(100svh - 170px);min-height:550px}.modes-carousel-track .mode-scene{grid-template-columns:1fr;gap:22px;padding:28px 30px}.modes-carousel-track .mode-stage{height:350px}}

/* V63 — chapitres Historique et Final Cut pilotés par le scroll */
.continuity-journey,.final-cut-journey{position:relative;height:390vh;background:#050b16}
.continuity-sticky,.final-cut-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.chapter-title{position:absolute;z-index:4;top:var(--chapter-title-top,calc(50svh - 105px));right:22px;left:22px;text-align:center;opacity:var(--chapter-title-opacity,0);transform:translateY(var(--chapter-title-y,24px)) scale(var(--chapter-title-scale,1));transform-origin:top center}
.chapter-title h2{margin:0;font-size:clamp(70px,9vw,126px);line-height:.87;letter-spacing:-.065em}
.continuity-journey .history-section{position:absolute;top:225px;right:max(22px,calc((100vw - 1180px)/2));left:max(22px,calc((100vw - 1180px)/2));width:auto;margin:0;padding:28px 34px;grid-template-columns:.8fr 1.2fr;gap:58px;border:1px solid rgba(68,105,166,.48);border-radius:34px;background:radial-gradient(circle at 78% 45%,rgba(35,91,205,.16),transparent 38%),linear-gradient(145deg,#0d1a30,#060d19);opacity:var(--chapter-content,0);transform:translateY(var(--chapter-content-y,90px))}
.continuity-journey .history-copy h3{margin:14px 0 18px;font-size:clamp(38px,4vw,57px);line-height:.94;letter-spacing:-.05em}
.continuity-journey .history-copy p{margin:0 0 12px;color:#9badc7;font-size:15px;line-height:1.55}
.continuity-journey .history-stage{padding-bottom:48px}
.continuity-journey .history-workspace{min-height:330px}
.continuity-journey .history-row-real{padding:14px 10px}
.continuity-journey .history-reprompt{bottom:0}
.final-cut-journey{height:430vh}
.final-cut-journey .final-cut-section{position:absolute;inset:0;width:100%;min-height:0;margin:0;padding:0;text-align:center}
.final-cut-journey .final-cut-icon,.final-cut-journey .final-cut-section>.step-label{display:none}
.final-cut-journey .final-cut-section>h2{position:absolute;z-index:4;top:var(--chapter-title-top,calc(50svh - 82px));right:22px;left:22px;margin:0;font-size:clamp(50px,6vw,82px);line-height:.9;opacity:var(--chapter-title-opacity,0);transform:translateY(var(--chapter-title-y,24px)) scale(var(--chapter-title-scale,1));transform-origin:top center;will-change:top,transform,opacity}
.final-cut-journey .paths-grid{position:absolute;top:224px;right:max(22px,calc((100vw - 1180px)/2));left:max(22px,calc((100vw - 1180px)/2));margin:0;opacity:var(--chapter-content,0);transform:translateY(var(--chapter-content-y,72px));will-change:transform,opacity}
.final-cut-journey .path-card{min-height:480px}
@media(max-width:900px){.continuity-journey,.final-cut-journey{height:auto;background:#050b16}.continuity-sticky,.final-cut-sticky{position:relative;height:auto;overflow:visible;padding:100px 0}.chapter-title,.final-cut-journey .final-cut-section>h2{position:relative;top:auto;right:auto;left:auto;margin:0 18px 48px;opacity:1;transform:none}.chapter-title h2{font-size:clamp(54px,14vw,82px)}.continuity-journey .history-section,.final-cut-journey .paths-grid{position:relative;top:auto;right:auto;left:auto;width:calc(100% - 24px);margin:auto;opacity:1;transform:none}.continuity-journey .history-section{grid-template-columns:1fr;gap:28px;padding:26px 20px}.final-cut-journey .final-cut-section{position:relative}.final-cut-journey .final-cut-section>h2{font-size:clamp(48px,12vw,72px)}.final-cut-journey .paths-grid{display:grid}.final-cut-journey .path-card{min-height:0}}
@media(max-width:600px){.modes-showcase{height:720vh}.modes-carousel-stage{top:130px;min-height:530px}.modes-carousel-track .mode-scene{padding:22px 16px}.modes-carousel-track .mode-scene-copy h3{font-size:35px}.modes-carousel-track .mode-scene-copy p{font-size:14px}.modes-carousel-track .mode-stage{height:330px}}

/* V50 — Création : cadre compact et respiration verticale équilibrée */
.modes-carousel-track .mode-scene.mode-creation .creation-v2{height:300px;align-self:center}
@media(max-width:900px){.modes-carousel-track .mode-scene.mode-creation .creation-v2{height:300px}}
@media(max-width:600px){.modes-carousel-track .mode-scene.mode-creation .creation-v2{height:292px}}

/* V51 — Création : état initial stable, sans retour glissé des rushs */
.creation-v2-title{top:29%}
.creation-v2.is-resetting .creation-v2-title,.creation-v2.is-resetting .creation-v2-source,.creation-v2.is-resetting .creation-v2-clip,.creation-v2.is-resetting .creation-v2-playhead,.creation-v2.is-resetting .creation-v2-result,.creation-v2.is-resetting .creation-v2-result-label{transition:none!important}

/* V52 — Dérush : lecture, détection rapide et timeline utile compacte */
.modes-carousel-track .mode-scene.mode-derush .derush-stage{height:300px;align-self:center}
.derush-stage .derush-v6-title{top:23%;opacity:0;transition:opacity .45s ease,transform .45s ease}
.derush-stage .derush-v6-source{top:34%;opacity:0;transition:opacity .45s ease}
.derush-stage .derush-v6-clip{top:calc(34% + 10px);opacity:0;transition:left .62s cubic-bezier(.22,.72,.2,1),top .62s cubic-bezier(.22,.72,.2,1),background .32s ease,border .32s ease,box-shadow .32s ease,opacity .48s ease}
.derush-stage.is-visible .derush-v6-title,.derush-stage.is-visible .derush-v6-source,.derush-stage.is-visible .derush-v6-clip{opacity:1}
.derush-stage.is-assembling .derush-v6-title,.derush-stage.is-assembling .derush-v6-source{opacity:0}
.derush-stage .derush-v6-playhead{position:absolute;z-index:5;left:8%;top:calc(34% - 1px);width:2px;height:84px;background:#70c5ff;box-shadow:0 0 10px #4dafff;opacity:0;transition:left 1.75s cubic-bezier(.35,0,.3,1),opacity .2s ease}
.derush-stage .derush-v6-playhead::before{content:"";position:absolute;left:-4px;top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #70c5ff}
.derush-stage.is-scanning .derush-v6-playhead{left:92%;opacity:1}.derush-stage.is-detect-1 .derush-v6-playhead{opacity:0}
.derush-stage.is-assembling .clip-1{left:8%;top:calc(34% + 102px)}.derush-stage.is-assembling .clip-3{left:23.5%;top:calc(34% + 102px);transition-delay:.07s}.derush-stage.is-assembling .clip-5{left:39%;top:calc(34% + 102px);transition-delay:.14s}.derush-stage.is-assembling .clip-7{left:52.5%;top:calc(34% + 102px);transition-delay:.21s}
.derush-stage .derush-v6-result{left:7%;right:41%;top:calc(34% + 92px)}
.derush-stage>.derush-v6-result-label{left:7%;right:auto;top:calc(34% + 67px);font-size:14px}
.derush-stage.is-resetting .derush-v6-title,.derush-stage.is-resetting .derush-v6-source,.derush-stage.is-resetting .derush-v6-clip,.derush-stage.is-resetting .derush-v6-playhead,.derush-stage.is-resetting .derush-v6-result,.derush-stage.is-resetting .derush-v6-result-label{transition:none!important}
.derush-stage.is-fading .derush-v6-title,.derush-stage.is-fading .derush-v6-source,.derush-stage.is-fading .derush-v6-clip,.derush-stage.is-fading .derush-v6-playhead,.derush-stage.is-fading .derush-v6-result,.derush-stage.is-fading .derush-v6-result-label{opacity:0!important;transition-delay:0s}
@media(max-width:900px){.modes-carousel-track .mode-scene.mode-derush .derush-stage{height:300px}}
@media(max-width:600px){.modes-carousel-track .mode-scene.mode-derush .derush-stage{height:292px}.derush-stage>.derush-v6-result-label{font-size:13px}}

/* V53 — Dérush : état brut remonté et éléments détectés réellement retirés */
.derush-stage .derush-v6-title{top:16%}
.derush-stage .derush-v6-source{top:27%}
.derush-stage .derush-v6-clip{top:calc(27% + 10px)}
.derush-stage .derush-v6-playhead{top:calc(27% - 1px)}
.derush-stage .derush-v6-clip.silence>b{color:#f0b75b}.derush-stage .derush-v6-clip.question>b{color:#c486ff}
.derush-stage.is-removing .derush-v6-clip.removable,.derush-stage.is-removing .derush-v6-clip.removable>b{opacity:0}

/* V54 — Recherche : conclusion plus lisible */
.search-v2-message{color:#dbe8fa}

/* V55 — Recherche : résultat aéré et timeline sonorisée */
.search-v2-result{top:calc(75% + 35px)}
.search-v2-result i{position:relative;overflow:hidden}
.search-v2-result i::after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:11px;background:repeating-linear-gradient(90deg,transparent 0 2px,#76c2ff 2px 4px,transparent 4px 6px);clip-path:polygon(0 62%,6% 20%,12% 76%,18% 34%,24% 88%,30% 15%,36% 66%,42% 28%,48% 80%,54% 38%,60% 90%,66% 18%,72% 69%,78% 31%,84% 82%,90% 22%,96% 61%,100% 48%,100% 100%,0 100%);opacity:.9}

/* V56 — Conducteur : état initial déjà composé, sans retour glissé */
.conductor-v2.is-resetting .conductor-v2-title,.conductor-v2.is-resetting .conductor-v2-source,.conductor-v2.is-resetting .conductor-v2-clip,.conductor-v2.is-resetting .conductor-v2-playhead,.conductor-v2.is-resetting .conductor-v2-result,.conductor-v2.is-resetting .conductor-v2-result-label{transition:none!important}

/* V57 — Conducteur : chiffres dégagés et cadre verticalement équilibré */
.modes-carousel-track .mode-scene.mode-conducteur .conductor-v2{height:350px;align-self:center}
.conductor-v2-source{top:calc(35% + 14px)}
.conductor-v2-clip{top:calc(35% + 22px)}
.conductor-v2-playhead{top:calc(34% + 14px)}
@media(max-width:900px){.modes-carousel-track .mode-scene.mode-conducteur .conductor-v2{height:350px}}
@media(max-width:600px){.modes-carousel-track .mode-scene.mode-conducteur .conductor-v2{height:345px}}

/* V58 — Frame.io : curseur guidé et brief révélé de haut en bas */
.frame-v2-cursor{left:50%;right:auto;top:50%;transform:none;transition:left 1.15s cubic-bezier(.25,.72,.2,1),top 1.15s cubic-bezier(.25,.72,.2,1),transform .2s ease}
.frame-v2.is-pointer .frame-v2-cursor{left:calc(100% - 23px);top:12px;transform:scale(.82)}
.frame-v2.is-menu .frame-v2-cursor{transform:scale(.78)}
.frame-v2-brief>b{opacity:1;clip-path:inset(0 0 100% 0);transition:clip-path .9s steps(6,end)}
.frame-v2.is-brief .frame-v2-brief>b{clip-path:inset(0)}
.frame-v2.is-resetting .frame-v2-cursor,.frame-v2.is-resetting .frame-v2-review,.frame-v2.is-resetting .frame-v2-work,.frame-v2.is-resetting .frame-v2-json,.frame-v2.is-resetting .frame-v2-brief{transition:none!important;animation:none!important}

/* V59 — Frame.io : cadre ajusté à ses deux états d’animation */
.modes-carousel-track .mode-scene.mode-correction .frame-v2{height:350px;align-self:center}
@media(max-width:900px){.modes-carousel-track .mode-scene.mode-correction .frame-v2{height:350px}}
@media(max-width:600px){.modes-carousel-track .mode-scene.mode-correction .frame-v2{height:350px}}

/* V60 — harmonisation des cinq démonstrations sur le gabarit Conducteur */
.modes-carousel-track .mode-scene.mode-creation .creation-v2,.modes-carousel-track .mode-scene.mode-derush .derush-stage,.modes-carousel-track .mode-scene.mode-search .search-v2,.modes-carousel-track .mode-scene.mode-conducteur .conductor-v2,.modes-carousel-track .mode-scene.mode-correction .frame-v2{height:350px;align-self:center}
.creation-v2-source,.derush-stage .derush-v6-source,.search-v2-source,.frame-v2-source{height:92px}
.creation-v2-result,.derush-stage .derush-v6-result,.frame-v2-result{height:92px}
.creation-v2-clip,.derush-stage .derush-v6-clip,.search-v2-clip,.frame-v2-clip{height:76px;border-radius:6px}
.creation-v2-clip::before,.derush-stage .derush-v6-clip::before,.frame-v2-clip::before{inset:2px 2px 21px;border-radius:5px 5px 1px 1px}
.search-v2-clip img{height:53px;border-radius:5px 5px 1px 1px}
.search-v2-source{height:92px}
.search-v2-found{top:calc(34% + 101px)}
.search-v2-message{top:72%}
.search-v2-result{top:calc(72% + 28px)}
@media(max-width:900px){.modes-carousel-track .mode-scene.mode-creation .creation-v2,.modes-carousel-track .mode-scene.mode-derush .derush-stage,.modes-carousel-track .mode-scene.mode-search .search-v2,.modes-carousel-track .mode-scene.mode-conducteur .conductor-v2,.modes-carousel-track .mode-scene.mode-correction .frame-v2{height:350px}}
@media(max-width:600px){.modes-carousel-track .mode-scene.mode-creation .creation-v2,.modes-carousel-track .mode-scene.mode-derush .derush-stage,.modes-carousel-track .mode-scene.mode-search .search-v2,.modes-carousel-track .mode-scene.mode-conducteur .conductor-v2,.modes-carousel-track .mode-scene.mode-correction .frame-v2{height:345px}.search-v2-message{top:72%}.search-v2-result{top:calc(72% + 28px)}}

/* V65 — fiches du carrousel compactes et alignements de chapitres */
.modes-carousel-track .mode-scene{position:relative;align-self:center;height:480px;padding:45px max(20px,calc((20% - 1040px)/2));border:0;background:none;box-shadow:none;overflow:visible}
.modes-carousel-track .mode-scene::after{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(1040px,calc(100% - 32px));height:460px;border:1px solid rgba(61,94,145,.45);border-radius:31px;background:linear-gradient(145deg,rgba(14,27,50,.94),rgba(5,12,24,.96));box-shadow:0 35px 100px rgba(0,0,0,.28);transform:translate(-50%,-50%)}
.modes-carousel-track .mode-scene-copy,.modes-carousel-track .mode-stage{position:relative;z-index:2}
.modes-carousel-track .mode-scene.is-active{transform:scale(.92)}
.assistant-journey .assistant-advantage-head{right:auto;left:50%;width:min(1180px,calc(100% - 44px));transform:translateX(-50%)}
.final-cut-journey .paths-grid{top:239px}
@media(max-width:900px){.modes-carousel-track .mode-scene{height:510px;padding:32px 28px}.modes-carousel-track .mode-scene::after{width:calc(100% - 24px);height:490px}.assistant-journey .assistant-advantage-head{width:calc(100% - 22px)}}
@media(max-width:600px){.modes-carousel-track .mode-scene{height:500px;padding:28px 20px}.modes-carousel-track .mode-scene::after{height:480px;border-radius:25px}.final-cut-journey .paths-grid{top:auto}}

/* V66 — respiration uniforme des fiches et des chapitres */
.modes-carousel-track .mode-scene{height:540px;padding:70px max(28px,calc((100vw - 1040px)/2))}
.modes-carousel-track .mode-scene::after{width:min(1120px,calc(100% - 32px));height:520px}
.assistant-journey .assistant-advantage-card{top:296px}
.continuity-journey .history-section{top:245px}
.final-cut-journey .paths-grid{top:259px}
@media(max-width:900px){.modes-carousel-track .mode-scene{height:540px;padding:55px 40px}.modes-carousel-track .mode-scene::after{height:520px}.assistant-journey .assistant-advantage-card{top:270px}.continuity-journey .history-section,.final-cut-journey .paths-grid{top:auto}}
@media(max-width:600px){.modes-carousel-track .mode-scene{height:520px;padding:45px 28px}.modes-carousel-track .mode-scene::after{height:500px}}

/* V67 — transitions de chapitres légèrement anticipées */
.modes-carousel-track .mode-scene{transform:translateY(-30px) scale(.76)}
.modes-carousel-track .mode-scene.is-active{transform:translateY(-30px) scale(.92)}
.assistant-journey,.continuity-journey,.final-cut-journey{margin-top:-50px}
@media(max-width:900px){.modes-carousel-track .mode-scene,.modes-carousel-track .mode-scene.is-active{transform:none}.assistant-journey,.continuity-journey,.final-cut-journey{margin-top:0}}

/* V61 — photos sans voile et waveforms continues dans l’animation d’ouverture */
.creation-v2 .clip-1::before,.creation-v2 .clip-6::before{background-image:url("interview-studio-v2.jpg")}
.creation-v2 .clip-2::before,.creation-v2 .clip-5::before{background-image:url("interview-paddock-v2.jpg")}
.creation-v2 .clip-3::before,.creation-v2 .clip-7::before{background-image:url("interview-control-room-v2.jpg")}
.creation-v2 .clip-4::before{background-image:url("interview-driver-wheel-v3.jpg")}
.derush-stage .clip-1::before,.derush-stage .clip-6::before,.derush-stage .clip-7::before{background-image:url("interview-paddock-v2.jpg")}
.derush-stage .clip-2::before,.derush-stage .clip-5::before{background-image:url("interview-control-room-v2.jpg")}
.derush-stage .clip-3::before{background-image:url("interview-studio-v2.jpg")}
.derush-stage .clip-4::before{background-image:url("interview-driver-wheel-v3.jpg")}
.creation-v2-clip::before,.derush-stage .derush-v6-clip::before{opacity:1}
.media-card>.waveform{position:relative;display:block;padding:0}
.media-card>.waveform i{display:none}
.media-card>.waveform::after{content:"";position:absolute;inset:4px 5px;background:repeating-linear-gradient(90deg,transparent 0 2px,#61baff 2px 4px,transparent 4px 6px);clip-path:polygon(0 60%,4% 22%,8% 75%,12% 34%,16% 88%,20% 15%,24% 64%,28% 27%,32% 80%,36% 40%,40% 92%,44% 18%,48% 68%,52% 31%,56% 83%,60% 14%,64% 61%,68% 37%,72% 89%,76% 23%,80% 66%,84% 29%,88% 78%,92% 19%,96% 57%,100% 45%,100% 100%,0 100%);opacity:.95}

/* Responsive video masters: desktop keeps the native HTML choreography. */
.mode-video{display:none;position:relative;z-index:2;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #2a456e;border-radius:24px;background:#07101e;box-shadow:inset 0 0 70px rgba(0,0,0,.26),0 22px 50px rgba(0,0,0,.22)}
.mode-video video{display:block;width:100%;height:100%;object-fit:contain;background:#050b16}

/* Tablet: the complete master remains visible, simply tightened in the card. */
@media (min-width:768px) and (max-width:1179px){
  .modes-showcase{height:700vh}
  .modes-carousel-stage{top:154px;height:calc(100svh - 166px);min-height:540px}
  .modes-carousel-track .mode-scene{grid-template-columns:minmax(220px,.72fr) minmax(420px,1.28fr);gap:30px;height:500px;padding:34px max(28px,calc((20% - 1040px)/2))}
  .modes-carousel-track .mode-scene::after{height:480px}
  .modes-carousel-track .mode-stage{display:none}
  .modes-carousel-track .mode-video{display:block;align-self:center}
  .modes-carousel-track .mode-scene-copy h3{font-size:clamp(38px,4.7vw,52px)}
  .modes-carousel-track .mode-scene-copy p{font-size:14px}
}

/* Tablet portrait: text above, full 16:9 master below. */
@media (min-width:768px) and (max-width:900px){
  .modes-carousel-stage{top:146px;min-height:660px}
  .modes-carousel-track .mode-scene{grid-template-columns:1fr;grid-template-rows:auto auto;gap:18px;height:650px;padding:30px 42px}
  .modes-carousel-track .mode-scene::after{height:630px}
  .modes-carousel-track .mode-scene-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:end}
  .modes-carousel-track .mode-scene-copy>span{grid-column:1/-1}
  .modes-carousel-track .mode-scene-copy h3,.modes-carousel-track .mode-scene-copy p{margin:0}
  .modes-carousel-track .mode-video{width:min(720px,100%);justify-self:center}
}

/* Mobile: the video is enlarged inside a shallower viewport; HTML carries the titles. */
@media (max-width:767px){
  .modes-showcase{height:660vh;padding-top:88px}
  .modes-controls{top:76px;gap:5px}
  .modes-controls>p{max-width:92vw;font-size:13px}
  .modes-carousel-stage{top:128px;height:calc(100svh - 138px);min-height:520px}
  .modes-carousel-track .mode-scene{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:16px;height:500px;padding:28px 22px}
  .modes-carousel-track .mode-scene::after{width:calc(100% - 18px);height:480px;border-radius:24px}
  .modes-carousel-track .mode-stage{display:none}
  .modes-carousel-track .mode-video{display:block;width:100%;aspect-ratio:16/9;border-radius:17px}
  .modes-carousel-track .mode-video video{width:100%;max-width:none;transform:none;object-fit:contain}
  .modes-carousel-track .mode-scene-copy>span{font-size:16px}
  .modes-carousel-track .mode-scene-copy h3{margin:10px 0 8px;font-size:clamp(31px,9vw,40px);line-height:.92}
  .modes-carousel-track .mode-scene-copy p{margin:0;font-size:13px;line-height:1.42}
  .modes-dock{max-width:calc(100% - 14px)}
  .modes-dock a{padding:8px 10px}
}

/* Responsive V2 — cadrages complets et compositions dédiées aux petits écrans. */
@media (max-width:1179px){
  .modes-carousel-track .mode-video,
  .modes-carousel-track .mode-video video{
    object-position:center center;
  }
  .modes-carousel-track .mode-video{
    overflow:visible;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
}

@media (max-width:800px){
  .journey-stage{grid-template-rows:50vh 38vh;overflow:hidden}
  .journey-visual{
    width:min(138vw,540px);
    max-width:none;
    height:auto;
    margin:0 auto;
    transform:translateX(-12%) scale(.72);
    transform-origin:center center;
  }
  .journey-copy{position:relative;z-index:3}
  .journey-copy{width:calc(100vw - 44px);max-width:calc(100vw - 44px);overflow:hidden}
  .journey-step{right:0;left:0;width:100%;max-width:100%;overflow:hidden}
  .journey-step{padding-right:22px;padding-left:22px}
  .journey-step h2{font-size:clamp(34px,9.2vw,42px);letter-spacing:-.045em}
  .journey-step p{width:100%;max-width:100%;font-size:14px;white-space:normal;overflow-wrap:anywhere}
}

@media (max-width:600px){
  .modes-controls{top:104px;gap:12px}
  .modes-controls>p{max-width:285px;line-height:1.15}
  .modes-carousel-stage{top:186px;height:calc(100svh - 196px)}
  .assistant-journey .assistant-advantage-head{opacity:calc(1 - var(--card));transition:opacity .25s linear}
  .assistant-journey .assistant-advantage-card{top:94px;bottom:10px;align-content:start;overflow:hidden}
  .assistant-journey .assistant-advantage-copy h3{font-size:25px;line-height:.98}
  .assistant-journey .time-comparison{display:grid;gap:8px;margin-top:12px}
  .assistant-journey .time-comparison>div{grid-template-columns:128px 1fr 38px;row-gap:1px}
  .assistant-journey .assistant-advantage-card{gap:18px}
  .assistant-journey .proposal-lab{height:310px;padding:0;overflow:hidden}
  .assistant-journey .proposal-row{left:3%;right:3%;grid-template-columns:72px repeat(4,minmax(0,1fr));height:56px}
  .assistant-journey .proposal-derush{top:16px}
  .assistant-journey .proposal-search{top:82px}
  .assistant-journey .proposal-conductor{top:148px}
  .assistant-journey .proposal-final{left:4%;right:3%;bottom:38px;height:66px;grid-template-columns:86px repeat(4,minmax(0,1fr))}
  .assistant-journey .proposal-final b{position:relative;z-index:2;gap:4px;padding:0 5px;background:#0b1d38}
  .assistant-journey .proposal-final b small em{font-size:12px}
  .assistant-journey .proposal-final span{height:48px}
  .assistant-journey .proposal-conclusion{right:3%;bottom:8px;left:3%;font-size:10px;line-height:1.15}
  .assistant-journey .proposal-conclusion span{display:block}
  .final-cut-journey .final-cut-section>h2{margin-bottom:34px;font-size:clamp(43px,11.5vw,62px)}
  .final-cut-journey .paths-grid{gap:18px}
  .site-footer{width:calc(100% - 28px);margin-top:20px;padding-top:18px}
  .site-footer .footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}
  .site-footer .footer-brand{align-items:flex-start}
  .site-footer .footer-contact{display:grid;justify-items:end;gap:7px;text-align:right}
  .site-footer .footer-contact a{padding:0;border:0;background:none;font-size:12px}
  .site-footer .footer-contact a[href="contact.html"]{margin:0 0 5px;font-size:15px}
  .site-footer .footer-bottom{margin:12px 0 0;padding-top:10px;text-align:right}
  .relink-demo .offline-state{display:grid;animation:offlineFade 8s ease-in-out infinite}
  .relink-demo .relink-dialog{display:block;animation:dialogCycle 8s ease-in-out infinite}
  .relink-demo .online-state{opacity:0;animation:onlineCycle 8s ease-in-out infinite}
}

@media (max-width:767px) and (orientation:landscape){
  .modes-carousel-stage{top:116px;min-height:360px}
  .modes-carousel-track .mode-scene{grid-template-columns:.78fr 1.22fr;grid-template-rows:1fr;gap:18px;height:350px;padding:20px 32px}
  .modes-carousel-track .mode-scene::after{height:336px}
  .modes-carousel-track .mode-scene-copy h3{font-size:30px}
  .modes-carousel-track .mode-scene-copy p{font-size:11px}
  .modes-carousel-track .mode-video{aspect-ratio:16/9}
}

/* iPad / grandes tablettes tactiles — régime distinct du desktop. */
@media (min-width:768px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .site-header{grid-template-columns:max-content 1fr max-content max-content;gap:18px}
  .site-header .main-nav{display:none}
  .site-header .menu-button{display:block}
  .site-header .main-nav.open{position:absolute;top:calc(100% + 10px);right:0;left:0;display:grid;gap:12px;padding:18px;border:1px solid rgba(112,139,190,.22);border-radius:20px;background:#071021}
  .site-header .header-actions{justify-self:end}

  .modes-showcase{height:700vh;padding-top:108px}
  .modes-controls{top:112px;gap:10px}
  .modes-controls>p{max-width:760px;font-size:17px;line-height:1.18}
  .modes-carousel-stage{top:190px;height:calc(100svh - 202px);min-height:0}
  .modes-carousel-track .mode-scene{grid-template-columns:minmax(260px,.72fr) minmax(480px,1.28fr);grid-template-rows:1fr;align-content:center;gap:32px;height:calc(100svh - 216px);min-height:0;padding:30px 48px}
  .modes-carousel-track .mode-scene::after{width:calc(100% - 24px);height:calc(100% - 18px)}
  .modes-carousel-track .mode-stage{display:none}
  .modes-carousel-track .mode-video{display:block;align-self:center;width:100%;aspect-ratio:16/9}
  .modes-carousel-track .mode-video video{width:100%;height:auto;object-fit:contain}

  .assistant-journey .assistant-advantage-head{opacity:calc(1 - var(--card));transition:opacity .25s linear}
  .assistant-journey .assistant-advantage-card{top:104px;bottom:18px;gap:30px;overflow:hidden;padding:28px 34px}
  .assistant-journey .assistant-advantage-copy h3{font-size:clamp(34px,4vw,48px)}
  .assistant-journey .assistant-advantage-copy>p{font-size:14px}
  .assistant-journey .proposal-lab{height:min(430px,calc(100svh - 165px))}

  .continuity-journey,.final-cut-journey{height:auto;margin-top:0;background:#050b16}
  .continuity-sticky,.final-cut-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding:76px 0}
  .chapter-title,.final-cut-journey .final-cut-section>h2{position:relative;top:auto;right:auto;left:auto;margin:0 22px 42px;opacity:1;transform:none}
  .chapter-title h2{font-size:clamp(58px,7vw,82px)}
  .continuity-journey .history-section,.final-cut-journey .paths-grid{position:relative;top:auto;right:auto;left:auto;width:min(1180px,calc(100% - 44px));margin:auto;opacity:1;transform:none}
  .continuity-journey .history-section{grid-template-columns:.8fr 1.2fr;gap:36px;padding:28px 34px}
  .final-cut-journey .final-cut-section{position:relative;inset:auto}
  .final-cut-journey .final-cut-section>h2{font-size:clamp(54px,7vw,82px)}
  .final-cut-journey .paths-grid{display:grid;gap:18px}
  .final-cut-journey .path-card{min-height:0}
}

/* iPad portrait — le texte précède une vidéo large, sans zone noire perdue. */
@media (min-width:768px) and (max-width:1100px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  .modes-controls{top:118px}
  .modes-controls>p{max-width:640px}
  .modes-carousel-stage{top:200px;height:calc(100svh - 212px)}
  .modes-carousel-track .mode-scene{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:center;gap:22px;height:calc(100svh - 226px);padding:34px 46px}
  .modes-carousel-track .mode-scene-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px 28px;align-items:end}
  .modes-carousel-track .mode-scene-copy>span{grid-column:1/-1}
  .modes-carousel-track .mode-scene-copy h3,.modes-carousel-track .mode-scene-copy p{margin:0}
  .modes-carousel-track .mode-video{align-self:start;width:min(820px,100%);justify-self:center}

  .assistant-journey .assistant-advantage-card{top:96px;grid-template-columns:1fr;align-content:start;gap:18px;padding:25px 30px}
  .assistant-journey .assistant-advantage-copy>p{display:none}
  .assistant-journey .time-comparison{margin-top:16px}
  .assistant-journey .proposal-lab{height:440px}

  .continuity-journey .history-section{grid-template-columns:1fr;gap:26px}
  .final-cut-journey .paths-grid{grid-template-columns:1fr}
}

/* iPad paysage — exploite la largeur et garde les pieds de cartes visibles. */
@media (min-width:1000px) and (max-width:1366px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
  .modes-controls{top:104px}
  .modes-carousel-stage{top:176px;height:calc(100svh - 188px)}
  .modes-carousel-track .mode-scene{height:calc(100svh - 202px);padding:24px 56px}
  .assistant-journey .assistant-advantage-card{top:98px;bottom:14px}
  .assistant-journey .proposal-lab{height:min(405px,calc(100svh - 150px))}
  .continuity-sticky,.final-cut-sticky{padding:58px 0}
  .chapter-title,.final-cut-journey .final-cut-section>h2{margin-bottom:28px}
}

/* Short landscape screens (phones and small tablets). */
@media (max-width:1179px) and (max-height:600px) and (orientation:landscape){
  .modes-showcase{height:650vh;padding-top:70px}
  .modes-controls{top:70px;gap:3px}
  .modes-controls>p{display:none}
  .modes-dock{padding:4px}
  .modes-dock a{padding:6px 9px}
  .modes-carousel-stage{top:112px;height:calc(100svh - 118px);min-height:265px}
  .modes-carousel-track .mode-scene{grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr;align-content:center;gap:20px;height:275px;padding:14px 42px}
  .modes-carousel-track .mode-scene::after{height:265px}
  .modes-carousel-track .mode-scene-copy{display:block}
  .modes-carousel-track .mode-scene-copy>span{font-size:14px}
  .modes-carousel-track .mode-scene-copy h3{margin:8px 0;font-size:27px;line-height:.92}
  .modes-carousel-track .mode-scene-copy p{font-size:10px;line-height:1.35}
  .modes-carousel-track .mode-video{width:100%;aspect-ratio:16/9}
}

/* Mobile V8 — scènes vidéo bord à bord et chapitres scrollés indépendants. */
@media (max-width:600px){
  html,body{width:100%;max-width:100%;overflow-x:clip;background:#050b16}
  main,.journey,.journey-stage{width:100%;max-width:100%}
  .journey-stage{overflow:hidden}
  .journey-visual{width:520px;max-width:none;margin:0;transform:translateX(-17%) scale(.66);transform-origin:center center}
  .modes-carousel-track .mode-scene::after{background:linear-gradient(145deg,#0d1a30,#07101e)}
  .modes-carousel-track .mode-video{overflow:hidden;border-radius:18px;background:#07101e}
  .modes-carousel-track .mode-video video{width:100%;height:100%;object-fit:cover;background:#07101e;transform:scale(1.12)}
  .assistant-journey{height:650vh!important;margin:0!important;padding:0;background:radial-gradient(circle at 50% 16%,rgba(29,76,172,.2),transparent 27%),#050b16}
  .assistant-journey .assistant-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;padding:0 11px}
  .assistant-journey .assistant-advantage-head{position:absolute;right:11px;left:11px;width:auto;margin:0;opacity:calc(1 - var(--card));transform:none}
  .assistant-journey .assistant-advantage-head .step-label{position:absolute;right:0;bottom:calc(100% + 14px);left:0;margin:0}
  .assistant-journey .assistant-advantage-head h2{font-size:clamp(42px,12vw,54px);line-height:.9}
  .assistant-journey .assistant-advantage-card{position:absolute;top:94px;right:11px;bottom:5px;left:11px;width:auto;align-content:start;gap:12px;padding:18px 14px 10px;overflow:hidden}
  .assistant-journey .assistant-advantage-copy h3{font-size:clamp(25px,7.3vw,31px);line-height:.98}
  .assistant-journey .assistant-advantage-copy>p{display:none}
  .assistant-journey .time-comparison{display:grid;gap:7px;margin-top:12px}
  .assistant-journey .time-comparison>div{grid-template-columns:116px minmax(0,1fr) 34px;row-gap:1px}
  .assistant-journey .proposal-lab{height:382px;padding:0;overflow:hidden}
  .assistant-journey .proposal-row{left:2%;right:2%;grid-template-columns:82px repeat(4,minmax(0,1fr));height:54px}
  .assistant-journey .proposal-row b{padding:0 5px;font-size:8px;letter-spacing:.035em;white-space:nowrap}
  .assistant-journey .proposal-derush{top:16px}
  .assistant-journey .proposal-search{top:78px}
  .assistant-journey .proposal-conductor{top:140px}
  .assistant-journey .proposal-final{right:2%;bottom:84px;left:2%;height:66px;grid-template-columns:88px repeat(4,minmax(0,1fr))}
  .assistant-journey .proposal-conclusion{right:1%;bottom:24px;left:1%;color:#fff;font-size:13px;font-weight:800;line-height:1.16}
  .assistant-journey .proposal-conclusion span{display:block}
  .assistant-journey .proposal-conclusion em{color:#67b7ff;font-style:normal}
  .site-footer{width:calc(100% - 28px);margin:12px auto 6px;padding-top:11px}
  .site-footer .footer-main{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;align-items:center;gap:5px 8px}
  .site-footer .footer-brand{grid-column:1/3;grid-row:1;width:max-content;max-width:100%;align-items:center;justify-content:flex-start;text-align:left}
  .site-footer .footer-brand img{height:34px}
  .site-footer .footer-brand div{display:flex;flex-direction:column;align-items:flex-start}
  .site-footer .footer-brand strong{font-size:14px;line-height:1.1}
  .site-footer .footer-brand span{font-size:10px;line-height:1.25;white-space:nowrap}
  .site-footer .footer-contact{display:contents}
  .site-footer .footer-contact a{padding:0;border:0;background:none;font-size:11px;white-space:nowrap}
  .site-footer .footer-contact a[href="contact.html"]{position:static;grid-column:3;grid-row:1;justify-self:center;min-width:0;margin:0;padding:6px 10px;border:1px solid #68558f;border-radius:9px;background:#171321;color:#fff;font-size:12px;line-height:1}
  .site-footer .footer-contact a[href="cgu.html"]{grid-column:1;grid-row:2;justify-self:end}
  .site-footer .footer-contact a[href="confidentialite.html"]{grid-column:2;grid-row:2;justify-self:center}
  .site-footer .footer-contact a[href="mentions-legales.html"]{grid-column:3;grid-row:2;justify-self:start}
  .site-footer .footer-bottom{margin:4px 0 0;padding:4px 0 0;font-size:10px;text-align:center}
}

/* iPad/tablettes tactiles en paysage — finition isolée du mobile et du desktop. */
@media (min-width:1000px) and (max-width:1366px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
  /* La fiche descend sous le sélecteur et utilise la hauteur restante. */
  .modes-carousel-stage{
    top:208px;
    height:calc(100svh - 208px);
  }
  .modes-carousel-track .mode-scene{
    height:calc(100svh - 210px);
    padding-top:28px;
    padding-bottom:8px;
  }
  .modes-carousel-track .mode-scene::after{
    height:calc(100% - 2px);
  }

  /* La vidéo remplit son emplacement : plus de canevas noir autour du master. */
  .modes-carousel-track .mode-video{
    overflow:hidden;
    border-radius:20px;
    background:#07101e;
  }
  .modes-carousel-track .mode-video video{
    width:100%;
    height:100%;
    object-fit:cover;
    background:#07101e;
    transform:scale(1.15);
  }

  /* Les trois pistes respirent ; le Final Cut et sa conclusion remontent ensemble. */
  .assistant-journey .proposal-lab{
    height:min(405px,calc(100svh - 150px));
  }
  .assistant-journey .proposal-row{
    height:54px;
  }
  .assistant-journey .proposal-derush{top:18px}
  .assistant-journey .proposal-search{top:88px}
  .assistant-journey .proposal-conductor{top:158px}
  .assistant-journey .proposal-final{
    bottom:90px;
  }
  .assistant-journey .proposal-conclusion{
    bottom:31px;
  }
}

/* iPad portrait — supprime le canevas noir et donne toute sa force au résultat Final Cut. */
@media (min-width:768px) and (max-width:1100px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  .modes-carousel-track .mode-video{
    overflow:hidden;
    border-radius:20px;
    background:#07101e;
  }
  .modes-carousel-track .mode-video video{
    width:100%;
    height:100%;
    object-fit:cover;
    background:#07101e;
    transform:scale(1.16);
  }

  .assistant-journey .proposal-final{
    bottom:125px;
  }
  .assistant-journey .proposal-conclusion{
    right:2%;
    bottom:45px;
    left:2%;
    color:#fff;
    font-size:18px;
    font-weight:850;
    line-height:1.15;
  }
  .assistant-journey .proposal-conclusion em{
    color:#67b7ff;
    font-style:normal;
  }
}

/* V7.5 — séquence dérush pilotée, sans animations concurrentes */
.mode-derush .derush-stage *{animation:none!important}
.derush-stage .wave-track.raw .rush-part,.derush-stage .wave-track.raw .cut-part{opacity:1;background:repeating-linear-gradient(90deg,#3985e9 0 3px,#1f4f91 3px 7px);box-shadow:none;transition:background .38s ease,box-shadow .38s ease,opacity .7s ease,left .85s cubic-bezier(.22,.72,.2,1),top .85s cubic-bezier(.22,.72,.2,1)}
.derush-stage .derush-tags span{opacity:0;transition:opacity .38s ease}
.derush-stage.is-detect-1 .cut-1,.derush-stage.is-detect-3 .cut-1{background:#e9a63f;box-shadow:inset 0 0 0 1px #ffc465,0 0 14px rgba(233,166,63,.72)}.derush-stage.is-detect-1 .derush-tags span:nth-child(1),.derush-stage.is-detect-3 .derush-tags span:nth-child(1){opacity:1}
.derush-stage.is-detect-2 .cut-1,.derush-stage.is-detect-2 .cut-2,.derush-stage.is-detect-3 .cut-2{box-shadow:inset 0 0 0 1px #c486ff,0 0 14px rgba(137,82,201,.72)}.derush-stage.is-detect-2 .cut-1,.derush-stage.is-detect-3 .cut-1{background:#e9a63f;box-shadow:inset 0 0 0 1px #ffc465,0 0 14px rgba(233,166,63,.72)}.derush-stage.is-detect-2 .cut-2,.derush-stage.is-detect-3 .cut-2{background:#8952c9}.derush-stage.is-detect-2 .derush-tags span:nth-child(-n+2),.derush-stage.is-detect-3 .derush-tags span:nth-child(-n+2){opacity:1}
.derush-stage.is-detect-3 .cut-3{background:#e9a63f;box-shadow:inset 0 0 0 1px #ffc465,0 0 14px rgba(233,166,63,.72)}.derush-stage.is-detect-3 .derush-tags span{opacity:1}
.derush-stage.is-removing .cut-part,.derush-stage.is-removing .derush-tags span{opacity:0}
.derush-stage.is-assembling .rush-1{left:12%;top:168px}.derush-stage.is-assembling .rush-2{left:29.7%;top:168px;transition-delay:.12s}.derush-stage.is-assembling .rush-3{left:47.4%;top:168px;transition-delay:.24s}.derush-stage.is-assembling .rush-4{left:63%;top:168px;transition-delay:.36s}
.derush-stage .useful-frame,.derush-stage>small{opacity:0;transition:opacity .55s ease,transform .55s ease}.derush-stage .useful-frame{transform:scaleX(.96)}.derush-stage>small{transform:translateX(8px)}.derush-stage.is-finished .useful-frame,.derush-stage.is-finished>small{opacity:1;transform:none}
/* Safari/WebKit exposes the encoded video matte when object-fit: contain is used.
   Crop that matte only on tablet/compact desktop; the validated phone layout stays untouched. */
@media (min-width:768px) and (max-width:1366px){
  html.ve-webkit .modes-carousel-track .mode-video{overflow:hidden;background:#07101e}
  html.ve-webkit .modes-carousel-track .mode-video video{width:100%;height:100%;object-fit:cover;background:#07101e;transform:scale(1.16);transform-origin:center center}
}

/*
 * Responsive intermédiaire V16 — test.html uniquement.
 * Le mobile validé s'arrête à 720 px et le grand desktop reprend après 1366 px.
 */
@media (min-width:721px){
  /* Une colonne identique est réservée au multiplicateur sur les deux lignes. */
  .assistant-journey .time-comparison>div{
    grid-template-columns:125px minmax(0,1fr) 52px;
  }
  .assistant-journey .time-comparison i{
    width:100%;
    min-width:0;
  }
  .assistant-journey .comparison-ve strong{
    display:block;
    width:52px;
    min-width:52px;
    justify-self:end;
    text-align:right;
    white-space:nowrap;
  }
  .assistant-journey .time-comparison small{
    grid-column:2/4;
  }
  .assistant-journey .comparison-classic i span{
    transform:scaleX(calc(var(--classic-load) * .9));
  }
  .assistant-journey .proposal-conclusion{
    color:#f4f8ff;
    font-weight:800;
    text-align:center;
    white-space:normal;
  }
  .assistant-journey .proposal-conclusion span{
    display:block;
  }
  .assistant-journey .proposal-conclusion em{
    color:#67b7ff;
    font-style:normal;
  }
}

/*
 * V23 — verrou universel des deux démonstrations (test.html uniquement).
 * Ce bloc reste volontairement en fin de feuille afin qu'aucun ancien
 * breakpoint ne puisse réintroduire une taille, un fond ou une coordonnée.
 */
@media (min-width:721px){
  /* Cinq modes : la slide reste large pour le carrousel, mais la carte visible
     et son contenu ne dépassent jamais la largeur du header. */
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    box-sizing:border-box;
    position:relative;
    display:grid;
    width:20%;
    max-width:none;
    height:min(680px,calc(100svh - 205px));
    min-height:430px;
    margin:0;
    padding-block:clamp(24px,3.2vh,44px);
    padding-inline:max(32px,calc((100% - 1180px)/2 + 42px));
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:hidden;
  }
  .modes-carousel-track .mode-scene::before{display:none}
  .modes-carousel-track .mode-scene::after{
    content:"";
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:50%;
    width:min(1180px,calc(100% - 32px));
    height:auto;
    border:1px solid rgba(61,94,145,.55);
    border-radius:30px;
    background:#050b16;
    box-shadow:0 30px 80px rgba(0,0,0,.24);
    transform:translateX(-50%);
  }
  .modes-carousel-track .mode-scene-copy,
  .modes-carousel-track .mode-video{
    position:relative;
    z-index:2;
    min-width:0;
    min-height:0;
  }
  .modes-carousel-track .mode-video{
    box-sizing:border-box;
    display:block;
    align-self:center;
    justify-self:center;
    width:min(760px,100%);
    max-width:760px;
    aspect-ratio:16/9;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    outline:0;
    background:#050b16;
    box-shadow:none;
    isolation:auto;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    border:0;
    border-radius:0;
    outline:0;
    background:#050b16;
    box-shadow:none;
    object-fit:cover;
    object-position:center;
    transform:none;
    mix-blend-mode:normal;
  }

  /* Animation : six rangées physiques et aucune coordonnée absolue. */
  .assistant-journey .proposal-lab{
    box-sizing:border-box;
    display:grid;
    grid-template-rows:repeat(3,minmax(54px,1fr)) minmax(18px,.35fr) minmax(72px,1.2fr) minmax(68px,.9fr);
    gap:10px;
    align-content:stretch;
    height:auto;
    min-height:470px;
    padding:18px;
    overflow:hidden;
  }
  .assistant-journey .proposal-row,
  .assistant-journey .proposal-final,
  .assistant-journey .proposal-conclusion{
    position:relative!important;
    inset:auto!important;
    width:auto;
    min-width:0;
    height:auto!important;
    min-height:0;
    margin:0;
    transform:none!important;
  }
  .assistant-journey .proposal-derush{grid-row:1}
  .assistant-journey .proposal-search{grid-row:2}
  .assistant-journey .proposal-conductor{grid-row:3}
  .assistant-journey .proposal-final{
    grid-row:5;
    min-height:72px;
  }
  .assistant-journey .proposal-conclusion{
    grid-row:6;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:68px;
    padding:4px 2%;
    font-size:clamp(14px,1.25vw,19px);
    line-height:1.12;
    text-align:center;
  }
}

/* Tablettes et fenêtres intermédiaires : carte verticale contenue, sans jamais
   modifier la version mobile validée (720 px et moins). */
@media (min-width:721px) and (max-width:1050px){
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr);
    align-content:stretch;
    gap:clamp(16px,2.2vh,26px);
    height:calc(100svh - 205px);
    min-height:540px;
    padding-inline:max(28px,calc((100% - 900px)/2 + 34px));
    transform:none;
  }
  .modes-carousel-track .mode-scene::after{
    width:min(900px,calc(100% - 24px));
  }
  .modes-carousel-track .mode-scene-copy{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:8px 26px;
    align-items:end;
  }
  .modes-carousel-track .mode-scene-copy>span{grid-column:1/-1}
  .modes-carousel-track .mode-scene-copy h3,
  .modes-carousel-track .mode-scene-copy p{margin:0}
  .assistant-journey .assistant-advantage-card{
    bottom:12px;
    overflow:auto;
  }
  .assistant-journey .proposal-lab{min-height:500px}
}

@media (min-width:1051px){
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
    grid-template-rows:1fr;
    align-items:center;
    gap:clamp(32px,4vw,64px);
    transform:translateY(-16px) scale(.94);
  }
}

/* V25b — dernier verrou : la cellule impose aussi la hauteur de la vidéo. */
@media (min-width:721px) and (max-width:1050px){
  .modes-carousel-track .mode-video{
    align-self:stretch;
    justify-self:center;
    width:auto;
    max-width:100%;
    height:100%;
    max-height:100%;
    aspect-ratio:16/9;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    width:100%;
    height:100%;
    object-fit:contain;
  }
}
@media (min-width:1051px){
  .modes-carousel-track .mode-video{
    align-self:center;
    justify-self:center;
    width:100%;
    max-width:760px;
    height:auto;
    max-height:100%;
    aspect-ratio:16/9;
  }
}

/* V25 — la vidéo est contrainte par sa propre cellule, en largeur ET hauteur. */
@media (min-width:721px) and (max-width:1050px){
  .modes-carousel-track .mode-video{
    align-self:stretch;
    justify-self:center;
    width:auto;
    max-width:100%;
    height:100%;
    max-height:100%;
    aspect-ratio:16/9;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    width:100%;
    height:100%;
    object-fit:contain;
  }
}

@media (min-width:1051px){
  .modes-carousel-track .mode-video{
    align-self:center;
    justify-self:center;
    width:100%;
    max-width:760px;
    height:auto;
    max-height:100%;
    aspect-ratio:16/9;
  }
}

/* Les masters 16:9 remplacent seuls l'animation HTML aux formats compacts. */
@media (min-width:721px) and (max-width:1179px){
  .modes-carousel-track .mode-video{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border:0;
    border-radius:18px;
    outline:0;
    background:transparent;
    box-shadow:none;
    line-height:0;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    border:0;
    outline:0;
    object-fit:cover;
    object-position:center;
    background:transparent;
    box-shadow:none;
    transform:none;
  }
}

/* À partir de 760 px de haut, la composition respire au lieu d'être tassée. */
@media (min-width:721px) and (max-width:1366px) and (min-height:760px){
  .assistant-journey .assistant-advantage-card{
    right:max(18px,calc((100vw - 1220px)/2));
    left:max(18px,calc((100vw - 1220px)/2));
    gap:clamp(20px,3vw,42px);
    padding:clamp(26px,3vw,38px) clamp(28px,3.4vw,44px);
  }
  .assistant-journey .proposal-lab{
    height:clamp(420px,calc(100svh - 330px),470px);
    min-height:420px;
    overflow:hidden;
  }
  .assistant-journey .proposal-row{
    height:58px;
  }
  .assistant-journey .proposal-derush{top:20px}
  .assistant-journey .proposal-search{top:94px}
  .assistant-journey .proposal-conductor{top:168px}
  .assistant-journey .proposal-final{
    bottom:104px;
    height:70px;
  }
  .assistant-journey .proposal-conclusion{
    right:3%;
    bottom:20px;
    left:3%;
    font-size:clamp(13px,1.35vw,16px);
    line-height:1.16;
  }
}

/* Portrait et fenêtres hautes : le grand cartouche occupe la hauteur disponible. */
@media (min-width:721px) and (max-width:980px) and (min-height:850px){
  .assistant-journey .assistant-advantage-card{
    top:96px;
    bottom:18px;
    grid-template-columns:1fr;
    align-content:start;
    gap:20px;
    overflow:hidden;
  }
  .assistant-journey .assistant-advantage-copy>p{
    display:none;
  }
  .assistant-journey .assistant-advantage-copy h3{
    max-width:100%;
    font-size:clamp(38px,5.5vw,48px);
    line-height:.98;
  }
  .assistant-journey .proposal-lab{
    height:min(470px,calc(100svh - 315px));
    min-height:430px;
  }
  .assistant-journey .proposal-final{
    bottom:116px;
  }
  .assistant-journey .proposal-conclusion{
    right:4%;
    bottom:20px;
    left:4%;
    font-size:clamp(17px,2.4vw,21px);
    line-height:1.12;
  }
}

/* V22 — verrou final : neutralise les anciennes coordonnées, placées plus haut. */
@media (min-width:721px){
  .modes-carousel-track .mode-stage{
    display:none;
  }
  .modes-carousel-track .mode-video{
    display:block;
    isolation:auto;
    background:#050b16;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    object-fit:cover;
    background:#050b16;
    mix-blend-mode:normal;
  }
  .modes-carousel-track .mode-scene::after{
    display:none;
  }
  .assistant-journey .proposal-row{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    grid-template-columns:minmax(96px,20%) repeat(4,minmax(0,1fr));
    height:auto;
    transform:none;
  }
  .assistant-journey .proposal-final{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    height:auto;
    transform:none;
  }
  .assistant-journey .proposal-conclusion{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    transform:none;
  }
}

/*
 * Proposition universelle V21 — test.html uniquement.
 * Au-dessus du mobile validé, les deux démonstrations reposent désormais sur
 * des grilles intrinsèques : aucun bloc ne dépend d'une coordonnée voisine.
 */
@media (min-width:721px){
  /* Cinq modes : un seul fond, deux zones étanches, aucun décor intermédiaire. */
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    box-sizing:border-box;
    width:20%;
    height:min(680px,calc(100svh - 210px));
    min-height:430px;
    padding:clamp(24px,3vw,48px);
    border:1px solid rgba(61,94,145,.55);
    border-radius:30px;
    background:#050b16;
    box-shadow:0 30px 80px rgba(0,0,0,.24);
    overflow:hidden;
  }
  .modes-carousel-track .mode-scene::after{
    display:none;
  }
  .modes-carousel-track .mode-scene-copy,
  .modes-carousel-track .mode-video{
    min-width:0;
    min-height:0;
  }
  .modes-carousel-track .mode-video{
    align-self:center;
    width:100%;
    max-width:none;
    aspect-ratio:16/9;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:#050b16;
    box-shadow:none;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border:0;
    border-radius:0;
    background:#050b16;
    box-shadow:none;
    transform:none;
    mix-blend-mode:normal;
  }

  /* Les boutons partagent la largeur du libellé le plus long. */
  .proposal-row{
    grid-template-columns:minmax(88px,18%) repeat(4,minmax(0,1fr));
  }
  .proposal-row b{
    min-width:0;
    padding:0 4px;
    overflow:hidden;
    font-size:clamp(8px,.78vw,10px);
    line-height:1;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Laboratoire : trois pistes, respiration, Final Cut, puis conclusion. */
  .assistant-journey .proposal-lab{
    box-sizing:border-box;
    display:grid;
    grid-template-rows:repeat(3,minmax(48px,1fr)) minmax(12px,.45fr) minmax(62px,1.25fr) minmax(58px,.9fr);
    gap:10px;
    align-content:stretch;
    height:100%;
    min-height:430px;
    padding:18px;
    overflow:hidden;
  }
  .assistant-journey .proposal-row,
  .assistant-journey .proposal-final,
  .assistant-journey .proposal-conclusion{
    position:relative;
    inset:auto;
    width:auto;
    min-width:0;
    margin:0;
  }
  .assistant-journey .proposal-row{
    left:auto;
    right:auto;
    height:auto;
    min-height:48px;
  }
  .assistant-journey .proposal-derush{grid-row:1}
  .assistant-journey .proposal-search{grid-row:2}
  .assistant-journey .proposal-conductor{grid-row:3}
  .assistant-journey .proposal-final{
    grid-row:5;
    left:auto;
    right:auto;
    bottom:auto;
    height:auto;
    min-height:62px;
  }
  .assistant-journey .proposal-conclusion{
    grid-row:6;
    bottom:auto;
    min-height:58px;
    align-self:stretch;
  }
  .assistant-journey .assistant-advantage-card{
    align-items:stretch;
  }
}

/* Tablettes, fenêtres étroites et formats 4:3 : texte puis vidéo dans le flux. */
@media (min-width:721px) and (max-width:1050px){
  .modes-carousel-stage{
    min-height:0;
  }
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr);
    align-content:stretch;
    gap:clamp(16px,2.3vh,28px);
    height:calc(100svh - 205px);
    min-height:540px;
    padding:clamp(24px,4vw,42px);
    transform:none;
  }
  .modes-carousel-track .mode-scene-copy{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:8px 26px;
    align-items:end;
  }
  .modes-carousel-track .mode-scene-copy>span{
    grid-column:1/-1;
  }
  .modes-carousel-track .mode-scene-copy h3,
  .modes-carousel-track .mode-scene-copy p{
    margin:0;
  }
  .modes-carousel-track .mode-video{
    align-self:center;
    justify-self:center;
    width:min(820px,100%);
    max-height:100%;
  }
}

/* Desktop et portable paysage : deux colonnes stables. */
@media (min-width:1051px){
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);
    grid-template-rows:1fr;
    align-items:center;
    gap:clamp(30px,4vw,64px);
    transform:translateY(-16px) scale(.94);
  }
}

/*
 * Finition V17 : le noir appartient aux masters vidéo eux-mêmes.
 * Le mode screen rend leurs pixels noirs transparents visuellement sur le bleu
 * du cartouche, sans modifier ni remplacer les animations.
 */
@media (min-width:721px) and (max-width:1366px){
  .modes-carousel-track .mode-video{
    isolation:isolate;
    background:#0b1930;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    background:#0b1930;
    mix-blend-mode:screen;
  }
}

/* La fiche iPad paysage commence entièrement sous le sélecteur des modes. */
@media (min-width:1000px) and (max-width:1366px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
  .modes-carousel-stage{
    top:226px;
    height:calc(100svh - 226px);
  }
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    height:calc(100svh - 230px);
    transform:scale(.94);
  }
  .modes-carousel-track .mode-scene::after{
    height:calc(100% - 8px);
  }
}

/* Contact reste un bouton fin, bleu et transparent sur tous les formats. */
.site-footer .footer-contact a[href="contact.html"],
.site-footer a.footer-contact-primary{
  padding:7px 12px;
  border:1px solid rgba(76,139,255,.58);
  border-radius:10px;
  background:rgba(31,91,194,.22);
  box-shadow:inset 0 0 0 1px rgba(103,183,255,.05);
  color:#fff;
  line-height:1;
  text-decoration:none;
}

/*
 * Finition V18 — un seul décor visible autour des masters.
 * Le wrapper reste structurel mais devient totalement neutre. Le noir encodé
 * se fond directement avec le grand cartouche, sans créer de second panneau.
 */
@media (min-width:721px){
  .modes-carousel-track .mode-video{
    isolation:auto;
    padding:0;
    border:0;
    border-radius:0;
    outline:0;
    background:transparent;
    box-shadow:none;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    border:0;
    border-radius:0;
    outline:0;
    background:transparent;
    box-shadow:none;
    mix-blend-mode:screen;
  }
  .modes-carousel-track .mode-scene::after{
    background:#050b16;
  }
}

/* Le titre et le sélecteur restent intégralement sous le header intermédiaire. */
@media (min-width:721px) and (max-width:900px){
  .modes-controls{
    top:104px;
  }
  .modes-carousel-stage{
    top:190px;
    height:calc(100svh - 202px);
  }
}

/*
 * Laboratoire unifié : la conclusion possède sa propre zone verticale.
 * Cette règle couvre aussi le desktop large, où les anciennes positions
 * revenaient après 1366 px. Le mobile validé reste totalement hors périmètre.
 */
@media (min-width:721px){
  .assistant-journey .time-comparison>div{
    grid-template-columns:125px minmax(0,1fr) 52px;
  }
  .assistant-journey .time-comparison i{
    width:100%;
    min-width:0;
  }
  .assistant-journey .comparison-ve strong{
    display:block;
    width:52px;
    min-width:52px;
    justify-self:end;
    text-align:right;
    white-space:nowrap;
  }
  .assistant-journey .time-comparison small{
    grid-column:2/4;
  }
  .assistant-journey .comparison-classic i span{
    transform:scaleX(calc(var(--classic-load) * .9));
  }
  .assistant-journey .proposal-lab{
    min-height:430px;
    overflow:hidden;
  }
  .assistant-journey .proposal-final{
    bottom:110px;
    height:70px;
  }
  .assistant-journey .proposal-conclusion{
    right:4%;
    bottom:18px;
    left:4%;
    min-height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:0;
    color:#f4f8ff;
    font-size:clamp(14px,1.25vw,18px);
    font-weight:800;
    line-height:1.14;
    text-align:center;
    white-space:normal;
  }
  .assistant-journey .proposal-conclusion span{
    display:block;
  }
  .assistant-journey .proposal-conclusion em{
    color:#67b7ff;
    font-style:normal;
  }
}

/* Portables horizontaux bas : composition compacte, mais jamais superposée. */
@media (min-width:901px) and (max-height:759px){
  .assistant-journey .assistant-advantage-card{
    top:150px;
    gap:24px;
    padding:18px 28px;
  }
  .assistant-journey .proposal-lab{
    height:400px;
    min-height:400px;
  }
  .assistant-journey .proposal-row{
    height:52px;
  }
  .assistant-journey .proposal-derush{top:12px}
  .assistant-journey .proposal-search{top:70px}
  .assistant-journey .proposal-conductor{top:128px}
  .assistant-journey .proposal-final{
    bottom:102px;
    height:64px;
  }
  .assistant-journey .proposal-conclusion{
    bottom:18px;
    min-height:60px;
    font-size:clamp(13px,1.15vw,16px);
  }
}

/* Fenêtres étroites et basses, hors mobile : utilisation de toute la hauteur. */
@media (min-width:721px) and (max-width:900px) and (max-height:759px){
  .assistant-journey .assistant-advantage-card{
    top:90px;
    bottom:10px;
    gap:12px;
    padding:16px 18px;
    overflow:hidden;
  }
  .assistant-journey .assistant-advantage-copy>p{
    display:none;
  }
  .assistant-journey .assistant-advantage-copy h3{
    font-size:30px;
  }
  .assistant-journey .proposal-lab{
    height:350px;
    min-height:350px;
  }
  .assistant-journey .proposal-row{
    height:48px;
  }
  .assistant-journey .proposal-derush{top:10px}
  .assistant-journey .proposal-search{top:64px}
  .assistant-journey .proposal-conductor{top:118px}
  .assistant-journey .proposal-final{
    bottom:94px;
    height:60px;
  }
  .assistant-journey .proposal-conclusion{
    bottom:16px;
    min-height:56px;
    font-size:13px;
  }
}

/* Portrait haut : texte final plus généreux dans la zone qui lui est réservée. */
@media (min-width:721px) and (max-width:980px) and (min-height:850px){
  .assistant-journey .proposal-final{
    bottom:124px;
  }
  .assistant-journey .proposal-conclusion{
    bottom:18px;
    min-height:78px;
    font-size:clamp(17px,2.4vw,21px);
    line-height:1.12;
  }
}

/* V22b — ce bloc doit rester le dernier : annulation définitive des anciens offsets. */
@media (min-width:721px){
  .modes-carousel-track .mode-stage{display:none}
  .modes-carousel-track .mode-video{
    display:block;
    isolation:auto;
    background:#050b16;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    object-fit:cover;
    background:#050b16;
    mix-blend-mode:normal;
  }
  .modes-carousel-track .mode-scene::after{display:none}
  .assistant-journey .proposal-row{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    grid-template-columns:minmax(96px,20%) repeat(4,minmax(0,1fr));
    height:auto;
    transform:none;
  }
  .assistant-journey .proposal-final,
  .assistant-journey .proposal-conclusion{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    height:auto;
    transform:none;
  }
}

/* V25c — bloc final : carte contenue et vidéo contrainte dans sa cellule. */
@media (min-width:721px) and (max-width:1050px){
  .modes-carousel-track .mode-video{
    align-self:stretch!important;
    justify-self:center!important;
    width:auto!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    aspect-ratio:16/9!important;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
}
@media (min-width:1051px){
  .modes-carousel-track .mode-video{
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    max-width:760px!important;
    height:auto!important;
    max-height:100%!important;
    aspect-ratio:16/9!important;
  }
}
@media (min-width:721px){
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    box-sizing:border-box;
    position:relative;
    display:grid;
    width:20%;
    max-width:none;
    height:min(680px,calc(100svh - 205px));
    min-height:430px;
    margin:0;
    padding-block:clamp(24px,3.2vh,44px);
    min-width:0;
    padding-inline:max(32px,calc((100vw - 1180px)/2 + 42px));
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:hidden;
  }
  .modes-carousel-track .mode-scene::before{display:none}
  .modes-carousel-track .mode-scene::after{
    content:"";
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:50%;
    width:min(1180px,calc(100% - 32px));
    height:auto;
    border:1px solid rgba(61,94,145,.55);
    border-radius:30px;
    background:#050b16;
    box-shadow:0 30px 80px rgba(0,0,0,.24);
    transform:translateX(-50%);
  }
  .modes-carousel-track .mode-scene-copy,
  .modes-carousel-track .mode-video{
    position:relative;
    z-index:2;
    min-width:0;
    min-height:0;
  }
  .modes-carousel-track .mode-video{
    box-sizing:border-box;
    display:block;
    align-self:center;
    justify-self:center;
    width:min(760px,100%);
    max-width:760px;
    aspect-ratio:16/9;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    outline:0;
    background:#050b16;
    box-shadow:none;
    isolation:auto;
  }
  .modes-carousel-track .mode-video video,
  html.ve-webkit .modes-carousel-track .mode-video video{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    border:0;
    border-radius:0;
    outline:0;
    background:#050b16;
    box-shadow:none;
    object-fit:cover;
    object-position:center;
    transform:none;
    mix-blend-mode:normal;
  }
  .assistant-journey .proposal-lab{
    box-sizing:border-box;
    display:grid;
    grid-template-rows:repeat(3,minmax(54px,1fr)) minmax(18px,.35fr) minmax(72px,1.2fr) minmax(68px,.9fr);
    gap:10px;
    align-content:stretch;
    height:auto;
    min-height:470px;
    padding:18px;
    overflow:hidden;
  }
  .assistant-journey .proposal-row,
  .assistant-journey .proposal-final,
  .assistant-journey .proposal-conclusion{
    position:relative!important;
    inset:auto!important;
    width:auto;
    min-width:0;
    height:auto!important;
    min-height:0;
    margin:0;
    transform:none!important;
  }
  .assistant-journey .proposal-row{
    grid-template-columns:minmax(96px,20%) repeat(4,minmax(0,1fr));
  }
  .assistant-journey .proposal-derush{grid-row:1}
  .assistant-journey .proposal-search{grid-row:2}
  .assistant-journey .proposal-conductor{grid-row:3}
  .assistant-journey .proposal-final{grid-row:5;min-height:72px}
  .assistant-journey .proposal-conclusion{
    grid-row:6;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:68px;
    padding:4px 2%;
    font-size:clamp(14px,1.25vw,19px);
    line-height:1.12;
    text-align:center;
  }
}
@media (min-width:721px) and (max-width:1050px){
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr);
    align-content:stretch;
    gap:clamp(16px,2.2vh,26px);
    height:calc(100svh - 205px);
    min-height:540px;
    padding-inline:max(28px,calc((100vw - 900px)/2 + 34px));
    transform:none;
  }
  .modes-carousel-track .mode-scene::after{width:min(900px,calc(100% - 24px))}
  .modes-carousel-track .mode-scene-copy{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:8px 26px;
    align-items:end;
  }
  .modes-carousel-track .mode-scene-copy>span{grid-column:1/-1}
  .modes-carousel-track .mode-scene-copy h3,
  .modes-carousel-track .mode-scene-copy p{margin:0}
  .assistant-journey .assistant-advantage-card{bottom:12px;overflow:auto}
  .assistant-journey .proposal-lab{min-height:500px}
}
@media (min-width:1051px){
  .modes-carousel-track .mode-scene,
  .modes-carousel-track .mode-scene.is-active{
    grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
    grid-template-rows:1fr;
    align-items:center;
    gap:clamp(32px,4vw,64px);
    transform:translateY(-16px) scale(.94);
  }
}