Spaces:

DjayChucko
/

EnablingSales

Running

App Files Files

DjayChucko commited on Oct 8, 2025

Commit

ddb0105

verified ·

1 Parent(s): 73323e1

Promote version 905e4b2 to main

Browse files

Promoted commit 905e4b22b346acd8dc94d59a76d681d87907f662 to main branch

Files changed (2) hide show

academy.html +151 -222
scorecard.html +6 -38

academy.html CHANGED Viewed

@@ -1,13 +1,12 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sales Qualification Tool</title>
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
-    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
-    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script>
@@ -43,21 +42,10 @@
         }
         /* --- PAGE-SPECIFIC STYLES --- */
-        .question-screen { transition: all 0.3s ease; }
-        .fade-in { animation: fadeIn 0.5s; }
-        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
-        .progress-bar { height: 6px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
-        select {
-            -webkit-appearance: none; -moz-appearance: none; appearance: none;
-            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
-            background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1.25rem;
-        }
-        .dark select {
-            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
-        }
     </style>
 </head>
-<body class="min-h-screen flex flex-col relative bg-gradient-to-br from-purple-600 to-indigo-700">
 <header class="sticky top-0 z-50 bg-purple-800/80 backdrop-blur-md shadow-sm">
     <div class="container mx-auto px-4 py-3">
@@ -67,6 +55,7 @@
                 <span class="text-xl font-bold text-white font-heading">McGPT</span>
             </a>
             <nav class="hidden md:flex space-x-8">
                 <a href="value-mapper.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Mapper</a>
                 <a href="scorecard.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Scorecard</a>
                 <a href="strategy.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Method</a>
@@ -98,224 +87,164 @@
         <a href="intel.html" class="nav-link text-3xl text-white">Products</a>
     </div>
 </div>
-<div id="app" class="relative overflow-hidden flex-1">
-    <div id="industry-screen" class="question-screen flex justify-center items-center p-4 text-white">
-        <div class="max-w-2xl mx-auto w-full text-center" data-aos="fade-up">
-            <div class="w-16 h-16 bg-white rounded-full flex items-center justify-center mx-auto mb-2 shadow-lg"><img src="https://huggingface.co/spaces/DjayChucko/EnablingSales/resolve/main/images/MEDDICC%20Scorecard%20Logo.png" alt="MEDDICC Logo" class="w-14 h-10"></div>
-            <h1 class="text-3xl font-bold mb-2 text-white">MEDDICC Scorecard</h1>
-            <p class="text-purple-200 font-light text-lg">Select the customer's industry and current deal stage</p>
-            <div class="mt-6 mb-6 grid sm:grid-cols-2 gap-4">
-                <div class="relative"><select id="industry" class="w-full p-3 bg-white/20 border-2 border-purple-300 rounded-xl text-white focus:ring-2 focus:ring-white focus:outline-none appearance-none"><option value="" disabled selected>Select an Industry</option><option value="FSI">FSI (Financial Services)</option><option value="Healthcare">Healthcare</option><option value="Public Sector & Education">Public Sector & Education</option><option value="Retail and Ecommerce">Retail and Ecommerce</option><option value="Tech (SaaS)">Tech (SaaS)</option><option value="Cyber">Cyber</option><option value="Media and Entertainment">Media and Entertainment</option><option value="Manufacturing">Manufacturing</option><option value="Energy">Energy</option><option value="Logistics">Logistics</option><option value="Transport">Transport</option><option value="Startups">Startups</option></select></div>
-                <div class="relative"><select id="sales-stage" class="w-full p-3 bg-white/20 border-2 border-purple-300 rounded-xl text-white focus:ring-2 focus:ring-white focus:outline-none appearance-none"><option value="" disabled selected>Select Sales Stage</option><option value="Early Stage">Early Stage</option><option value="Evaluation / PoC">Evaluation / PoC</option><option value="Closing">Closing</option></select></div>
             </div>
-            <button id="start-btn" disabled class="w-full py-3 bg-white text-purple-700 font-semibold rounded-xl shadow-lg hover:bg-gray-100 transition-all disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center space-x-2"><span>Start Qualification</span><i data-feather="arrow-right" class="w-5 h-5"></i></button>
         </div>
     </div>
-    <div id="question-screens" class="hidden"><div class="fixed top-16 left-0 right-0 z-10 bg-gray-100 dark:bg-gray-900"><div class="h-1.5 bg-gray-200 dark:bg-gray-700"><div id="progress-bar" class="progress-bar bg-purple-600 h-full rounded-r-full"></div></div></div></div>
-    <div id="results-screen" class="question-screen py-8 px-4 sm:px-6 bg-gray-100 dark:bg-gray-900 hidden overflow-y-auto">
-        <div class="max-w-4xl mx-auto w-full" data-aos="fade-in">
-            <div class="text-center mb-6"><div class="w-20 h-20 bg-white dark:bg-gray-800 border-4 border-purple-500 rounded-full flex items-center justify-center mx-auto mb-4"><span id="score-percentage" class="text-3xl font-bold text-purple-600 dark:text-purple-400">0%</span></div><h2 id="score-message" class="text-xl font-semibold mt-2 text-gray-800 dark:text-gray-200"></h2></div>
-            <div class="mb-6"><div class="flex items-center mb-4"><div class="w-8 h-8 bg-purple-600 rounded-lg flex items-center justify-center mr-3"><i data-feather="zap" class="text-white w-4 h-4"></i></div><h3 class="text-xl font-bold text-gray-800 dark:text-white">Executive Summary</h3></div><div id="executive-summary" class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md"></div></div>
-            <div class="grid md:grid-cols-2 gap-6">
-                <div><div class="flex items-center mb-4"><div class="w-8 h-8 bg-purple-600 rounded-lg flex items-center justify-center mr-3"><i data-feather="info" class="text-white w-4 h-4"></i></div><h3 class="text-xl font-bold text-gray-800 dark:text-white">Industry Insights</h3></div><div id="industry-insights" class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md"></div></div>
-                <div><div class="flex items-center mb-4"><div class="w-8 h-8 bg-purple-600 rounded-lg flex items-center justify-center mr-3"><i data-feather="bar-chart-2" class="text-white w-4 h-4"></i></div><h3 class="text-xl font-bold text-gray-800 dark:text-white">Detailed Analysis</h3></div><div id="score-breakdown" class="space-y-4"></div></div>
             </div>
-            <div class="mt-6"><button id="restart-quiz" class="w-full py-3 bg-gradient-to-r from-purple-600 to-indigo-600 text-white font-semibold rounded-xl shadow-lg hover:from-purple-700 hover:to-indigo-700 transition-all transform hover:scale-105 flex items-center justify-center space-x-2"><i data-feather="refresh-cw" class="w-5 h-5"></i><span>Start New Scorecard</span></button></div>
         </div>
     </div>
-</div>
 <script>
-    // --- Mobile Menu Toggle ---
     const mobileMenuButton = document.getElementById('mobileMenuButton');
     const mobileMenu = document.getElementById('mobileMenu');
     mobileMenuButton.addEventListener('click', () => {
         mobileMenu.classList.toggle('hidden');
         mobileMenuButton.classList.toggle('open');
-        document.body.classList.toggle('overflow-hidden');
-    });
-    // --- Theme Toggle ---
-    const themeToggle = document.getElementById('themeToggle');
-    const html = document.documentElement;
-    themeToggle.addEventListener('click', () => {
-        html.classList.toggle('dark');
-        localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';
-    });
-    // Set initial theme
-    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        html.classList.add('dark');
-    } else {
-        html.classList.remove('dark');
-    }
-    // --- Set Active Nav Link ---
-    const currentPage = window.location.pathname.split('/').pop() || 'index.html';
-    document.querySelectorAll('.nav-link').forEach(link => {
-        const linkHref = link.getAttribute('href');
-        if (linkHref === currentPage) {
-            link.classList.add('active');
-        } else {
-            link.classList.remove('active');
-        }
-    });
-    // --- Feather Icons ---
-    feather.replace();
-</script>
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        AOS.init({ once: true, duration: 600 });
-        const app = {
-            state: { currentQuestion: 0, industry: '', salesStage: '', answers: [], maxScore: 54 },
-            screens: { industry: document.getElementById('industry-screen'), questions: document.getElementById('question-screens'), results: document.getElementById('results-screen') },
-            inputs: { industry: document.getElementById('industry'), salesStage: document.getElementById('sales-stage'), startBtn: document.getElementById('start-btn') },
-            ui: { progressBar: document.getElementById('progress-bar'), scorePercentage: document.getElementById('score-percentage'), scoreMessage: document.getElementById('score-message'), industryInsights: document.getElementById('industry-insights'), scoreBreakdown: document.getElementById('score-breakdown'), executiveSummary: document.getElementById('executive-summary') },
-            buttons: { restart: document.getElementById('restart-quiz') }
-        };
-        const questions = [
-            { section: 'PAIN & METRICS', subheading: 'Section 1: The Opportunity', question: 'What is the quantifiable business pain?', answers: [ { text: 'EB agrees on a top-priority pain with a quantified business case (QBC)', score: 9 }, { text: 'Champion agrees on the pain and we are building the business case', score: 6 }, { text: 'Pain is defined but lacks clear metrics and EB involvement', score: 3 }, { text: 'Pain is vague and no metrics have been discussed', score: 0 } ] },
-            { section: 'CHAMPION & EB', subheading: 'Section 1: The Opportunity', question: 'How strong is our relationship with the key personas?', answers: [ { text: 'Our Champion is selling on our behalf and we have EB engagement', score: 9 }, { text: 'We have a tested Champion who is providing access to power', score: 6 }, { text: 'We have a potential Champion but they are not yet tested', score: 3 }, { text: 'No Champion or Economic Buyer identified', score: 0 } ] },
-            { section: 'DECISION PROCESS & CRITERIA', subheading: 'Section 2: The Decision', question: 'How will the decision be made and what are the requirements?', answers: [ { text: 'We influenced the criteria and the process is confirmed with the EB', score: 9 }, { text: 'We know the process and criteria and believe we are aligned', score: 6 }, { text: 'The decision process or criteria are partially understood', score: 3 }, { text: 'The process and criteria are a black box', score: 0 } ] },
-            { section: 'COMPETITION & BLOCKERS', subheading: 'Section 2: The Decision', question: 'What internal and external forces can stop this deal?', answers: [ { text: 'We are seen as the preferred vendor and all blockers have a mitigation plan', score: 9 }, { text: 'Competition is known, traps are set, and some blockers are identified', score: 6 }, { text: 'We know of competitors but have not identified potential blockers', score: 3 }, { text: 'Competitive landscape and internal blockers are unknown', score: 0 } ] },
-            { section: 'PAPER PROCESS', subheading: 'Section 3: The Logistics', question: 'How aligned are we on the procurement and legal process?', answers: [ { text: 'Pricing, contract, and security review process are fully confirmed', score: 9 }, { text: 'We have had initial discussions on budget and the paper process', score: 6 }, { text: 'A budget is confirmed but the paper process has not been discussed', score: 3 }, { text: 'Budget and procurement process are unknown', score: 0 } ] },
-            { section: 'IMPLEMENTATION PLAN', subheading: 'Section 3: The Logistics', question: 'Is there a clear, agreed-upon plan for success after signing?', answers: [ { text: 'All stakeholders have agreed to a formal, joint implementation plan', score: 9 }, { text: 'We have shared a draft implementation plan with our Champion', score: 6 }, { text: 'Implementation has been discussed but no formal plan exists', score: 3 }, { text: 'The post-sale process has not been discussed', score: 0 } ] }
-        ];
-        const skillMapping = {
-            'PAIN & METRICS': '#qualify-meddicc',
-            'CHAMPION & EB': '#stakeholder-mapping',
-            'DECISION PROCESS & CRITERIA': '#qualify-meddicc',
-            'COMPETITION & BLOCKERS': '#evaluation-justification',
-            'PAPER PROCESS': '#negotiation',
-            'IMPLEMENTATION PLAN': '#evaluation-justification'
-        };
-        const scoreMessages = { 'Closing': { 14: "Low Probability. More qualification of Why Now? and Why Us? required.", 39: "Medium Probability. More qualification Why Now? to quantify the business case.", 60: "High Probability. Focus on Why Us? loop in Product teams, set traps, kill blockers.", 101: "Commit. Be cautious. Expect last minute blockers, seek Scaleway Executive Sponsors." }, 'Early Stage': { 14: "Low Potential. More discovery needed to find a compelling business pain.", 39: "Medium Potential. Good start. Focus on building the business case and identifying a Champion.", 60: "High Potential. Strong signal. Engage more stakeholders and define success criteria for an an evaluation.", 101: "Very High Potential. Excellent qualification. Prepare to move to a formal evaluation or PoC." }, 'Evaluation / PoC': { 14: "Low Confidence. This deal is not ready for an evaluation. Re-qualify the business case.", 39: "Medium Confidence. The business case is weak. Ensure the PoC has clear, agreed-upon success metrics.", 60: "High Confidence. The PoC is well-positioned. Focus on technical validation and neutralizing blockers.", 101: "Very High Confidence. A successful evaluation should lead to a close. Start planning the paper process." } };
-        const industryInsights = {
-            'FSI': "For <strong>Financial Services</strong>, compliance and data sovereignty are non-negotiable. This aligns perfectly with Scaleway's core value as a European cloud provider. Position our <strong>SecNumCloud-ready</strong> options and <strong>Private Cloud</strong> to address their stringent needs for data isolation and regulatory adherence (PCI DSS, DORA).",
-            'Healthcare': "<strong>Healthcare & Biotech</strong> deals with massive, sensitive datasets. Highlight Scaleway's value in providing cost-effective <strong>GPU Instances</strong> for AI-driven research and HDS-compliant <strong>Object Storage</strong> for medical imaging and genomic data, all within a sovereign European cloud.",
-            'Public Sector & Education': "The <strong>Public Sector & Education</strong> market is often budget-conscious while requiring high security. Emphasize Scaleway's value in data sovereignty and our cost-effective, powerful <strong>GPU Instances</strong> for research, positioning us as the ideal European alternative to US hyperscalers.",
-            'Retail and Ecommerce': "<strong>Retail & E-commerce</strong> thrives on scalability and performance. Position Scaleway's value around managed services like <strong>Kubernetes Kapsule</strong> and <strong>Load Balancers</strong> that handle traffic spikes effortlessly, combined with transparent pricing that avoids surprise costs during peak seasons.",
-            'Tech (SaaS)': "For <strong>Tech & SaaS</strong> companies, developer productivity and cost-efficiency are paramount. Lead with Scaleway's developer-centric tools and our full open-source stack. Highlight <strong>Managed Kubernetes (Kapsule)</strong> and our transparent billing as key differentiators that help them scale without vendor lock-in.",
-            'Cyber': "<strong>Cybersecurity</strong> firms need raw power and isolated environments for research. This is a perfect fit for Scaleway's <strong>Bare Metal</strong> servers combined with <strong>VPC</strong>. Emphasize how our sovereign infrastructure provides a secure foundation for them to build and test their security tools.",
-            'Media and Entertainment': "The <strong>Media & Entertainment</strong> industry struggles with massive files and high rendering costs. Showcase Scaleway's value with our highly cost-effective <strong>Object Storage</strong> and powerful <strong>GPU Instances</strong>, which create an efficient pipeline for rendering, transcoding, and content delivery.",
-            'Manufacturing': "For <strong>Manufacturing</strong>, the focus is on Industrial IoT and predictive maintenance. Position Scaleway's value with our <strong>Edge Computing</strong> solutions to process data on the factory floor and our <strong>AI Suite</strong> to build predictive models, all while connecting securely via our <strong>Private Network</strong>.",
-            'Energy': "The <strong>Energy</strong> sector is leveraging AI for grid optimization and sustainability. Highlight Scaleway's value as a 100% sustainable cloud provider with powerful <strong>AI Inference Servers</strong> and <strong>Managed Databases</strong> to help them analyze data and meet ESG goals.",
-            'Logistics': "In <strong>Logistics</strong>, real-time tracking and route optimization are key. Emphasize Scaleway's value in <strong>Edge Computing</strong> for processing data from moving assets and our <strong>AI Suite</strong>, which helps turn that data into measurable cost savings through efficient routing.",
-            'Transport': "The <strong>Transport</strong> industry relies on HPC for complex simulations (e.g., vehicle design, traffic modeling). Position Scaleway's value around on-demand, cost-effective <strong>GPU Instances</strong> that accelerate their R&D cycles without the need for large on-premise hardware investments.",
-            'Startups': "<strong>Startups</strong> need to move fast and manage cash flow carefully. Lead with Scaleway's value of being developer-centric and cost-effective. Our managed services (<strong>Kapsule</strong>, <strong>Managed Databases</strong>) and transparent pricing help them build for scale without the fear of vendor lock-in or surprise bills."
-        };
-        const 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.' };
-        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...' } };
-        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(); });
-        app.inputs.salesStage.addEventListener('change', (e) => { app.state.salesStage = e.target.value; checkSelections(); });
-        app.inputs.startBtn.addEventListener('click', () => { app.screens.industry.classList.add('hidden'); app.screens.questions.classList.remove('hidden'); renderQuestion(app.state.currentQuestion); });
-        app.buttons.restart.addEventListener('click', resetQuiz);
-        function resetQuiz() {
-            app.state = { currentQuestion: 0, industry: '', salesStage: '', answers: [], maxScore: 54 };
-            app.screens.results.classList.add('hidden');
-            app.screens.questions.classList.add('hidden');
-            app.screens.industry.classList.remove('hidden');
-            app.inputs.industry.value = "";
-            app.inputs.salesStage.value = "";
-            app.inputs.startBtn.disabled = true;
-            feather.replace();
-        }
-        function renderQuestion(index) {
-            if (index >= questions.length) { return showResults(); }
-            const question = questions[index];
-            app.ui.progressBar.style.width = `${(index / questions.length) * 100}%`;
-            const screen = document.createElement('div');
-            screen.className = `question-screen flex flex-col justify-center p-6 bg-gradient-to-br from-purple-600 to-indigo-700 text-white fade-in`;
-            screen.innerHTML = `<div class="max-w-2xl mx-auto w-full"><div class="mb-4 text-center"><p class="text-xs font-bold tracking-wider uppercase text-purple-200 mb-2">${question.subheading}</p><span class="text-sm font-medium text-purple-300 dark:text-purple-400">${question.section}</span><h2 class="text-2xl font-bold mt-1 mb-2 text-white">${question.question}</h2></div><div class="mb-6"><div class="relative"><select id="answer-select" class="w-full p-3 bg-white/20 border-2 border-purple-300 rounded-lg focus:ring-2 focus:ring-white text-white focus:outline-none"><option value="" disabled selected>Select an answer</option>${question.answers.map(a => `<option value="${a.score}" class="bg-gray-800 text-white">${a.text}</option>`).join('')}</select></div></div><div class="flex items-center gap-4"><button id="back-btn" class="w-1/3 py-3 bg-white/20 text-white rounded-lg font-semibold shadow-md hover:bg-white/30">Back</button><button id="next-btn" disabled class="w-2/3 py-3 bg-white text-purple-700 rounded-lg font-semibold shadow-md disabled:opacity-50">${index === questions.length - 1 ? 'Finish' : 'Next'}</button></div></div>`;
-            app.screens.questions.innerHTML = ''; app.screens.questions.appendChild(screen); feather.replace();
-            const select = document.getElementById('answer-select'), next = document.getElementById('next-btn'), back = document.getElementById('back-btn');
-            select.addEventListener('change', () => next.disabled = !select.value);
-            next.addEventListener('click', () => { app.state.answers.push({ section: question.section, answer: select.options[select.selectedIndex].text, score: parseInt(select.value) }); app.state.currentQuestion++; renderQuestion(app.state.currentQuestion); });
-            back.addEventListener('click', () => { if (index > 0) { app.state.currentQuestion--; app.state.answers.pop(); renderQuestion(app.state.currentQuestion); } else { resetQuiz(); } });
-        }
-        function showResults() {
-            app.screens.questions.classList.add('hidden');
-            app.screens.results.classList.remove('hidden');
-            app.screens.results.classList.add('bg-gradient-to-br', 'from-purple-600', 'to-indigo-700', 'text-white');
-            app.screens.results.classList.remove('bg-gray-100', 'dark:bg-gray-900', 'text-gray-800', 'dark:text-gray-200');
-            AOS.refresh();
-            const totalScore = app.state.answers.reduce((sum, ans) => sum + ans.score, 0);
-            const percentage = Math.max(0, Math.round((totalScore / app.state.maxScore) * 100));
-            app.ui.scorePercentage.textContent = `${percentage}%`;
-            const stageMessages = scoreMessages[app.state.salesStage] || scoreMessages['Early Stage'];
-            let msg = '';
-            if (percentage <= 14) msg = stageMessages[14]; else if (percentage <= 39) msg = stageMessages[39]; else if (percentage <= 60) msg = stageMessages[60]; else msg = stageMessages[101];
-            app.ui.scoreMessage.innerHTML = `<span class="block">${msg}</span>`;
-            app.ui.scoreMessage.classList.remove('text-gray-800', 'dark:text-gray-200');
-            app.ui.scoreMessage.classList.add('text-white');
-            app.ui.industryInsights.innerHTML = `<p>${industryInsights[app.state.industry]}</p>`;
-            app.ui.industryInsights.classList.remove('bg-white', 'dark:bg-gray-800');
-            app.ui.industryInsights.classList.add('bg-white/10', 'text-white', 'backdrop-blur-sm');
-            app.ui.executiveSummary.innerHTML = '';
-            app.ui.executiveSummary.classList.remove('bg-white', 'dark:bg-gray-800');
-            app.ui.executiveSummary.classList.add('bg-white/10', 'text-white', 'backdrop-blur-sm');
-            app.ui.scoreBreakdown.innerHTML = '';
-            app.state.answers.forEach(answer => {
-                let recommendationHTML = '';
-                if (answer.score < 5) {
-                    let advice = industrySpecificAdvice[app.state.industry]?.[answer.section] || summarySnippets[answer.section] || 'Focus on improving this area.';
-                    const destination = `academy.html`;
-                    recommendationHTML = `<div class="mt-3 pt-3 border-t border-purple-400 bg-red-800/20 p-3 rounded-b-lg -m-4 mt-4"><p class="text-sm font-medium text-red-200"><strong>Recommendation:</strong> ${advice} <a href="#" data-link="${destination}" class="font-bold underline hover:text-red-100 academy-link">learn more</a></p></div>`;
-                }
-                const scoreRatio = answer.score / 9;
-                let scoreColor = 'text-red-300';
-                if (scoreRatio >= 0.7) scoreColor = 'text-green-300'; else if (scoreRatio >= 0.4) scoreColor = 'text-yellow-300';
-                app.ui.scoreBreakdown.insertAdjacentHTML('beforeend', `<div class="bg-white/10 p-4 rounded-lg shadow-sm backdrop-blur-sm"><div class="flex justify-between items-start mb-2"><h4 class="font-medium text-white">${answer.section}</h4><span class="font-bold ${scoreColor}">${answer.score}/9</span></div><p class="text-sm text-purple-200">${answer.answer}</p>${recommendationHTML}</div>`);
-            });
-            generateExecutiveSummary(app.state.answers, percentage, app.state.salesStage);
-            feather.replace();
-        }
-        function generateExecutiveSummary(answers, overallScore, salesStage) {
-            let weaknesses = [], summaryHTML = '<ul class="space-y-3 text-purple-100">';
-            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.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-300">✅</span><span><strong>Strength:</strong> The deal is well-positioned in <strong>${strength.section}</strong>.</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-300">🔴</span><span><strong>Urgent Focus: ${weak.section}</strong>. ${snippet}</span></li>`; });
-            summaryHTML += '</ul>';
-            let strategicMessage = '';
-            if (overallScore <= 19) { strategicMessage = "Okay if early, but more qualification is required."; }
-            else { strategicMessage = "The finish line is in sight... expect negotiations."; }
-            summaryHTML += `<div class="mt-4 pt-4 border-t border-purple-400"><p class="text-base font-medium text-purple-200">${strategicMessage}</p></div>`;
-            app.ui.executiveSummary.innerHTML = summaryHTML;
-        }
-        // Event listener for dynamic links
-        document.body.addEventListener('click', function(e) {
-            const link = e.target.closest('.academy-link');
-            if (link) {
-                e.preventDefault();
-                const destination = link.getAttribute('data-link');
-                if (destination) {
-                    window.location.href = destination;
-                }
-            }
-        });
     });
 </script>

 <!DOCTYPE html>
+<html lang="en" class="scroll-smooth">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="McGPT - Our Sales Methodology">
+    <title>Sales Academy | McGPT</title>
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script>
         }
         /* --- PAGE-SPECIFIC STYLES --- */
+        h1, h2, h3 { font-family: 'Space Grotesk', sans-serif; }
     </style>
 </head>
+<body class="bg-[#3D1862] text-white min-h-screen flex flex-col" style="background-image: radial-gradient(circle at 25% 25%, rgba(39, 8, 71, 0.6) 0%, rgba(39, 8, 71, 0) 50%), radial-gradient(circle at 75% 75%, rgba(59, 15, 110, 0.6) 0%, rgba(59, 15, 110, 0) 50%);">
 <header class="sticky top-0 z-50 bg-purple-800/80 backdrop-blur-md shadow-sm">
     <div class="container mx-auto px-4 py-3">
                 <span class="text-xl font-bold text-white font-heading">McGPT</span>
             </a>
             <nav class="hidden md:flex space-x-8">
+                <a href="index.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Home</a>
                 <a href="value-mapper.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Mapper</a>
                 <a href="scorecard.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Scorecard</a>
                 <a href="strategy.html" class="nav-link py-2 px-1 text-white hover:text-primary transition-colors">Method</a>
         <a href="intel.html" class="nav-link text-3xl text-white">Products</a>
     </div>
 </div>
+<main class="flex-grow">
+    <div class="container mx-auto px-4 py-16">
+        <div class="text-center mb-12">
+            <h1 class="text-4xl font-extrabold text-white"> CORE Sales</h1>
+            <p class="mt-4 text-lg text-purple-200">Great discovery focuses on the "Why buy?"</p>
+        </div>
+        <div id="content-container" class="max-w-4xl mx-auto space-y-8">
+           <div id="discovery-qualification" class="content-block bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Phase 1: Discovery & Qualification</h2>
+                <p class="text-purple-100 mb-4">This initial phase is about deep listening and understanding. We use tools like the Value Mapper to connect a prospect's challenges to our core strengths. The goal is not to sell, but to diagnose. By the end of this phase, we should have a clear understanding of the customer's pain and the potential metrics for success.</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="business-case" class="content-block bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Phase 2: Building the Business Case</h2>
+                <p class="text-purple-100 mb-4">Once a legitimate pain is identified, we transition to quantifying the value of our solution. This involves co-creating a business case with our champion, aligning our technical solution to measurable business outcomes. The <strong>MEDDICC Scorecard</strong> becomes critical here to track our alignment with the key people and processes involved in the decision.</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="evaluation-justification" class="content-block bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Phase 3: Evaluation & Justification</h2>
+                <p class="text-purple-100 mb-4">In this phase, we prove our claims through a PoC or detailed evaluation. Success is not just technical validation, but demonstrating the agreed-upon business value. We focus on differentiating against the competition and mitigating any perceived risks or blockers, ensuring our champion is equipped to justify the investment to the Economic Buyer.</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+        </div>
+        <div class="max-w-4xl mx-auto space-y-8 mt-24">
+            <div class="text-center mb-12">
+                <h1 class="text-4xl font-extrabold text-white">STRATEGIC Sales</h1>
+                <p class="mt-4 text-lg text-purple-200">Compelling business cases answer "Why now?"</p>
+            </div>
+            <div id="stakeholder-mapping" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">1. Map Stakeholders to Find Your Mobilizer</h2>
+                <p class="text-purple-100 mb-4">Before you can create urgency, you must understand who holds the power to act. Use tools like <strong>Sales Navigator & Generative AI</strong> to identify stakeholders and the <strong>Economic Buyer</strong>. Tailor your message for different personas (Strategic, Tactical, Operational) to build consensus and find a champion who can drive change.</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="meetings-demos" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">2. Master Meetings & Demos to Drive Momentum</h2>
+                <p class="text-purple-100 mb-4">Every interaction is an opportunity to move the deal forward. <strong> Prepare</strong> with a clear agenda, <strong>execute</strong> by focusing on their pain points, and **follow up** immediately with a summary and next steps to maintain the urgency you've built.</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="qualify-meddicc" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">3. Qualify with MEDDICC to Build the Business Case</h2>
+                <p class="text-purple-100 mb-4">The <strong>MEDDICC Scorecard</strong> is your tool for rigorously qualifying a deal. Use it to ask targeted questions about <strong>Metrics</strong>, <strong>Decision Criteria</strong>, and the <strong>Decision Process</strong>. By quantifying their pain and understanding their timeline, you can align Scaleway’s value directly with their most pressing needs.</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="deal-progression" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">4. Accelerate Deal Progression with Trigger Events</h2>
+                <p class="text-purple-100 mb-4">Leverage internal or external pressures to accelerate the decision. Use <strong>ROI and Case Studies</strong> to turn your solution into a "must-have." Listen for <strong>trigger events</strong> like regulatory changes, security vulnerabilities, or budget cycles to provide the final, powerful answer to "Why Now?".</p>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+        </div>
+        <div class="max-w-4xl mx-auto space-y-8 mt-24">
+            <div class="text-center mb-12">
+                <h1 class="text-4xl font-extrabold text-white"> ELITE Sales</h1>
+                <p class="mt-4 text-lg text-purple-200">Justify Scaleway's unique differentiation.</p>
+            </div>
+            <div id="solution-architects" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Solution Architects as Partners</h2>
+                <p class="text-purple-100 mb-4">Our Pre-Sales and Solution Architects (SAs) are your technical partners, ensuring every solution is tailored, validated, and optimized for your unique needs.</p>
+                <ul class="space-y-3 text-purple-100 mb-4">
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Expertise on Demand:</strong> SAs dedicate their time to customer meetings, technical Q&A, and building custom demos.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Early Engagement:</strong> Involve SAs from qualification to closing to ensure technical feasibility and alignment.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Seamless Collaboration:</strong> Use dedicated channels like #sales-technical-questions for rapid, expert support.</span>
+                    </li>
+                </ul>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="proposals" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Engaging Proposals & ELITE Sales</h2>
+                <p class="text-purple-100 mb-4">We don’t just present—we engage, persuade, and build trust with every stakeholder.</p>
+                <ul class="space-y-3 text-purple-100 mb-4">
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Tailored C-Level Ready Presentations:</strong> Our proposals are structured for clarity and impact, using storytelling, visuals, and reinforcement.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Stakeholder-Centric:</strong> We adapt our communication style to resonate with every decision-maker, from analytical to expressive.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Interactive & Personalized:</strong> Polls, live demos, and custom case studies make every presentation relevant and engaging.</span>
+                    </li>
+                </ul>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="negotiation" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Value-Centric Negotiation & Closing</h2>
+                <p class="text-purple-100 mb-4">Our negotiation approach is built on value, trust, and mutual success—not just price.</p>
+                <ul class="space-y-3 text-purple-100 mb-4">
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Value-Centric Tactics:</strong> We focus on “win-win” outcomes and understanding your BATNA (Best Alternative To a Negotiated Agreement).</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Advanced Techniques:</strong> We use mirroring and strategic “no” tactics to build rapport and uncover real needs.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Transparent & Collaborative:</strong> We use emotional intelligence and collaborative problem-solving to align solutions with your goals.</span>
+                    </li>
+                </ul>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
+            </div>
+            <div id="forecasting" class="bg-white/10 backdrop-blur-md border border-white/10 p-8 rounded-xl shadow-lg scroll-mt-24">
+                <h2 class="text-2xl font-bold text-purple-300 mb-4">Forecasting Mastery</h2>
+                <p class="text-purple-100 mb-4">Accurate forecasting means better planning, fewer surprises, and more reliable results.</p>
+                <ul class="space-y-3 text-purple-100 mb-4">
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Data-Driven:</strong> We use MEDDICC-aligned scorecards and historical analysis for precise, actionable forecasts.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Multi-Perspective:</strong> Bottom-up and top-down approaches ensure comprehensive, realistic revenue predictions.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg class="w-6 h-6 text-purple-400 mr-3 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                        <span><strong>Continuous Improvement:</strong> Regular reviews and tool integration keep forecasts sharp and responsive.</span>
+                    </li>
+                </ul>
+                <p class="text-purple-100"><a href="https://scaleway.360learning.com/group/66fbe9a4f3281e47975115a2/stats/courses" target="_blank" rel="noopener noreferrer"><strong>To learn more visit this module on Sales Academy (360Learning)</strong>.</a></p>
             </div>
         </div>
     </div>
+</main>
+<footer class="bg-purple-800/80 dark:bg-purple-800/80 backdrop-blur-sm border-t border-gray-700">
+    <div class="container mx-auto px-4 py-8">
+        <div class="flex flex-col md:flex-row justify-between items-center">
+            <div class="mb-6 md:mb-0">
+                <p class="text-white-600 dark:text-gray-300 mt-2 text-sm">
+                    Strategic Tools Enabling Elite Sales
+                </p>
             </div>
+        <div class="mt-8 pt-8 border-t border-gray-200 dark:border-gray-700 text-center text-sm text-gray-500 dark:text-gray-400">
+            <p>&copy; 2025 McGPT. Always Be Connecting.</p>
         </div>
     </div>
+</footer>
 <script>
+    feather.replace();
     const mobileMenuButton = document.getElementById('mobileMenuButton');
     const mobileMenu = document.getElementById('mobileMenu');
     mobileMenuButton.addEventListener('click', () => {
         mobileMenu.classList.toggle('hidden');
         mobileMenuButton.classList.toggle('open');
     });
 </script>

scorecard.html CHANGED Viewed

@@ -184,32 +184,13 @@
             { section: 'IMPLEMENTATION PLAN', subheading: 'Section 3: The Logistics', question: 'Is there a clear, agreed-upon plan for success after signing?', answers: [ { text: 'All stakeholders have agreed to a formal, joint implementation plan', score: 9 }, { text: 'We have shared a draft implementation plan with our Champion', score: 6 }, { text: 'Implementation has been discussed but no formal plan exists', score: 3 }, { text: 'The post-sale process has not been discussed', score: 0 } ] }
         ];
-        // This mapping creates the links to the correct sections in academy.html
         const skillMapping = {
-            'PAIN & METRICS': '#qualify-meddicc',
-            'CHAMPION & EB': '#stakeholder-mapping',
-            'DECISION PROCESS & CRITERIA': '#qualify-meddicc',
-            'COMPETITION & BLOCKERS': '#evaluation-justification',
-            'PAPER PROCESS': '#negotiation',
-            'IMPLEMENTATION PLAN': '#evaluation-justification'
         };
         const scoreMessages = { 'Closing': { 14: "Low Probability. More qualification of Why Now? and Why Us? required.", 39: "Medium Probability. More qualification Why Now? to quantify the business case.", 60: "High Probability. Focus on Why Us? loop in Product teams, set traps, kill blockers.", 101: "Commit. Be cautious. Expect last minute blockers, seek Scaleway Executive Sponsors." }, 'Early Stage': { 14: "Low Potential. More discovery needed to find a compelling business pain.", 39: "Medium Potential. Good start. Focus on building the business case and identifying a Champion.", 60: "High Potential. Strong signal. Engage more stakeholders and define success criteria for an an evaluation.", 101: "Very High Potential. Excellent qualification. Prepare to move to a formal evaluation or PoC." }, 'Evaluation / PoC': { 14: "Low Confidence. This deal is not ready for an evaluation. Re-qualify the business case.", 39: "Medium Confidence. The business case is weak. Ensure the PoC has clear, agreed-upon success metrics.", 60: "High Confidence. The PoC is well-positioned. Focus on technical validation and neutralizing blockers.", 101: "Very High Confidence. A successful evaluation should lead to a close. Start planning the paper process." } };
-        const industryInsights = {
-            'FSI': "For <strong>Financial Services</strong>, compliance and data sovereignty are non-negotiable. This aligns perfectly with Scaleway's core value as a European cloud provider. Position our <strong>SecNumCloud-ready</strong> options and <strong>Private Cloud</strong> to address their stringent needs for data isolation and regulatory adherence (PCI DSS, DORA).",
-            'Healthcare': "<strong>Healthcare & Biotech</strong> deals with massive, sensitive datasets. Highlight Scaleway's value in providing cost-effective <strong>GPU Instances</strong> for AI-driven research and HDS-compliant <strong>Object Storage</strong> for medical imaging and genomic data, all within a sovereign European cloud.",
-            'Public Sector & Education': "The <strong>Public Sector & Education</strong> market is often budget-conscious while requiring high security. Emphasize Scaleway's value in data sovereignty and our cost-effective, powerful <strong>GPU Instances</strong> for research, positioning us as the ideal European alternative to US hyperscalers.",
-            'Retail and Ecommerce': "<strong>Retail & E-commerce</strong> thrives on scalability and performance. Position Scaleway's value around managed services like <strong>Kubernetes Kapsule</strong> and <strong>Load Balancers</strong> that handle traffic spikes effortlessly, combined with transparent pricing that avoids surprise costs during peak seasons.",
-            'Tech (SaaS)': "For <strong>Tech & SaaS</strong> companies, developer productivity and cost-efficiency are paramount. Lead with Scaleway's developer-centric tools and our full open-source stack. Highlight <strong>Managed Kubernetes (Kapsule)</strong> and our transparent billing as key differentiators that help them scale without vendor lock-in.",
-            'Cyber': "<strong>Cybersecurity</strong> firms need raw power and isolated environments for research. This is a perfect fit for Scaleway's <strong>Bare Metal</strong> servers combined with <strong>VPC</strong>. Emphasize how our sovereign infrastructure provides a secure foundation for them to build and test their security tools.",
-            'Media and Entertainment': "The <strong>Media & Entertainment</strong> industry struggles with massive files and high rendering costs. Showcase Scaleway's value with our highly cost-effective <strong>Object Storage</strong> and powerful <strong>GPU Instances</strong>, which create an efficient pipeline for rendering, transcoding, and content delivery.",
-            'Manufacturing': "For <strong>Manufacturing</strong>, the focus is on Industrial IoT and predictive maintenance. Position Scaleway's value with our <strong>Edge Computing</strong> solutions to process data on the factory floor and our <strong>AI Suite</strong> to build predictive models, all while connecting securely via our <strong>Private Network</strong>.",
-            'Energy': "The <strong>Energy</strong> sector is leveraging AI for grid optimization and sustainability. Highlight Scaleway's value as a 100% sustainable cloud provider with powerful <strong>AI Inference Servers</strong> and <strong>Managed Databases</strong> to help them analyze data and meet ESG goals.",
-            'Logistics': "In <strong>Logistics</strong>, real-time tracking and route optimization are key. Emphasize Scaleway's value in <strong>Edge Computing</strong> for processing data from moving assets and our <strong>AI Suite</strong>, which helps turn that data into measurable cost savings through efficient routing.",
-            'Transport': "The <strong>Transport</strong> industry relies on HPC for complex simulations (e.g., vehicle design, traffic modeling). Position Scaleway's value around on-demand, cost-effective <strong>GPU Instances</strong> that accelerate their R&D cycles without the need for large on-premise hardware investments.",
-            'Startups': "<strong>Startups</strong> need to move fast and manage cash flow carefully. Lead with Scaleway's value of being developer-centric and cost-effective. Our managed services (<strong>Kapsule</strong>, <strong>Managed Databases</strong>) and transparent pricing help them build for scale without the fear of vendor lock-in or surprise bills."
-        };
         const 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.' };
         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...' } };
@@ -276,8 +257,8 @@
                 let recommendationHTML = '';
                 if (answer.score < 5) {
                     let advice = industrySpecificAdvice[app.state.industry]?.[answer.section] || summarySnippets[answer.section] || 'Focus on improving this area.';
-                    const destination = `academy.html${skillMapping[answer.section]}`;
-                    recommendationHTML = `<div class="mt-3 pt-3 border-t border-purple-400 bg-red-800/20 p-3 rounded-b-lg -m-4 mt-4"><p class="text-sm font-medium text-red-200"><strong>Recommendation:</strong> ${advice} <a href="#" data-link="${destination}" class="font-bold underline hover:text-red-100 academy-link">learn more</a></p></div>`;
                 }
                 const scoreRatio = answer.score / 9;
                 let scoreColor = 'text-red-300';
@@ -304,19 +285,6 @@
             summaryHTML += `<div class="mt-4 pt-4 border-t border-purple-400"><p class="text-base font-medium text-purple-200">${strategicMessage}</p></div>`;
             app.ui.executiveSummary.innerHTML = summaryHTML;
         }
-        // Event listener for dynamic links
-        document.body.addEventListener('click', function(e) {
-            const link = e.target.closest('.academy-link');
-            if (link) {
-                e.preventDefault();
-                const destination = link.getAttribute('data-link');
-                if (destination) {
-                    window.location.href = destination;
-                }
-            }
-        });
     });
 </script>

             { section: 'IMPLEMENTATION PLAN', subheading: 'Section 3: The Logistics', question: 'Is there a clear, agreed-upon plan for success after signing?', answers: [ { text: 'All stakeholders have agreed to a formal, joint implementation plan', score: 9 }, { text: 'We have shared a draft implementation plan with our Champion', score: 6 }, { text: 'Implementation has been discussed but no formal plan exists', score: 3 }, { text: 'The post-sale process has not been discussed', score: 0 } ] }
         ];
         const skillMapping = {
+            'PAIN & METRICS': '#qualify-meddicc', 'CHAMPION & EB': '#stakeholder-mapping',
+            'DECISION PROCESS & CRITERIA': '#qualify-meddicc', 'COMPETITION & BLOCKERS': '#proposals',
+            'PAPER PROCESS': '#negotiation', 'IMPLEMENTATION PLAN': '#evaluation-justification'
         };
         const scoreMessages = { 'Closing': { 14: "Low Probability. More qualification of Why Now? and Why Us? required.", 39: "Medium Probability. More qualification Why Now? to quantify the business case.", 60: "High Probability. Focus on Why Us? loop in Product teams, set traps, kill blockers.", 101: "Commit. Be cautious. Expect last minute blockers, seek Scaleway Executive Sponsors." }, 'Early Stage': { 14: "Low Potential. More discovery needed to find a compelling business pain.", 39: "Medium Potential. Good start. Focus on building the business case and identifying a Champion.", 60: "High Potential. Strong signal. Engage more stakeholders and define success criteria for an an evaluation.", 101: "Very High Potential. Excellent qualification. Prepare to move to a formal evaluation or PoC." }, 'Evaluation / PoC': { 14: "Low Confidence. This deal is not ready for an evaluation. Re-qualify the business case.", 39: "Medium Confidence. The business case is weak. Ensure the PoC has clear, agreed-upon success metrics.", 60: "High Confidence. The PoC is well-positioned. Focus on technical validation and neutralizing blockers.", 101: "Very High Confidence. A successful evaluation should lead to a close. Start planning the paper process." } };
+        const 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...' };
         const 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.' };
         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...' } };
                 let recommendationHTML = '';
                 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 border-purple-400 bg-red-800/20 p-3 rounded-b-lg -m-4 mt-4"><p class="text-sm font-medium text-red-200"><strong>Recommendation:</strong> ${advice} <a href="${link}" target="_blank" class="font-bold underline hover:text-red-100">learn more</a></p></div>`;
                 }
                 const scoreRatio = answer.score / 9;
                 let scoreColor = 'text-red-300';
             summaryHTML += `<div class="mt-4 pt-4 border-t border-purple-400"><p class="text-base font-medium text-purple-200">${strategicMessage}</p></div>`;
             app.ui.executiveSummary.innerHTML = summaryHTML;
         }
     });
 </script>