/* Animated gradient text */
.hero-gradient-text {
    background: linear-gradient(to right, #32D5AD, #73D2FF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Hero display mockup */
.hero-mockup {
    perspective: 1000px;
}

.hero-mockup-screen {
    transform: rotateY(-8deg) rotateX(2deg);
    transform-style: preserve-3d;
}

/* Crossfade carousel */
.carousel-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: crossfade 24s infinite;
}

.carousel-slide:nth-child(1) { animation-delay: 0s; }
.carousel-slide:nth-child(2) { animation-delay: 8s; }
.carousel-slide:nth-child(3) { animation-delay: 16s; }

@keyframes crossfade {
    0%, 25%  { opacity: 1; }
    33%, 92% { opacity: 0; }
    100%     { opacity: 0; }
}

/* Floating elements */
.hero-float {
    animation: heroFloat 6s ease-in-out infinite;
}

.hero-float-delay {
    animation: heroFloat 6s ease-in-out infinite;
    animation-delay: -2s;
}

.hero-float-delay-2 {
    animation: heroFloat 6s ease-in-out infinite;
    animation-delay: -4s;
}

@keyframes heroFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-12px); }
}