/* ============================================================
   HERO — upcoming-launch status card (announcement variant)
   Reuses .hero-status-card; adds a titled header + amber accent.
   ============================================================ */
.hero-status-card-next {
    border-color: rgba(252, 176, 64, .45);
    box-shadow: 0 0 26px -10px rgba(252, 176, 64, .5);
    padding-top: 0;   /* let the amber title bar reach the card's top edge */
}
.hero-status-card-next::before {
    background: linear-gradient(180deg, transparent, #fcb040, transparent);
}
.hero-status-cardtitle {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 22px 11px 26px;
    font-family: "Oxanium", sans-serif;
    font-weight: 800;
    font-size: 12.5px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #fcb040;
    background: rgba(252, 176, 64, .07);
    border-bottom: 1px solid rgba(252, 176, 64, .22);
}
.hero-status-cardtitle i { font-size: 13px; }
.hero-status-countdown {
    color: #fcb040 !important;
    font-variant-numeric: tabular-nums;
}