[37288f42] fix: overhaule progress bar logic for accurate tracking and refine C-Level design

docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html

@@ -170,7 +170,7 @@
             position: fixed;
             top: 0;
             left: 0;
-            height: 6px;
+            height: 3px;
             background: var(--robo-blue);
             z-index: 110;
         }
@@ -274,6 +274,11 @@
             <div class="max-w-4xl">
                 <span class="pre-headline">Strategischer Kontext</span>
                 <h2 style="font-size: 6.5rem; margin-bottom: 2rem;">GTM Intelligence <br><span class="text-blue-700">Engine.</span></h2>
+                <p class="text-2xl leading-relaxed text-slate-600 mt-8">
+                    Das Salesdashboard ist ein <span class="text-blue-700 font-bold">Zwischenstand</span>, kein fertiges Produkt. 
+                    Es ist ein wertvolles Nebenprodukt meiner umfänglichen Go To Market Engine. 
+                    Manchmal sind es aber auch die kleinen Dinge, die unerwartete Vorteile bringen.
+                </p>
             </div>
 
             <div class="tool-icon-container">
@@ -650,17 +655,6 @@
     <script>
         gsap.registerPlugin(ScrollTrigger);
 
-        // Progress Bar
-        gsap.to("#progressBar", {
-            width: "100%",
-            scrollTrigger: {
-                trigger: "body",
-                start: "top top",
-                end: "bottom bottom",
-                scrub: 0.3
-            }
-        });
-
         // Scrollytelling Setup
         const slides = ["slide0", "slide1", "slide2", "slide3", "slide4", "slide5", "slide6", "slide7", "slide8"];
         
@@ -746,6 +740,24 @@
                 tl.to(".final-box", { opacity: 1, y: 0, stagger: 0.2, duration: 1, ease: "back.out(1.7)" }, "-=0.5");
             }
         });
+
+        // Global Progress Bar (Final robust implementation)
+        gsap.to("#progressBar", {
+            width: "100%",
+            ease: "none",
+            scrollTrigger: {
+                trigger: document.documentElement,
+                start: 0,
+                end: "max",
+                scrub: 0.5,
+                invalidateOnRefresh: true
+            }
+        });
+
+        // Ensure everything is calculated correctly
+        window.addEventListener("load", () => {
+            ScrollTrigger.refresh();
+        });
     </script>
 </body>
 </html>