@keyframes floaty {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}

@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 rgba(250, 204, 21, 0.4); }
    70% { box-shadow: 0 0 30px rgba(250, 204, 21, 0); }
    100% { box-shadow: 0 0 0 rgba(250, 204, 21, 0); }
}

.hero-visual .device-shell {
    animation: floaty 8s ease-in-out infinite;
}

.floating-card {
    animation: floaty 6s ease-in-out infinite reverse;
}

.cta-button {
    animation: pulseGlow 4s infinite;
}

.feature-card {
    animation: floaty 7s ease-in-out infinite;
}