(async function(){
  try{
    const r=await fetch('/api/public/config');
    if(!r.ok)return;
    const c=await r.json();
    document.title=`${c.siteName} | ${c.programName}`;
    const bn=document.getElementById('brandName');if(bn&&c.siteName)bn.textContent=c.siteName;
    const bp=document.getElementById('brandProgram');if(bp&&c.programName)bp.textContent=c.programName;
    const sub=document.getElementById('bridgeSubheadline');
    if(sub&&c.bridgeSubheadline)sub.textContent=c.bridgeSubheadline;
    const h=document.getElementById('bridgeHeadline');
    if(h&&c.bridgeHeadline)h.textContent=c.bridgeHeadline;
    const qs=window.location.search; if(qs){document.querySelectorAll('a[href="/start"]').forEach(a=>a.href='/start'+qs)}
  }catch(e){}
  // team-by-the-numbers showcase — live org stats vs the whole network
  try{
    const grid=document.getElementById('teamStatGrid');
    if(grid){
      const os=await fetch('/api/public/org-stats').then(r=>r.ok?r.json():null).catch(()=>null);
      if(os&&os.found){
        const fmt=n=>Number(n||0).toLocaleString(undefined,{maximumFractionDigits:0});
        grid.innerHTML=
          `<div class="team-stat"><div class="num">${os.memberPct}%</div><small>of the entire network is on our team</small></div>`+
          `<div class="team-stat"><div class="num teal">${fmt(os.orgMembers)}</div><small>members and growing</small></div>`+
          `<div class="team-stat"><div class="num teal">${os.generations||0}</div><small>generations deep</small></div>`+
          `<div class="team-stat"><div class="num ok">${fmt(os.orgPol)}</div><small>POL paid to our team, verifiable on-chain</small></div>`;
      } else { const sec=grid.closest('section'); if(sec)sec.style.display='none'; }
    }
  }catch(e){ const g=document.getElementById('teamStatGrid'), sec=g&&g.closest('section'); if(sec)sec.style.display='none'; }
  // fill each generation's crowd from data-n; cap the rendered icons so the
  // deeper generations (up to 256) stay compact — the number label is the truth
  const ICON_CAP=12;
  document.querySelectorAll('.people[data-n]').forEach(node=>{
    const n=parseInt(node.dataset.n,10)||0, show=Math.min(n,ICON_CAP);
    for(let i=0;i<show;i++){const s=document.createElement('span');s.className='person';node.appendChild(s)}
    if(n>ICON_CAP){const d=document.createElement('span');d.className='person-more';d.textContent='+';node.appendChild(d)}
  });
})();