Manual changes saved

scorecard.html

@@ -150,8 +150,7 @@
                 <div class="w-24 h-24 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 class="text-2xl font-bold mb-2">Qualification Complete</h2>
-                <p id="score-message" class="text-gray-600 dark:text-gray-400"></p>
+                <h2 id="score-message" class="text-xl font-semibold mt-2"></h2>
             </div>
             
             <div class="mb-8">
@@ -198,74 +197,20 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // --- DATA & STATE MANAGEMENT ---
     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 }
-            ] 
-        }
+        { 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 scoreMessages = {
+        'Closing': { 14: "Low Probability. More qualification of Why Now? and Why Us? required.", 39: "Medium Probability. More qualification of 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 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 regulatory compliance, data security, and low latency for transactions and fraud detection.', 'Healthcare': 'Healthcare focuses on HIPAA/GDPR compliance, interoperability with EHR systems, and patient data privacy.', 'Public Sector & Education': 'Public Sector buyers value cost efficiency, scalability, and adherence to government/educational data policies.', 'Retail and Ecommerce': 'Retail needs omnichannel integration, AI-powered personalization, and real-time inventory/analytics.', 'Tech (SaaS)': 'SaaS companies look for developer-friendly APIs, scalability, and AI/ML tools for product innovation.', 'Cyber': 'Cyber security teams require advanced threat detection, zero-trust architecture, and AI-driven automation for incident response.', 'Media and Entertainment': 'Media firms need high-performance content delivery, AI for recommendation engines, and scalable storage.', 'Manufacturing': 'Manufacturing values predictive maintenance, IoT integration, and AI for supply chain optimization.', 'Energy': 'The Energy sector focuses on AI for predictive analytics, regulatory compliance, and operational resilience.', 'Logistics': 'Logistics companies prioritize real-time tracking, AI for route optimization, and supply chain integration.', 'Transport': 'Transportation firms need AI for fleet management, real-time analytics for safety/compliance, and IoT integration.', 'Startups': 'Startups look for pay-as-you-go pricing, rapid deployment, and AI tools to accelerate MVP development.' };
     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 the pain in terms of regulatory compliance (e.g., GDPR), risk mitigation, or fraud detection. FSI buyers are heavily motivated by these.', 'PAPER PROCESS': 'The legal and compliance review in FSI is rigorous. Proactively provide security documentation to accelerate this stage.' }, 'Healthcare': { 'PAIN & METRICS': 'Pain in Healthcare is often tied to patient data privacy (HIPAA) or interoperability with EHR/EMR systems. Align with these.', 'DECISION PROCESS & CRITERIA': 'Criteria will heavily weigh on data security and HIPAA compliance. Position yourself as the most secure option.' }, 'Tech (SaaS)': { 'COMPETITION & BLOCKERS': 'The SaaS market is crowded. Your competitive advantage must be crystal clear—is it APIs, integrations, or UX?', 'IMPLEMENTATION PLAN': 'Offer a "quick start" or phased implementation plan. SaaS buyers value rapid time-to-value.' } };
@@ -358,10 +303,13 @@ document.addEventListener('DOMContentLoaded', function() {
         
         app.ui.scorePercentage.textContent = `${percentage}%`;
         
-        if (percentage >= 80) app.ui.scoreMessage.textContent = 'High probability of winning! This opportunity is well-qualified.';
-        else if (percentage >= 60) app.ui.scoreMessage.textContent = 'Good chance of winning. Focus on improving weaker areas.';
-        else if (percentage >= 40) app.ui.scoreMessage.textContent = 'Moderate chance. Significant improvements needed.';
-        else app.ui.scoreMessage.textContent = 'Low probability. Re-evaluate if this opportunity is worth pursuing.';
+        const messages = scoreMessages[app.state.salesStage];
+        let messageText = '';
+        if (percentage <= 14) messageText = messages[14];
+        else if (percentage <= 39) messageText = messages[39];
+        else if (percentage <= 60) messageText = messages[60];
+        else messageText = messages[101];
+        app.ui.scoreMessage.innerHTML = `<span class="block">${messageText}</span>`;
         
         app.ui.industryInsights.innerHTML = `<p>${industryInsights[app.state.industry]}</p>`;
         app.ui.scoreBreakdown.innerHTML = '';

value-mapper.html

@@ -4,379 +4,215 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="McGPT - Your strategic sales companion">
-    <title> Pod Value Mapper | Home</title>
+    <title>Pod Value Mapper | Home</title>
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-    <script>
-tailwind.config = {
-            darkMode: 'class',
-            theme: {
-                extend: {
-                    colors: {
-                        primary: '#6366f1',
-                        secondary: '#8b5cf6',
-                        dark: '#1e293b'
-                    }
-                }
-            }
-        }
-    </script>
     <style>
+        body { font-family: 'Poppins', sans-serif; }
+        .hamburger-line {
+             width: 20px; height: 2px; background-color: white; display: block; transition: all 0.3s;
+        }
+        .open .hamburger-line:nth-child(1) { transform: translateY(5px) rotate(45deg); }
+        .open .hamburger-line:nth-child(2) { opacity: 0; }
+        .open .hamburger-line:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
         .nav-link.active {
-            @apply text-primary font-medium border-b-2 border-primary;
+            font-weight: 600;
+            border-bottom: 2px solid #9B5CEB;
         }
-        .card-hover {
-            @apply transition-all duration-300 hover:scale-105 hover:shadow-xl;
+        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;
         }
-        .hamburger-line {
-            @apply w-6 h-0.5 bg-white transition-all duration-300;
+        .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>
+    </style>
 </head>
-<body class="bg-[#3D1862] dark:bg-[#3D1862] text-blue-900 dark:text-blue-900 min-h-screen flex flex-col relative" 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 dark:bg-purple-800/80 backdrop-blur-md shadow-sm">
-<div class="container mx-auto px-4 py-3">
-            <div class="flex justify-between items-center">
-                <a href="index.html" class="flex items-center space-x-2">
-                    <img src="https://huggingface.co/spaces/DjayChucko/EnablingSales/resolve/main/images/Scaleway-Logomark-White.png" alt="Logo" class="h-10 mr-2">
-<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 active py-2 px-1 text-white">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>
-</nav>
-<div class="flex items-center space-x-4">
-                    <button id="themeToggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700">
-                        <i data-feather="moon" class="hidden dark:block"></i>
-                        <i data-feather="sun" class="block dark:hidden"></i>
-                    </button>
-                    <button id="mobileMenuButton" class="md:hidden flex flex-col space-y-1.5 p-2 bg-[#9B5CEB] rounded-lg">
-                        <span class="hamburger-line"></span>
-                        <span class="hamburger-line"></span>
-                        <span class="hamburger-line"></span>
-                    </button>
-</div>
+<body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200 min-h-screen flex flex-col">
+
+<header class="sticky top-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md shadow-sm">
+    <div class="container mx-auto px-4 py-3">
+        <div class="flex justify-between items-center">
+            <a href="index.html" class="flex items-center space-x-2">
+                <img src="https://huggingface.co/spaces/DjayChucko/EnablingSales/resolve/main/images/Scaleway-Logomark-White.png" alt="Logo" class="h-8 mr-2">
+                <span class="text-xl font-bold text-gray-800 dark: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-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-colors">Home</a>
+                <a href="value-mapper.html" class="nav-link active py-2 px-1 text-gray-600 dark:text-gray-300">Mapper</a>
+                <a href="scorecard.html" class="nav-link py-2 px-1 text-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-colors">Scorecard</a>
+                <a href="strategy.html" class="nav-link py-2 px-1 text-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-colors">Method</a>
+            </nav>
+            <div class="flex items-center space-x-4">
+                <button id="themeToggle" class="p-2 rounded-full text-gray-500 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700">
+                    <i data-feather="moon" class="hidden dark:block"></i>
+                    <i data-feather="sun" class="block dark:hidden"></i>
+                </button>
+                <button id="mobileMenuButton" class="md:hidden flex flex-col space-y-1.5 p-2 bg-purple-600 rounded-lg">
+                    <span class="hamburger-line"></span>
+                    <span class="hamburger-line"></span>
+                    <span class="hamburger-line"></span>
+                </button>
             </div>
-
-            <div id="mobileMenu" class="hidden md:hidden py-4 border-t mt-3">
-                <div class="flex flex-col space-y-3">
-                    <a href="index.html" class="nav-link active py-2 px-1 text-white">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">About</a>
-                </div>
+        </div>
+        <div id="mobileMenu" class="hidden md:hidden py-4 border-t border-gray-200 dark:border-gray-700 mt-3">
+            <div class="flex flex-col space-y-3">
+                <a href="index.html" class="nav-link py-2 px-1 text-gray-600 dark:text-gray-300">Home</a>
+                <a href="value-mapper.html" class="nav-link active py-2 px-1 text-gray-600 dark:text-gray-300">Mapper</a>
+                <a href="scorecard.html" class="nav-link py-2 px-1 text-gray-600 dark:text-gray-300">Scorecard</a>
+                <a href="strategy.html" class="nav-link py-2 px-1 text-gray-600 dark:text-gray-300">Method</a>
             </div>
         </div>
-    </header>
-    <main class="flex-grow bg-gradient-to-b from-[#8B5CF6] to-[#A78BFA] backdrop-blur-sm">
-<div class="container mx-auto px-4 py-8 md:py-12">
-<div class="text-center mb-6 bg-[#3D1862] p-6 rounded-2xl shadow-2xl border-t-4 border-primary hover:border-secondary transition-all duration-300 backdrop-blur-sm">
-<h1 class="text-3xl sm:text-4xl font-heading font-extrabold text-white mb-3 leading-tight">
-Pod Value Mapper
-                        </h1>
-                        <div class="flex justify-center mb-6">
-                            <img src="https://huggingface.co/spaces/DjayChucko/EnablingSales/resolve/main/images/PublicEducationPod-Illustration-transparent.png" alt="Pod Value Mapper" class="h-48 w-auto">
-                        </div>
-<div class="mb-10 p-6 bg-gradient-to-tr from-indigo-200 to-purple-200 rounded-xl shadow-xl no-print hover:shadow-2xl transition-shadow duration-300 backdrop-blur-sm hovered-element">
-<div class="relative">
-<select id="industry-selector" onchange="updateContent()" class="block w-full py-3 px-4 pr-10 border-2 border-white rounded-xl text-base font-semibold text-black bg-white/90 focus:ring-4 focus:ring-secondary focus:border-secondary transition duration-200 shadow-lg">
-<option value="placeholder" disabled="" selected="" class="text-gray-600">
-- Choose Industry to Map -
-                            </option>
-                            <option value="Financial Services and Insurance">Financial Services and Insurance</option>
-                            <option value="Healthcare and Biotechnology">Healthcare and Biotechnology</option>
-                            <option value="E-commerce and Retail">E-commerce and Retail</option>
-                            <option value="Media and Entertainment">Media and Entertainment</option>
-                            <option value="Gaming">Gaming</option>
-                            <option value="Education and Research">Public Sector and Education</option>
-                            <option value="Government and Public Sector">Government and Public Sector</option>
-                            <option value="Cyber">Cyber</option>
-                            <option value="Manufacturing">Manufacturing</option>
-                            <option value="Energy">Energy</option>
-                            <option value="Logistics">Logistics</option>
-                            <option value="Transport">Transport</option>
-                            <option value="Technology/SaaS">Technology/SaaS</option>
-                            <option value="Startup">Startup</option>
-                        </select>
+    </div>
+</header>
+
+<main class="flex-grow bg-gradient-to-br from-purple-600 to-indigo-700">
+    <div class="container mx-auto px-4 py-12">
+        <div class="bg-white dark:bg-gray-800 p-6 sm:p-8 rounded-2xl shadow-2xl mb-8">
+            <div class="text-center">
+                <h1 class="text-3xl sm:text-4xl font-heading font-extrabold text-gray-800 dark:text-white mb-3 leading-tight">Pod Value Mapper</h1>
+                <div class="flex justify-center mb-6">
+                    <img src="https://huggingface.co/spaces/DjayChucko/EnablingSales/resolve/main/images/PublicEducationPod-Illustration-transparent.png" alt="Pod Value Mapper" class="h-48 w-auto">
                 </div>
             </div>
-<p class="text-lg text-white font-light text-center">
-<strong>Great discovery questions quickly establish credibility and intrigue</strong>
-</p>
-<div class="my-4 h-0.5 w-1/4 mx-auto bg-black"></div>
-                <p class="text-base text-white mb-4">
-Rapidly link known industry challenges to Scaleway products and <strong>unique values</strong>:
-</p>
-<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto">
-
-    <div class="bg-white/5 backdrop-blur-md border border-white/10 rounded-xl p-6 text-center shadow-lg">
-        <div class="w-16 h-16 mx-auto mb-4 rounded-lg bg-primary/20 flex items-center justify-center">
-            <i data-feather="shield" class="w-8 h-8 text-primary"></i>
+            <div class="max-w-md mx-auto">
+                <select id="industry-selector" onchange="updateContent()" class="block w-full py-3 px-4 pr-10 border border-gray-300 dark:border-gray-600 rounded-xl text-base font-semibold text-gray-800 dark:text-gray-200 bg-white dark:bg-gray-700 focus:ring-2 focus:ring-purple-500 focus:outline-none transition duration-200 shadow-lg">
+                    <option value="placeholder" disabled selected class="text-gray-500">- Choose Industry to Map -</option>
+                    <option value="Financial Services and Insurance">Financial Services and Insurance</option>
+                    <option value="Healthcare and Biotechnology">Healthcare and Biotechnology</option>
+                    <option value="E-commerce and Retail">E-commerce and Retail</option>
+                    <option value="Media and Entertainment">Media and Entertainment</option>
+                    <option value="Gaming">Gaming</option>
+                    <option value="Education and Research">Public Sector and Education</option>
+                    <option value="Government and Public Sector">Government and Public Sector</option>
+                    <option value="Cyber">Cyber</option>
+                    <option value="Manufacturing">Manufacturing</option>
+                    <option value="Energy">Energy</option>
+                    <option value="Logistics">Logistics</option>
+                    <option value="Transport">Transport</option>
+                    <option value="Technology/SaaS">Technology/SaaS</option>
+                    <option value="Startup">Startup</option>
+                </select>
+            </div>
         </div>
-        <p class="font-grotesk text-lg font-medium text-white leading-tight">European Data Sovereignty</p>
-    </div>
 
-    <div class="bg-white/5 backdrop-blur-md border border-white/10 rounded-xl p-6 text-center shadow-lg">
-        <div class="w-16 h-16 mx-auto mb-4 rounded-lg bg-indigo-400/20 flex items-center justify-center">
-            <i data-feather="cpu" class="w-8 h-8 text-indigo-400"></i>
+        <div id="initial-message" class="text-center p-12 rounded-xl bg-white/80 dark:bg-gray-800/80 text-gray-600 dark:text-gray-300 border-2 border-dashed border-gray-400 dark:border-gray-600 backdrop-blur-sm">
+            <p class="text-lg font-medium">Please select an industry from the dropdown above to reveal targeted value mapping, discovery questions, and permission-based openers.</p>
         </div>
-        <p class="font-grotesk text-lg font-medium text-white leading-tight">Cost-Effective GPU/AI Power</p>
-    </div>
 
-    <div class="bg-white/5 backdrop-blur-md border border-white/10 rounded-xl p-6 text-center shadow-lg">
-        <div class="w-16 h-16 mx-auto mb-4 rounded-lg bg-secondary/20 flex items-center justify-center">
-            <i data-feather="code" class="w-8 h-8 text-secondary"></i>
+        <div id="dynamic-area" class="hidden space-y-8">
+            <h2 id="industry-title" class="text-3xl font-heading font-bold text-white text-center pt-4"></h2>
+            
+            <div class="bg-white dark:bg-gray-800 p-6 sm:p-8 rounded-xl shadow-lg">
+                <h3 class="text-xl font-heading font-bold mb-6 text-gray-800 dark:text-white">Recommended Value Proposition & Suggested Product Focus</h3>
+                <div id="value-drivers" class="space-y-4 text-gray-700 dark:text-gray-300 text-base"></div>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <div class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg">
+                    <h3 class="text-lg font-heading font-bold mb-4 text-gray-800 dark:text-white">Discovery Question 1</h3>
+                    <p id="dq1" class="text-gray-600 dark:text-gray-400 italic mb-6 text-base"></p>
+                    <h4 class="font-bold text-sm uppercase text-gray-500 dark:text-gray-400 mb-2">Permission-Based Opener 1</h4>
+                    <p id="pbo1" class="text-gray-800 dark:text-white font-medium text-base"></p>
+                </div>
+                <div class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg">
+                    <h3 class="text-lg font-heading font-bold mb-4 text-gray-800 dark:text-white">Discovery Question 2</h3>
+                    <p id=dq2 class="text-gray-600 dark:text-gray-400 italic mb-6 text-base"></p>
+                    <h4 class="font-bold text-sm uppercase text-gray-500 dark:text-gray-400 mb-2">Permission-Based Opener 2</h4>
+                    <p id="pbo2" class="text-gray-800 dark:text-white font-medium text-base"></p>
+                </div>
+            </div>
         </div>
-        <p class="font-grotesk text-lg font-medium text-white leading-tight">Full Open-Source Stack</p>
     </div>
+</main>
 
-    <div class="bg-white/5 backdrop-blur-md border border-white/10 rounded-xl p-6 text-center shadow-lg">
-        <div class="w-16 h-16 mx-auto mb-4 rounded-lg bg-secondary/20 flex items-center justify-center">
-            <i data-feather="trending-up" class="w-8 h-8 text-secondary"></i>
+<footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
+    <div class="container mx-auto px-4 py-6">
+        <div class="text-center text-sm text-gray-500 dark:text-gray-400">
+            <p>&copy; 2025 McGPT Navigator. All rights reserved.</p>
         </div>
-        <p class="font-grotesk text-lg font-medium text-white leading-tight">Scalable & 100% Sustainable</p>
     </div>
+</footer>
+
+<script>
+    // --- UI & THEME LOGIC ---
+    feather.replace();
+    const themeToggle = document.getElementById('themeToggle');
+    const html = document.documentElement;
+    themeToggle.addEventListener('click', () => {
+        html.classList.toggle('dark');
+        localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';
+        feather.replace();
+    });
+    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+        html.classList.add('dark');
+    } else {
+        html.classList.remove('dark');
+    }
+    const mobileMenuButton = document.getElementById('mobileMenuButton');
+    const mobileMenu = document.getElementById('mobileMenu');
+    mobileMenuButton.addEventListener('click', () => {
+        mobileMenu.classList.toggle('hidden');
+        mobileMenuButton.classList.toggle('open');
+    });
+
+    // --- DYNAMIC CONTENT LOGIC ---
+    const INDUSTRY_DATA = {
+        "Financial Services and Insurance": { valueDrivers: "Value Drivers: Data Sovereignty, Security, Compliance (GDPR, PCI-DSS), Low-Latency. Product Focus: Private Cloud, Bare Metal (now called Elastic Metal), SecNumCloud-ready options.", dq1: "How are you currently addressing the rising costs and complexity of maintaining GDPR and PCI-DSS compliance across your cloud infrastructure?", pbo1: "I noticed you operate in the financial sector. Many of our clients are focused on data sovereignty. Can I share how our EU-based infrastructure helps with that?", dq2: "To what extent are your current cloud choices impacting your ability to meet strict regulatory requirements like GDPR, especially around data sovereignty and low-latency access?", pbo2: "Would you be open to a quick discussion on how our Private Cloud and SecNumCloud-ready solutions are designed to meet strict GDPR/PCI-DSS needs?" },
+        "Healthcare and Biotechnology": { valueDrivers: "Value Drivers: Secure & Compliant Infrastructure (HDS), AI/ML for Research, High-Performance Compute (HPC). Product Focus: Object Storage, GPU Instances, AI Inference Servers.", dq1: "What infrastructure challenges are currently slowing down your R&D teams when running large-scale AI models on sensitive patient data?", pbo1: "We see many healthcare firms leveraging AI for research. Can I show you how our GPU instances and AI tools simplify the deployment of those models securely?", dq2: "When scaling your AI/ML research or HPC workloads, what are the biggest challenges you face in ensuring both HDS compliance and performant access to massive datasets?", pbo2: "Could I share how our GPU instances and secure Object Storage are helping accelerate research while maintaining compliance?" },
+        "E-commerce and Retail": { valueDrivers: "Value Drivers: Scalability, Performance (Peak Loads), Edge Computing, Real-time Analytics. Product Focus: Load Balancers, Edge Services, Managed Kubernetes (Kapsule), CDN.", dq1: "How quickly and cost-effectively can you scale your infrastructure to handle Black Friday-level traffic spikes without over-provisioning for the rest of the year?", pbo1: "Your success depends on handling peak traffic seamlessly. Can I show you our transparent pricing for scalable infrastructure compared to the major US hyperscalers?", dq2: "How is your current infrastructure handling unexpected peak loads and the demands of real-time analytics, particularly as you expand your footprint into Edge environments?", pbo2: "Handling traffic spikes is crucial. Would you be interested in seeing how our Load Balancers and Managed Kubernetes can manage that automatically?" },
+        "Media and Entertainment": { valueDrivers: "Value Drivers: Massive Object Storage, High-Bandwidth, Cost-Effective GPU Rendering, Open-Source Tools. Product Focus: Object Storage, Elastic Metal servers, Content Delivery Network (CDN).", dq1: "Are you facing constraints or unexpected costs when archiving massive volumes of high-resolution content or delivering media globally at high quality?", pbo1: "We help media companies avoid vendor lock-in with our S3-compatible, open ecosystem. Is that something you'd be open to discussing?", dq2: "When you look at your overall rendering and distribution pipeline, where are you seeing the biggest bottlenecks in terms of high-bandwidth data transfer and cost-effective GPU access?", pbo2: "Many studios are looking to cut rendering costs. Can I show you how our Object Storage and powerful GPU instances achieve that?" },
+        "Gaming": { valueDrivers: "Value Drivers: Low-Latency, High-Availability, Cost-Effective GPU Instances, Developer-Centric Tools. Product Focus: Load Balancers, Elastic Metal, GPU Instances.", dq1: "What are the key technical barriers your players are reporting around in-game latency or server downtime that directly impact retention rates?", pbo1: "Our customers often mention they appreciate a seamless, developer-centric experience. Are you open to a quick overview of how our tools simplify deployment and management?", dq2: "For your performance-critical applications, what is the key trade-off you are currently making between achieving low-latency and maintaining a cost-effective environment for your GPU workloads?", pbo2: "We find many studios want to balance cost and performance. Can I share how our Elastic Metal servers are designed for exactly that?" },
+        "Education and Research": { valueDrivers: "Value Drivers: Cost-Effective HPC/GPU, Secure & Scalable, Open-Source for Collaboration. Product Focus: GPU Instances, Managed Kubernetes (Kapsule), Identity and Access Management (IAM).", dq1: "If budget weren't a constraint, what scientific or research challenges would your team tackle if they had access to significantly more computational (GPU) power?", pbo1: "Many institutions are concerned about long-term vendor lock-in and rising data costs. Would it be helpful to discuss how our open-source ecosystem helps avoid those challenges?", dq2: "Regarding your HPC and GPU projects, how effectively is your current Kubernetes environment balancing the need for cost-effective scaling with the security required for collaborative work?", pbo2: "We can help make powerful tools more accessible. Can I briefly explain how our GPU instances are used in secure HPC environments?" },
+        "Government and Public Sector": { valueDrivers: "Value Drivers: Strict Data Sovereignty (European Cloud), SecNumCloud Readiness, Compliance. Product Focus: Private Cloud, Elastic Metal, SecNumCloud options.", dq1: "In your digital transformation roadmap, what are the primary risks associated with relying on non-European cloud providers for sensitive citizen data?", pbo1: "When we speak with European leaders, data sovereignty is often a top priority. Do you mind if I share how Scaleway addresses those requirements with our certified, local infrastructure?", dq2: "How challenging is it for your organization to maintain strict European data sovereignty and pursue certifications like SecNumCloud while managing your core infrastructure needs?", pbo2: "Meeting public sector standards is non-negotiable. Can I show you how our SecNumCloud-ready Private Cloud is designed for this?" },
+        "Cyber": { valueDrivers: "Value Drivers: Data Sovereignty as Defense, Private Networking, AI/ML for Threat Detection, Transparent Billing. Product Focus: Private Network (VPC), Elastic Metal, AI Inference Servers.", dq1: "How is your team utilizing (or planning to utilize) AI and European-local data processing to enhance your real-time threat detection capabilities?", pbo1: "I often hear that predictable billing is a key concern when scaling security operations. May I share how Scaleway ensures cost transparency compared to US hyperscalers?", dq2: "What is your current level of confidence in your existing private networking setup to leverage AI/ML for threat detection while upholding data sovereignty principles?", pbo2: "A secure foundation is key. Would you be open to seeing how our Elastic Metal servers combined with a Private Network (VPC) can enhance your security posture?" },
+        "Manufacturing": { valueDrivers: "Value Drivers: Edge Computing (IoT Data), AI/ML for Predictive Maintenance, Open-Source Integration. Product Focus: Edge Services, AI Inference Servers, Object Storage.", dq1: "What percentage of unscheduled downtime could be saved if you could process IoT sensor data at the edge for instant, localized predictive maintenance?", pbo1: "Many companies are concerned about long-term vendor lock-in. Would it be helpful to discuss how our open-source ecosystem helps customers avoid those challenges?", dq2: "When deploying AI/ML for predictive maintenance using IoT data, what is the biggest technical roadblock you encounter regarding data storage, processing, or integration?", pbo2: "Processing data at the source is the future. Can I show you our Edge solutions designed specifically for predictive maintenance?" },
+        "Energy": { valueDrivers: "Value Drivers: Sustainability, AI/ML for Grid Optimization, Data Sovereignty. Product Focus: AI Inference Servers, Managed Databases.", dq1: "Given the move toward renewables, what is the biggest infrastructure challenge you face when trying to predict supply and demand volatility for grid optimization?", pbo1: "When we speak with European leaders, data sovereignty is often a top priority. Do you mind if I share how Scaleway addresses those requirements with our certified, local infrastructure?", dq2: "As you pursue sustainability goals, how are you deploying AI/ML tools for initiatives like grid optimization while also adhering to strict data sovereignty mandates?", pbo2: "Optimizing energy grids is a complex AI challenge. Can I share how our AI tools and managed databases are being used for this?" },
+        "Logistics": { valueDrivers: "Value Drivers: Edge Computing (Real-time Tracking), AI/ML for Optimization, Transparent Billing. Product Focus: Edge Services, Managed Databases, AI Inference Servers.", dq1: "If you could achieve a 5% improvement in route efficiency through real-time AI analysis, how quickly would that translate into measurable cost savings?", pbo1: "I often hear that predictable billing is a key concern when scaling. May I share how Scaleway ensures complete cost transparency compared to the major hyperscalers?", dq2: "In your real-time tracking projects, how are you ensuring both fast data processing at the edge and clear billing when leveraging AI/ML for optimization?", pbo2: "We can help you connect real-time data to real-world savings. Can I show you our Edge and AI solution that comes with clear, predictable pricing?" },
+        "Transport": { valueDrivers: "Value Drivers: Low-Latency, HPC for Simulation, Developer-Centric Tools. Product Focus: Edge Services, GPU Instances, High-Performance Compute (HPC) options.", dq1: "How satisfied are your engineering teams with the current cost and turnaround time of running large-scale simulations for new vehicle development?", pbo1: "Our customers appreciate a seamless, developer-centric experience. Are you open to a quick overview of how our tools simplify deployment and management for complex workloads?", dq2: "For your high-stakes HPC simulations, where are you currently seeing the most significant constraints on achieving optimal low-latency performance?", pbo2: "Simulation speed can be a real competitive advantage. Can I share how our GPU instances are used for low-latency, high-performance simulation?" },
+        "Technology/SaaS": { valueDrivers: "Value Drivers: Developer-Centric Tools, Cost-Effectiveness, Open-Source Agility, Transparent Billing. Product Focus: Managed Kubernetes (Kapsule), Managed Databases, GPU Instances.", dq1: "What is the highest friction point your development teams experience when trying to deploy, scale, or manage your core application?", pbo1: "Many SaaS companies are concerned about long-term vendor lock-in and rising egress fees. Would it be helpful to discuss how our open-source ecosystem helps avoid those challenges?", dq2: "As you scale, how are you balancing the need for rapid, open-source agility with the challenge of maintaining cost-effectiveness and transparent billing?", pbo2: "We specialize in helping scale-ups grow efficiently. Can I show you how our cost-effective Kubernetes (Kapsule) and managed databases can support your roadmap?" },
+        "Startup": { valueDrivers: "Value Drivers: Cost-Effectiveness, Developer-Centric Tools, Agility/Time-to-Market, Open-Source Ecosystem. Product Focus: Managed Kubernetes (Kapsule), Managed Databases, Free Tier options, GPU Instances.", dq1: "As you scale rapidly, what are your biggest concerns regarding unpredictable cloud costs, especially related to data egress and vendor lock-in?", pbo1: "I know that predictable billing and cost efficiency are key for startups. May I share how Scaleway ensures cost transparency compared to the big US providers?", dq2: "What friction points are your developers currently facing when deploying new features, and how important is using open-source tools to maintain agility?", pbo2: "We're passionate about helping startups avoid vendor lock-in. Can we discuss how our open ecosystem and developer-friendly tools can support your growth?" }
+    };
+
+    function updateContent() {
+        const selector = document.getElementById('industry-selector');
+        const industry = selector.value;
+        const dynamicArea = document.getElementById('dynamic-area');
+        const initialMessage = document.getElementById('initial-message');
+
+        if (!industry || industry === 'placeholder') {
+            dynamicArea.classList.add('hidden');
+            initialMessage.classList.remove('hidden');
+            return;
+        }
 
-</div>
-
-</div>
-</div>
-            <div id="initial-message" class="text-center p-12 rounded-xl bg-gray-800/80 text-gray-300 border-2 border-dashed border-gray-600 hover:border-primary transition-colors duration-300 backdrop-blur-sm mx-16 my-8">
-                <p class="text-lg font-medium hovered-element">Please select an industry from the dropdown above to reveal targeted value mapping, discovery questions, and permission-based openers.</p>
-            </div>
-<div id="dynamic-area" class="hidden space-y-8 backdrop-blur-sm">
-                <h2 id="industry-title" class="text-2xl font-heading font-bold text-white text-center pt-4">
-<span class="bg-gradient-to-r from-primary to-secondary bg-clip-text text-[#C43BFF]"></span>
-</h2>
-                <div class="bg-gray-800/90 p-8 rounded-xl shadow-lg border-l-4 border-secondary backdrop-blur-sm">
-                    <h3 class="text-xl font-heading font-bold mb-6 text-white">Recommended Value Proposition & Suggested Product Focus</h3>
-                    <div id="value-drivers" class="space-y-4 text-gray-200 text-base">
-</div>
-                </div>
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-                    <div class="bg-gray-800/90 p-6 rounded-xl shadow-lg border-l-4 border-indigo-400 backdrop-blur-sm hover:border-secondary transition-all duration-300">
-                        <h3 class="text-lg font-heading font-bold mb-4 text-white">Discovery Question 1</h3>
-                        <p id="dq1" class="text-gray-200 italic mb-6 text-base"></p>
-                        <h4 class="font-bold text-sm uppercase text-gray-300 mb-2">Permission-Based Opener 1</h4>
-                        <p id="pbo1" class="text-white font-medium text-base"></p>
-</div>
-                    <div class="bg-gray-800/90 p-6 rounded-xl shadow-lg border-l-4 border-secondary backdrop-blur-sm hover:border-primary transition-all duration-300">
-                        <h3 class="text-lg font-heading font-bold mb-4 text-white">Discovery Question 2</h3>
-                        <p id="dq2" class="text-gray-200 italic mb-6 text-base"></p>
-                        <h4 class="font-bold text-sm uppercase text-gray-300 mb-2">Permission-Based Opener 2</h4>
-                        <p id="pbo2" class="text-white font-medium text-base mb-8"></p>
-                    </div>
-
-
-</div>
-
-        </div>
-    </main>
-    <div class="py-12"></div>
-    <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">
-                    <a href="index.html" class="flex items-center space-x-2">
-<span class="text-lg font-bold text-white font-heading">McGPT</span>
-</a>
-                    <p class="text-gray-600 dark:text-gray-300 mt-2 text-sm">
-                    Navigating your sales success with AI since 2024
-</p>
-                    
-            <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; 2023 McGPT Navigator. All rights reserved.</p>
-</div>
-        </div>
-    </footer>
-    <script>
-        // Mobile Menu Toggle
-        const mobileMenuButton = document.getElementById('mobileMenuButton');
-        const mobileMenu = document.getElementById('mobileMenu');
+        const data = INDUSTRY_DATA[industry];
+        document.getElementById('industry-title').textContent = industry;
+        const valueDriversElement = document.getElementById('value-drivers');
         
-        mobileMenuButton.addEventListener('click', () => {
-            mobileMenu.classList.toggle('hidden');
-            mobileMenuButton.classList.toggle('open');
-        });
-
-        // Theme Toggle
-        const themeToggle = document.getElementById('themeToggle');
-        const html = document.documentElement;
+        valueDriversElement.innerHTML = data.valueDrivers.replace(/Value Drivers: (.*?)\. Product Focus: (.*?)\./s, 
+            `<p class="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">Value Drivers:</p>
+             <p class="mb-4">${'$1'}</p>
+             <p class="font-semibold text-lg mb-2 text-purple-600 dark:text-purple-400">Product Focus:</p>
+             <p>${'$2'}</p>`);
         
-        themeToggle.addEventListener('click', () => {
-            html.classList.toggle('dark');
-            localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';
-        });
-        // Set initial theme - always dark by default
-        html.classList.add('dark');
-        localStorage.theme = '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 ((currentPage === 'index.html' && linkHref === 'index.html') || 
-                (currentPage !== 'index.html' && linkHref === currentPage)) {
-                link.classList.add('active');
-            } else {
-                link.classList.remove('active');
-            }
-        });
-
-        // Feather Icons
-        feather.replace();
-
-        // JavaScript for Dynamic Content Loading
-        const INDUSTRY_DATA = {
-            "Financial Services and Insurance": {
-                valueDrivers: "Value Drivers: Data Sovereignty, Security, Compliance (GDPR, PCI-DSS), Low-Latency. Product Focus: Private Cloud, Bare Metal (now called Elastic Metal), SecNumCloud-ready options.",
-                dq1: "How are you currently addressing the rising costs and complexity of maintaining GDPR and PCI-DSS compliance across your cloud infrastructure?",
-                pbo1: "I noticed you operate in the financial sector. Many of our clients are focused on data sovereignty. Can I share how our EU-based infrastructure helps with that?",
-                dq2: "To what extent are your current cloud choices impacting your ability to meet strict regulatory requirements like GDPR, especially around data sovereignty and low-latency access?",
-                pbo2: "Would you be open to a quick discussion on how our Private Cloud and SecNumCloud-ready solutions are designed to meet strict GDPR/PCI-DSS needs?"
-            },
-            "Healthcare and Biotechnology": {
-                valueDrivers: "Value Drivers: Secure & Compliant Infrastructure (HDS), AI/ML for Research, High-Performance Compute (HPC). Product Focus: Object Storage, GPU Instances, AI Inference Servers.",
-                dq1: "What infrastructure challenges are currently slowing down your R&D teams when running large-scale AI models on sensitive patient data?",
-                pbo1: "We see many healthcare firms leveraging AI for research. Can I show you how our GPU instances and AI tools simplify the deployment of those models securely?",
-                dq2: "When scaling your AI/ML research or HPC workloads, what are the biggest challenges you face in ensuring both HDS compliance and performant access to massive datasets?",
-                pbo2: "Could I share how our GPU instances and secure Object Storage are helping accelerate research while maintaining compliance?"
-            },
-            "E-commerce and Retail": {
-                valueDrivers: "Value Drivers: Scalability, Performance (Peak Loads), Edge Computing, Real-time Analytics. Product Focus: Load Balancers, Edge Services, Managed Kubernetes (Kapsule), CDN.",
-                dq1: "How quickly and cost-effectively can you scale your infrastructure to handle Black Friday-level traffic spikes without over-provisioning for the rest of the year?",
-                pbo1: "Your success depends on handling peak traffic seamlessly. Can I show you our transparent pricing for scalable infrastructure compared to the major US hyperscalers?",
-                dq2: "How is your current infrastructure handling unexpected peak loads and the demands of real-time analytics, particularly as you expand your footprint into Edge environments?",
-                pbo2: "Handling traffic spikes is crucial. Would you be interested in seeing how our Load Balancers and Managed Kubernetes can manage that automatically?"
-            },
-            "Media and Entertainment": {
-                valueDrivers: "Value Drivers: Massive Object Storage, High-Bandwidth, Cost-Effective GPU Rendering, Open-Source Tools. Product Focus: Object Storage, Elastic Metal servers, Content Delivery Network (CDN).",
-                dq1: "Are you facing constraints or unexpected costs when archiving massive volumes of high-resolution content or delivering media globally at high quality?",
-                pbo1: "We help media companies avoid vendor lock-in with our S3-compatible, open ecosystem. Is that something you'd be open to discussing?",
-                dq2: "When you look at your overall rendering and distribution pipeline, where are you seeing the biggest bottlenecks in terms of high-bandwidth data transfer and cost-effective GPU access?",
-                pbo2: "Many studios are looking to cut rendering costs. Can I show you how our Object Storage and powerful GPU instances achieve that?"
-            },
-            "Gaming": {
-                valueDrivers: "Value Drivers: Low-Latency, High-Availability, Cost-Effective GPU Instances, Developer-Centric Tools. Product Focus: Load Balancers, Elastic Metal, GPU Instances.",
-                dq1: "What are the key technical barriers your players are reporting around in-game latency or server downtime that directly impact retention rates?",
-                pbo1: "Our customers often mention they appreciate a seamless, developer-centric experience. Are you open to a quick overview of how our tools simplify deployment and management?",
-                dq2: "For your performance-critical applications, what is the key trade-off you are currently making between achieving low-latency and maintaining a cost-effective environment for your GPU workloads?",
-                pbo2: "We find many studios want to balance cost and performance. Can I share how our Elastic Metal servers are designed for exactly that?"
-            },
-            "Education and Research": {
-                valueDrivers: "Value Drivers: Cost-Effective HPC/GPU, Secure & Scalable, Open-Source for Collaboration. Product Focus: GPU Instances, Managed Kubernetes (Kapsule), Identity and Access Management (IAM).",
-                dq1: "If budget weren't a constraint, what scientific or research challenges would your team tackle if they had access to significantly more computational (GPU) power?",
-                pbo1: "Many institutions are concerned about long-term vendor lock-in and rising data costs. Would it be helpful to discuss how our open-source ecosystem helps avoid those challenges?",
-                dq2: "Regarding your HPC and GPU projects, how effectively is your current Kubernetes environment balancing the need for cost-effective scaling with the security required for collaborative work?",
-                pbo2: "We can help make powerful tools more accessible. Can I briefly explain how our GPU instances are used in secure HPC environments?"
-            },
-            "Government and Public Sector": {
-                valueDrivers: "Value Drivers: Strict Data Sovereignty (European Cloud), SecNumCloud Readiness, Compliance. Product Focus: Private Cloud, Elastic Metal, SecNumCloud options.",
-                dq1: "In your digital transformation roadmap, what are the primary risks associated with relying on non-European cloud providers for sensitive citizen data?",
-                pbo1: "When we speak with European leaders, data sovereignty is often a top priority. Do you mind if I share how Scaleway addresses those requirements with our certified, local infrastructure?",
-                dq2: "How challenging is it for your organization to maintain strict European data sovereignty and pursue certifications like SecNumCloud while managing your core infrastructure needs?",
-                pbo2: "Meeting public sector standards is non-negotiable. Can I show you how our SecNumCloud-ready Private Cloud is designed for this?"
-            },
-            "Cyber": {
-                 valueDrivers: "Value Drivers: Data Sovereignty as Defense, Private Networking, AI/ML for Threat Detection, Transparent Billing. Product Focus: Private Network (VPC), Elastic Metal, AI Inference Servers.",
-                 dq1: "How is your team utilizing (or planning to utilize) AI and European-local data processing to enhance your real-time threat detection capabilities?",
-                 pbo1: "I often hear that predictable billing is a key concern when scaling security operations. May I share how Scaleway ensures cost transparency compared to US hyperscalers?",
-                 dq2: "What is your current level of confidence in your existing private networking setup to leverage AI/ML for threat detection while upholding data sovereignty principles?",
-                 pbo2: "A secure foundation is key. Would you be open to seeing how our Elastic Metal servers combined with a Private Network (VPC) can enhance your security posture?"
-            },
-            "Manufacturing": {
-                valueDrivers: "Value Drivers: Edge Computing (IoT Data), AI/ML for Predictive Maintenance, Open-Source Integration. Product Focus: Edge Services, AI Inference Servers, Object Storage.",
-                dq1: "What percentage of unscheduled downtime could be saved if you could process IoT sensor data at the edge for instant, localized predictive maintenance?",
-                pbo1: "Many companies are concerned about long-term vendor lock-in. Would it be helpful to discuss how our open-source ecosystem helps customers avoid those challenges?",
-                dq2: "When deploying AI/ML for predictive maintenance using IoT data, what is the biggest technical roadblock you encounter regarding data storage, processing, or integration?",
-                pbo2: "Processing data at the source is the future. Can I show you our Edge solutions designed specifically for predictive maintenance?"
-            },
-            "Energy": {
-                valueDrivers: "Value Drivers: Sustainability, AI/ML for Grid Optimization, Data Sovereignty. Product Focus: AI Inference Servers, Managed Databases.",
-                dq1: "Given the move toward renewables, what is the biggest infrastructure challenge you face when trying to predict supply and demand volatility for grid optimization?",
-                pbo1: "When we speak with European leaders, data sovereignty is often a top priority. Do you mind if I share how Scaleway addresses those requirements with our certified, local infrastructure?",
-                dq2: "As you pursue sustainability goals, how are you deploying AI/ML tools for initiatives like grid optimization while also adhering to strict data sovereignty mandates?",
-                pbo2: "Optimizing energy grids is a complex AI challenge. Can I share how our AI tools and managed databases are being used for this?"
-            },
-            "Logistics": {
-                valueDrivers: "Value Drivers: Edge Computing (Real-time Tracking), AI/ML for Optimization, Transparent Billing. Product Focus: Edge Services, Managed Databases, AI Inference Servers.",
-                dq1: "If you could achieve a 5% improvement in route efficiency through real-time AI analysis, how quickly would that translate into measurable cost savings?",
-                pbo1: "I often hear that predictable billing is a key concern when scaling. May I share how Scaleway ensures complete cost transparency compared to the major hyperscalers?",
-                dq2: "In your real-time tracking projects, how are you ensuring both fast data processing at the edge and clear billing when leveraging AI/ML for optimization?",
-                pbo2: "We can help you connect real-time data to real-world savings. Can I show you our Edge and AI solution that comes with clear, predictable pricing?"
-            },
-            "Transport": {
-                valueDrivers: "Value Drivers: Low-Latency, HPC for Simulation, Developer-Centric Tools. Product Focus: Edge Services, GPU Instances, High-Performance Compute (HPC) options.",
-                dq1: "How satisfied are your engineering teams with the current cost and turnaround time of running large-scale simulations for new vehicle development?",
-                pbo1: "Our customers appreciate a seamless, developer-centric experience. Are you open to a quick overview of how our tools simplify deployment and management for complex workloads?",
-                dq2: "For your high-stakes HPC simulations, where are you currently seeing the most significant constraints on achieving optimal low-latency performance?",
-                pbo2: "Simulation speed can be a real competitive advantage. Can I share how our GPU instances are used for low-latency, high-performance simulation?"
-            },
-            "Technology/SaaS": {
-                valueDrivers: "Value Drivers: Developer-Centric Tools, Cost-Effectiveness, Open-Source Agility, Transparent Billing. Product Focus: Managed Kubernetes (Kapsule), Managed Databases, GPU Instances.",
-                dq1: "What is the highest friction point your development teams experience when trying to deploy, scale, or manage your core application?",
-                pbo1: "Many SaaS companies are concerned about long-term vendor lock-in and rising egress fees. Would it be helpful to discuss how our open-source ecosystem helps avoid those challenges?",
-                dq2: "As you scale, how are you balancing the need for rapid, open-source agility with the challenge of maintaining cost-effectiveness and transparent billing?",
-                pbo2: "We specialize in helping scale-ups grow efficiently. Can I show you how our cost-effective Kubernetes (Kapsule) and managed databases can support your roadmap?"
-            },
-            "Startup": {
-                valueDrivers: "Value Drivers: Cost-Effectiveness, Developer-Centric Tools, Agility/Time-to-Market, Open-Source Ecosystem. Product Focus: Managed Kubernetes (Kapsule), Managed Databases, Free Tier options, GPU Instances.",
-                dq1: "As you scale rapidly, what are your biggest concerns regarding unpredictable cloud costs, especially related to data egress and vendor lock-in?",
-                pbo1: "I know that predictable billing and cost efficiency are key for startups. May I share how Scaleway ensures cost transparency compared to the big US providers?",
-                dq2: "What friction points are your developers currently facing when deploying new features, and how important is using open-source tools to maintain agility?",
-                pbo2: "We're passionate about helping startups avoid vendor lock-in. Can we discuss how our open ecosystem and developer-friendly tools can support your growth?"
-            }
-        };
-
-        function updateContent() {
-            const selector = document.getElementById('industry-selector');
-            const industry = selector.value;
-            
-            // Check if the default placeholder is selected
-            if (!industry || industry === 'placeholder') {
-                document.getElementById('dynamic-area').classList.add('hidden');
-                document.getElementById('initial-message').classList.remove('hidden');
-                return;
-            }
-
-            const data = INDUSTRY_DATA[industry];
-            
-            // Update the dynamic content elements
-            document.getElementById('industry-title').textContent = industry;
-            
-            // 1. Value Drivers & Product Focus
-            const valueDriversElement = document.getElementById('value-drivers');
-            if (data.valueDrivers) {
-                valueDriversElement.innerHTML = data.valueDrivers.replace(/Value Drivers: (.*?)\. Product Focus: (.*?)\./s, (match, drivers, focus) => {
-                    return `<p class="font-semibold text-lg mb-2 text-primary">Value Drivers:</p><p class="text-gray-300 mb-4">${drivers}</p>
-                            <p class="font-semibold text-lg mb-2 text-primary">Product Focus:</p><p class="text-gray-300">${focus}</p>`;
-                });
-            } else {
-                valueDriversElement.innerHTML = '';
-            }
-
-            // 2. Discovery Questions & Openers
-            document.getElementById('dq1').textContent = data.dq1;
-            document.getElementById('pbo1').textContent = data.pbo1;
-            document.getElementById('dq2').textContent = data.dq2;
-            document.getElementById('pbo2').textContent = data.pbo2;
-            
-            // Toggle visibility and get a reference to the dynamic area
-            document.getElementById('initial-message').classList.add('hidden');
-            const dynamicArea = document.getElementById('dynamic-area');
-            dynamicArea.classList.remove('hidden');
-            
-            // --- NEW ---
-            // Scroll smoothly to the newly displayed content
-            dynamicArea.scrollIntoView({ behavior: 'smooth', block: 'start' });
-        }
-// Initialize to ensure the hidden/shown states are correct on load
-        window.onload = updateContent;
-    </script>
+        document.getElementById('dq1').textContent = data.dq1;
+        document.getElementById('pbo1').textContent = data.pbo1;
+        document.getElementById('dq2').textContent = data.dq2;
+        document.getElementById('pbo2').textContent = data.pbo2;
+        
+        initialMessage.classList.add('hidden');
+        dynamicArea.classList.remove('hidden');
+        dynamicArea.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    window.onload = updateContent;
+</script>
 
 </body>
 </html>