* { box-sizing:border-box; margin:0; padding:0; }
  body { font-family:'Helvetica Neue', Arial, sans-serif; color:#111; font-size:16px; line-height:1.5; }
  a { color:#111; } a:hover { color:#555; }
  @keyframes fadeInLeft { from { opacity:0; transform:translateX(-40px); } to { opacity:1; transform:translateX(0); } }
  .fil { opacity:0; }
  .fil.visible { animation: fadeInLeft 0.6s ease forwards; }


  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('section, div[data-screen-label], footer').forEach(el => {
      el.querySelectorAll('h1,h2,h3,p,ul,table').forEach((c,i) => { c.classList.add('fil'); c.style.animationDelay=(i%5)*0.08+'s'; });
    });
    const io = new IntersectionObserver((entries) => {
      entries.forEach(e => { if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target);} });
    },{threshold:0.12});
    document.querySelectorAll('.fil').forEach(el=>io.observe(el));
  });