/* Iteration overlay for per-software public Hero. Avoids a Vite rebuild. */
.spl-hero__float {
    animation: none;
}
.spl-hero__floats {
    position: static;
}
.spl-hero__chip {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(17, 22, 29, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 32px rgba(255, 107, 0, 0.15), 0 24px 64px rgba(9, 13, 18, 0.12);
    color: #fff;
    text-align: center;
    min-width: 100px;
    max-width: 100%;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.spl-hero__chip i {
    display: block;
    font-size: 1.5rem;
    color: #ff6b00;
    margin-bottom: 0.25rem;
}
.spl-hero__chip span {
    font-size: 0.75rem;
    font-weight: 600;
}
.spl-hero__chip--metric strong {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    color: #ff6b00;
}
.spl-hero__chip--metric span {
    font-size: 0.6875rem;
    font-weight: 500;
    opacity: 0.8;
}
.spl-hero__chip:hover {
    border-color: rgba(255, 107, 0, 0.45);
    box-shadow: 0 8px 28px rgba(255, 107, 0, 0.22);
    background: rgba(26, 32, 40, 0.96);
}
.spl-hero__float--top-left { top: 8%; left: -2%; }
.spl-hero__float--top-right { top: 8%; right: -2%; }
.spl-hero__float--center-left { top: 42%; left: -4%; }
.spl-hero__float--center-right { top: 42%; right: 8%; }
.spl-hero__float--bottom-left { bottom: 18%; left: -4%; }
.spl-hero__float--bottom-right { bottom: 14%; right: -2%; }

@media (min-width: 992px) {
    .spl-hero__floats {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 3;
    }
    .spl-hero__float {
        position: absolute;
        z-index: 3;
        pointer-events: auto;
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .spl-hero__chip {
        padding: 0.65rem 0.8rem;
        min-width: 88px;
    }
    .spl-hero__chip i { font-size: 1.25rem; }
    .spl-hero__float--top-left,
    .spl-hero__float--top-right { top: 4%; }
    .spl-hero__float--bottom-left,
    .spl-hero__float--bottom-right { bottom: 10%; }
}

@media (max-width: 991.98px) {
    .spl-hero__float--cert,
    .spl-hero__float--badge,
    .spl-hero__float {
        display: block;
        position: static;
    }
    .spl-hero__floats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 0.65rem;
        margin-top: 1rem;
        width: 100%;
        max-width: 100%;
    }
    .spl-hero__chip {
        width: 100%;
        min-width: 0;
    }
    .spl-hero__stage {
        max-width: 100%;
        overflow: hidden;
    }
}