diff --git a/docs/Praesentation/index.html b/docs/Praesentation/index.html
index 1d355e2f1..7fda7a3b9 100644
--- a/docs/Praesentation/index.html
+++ b/docs/Praesentation/index.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
+    <!-- Updated: 16:26:23 -->
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sales Dashboard: Intelligence & Yield Briefing</title>
+    <title>Sales Intelligence Dashboard: Executive Briefing</title>
     <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Oxanium:wght@400;700;800&family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@300;500;700&display=swap" rel="stylesheet">
     <!-- Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
     <script>
@@ -15,370 +16,367 @@
             theme: {
                 extend: {
                     colors: {
-                        roboDark: '#081734',
-                        roboLight: '#DDEEFE',
-                        roboCyan: '#00E5FF',
-                        roboYellow: '#FFD42C',
-                        roboEmerald: '#10B981',
-                        roboRed: '#EF4444'
+                        brandDark: '#081734',
+                        brandLight: '#DDEEFE',
+                        brandCyan: '#00E5FF',
+                        brandGold: '#FFD42C',
+                        brandSlate: '#1E293B'
                     },
                     fontFamily: {
-                        'head': ['Oxanium', 'sans-serif'],
-                        'body': ['Poppins', 'sans-serif']
+                        'head': ['Space Grotesk', 'sans-serif'],
+                        'body': ['Inter', 'sans-serif']
                     }
                 }
             }
         }
     </script>
     <style>
-        body { background-color: #081734; color: #DDEEFE; font-family: 'Poppins', sans-serif; overflow-x: hidden; }
-        h1, h2, h3, h4, h5, h6 { font-family: 'Oxanium', sans-serif; }
+        body { 
+            background-color: #081734; 
+            color: #DDEEFE; 
+            font-family: 'Inter', sans-serif; 
+            overflow-x: hidden; 
+            line-height: 1.6;
+        }
+        h1, h2, h3, h4 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; }
         
-        .glass-panel {
-            background: rgba(221, 238, 254, 0.05);
-            backdrop-filter: blur(10px);
-            border: 1px solid rgba(0, 229, 255, 0.2);
-            border-radius: 24px;
+        .glass-card {
+            background: rgba(221, 238, 254, 0.02);
+            backdrop-filter: blur(25px);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+            border-radius: 28px;
         }
 
-        .neon-border-cyan { border: 1px solid rgba(0, 229, 255, 0.4); box-shadow: 0 0 20px rgba(0, 229, 255, 0.1); }
-        .neon-border-yellow { border: 1px solid rgba(255, 212, 44, 0.4); box-shadow: 0 0 20px rgba(255, 212, 44, 0.1); }
+        .section-screen { 
+            min-height: 100vh; 
+            display: flex; 
+            flex-direction: column;
+            align-items: center; 
+            justify-content: center; 
+            position: relative; 
+            padding: 4rem 2rem; 
+        }
 
         /* Toby Animation */
-        .toby-float { animation: float 4s ease-in-out infinite; }
-        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } }
+        .toby-float { animation: float 6s ease-in-out infinite; }
+        @keyframes float { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-15px) rotate(1deg); } 100% { transform: translateY(0px) rotate(0deg); } }
 
-        /* Data Flow Path */
-        .data-flow-path { stroke-dasharray: 8 8; animation: dataFlow 1s linear infinite; }
-        @keyframes dataFlow { to { stroke-dashoffset: -16; } }
-
-        section { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4rem 2rem; position: relative; }
+        #toby-fixed { 
+            position: fixed; 
+            bottom: 40px; 
+            right: 40px; 
+            width: 160px; 
+            z-index: 100; 
+            pointer-events: none;
+            opacity: 0;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
         
