/* Neon Immersive v2 — maquette validee 2026-09-23 */
:root{--bg:#05030d;--surface:#100a1e;--text:#fff;--muted:#c9c0d8;--accent:#a64dff;--line:#6234a3}
body{background:radial-gradient(circle at 50% 0,#1b0734 0,#07040f 38%,#030207 100%);color:#fff}
.test-banner{background:#130721;color:#dcbcff;border-bottom:1px solid #7c32d6}
.header{background:#07030ddd;border-bottom:1px solid #7430c477;box-shadow:0 0 35px #8d2cff22}
.brand-mark{border-color:#bd62ff;box-shadow:0 0 16px #a52fff,inset 0 0 13px #6e2cff}
.desktop a:hover,.desktop a[aria-current]{color:#cf76ff;text-shadow:0 0 14px #a52fff}
.nav-cta{background:linear-gradient(90deg,#7b2cff,#d12fff);border-color:#df78ff;color:#fff!important;box-shadow:0 0 22px #a52fff55;border-radius:999px!important}
.hero:before{background:linear-gradient(90deg,#06020df2 0%,#10051cbd 40%,#08041438 72%),var(--hero) center/cover}
.hero:after{background:linear-gradient(transparent,#05030d)}
.hero h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.065em;text-shadow:0 0 35px #7f2cff44}
.hero em{background:linear-gradient(90deg,#b64cff,#ff46d7,#ffd15c);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero .eyebrow,.eyebrow{color:#d46dff!important;text-shadow:0 0 14px #9e36ff}
.button{background:linear-gradient(90deg,#7932ff,#d42fff);border-color:#db67ff;color:#fff;box-shadow:0 0 24px #9c32ff55;border-radius:999px}
.button:hover{background:linear-gradient(90deg,#9d50ff,#ef4cdb);border-color:#f19cff;color:#fff;transform:translateY(-2px)}
.section{background:#05030d}.section:nth-child(odd){background:#090512}
.section+.section{border-color:#7c38bd33}
.section h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.055em}
.lead,.feature p,.split p,.price p{color:#c8bfd4}
.feature{background:linear-gradient(145deg,#130b23,#090612);border:1px solid #7134b2;box-shadow:0 0 30px #7f28d31a}
.feature:hover{border-color:#d75cff;box-shadow:0 0 38px #a62fff55;transform:translateY(-7px)}
.feature:nth-child(2){border-color:#216fff}.feature:nth-child(2):hover{box-shadow:0 0 38px #147cff55}
.feature:nth-child(3){border-color:#e638c5}.feature:nth-child(3):hover{box-shadow:0 0 38px #ff36cf55}
.feature:nth-child(4){border-color:#e0a72f}.feature:nth-child(4):hover{box-shadow:0 0 38px #ffbd3655}
.arrow,.section-link,.section .text-link{color:#d96fff;border-color:#a945e8}
.filters button{color:#dfd3ea;border-color:#7134a3;border-radius:999px}
.filters button.active,.filters button:hover{background:linear-gradient(90deg,#7430ff,#ce35e8);border-color:#dc69ff;color:#fff;box-shadow:0 0 16px #9b36ff55}
.portfolio-card{border:1px solid #7134a3;box-shadow:0 0 24px #8a29cf20}
.portfolio-card:hover{border-color:#d95cff;box-shadow:0 0 35px #9d2dff55}
.portfolio-card small,.portfolio-card em{color:#dd80ff}
.split img{border:1px solid #7336a8;box-shadow:0 0 55px #6f22c844}
.price,.config-fields,.config-summary,.video-grid figure{background:#100a1c;border-color:#62338d}
.price strong,.config-summary strong{color:#d66fff}
.contact-band{background:radial-gradient(circle at 15% 20%,#44105f,#150624 42%,#05030d 78%);border-top:1px solid #8f3ad1;box-shadow:inset 0 25px 80px #9c2cff12}
.footer{background:#030207;border-top:1px solid #8d3bd0}
.footer a:hover{color:#d66fff}
.brand{letter-spacing:-.04em}.brand::first-letter{color:#d26aff}
@media(max-width:650px){.nav-cta,.button{border-radius:999px}.hero-inner{padding-top:5.5rem}}