/* Ensure elements are hidden before animation */
[data-animation] {
    opacity: 0;
}

/* Set animation delays for different elements */
/* Hero section */
.titles h1[data-animation="fade-in-up"] {
    animation-delay: 0.3s;
}

.titles h2[data-animation="fade-in-up"] {
    animation-delay: 0.5s;
}

.subtitle[data-animation="fade-in-up"] {
    animation-delay: 0.7s;
}

/* App creation section */
.app-creation-section h2[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

.slider[data-animation="slide-in-left"] {
    animation-delay: 0.5s;
}

.app-creation-section .description[data-animation="slide-in-right"] {
    animation-delay: 0.5s;
}

/* Use cases section */
.use-cases-section h2[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

.use-cases-section p[data-animation="fade-in-up"] {
    animation-delay: 0.4s;
}

.use-case[data-animation="slide-in-left"] {
    animation-delay: 0.6s;
}

.use-case[data-animation="slide-in-right"] {
    animation-delay: 0.6s;
}

/* Pricing section */
.pricing-section h2[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

.pricing-card[data-animation="slide-in-bottom"] {
    animation-delay: 0.4s;
}

.pricing-card[data-animation="slide-in-left"] {
    animation-delay: 0.5s;
}

.pricing-card[data-animation="slide-in-right"] {
    animation-delay: 0.5s;
}

/* Video section */
.video-demo-section h2[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

.video-demo-section p[data-animation="fade-in-up"] {
    animation-delay: 0.3s;
}

.video-demo-section .video-wrapper[data-animation="slide-in-left"] {
    animation-delay: 0.5s;
}

.video-demo-section .video-description[data-animation="slide-in-right"] {
    animation-delay: 0.5s;
}

/* Contact CTA section */
.frame2-text1[data-animation="slide-in-top"] {
    animation-delay: 0.3s;
}

.frame2-text2[data-animation="slide-in-bottom"] {
    animation-delay: 0.2s;
}

.roundbutton[data-animation="scale-in"] {
    animation-delay: 0.2s;
}

.contacts a:first-child[data-animation="slide-in-left"] {
    animation-delay: 0.3s;
}

.contacts a:last-child[data-animation="slide-in-right"] {
    animation-delay: 0.3s;
}

.namelogo[data-animation="fade-in-up"] {
    animation-delay: 0.3s;
}

.mo-icon[data-animation="whirlpool-in-icon"] {
    animation-delay: 0.3s;
}