const observer = new IntersectionObserver((entries) => {
  entries.forEach((entry, i) => {
    if (entry.isIntersecting) {
      setTimeout(() => entry.target.classList.add('visible'), i * 80);
      observer.unobserve(entry.target);
    }
  });
}, { threshold: 0.1 });

document.querySelectorAll('.component, .tax-item, .int-item, .stack-item').forEach(el => {
  observer.observe(el);
});

const nodes = document.querySelectorAll('.pipe-node');
let current = 0;
function cyclePipeline() {
  nodes.forEach(n => n.classList.remove('active'));
  nodes[current].classList.add('active');
  current = (current + 1) % nodes.length;
}
if (nodes.length) setInterval(cyclePipeline, 1200);