${stage.questions.map(q => renderQ(q)).join('')} `; // Restore answers stage.questions.forEach(q => { if (answers[q.id] !== undefined) { el.querySelectorAll(`[data-qid="${q.id}"] .opt`) .forEach((o,i) => { if (i===answers[q.id]) o.classList.add('selected'); }); } }); el.classList.remove('fade-in'); void el.offsetWidth; el.classList.add('fade-in'); window.scrollTo({top:0, behavior:'smooth'}); } function renderQ(q) { const isConn = q.tag === 'connector'; return ` `; } function selectOpt(qid, oi, score) { answers[qid] = oi; document.querySelectorAll(`[data-qid="${qid}"] .opt`) .forEach((o,i) => o.classList.toggle('selected', i===oi)); } function stageComplete(idx) { return STAGES[idx].questions.every(q => answers[q.id] !== undefined); } function goNext() { if (!stageComplete(currentStage)) { const missing = STAGES[currentStage].questions.filter(q => answers[q.id]===undefined); missing.forEach(q => { const b = document.querySelector(`[data-qid="${q.id}"]`); if (b) { b.style.borderColor='rgba(224,66,52,0.6)'; setTimeout(()=>b.style.borderColor='',2000); } }); alert(`Please answer all ${missing.length} remaining question(s) to continue.`); return; } if (currentStage < STAGES.length-1) renderStage(currentStage+1); else showResults(); } function goBack() { if (currentStage > 0) renderStage(currentStage-1); } /* ============================================================ RESULTS ============================================================ */ function calcScores() { let total = 0; const stageScores = {}; STAGES.forEach(stage => { let s=0, m=0; stage.questions.forEach(q => { if (answers[q.id]!==undefined) s += q.options[answers[q.id]].s; m += q.maxPts; }); stageScores[stage.id] = {score:s, max:m, pct: m>0?Math.round((s/m)*100):0}; total += s; }); return {stageScores, total}; } function getTier(t) { if (t>=81) return { name:'Quantum Mature', sub:'The Evolving Ecosystem', desc:'Your brand operates as a fully integrated, non-linear loop. You use real-time data to "see" and adapt to customer needs instantly. You are rare. The challenge now is to maintain velocity and avoid complacency as the ecosystem grows.', }; if (t>=51) return { name:'Quantum Transitional', sub:'The Emerging Loop', desc:'You have strong individual stages but lack the feedback loop required to turn customer interactions into new discoveries. You are close — one or two strategic investments can close the gap and unlock compounding growth.', }; if (t>=21) return { name:'Linear Static', sub:'The Funnel Trap', desc:'Your brand operates in a straight line that ends at a sale. There is little empathy-led research or post-purchase excitement. Your growth is limited by what you can spend on acquisition alone.', }; return { name:'Fragmented', sub:'The Information Silo', desc:'Marketing efforts are disconnected campaigns with no shared insights or long-term vision. The opportunity is significant — foundational investments in insight infrastructure and strategy will yield immediate returns.', }; } function buildInsights(ss) { const stages4 = ['discover','design','deliver','delight']; const labels = {discover:'Discover',design:'Design',deliver:'Deliver',delight:'Delight'}; let best=stages4[0], worst=stages4[0]; stages4.forEach(id => { if (ss[id].pct > ss[best].pct) best=id; if (ss[id].pct < ss[worst].pct) worst=id; }); const conn = ss['connectors']; const rows = [ { cls:'ins-high', badge:'Strength', text:`We see that ${labels[best]} is your power centre (${ss[best].score}/${ss[best].max} pts, ${ss[best].pct}%). Build feedback loops that allow this strength to amplify the adjacent stages of the loop.` }, { cls:'ins-low', badge:'Loop Gap', text:`We see the critical gap is in ${labels[worst]} (${ss[worst].score}/${ss[worst].max} pts, ${ss[worst].pct}%). Value is being lost here, and the ecosystem is only as strong as its weakest link. This is your primary investment priority.` }, conn.pct < 50 ? { cls:'ins-low', badge:'Critical', text:`Your Loop Synergy score is ${conn.score}/${conn.max} pts. Even with strong stages, low connector scores mean you are re-buying your audience every cycle instead of growing with them. Closing the Interaction Feedback loop is your highest-leverage action.` } : conn.pct >= 80 ? { cls:'ins-high', badge:'Advantage', text:`Your Loop Synergy is exceptional at ${conn.score}/${conn.max} pts. The connectors are functioning well. Focus now on deepening the Interaction Feedback loop to achieve true self-perpetuating, compounding growth.` } : { cls:'ins-mid', badge:'Opportunity', text:`Your Loop Synergy stands at ${conn.score}/${conn.max} pts. The connectors are partially active. Formalising the flow between insights, ideas, and impact will compound your existing stage-level investments significantly.` } ]; return rows; } function showResults() { document.getElementById('audit-screen').style.display = 'none'; document.getElementById('prog-fill').style.width = '100%'; document.getElementById('prog-label').textContent = 'Complete'; document.getElementById('prog-pct').textContent = '100%'; const {stageScores, total} = calcScores(); const tier = getTier(total); const insights = buildInsights(stageScores); const firstName = leadData.name.split(' ')[0]; const stageColors = { discover:'#E04234', design:'#d4a843', deliver:'#3ecf8e', delight:'#4f8ef7', connectors:'#888' }; const stageLabels = { discover:'Discover', design:'Design', deliver:'Deliver', delight:'Delight', connectors:'Connectors' }; const circ = 2*Math.PI*68; const offset = circ - (total/100)*circ; document.getElementById('results-inner').innerHTML = ` `; const rs = document.getElementById('results-screen'); rs.style.display = 'block'; window.scrollTo({top:0, behavior:'smooth'}); } function restartAudit() { answers = {}; currentStage = 0; document.getElementById('results-screen').style.display = 'none'; document.getElementById('lead-screen').style.display = 'block'; document.getElementById('prog-fill').style.width = '0%'; document.getElementById('prog-label').textContent = 'Stage 1 of 5'; document.getElementById('prog-pct').textContent = '0%'; window.scrollTo({top:0, behavior:'smooth'}); }