// Main script file
document.addEventListener('DOMContentLoaded', () => {
    // Animate elements on scroll
    const animateOnScroll = () => {
        const elements = document.querySelectorAll('.step-card, .benefit-card');
        elements.forEach((el, index) => {
            const elPosition = el.getBoundingClientRect().top;
            const windowHeight = window.innerHeight;
            
            if (elPosition < windowHeight - 100) {
                el.style.animation = `fadeIn 0.5s ease-out ${index * 0.1}s forwards`;
                el.style.opacity = 0;
            }
        });
    };

    // Initialize scroll animation
    window.addEventListener('scroll', animateOnScroll);
    animateOnScroll(); // Run once on load

    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const targetId = this.getAttribute('href');
            if (targetId !== '#') {
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    targetElement.scrollIntoView({
                        behavior: 'smooth'
                    });
                }
            }
        });
    });
});