/* Spectacle visuel sans dépendance externe ; les interfaces métier ne sont pas modifiées. */
:root{--pointer-x:50%;--pointer-y:45%;--depth-x:0px;--depth-y:0px;--scroll-progress:0}
.site-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;transform-origin:left;transform:scaleX(var(--scroll-progress));background:linear-gradient(90deg,#a90009,#ff3b2f,#ffbc87);box-shadow:0 0 15px #ff342b;pointer-events:none}
.situation-hero{perspective:1100px}.situation-images{transform:translate3d(calc(var(--depth-x)*-1),calc(var(--depth-y)*-1),-20px) scale(1.055);will-change:transform;transition:transform .25s ease-out}.situation-content{transform:translate3d(calc(var(--depth-x)*.35),calc(var(--depth-y)*.35),35px);transition:transform .3s ease-out}.hero-depth-grid{position:absolute;inset:auto -20% -110px;height:260px;z-index:-1;pointer-events:none;opacity:.2;background-image:linear-gradient(#ef443940 1px,transparent 1px),linear-gradient(90deg,#ef443940 1px,transparent 1px);background-size:65px 65px;transform:perspective(400px) rotateX(63deg);mask-image:linear-gradient(transparent,#000);animation:grid-travel 12s linear infinite}.hero-lens{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 330px 400px at var(--pointer-x) var(--pointer-y),#ec503411,transparent 72%);mix-blend-mode:screen;z-index:0}.hero-orbit{position:absolute;right:-130px;top:115px;width:410px;height:410px;pointer-events:none;opacity:.22;transform:perspective(800px) rotateY(-55deg) rotateZ(-20deg);transform-style:preserve-3d}.hero-orbit i{position:absolute;inset:0;border:1px solid #ffa59066;border-radius:50%;animation:orbital-axis 24s linear infinite}.hero-orbit i:nth-child(2){inset:30px;animation-direction:reverse;animation-duration:19s}.hero-orbit i:nth-child(3){inset:60px;border-color:#fff4;animation-duration:15s}.hero-orbit i:after{content:'';position:absolute;width:5px;height:5px;background:#ff7665;border-radius:50%;top:15%;left:15%;box-shadow:0 0 18px #ff4937}
.immersive-tech{position:relative;min-height:800px;background:radial-gradient(ellipse at 80% 45%,#251620 0%,#0a101a 40%,#070b12 75%);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:10px;isolation:isolate}.immersive-tech:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 89px,#ffffff04 90px);mask-image:linear-gradient(90deg,transparent,#000)}.tech-copy{position:relative;z-index:2;padding:30px 0}.tech-copy .eyebrow{font-size:8px;letter-spacing:2px;color:#c0b6bd}.tech-copy .eyebrow i{width:5px;height:5px;border-radius:50%;background:#f34d3d;box-shadow:0 0 15px #f34d3d}.tech-copy h2{font-size:clamp(45px,4.5vw,70px);line-height:1.08;letter-spacing:-3px;margin:30px 0}.tech-copy h2 em{color:#ff6b57}.tech-description{max-width:370px;font-size:14px;color:#b4b9c5;line-height:1.9}.tech-stages{display:flex;gap:17px;margin:32px 0 22px}.tech-stage{border:0;border-bottom:1px solid #ffffff20;color:#7b8494;background:none;padding:11px 0;display:flex;gap:7px;align-items:center;font-size:10px;transition:.3s}.tech-stage span{font-size:8px}.tech-stage.active{border-bottom-color:#ff5b45;color:#fff}.tech-stage:hover{color:#fff}.tech-explanation{max-width:390px;min-height:65px;font-size:12px;color:#d6d8e1;line-height:1.9}.tech-disclaimer{max-width:350px;font-size:9px;color:#757f8e;line-height:1.8;margin-top:27px}.tech-visual{height:620px;position:relative;min-width:0;perspective:900px}.tech-halo{position:absolute;width:400px;height:400px;left:50%;top:50%;translate:-50% -50%;background:radial-gradient(ellipse,#e4452c25,transparent 68%);filter:blur(30px);animation:halo-breathe 8s ease-in-out infinite}#technology-canvas{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:pan-y;cursor:grab}#technology-canvas:active{cursor:grabbing}.tech-coordinates{position:absolute;top:20px;left:30px;right:15px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.2px;color:#77778b;pointer-events:none;z-index:2}.tech-coordinates span:last-child{color:#ce7b6f}.tech-legend{position:absolute;bottom:30px;left:30px;right:15px;display:flex;justify-content:space-between;gap:15px;align-items:center;z-index:2}.tech-legend>span{font-size:7px;letter-spacing:2px;color:#d3c5c5;display:flex;align-items:center;gap:7px}.tech-legend i{width:4px;height:4px;border-radius:50%;background:#fb604b;box-shadow:0 0 10px #fb604b}#motion-toggle{color:#9394a4;background:transparent;border:1px solid #ffffff20;padding:8px 10px;border-radius:20px;font-size:8px}.tech-canvas-fallback{position:absolute;inset:15%;perspective:700px}.tech-canvas-fallback img{width:100%;height:100%;object-fit:contain;animation:badge-rotate 10s ease-in-out infinite}
.step-art{transform-style:preserve-3d;transition:transform .3s ease-out,box-shadow .3s;box-shadow:0 20px 30px #00000005}.step-art:hover{box-shadow:0 25px 45px #121b2422}.step-art .mini-phone{animation:badge-rotate 8s ease-in-out infinite}.step-art .cloud{animation:cloud-float 6s ease-in-out infinite}.step-art .proof-sheet{animation:badge-rotate 10s ease-in-out infinite}.network-art{transform-style:preserve-3d}.network-art>span{animation:data-stack 7s ease-in-out infinite;backface-visibility:hidden}.network-art>span:nth-of-type(2){animation-delay:-2s}.network-art>span:nth-of-type(3){animation-delay:-4s}.film-poster{transform-style:preserve-3d;transition:transform .4s,box-shadow .4s;box-shadow:0 20px 60px #0002}.film-poster .play-circle{box-shadow:0 0 0 16px #ffffff03,0 0 0 33px #ffffff02;animation:halo-breathe 5s ease-in-out infinite}.button.red{position:relative;overflow:hidden;box-shadow:0 6px 20px #d8262522;transition:box-shadow .3s,translate .3s}.button.red:before{content:'';position:absolute;left:-100%;top:-50%;width:65%;height:200%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);animation:button-sheen 9s ease-in-out infinite}.button.red:hover{box-shadow:0 12px 35px #d8262555;translate:0 -2px}.end .official-art{animation:badge-rotate 13s ease-in-out infinite;transform-origin:65% 50%}footer{position:relative;padding-bottom:65px}.patent-note{position:absolute;right:5.2%;bottom:20px;color:#6f737d;font-size:8px;letter-spacing:.3px;max-width:300px;text-align:right}.patent-note:before{content:'◈';color:#a5564d;margin-right:7px}.wow-enter{opacity:0;transform:perspective(900px) translate3d(0,45px,-70px) rotateX(8deg);transition:opacity .9s,transform 1.1s cubic-bezier(.22,.8,.25,1)}.wow-enter.wow-visible{opacity:1;transform:perspective(900px) translate3d(0,0,0) rotateX(0)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .situation-images,.motion-paused .situation-content{transform:none!important}
@keyframes grid-travel{to{background-position:0 65px,0 65px}}@keyframes orbital-axis{50%{transform:rotateX(70deg) rotateY(45deg) rotateZ(180deg)}to{transform:rotateX(0) rotateY(0) rotateZ(360deg)}}@keyframes halo-breathe{50%{opacity:.5;scale:1.06}}@keyframes badge-rotate{0%,100%{transform:perspective(850px) rotateY(-12deg) rotateX(4deg) translateY(0)}50%{transform:perspective(850px) rotateY(12deg) rotateX(-4deg) translateY(-10px)}}@keyframes cloud-float{50%{transform:rotateY(20deg) rotateZ(-8deg) translateY(-12px)}}@keyframes data-stack{0%,100%{transform:rotateY(-15deg) rotateZ(-5deg) translateZ(0)}50%{transform:rotateY(8deg) rotateZ(-2deg) translateZ(30px) translateY(-8px)}}@keyframes button-sheen{0%,72%{left:-100%}95%,100%{left:150%}}
@media(max-width:1100px){.site-header nav{gap:15px}.site-header nav a,.site-header nav button{font-size:11px}.immersive-tech{grid-template-columns:1fr 1.1fr;gap:0}.tech-copy h2{font-size:47px}.tech-visual{height:540px}.tech-coordinates{left:5px;right:0}.tech-legend{left:5px;right:0}.tech-stages{gap:12px}.tech-stage{font-size:9px}.tech-copy .eyebrow{font-size:7px;letter-spacing:1.1px}}
@media(max-width:850px){.immersive-tech{display:block;min-height:0}.tech-copy{padding-top:0}.tech-copy h2{font-size:52px;max-width:600px}.tech-copy h2 br:nth-of-type(1){display:none}.tech-description{max-width:470px}.tech-explanation{max-width:500px;min-height:40px}.tech-visual{height:490px;margin-top:5px}.tech-copy .eyebrow{font-size:8px}.tech-disclaimer{max-width:100%;margin-bottom:0}.hero-orbit{width:260px;height:260px;right:-145px;top:130px;opacity:.15}.hero-depth-grid{opacity:.12;height:180px}.tech-copy h2{letter-spacing:-2px}.tech-stages{gap:25px}.tech-stage{font-size:11px}.patent-note{font-size:7px;right:6%;bottom:18px}.tech-legend{bottom:7px}.tech-coordinates{top:10px}}
@media(max-width:420px){.tech-copy h2{font-size:41px}.tech-visual{height:380px}.tech-stages{gap:16px}.tech-stage{font-size:10px}.tech-coordinates{font-size:5px}.tech-legend{gap:5px}.tech-legend>span{font-size:6px}#motion-toggle{font-size:7px}.hero-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.hero-depth-grid,.hero-lens,.hero-orbit{display:none}.situation-images,.situation-content,.step-art,.network-art>span,.film-poster,.end .official-art{transform:none!important;transition:none!important}.wow-enter{opacity:1;transform:none;transition:none}*,*:before,*:after{animation:none!important}}

.tech-callout{position:absolute;padding:13px 15px;border:1px solid #ff78644d;border-radius:8px;background:linear-gradient(125deg,#26303bba,#101725cc);backdrop-filter:blur(12px);box-shadow:0 15px 35px #0003,0 0 30px #f43c2010;z-index:2;pointer-events:none;transform-style:preserve-3d;animation:callout-hover 7s ease-in-out infinite}.tech-callout small{display:block;font-size:6px;letter-spacing:1.3px;color:#c0a19d}.tech-callout b{display:block;font-size:22px;font-weight:500;letter-spacing:-.8px;margin:6px 0;color:#eee0db}.tech-callout span{display:block;font-size:5px;letter-spacing:.6px;color:#9ca8b7}.c-one{left:0;top:25%;rotate:-6deg}.c-two{right:0;bottom:22%;rotate:5deg;animation-delay:-3s}.c-two b{font-size:18px;color:#b8d2be}.tech-visual{overflow:visible}.tech-halo{background:radial-gradient(ellipse,#e4452c44,transparent 68%)}
@keyframes callout-hover{50%{transform:perspective(500px) translateY(-15px) rotateY(12deg) rotateX(-5deg)}}
@media(max-width:850px){.immersive-tech{display:flex;flex-direction:column;align-items:stretch}.tech-visual{order:-1;height:490px;width:100%;margin-top:-30px;margin-bottom:30px}.tech-copy{padding-bottom:0}.tech-callout{padding:10px 12px}.c-one{left:0;top:18%}.c-two{right:0;bottom:18%}.tech-callout b{font-size:20px}.tech-coordinates{font-size:6px}}
@media(max-width:420px){.tech-visual{height:380px}.tech-callout b{font-size:16px}.tech-callout{padding:9px}.tech-callout small{font-size:5px}.tech-callout span{max-width:90px;font-size:4px}.c-one{top:14%;left:-8px}.c-two{bottom:17%;right:-8px}}

#technology-canvas[hidden]{display:none}