document.addEventListener("DOMContentLoaded", () => {
const steps = document.querySelectorAll('.step-item');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('in-view');
}
});
}, { threshold: 0.4 });
steps.forEach(step => observer.observe(step));
});
