/* WebNELYS — V4 : full-bleed atmosphere and seamless bands. Visual-only overrides. */
:root{--wn-bg:#080d23;--wn-panel:#15132d;--wn-line:#b17bff45}
html{background:#080d23;max-width:100%;overflow-x:clip}
body{background:transparent!important;color:#f8f4ff;min-height:100vh;width:100%;max-width:100%;overflow-x:clip;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 91% 7%,rgba(137,65,225,.19),transparent 80%),radial-gradient(ellipse 45% 55% at 0% 54%,rgba(52,62,156,.15),transparent 78%),radial-gradient(ellipse 55% 38% at 75% 96%,rgba(128,45,170,.13),transparent 82%),linear-gradient(135deg,#080d23 0%,#10102b 49%,#0a1026 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(187,144,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(187,144,255,.08) 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,transparent 5%,black 75%,transparent)}
.top-glow{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:1050px!important;background:radial-gradient(ellipse at 77% 30%,rgba(157,77,243,.17),transparent 55%)!important;pointer-events:none}
/* Full-width background without stretching navigation items */
.site-header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;position:relative;z-index:20}
.site-header::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(8,13,35,.25),rgba(25,16,54,.22),rgba(8,13,35,.25));border-bottom:1px solid rgba(199,167,255,.10);pointer-events:none;z-index:-1}
.site-header::after{display:none!important}
.hero,.expertise,.method-section,.manifesto,.contact-section,.section,.inner-hero,.inner-content,.portfolio-section,.webnelys-direct-contact,.footer{background:transparent!important;box-shadow:none!important}
.hero{position:relative}.hero::before{background:radial-gradient(ellipse at 70% 44%,rgba(156,70,232,.13),transparent 55%)!important}
/* Restore the ticker's discreet, dark look: no solid purple strip */
.ticker{background:rgba(12,13,38,.13)!important;border-top:1px solid rgba(181,125,255,.16)!important;border-bottom:1px solid rgba(181,125,255,.16)!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;margin:0!important;color:#e8dfff!important}
.ticker b{color:#b68cff!important}
.expertise,.method-section,.manifesto{position:relative;isolation:isolate}
.expertise::before,.method-section::before,.manifesto::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 60% at 90% 40%,rgba(112,51,185,.12),transparent 82%)}
.method-section::before{background:radial-gradient(ellipse 48% 55% at 8% 48%,rgba(61,61,154,.13),transparent 82%)}
.manifesto::before{background:radial-gradient(ellipse 52% 65% at 70% 45%,rgba(130,56,201,.17),transparent 80%)}
.service,.service-featured,.project-card,.project-info,.premium-form,.form-aside,.legal-content,.contact-panel,.wn-faq details,.wn-page-note{background:linear-gradient(145deg,rgba(33,27,70,.57),rgba(16,22,49,.36))!important;border:1px solid rgba(185,131,255,.23)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 42px rgba(0,0,0,.13)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.service-featured{background:linear-gradient(145deg,rgba(89,47,138,.43),rgba(23,20,53,.43))!important}
.form-aside{background:radial-gradient(ellipse at 5% 90%,rgba(126,58,202,.2),transparent 70%),rgba(21,20,52,.55)!important}
.premium-form{background:rgba(20,20,49,.45)!important}
.service:hover,.project-card:hover,.wn-glow-card:hover{border-color:rgba(209,164,255,.65)!important;box-shadow:0 18px 45px rgba(0,0,0,.25),0 0 27px rgba(168,88,244,.16)!important}
.contact-panel{background:radial-gradient(ellipse at 85% 25%,rgba(147,63,230,.22),transparent 68%),rgba(22,19,53,.4)!important}
.webnelys-direct-contact{background:rgba(17,17,45,.10)!important;border-block:1px solid rgba(184,143,255,.13)}
.footer{border-top:1px solid rgba(184,143,255,.12)}
.header-cta,.btn-primary,.form-submit{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.header-cta:hover,.btn-primary:hover,.form-submit:hover{transform:translateY(-2px)}
@media(max-width:850px){.site-header nav{background:rgba(17,15,44,.96)!important;backdrop-filter:blur(18px);border:1px solid rgba(184,133,255,.35)}}
@media(prefers-reduced-motion:reduce){.header-cta,.btn-primary,.form-submit{transition:none}}

/* V5 — retour du bandeau violet des boutons + continuité pleine largeur */
.ticker{background:linear-gradient(100deg,#7537e9 0%,#a546f0 48%,#7637e9 100%)!important;color:#fff!important;border-top:1px solid rgba(218,174,255,.65)!important;border-bottom:1px solid rgba(218,174,255,.55)!important;box-shadow:0 0 25px rgba(148,64,239,.22)!important;width:100%!important;max-width:none!important;margin:0!important;position:relative;left:auto;right:auto;overflow:hidden!important}
.ticker b{color:#f2d9ff!important}
/* Le contenu reste centré, les fonds des volets couvrent le viewport. */
.expertise,.method-section,.section.container{background:transparent!important}
.expertise::after,.method-section::after{content:"";position:absolute;z-index:-2;pointer-events:none;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(105deg,rgba(13,15,41,.15),rgba(31,20,67,.16) 55%,rgba(12,14,38,.12));border:0!important}
.expertise,.method-section{overflow:visible!important}
/* Supprimer les fins de bande colorée sur les grands écrans. */
body{margin:0!important;min-width:0!important}
main{max-width:none!important;width:100%!important;overflow:clip}
@media(max-width:600px){.ticker-track{font-size:11px;letter-spacing:2px}.ticker b{margin:0 22px}}


/* V6 — continuité du fond entre les volets, sans toucher aux cartes */
/* Les panneaux pleine largeur ajoutés en V5 créaient une différence de teinte visible. */
.expertise::after,.method-section::after{content:none!important;display:none!important;background:none!important}
/* Aucun aplat ni trait de séparation sur les sections elles-mêmes. */
main > .section,main > .expertise,main > .method-section,
main > .manifesto,main > .contact-section,
section.expertise,section.method-section,section.manifesto{
  background:transparent!important;
  background-image:none!important;
  border-left:0!important;border-right:0!important;
  border-top:0!important;border-bottom:0!important;
  box-shadow:none!important;
  outline:0!important;
}
/* Conserver les halos doux propres aux sections et les contours des cartes. */
.expertise::before,.method-section::before,.manifesto::before{border:0!important;box-shadow:none!important}
/* La bande défilante violette et les contours des cartes restent inchangés. */
