${label}

${title}

${sub}

${inner}

Please complete this to continue.

${back}${grow}

`; } function render(){ segs.forEach((s,i)=>{s.classList.toggle('done',iYour name Work email Password`,'Create account →'); document.getElementById('n').oninput=e=>{state.name=e.target.value;hideErr();}; document.getElementById('e').oninput=e=>{state.email=e.target.value;hideErr();}; document.getElementById('p').oninput=e=>{state.pw=e.target.value;hideErr();}; } function renderBusiness(){ const opts='

'+businessTypes.map(b=>`

${b.ic}${b.v}${b.s}

`).join('')+'

'; const isl=''+islands.map(o=>``).join(''); shell('Step 2 of 5','Tell us about your business','This sets up the right Hawaii filings.', `Business name

Business type

${opts} Island`); document.getElementById('b').oninput=e=>{state.business=e.target.value;hideErr();}; document.getElementById('isl').onchange=e=>{state.island=e.target.value;hideErr();}; } function pickType(v,el){state.type=v;[...el.parentNode.children].forEach(c=>c.classList.remove('sel'));el.classList.add('sel');hideErr();} function renderConnect(){ const rows=connectors.map(c=>{ const on=state.connected[c.key]; const act=on?`✓ Connected`:``; return `

${c.logo}${c.name}${c.sub}${act}

`; }).join(''); shell('Step 3 of 5','Connect your accounts','Everything is read-only. Connect at least one to continue — you can add the rest later.', rows+`

Prefer to do this on a call? You can skip and connect later from your dashboard.

`,'Continue →'); } function connect(key,btn){ btn.textContent='Connecting…';btn.disabled=true; setTimeout(()=>{state.connected[key]=true;hideErr();render();},900); } function renderPlan(){ const rows='

'+plans.map(p=>`

${p.name}${p.pop?' · popular':''}${p.s}$${p.price}/mo

`).join('')+'

'; shell('Step 4 of 5','Choose your plan','First month free. Change or cancel anytime.',rows,'Continue →'); } function pickPlan(v,el){state.plan=v;[...el.parentNode.children].forEach(c=>c.classList.remove('sel'));el.classList.add('sel');} function renderReview(){ const p=plans.find(x=>x.name===state.plan); const inner=` Card number

ExpiryCVC

${state.plan} plan$${p.price}/mo

First month (pilot)Free

Due today$0.00

`; shell('Step 5 of 5','Confirm & start free','No charge today. Your card is only used after the free month, and you can cancel anytime before then.',inner,'Start my free month →'); document.getElementById('cc').oninput=e=>{e.target.value=e.target.value.replace(/[^0-9 ]/g,'');hideErr();}; } function renderProvision(){ document.getElementById('reassure').style.display='none'; segs.forEach(s=>{s.classList.add('done');s.classList.remove('active');}); card.innerHTML=`

Setting up ${escapeHtml(state.business||'your workspace')}…

1Creating your secure workspace

2Syncing connected accounts (read-only)

3Detecting your GET filing schedule

4Preparing your dashboard

`; const ps=[...document.querySelectorAll('#psteps .ps')]; let i=0;const iv=setInterval(()=>{if(i0){step--;render();window.scrollTo({top:0,behavior:'smooth'});}} function escapeHtml(s){return String(s).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));} render();