:root {
    /* Ammonita Cloud — palette (serveur + particules) */
    --accent: #d6a24b;
    /* orange ammonite */
    --accent-soft: rgba(214, 162, 75, .22);
    --stroke: rgba(214, 162, 75, .45);

    /* Surfaces serveur (thème ammonite / brun) */
    --srv-dark: #1a1713;
    --srv-mid: #262018;
    --srv-light: #342a20;
    --srv-top: rgba(214, 162, 75, .16);

    --white: #fff;
}

/* ===== Layout hero (colonne droite) ===== */
.hero-anim {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Animation container ===== */
.container_SevMini {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 460px;
    /* ajuste si tu veux plus/moins haut */
    display: grid;
    place-items: center;
}

/* ===== Particles ===== */
.particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: visible;
    z-index: 3;
}

.px {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    opacity: 0;
    will-change: transform, opacity;
    box-shadow: 0 0 10px rgba(214, 162, 75, .12);
}

.px.c {
    background: var(--accent);
}

.px.w {
    background: var(--white);
}

/* ===== Server bounce + centering ===== */
.SevMini {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 4s infinite ease-in-out;
    filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .35));
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* ===== LED strobe ===== */
@keyframes strobeOpacity {
    0% {
        opacity: 1;
    }

    45% {
        opacity: .15;
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

#strobe_led1 {
    animation: strobeOpacity .55s infinite;
}

#strobe_color1 {
    animation: strobeOpacity .80s infinite;
}

#strobe_color2 {
    animation: strobeOpacity .95s infinite;
    animation-delay: .12s;
}

#strobe_color3 {
    animation: strobeOpacity .80s infinite;
    animation-delay: .35s;
}

#strobe_color1b {
    animation: strobeOpacity .85s infinite;
    animation-delay: .20s;
}

/* Ajuster la position Y */

.container_SevMini{
  padding-top: 100px;
}