/* ==========================================
   SEO Service Brisbane - Homepage Styles
   ========================================== */

/* Hero Animation */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-content {
    animation: slideInUp 1s ease-out;
}

.hero-headline {
    animation: slideInUp 1s ease-out 0.1s backwards;
}

.hero-subheadline {
    animation: slideInUp 1s ease-out 0.2s backwards;
}

.hero-buttons {
    animation: slideInUp 1s ease-out 0.3s backwards;
}

/* Trust Section Animation */
.trust-logo {
    animation: slideInUp 0.6s ease-out backwards;
}

.trust-logo:nth-child(1) { animation-delay: 0.1s; }
.trust-logo:nth-child(2) { animation-delay: 0.2s; }
.trust-logo:nth-child(3) { animation-delay: 0.3s; }
.trust-logo:nth-child(4) { animation-delay: 0.4s; }
.trust-logo:nth-child(5) { animation-delay: 0.5s; }
.trust-logo:nth-child(6) { animation-delay: 0.6s; }

/* Tools Card Animation */
.tool-card {
    animation: slideInUp 0.6s ease-out backwards;
}

.tools-grid .tool-card:nth-child(1) { animation-delay: 0.05s; }
.tools-grid .tool-card:nth-child(2) { animation-delay: 0.1s; }
.tools-grid .tool-card:nth-child(3) { animation-delay: 0.15s; }
.tools-grid .tool-card:nth-child(4) { animation-delay: 0.2s; }
.tools-grid .tool-card:nth-child(5) { animation-delay: 0.25s; }
.tools-grid .tool-card:nth-child(6) { animation-delay: 0.3s; }

/* Feature Animation */
.feature {
    animation: slideInUp 0.6s ease-out backwards;
}

.features-grid .feature:nth-child(1) { animation-delay: 0.05s; }
.features-grid .feature:nth-child(2) { animation-delay: 0.1s; }
.features-grid .feature:nth-child(3) { animation-delay: 0.15s; }
.features-grid .feature:nth-child(4) { animation-delay: 0.2s; }
.features-grid .feature:nth-child(5) { animation-delay: 0.25s; }
.features-grid .feature:nth-child(6) { animation-delay: 0.3s; }

/* Package Card Animation */
.package-card {
    animation: slideInUp 0.6s ease-out backwards;
}

.packages-grid .package-card:nth-child(1) { animation-delay: 0.1s; }
.packages-grid .package-card:nth-child(2) { animation-delay: 0.2s; }
.packages-grid .package-card:nth-child(3) { animation-delay: 0.3s; }

/* Region Card Animation */
.region {
    animation: slideInUp 0.6s ease-out backwards;
}

.regions-grid .region:nth-child(1) { animation-delay: 0.05s; }
.regions-grid .region:nth-child(2) { animation-delay: 0.1s; }
.regions-grid .region:nth-child(3) { animation-delay: 0.15s; }
.regions-grid .region:nth-child(4) { animation-delay: 0.2s; }
.regions-grid .region:nth-child(5) { animation-delay: 0.25s; }
.regions-grid .region:nth-child(6) { animation-delay: 0.3s; }

/* Testimonial Animation */
.testimonial-card {
    animation: slideInUp 0.6s ease-out backwards;
}

.testimonials-grid .testimonial-card:nth-child(1) { animation-delay: 0.1s; }
.testimonials-grid .testimonial-card:nth-child(2) { animation-delay: 0.2s; }
.testimonials-grid .testimonial-card:nth-child(3) { animation-delay: 0.3s; }

/* Scroll animations */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.section-visible {
    animation: fadeInScale 0.6s ease-out forwards;
}