/* WEBNELYS — Direction artistique NEON. Identité commune avec les pages intérieures. */
:root{--violet:#b46cff;--lavender:#d8b5ff}
body{background:#090e24;color:#f8f7ff}
.top-glow{z-index:0;width:100%;height:1100px;background:radial-gradient(ellipse at 84% 24%,#6521c84d,transparent 45%),radial-gradient(ellipse at 12% 28%,#252b874f,transparent 56%);}
.site-header{max-width:1510px;height:98px;border-bottom:1px solid #bba0ff24}
.brand-symbol{color:#fff;text-shadow:0 0 24px #ad67ff}
.brand-word>span{color:#cb8bff;text-shadow:0 0 20px #b45bff66}
.brand-word small{color:#c2b2db}
.site-header nav a{color:#e1d9f1}
.site-header nav a:hover{color:#d5a2ff}
.header-cta{border:1px solid #b96aff80;color:#fff;background:#a44cff16;box-shadow:inset 0 0 16px #ac63ff17,0 0 22px #9c3dff17}
.header-cta:hover{background:#9040e6;border-color:#d49cff;color:#fff}
.hero{max-width:1510px;min-height:790px;grid-template-columns:1.04fr .96fr;gap:20px;padding-top:70px;padding-bottom:130px;isolation:isolate}
.hero:before{content:'';position:absolute;inset:10% -10% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 64% 48%,#8435e323,transparent 47%)}
.eyebrow{color:#cdb3fa}.pulse{background:#dc87ff;box-shadow:0 0 0 5px #8e42ef29,0 0 22px #d58cff}.eyebrow-line{background:#bb90fa}
.hero h1{font-size:clamp(40px,4.2vw,67px);line-height:1.18;letter-spacing:-3.6px;white-space:normal;max-width:770px;text-wrap:balance;text-shadow:0 5px 30px #0006}
.hero h1 em{background:linear-gradient(100deg,#fff 0%,#dfb3ff 30%,#9e55ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .stroke-text{color:#f7e8ff;-webkit-text-stroke:0;text-shadow:0 0 30px #b453ff95,0 0 70px #812dff5e}
.hero-lead{color:#c5bedb;max-width:550px;font-size:16px;line-height:1.85}
.btn-primary{background:linear-gradient(110deg,#7c31ed,#b954f9);border:1px solid #e3b5ff80;box-shadow:0 10px 32px #8d37f55c,inset 0 1px 0 #fff6}
.btn-primary:hover{box-shadow:0 14px 50px #ac56ff9c}
.text-link{color:#f0e7ff;border-color:#ab70ec}.text-link span{color:#d49aff}
.hero-proof{margin-top:50px}.hero-proof p{color:#c6bddc}.hero-proof strong{color:#fff}.avatar-stack span{border-color:#14132f}
.neon-stage{height:620px;position:relative;isolation:isolate;overflow:visible}
.neon-aura{position:absolute;inset:10% -5%;border-radius:50%;background:radial-gradient(ellipse,#b95cff70 0%,#6a2be83c 32%,transparent 70%);filter:blur(44px);z-index:-2}
.neon-ring{position:absolute;width:75%;height:78%;border:1px solid #b76bff80;border-radius:50%;transform:rotate(-25deg) scaleX(1.18);box-shadow:0 0 36px #b76bff3b,inset 0 0 35px #b76bff20;z-index:-1}
.device{position:absolute;overflow:hidden;box-shadow:0 25px 65px #0009,0 0 35px #aa48ff3b}
.desktop-device{width:83%;height:370px;left:9%;top:16%;border:2px solid #c48bff;border-radius:18px;background:#100c2c;transform:perspective(900px) rotateY(-7deg) rotateZ(-2deg);z-index:2;box-shadow:0 32px 75px #000a,0 0 30px #a34eff7a}
.device-toolbar{height:38px;background:#1d1938;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;letter-spacing:2px;color:#e0c5ff;border-bottom:1px solid #aa79ff55}
.toolbar-dots{display:flex;gap:5px}.toolbar-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#b866ff}.toolbar-dots i:nth-child(2){background:#eb83c5}.toolbar-dots i:nth-child(3){background:#80c3fc}
.device-content{position:relative;height:calc(100% - 38px);padding:55px 37px;background:radial-gradient(circle at 90% 44%,#7435d7 0,#341774 32%,transparent 64%),linear-gradient(140deg,#14112f,#090d26);overflow:hidden}
.device-kicker{font-size:9px;letter-spacing:2px;color:#d5b7f6}.device-heading{position:relative;z-index:2;margin-top:24px;font-family:Manrope,Arial,sans-serif;font-weight:900;font-size:clamp(27px,3vw,44px);line-height:1.1;letter-spacing:-2px}.device-heading em{font-style:normal;color:#d79dff}.device-line{height:2px;width:110px;background:linear-gradient(90deg,#ff98ef,#9c4fff);box-shadow:0 0 16px #c95cff;margin-top:25px}.device-pill{display:inline-block;margin-top:24px;border:1px solid #d6a6ff7f;border-radius:100px;padding:10px 13px;color:#f7e8ff;font-size:8px;letter-spacing:1px}.device-glow{position:absolute;width:230px;height:230px;right:-10px;top:45px;border:2px solid #d89dff7f;border-radius:36% 64% 61% 39%;transform:rotate(-20deg);box-shadow:0 0 80px #a244ff7a,inset 0 0 50px #b655ff6b}
.tablet-device{width:41%;height:200px;right:-4%;bottom:8%;border:6px solid #15152c;border-radius:18px;z-index:3;background:#18142e;transform:rotate(7deg);box-shadow:0 20px 50px #000c,0 0 0 1px #a980e9,0 0 35px #aa53ff88}
.tablet-device img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.tablet-caption{position:absolute;left:16px;top:17px;font-size:34px;font-weight:900;color:white;text-shadow:0 2px 10px #000}.tablet-caption small{display:block;font-size:8px;letter-spacing:1px}
.phone-device{width:26%;height:270px;left:0;bottom:2%;border:6px solid #161326;border-radius:27px;background:radial-gradient(circle at 70% 72%,#7534cc,#211145 58%,#0e1028);z-index:4;transform:rotate(-9deg);padding:26px 15px;box-shadow:0 18px 50px #000d,0 0 0 1px #b68bff,0 0 35px #ab4dff66}
.phone-notch{position:absolute;top:5px;left:32%;width:36%;height:9px;border-radius:12px;background:#050514}.phone-brand{font-weight:900;font-size:27px;color:white}.phone-brand span{color:#d89dff;font-size:12px}.phone-title{margin-top:35px;font-size:20px;line-height:1.2;font-weight:900}.phone-title em{font-style:normal;color:#dfb0ff}.phone-cta{margin-top:25px;font-size:8px;font-weight:900;color:#e6c9ff;border-bottom:1px solid #e6c9ff;width:max-content;padding-bottom:5px}
.neon-particle{position:absolute;color:#e5b7ff;text-shadow:0 0 25px #c36cff;z-index:5}.particle-one{right:1%;top:7%;font-size:62px}.particle-two{left:7%;top:8%;font-size:32px}
.neon-float-label{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:2px;color:#d9c1f7}
.hero-index{color:#b0a1ca}.hero-index div{background:#7f60b6}
.ticker{background:linear-gradient(90deg,#5422a6,#923fe2,#4b218f);box-shadow:0 0 30px #9d45ff5a;border-top:1px solid #ca8aff55;border-bottom:1px solid #ca8aff55}
.expertise{background:#090e24}.section-intro h2,.section h2{color:#f8f5ff}.section-intro>p{color:#c0b7d2}.kicker{color:#c5b0e5}.kicker span{color:#d29dff}
.service{background:linear-gradient(150deg,#1b1a3c,#10152f);border:1px solid #8752d76b;box-shadow:inset 0 1px 0 #ffffff10}.service-featured{background:linear-gradient(145deg,#34205d,#17142f)}.service:hover{box-shadow:0 20px 45px #0006,0 0 25px #ac55ff33}.service-number{color:#cfb2f7}.service-text h3{color:#fff}.service-text p{color:#bfb7d2}
.method-section{background:#090e24}.steps{border-color:#8d66ba66}.steps article+article{border-color:#8d66ba66}.steps h3{color:#fff}.steps p{color:#bdb4d2}.step-n,.step-symbol{color:#d39cff}
.manifesto{background:radial-gradient(circle at 78% 40%,#6427b254,transparent 55%),#141332}.manifesto-title{color:#fff}.manifesto-title em{color:#cf9bff}.manifesto-bottom p{color:#c3bad6}.manifesto-bottom span{color:#b7a0d3}
.contact-panel{background:radial-gradient(circle at 90% 40%,#632bb8,#18132f 70%);border:1px solid #a464ff6e;box-shadow:0 0 40px #a044ff25}
.footer{color:#f2eaff}.footer-main p,.footer-bottom{color:#b7afc8}.footer-bottom{border-color:#654d8266}.webnelys-direct-contact{background:#0c1026;color:#e9dcff}
@media(max-width:1100px){.hero h1{font-size:clamp(38px,4.7vw,60px)}.neon-stage{height:510px}.desktop-device{height:320px}.phone-device{height:220px}.tablet-device{height:165px}.device-content{padding:34px 24px}}
@media(max-width:850px){.menu-toggle span{background:#fff}.site-header nav{background:#17132e;border:1px solid #8853cf}.site-header nav a{color:#fff}.hero{padding-top:60px;gap:30px}.hero h1{font-size:clamp(42px,7vw,64px)}.neon-stage{height:540px}.desktop-device{height:350px}.phone-device{height:245px}.tablet-device{height:180px}}
@media(max-width:560px){.hero{padding-top:42px;padding-bottom:90px}.hero h1{font-size:clamp(35px,9.1vw,48px);letter-spacing:-2px}.hero-lead{font-size:14px}.neon-stage{height:350px}.desktop-device{left:10%;top:10%;width:87%;height:245px;border-radius:12px}.device-toolbar{height:27px;padding:0 9px;font-size:6px}.device-content{height:calc(100% - 27px);padding:22px 15px}.device-kicker{font-size:6px}.device-heading{font-size:24px;margin-top:18px;letter-spacing:-1px}.device-line{margin-top:15px}.device-pill{font-size:6px;margin-top:14px}.device-glow{width:130px;height:130px;right:-25px}.tablet-device{height:120px;width:43%;right:-3%;bottom:4%;border-width:4px;border-radius:10px}.tablet-caption{font-size:20px;left:9px;top:10px}.tablet-caption small{font-size:5px}.phone-device{height:165px;width:29%;left:-2%;bottom:3%;border-width:4px;border-radius:18px;padding:16px 9px}.phone-brand{font-size:18px}.phone-title{font-size:12px;margin-top:20px}.phone-cta{font-size:5px;margin-top:16px}.neon-float-label{font-size:6px}.particle-one{font-size:38px}.hero-proof{margin-top:32px}.steps article+article{border-left:0}}
@media(prefers-reduced-motion:reduce){.neon-stage *{animation:none!important}}