Manual changes saved

scorecard.html

@@ -130,9 +130,13 @@
             'COMPETITION & BLOCKERS': '#phase-3', 'PAPER PROCESS': '#phase-3', 'IMPLEMENTATION PLAN': '#phase-3'
         };
         const scoreMessages = { 'Closing': { 14: "Low Probability...", 39: "Medium Probability...", 60: "High Probability...", 101: "Commit. Be cautious..." }, 'Early Stage': { 14: "Low Potential...", 39: "Medium Potential...", 60: "High Potential...", 101: "Very High Potential..." }, 'Evaluation / PoC': { 14: "Low Confidence...", 39: "Medium Confidence...", 60: "High Confidence...", 101: "Very High Confidence..." } };
-        const industryInsights = { 'FSI': 'FSI buyers prioritize compliance...', 'Healthcare': 'Healthcare focuses on HIPAA...', /* etc. */ };
-        const summarySnippets = { 'PAIN & METRICS': 'Solidify the business case...', 'CHAMPION & EB': 'Test your Champion...', /* etc. */ };
-        const industrySpecificAdvice = { 'FSI': { 'PAIN & METRICS': 'Frame pain around compliance...', 'PAPER PROCESS': 'The legal review is rigorous...' }, 'Healthcare': { 'PAIN & METRICS': 'Pain is tied to HIPAA...', 'DECISION PROCESS & CRITERIA': 'Criteria weighs heavily on security...' }, 'Tech (SaaS)': { 'COMPETITION & BLOCKERS': 'The SaaS market is crowded...', 'IMPLEMENTATION PLAN': 'Offer a "quick start" plan...' } };
+        const industryInsights = { /* ... data ... */ }; // Truncated for brevity, full data below
+        const summarySnippets = { /* ... data ... */ };
+        const industrySpecificAdvice = { /* ... data ... */ };
+        
+        Object.assign(industryInsights, { 'FSI': 'FSI buyers prioritize compliance...', 'Healthcare': 'Healthcare focuses on HIPAA...', 'Public Sector & Education': 'Public Sector buyers value cost efficiency...', 'Retail and Ecommerce': 'Retail needs omnichannel integration...', 'Tech (SaaS)': 'SaaS companies look for developer-friendly APIs...', 'Cyber': 'Cyber security teams require advanced threat detection...', 'Media and Entertainment': 'Media firms need high-performance content delivery...', 'Manufacturing': 'Manufacturing values predictive maintenance...', 'Energy': 'The Energy sector focuses on AI for predictive analytics...', 'Logistics': 'Logistics companies prioritize real-time tracking...', 'Transport': 'Transportation firms need AI for fleet management...', 'Startups': 'Startups look for pay-as-you-go pricing...' });
+        Object.assign(summarySnippets, { 'PAIN & METRICS': 'Solidify the business case by quantifying the pain with the Economic Buyer.', 'CHAMPION & EB': 'Test your Champion and leverage them for greater access to the Economic Buyer.', 'DECISION PROCESS & CRITERIA': 'Influence the decision criteria and get the formal process in writing.', 'COMPETITION & BLOCKERS': 'Set competitive traps and proactively identify all potential deal blockers.', 'PAPER PROCESS': 'De-risk the closing stage by confirming the budget source and procurement process early.', 'IMPLEMENTATION PLAN': 'Co-create a success plan with the customer to show value beyond the signature.' });
+        Object.assign(industrySpecificAdvice, { 'FSI': { 'PAIN & METRICS': 'Frame pain around compliance...', 'PAPER PROCESS': 'The legal review is rigorous...' }, 'Healthcare': { 'PAIN & METRICS': 'Pain is tied to HIPAA...', 'DECISION PROCESS & CRITERIA': 'Criteria weighs heavily on security...' }, 'Tech (SaaS)': { 'COMPETITION & BLOCKERS': 'The SaaS market is crowded...', 'IMPLEMENTATION PLAN': 'Offer a "quick start" plan...' } });
 
         function checkSelections() { app.inputs.startBtn.disabled = !(app.state.industry && app.state.salesStage); }
         app.inputs.industry.addEventListener('change', (e) => { app.state.industry = e.target.value; checkSelections(); });
