.hero-visual{min-height:0;aspect-ratio:1;position:relative}
.hero-showcase{position:absolute;inset:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate}
.hero-showcase:before{display:none}
.hero-logo-final,.hero-animation-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-animation-svg{display:none}.hero-showcase.is-animating .hero-animation-svg{display:block}.hero-showcase.is-animating .hero-logo-final{visibility:hidden}
.hero-animation-replay{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap;padding:7px 12px;border:1px solid #ffffff30;border-radius:999px;background:#061328b8;color:#b9ecff;font:600 11px Manrope,system-ui,sans-serif;cursor:pointer}
.hero-animation-replay:hover{background:#103454;color:white}.hero-animation-replay:focus-visible{outline:2px solid #62e7ff;outline-offset:4px}.hero-animation-replay[hidden]{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{width:min(100%,580px);margin:auto}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-animation-svg,.hero-animation-replay{display:none!important}.hero-showcase .hero-logo-final{visibility:visible!important}}

/* Signature de marque et icône faire mouche. */
.hero-logo-lockup{min-width:0}
.hero-slogan{display:flex;align-items:center;justify-content:center;gap:16px;margin:38px 0 0;color:#fff;font-size:clamp(22px,2.4vw,29px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.hero-slogan img{display:block;width:80px;height:80px;object-fit:contain;flex:0 0 80px}
.hero-slogan strong{color:#62e7ff;font-weight:800}
@media(max-width:600px){.hero-slogan{gap:12px;margin-top:36px;font-size:23px}.hero-slogan img{width:68px;height:68px;flex-basis:68px}}