/* Styles page d'attente (extraits de l'ancien <style> inline) */
body {
    min-height:100dvh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    color:#fff;
    font-family:'Work Sans',system-ui,sans-serif;
    margin:0
}
.coming-wrapper{
    max-width:960px;
    width:100%;
    text-align:center;
    position:relative;
}
.logo-wrap{
    width:120px;
    margin:0 auto 2rem;
}
.logo-wrap img{
    width:100%;
    height:auto;
    display:block;
    filter:invert(1);
}
h1{
    font-size:clamp(2.6rem,6vw,5rem);
    line-height:1.05;
    margin:0 0 1rem;
    font-weight:600;
    letter-spacing:.02em;
}
.tagline{
    font-size:clamp(1.05rem,1.6vw,1.35rem);
    font-weight:400;
    max-width:50ch;
    margin:0 auto 1.8rem;
    color:#ddd;
}
.highlight{
    background:linear-gradient(90deg,#fff,#6f6f6f);
    -webkit-background-clip:text;
    color:transparent;
}
.info-block{
    margin:2.2rem auto 0;
    display:grid;
    gap:1rem;
    font-size:.95rem;
    opacity:.85;
}
.badge{
    display:inline-block;
    padding:.4rem .9rem;
    border:3px solid #333;
    border-radius:2rem;
    font-size:1.2rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:1.5rem;
    color:#aaa;
    background:linear-gradient(145deg,#0f0f0f,#111);
}
.cta-row{
    margin-top:2.4rem;
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    justify-content:center;
}
.cta{
    background:#fff;
    color:#000;
    text-decoration:none;
    padding:.95rem 1.4rem;
    border-radius:2rem;
    font-weight:600;
    font-size:.9rem;
    letter-spacing:.04em;
    position:relative;
    overflow:hidden;
}
.cta:focus-visible{
    outline:2px solid #fff;
    outline-offset:3px;
}
.cta.alt{
    background:#121212;
    color:#fff;
    border:1px solid #2a2a2a;
}
.cta.alt:hover{
    background:#1d1d1d;
}
.cta:hover{
    background:#e6e6e6;
}
footer{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    padding:.75rem 1rem;
    font-size:.7rem;
    text-align:center;
    font-weight:400;
    color:#777;
    background:linear-gradient(180deg,transparent,#050505 60%);
}
.marquee{
    position:absolute;
    inset:-8vh -2vw -8vh -2vw;
    pointer-events:none;
    overflow:hidden;
    mask:linear-gradient(#0000,#000 12%,#000 88%,#0000);
}
.marquee__col{
    position:absolute;
    top:0;
    bottom:0;
    width:22vw;
    min-width:180px;
    opacity:.13;
    mix-blend-mode:screen;
    animation:float 26s linear infinite;
}
.marquee__col img{
    width:100%;
    height:auto;
    display:block;
}
.marquee__col.col2{
    left:auto;
    right:5%;
    animation-duration:32s;
    animation-direction:reverse;
}
@keyframes float {
    0%{
        transform:translateY(0);
    }
    100%{
        transform:translateY(-50%);
    }
}
@media (max-width:680px){
    body{
        padding:0 1.2rem;
    }
    .marquee{
        display:none;
    }
    h1{
        font-size:clamp(2.2rem,10vw,3.2rem);
    }
    .logo-wrap{
        width:90px;
        margin-bottom:1.4rem;
    }
    .cta-row{
        flex-direction:column;
    }
}