/* AB Auto 74 — version finale « Néon Lab » (A) · styles communs : base, nav + méga-menu, footer, accessibilité */
:root{--g:#39ff88;--c:#29d8ff;--bg:#050607;--tx:#e8ecef;--mu:#9aa4ab;--fh:Inter,system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,svg{display:block}
.mono{font-family:'JetBrains Mono',monospace}.orb{font-family:Orbitron,sans-serif}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:300;padding:10px 16px;border-radius:10px;background:var(--g);color:#000;font-weight:700;transition:top .2s}.skip:focus{top:12px}
:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
section[id],[id^="o-"]{scroll-margin-top:130px}
/* ---------- NAV ---------- */
.hd{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;gap:30px;padding:18px 4vw;background:linear-gradient(#050607ee,#05060700);transition:background .35s,padding .35s,border-color .35s;border-bottom:1px solid transparent}
.hd.sc{background:rgba(5,6,7,.86);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);padding:12px 4vw;border-color:#ffffff12}
.hd .lg{display:flex;gap:10px;align-items:center;font:900 16px Orbitron;letter-spacing:.06em;margin-right:auto;white-space:nowrap}
.hd .lg i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,var(--g),var(--c));color:#000;font-size:13px;box-shadow:0 0 18px #39ff8844}
.hd .mn{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
.hd .mn>a,.hd .dd>button{padding:10px 14px;border-radius:10px;color:#c9d0d5;transition:.2s;background:none;border:0;font:inherit;cursor:pointer;display:flex;align-items:center;gap:8px}
.hd .mn>a:hover,.hd .dd>button:hover,.hd .dd.op>button{color:#fff;background:#ffffff0c}
.hd .dd>button i{width:8px;height:8px;border-radius:50%;background:var(--x);box-shadow:0 0 10px var(--x)}
.hd .dd>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:.2s}
.hd .dd.op>button::after{transform:rotate(225deg) translateY(-1px)}
.hd .dd.t{--x:var(--g);--xr:57,255,136}.hd .dd.e{--x:var(--c);--xr:41,216,255}
.hd .cta{padding:11px 20px;border-radius:12px;background:var(--a,var(--g));color:#000;font-weight:800;font-size:13px;transition:.25s;box-shadow:0 0 24px rgba(var(--argb,57,255,136),.35);white-space:nowrap}
.hd .cta:hover{box-shadow:0 0 40px rgba(var(--argb,57,255,136),.7);transform:translateY(-1px)}
/* méga-menu */
.mega{position:absolute;left:4vw;right:4vw;top:calc(100% + 4px);display:grid;grid-template-columns:300px 1fr;gap:14px;padding:14px;border-radius:24px;background:rgba(8,10,12,.97);border:1px solid rgba(var(--xr),.28);box-shadow:0 40px 90px #000d,0 0 60px -30px var(--x);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(20px)}
.hd .dd.op .mega{opacity:1;visibility:visible;transform:none}
@media(hover:hover) and (min-width:1021px){.hd .dd:hover .mega{opacity:1;visibility:visible;transform:none}}
.mega .hub{position:relative;border-radius:16px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;background:#000 center/cover;isolation:isolate}
.mega .hub::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050607 10%,#05060755 70%);z-index:-1}
.mega .hub small{font:600 11px 'JetBrains Mono';letter-spacing:.25em;color:var(--x)}.mega .hub b{font:900 26px Orbitron;margin:8px 0;display:block}.mega .hub p{font-size:13.5px;color:#c4ccd2;line-height:1.5}
.mega .hub span{margin-top:14px;font-weight:700;font-size:13px;color:var(--x)}
.mega .its{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mega .it{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border-radius:14px;transition:.2s;align-content:start}
.mega .it:hover,.mega .it:focus-within{background:#ffffff08}
.mega .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--x);background:rgba(var(--xr),.08);border:1px solid rgba(var(--xr),.3);box-shadow:0 0 18px -6px var(--x)}
.mega .ic svg{width:21px;height:21px}
.mega .it>div>a{font-weight:700;font-size:15px;color:#fff;display:block}.mega .it>div>a:hover{color:var(--x)}
.mega .it p{font-size:12.5px;color:var(--mu);line-height:1.45;margin:3px 0 8px}
.mega .it ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px}.mega .it li a{display:block;font-size:11.5px;padding:3px 8px;border-radius:20px;border:1px solid #ffffff14;color:#b6bec4}.mega .it li a:hover{border-color:var(--x);color:var(--x)}
.mega .it.cur>div>a{color:var(--x)}
/* burger + menu mobile */
.hd .bg{display:none;width:44px;height:44px;border-radius:12px;border:1px solid #ffffff2a;background:#0008;color:#fff;cursor:pointer;place-items:center}
.hd .bg span,.hd .bg span::before,.hd .bg span::after{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:.3s}.hd .bg span::before,.hd .bg span::after{content:"";position:absolute;left:0}.hd .bg span::before{top:-6px}.hd .bg span::after{top:6px}
body.mo .hd .bg span{background:transparent}body.mo .hd .bg span::before{top:0;transform:rotate(45deg)}body.mo .hd .bg span::after{top:0;transform:rotate(-45deg)}
.mob{position:fixed;inset:0;z-index:89;background:rgba(5,6,7,.98);padding:92px 6vw 40px;overflow-y:auto;opacity:0;visibility:hidden;transition:.3s}
.mob.op{opacity:1;visibility:visible}
.mob>a{display:block;padding:14px 0;font:800 20px Inter;border-bottom:1px solid #ffffff10}
.mob details{border-bottom:1px solid #ffffff10}.mob summary{list-style:none;cursor:pointer;padding:16px 0;font:900 20px Orbitron;display:flex;justify-content:space-between;align-items:center;color:var(--x)}
.mob summary::after{content:"+";font:400 26px Inter;color:#fff}.mob details[open] summary::after{content:"–"}
.mob details.t{--x:var(--g);--xr:57,255,136}.mob details.e{--x:var(--c);--xr:41,216,255}
.mob .mi{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:10px 0}
.mob .mi .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--x);border:1px solid rgba(var(--xr),.3);background:rgba(var(--xr),.08)}.mob .mi .ic svg{width:19px;height:19px}
.mob .mi b{display:block;font-size:16px}.mob .mi small{color:var(--mu);font-size:12.5px}
.mob .hubl{display:block;margin:4px 0 14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(var(--xr),.35);color:var(--x);font-weight:700;font-size:14px}
.mob .cta2{margin-top:26px;display:block;text-align:center;padding:16px;border-radius:14px;background:var(--g);color:#000;font-weight:800}
@media(max-width:1020px){.hd .mn{display:none}.hd .bg{display:grid}.hd .cta{padding:10px 14px;font-size:12px}.hd{gap:12px}}
@media(max-width:380px){.hd .lg b{display:none}}
/* ---------- FOOTER ---------- */
.ft{position:relative;z-index:2;background:#040506;border-top:1px solid #ffffff12;padding:80px 4vw 30px;color:#a7b0b6;font-size:14px;overflow:hidden}
.ft::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--g),var(--c),transparent);opacity:.6}
.ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px}
.ft .br b{font:900 24px Orbitron;color:#fff;letter-spacing:.04em}.ft .br p{margin-top:14px;line-height:1.6;max-width:330px}
.ft h5{font:600 11px 'JetBrains Mono';letter-spacing:.28em;margin-bottom:16px;text-transform:uppercase}.ft h5.t{color:var(--g)}.ft h5.e{color:var(--c)}.ft h5.w{color:#fff}
.ft ul{list-style:none;display:grid;gap:9px}.ft li a:hover{color:#fff}.ft address{font-style:normal;line-height:1.75}.ft address a{color:#fff}
.ft .so{display:flex;gap:10px;margin-top:16px}.ft .so a{padding:8px 14px;border-radius:30px;border:1px solid #ffffff22;font-size:13px}.ft .so a:hover{border-color:var(--g);color:var(--g)}
.ft .lg2{margin-top:50px;padding:22px 90px 0 0;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#8f989e}
.ft .lg2 a{color:#d0d6da;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.ft .cols{grid-template-columns:1fr 1fr}.ft .br{grid-column:1/-1}}
@media(max-width:560px){.ft{padding:56px 6vw 110px}.ft .cols{grid-template-columns:1fr;gap:30px}.ft .lg2{padding-right:0}}
body.mo .abai-btn,body.mo .abai,body.mo .abai-tip{display:none!important}
/* ---------- animations réduites ---------- */
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}