/* Floating Animation */
@keyframes float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    25% {
        transform: translate(20px, -30px) scale(1.1);
    }
    50% {
        transform: translate(-15px, -20px) scale(0.9);
    }
    75% {
        transform: translate(25px, -10px) scale(1.05);
    }
}

/* Fade In */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade In Up */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scale In */
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Slide In Left */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Slide In Right */
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Pulse */
@keyframes pulse {
    0%, 100% {
        opacity: 0.15;
        transform: scale(1);
    }
    50% {
        opacity: 0.25;
        transform: scale(1.05);
    }
}

/* Apply animations */
.hero-text {
    animation: fadeInUp 1s ease-out;
}

.hero-visual {
    animation: fadeInUp 1s ease-out 0.2s backwards;
}

.prop-card {
    animation: fadeInUp 0.8s ease-out backwards;
}

.prop-card:nth-child(1) {
    animation-delay: 0.1s;
}

.prop-card:nth-child(2) {
    animation-delay: 0.2s;
}

.prop-card:nth-child(3) {
    animation-delay: 0.3s;
}

.timeline-item {
    animation: fadeInUp 0.8s ease-out backwards;
}

.timeline-item:nth-child(1) {
    animation-delay: 0.1s;
}

.timeline-item:nth-child(2) {
    animation-delay: 0.2s;
}

.timeline-item:nth-child(3) {
    animation-delay: 0.3s;
}

.timeline-item:nth-child(4) {
    animation-delay: 0.4s;
}

.case-card {
    animation: fadeInUp 0.8s ease-out backwards;
}

.case-card:nth-child(1) {
    animation-delay: 0.1s;
}

.case-card:nth-child(2) {
    animation-delay: 0.2s;
}

.case-card:nth-child(3) {
    animation-delay: 0.3s;
}

.case-card:nth-child(4) {
    animation-delay: 0.4s;
}

/* Scroll animations */
.fade-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}