/* D-SLS — page Produits « 2050 » (toutes les classes préfixées v5-) */
.v5{--c:#3DD6C3;--c2:#00B8D4;--o:#E8890A;--bg:#02040A;--tx:#E6FBFF;--mu:#6E8AA0;--ln:rgba(61,214,195,.18);
 position:relative;background:var(--bg);color:var(--tx);font-family:'Space Grotesk',var(--font-body,system-ui),sans-serif;overflow:hidden;isolation:isolate}
.v5 *{box-sizing:border-box}.v5 a{color:inherit;text-decoration:none}.v5 button{font:inherit;color:inherit;cursor:pointer}
.v5 h1,.v5 h2,.v5 h3,.v5 p{margin:0}
.v5 .c{color:var(--c)}
.v5::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}
/* héros */
.v5-hero{position:relative;height:min(900px,calc(100vh - 110px));min-height:660px;overflow:hidden;isolation:isolate;
 background:radial-gradient(70% 50% at 50% 76%,rgba(0,184,212,.22),transparent 70%),radial-gradient(40% 30% at 50% 100%,rgba(232,137,10,.18),transparent),var(--bg)}
.v5-viz{position:absolute;inset:0}
.v5-floor{position:absolute;left:-50%;right:-50%;bottom:-10%;height:46%;z-index:-1;transform:perspective(500px) rotateX(68deg);transform-origin:50% 100%;
 background-image:linear-gradient(var(--ln) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--ln) 1.5px,transparent 1.5px);background-size:70px 70px;animation:v5run 3s linear infinite;
 -webkit-mask:linear-gradient(transparent,#000 40%);mask:linear-gradient(transparent,#000 40%)}
@keyframes v5run{to{background-position:0 70px}}
.v5-hz{position:absolute;left:0;right:0;top:76%;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);box-shadow:0 0 30px 6px rgba(61,214,195,.4);z-index:-1;opacity:.6}
.v5-big{position:absolute;top:16%;left:0;right:0;text-align:center;font:900 clamp(60px,13vw,200px)/1 'Space Grotesk',sans-serif;letter-spacing:.06em;color:transparent;-webkit-text-stroke:1px rgba(61,214,195,.13);z-index:-1;white-space:nowrap;direction:ltr}
.v5-stage{position:absolute;left:50%;top:76%;width:0;height:0;perspective:1400px;z-index:2}
.v5-ring{position:absolute;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.v5-it{position:absolute;left:-90px;top:-260px;width:180px;height:260px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:opacity .6s,filter .6s;opacity:.35;filter:saturate(.3) brightness(.6)}
.v5-it img{max-width:100%;max-height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.v5-it::after{content:"";position:absolute;bottom:-16px;left:10%;right:10%;height:22px;border-radius:50%;border:1px solid rgba(61,214,195,.5);box-shadow:none}
.v5-it.on{opacity:1;filter:)}
.v5-it.on img{transform:scale(1.75) translateY(-24px)}
.v5-it.on::after{border-color:var(--c);box-shadow:0 0 30px 4px rgba(61,214,195,.7),inset 0 0 20px rgba(61,214,195,.5);left:-20%;right:-20%;height:40px;bottom:-26px}
.v5-it.near{opacity:.6}
.v5-scan{position:absolute;left:50%;top:76%;width:380px;height:520px;transform:translate(-50%,-100%);z-index:3;pointer-events:none;overflow:hidden}
.v5-scan::before{content:"";position:absolute;left:0;right:0;height:60px;background:linear-gradient(transparent,rgba(61,214,195,.28),transparent);border-bottom:1px solid var(--c);animation:v5sc 3.2s ease-in-out infinite}
@keyframes v5sc{0%{top:-60px}100%{top:100%}}
.v5-beam{position:absolute;left:50%;top:76%;width:420px;height:240px;transform:translate(-50%,0);z-index:1;background:radial-gradient(50% 40% at 50% 0,rgba(61,214,195,.35),transparent 80%);filter:blur(4px)}
/* HUD */
.v5-hud{position:absolute;z-index:5;font:500 11px 'JetBrains Mono',monospace;color:var(--mu);letter-spacing:.08em}
.v5-hl{inset-inline-start:clamp(16px,3vw,44px);top:clamp(20px,5vh,56px);width:min(370px,34vw)}
.v5-hr{inset-inline-end:clamp(16px,7vw,100px);top:clamp(20px,5vh,56px);text-align:end}
.v5-fr{position:relative;padding:20px 20px 22px;border:1px solid var(--ln);background:linear-gradient(135deg,rgba(61,214,195,.07),rgba(2,4,10,.6));backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.v5-fr::before{content:"";position:absolute;inset-inline-start:0;top:0;width:40px;height:2px;background:var(--c);box-shadow:none}
.v5-lbl{display:flex;justify-content:space-between;margin-bottom:12px}
.v5-nm{font:900 clamp(28px,3.2vw,48px)/1.05 'Space Grotesk',sans-serif;color:#fff;letter-spacing:.02em;text-shadow:none}
.v5-nm.gl{animation:v5gl .5s steps(2) 1}
@keyframes v5gl{0%{text-shadow:3px 0 var(--o),-3px 0 var(--c);transform:translateX(2px)}50%{text-shadow:-4px 0 var(--o),4px 0 var(--c);transform:translateX(-3px);clip-path:inset(20% 0 30% 0)}100%{transform:none}}
.v5-sb{font:500 15px 'Space Grotesk',sans-serif;color:#a7c4d3;letter-spacing:0;margin:8px 0 18px}
.v5-kpi{margin-bottom:12px}.v5-kpi .r{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.v5-kpi b{font:600 15px 'Space Grotesk',sans-serif;color:#fff;letter-spacing:0;direction:ltr;unicode-bidi:isolate}
.v5-kpi .bar{height:3px;background:rgba(61,214,195,.12);position:relative;overflow:hidden}
.v5-kpi .bar i{position:absolute;inset-inline-start:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--c2),var(--c));box-shadow:none;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.v5-go{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;background:var(--c);color:#001!important;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.12em;clip-path:polygon(0 0,100% 0,100% 70%,calc(100% - 12px) 100%,0 100%);transition:.25s}
.v5-go:hover{background:#fff;box-shadow:none}
.v5-radar{width:110px;height:110px;border-radius:50%;margin:0 0 10px auto;border:1px solid var(--ln);position:relative;background:radial-gradient(circle,transparent 32%,var(--ln) 33%,transparent 34%,transparent 65%,var(--ln) 66%,transparent 67%)}
[dir=rtl] .v5-radar{margin:0 auto 10px 0}
.v5-radar::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(61,214,195,.5),transparent 25%);animation:v5spin 2.6s linear infinite}
.v5-radar i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--o);box-shadow:none}
@keyframes v5spin{to{transform:rotate(360deg)}}
.v5-hr div{margin-bottom:5px}
.v5-nav{position:absolute;z-index:6;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;direction:ltr}
.v5-nav button{width:48px;height:48px;border:1px solid var(--ln);background:rgba(2,4,10,.7);color:var(--c);font-size:18px;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);transition:.2s}
.v5-nav button:hover{background:var(--c);color:#001}
.v5-ct{font:500 13px 'JetBrains Mono',monospace;color:var(--c);min-width:84px;text-align:center}
/* chiffres */
.v5-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ln);background:linear-gradient(90deg,rgba(61,214,195,.04),transparent)}
.v5-stats div{padding:24px clamp(16px,3vw,40px);border-inline-end:1px solid var(--ln)}
.v5-stats b{display:block;font:700 clamp(22px,2.6vw,36px) 'Space Grotesk',sans-serif;color:var(--c);text-shadow:none;direction:ltr;unicode-bidi:isolate}
.v5-stats span{font:400 11px 'JetBrains Mono',monospace;color:var(--mu);letter-spacing:.1em;text-transform:uppercase}
/* gamme */
.v5-sec{max-width:1380px;margin:0 auto;padding:clamp(50px,7vw,90px) clamp(16px,3vw,44px)}
.v5-k{font:500 12px 'JetBrains Mono',monospace;color:var(--c);letter-spacing:.25em}
.v5-sec h2{font:900 clamp(26px,4vw,56px)/1.08 'Space Grotesk',sans-serif;margin:12px 0 26px;letter-spacing:.02em;color:#fff}
.v5-sec h2 em{font-style:normal;color:var(--o);text-shadow:none}
.v5-tbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.v5-tb{border:1px solid var(--ln);background:transparent;color:var(--mu)!important;font:500 11.5px 'JetBrains Mono',monospace;letter-spacing:.08em;padding:9px 14px;transition:.2s}
.v5-tb:hover{color:var(--c)!important;border-color:var(--c)}.v5-tb.on{background:var(--c);color:#001!important;border-color:var(--c)}
.v5-gr{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1000px}
.v5-hc{position:relative;display:block;transform-style:preserve-3d;transition:transform .2s ease-out}
.v5-hc.hide{display:none}
.v5-hcin{position:relative;padding:16px 16px 18px;border:1px solid var(--ln);background:linear-gradient(160deg,rgba(61,214,195,.06),rgba(2,4,10,.9) 60%);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:border-color .3s,background .3s}
.v5-hc:hover .v5-hcin{border-color:var(--c);background:linear-gradient(160deg,rgba(61,214,195,.14),rgba(2,4,10,.9) 70%)}
.v5-hct{display:flex;justify-content:space-between;gap:8px;font:500 10px 'JetBrains Mono',monospace;letter-spacing:.14em;color:var(--mu);text-transform:uppercase}.v5-hct span:first-child{color:var(--c)}
.v5-hci{height:220px;display:flex;align-items:flex-end;justify-content:center;margin:12px 0 14px;position:relative;background:radial-gradient(50% 18% at 50% 96%,rgba(61,214,195,.35),transparent 80%)}
.v5-hci::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--c);box-shadow:none;opacity:0}
.v5-hc:hover .v5-hci::after{opacity:1;animation:v5sc2 1.4s ease-in-out infinite}
@keyframes v5sc2{0%{top:0}100%{top:100%}}
.v5-hci img{max-height:100%;max-width:72%;object-fit:contain;transform:translateZ(40px);transition:transform .5s,filter .5s;filter:saturate(.75)}
.v5-hc:hover .v5-hci img{filter:saturate(1.05) );transform:translateZ(60px) translateY(-6px)}
.v5-hc h3{font:700 18px 'Space Grotesk',sans-serif;letter-spacing:.03em;color:#fff}.v5-hc p{color:var(--mu);font-size:14px;margin-top:4px;min-height:20px}
.v5-hck{display:flex;align-items:baseline;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--ln)}
.v5-hck b{font:600 15px 'JetBrains Mono',monospace;color:#fff;direction:ltr;unicode-bidi:isolate}.v5-hck span{font:400 10px 'JetBrains Mono',monospace;color:var(--mu);text-transform:uppercase;letter-spacing:.1em}
.v5-hcg{margin-top:12px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.2em;color:var(--c);opacity:.5;transition:.3s}.v5-hc:hover .v5-hcg{opacity:1;letter-spacing:.3em}
.v5-gl{position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--gx,50%) var(--gy,0%),rgba(61,214,195,.16),transparent 60%);opacity:0;transition:opacity .3s}
.v5-hc:hover .v5-gl{opacity:1}
.v5-end{max-width:1380px;margin:0 auto;padding:0 clamp(16px,3vw,44px) 80px}
.v5-end .v5-fr{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:clamp(26px,4vw,50px)}
.v5-end h2{font:900 clamp(22px,3vw,40px)/1.15 'Space Grotesk',sans-serif;color:#fff}.v5-end p{color:var(--mu);margin-top:8px}
.v5-end .v5-go{margin:0;padding:18px 26px}
@media(max-width:1000px){.v5-gr{grid-template-columns:repeat(2,1fr)}.v5-stats{grid-template-columns:repeat(2,1fr)}.v5-hr{display:none}}
@media(max-width:700px){
 .v5-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:30px}
 .v5-viz{position:relative;height:470px;order:1}.v5-nav{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;margin:0 0 18px;order:2}
 .v5-hl{position:relative;inset:auto;width:auto;margin:0 16px;order:3}
 .v5-stage,.v5-scan,.v5-beam,.v5-hz{top:78%}.v5-scan{width:260px;height:360px}
 .v5-it{left:-60px;top:-170px;width:120px;height:170px}.v5-it.on img{transform:scale(1.75) translateY(-18px)}
 .v5-big{top:20px;font-size:64px}.v5-floor{height:40%}
 .v5-gr{grid-template-columns:1fr 1fr;gap:10px}.v5-hci{height:150px}.v5-hc h3{font-size:13px}.v5-hc p{font-size:12px}.v5-hcin{padding:12px}.v5-hck b{font-size:12px}.v5-hck span{display:none}
 .v5-tbs{flex-wrap:nowrap;overflow-x:auto}.v5-tb{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.v5 *{animation:none!important;transition:none!important}}