/* Approved Cybersécurité palette: Incandescence, coral and plum. Structure and scroll controller preserved. */
.hero{background:rgb(8,21,37);--muted:#D5E5F2;--c-cyan-vif:#B7DAF5}
.hero-artwork{position:absolute;inset:0;z-index:-3;pointer-events:none;background:url('assets/cyber-univers.webp') center center/cover no-repeat;filter:saturate(.95)}
.hero #hero-background{z-index:-2;opacity:1;mix-blend-mode:normal;background:transparent}
.hero:after{background:linear-gradient(90deg,rgba(8,21,37,.82) 0%,rgba(8,21,37,.67) 49%,rgba(8,21,37,.08) 100%)}
.hero .btn-primary{background:#255779;border-color:#B7DAF555}
.hero .btn-primary:hover{background:#14283F;border-color:#B7DAF5}
.hero .btn-secondary{background:rgba(8,21,37,.72);border-color:#B7DAF566}
.hero .btn-secondary:hover{background:rgba(8,21,37,.94);border-color:#B7DAF5}
.hero :is(a,button,video):focus-visible{outline-color:#B7DAF5}
@media(max-width:759px){.hero-artwork{background-position:60% center}.hero:after{background:linear-gradient(180deg,rgba(8,21,37,.83),rgba(8,21,37,.76) 55%,rgba(8,21,37,.40))}}
.hero .audience{color:var(--muted)}

/* Inherited artwork, hue adapted live; geometry and original asset preserved. */
.hero-artwork,#hero-background,#offer-animation img{filter:grayscale(1) sepia(1) hue-rotate(165deg) saturate(1.8)}
#offer-animation .split-show img{filter:grayscale(1) sepia(1) hue-rotate(165deg) saturate(1.8)}

/* Match the new film’s final contact area. */
.film-booking{left:7.5%;top:60.111%;width:85%;height:10.667%;border-radius:0}

.next-steps .steps{list-style:none}
/* Keep the mobile profile in flow despite the inherited .xp position rule. */
@media(max-width:759px){.person-card.xp{top:auto;position:static}}