-        #toby-container { position: fixed; bottom: 30px; right: 30px; width: 220px; z-index: 1000; opacity: 0; display: flex; flex-direction: column; align-items: center; transition: all 0.5s ease; }
-        #toby-bubble { background: #DDEEFE; color: #081734; padding: 14px 20px; border-radius: 15px; font-size: 14px; font-weight: 700; margin-bottom: 15px; position: relative; text-align: center; box-shadow: 0 8px 25px rgba(0,229,255,0.4); width: 100%; line-height: 1.2; }
-        #toby-bubble::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-width: 10px 10px 0; border-style: solid; border-color: #DDEEFE transparent transparent transparent; }
+        #toby-bubble { 
+            background: #FFF; 
+            color: #081734; 
+            padding: 0.85rem 1.25rem; 
+            border-radius: 14px; 
+            font-size: 0.8rem; 
+            font-weight: 600; 
+            margin-bottom: 12px; 
+            position: relative; 
+            text-align: center; 
+            box-shadow: 0 10px 40px rgba(0,0,0,0.4); 
+            max-width: 200px;
+        }
+        #toby-bubble::after { 
+            content: ''; 
+            position: absolute; 
+            bottom: -8px; 
+            left: 50%; 
+            transform: translateX(-50%); 
+            border-width: 8px 8px 0; 
+            border-style: solid; 
+            border-color: #FFF transparent transparent transparent; 
+        }
+
+        /* Custom Progress Bar */
+        #progress-container {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: rgba(255,255,255,0.03);
+            z-index: 1000;
+        }
+        #progress-bar {
+            height: 100%;
+            width: 0%;
+            background: #00E5FF;
+        }
+
+        .text-gradient {
+            background: linear-gradient(135deg, #FFF 20%, #00E5FF 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        .stat-value { font-size: 4.5rem; font-weight: 700; line-height: 1; letter-spacing: -0.02em; }
+        
+        .content-width { max-width: 1100px; width: 100%; }
+        .reveal { opacity: 0; transform: translateY(25px); }
+
+        /* Dashboard Elements Mocks */
+        .mock-kpi {
+            border-left: 4px solid #00E5FF;
+            padding: 1.5rem;
+            background: rgba(255,255,255,0.02);
+        }
     </style>
 </head>
-<body class="antialiased selection:bg-roboCyan selection:text-roboDark">
+<body class="antialiased">
 
-    <!-- Toby Fixed Avatar -->
-    <div id="toby-container" class="toby-float">
-        <div id="toby-bubble">Initialisiere Strategie-Modus...</div>
-        <div id="toby-avatar-wrapper" class="w-32 h-32 rounded-full border-4 border-roboCyan/30 p-1 bg-roboDark shadow-[0_0_30px_rgba(0,229,255,0.2)] flex items-center justify-center overflow-hidden">
-             <!-- Toby Image Placeholder -->
-             <div class="w-20 h-20 bg-roboCyan/20 rounded-full animate-pulse"></div>
-        </div>
+    <div id="progress-container"><div id="progress-bar"></div></div>
+
+    <!-- Toby Fixed -->
+    <div id="toby-fixed" class="toby-float">
+        <div id="toby-bubble">Präzision statt Vermutung.</div>
+        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAc2CAYAAABaJTzmAAAACXBIWXMAABsRAAAbEQEEnGAvAAAEvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI2LTAxLTEzPC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dExtZD4zZjE1OTM5Ny04MWM3LTQyM2ItOWViMy02ODYyYzAxZjM4NGI8L0F0dHJpYjpFeHRJZD4KICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICA8QXR0cmliOlRvdWNoVHlwZT4yPC9BdHRyaWI6VG91Y2hUeXBlPgogICAgPC9yZGY6bGk+CiAgIDwvJmRmOlNlcT4KICB8L0F0dHJpYjpBZHM+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOmRjPSdodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyc+CiAgPGRjOnRpdGxlPgogICA8cmRmOkFsdD4KICAgIDxyZGY6bGkgeG1sOmxhbmc9J3gtZGVmYXVsdCc+Um9ib1BsYW5ldF9BdmF0YXJfaGVsbGJsYXUuYWkgLSAxPC9yZGY6bGk+CiAgIDwvcmRmOkFsdD4KICA8L2RjOnRpdGxlPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpwZGY9J2h0dHA6Ly9ucy5hZG9iZS5jb20vcGRmLzEuMy8nPgogIDxwZGY6QXV0aG9yPldhY2tsZXJHcm91cDwvcGRmOkF1dGhvcm4+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnhtcD0naHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyc+CiAgPHhtcDpDcmVhdG9yVG9vbD5DYW52YSBkb2M9REFHLVN1Y0tTeXMgdXNlcj1VQUVUOG1KY3lhSSBicmFuZD1CQUVUOGd0OERsTSB0ZW1wbGF0ZT08L3htcDpDcmVhdG9yVG9vbD4KIDwvcmRmOkRlc2NyaXB0aW9uPgo8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSdyJz8+qsA63gAACAASURBVHic7N15uG5z/fj/zx+/6/urvqU5aVCSSFGhyJjMZAghY6aMoQxJEioaKBkjkTEJERWJFAopY6nOWvc+xzmpnNa695n4616v73qvc/o0knOcc9733vvxvK7HtU/lCnvf+17v4V7v9T//I0mSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmS... [truncated]" alt="Toby" class="w-full opacity-80">
     </div>
 
-    <!-- Phase 1: Strategic Intro -->
-    <section id="vision">
-        <div class="max-w-5xl text-center space-y-10">
-            <div class="inline-block px-5 py-2 rounded-full bg-roboCyan/10 border border-roboCyan/30 text-roboCyan text-xs font-bold uppercase tracking-[0.3em] mb-4">Board Briefing: Intelligence & Yield</div>
-            <h1 class="text-7xl font-black tracking-tighter text-white leading-[0.9] uppercase">Vom Wiegen wird<br><span class="text-roboYellow">die Sau nicht fetter</span></h1>
-            <div class="w-24 h-1 bg-roboYellow mx-auto rounded-full"></div>
-            <p class="text-2xl text-roboLight/80 max-w-3xl mx-auto leading-relaxed">
-                Messen ist kein Selbstzweck. Wir tauchen tief in die Daten ab, um <span class="text-white font-bold underline decoration-roboCyan underline-offset-4">strategische Maßnahmen</span> zu steuern und deren Erfolg hart zu belegen.
+    <!-- 1. Intro: The Intelligence Cockpit -->
+    <section class="section-screen">
+        <div class="content-width text-center">
+            <h4 class="text-brandCyan uppercase tracking-[0.5em] mb-8 reveal font-head text-xs">Executive Summary</h4>
+            <h1 class="text-7xl md:text-8xl font-bold mb-10 reveal leading-[1.1] tracking-tight">Sales Intelligence <br> <span class="text-gradient">Cockpit</span></h1>
+            <p class="text-xl md:text-2xl text-brandLight/40 max-w-2xl mx-auto mb-16 reveal font-body font-light">
+                Transparenz auf Knopfdruck. <br>
+                Vom statischen Archiv zum aktiven Steuerungs-Hub.
             </p>
+            <div class="flex justify-center gap-6 reveal">
+                <div class="h-[1px] w-12 bg-brandCyan/40 self-center"></div>
+                <span class="text-brandCyan font-mono uppercase text-xs tracking-widest">30 Tage Live-Betrieb</span>
+                <div class="h-[1px] w-12 bg-brandCyan/40 self-center"></div>
+            </div>
         </div>
     </section>
 
-    <!-- Phase 2: The Truth (Clean Pipeline) -->
-    <section id="risk">
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-20 items-center w-full max-w-7xl">
-            <div class="space-y-8">
-                <h2 class="text-5xl font-black text-roboCyan uppercase leading-tight">Brutto-Hoffnung vs.<br>Netto-Wahrheit</h2>
-                <p class="text-xl text-roboLight/60 leading-relaxed italic">"In SuperOffice sieht die Pipeline gewaltig aus. Aber wie viel davon können wir wirklich auf die Straße bringen?"</p>
-                
-                <div class="space-y-6 pt-6">
-                    <div class="glass-panel p-8 border-l-8 border-l-roboRed neon-border-cyan">
-                        <div class="flex justify-between items-start mb-2">
-                            <span class="text-roboRed font-black uppercase text-sm tracking-widest">Duplicate Bloat</span>
-                            <span class="bg-roboRed/20 text-roboRed px-3 py-1 rounded-full text-xs font-bold">- 31% PHANTOM</span>
+    <!-- 2. The Efficiency: Adieu Excel -->
+    <section class="section-screen bg-brandSlate/10">
+        <div class="content-width">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-20 items-center">
+                <div class="reveal">
+                    <h2 class="text-5xl mb-8">Echte Daten statt manueller Berichte.</h2>
+                    <p class="text-lg text-brandLight/60 mb-10 font-light leading-relaxed">
+                        Bisher kostete die Aufbereitung der Pipeline eine Stunde pro Woche. Das Dashboard liefert diese Erkenntnisse in <strong>Echtzeit</strong> – fehlerfrei und interaktiv.
+                    </p>
+                    <div class="grid grid-cols-2 gap-4">
+                        <div class="mock-kpi">
+                            <p class="text-3xl font-bold text-white">-1h</p>
+                            <p class="text-[10px] uppercase tracking-widest text-brandLight/50 mt-1">Manueller Aufwand / Woche</p>
+                        </div>
+                        <div class="mock-kpi">
+                            <p class="text-3xl font-bold text-brandCyan">Live</p>
+                            <p class="text-[10px] uppercase tracking-widest text-brandLight/50 mt-1">Pipeline-Truth 24/7</p>
                         </div>
-                        <p class="text-5xl font-black text-white">1.593.787 €</p>
-                        <p class="text-sm text-roboLight/50 mt-2 italic">Durch das Dashboard identifizierte Doppelzählungen redundanter Angebots-Varianten.</p>
                     </div>
                 </div>
-            </div>
-            
-            <div class="relative glass-panel p-12 shadow-2xl border-white/10">
-                <div class="absolute -top-6 -left-6 bg-roboCyan text-roboDark px-5 py-2 rounded-xl font-black text-sm uppercase shadow-2xl tracking-widest">Dashboard Engine</div>
-                <div id="clean-chart" class="w-full h-96 flex items-end gap-12 px-10 pb-6 border-b border-white/10">
-                    <div id="bar-gross" class="w-1/2 bg-white/10 h-full rounded-t-3xl relative">
-                        <div class="absolute -top-12 left-0 right-0 text-center font-black text-roboLight/40 text-sm uppercase">Gross (SO)</div>
-                    </div>
-                    <div id="bar-clean" class="w-1/2 bg-gradient-to-t from-roboEmerald to-roboCyan h-[69%] rounded-t-3xl relative shadow-[0_0_50px_rgba(16,185,129,0.4)]">
-                        <div class="absolute -top-12 left-0 right-0 text-center font-black text-roboEmerald text-sm uppercase">Clean (Real)</div>
-                    </div>
-                </div>
-                <p class="mt-8 text-center text-[11px] text-roboLight/40 font-bold uppercase tracking-[0.4em]">Kapital-Effizienz durch Daten-Filterung</p>
-            </div>
-        </div>
-    </section>
-
-    <!-- Phase 3: The Winning DNA -->
-    <section id="dna">
-        <div class="text-center mb-24 space-y-4">
-            <h2 class="text-6xl font-black text-white uppercase tracking-tighter">Die Winning DNA</h2>
-            <p class="text-roboCyan font-bold tracking-[0.5em] uppercase text-sm">Präzisions-Führung statt Bauchgefühl</p>
-        </div>
-        
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-12 w-full max-w-7xl">
-            <!-- DNA 1 -->
-            <div class="glass-panel p-12 text-center space-y-8 relative overflow-hidden group hover:scale-[1.02] transition-transform">
-                <div class="absolute inset-0 bg-roboCyan/10 opacity-0 group-hover:opacity-100 transition-opacity"></div>
-                <div class="text-8xl font-black text-roboCyan tracking-tighter animate-pulse">+159%</div>
-                <div>
-                    <p class="font-black uppercase tracking-wider text-xl text-white">Win-Rate Hebel</p>
-                    <p class="text-sm text-roboLight/60 mt-4 leading-relaxed">
-                        Data Mining Beleg: Ein einziger <span class="text-roboCyan font-bold">Vor-Ort-Termin (Demo)</span> ist unser wertvollster KPI für den Abschluss.
-                    </p>
-                </div>
-            </div>
-            <!-- DNA 2 -->
-            <div class="glass-panel p-12 text-center space-y-8 border-roboYellow/20 hover:scale-[1.02] transition-transform">
-                <div class="text-8xl font-black text-roboYellow tracking-tighter">10 Tage</div>
-                <div>
-                    <p class="font-black uppercase tracking-wider text-xl text-white">Follow-Up Speed</p>
-                    <p class="text-sm text-roboLight/60 mt-4 leading-relaxed">
-                        Median von 37 auf <span class="text-roboYellow font-bold">10 Tage</span> gesenkt. Wir managen Latenz als strategisches Risiko.
-                    </p>
-                </div>
-            </div>
-            <!-- DNA 3 -->
-            <div class="glass-panel p-12 text-center space-y-8 border-white/20 hover:scale-[1.02] transition-transform">
-                <div class="text-8xl font-black text-white tracking-tighter">67%</div>
-                <div>
-                    <p class="font-black uppercase tracking-wider text-xl text-white">Asset Recovery</p>
-                    <p class="text-sm text-roboLight/60 mt-4 leading-relaxed">
-                        Identifikation ungenutzter CRM-Accounts. Wir aktivieren das <span class="text-white font-bold">Tote Kapital</span> von 10.000+ Leads.
+                <div class="glass-card p-12 reveal">
+                    <h4 class="text-brandCyan uppercase text-[10px] tracking-widest font-bold mb-6 border-b border-white/5 pb-4">Vorteil: Daten-Integrität</h4>
+                    <p class="text-xl text-white font-light leading-relaxed mb-6">
+                        "Automatisierte Erkennung von Dubletten und Varianten – eine Transparenz, die SuperOffice in dieser Form nicht bietet."
                     </p>
+                    <div class="w-16 h-1 bg-brandCyan"></div>
                 </div>
             </div>
         </div>
     </section>
 
-    <!-- Phase 4: Action ROI (Magic Wand) -->
-    <section id="action">
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-24 items-center w-full max-w-7xl">
-            <div class="space-y-12">
-                <div class="flex items-center gap-4">
-                    <div class="w-16 h-2 bg-roboYellow rounded-full"></div>
-                    <span class="text-roboYellow font-black uppercase tracking-widest text-sm">The 20% Weapon</span>
-                </div>
-                <h2 class="text-6xl font-black text-white uppercase leading-[0.9] tracking-tighter">Kein Rückspiegel.<br><span class="text-roboYellow">Ein Gaspedal.</span></h2>
-                <p class="text-xl text-roboLight/60 leading-relaxed">
-                    Wir haben uns die Hände schmutzig gemacht und die "Rückrufbitte" automatisiert. Mit voller CRM-Intelligenz pro Klick.
-                </p>
-                <div class="glass-panel p-10 neon-border-yellow bg-roboYellow/5 relative">
-                    <div class="absolute -top-4 -right-4 bg-roboYellow text-roboDark px-3 py-1 rounded font-black text-[10px] uppercase">Live ROI Measure</div>
-                    <p class="text-6xl font-black text-roboYellow tracking-tighter">> 20% REAKTION</p>
-                    <p class="text-lg text-white mt-2 font-bold uppercase tracking-widest">Messbarer Strategie-Erfolg</p>
-                    <p class="text-sm text-roboLight/40 mt-1 italic">Jeder 5. Klick generiert einen qualifizierten Rückruf-Dialog.</p>
-                </div>
+    <!-- 3. Transparency: The Winning DNA -->
+    <section class="section-screen">
+        <div class="content-width">
+            <div class="text-center mb-20 reveal">
+                <h2 class="text-5xl mb-6">Die Winning DNA</h2>
+                <p class="text-xl text-brandLight/40 font-light">Tiefe Einblicke in die Mechanik unseres Erfolgs.</p>
             </div>
             
-            <div class="relative glass-panel rounded-[60px] p-2 overflow-hidden neon-border-yellow shadow-[0_0_60px_rgba(255,212,44,0.2)]">
-                <div class="bg-roboDark rounded-[58px] p-16 space-y-8">
-                    <div class="flex items-center justify-between mb-10">
-                        <div class="flex items-center gap-4">
-                            <div class="w-14 h-14 bg-roboYellow/20 rounded-2xl flex items-center justify-center text-3xl shadow-inner">🪄</div>
-                            <div class="space-y-1">
-                                <div class="h-2 w-32 bg-roboYellow/40 rounded"></div>
-                                <div class="h-1.5 w-20 bg-white/10 rounded"></div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 reveal">
+                <div class="glass-card p-10 hover:bg-brandCyan/[0.03] transition-all">
+                    <p class="text-brandCyan font-mono text-[10px] uppercase mb-4">Kanäle</p>
+                    <h4 class="text-lg mb-4">Winning Channels</h4>
+                    <p class="text-sm text-brandLight/50 font-light leading-relaxed">Präzise Auswertung: Welche Lead-Quelle konvertiert wirklich?</p>
+                </div>
+                <div class="glass-card p-10 hover:bg-brandCyan/[0.03] transition-all">
+                    <p class="text-brandCyan font-mono text-[10px] uppercase mb-4">Analyse</p>
+                    <h4 class="text-lg mb-4">Absage-Gründe</h4>
+                    <p class="text-sm text-brandLight/50 font-light leading-relaxed">Warum verlieren wir Deals? Daten statt Vermutungen.</p>
+                </div>
+                <div class="glass-card p-10 hover:bg-brandCyan/[0.03] transition-all">
+                    <p class="text-brandCyan font-mono text-[10px] uppercase mb-4">Performance</p>
+                    <h4 class="text-lg mb-4">Time to Sale</h4>
+                    <p class="text-sm text-brandLight/50 font-light leading-relaxed">Abschlussquoten & Kontakthäufigkeit pro Sales Manager.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 4. Proactivity: The Red List -->
+    <section class="section-screen bg-white/[0.01]">
+        <div class="content-width">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-20 items-center">
+                <div class="reveal relative order-2 md:order-1">
+                    <div class="glass-card p-1 relative overflow-hidden border-red-500/20">
+                        <div class="bg-red-500/10 p-10">
+                            <div class="flex justify-between items-center mb-8">
+                                <h4 class="text-red-500 font-bold uppercase text-xs tracking-widest">Rote Liste: Deals in Gefahr</h4>
+                                <span class="bg-red-500 text-white text-[10px] px-2 py-1 rounded">Aktion Erforderlich</span>
+                            </div>
+                            <div class="space-y-4">
+                                <div class="h-12 bg-white/5 rounded border border-white/5 flex items-center px-4 justify-between">
+                                    <div class="w-1/2 h-2 bg-white/20 rounded"></div>
+                                    <div class="w-12 h-2 bg-red-500/40 rounded"></div>
+                                </div>
+                                <div class="h-12 bg-white/5 rounded border border-white/5 flex items-center px-4 justify-between">
+                                    <div class="w-1/2 h-2 bg-white/20 rounded"></div>
+                                    <div class="w-12 h-2 bg-red-500/40 rounded"></div>
+                                </div>
+                                <div class="h-12 bg-white/5 rounded border border-white/5 flex items-center px-4 justify-between">
+                                    <div class="w-1/2 h-2 bg-white/20 rounded"></div>
+                                    <div class="w-12 h-2 bg-red-500/40 rounded"></div>
+                                </div>
                             </div>
                         </div>
-                        <span class="bg-roboEmerald/20 text-roboEmerald px-3 py-1 rounded text-[10px] font-black tracking-widest uppercase">Executing...</span>
                     </div>
-                    
-                    <div class="space-y-5 opacity-30">
-                        <div class="h-3 w-full bg-white/20 rounded-full"></div>
-                        <div class="h-3 w-4/5 bg-white/20 rounded-full"></div>
-                        <div class="h-3 w-full bg-white/20 rounded-full"></div>
-                        <div class="h-3 w-3/5 bg-white/20 rounded-full"></div>
-                    </div>
-                    
-                    <div id="success-overlay" class="absolute inset-0 bg-roboEmerald/10 backdrop-blur-md flex items-center justify-center opacity-0 scale-90 transition-all duration-700">
-                         <div class="bg-roboEmerald text-roboDark px-10 py-5 rounded-3xl font-black text-3xl shadow-[0_20px_50px_rgba(16,185,129,0.4)] transform rotate-[-2deg]">
-                            NEW CALL RECORDED ✅
-                         </div>
+                </div>
+                <div class="reveal order-1 md:order-2">
+                    <h2 class="text-5xl mb-8 leading-tight">Wissen, wo <br> <span class="text-red-500">es brennt.</span></h2>
+                    <p class="text-lg text-brandLight/60 font-light leading-relaxed mb-8">
+                        Überschrittene Verkaufsdaten oder Stagnation > 14 Tage werden sofort markiert. Das Dashboard fungiert als <strong>Frühwarnsystem</strong> für die Pipeline.
+                    </p>
+                    <div class="flex items-center gap-4 text-brandCyan">
+                        <span class="text-xl">➔</span>
+                        <p class="text-sm uppercase tracking-widest font-bold">Prävention von Deal-Verlusten</p>
                     </div>
                 </div>
             </div>
         </div>
     </section>
 
-    <!-- Phase 5: Architecture & Closing -->
-    <section id="architecture">
-        <div class="text-center w-full max-w-6xl mb-16 relative z-20">
-            <h2 class="text-6xl text-white font-black uppercase tracking-tighter">IT-Infrastruktur-Allianz</h2>
-            <p class="text-roboCyan font-bold tracking-widest uppercase text-sm mt-2">Single Source of Truth + Intelligence Layer</p>
-        </div>
-
-        <div class="w-full max-w-[1200px] h-[700px] relative mx-auto" id="architecture-container">
-            
-            <!-- Hub & Spoke SVG Diagram -->
-            <svg class="absolute inset-0 w-full h-full z-0 pointer-events-none" viewBox="0 0 1200 700">
-                <!-- Lines from Core to Spokes -->
-                <g class="data-lines opacity-40">
-                    <!-- SO Line -->
-                    <path id="path-so" d="M 600 350 L 600 150" stroke="#00E5FF" stroke-width="2" class="data-flow-path" fill="none"/>
-                    <!-- Dashboard/Action Line -->
-                    <path id="path-dashboard" d="M 600 350 L 950 350" stroke="#FFD42C" stroke-width="2" class="data-flow-path" fill="none"/>
-                    <!-- Insights Line -->
-                    <path id="path-insights" d="M 600 350 L 250 350" stroke="#10B981" stroke-width="2" class="data-flow-path" fill="none"/>
-                </g>
-                
-                <!-- Animated Packets -->
-                <circle r="5" fill="#00E5FF"><animateMotion dur="2s" repeatCount="indefinite"><mpath href="#path-so"/></animateMotion></circle>
-                <circle r="5" fill="#FFD42C"><animateMotion dur="1.5s" repeatCount="indefinite"><mpath href="#path-dashboard"/></animateMotion></circle>
-                <circle r="5" fill="#10B981"><animateMotion dur="2.5s" repeatCount="indefinite"><mpath href="#path-insights"/></animateMotion></circle>
-            </svg>
-
-            <!-- CORE: GTM Engine -->
-            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-20" id="core-node">
-                <div class="w-64 h-64 glass-panel border-roboCyan/50 flex flex-col items-center justify-center text-center p-8 bg-roboDark/90 shadow-[0_0_60px_rgba(0,229,255,0.3)]">
-                    <div class="w-20 h-20 bg-roboCyan/20 rounded-3xl flex items-center justify-center text-4xl mb-4 border border-roboCyan/30">🧠</div>
-                    <h4 class="text-2xl font-black text-white uppercase tracking-widest">GTM Engine</h4>
-                    <p class="text-[10px] text-roboCyan font-bold uppercase mt-2">Intelligence Hub</p>
+    <!-- 5. Action Hub: From Insight to Interaction -->
+    <section class="section-screen">
+        <div class="content-width">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-20 items-center">
+                <div class="reveal">
+                    <h4 class="text-brandCyan font-mono uppercase tracking-widest text-xs mb-6 font-bold">The Action Hub</h4>
+                    <h2 class="text-6xl mb-8 leading-tight">Vom Insight <br> zur <span class="text-gradient">Tat.</span></h2>
+                    <p class="text-xl text-brandLight/70 font-light mb-10 leading-relaxed">
+                        Das Dashboard ist kein Rückspiegel. Mit einem Klick zum Account, zum Sale oder zur automatisierten <strong>Rückrufbitte</strong>.
+                    </p>
+                    <div class="glass-card p-10 bg-brandCyan/5 border-brandCyan/20">
+                        <div class="stat-value text-white mb-2">>20%</div>
+                        <p class="text-xs uppercase tracking-widest font-bold text-brandCyan">Response-Rate</p>
+                        <p class="text-sm text-brandLight/60 mt-4">Belegter Erfolg: Jede 5. Nachricht führt zu einer direkten Reaktion.</p>
+                    </div>
                 </div>
-            </div>
-
-            <!-- SPOKE: SuperOffice -->
-            <div class="absolute top-0 left-1/2 transform -translate-x-1/2 w-48 text-center" id="spoke-so">
-                <div class="glass-panel p-6 mb-4 border-white/20">
-                    <p class="text-white font-black text-sm uppercase">SuperOffice CRM</p>
+                <div class="reveal">
+                    <div class="glass-card p-12 border-brandCyan/30">
+                        <h4 class="text-xs uppercase tracking-widest font-bold mb-6 border-b border-white/5 pb-4">Einfachheit gewinnt</h4>
+                        <p class="text-lg text-brandLight/80 font-light leading-relaxed mb-8">
+                            "Was in SuperOffice 5-10 Klicks braucht, liegt hier auf der Oberfläche. Das Team arbeitet lieber im Dashboard, weil es Zeit spart und Übersicht schafft."
+                        </p>
+                        <div class="flex items-center gap-3">
+                            <div class="w-8 h-8 rounded-full bg-brandCyan/20"></div>
+                            <p class="text-xs text-brandLight/40 uppercase tracking-widest">Feedback aus dem Innendienst</p>
+                        </div>
+                    </div>
                 </div>
-                <span class="bg-white/10 text-white text-[10px] px-3 py-1 rounded-full border border-white/20 uppercase font-bold tracking-widest">SSoT (Data Base)</span>
-            </div>
-
-            <!-- SPOKE: Action Hub -->
-            <div class="absolute top-1/2 right-0 transform -translate-y-1/2 w-56 text-right" id="spoke-action">
-                <div class="glass-panel p-6 mb-4 border-roboYellow/30">
-                    <p class="text-roboYellow font-black text-sm uppercase leading-tight">Proaktive Steuerung<br>(Execution)</p>
-                </div>
-                <span class="bg-roboYellow/20 text-roboYellow text-[10px] px-3 py-1 rounded-full border border-roboYellow/20 uppercase font-bold tracking-widest">Action Hub</span>
-            </div>
-
-            <!-- SPOKE: Insights -->
-            <div class="absolute top-1/2 left-0 transform -translate-y-1/2 w-56 text-left" id="spoke-insights">
-                <div class="glass-panel p-6 mb-4 border-roboEmerald/30">
-                    <p class="text-roboEmerald font-black text-sm uppercase leading-tight">Data Deep Mining<br>(Analysis)</p>
-                </div>
-                <span class="bg-roboEmerald/20 text-roboEmerald text-[10px] px-3 py-1 rounded-full border border-roboEmerald/20 uppercase font-bold tracking-widest">Yield Control</span>
             </div>
         </div>
     </section>
 
-    <!-- Final Board Summary -->
-    <section id="summary" class="bg-white text-roboDark">
-        <div class="max-w-5xl space-y-16 text-center">
-            <h2 class="text-7xl font-black uppercase tracking-tighter leading-[0.85]">VON DER VERWALTUNG<br><span class="text-roboCyan underline decoration-roboDark underline-offset-8 decoration-8 italic">ZUR SKALIERUNG</span></h2>
-            
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-10 text-left">
-                <div class="p-10 bg-roboDark/5 rounded-[40px] border border-roboDark/10">
-                    <h3 class="font-black text-roboDark uppercase text-sm mb-6 tracking-[0.2em] opacity-40">Status Quo (SuperOffice)</h3>
-                    <ul class="space-y-4 text-base font-bold text-roboDark/60">
-                        <li class="flex items-center gap-3"><span>❌</span> Passive Historie</li>
-                        <li class="flex items-center gap-3"><span>❌</span> Unbereinigte Pipeline</li>
-                        <li class="flex items-center gap-3"><span>❌</span> Hohe Latenz im Follow-Up</li>
-                        <li class="flex items-center gap-3"><span>❌</span> Manuelle Ad-hoc Analysen</li>
-                    </ul>
-                </div>
-                <div class="p-10 bg-roboCyan rounded-[40px] shadow-2xl relative overflow-hidden">
-                    <div class="absolute top-0 right-0 p-8 opacity-10 rotate-12"><svg viewBox="0 0 100 100" class="w-32 h-32 fill-roboDark"><path d="M50 0 L100 25 L100 75 L50 100 L0 75 L0 25 Z"/></svg></div>
-                    <h3 class="font-black text-roboDark uppercase text-sm mb-6 tracking-[0.2em]">Zielbild (GTM Engine)</h3>
-                    <ul class="space-y-4 text-base font-black text-roboDark">
-                        <li class="flex items-center gap-3"><span>✅</span> Clean Pipeline (Netto)</li>
-                        <li class="flex items-center gap-3"><span>✅</span> Yield-getriebene Steuerung</li>
-                        <li class="flex items-center gap-3"><span>✅</span> Aktiver Action Hub (>20% Return)</li>
-                        <li class="flex items-center gap-3"><span>✅</span> Skalierbarer Target-Simulator</li>
-                    </ul>
-                </div>
-            </div>
-            
-            <div class="pt-10 flex flex-col items-center gap-4">
-                <p class="text-3xl font-black uppercase tracking-widest text-roboDark italic animate-bounce">Wir skalieren profitabel.</p>
-                <div class="w-48 h-2 bg-roboDark rounded-full"></div>
-            </div>
+    <!-- 6. Infrastructure: Scalable Asset -->
+    <section class="section-screen bg-brandCyan/5">
+        <div class="content-width text-center">
+            <h2 class="text-5xl md:text-7xl mb-12 reveal font-head tracking-tighter uppercase">Scalable <br> Asset</h2>
+            <p class="text-xl md:text-2xl text-brandLight/70 max-w-3xl mx-auto mb-16 reveal font-light leading-relaxed">
+                Dieses Dashboard ist kein isoliertes Tool. Es fußt auf einem robusten <strong>API-Connector</strong>, der die Grundlage für alle zukünftigen Sales-Automatisierungen bildet.
+            </p>
+            <div class="h-[1px] w-24 bg-brandCyan mx-auto opacity-30 reveal"></div>
         </div>
     </section>
 
-    <!-- GSAP Scripts -->
+    <!-- 7. Conclusion -->
+    <section class="section-screen">
+        <div class="content-width text-center">
+            <h2 class="text-6xl mb-12 reveal font-head">Bereit für die <br> <span class="text-gradient">nächste Stufe.</span></h2>
+            <p class="text-brandLight/40 uppercase tracking-[0.3em] text-xs reveal">Vielen Dank für Ihre Aufmerksamkeit.</p>
+        </div>
+    </section>
+
+    <!-- Scripts -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
     <script>
         gsap.registerPlugin(ScrollTrigger);
 
-        const tobyText = document.getElementById('toby-bubble');
-        const tobyContainer = document.getElementById('toby-container');
+        const tobyFixed = document.getElementById('toby-fixed');
+        const tobyBubble = document.getElementById('toby-bubble');
+        const progressBar = document.getElementById('progress-bar');
 
-        function updateToby(text) {
-            tobyText.innerText = text;
-            gsap.fromTo("#toby-bubble", { opacity: 0, y: 15, scale: 0.9 }, { opacity: 1, y: 0, scale: 1, duration: 0.4, ease: "back.out(1.7)" });
+        const tobyMessages = [
+            "Willkommen im Cockpit.",
+            "Live-Daten schlagen Excel.",
+            "Die Erfolgs-DNA im Blick.",
+            "Frühwarnsystem aktiviert.",
+            "Action: Jede 5. Mail ein Treffer.",
+            "Bereit zum Skalieren.",
+            "Das ist erst der Anfang."
+        ];
+
+        function updateToby(index) {
+            if (tobyMessages[index]) {
+                tobyBubble.innerHTML = tobyMessages[index];
+                gsap.fromTo(tobyBubble, { scale: 0.8, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.4, ease: "back.out(1.7)" });
+            }
         }
 
-        window.onload = () => {
-            gsap.to(tobyContainer, { opacity: 1, y: 0, duration: 1, delay: 0.5 });
-            updateToby("Strategie-Check: Sind wir bereit für die Skalierung?");
-        };
-
-        // Scroll Animations
-        
-        // Phase 2: Risk Transformation
-        gsap.timeline({
-            scrollTrigger: {
-                trigger: "#risk",
-                start: "top center",
-                end: "bottom center",
-                scrub: 1
-            }
-        })
-        .from("#bar-gross", { height: "0%", duration: 1 })
-        .to("#bar-gross", { height: "100%", backgroundColor: "rgba(239, 68, 68, 0.1)", duration: 1 })
-        .from("#bar-clean", { height: "0%", duration: 1 }, "<")
-        .add(() => updateToby("In SO verwalten wir oft nur 'Phantombudgets'. Wir zeigen die Wahrheit."));
-
-        // Phase 3: DNA Cards
-        gsap.from("#dna .glass-panel", {
-            scrollTrigger: {
-                trigger: "#dna",
-                start: "top center",
-                end: "center center",
-                scrub: 1
-            },
-            y: 100, opacity: 0, stagger: 0.3
+        // Reveal Animations
+        gsap.utils.toArray('.reveal').forEach((el, i) => {
+            gsap.to(el, {
+                scrollTrigger: {
+                    trigger: el,
+                    start: "top 88%",
+                    toggleActions: "play none none reverse"
+                },
+                opacity: 1,
+                y: 0,
+                duration: 0.8,
+                ease: "power2.out"
+            });
         });
 
+        // Toby Visibility & Updates
         ScrollTrigger.create({
-            trigger: "#dna", start: "top center",
-            onEnter: () => updateToby("Unsere Algorithmen beweisen: Vor-Ort Demos sind der Gamechanger.")
+            trigger: "body",
+            start: "100px top",
+            onEnter: () => gsap.to(tobyFixed, { opacity: 1, duration: 0.5 }),
+            onLeaveBack: () => gsap.to(tobyFixed, { opacity: 0, duration: 0.5 })
         });
 
-        // Phase 4: Magic Wand Success
-        gsap.timeline({
-            scrollTrigger: {
-                trigger: "#action",
+        const sections = gsap.utils.toArray('section');
+        sections.forEach((section, i) => {
+            ScrollTrigger.create({
+                trigger: section,
                 start: "top center",
-                end: "center center",
-                scrub: 1
-            }
-        })
-        .to("#success-overlay", { opacity: 1, scale: 1.0, duration: 1 })
-        .add(() => updateToby("Jeder 5. Klick bringt uns ein Telefonat. Das ist pure Effizienz."));
+                onEnter: () => updateToby(i),
+                onEnterBack: () => updateToby(i)
+            });
+        });
 
-        // Phase 5: Architecture Build-up
-        ScrollTrigger.create({
-            trigger: "#architecture",
-            start: "top 40%",
-            onEnter: () => {
-                updateToby("Das ist unsere IT-Allianz: CRM als Basis, GTM Engine als Gehirn.");
-                gsap.from("#core-node", { scale: 0, opacity: 0, duration: 1, ease: "back.out(1.7)" });
-                gsap.from(".data-lines", { opacity: 0, duration: 1, delay: 0.5 });
-                gsap.from(".arch-node, #spoke-so, #spoke-action, #spoke-insights", { 
-                    y: 50, opacity: 0, duration: 0.8, stagger: 0.2, ease: "power2.out", delay: 1 
-                });
-            }
+        // Progress Bar
+        gsap.to(progressBar, {
+            width: "100%",
+            ease: "none",
+            scrollTrigger: { scrub: 0.3 }
         });
 
     </script>
