/* AB Auto 74 — accueil « Néon Lab » (version finale A) — look d'origine conservé */
:root{--g2:#00c853;--c2:#5b6cff}

.mono{font-family:'JetBrains Mono',monospace}.orb{font-family:Orbitron,sans-serif}
/* ===== NAV ===== */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:12px;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:.25s}
.btn.g{background:var(--g);color:#001b0c;box-shadow:0 0 30px #39ff8866}.btn.g:hover{box-shadow:0 0 50px #39ff88aa;transform:translateY(-2px)}
.btn.c{background:var(--c);color:#00151d;box-shadow:0 0 30px #29d8ff66}.btn.c:hover{box-shadow:0 0 50px #29d8ffaa;transform:translateY(-2px)}
.btn.o{border-color:#ffffff30;color:#fff;background:#ffffff08;backdrop-filter:blur(8px)}.btn.o:hover{border-color:#fff}
/* ===== SPLIT ===== */
#split{height:100vh;display:flex;position:relative;overflow:hidden}
.side{flex:1;position:relative;overflow:hidden;transition:flex .8s cubic-bezier(.7,0,.2,1);cursor:pointer;display:flex;align-items:flex-end;padding:0 4vw 12vh}
.side:hover{flex:1.6}.side .bgi{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 1.4s,filter .8s;filter:saturate(.9) brightness(.65)}
.side:hover .bgi{transform:scale(1);filter:saturate(1.15) brightness(.9)}
.side::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050607 0%,#05060700 60%)}
#sT .bgi{background-image:url(../img/tuning_hero.jpg);background-position:62% center}
#sE .bgi{background-image:url(../img/ecu_eclate.jpg);background-size:auto 115%;background-repeat:no-repeat;background-color:#000}
.side .in{position:relative;z-index:2;max-width:520px}
.tag{font:600 12px 'JetBrains Mono';letter-spacing:.25em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center}
.tag::before{content:"";width:28px;height:1px;background:currentColor}
.side h2{font-family:Orbitron;font-size:clamp(34px,5vw,74px);line-height:.95;margin:16px 0 18px;font-weight:900}
#sT .tag,#sT h2 span{color:var(--g);text-shadow:0 0 24px #39ff8888}#sE .tag,#sE h2 span{color:var(--c);text-shadow:0 0 24px #29d8ff88}
.side p{color:#c4ccd2;max-width:420px;line-height:1.6;margin-bottom:26px}
.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;z-index:5;background:linear-gradient(var(--g),var(--c));box-shadow:0 0 20px var(--g),0 0 40px var(--c);transform:skewX(-8deg);pointer-events:none;transition:left .8s cubic-bezier(.7,0,.2,1)}
.splitlogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;pointer-events:none}
.splitlogo .orb{font-size:clamp(14px,1.4vw,18px);letter-spacing:.5em;padding:14px 26px;background:#050607cc;border:1px solid #ffffff22;border-radius:40px;backdrop-filter:blur(10px);white-space:nowrap}
.scrollhint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;font:11px 'JetBrains Mono';letter-spacing:.3em;color:var(--mu)}
/* transition rideau */
#wipe{position:fixed;inset:0;z-index:100;pointer-events:none;transform:translateX(-101%);}
#wipe.go{animation:wipe 1.1s cubic-bezier(.8,0,.2,1)}
@keyframes wipe{0%{transform:translateX(-101%)}45%,55%{transform:translateX(0)}100%{transform:translateX(101%)}}
#wipe .orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;color:#000;letter-spacing:.2em}
/* ===== SECTIONS ===== */
section{position:relative;padding:120px 6vw}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:140px;background-size:cover;background-position:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050607 15%,#050607aa 45%,#05060700 75%),linear-gradient(0deg,#050607 0%,#05060700 30%)}
.hero .ct{position:relative;z-index:2;max-width:640px}
h1{font-family:Inter;font-weight:800;font-size:clamp(40px,6vw,86px);line-height:1;letter-spacing:-.03em;margin:20px 0 22px}
.lead{font-size:18px;line-height:1.65;color:#c4ccd2;max-width:540px;margin-bottom:34px}
.stats{display:flex;gap:40px;margin-top:50px;flex-wrap:wrap}
.stats div b{display:block;font-family:Orbitron;font-size:38px}.stats div span{font-size:12px;color:var(--mu);letter-spacing:.1em;text-transform:uppercase}
.T .acc{color:var(--g);text-shadow:0 0 30px #39ff8877}.E .acc{color:var(--c);text-shadow:0 0 30px #29d8ff77}
.T .stats b{color:var(--g)}.E .stats b{color:var(--c)}
h3.sec{font-size:clamp(30px,4vw,54px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:14px 0 18px}
.sub{color:var(--mu);max-width:620px;line-height:1.6}
.T .tag{color:var(--g)}.E .tag{color:var(--c)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:50px}
.card{position:relative;padding:30px;border-radius:18px;background:linear-gradient(160deg,#ffffff0d,#ffffff03);border:1px solid #ffffff14;overflow:hidden;transition:.35s}
.card::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(140deg,var(--a,#39ff88),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.35s}
.card:hover{transform:translateY(-6px);background:linear-gradient(160deg,#ffffff14,#ffffff05)}.card:hover::before{opacity:1}
.card .n{font:600 12px 'JetBrains Mono';color:var(--a)}.card h4{font-size:21px;margin:14px 0 10px}.card p{color:var(--mu);font-size:14.5px;line-height:1.6}
.card .pr{margin-top:18px;font:600 13px 'JetBrains Mono';color:var(--a)}
.T .card{--a:var(--g)}.E .card{--a:var(--c)}
/* dyno */
.dyno{display:grid;grid-template-columns:360px 1fr;gap:28px;margin-top:50px;align-items:stretch}
.panel{border:1px solid #ffffff14;background:#0a0d0c;border-radius:20px;padding:28px;position:relative}
.panel label{display:block;font:600 11px 'JetBrains Mono';letter-spacing:.2em;color:var(--mu);margin:18px 0 8px;text-transform:uppercase}
select{width:100%;padding:14px;border-radius:10px;background:#000;color:#fff;border:1px solid #ffffff22;font:15px Inter;appearance:none}
select:focus{outline:none;border-color:var(--g)}
.stg{display:flex;gap:8px;margin-top:22px}.stg button{flex:1;padding:12px;border-radius:10px;border:1px solid #ffffff22;background:none;color:#fff;font:700 13px Orbitron;cursor:pointer}
.stg button.on{background:var(--g);color:#000;border-color:var(--g);box-shadow:0 0 20px #39ff8866}.stg button:disabled{opacity:.3;cursor:not-allowed}
.res{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.res div{background:#000;border:1px solid #ffffff12;border-radius:12px;padding:14px}
.res b{font:900 30px Orbitron;color:var(--g)}.res small{display:block;color:var(--mu);font-size:12px;margin-top:4px}
.dyno canvas{width:100%;height:420px;display:block}
.note{font-size:12px;color:#9aa4ab;margin-top:14px;font-style:italic}
.legend{display:flex;flex-wrap:wrap;gap:18px;font:12px 'JetBrains Mono';color:var(--mu);margin-bottom:10px}.legend i{display:inline-block;width:18px;height:2px;vertical-align:middle;margin-right:6px}
/* bande image */
.band{height:70vh;background:url(../img/tuning_dyno.jpg) center/cover fixed;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6vw}
.band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#05060766,#050607 85%)}
.band h3{position:relative;font-size:clamp(28px,4vw,56px);font-weight:800;max-width:900px}
/* étapes */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;counter-reset:s;position:relative}
.steps::before{content:"";position:absolute;top:22px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--a),transparent)}
.steps div{padding-right:24px;position:relative}.steps div::before{counter-increment:s;content:"0" counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#050607;border:1px solid var(--a);color:var(--a);font:700 13px Orbitron;margin-bottom:20px;box-shadow:0 0 18px var(--a)}
.steps h5{font-size:17px;margin-bottom:8px}.steps p{font-size:14px;color:var(--mu);line-height:1.55}
.T .steps{--a:var(--g)}.E .steps{--a:var(--c)}
/* ===== ELEC ===== */
.E{--glow:#29d8ff}
#ecuWrap{height:300vh;position:relative;padding:0}
#ecuSticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;padding:0 6vw;gap:40px;overflow:hidden}
#ecu3d{height:80vh;width:100%;cursor:grab}
.ecuTxt .bar{height:3px;background:#ffffff14;border-radius:3px;margin:26px 0;overflow:hidden}.ecuTxt .bar i{display:block;height:100%;width:0;background:var(--c);box-shadow:0 0 12px var(--c)}
.ecuList{list-style:none;margin-top:10px}.ecuList li{padding:14px 0;border-bottom:1px solid #ffffff10;color:var(--mu);font-size:15px;transition:.3s;display:flex;gap:14px}.ecuList li b{font:600 12px 'JetBrains Mono';color:#ffffff40}.ecuList li.on{color:#fff}.ecuList li.on b{color:var(--c)}
.dashWrap{perspective:1400px;margin-top:50px}
.dash{position:relative;transform-style:preserve-3d;transition:transform .2s ease-out;border-radius:40px;background:radial-gradient(ellipse at 50% 120%,#0e3a4a55,#000 70%),#020405;border:1px solid #29d8ff33;box-shadow:0 40px 120px #29d8ff22,inset 0 0 80px #000;height:440px}
.dash canvas{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(30px);cursor:pointer}
.dash .glass{position:absolute;inset:0;border-radius:40px;background:linear-gradient(115deg,#ffffff12 0%,#ffffff00 35%);transform:translateZ(60px);pointer-events:none}
.dash .hudchip{position:absolute;transform:translateZ(90px);font:600 11px 'JetBrains Mono';letter-spacing:.15em;color:var(--c);border:1px solid #29d8ff55;padding:6px 10px;border-radius:6px;background:#00000099;pointer-events:none}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}
.imgcard{border-radius:20px;overflow:hidden;position:relative;min-height:420px;background:#000 center/contain no-repeat;border:1px solid #ffffff12}
.imgcard .cap{position:absolute;left:0;right:0;bottom:0;padding:26px;background:linear-gradient(0deg,#000,#0000)}
.imgcard h4{font-size:22px;margin-bottom:6px}.imgcard p{color:var(--mu);font-size:14px}
.prices{width:100%;border-collapse:collapse;margin-top:40px;font-size:15px}.prices td,.prices th{padding:16px 10px;border-bottom:1px solid #ffffff10;text-align:left}.prices th{font:600 11px 'JetBrains Mono';letter-spacing:.2em;color:var(--mu);text-transform:uppercase}.prices td:nth-child(2){color:var(--c);font-weight:700}.prices td:nth-child(3){color:var(--mu);text-decoration:line-through}
.brands{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.brands span{padding:10px 16px;border:1px solid #ffffff18;border-radius:30px;font-size:13px;color:#c4ccd2}
/* contact */
#contact{background:radial-gradient(ellipse at 20% 0%,#39ff8812,transparent 50%),radial-gradient(ellipse at 80% 100%,#29d8ff12,transparent 50%)}
.ctc{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}
.ctc .panel p{margin:10px 0;color:#c4ccd2}.ctc .panel b{color:#fff}
form input,form textarea{width:100%;padding:14px;border-radius:10px;background:#000;color:#fff;border:1px solid #ffffff22;font:15px Inter;margin-bottom:12px}
.seg{display:flex;gap:8px;margin-bottom:12px}.seg label{flex:1;margin:0!important}.seg input{display:none}.seg span{display:block;text-align:center;padding:12px;border:1px solid #ffffff22;border-radius:10px;cursor:pointer;font-weight:600;letter-spacing:0;text-transform:none;font-family:Inter;font-size:14px;color:#fff}
.seg input:checked+span.g{background:var(--g);color:#000}.seg input:checked+span.c{background:var(--c);color:#000}
.rv{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
/* particules canvas */
#sparks{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
@media(max-width:900px){#split{flex-direction:column}.side{padding-bottom:8vh}.divider,.splitlogo{display:none}.dyno,.ctc,.duo,#ecuSticky{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps::before{display:none}#ecu3d{height:50vh}.dash{height:300px}.band{background-attachment:scroll}}

/* ===== Pôles de services (sous-pages) ===== */
#services{position:relative;z-index:2;padding:110px 6vw;background:var(--svbg,transparent)}
#services .svh{font-size:clamp(30px,4vw,54px);font-weight:800;letter-spacing:-.02em;margin:14px 0 10px;font-family:var(--svf,inherit)}
#services .svp{color:#8a949c;max-width:640px;line-height:1.6}
.svcols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.svcol h4{font:600 12px 'JetBrains Mono',monospace;letter-spacing:.25em;margin-bottom:14px;text-transform:uppercase}
.svcol.t h4{color:#39ff88}.svcol.e h4{color:var(--sve,#29d8ff)}
.svt{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 20px;margin-bottom:10px;border-radius:var(--svr,14px);border:1px solid #ffffff14;background:linear-gradient(160deg,#ffffff0c,#ffffff02);transition:.3s;text-decoration:none;color:#fff}
.svt small{grid-column:1;font:11px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#8a949c;text-transform:uppercase}
.svt b{grid-column:1;font-size:19px;margin-top:4px;font-family:var(--svf,inherit)}
.svt span{grid-row:1/3;grid-column:2;font-size:22px;transition:.3s}
.svt.t:hover{border-color:#39ff88;box-shadow:0 0 30px -10px #39ff88;transform:translateX(6px)}.svt.t:hover span{color:#39ff88}
.svt.e:hover{border-color:var(--sve,#29d8ff);box-shadow:0 0 30px -10px var(--sve,#29d8ff);transform:translateX(6px)}.svt.e:hover span{color:var(--sve,#29d8ff)}
@media(max-width:900px){.svcols{grid-template-columns:1fr}}

/* --- finitions version finale (sans changer le look) --- */
section#split{padding:0}
.splitlogo{top:max(120px,calc(50% - 160px))}
.side:focus-visible{outline:2px solid var(--col);outline-offset:-6px}
#ecu3d{position:relative}#ecu3d .ld{position:absolute;inset:0;display:grid;place-items:center;font:12px 'JetBrains Mono';letter-spacing:.3em;color:var(--c)}
.ctc .panel a{color:#fff}
.prices{display:table}
.rm #ecuWrap{height:auto}.rm #ecuSticky{position:relative;height:auto;padding:80px 6vw}
@media(max-width:900px){
 #split{height:auto;min-height:100svh}.side{min-height:50svh;padding:110px 6vw 7vh}.side:hover{flex:1}.side .bgi{transform:none}
 .side h2{font-size:clamp(34px,11vw,56px)}
 #ecuWrap{height:200vh}#ecuSticky{padding:80px 6vw 30px;gap:10px;grid-template-rows:auto 1fr;align-content:start}#ecuSticky .sub{display:none}#ecuSticky .ecuList li{padding:8px 0;font-size:14px}#ecu3d{height:44vh}
 section{padding:90px 6vw}.hero{min-height:92svh;padding-top:120px}.hero::before{background:linear-gradient(0deg,#050607 25%,#050607bb 60%,#05060766)}
 .stats{gap:26px}.stats div b{font-size:30px}.band{height:56vh}
 .prices{display:block;overflow-x:auto;white-space:nowrap}
}
@media(max-width:560px){
 h1{font-size:clamp(38px,11.5vw,52px)}.lead{font-size:16.5px}.dyno canvas{height:300px}.dash{height:240px;border-radius:26px}.dash .hudchip{font-size:9px;padding:4px 7px}
 .imgcard{min-height:320px}.steps{grid-template-columns:1fr}.res b{font-size:24px}.legend{font-size:11px;gap:10px}
}
@media (prefers-reduced-motion: reduce){.side,.side .bgi,.divider{transition:none}.band{background-attachment:scroll}}