@@ -143,8 +147,7 @@
         function resetQuiz() {
             Object.assign(app.state, { currentQuestion: 0, industry: '', salesStage: '', answers: [] });
             app.inputs.industry.value = ""; app.inputs.salesStage.value = ""; app.inputs.startBtn.disabled = true;
-            app.screens.results.classList.add('hidden');
-            app.screens.industry.classList.remove('hidden'); AOS.refresh();
+            app.screens.results.classList.add('hidden'); app.screens.industry.classList.remove('hidden'); AOS.refresh();
         }
 
         function renderQuestion(index) {
@@ -175,12 +178,18 @@
 
             app.state.answers.forEach(answer => {
                 const scoreRatio = answer.score / 9;
-                let scoreColor = 'text-red-500', recommendationHTML = '';
-                if (scoreRatio >= 0.7) scoreColor = 'text-green-500'; else if (scoreRatio >= 0.4) scoreColor = 'text-yellow-500';
+                let scoreColor = 'text-red-500 dark:text-red-400', recommendationHTML = '';
+                if (scoreRatio >= 0.7) scoreColor = 'text-green-500 dark:text-green-400'; else if (scoreRatio >= 0.4) scoreColor = 'text-yellow-500 dark:text-yellow-400';
+                
                 if (answer.score < 5) {
                     let advice = industrySpecificAdvice[app.state.industry]?.[answer.section] || summarySnippets[answer.section] || 'Focus on improving this area.';
                     const link = `academy.html${skillMapping[answer.section]}`;
-                    recommendationHTML = `<div class="mt-3 pt-3 border-t dark:border-gray-700 bg-red-50 dark:bg-red-900/20 p-3 rounded-b-lg -m-4 mt-4"><p class="text-sm font-medium text-red-800 dark:text-red-200"><strong>Recommendation:</strong> ${advice} <a href="${link}" target="_blank" class="font-bold underline hover:text-red-600">Learn More...</a></p></div>`;
+                    recommendationHTML = `<div class="mt-3 pt-3 border-t dark:border-gray-700 bg-red-50 dark:bg-red-900/20 p-3 rounded-b-lg -m-4 mt-4">
+                                            <p class="text-sm font-medium text-red-800 dark:text-red-200">
+                                                <strong>Recommendation:</strong> ${advice} 
+                                                <a href="${link}" target="_blank" class="font-bold underline hover:text-red-600">learn more</a>
+                                            </p>
+                                          </div>`;
                 }
                 app.ui.scoreBreakdown.insertAdjacentHTML('beforeend', `<div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm"><div class="flex justify-between items-start mb-2"><h4 class="font-medium">${answer.section}</h4><span class="font-bold ${scoreColor}">${answer.score}/9</span></div><p class="text-sm text-gray-600 dark:text-gray-400">${answer.answer}</p>${recommendationHTML}</div>`);
             });
@@ -192,17 +201,17 @@
             let weaknesses = [], summaryHTML = '<ul class="space-y-3 text-gray-700 dark:text-gray-300">';
             const metricsMotive = answers.find(a => a.section === 'PAIN & METRICS');
             const sorted = [...answers].sort((a, b) => a.score - b.score);
-            if (metricsMotive && metricsMotive.score < 5) { weaknesses.push(metricsMotive); const next = sorted.find(a => a.section !== 'PAIN & METRICS'); if (next) weaknesses.push(next); } else { weaknesses = sorted.slice(0, 2); }
+            if (metricsMotive && metricsMotive.score < 5) { weaknesses.push(metricsMotive); const next = sorted.find(a => a.section !== 'PAIN & METRICS'); if (next && weaknesses.length < 2) weaknesses.push(next); } else { weaknesses = sorted.slice(0, 2); }
             const strength = sorted[sorted.length - 1];
             if (overallScore >= 60 && strength.score >= 7) { summaryHTML += `<li class="flex items-start"><span class="mr-2 text-green-500">✅</span><span><strong>Strength:</strong> The deal is well-positioned in <strong>${strength.section}</strong>. Continue to leverage this.</span></li>`; }
-            weaknesses.forEach(weak => { const link = `academy.html${skillMapping[weak.section]}`; const snippet = summarySnippets[weak.section] || 'This area needs to be addressed.'; summaryHTML += `<li class="flex items-start"><span class="mr-2 text-red-500">🔴</span><span><strong>Urgent Focus: ${weak.section}</strong>. <a href="${link}" target="_blank" class="font-bold underline hover:text-purple-400">${snippet}</a></span></li>`; });
+            weaknesses.forEach(weak => { const snippet = summarySnippets[weak.section] || 'This area needs to be addressed.'; summaryHTML += `<li class="flex items-start"><span class="mr-2 text-red-500">🔴</span><span><strong>Urgent Focus: ${weak.section}</strong>. ${snippet}</span></li>`; });
             summaryHTML += '</ul>';
             let strategicMessage = '';
             if (overallScore <= 19) strategicMessage = salesStage === 'Evaluation / PoC' ? "Dangerous if considering an Eval/PoC with this low score." : "Okay if early, but more qualification is required.";
-            else if (overallScore <= 39) { if (salesStage === 'Early Stage') strategicMessage = "Good news for an early stage deal. Now attach the offer to a mutually agreed business outcome."; else if (salesStage === 'Evaluation / PoC') strategicMessage = "Be cautious. The business case for this PoC is not strong enough. Why now? Why us?"; else strategicMessage = "Be worried. A deal this weak should not be in the closing stage."; }
-            else if (overallScore <= 59) { if (salesStage === 'Early Stage') strategicMessage = "Very good news for an early stage deal. A solid foundation to build upon."; else if (salesStage === 'Evaluation / PoC') strategicMessage = "This looks good. Now, what are the blockers? Confirm timeline and budget."; else strategicMessage = "Look for blockers. Can the champion access the Economic Buyer? Is this a champion or a coach?"; }
-            else if (overallScore <= 79) { strategicMessage = salesStage === 'Evaluation / PoC' ? "Very strong for a PoC. Start preparing success metrics and crafting the proposal." : "Focus on differentiation and beware of the buyer ghosting as you move to close."; }
-            else { strategicMessage = "The finish line is in sight, but it's not over until it's signed. Verbally discuss pricing/contracts with champions/buyers and expect negotiations."; }
+            else if (overallScore <= 39) { if (salesStage === 'Early Stage') strategicMessage = "Good news for an early stage deal..."; else if (salesStage === 'Evaluation / PoC') strategicMessage = "Be cautious. The business case for this PoC is not strong enough..."; else strategicMessage = "Be worried. A deal this weak should not be in the closing stage."; }
+            else if (overallScore <= 59) { if (salesStage === 'Early Stage') strategicMessage = "Very good news for an early stage deal..."; else if (salesStage === 'Evaluation / PoC') strategicMessage = "This looks good. Now, what are the blockers?..."; else strategicMessage = "Look for blockers. Can the champion access the Economic Buyer?..."; }
+            else if (overallScore <= 79) { strategicMessage = salesStage === 'Evaluation / PoC' ? "Very strong for a PoC..." : "Focus on differentiation and beware of the buyer ghosting..."; }
+            else { strategicMessage = "The finish line is in sight... expect negotiations."; }
             summaryHTML += `<div class="mt-4 pt-4 border-t dark:border-gray-700"><p class="text-base font-medium text-purple-700 dark:text-purple-400">${strategicMessage}</p></div>`;
             app.ui.executiveSummary.innerHTML = summaryHTML;
         }