.hero-badge .beta-badge {
    position: relative;
    isolation: isolate;
    overflow: visible;
    padding: 10px 18px;
    border: 1px solid rgba(91, 255, 151, .65);
    border-radius: 999px;
    color: #9dffc1;
    background: linear-gradient(135deg, rgba(29, 122, 70, .48), rgba(7, 40, 22, .82));
    box-shadow: 0 0 10px rgba(70, 255, 139, .38), 0 0 28px rgba(70, 255, 139, .22), inset 0 0 13px rgba(127, 255, 174, .12);
    text-shadow: 0 0 7px rgba(159, 255, 195, .95);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .24em;
    text-indent: .24em;
    animation: betaGlow 1.8s ease-in-out infinite alternate;
}

.hero-badge .beta-badge::before,
.hero-badge .beta-badge::after {
    position: absolute;
    z-index: 2;
    color: #eafff1;
    text-shadow: 0 0 8px #65ff9e;
    animation: betaSparkle 1.45s ease-in-out infinite;
}

.hero-badge .beta-badge::before {
    content: "✦";
    top: -9px;
    left: 7px;
    font-size: 11px;
}

.hero-badge .beta-badge::after {
    content: "✧";
    right: 7px;
    bottom: -8px;
    font-size: 13px;
    animation-delay: .65s;
}

@keyframes betaGlow {
    from { filter: brightness(.94); transform: translateY(0); }
    to { filter: brightness(1.18); transform: translateY(-1px); }
}

@keyframes betaSparkle {
    0%, 100% { opacity: .18; transform: scale(.55) rotate(0); }
    45% { opacity: 1; transform: scale(1.35) rotate(90deg); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-badge .beta-badge,
    .hero-badge .beta-badge::before,
    .hero-badge .beta-badge::after { animation: none; }
}