/* Creative Text Highlight with Slide/Flow Animation */
.text-highlight {
    background: linear-gradient(90deg, #ffffff 0%, #4facfe 50%, #00f2fe 100%);
    background-size: 1000px 100%;
    /* Fixed width ensures constant speed */
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    animation: gradientFlow 3s linear infinite;
    position: relative;
    text-shadow: 0px 0px 20px rgba(79, 172, 254, 0.5);
    /* Glowing effect */
}

/* Gradient Flow Animation - Fixed Distance */
@keyframes gradientFlow {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

/* Enhanced Reveal for Hero Heading */
.hero h1 {
    opacity: 0;
    transform: translateX(-50px);
    /* Start slightly left */
    animation: slideInLeft 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.2s;
}

@keyframes slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Restore Pill Tag Visibility */
.hero .pill-tag {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    /* Ensure it's not hidden by failed animation */
    /* Add a subtle background for better contrast against grid */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Sequential timing for shimmer flow */
.glow-item:nth-child(1) { animation-delay: 0s; }
.glow-item:nth-child(2) { animation-delay: 0.5s; }
.glow-item:nth-child(3) { animation-delay: 1.0s; }
/* Child 4 is <br> */
.glow-item:nth-child(5) { animation-delay: 1.5s; }
.glow-item:nth-child(6) { animation-delay: 2.0s; }