/* Hero Logo Animation & Style */
.hero-logo {
    max-width: 200px;
    /* Adjustable based on logo shape */
    height: auto;
    margin-bottom: 2rem;
    filter: drop-shadow(0 0 20px rgba(0, 194, 203, 0.3));
    /* Teal glow */
}

/* Ensure Hero Background is correct */
.hero {
    /* Fallback color + Image */
    background: linear-gradient(rgba(15, 23, 42, 0.4), rgba(15, 23, 42, 0.3)), url('../assets/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* Parallax effect */
}

/* Update animations for new element order */
.animate-up.delay-1 {
    animation-delay: 0.2s;
}

.animate-up.delay-2 {
    animation-delay: 0.4s;
}

.animate-up.delay-3 {
    animation-delay: 0.6s;
}