/* tt-motion — scroll reveal, counters, sticky CTA. No && or || anywhere. */
(function(){
  var reduce = false;
  try { reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch(e){}
  /* JS is alive: only now may the reveal state hide anything. No JS = fully visible. */
  document.documentElement.classList.add('tt-js');

  /* ---- scroll reveal ---- */
  function reveal(){
    var els = document.querySelectorAll('.tt-rv');
    if (!els.length) { return; }
    if (reduce) { for (var i=0;i<els.length;i++){ els[i].classList.add('is-in'); } return; }
    if (!('IntersectionObserver' in window)) {
      for (var j=0;j<els.length;j++){ els[j].classList.add('is-in'); }
      return;
    }
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(en){
        if (en.isIntersecting) { en.target.classList.add('is-in'); io.unobserve(en.target); }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
    for (var k=0;k<els.length;k++){ io.observe(els[k]); }

    /* Backstop 1: a fast flick can skip an observer frame. On every scroll,
       anything that has reached the viewport is revealed regardless. */
    var ticking = false;
    function sweep(){
      ticking = false;
      var left = document.querySelectorAll('.tt-rv:not(.is-in)');
      for (var m=0;m<left.length;m++){
        if (left[m].getBoundingClientRect().top < window.innerHeight) { left[m].classList.add('is-in'); }
      }
    }
    window.addEventListener('scroll', function(){
      if (!ticking) { ticking = true; requestAnimationFrame(sweep); }
    }, { passive: true });
    setTimeout(sweep, 1200);

    /* Backstop 2: a client that never scrolls (crawler, agent, print) must still
       see the whole page. After 4s with no scroll, reveal everything. */
    setTimeout(function(){
      if (window.pageYOffset > 0) { return; }
      var all = document.querySelectorAll('.tt-rv:not(.is-in)');
      for (var n=0;n<all.length;n++){ all[n].classList.add('is-in'); }
    }, 4000);
  }

  /* ---- counters ---- */
  function fmt(n, dec){
    var v = dec > 0 ? n.toFixed(dec) : String(Math.round(n));
    var parts = v.split('.');
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    return parts.join('.');
  }
  function runCount(el){
    var raw = el.getAttribute('data-count');
    if (!raw) { return; }
    var target = parseFloat(raw);
    if (isNaN(target)) { return; }
    var dRaw = el.getAttribute('data-dec');
    var dec = dRaw ? parseInt(dRaw, 10) : 0;
    var pre = el.getAttribute('data-pre') ? el.getAttribute('data-pre') : '';
    var suf = el.getAttribute('data-suf') ? el.getAttribute('data-suf') : '';
    if (reduce) { el.textContent = pre + fmt(target, dec) + suf; return; }
    var t0 = null, dur = 1250;
    function step(ts){
      if (t0 === null) { t0 = ts; }
      var p = (ts - t0) / dur;
      if (p > 1) { p = 1; }
      var eased = 1 - Math.pow(1 - p, 3);
      el.textContent = pre + fmt(target * eased, dec) + suf;
      if (p < 1) { requestAnimationFrame(step); }
    }
    requestAnimationFrame(step);
  }
  function counters(){
    var els = document.querySelectorAll('[data-count]');
    if (!els.length) { return; }
    if (!('IntersectionObserver' in window)) {
      for (var i=0;i<els.length;i++){ runCount(els[i]); }
      return;
    }
    var io2 = new IntersectionObserver(function(entries){
      entries.forEach(function(en){
        if (en.isIntersecting) { runCount(en.target); io2.unobserve(en.target); }
      });
    }, { threshold: 0.5 });
    for (var j=0;j<els.length;j++){ io2.observe(els[j]); }
  }

  /* ---- sticky mobile CTA ---- */
  function sticky(){
    var bar = document.querySelector('.tt-sticky');
    if (!bar) { return; }
    document.body.classList.add('tt-has-sticky');
    var trigger = Math.round(window.innerHeight * 0.75);
    function onScroll(){
      if (window.pageYOffset > trigger) { bar.classList.add('is-in'); }
      else { bar.classList.remove('is-in'); }
    }
    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();
  }

  function boot(){ reveal(); counters(); sticky(); }
  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); }
  else { boot(); }
})();