diff --git a/README.md b/README.md
index 2c8901e..a1ce21d 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 This contains everything you need to run your app locally.
 
-View your app in AI Studio: https://ai.studio/apps/drive/1uP9tButqScpBrwNQpEZ2zZlMyFj07HNy
+View your app in AI Studio: https://ai.studio/apps/2b60b327-c6bb-444a-9f8d-507be656501a
 
 ## Run Locally
 
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 02677cc..e9d5ad6 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,6 +1,6 @@
 
 import React from 'react';
-import { Linkedin, Mail, ShoppingCart, BookOpen, TreeDeciduous, Globe, ShoppingBag } from 'lucide-react';
+import { Linkedin, Mail, ShoppingCart, BookOpen, TreeDeciduous, ShoppingBag } from 'lucide-react';
 import { Link } from 'react-router-dom';
 import { useLanguage } from '../contexts/LanguageContext';
 
diff --git a/components/Illustrations.tsx b/components/Illustrations.tsx
index ba12e83..7c58f0d 100644
--- a/components/Illustrations.tsx
+++ b/components/Illustrations.tsx
@@ -163,19 +163,20 @@ export const TrunkPath: React.FC<{ className?: string }> = ({ className = "" })
  */
 export const TheGrowingTree: React.FC<{ progress: number; className?: string }> = ({ progress, className = "" }) => {
   // progress goes from 0.0 to 1.0
+  const safeProgress = (isNaN(progress) || !isFinite(progress)) ? 0 : progress;
   
   // Calculations for staggered animation
   // Trunk grows continuously: 0 -> 1
-  const trunkProgress = Math.min(1, Math.max(0, progress * 1.1)); 
+  const trunkProgress = Math.min(1, Math.max(0, safeProgress * 1.1)); 
   
   // Roots spread at start: 0 -> 0.2
-  const rootsProgress = Math.min(1, Math.max(0, progress * 5));
+  const rootsProgress = Math.min(1, Math.max(0, safeProgress * 5));
   
   // Branches spread in middle: 0.4 -> 0.8
-  const branchesProgress = Math.min(1, Math.max(0, (progress - 0.4) * 2.5));
+  const branchesProgress = Math.min(1, Math.max(0, (safeProgress - 0.4) * 2.5));
   
   // Leaves/Canopy at end: 0.7 -> 1.0
-  const canopyProgress = Math.min(1, Math.max(0, (progress - 0.7) * 3.3));
+  const canopyProgress = Math.min(1, Math.max(0, (safeProgress - 0.7) * 3.3));
 
   // Stroke Dash Array Helpers
   const draw = (val: number, max: number) => ({
@@ -196,12 +197,12 @@ export const TheGrowingTree: React.FC<{ progress: number; className?: string }>
       </g>
 
       {/* 2. TRUNK (Spanning Level 1 to 4) */}
-      <g className={progress > 0.5 ? "text-brand-600 transition-colors duration-1000" : "text-slate-300 transition-colors duration-1000"}>
+      <g className={safeProgress > 0.5 ? "text-brand-600 transition-colors duration-1000" : "text-slate-300 transition-colors duration-1000"}>
          {/* Main Central Trunk Line */}
          <path 
            d="M100 60 C 100 150, 95 250, 100 350 C 105 450, 95 550, 100 650" 
            stroke="currentColor" 
-           strokeWidth={progress > 0.5 ? 4 : 2} 
+           strokeWidth={safeProgress > 0.5 ? 4 : 2} 
            strokeLinecap="round"
            fill="none"
            style={{
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 5c2199d..ff24e69 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,118 +1,155 @@
-
-import React, { useState } from 'react';
-import { useLocation, Link } from 'react-router-dom';
-import { Menu, X, TreeDeciduous, BookOpen, Globe } from 'lucide-react';
+import React, { useState, useEffect } from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import { Menu, X, TreePine } from 'lucide-react';
 import { useLanguage } from '../contexts/LanguageContext';
 
 const Navbar: React.FC = () => {
   const [isOpen, setIsOpen] = useState(false);
+  const [scrolled, setScrolled] = useState(false);
   const location = useLocation();
   const { language, setLanguage, ui } = useLanguage();
 
-  const isActive = (path: string) => {
-    return location.pathname === path 
-      ? 'text-brand-700 font-semibold bg-brand-50 rounded-lg px-3 py-2' 
-      : 'text-slate-600 hover:text-brand-700 hover:bg-slate-50 rounded-lg px-3 py-2 transition-all';
-  };
+  useEffect(() => {
+    const handleScroll = () => {
+      setScrolled(window.scrollY > 20);
+    };
+
+    window.addEventListener('scroll', handleScroll);
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, []);
 
-  const toggleLanguage = () => {
-    setLanguage(language === 'de' ? 'en' : 'de');
+  // Close mobile menu when route changes
+  useEffect(() => {
+    setIsOpen(false);
+  }, [location.pathname]);
+
+  const navLinks = [
+    { name: ui('nav.home'), path: '/' },
+    { name: ui('nav.framework'), path: '/framework' },
+    { name: ui('nav.app'), path: '/app' },
+    { name: ui('nav.blog'), path: '/blog' },
+  ];
+
+  const isActive = (path: string) => {
+    if (path === '/' && location.pathname !== '/') return false;
+    return location.pathname.startsWith(path);
   };
 
   return (
-    <nav className="bg-white/90 backdrop-blur-md border-b border-slate-200 sticky top-0 z-50 shadow-sm">
+    <header 
+      className={`fixed top-0 w-full z-50 transition-all duration-300 ${
+        scrolled 
+          ? 'bg-white/90 backdrop-blur-md shadow-sm py-3' 
+          : 'bg-transparent py-5'
+      }`}
+    >
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex justify-between h-16">
-          <div className="flex items-center">
-            <Link to="/" className="flex-shrink-0 flex items-center gap-2 group">
-              <div className="bg-brand-600 p-1.5 rounded-lg group-hover:bg-brand-700 transition-colors shadow-sm">
-                 <TreeDeciduous className="h-6 w-6 text-white" />
-              </div>
-              <span className="font-bold text-xl text-slate-900 tracking-tight">{ui("nav.title")}</span>
-            </Link>
-          </div>
-          
-          <div className="hidden md:flex items-center space-x-1">
-            <Link to="/" className={isActive('/')}>{ui("nav.home")}</Link>
-            <Link to="/framework" className={isActive('/framework')}>{ui("nav.framework")}</Link>
-            <a 
-              href="https://www.infometis.ch/services/test-assessment" 
-              target="_blank" 
-              rel="noreferrer" 
-              className="text-slate-600 hover:text-brand-700 hover:bg-slate-50 rounded-lg px-3 py-2 transition-all"
-            >
-              {ui("nav.assessment")}
-            </a>
-            <Link to="/blog" className={isActive('/blog')}>{ui("nav.blog")}</Link>
-            <Link to="/author" className={isActive('/author')}>{ui("nav.author")}</Link>
-            <Link to="/app" className={isActive('/app')}>{ui("nav.app")}</Link>
-            
-            <div className="ml-4 pl-4 border-l border-slate-200 flex items-center gap-3">
-               <button 
-                 onClick={toggleLanguage}
-                 className="flex items-center gap-1.5 text-sm font-medium text-slate-600 hover:text-brand-600 transition-colors px-2 py-1 rounded hover:bg-slate-50"
-               >
-                 <Globe className="h-4 w-4" />
-                 {language.toUpperCase()}
-               </button>
-               <a 
-                href="https://www.amazon.de/Das-Quality-Tree-Framework-Automatisierung/dp/3658510404" 
-                target="_blank" 
-                rel="noreferrer" 
-                className="text-slate-700 hover:text-brand-600 font-medium text-sm flex items-center"
+        <div className="flex justify-between items-center">
+          {/* Logo */}
+          <Link to="/" className="flex items-center gap-2 group">
+            <div className="bg-brand-600 text-white p-2 rounded-lg group-hover:bg-brand-700 transition-colors">
+              <TreePine size={24} />
+            </div>
+            <span className="font-sans font-bold text-xl tracking-tight text-slate-900">
+              {ui('nav.title')}
+            </span>
+          </Link>
+
+          {/* Desktop Navigation */}
+          <nav className="hidden md:flex items-center gap-8">
+            <div className="flex items-center gap-6">
+              {navLinks.map((link) => (
+                <Link
+                  key={link.path}
+                  to={link.path}
+                  className={`text-sm font-medium transition-colors hover:text-brand-600 ${
+                    isActive(link.path) ? 'text-brand-600' : 'text-slate-600'
+                  }`}
+                >
+                  {link.name}
+                </Link>
+              ))}
+            </div>
+
+            {/* Language Toggle */}
+            <div className="flex items-center gap-2 border-l border-slate-200 pl-6">
+              <button
+                onClick={() => setLanguage('de')}
+                className={`text-xs font-bold px-2 py-1 rounded transition-colors ${
+                  language === 'de' 
+                    ? 'bg-slate-800 text-white' 
+                    : 'text-slate-500 hover:bg-slate-100'
+                }`}
               >
-                <BookOpen className="h-4 w-4 mr-1.5" /> {ui("nav.book")}
-              </a>
-              <a 
-                href="https://sn.pub/97r1i7" 
-                target="_blank" 
-                rel="noreferrer" 
-                className="bg-slate-900 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-brand-600 transition-colors shadow-md hover:shadow-lg transform hover:-translate-y-0.5"
+                DE
+              </button>
+              <button
+                onClick={() => setLanguage('en')}
+                className={`text-xs font-bold px-2 py-1 rounded transition-colors ${
+                  language === 'en' 
+                    ? 'bg-slate-800 text-white' 
+                    : 'text-slate-500 hover:bg-slate-100'
+                }`}
               >
-                {ui("nav.course")}
-              </a>
+                EN
+              </button>
             </div>
-          </div>
+          </nav>
 
-          <div className="flex items-center md:hidden gap-3">
-            <button 
-                 onClick={toggleLanguage}
-                 className="flex items-center gap-1 text-sm font-bold text-slate-600"
-               >
-                 {language.toUpperCase()}
-            </button>
-            <button 
-              onClick={() => setIsOpen(!isOpen)} 
-              className="p-2 rounded-md text-slate-600 hover:text-slate-900 hover:bg-slate-100 focus:outline-none"
-            >
-              {isOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />}
-            </button>
-          </div>
+          {/* Mobile Menu Button */}
+          <button
+            className="md:hidden p-2 text-slate-600 hover:text-brand-600 transition-colors"
+            onClick={() => setIsOpen(!isOpen)}
+            aria-label="Toggle menu"
+          >
+            {isOpen ? <X size={24} /> : <Menu size={24} />}
+          </button>
         </div>
       </div>
 
-      {/* Mobile menu */}
+      {/* Mobile Navigation */}
       {isOpen && (
-        <div className="md:hidden bg-white border-t border-slate-100 absolute w-full shadow-lg animate-fade-in z-50">
-          <div className="px-4 pt-2 pb-6 space-y-1">
-            <Link to="/" onClick={() => setIsOpen(false)} className="block px-3 py-3 text-base font-medium text-slate-700 hover:text-brand-600 hover:bg-slate-50 rounded-lg">{ui("nav.home")}</Link>
-            <Link to="/framework" onClick={() => setIsOpen(false)} className="block px-3 py-3 text-base font-medium text-slate-700 hover:text-brand-600 hover:bg-slate-50 rounded-lg">{ui("nav.framework")}</Link>
-            <a href="https://www.infometis.ch/services/test-assessment" target="_blank" rel="noreferrer" onClick={() => setIsOpen(false)} className="block px-3 py-3 text-base font-medium text-slate-700 hover:text-brand-600 hover:bg-slate-50 rounded-lg">{ui("nav.assessment")}</a>
-            <Link to="/blog" onClick={() => setIsOpen(false)} className="block px-3 py-3 text-base font-medium text-slate-700 hover:text-brand-600 hover:bg-slate-50 rounded-lg">{ui("nav.blog")}</Link>
-            <Link to="/author" onClick={() => setIsOpen(false)} className="block px-3 py-3 text-base font-medium text-slate-700 hover:text-brand-600 hover:bg-slate-50 rounded-lg">{ui("nav.author")}</Link>
-            <Link to="/app" onClick={() => setIsOpen(false)} className="block px-3 py-3 text-base font-medium text-slate-700 hover:text-brand-600 hover:bg-slate-50 rounded-lg">{ui("nav.app")}</Link>
-            <div className="pt-4 mt-4 border-t border-slate-100 grid grid-cols-2 gap-3">
-              <a href="https://www.amazon.de/Das-Quality-Tree-Framework-Automatisierung/dp/3658510404" target="_blank" rel="noreferrer" className="flex justify-center items-center px-3 py-3 text-base font-medium text-slate-700 bg-slate-50 rounded-lg border border-slate-200">
-                {ui("nav.book")}
-              </a>
-              <a href="https://sn.pub/97r1i7" target="_blank" rel="noreferrer" className="flex justify-center items-center px-3 py-3 text-base font-medium text-white bg-brand-600 rounded-lg shadow-sm">
-                {ui("nav.course")}
-              </a>
-            </div>
+        <div className="md:hidden absolute top-full left-0 w-full bg-white shadow-lg border-t border-slate-100 py-4 px-4 flex flex-col gap-4">
+          {navLinks.map((link) => (
+            <Link
+              key={link.path}
+              to={link.path}
+              className={`block px-4 py-2 rounded-lg text-base font-medium ${
+                isActive(link.path) 
+                  ? 'bg-brand-50 text-brand-700' 
+                  : 'text-slate-600 hover:bg-slate-50 hover:text-brand-600'
+              }`}
+            >
+              {link.name}
+            </Link>
+          ))}
+          
+          <div className="flex items-center gap-2 px-4 pt-4 border-t border-slate-100 mt-2">
+            <span className="text-sm text-slate-500 mr-2">Language:</span>
+            <button
+              onClick={() => { setLanguage('de'); setIsOpen(false); }}
+              className={`text-xs font-bold px-3 py-1.5 rounded transition-colors ${
+                language === 'de' 
+                  ? 'bg-slate-800 text-white' 
+                  : 'bg-slate-100 text-slate-600'
+              }`}
+            >
+              DE
+            </button>
+            <button
+              onClick={() => { setLanguage('en'); setIsOpen(false); }}
+              className={`text-xs font-bold px-3 py-1.5 rounded transition-colors ${
+                language === 'en' 
+                  ? 'bg-slate-800 text-white' 
+                  : 'bg-slate-100 text-slate-600'
+              }`}
+            >
+              EN
+            </button>
           </div>
         </div>
       )}
-    </nav>
+    </header>
   );
 };
 
diff --git a/components/SEO.tsx b/components/SEO.tsx
index d8ecc65..bf24cdc 100644
--- a/components/SEO.tsx
+++ b/components/SEO.tsx
@@ -1,65 +1,49 @@
-
 import React from 'react';
 import { Helmet } from 'react-helmet-async';
-import { useLocation } from 'react-router-dom';
 
 interface SEOProps {
-  title: string;
-  description: string;
-  type?: 'website' | 'article';
+  title?: string;
+  description?: string;
+  name?: string;
+  type?: string;
+  image?: string;
   imageUrl?: string;
+  url?: string;
+  schema?: any;
+  lang?: string;
   author?: string;
   publishedTime?: string;
-  schema?: Record<string, any>;
 }
 
-const SEO: React.FC<SEOProps> = ({ 
-  title, 
-  description, 
-  type = 'website', 
-  imageUrl = 'https://media.springernature.com/full/springer-static/cover-hires/book/978-3-658-51040-4?as=webp',
-  author = 'Serge Baumberger',
-  publishedTime,
-  schema
-}) => {
-  const location = useLocation();
-  const siteTitle = "Quality Tree Framework";
-  const fullTitle = title === siteTitle ? title : `${title} | ${siteTitle}`;
-  
-  // Force the main domain
-  const domain = "https://www.quality-tree.com";
-  
-  // Construct the URL. Since the app uses HashRouter, we construct the URL 
-  // to include the hash so deep links work correctly when clicked from Search.
-  const currentPath = location.pathname === '/' ? '' : `/#${location.pathname}`;
-  const currentUrl = `${domain}${currentPath}`;
+export default function SEO({ title, description, name, type, image, imageUrl, url, schema, lang = 'de', author, publishedTime }: SEOProps) {
+  const siteTitle = title ? `${title} | Quality Tree Framework` : 'Quality Tree Framework';
+  const siteDesc = description || 'Quality Tree Framework';
+  const siteImage = image || imageUrl || 'https://www.quality-tree.com/og-image.jpg';
+  const siteUrl = url || (typeof window !== 'undefined' ? window.location.href : 'https://www.quality-tree.com');
 
   return (
-    <Helmet>
-      {/* Standard Metadata */}
-      <title>{fullTitle}</title>
-      <meta name="description" content={description} />
-      <meta name="author" content={author} />
-      <link rel="canonical" href={currentUrl} />
-
+    <Helmet htmlAttributes={{ lang }}>
+      <title>{siteTitle}</title>
+      <meta name='description' content={siteDesc} />
+      
       {/* Open Graph / Facebook */}
-      <meta property="og:type" content={type} />
-      <meta property="og:url" content={currentUrl} />
-      <meta property="og:title" content={fullTitle} />
-      <meta property="og:description" content={description} />
-      <meta property="og:image" content={imageUrl} />
-      <meta property="og:site_name" content={siteTitle} />
-      {publishedTime && <meta property="article:published_time" content={publishedTime} />}
-      {publishedTime && <meta property="article:author" content={author} />}
+      <meta property="og:type" content={type || 'website'} />
+      <meta property="og:url" content={siteUrl} />
+      <meta property="og:title" content={siteTitle} />
+      <meta property="og:description" content={siteDesc} />
+      <meta property="og:image" content={siteImage} />
+      {type === 'article' && publishedTime && <meta property="article:published_time" content={publishedTime} />}
+      {type === 'article' && author && <meta property="article:author" content={author} />}
 
       {/* Twitter */}
       <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:title" content={fullTitle} />
-      <meta name="twitter:description" content={description} />
-      <meta name="twitter:image" content={imageUrl} />
-      <meta name="twitter:url" content={currentUrl} />
+      <meta name="twitter:url" content={siteUrl} />
+      <meta name="twitter:title" content={siteTitle} />
+      <meta name="twitter:description" content={siteDesc} />
+      <meta name="twitter:image" content={siteImage} />
+      <meta name="twitter:creator" content={name || author || '@SergeBaumberger'} />
 
-      {/* Schema Markup */}
+      {/* Structured Data */}
       {schema && (
         <script type="application/ld+json">
           {JSON.stringify(schema)}
@@ -67,6 +51,4 @@ const SEO: React.FC<SEOProps> = ({
       )}
     </Helmet>
   );
-};
-
-export default SEO;
+}
diff --git a/components/ScrollReveal.tsx b/components/ScrollReveal.tsx
index 5effbc8..91f6cce 100644
--- a/components/ScrollReveal.tsx
+++ b/components/ScrollReveal.tsx
@@ -1,5 +1,7 @@
 
-import React, { useRef, useEffect, useState } from 'react';
+import React, { useRef, useEffect } from 'react';
+
+import { motion, useAnimation, useInView, Easing } from 'framer-motion';
 
 interface ScrollRevealProps {
   children: React.ReactNode;
@@ -16,51 +18,46 @@ const ScrollReveal: React.FC<ScrollRevealProps> = ({
   delay = 0,
   duration = 1000
 }) => {
-  const [isVisible, setIsVisible] = useState(false);
-  const ref = useRef<HTMLDivElement>(null);
+  const ref = useRef(null);
+  const isInView = useInView(ref, { once: true, margin: "0px 0px -50px 0px" });
+  const controls = useAnimation();
 
   useEffect(() => {
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting) {
-          setIsVisible(true);
-          if (ref.current) observer.unobserve(ref.current);
-        }
-      },
-      { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }
-    );
-
-    if (ref.current) observer.observe(ref.current);
-    
-    return () => {
-      if (ref.current) observer.disconnect();
-    };
-  }, []);
-
-  const getInitialClass = () => {
-    switch (animation) {
-      case 'fade-right': return '-translate-x-12 opacity-0';
-      case 'fade-left': return 'translate-x-12 opacity-0';
-      case 'zoom-in': return 'scale-90 opacity-0';
-      case 'fade-up': default: return 'translate-y-12 opacity-0';
+    if (isInView) {
+      controls.start("visible");
     }
-  };
+  }, [isInView, controls]);
 
-  const getFinalClass = () => {
-    return 'translate-x-0 translate-y-0 scale-100 opacity-100';
+  const variants = {
+    hidden: {
+      opacity: 0,
+      y: animation === 'fade-up' ? 50 : 0,
+      x: animation === 'fade-right' ? -50 : animation === 'fade-left' ? 50 : 0,
+      scale: animation === 'zoom-in' ? 0.9 : 1
+    },
+    visible: {
+      opacity: 1,
+      y: 0,
+      x: 0,
+      scale: 1,
+      transition: {
+        duration: duration / 1000,
+        delay: delay / 1000,
+        ease: "easeOut" as Easing
+      }
+    }
   };
 
   return (
-    <div
+    <motion.div
       ref={ref}
-      className={`${className} transition-all ease-out will-change-transform ${isVisible ? getFinalClass() : getInitialClass()}`}
-      style={{ 
-        transitionDuration: `${duration}ms`,
-        transitionDelay: `${delay}ms` 
-      }}
+      initial="hidden"
+      animate={controls}
+      variants={variants}
+      className={className}
     >
       {children}
-    </div>
+    </motion.div>
   );
 };
 
diff --git a/contexts/LanguageContext.tsx b/contexts/LanguageContext.tsx
index 1521e9c..c3a7681 100644
--- a/contexts/LanguageContext.tsx
+++ b/contexts/LanguageContext.tsx
@@ -1,6 +1,6 @@
 
 import React, { createContext, useState, useContext, ReactNode, useEffect } from 'react';
-import { LocalizedString } from '../types';
+import { LocalizedString } from '../src/types';
 
 export type Language = 'de' | 'en';
 
@@ -81,6 +81,18 @@ const uiTranslations: Record<string, Record<Language, string>> = {
   "home.author.keynote_title": { de: "Keynote Speaker", en: "Keynote Speaker" },
   "home.author.bio_link": { de: "Biographie lesen", en: "Read Biography" },
 
+  "author.title": { de: "Über den Autor", en: "About the Author" },
+  "author.subtitle": { de: "Serge Baumberger", en: "Serge Baumberger" },
+  "author.role": { de: "Co-CEO Infometis AG & Creator of the Quality Tree", en: "Co-CEO Infometis AG & Creator of the Quality Tree" },
+  "author.bio.p1": { de: "Serge Baumberger ist seit über 25 Jahren in der Software-Qualitätssicherung tätig. Als Co-CEO der Infometis AG begleitet er Unternehmen bei der agilen Transformation und dem Aufbau nachhaltiger Qualitätsstrukturen.", en: "Serge Baumberger has been active in software quality assurance for over 25 years. As Co-CEO of Infometis AG, he accompanies companies in agile transformation and building sustainable quality structures." },
+  "author.bio.p2": { de: "Der Quality Tree entstand aus dem Bedürfnis, eine gemeinsame Sprache zwischen Business und IT zu finden. Er visualisiert komplexe QA-Themen verständlich und macht sie messbar.", en: "The Quality Tree arose from the need to find a common language between business and IT. It visualizes complex QA topics understandably and makes them measurable." },
+  "author.bio.p3": { de: "Neben seiner Tätigkeit als Berater und Geschäftsführer ist Serge ein gefragter Keynote-Speaker auf internationalen Konferenzen wie dem Swiss Testing Day.", en: "In addition to his work as a consultant and managing director, Serge is a sought-after keynote speaker at international conferences such as the Swiss Testing Day." },
+  "author.contact.title": { de: "Kontakt aufnehmen", en: "Get in Touch" },
+  "author.contact.desc": { de: "Möchten Sie den Quality Tree in Ihrem Unternehmen einführen oder suchen Sie einen Speaker für Ihr nächstes Event?", en: "Would you like to introduce the Quality Tree in your company or are you looking for a speaker for your next event?" },
+  "author.contact.meeting": { de: "1:1 Gespräch buchen", en: "Book 1:1 Meeting" },
+  "author.contact.email": { de: "Email schreiben", en: "Send Email" },
+  "author.contact.linkedin": { de: "Mit Serge vernetzen", en: "Connect with Serge" },
+
   "framework.title": { de: "Das Framework.", en: "The Framework." },
   "framework.subtitle": { de: "8 Äste, 90 Praktiken. Finden Sie genau die Themenbereiche, die Ihr Team heute voranbringen.", en: "8 Branches, 90 Practices. Find exactly the topics that move your team forward today." },
   "framework.search_placeholder": { de: "Nach Themen suchen (z.B. CI/CD, Automatisierung, AI...)", en: "Search topics (e.g., CI/CD, Automation, AI...)" },
@@ -176,6 +188,12 @@ const uiTranslations: Record<string, Record<Language, string>> = {
   "faq.a2": { de: "Serge Baumberger, Co-CEO der Infometis AG, ist der Schöpfer des Frameworks. Er verfügt über 25+ Jahre Erfahrung in QA, Testing und Agiler Transformation.", en: "Serge Baumberger, Co-CEO of Infometis AG, is the creator of the framework. He has 25+ years of experience in QA, testing, and agile transformation." },
   "faq.q3": { de: "Was sind die 8 Dimensionen (Äste)?", en: "What are the 8 Dimensions (Branches)?" },
   "faq.a3": { de: "Die 8 Äste sind: Configuration Management, Unit Testing, Build Practices, Deployment Practices, Test Automation, Virtualization, Manual Testing und Test Management.", en: "The 8 branches are: Configuration Management, Unit Testing, Build Practices, Deployment Practices, Test Automation, Virtualization, Manual Testing, and Test Management." },
+  "faq.q4": { de: "Wie kann ich die QTF App nutzen?", en: "How can I use the QTF App?" },
+  "faq.a4": { de: "Die QTF App ist ein interaktives Assessment-Tool. Sie können Ihr Projekt anlegen, die 90 Praktiken bewerten und erhalten sofort eine visuelle Auswertung Ihres Quality Trees sowie Handlungsempfehlungen.", en: "The QTF App is an interactive assessment tool. You can create your project, evaluate the 90 practices, and immediately receive a visual evaluation of your Quality Tree as well as recommendations for action." },
+  "faq.q5": { de: "Wo kann ich das Buch kaufen?", en: "Where can I buy the book?" },
+  "faq.a5": { de: "Das Buch 'Das Quality Tree Framework' ist bei Amazon, Springer, Thalia und Orell Füssli erhältlich. Links finden Sie im Footer dieser Website.", en: "The book 'The Quality Tree Framework' is available at Amazon, Springer, Thalia, and Orell Füssli. You can find links in the footer of this website." },
+  "faq.q6": { de: "Was ist der Unterschied zwischen dem Buch und der App?", en: "What is the difference between the book and the app?" },
+  "faq.a6": { de: "Das Buch bietet das theoretische Fundament, tiefgehende Erklärungen und Praxisbeispiele. Die App ist ein praktisches Werkzeug zur Standortbestimmung und Fortschrittskontrolle Ihres eigenen Teams.", en: "The book provides the theoretical foundation, in-depth explanations, and practical examples. The app is a practical tool for determining the current status and monitoring the progress of your own team." },
 };
 
 export const LanguageProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
@@ -198,7 +216,7 @@ export const LanguageProvider: React.FC<{ children: ReactNode }> = ({ children }
   };
 
   // Helper for content objects {de: "...", en: "..."}
-  const t = (content: LocalizedString | string, key?: string): string => {
+  const t = (content: LocalizedString | string): string => {
     if (typeof content === 'object' && content !== null && 'de' in content) {
       return content[language] || content['de'];
     }
diff --git a/data/appToolData.ts b/data/appToolData.ts
index 36db4e3..38f4c76 100644
--- a/data/appToolData.ts
+++ b/data/appToolData.ts
@@ -1,943 +1,574 @@
-
 export const rawConfig = {
-  "grid": { "rows": 30, "cols": 10 },
+  "grid": { "rows": 23, "cols": 10 },
   "lanes": [
     { 
-      "id": "config-mgmt",
-      "label": "Configuration Management", "startRow": 1, "endRow": 3, "targetCount": 12,
+      "label": "Config Management", "startRow": 1, "endRow": 3, "targetCount": 12,
       "details": {
-        "description": { 
-            "de": "Configuration Management (CM) bildet das Fundament für stabile Softwareentwicklung. Es stellt sicher, dass alle Artefakte (Code, Configs, Dokumentation) versioniert, nachvollziehbar und wiederherstellbar sind.", 
-            "en": "Configuration Management (CM) forms the foundation for stable software development. It ensures that all artifacts (code, configs, documentation) are versioned, traceable, and recoverable." 
-        },
-        "why": {
-            "de": "Ohne solides CM gibt es keine Reproduzierbarkeit. 'It works on my machine' wird zum Dauerzustand, Rollbacks sind unmöglich und Compliance ist nicht erreichbar.",
-            "en": "Without solid CM, there is no reproducibility. 'It works on my machine' becomes the norm, rollbacks are impossible, and compliance is unattainable."
-        },
-        "how": {
-            "de": "Beginnen Sie mit der strikten Versionierung aller Assets in einem SCM (z.B. Git). Führen Sie eine klare Branching-Strategie ein und nutzen Sie Tags für Releases.",
-            "en": "Start with strict versioning of all assets in an SCM (e.g., Git). Introduce a clear branching strategy and use tags for releases."
-        },
+        "description": "Configuration Management (CM) bildet das Fundament für stabile Softwareentwicklung. Es stellt sicher, dass alle Artefakte (Code, Configs, Dokumentation) versioniert, nachvollziehbar und wiederherstellbar sind.",
+        "importance": "Ohne solides CM gibt es keine Reproduzierbarkeit. 'It works on my machine' wird zum Dauerzustand, Rollbacks sind unmöglich und Compliance ist nicht erreichbar.",
+        "gettingStarted": "Beginnen Sie mit der strikten Versionierung aller Assets in einem SCM (z.B. Git). Führen Sie eine klare Branching-Strategie ein und nutzen Sie Tags für Releases.",
         "resources": [
-            { "label": "Git Branching Strategies", "url": "#" },
-            { "label": "The Twelve-Factor App: Config", "url": "#" }
+          { "label": "Git Branching Strategies", "url": "https://www.atlassian.com/git/tutorials/comparing-workflows" },
+          { "label": "The Twelve-Factor App: Config", "url": "https://12factor.net/config" }
         ]
       }
     },
     { 
-      "id": "unit-testing",
       "label": "Unit Testing", "startRow": 4, "endRow": 6, "targetCount": 6,
       "details": {
-        "description": { 
-            "de": "Unit Testing verifiziert die kleinste testbare Einheit einer Software. Es ist das Sicherheitsnetz, das Refactoring erst möglich macht und teure Fehler früh abfängt.", 
-            "en": "Unit testing verifies the smallest testable unit of software. It is the safety net that makes refactoring possible and catches expensive bugs early." 
-        },
-        "why": {
-            "de": "Fehler, die während der Entwicklung gefunden werden, kosten einen Bruchteil dessen, was sie in Produktion kosten. Unit Tests dokumentieren zudem das erwartete Verhalten des Codes.",
-            "en": "Bugs found during development cost a fraction of what they cost in production. Unit tests also document the expected behavior of the code."
-        },
-        "how": {
-            "de": "Wählen Sie ein Standard-Framework (z.B. Jest, JUnit). Integrieren Sie Tests in den Build-Prozess. Starten Sie nicht mit 100% Coverage, sondern testen Sie kritische Geschäftslogik.",
-            "en": "Choose a standard framework (e.g., Jest, JUnit). Integrate tests into the build process. Don't start with 100% coverage, but test critical business logic."
-        },
-        "resources": []
+        "description": "Unit Testing validiert die kleinste testbare Einheit einer Software (Funktion, Methode, Klasse) in Isolation. Es ist die Basis der Testpyramide.",
+        "importance": "Unit Tests geben extrem schnelles Feedback. Sie ermöglichen sicheres Refactoring, dokumentieren den Code und verhindern Regressionen auf logischer Ebene frühzeitig.",
+        "gettingStarted": "Wählen Sie ein Framework (JUnit, PyTest, Jest). Schreiben Sie Tests für neuen Code. Streben Sie nicht sofort 100% Coverage an, sondern testen Sie kritische Pfade.",
+        "resources": [
+          { "label": "Test Pyramid Explained", "url": "https://martinfowler.com/articles/practical-test-pyramid.html" },
+          { "label": "TDD Introduction", "url": "https://www.agilealliance.org/glossary/tdd/" }
+        ]
       }
     },
     { 
-      "id": "build-practices",
       "label": "Build Practices", "startRow": 7, "endRow": 9, "targetCount": 12,
       "details": {
-        "description": { 
-            "de": "Build Practices transformieren Quellcode zuverlässig und wiederholbar in deploybare Artefakte. Sie sind der Motor der Continuous Integration.", 
-            "en": "Build practices transform source code reliably and repeatably into deployable artifacts. They are the engine of Continuous Integration." 
-        },
-        "why": {
-            "de": "Lange, manuelle oder fragile Builds blockieren das gesamte Team. Ein automatisierter Build-Prozess ist Voraussetzung für schnelle Feedback-Zyklen.",
-            "en": "Long, manual, or fragile builds block the entire team. An automated build process is a prerequisite for fast feedback cycles."
-        },
-        "how": {
-            "de": "Automatisieren Sie den Build per Skript. Nutzen Sie einen CI-Server (z.B. Jenkins, GitHub Actions). Stellen Sie sicher, dass der Build isoliert und unabhängig von der lokalen Umgebung läuft.",
-            "en": "Automate the build via script. Use a CI server (e.g., Jenkins, GitHub Actions). Ensure the build runs isolated and independent of the local environment."
-        },
-        "resources": []
+        "description": "Build Practices umfassen die Automatisierung der Kompilierung, Paketierung und Artefakterstellung. Ziel ist ein wiederholbarer, deterministischer Prozess.",
+        "importance": "Manuelle Builds sind fehleranfällig und langsam. Ein standardisierter Build-Prozess ist die Voraussetzung für Continuous Integration und verhindert Inkonsistenzen zwischen Umgebungen.",
+        "gettingStarted": "Nutzen Sie ein Build-Tool (Maven, Gradle, Webpack). Stellen Sie sicher, dass der Build mit einem einzigen Befehl lokal und auf dem Server läuft.",
+        "resources": [
+          { "label": "Continuous Integration Essentials", "url": "https://aws.amazon.com/devops/continuous-integration/" }
+        ]
       }
     },
     { 
-      "id": "deployment",
       "label": "Deployment Practices", "startRow": 10, "endRow": 12, "targetCount": 12,
       "details": {
-        "description": { 
-            "de": "Deployment Practices regeln, wie Software sicher und effizient auf verschiedene Umgebungen (Test, Staging, Produktion) übertragen wird.", 
-            "en": "Deployment practices govern how software is safely and efficiently transferred to different environments (Test, Staging, Production)." 
-        },
-        "why": {
-            "de": "Manuelle Deployments sind fehleranfällig und langsam. Automatisierung reduziert das Risiko von Ausfällen ('Deployment Fear') und ermöglicht 'Deployment on Demand'.",
-            "en": "Manual deployments are error-prone and slow. Automation reduces the risk of failures ('Deployment Fear') and enables 'Deployment on Demand'."
-        },
-        "how": {
-            "de": "Trennen Sie Build und Deployment. Nutzen Sie die gleichen Artefakte für alle Umgebungen ('Build Once, Deploy Many'). Automatisieren Sie zuerst Deployments auf Testumgebungen.",
-            "en": "Separate build and deployment. Use the same artifacts for all environments ('Build Once, Deploy Many'). Automate deployments to test environments first."
-        },
-        "resources": []
+        "description": "Deployment Practices regeln, wie Software in verschiedene Umgebungen (Dev, Test, Prod) ausgeliefert wird. Automatisierung steht hier im Fokus.",
+        "importance": "Automatisierte Deployments reduzieren die 'Time-to-Market', minimieren menschliche Fehler bei Releases und ermöglichen schnelle Rollbacks im Fehlerfall.",
+        "gettingStarted": "Skripten Sie Ihre manuellen Deployment-Schritte. Nutzen Sie Tools wie Jenkins, GitLab CI oder GitHub Actions, um Artefakte automatisch auf eine Testumgebung zu deployen.",
+        "resources": [
+          { "label": "Blue-Green Deployment", "url": "https://martinfowler.com/bliki/BlueGreenDeployment.html" },
+          { "label": "Infrastructure as Code", "url": "https://www.hashicorp.com/resources/what-is-infrastructure-as-code" }
+        ]
       }
     },
     { 
-      "id": "test-automation",
-      "label": "Test Automation", "startRow": 13, "endRow": 15, "targetCount": 16,
+      "label": "Test Automation", "startRow": 13, "endRow": 15, "targetCount": 15,
       "details": {
-        "description": { 
-            "de": "Test Automation umfasst alle Prüfungen jenseits von Unit Tests: Integration, API, UI und End-to-End Tests. Sie validiert das Zusammenspiel der Komponenten.", 
-            "en": "Test automation includes all checks beyond unit tests: integration, API, UI, and end-to-end tests. It validates the interaction of components." 
-        },
-        "why": {
-            "de": "Manuelle Regressionstests skalieren nicht. Je komplexer das System, desto mehr Zeit frisst das Testen ohne Automatisierung, was die Time-to-Market verlangsamt.",
-            "en": "Manual regression tests do not scale. The more complex the system, the more time testing consumes without automation, slowing down time-to-market."
-        },
-        "how": {
-            "de": "Folgen Sie der Testpyramide: Viele API/Integrationstests, wenige UI-Tests. Nutzen Sie stabile Selektoren für UI-Tests. Behandeln Sie Testcode wie Produktionscode.",
-            "en": "Follow the test pyramid: Many API/integration tests, few UI tests. Use stable selectors for UI tests. Treat test code like production code."
-        },
-        "resources": []
+        "description": "Test Automation bezeichnet die Nutzung von Software, um Tests auszuführen, die sonst manuell durchgeführt würden (UI, API, Integration).",
+        "importance": "Ermöglicht häufige Releases durch schnelle Regressionstests. Befreit Tester von repetitiven Aufgaben, damit sie sich auf exploratives Testen konzentrieren können.",
+        "gettingStarted": "Identifizieren Sie stabile, kritische Workflows (Smoke Tests). Automatisieren Sie diese zuerst. Nutzen Sie Page Object Pattern für Wartbarkeit.",
+        "resources": [
+          { "label": "Selenium WebDriver", "url": "https://www.selenium.dev/" },
+          { "label": "Cypress.io", "url": "https://www.cypress.io/" }
+        ]
       }
     },
     { 
-      "id": "virtualization",
-      "label": "Virtualisierung", "startRow": 16, "endRow": 18, "targetCount": 11,
+      "label": "Virtualization", "startRow": 16, "endRow": 18, "targetCount": 11,
       "details": {
-        "description": { 
-            "de": "Service Virtualisierung und Stubs simulieren abhängige Systeme (z.B. Mainframe, 3rd Party APIs), die für Tests nicht verfügbar oder zu teuer sind.", 
-            "en": "Service virtualization and stubs simulate dependent systems (e.g., mainframe, 3rd party APIs) that are unavailable or too expensive for testing." 
-        },
-        "why": {
-            "de": "Warten auf Testdaten oder Umgebungen ist Verschwendung. Virtualisierung ermöglicht frühes Testen ('Shift Left') und stabile Testergebnisse.",
-            "en": "Waiting for test data or environments is waste. Virtualization enables early testing ('Shift Left') and stable test results."
-        },
-        "how": {
-            "de": "Identifizieren Sie blockierende Abhängigkeiten. Erstellen Sie einfache Stubs (z.B. mit WireMock) für externe APIs. Erweitern Sie diese zu intelligenten Mocks bei Bedarf.",
-            "en": "Identify blocking dependencies. Create simple stubs (e.g., with WireMock) for external APIs. Expand these into intelligent mocks as needed."
-        },
-        "resources": []
+        "description": "Service Virtualisierung und Umgebungssimulation erlauben das Testen von Komponenten in Isolation, indem Abhängigkeiten (APIs, DBs) simuliert werden.",
+        "importance": "Entkoppelt Teams voneinander. Ermöglicht Tests auch wenn Drittsysteme offline oder teuer sind. Erlaubt Simulation von Fehlerzuständen.",
+        "gettingStarted": "Beginnen Sie mit dem Mocking einfacher HTTP-Antworten für Ihre Frontend-Tests. Nutzen Sie Tools wie WireMock oder Mountebank.",
+        "resources": [
+          { "label": "Service Virtualization Basics", "url": "https://en.wikipedia.org/wiki/Service_virtualization" }
+        ]
       }
     },
     { 
-      "id": "manual-testing",
-      "label": "Manual Testing", "startRow": 19, "endRow": 22, "targetCount": 12,
+      "label": "Manual Testing & Quality Improvement", "startRow": 19, "endRow": 21, "targetCount": 12,
       "details": {
-        "description": { 
-            "de": "Manuelles Testen fokussiert sich auf explorative Ansätze, Usability und Szenarien, die menschliche Intuition erfordern. Es ergänzt die Automatisierung.", 
-            "en": "Manual testing focuses on exploratory approaches, usability, and scenarios requiring human intuition. It complements automation." 
-        },
-        "why": {
-            "de": "Automatisierung prüft auf bekannte Erwartungen. Menschen finden das 'Unbekannte Unbekannte'. UX und Design-Gefühl lassen sich schwer automatisieren.",
-            "en": "Automation checks for known expectations. Humans find the 'unknown unknowns'. UX and design feel are hard to automate."
-        },
-        "how": {
-            "de": "Verschieben Sie repetitive Checks in die Automatisierung. Nutzen Sie die freiwerdende Zeit für Exploratives Testen (Session-Based Testing).",
-            "en": "Move repetitive checks to automation. Use the freed-up time for exploratory testing (Session-Based Testing)."
-        },
-        "resources": []
+        "description": "Trotz Automatisierung bleibt der Mensch essenziell. Fokus liegt auf explorativem Testen, Usability, UX und Prozessverbesserung.",
+        "importance": "Automatisierung findet nur programmierte Fehler. Menschen finden Designschwächen, Usability-Probleme und 'Unknown Unknowns'.",
+        "gettingStarted": "Führen Sie regelmäßige Bug-Bash-Sessions durch. Lernen Sie Techniken des explorativen Testens (Charters, Timeboxing).",
+        "resources": [
+          { "label": "Explore It! (Book)", "url": "https://pragprog.com/titles/ehxta/explore-it/" }
+        ]
       }
     },
     { 
-      "id": "test-mgmt",
-      "label": "Test Management", "startRow": 23, "endRow": 25, "targetCount": 9,
+      "label": "Test Management & Reporting", "startRow": 22, "endRow": 23, "targetCount": 9,
       "details": {
-        "description": { 
-            "de": "Test Management schafft Transparenz und Steuerung. Es geht um Metriken, Reporting und die strategische Ausrichtung der Qualitätsmaßnahmen.", 
-            "en": "Test management creates transparency and control. It's about metrics, reporting, and the strategic alignment of quality measures." 
-        },
-        "why": {
-            "de": "Ohne Daten fliegt man blind. Gutes Management macht Qualität sichtbar und ermöglicht datengetriebene Entscheidungen statt Bauchgefühl.",
-            "en": "Without data, you're flying blind. Good management makes quality visible and enables data-driven decisions instead of gut feeling."
-        },
-        "how": {
-            "de": "Definieren Sie KPIs, die Verhalten positiv beeinflussen (z.B. Lead Time, Defect Escape Rate). Automatisieren Sie das Reporting in Dashboards.",
-            "en": "Define KPIs that positively influence behavior (e.g., Lead Time, Defect Escape Rate). Automate reporting into dashboards."
-        },
-        "resources": []
+        "description": "Umfasst Planung, Steuerung, Metriken und Reporting von Qualitätsaktivitäten. Es schafft Transparenz für Stakeholder.",
+        "importance": "Macht Qualität sichtbar und steuerbar. Hilft, Risiken einzuschätzen und fundierte Go/No-Go Entscheidungen für Releases zu treffen.",
+        "gettingStarted": "Definieren Sie Key Quality Indicators (KQIs). Automatisieren Sie das Reporting in Dashboards statt manueller Excel-Listen.",
+        "resources": [
+          { "label": "Software Testing Metrics", "url": "https://www.guru99.com/software-testing-metrics-metrics.html" }
+        ]
       }
     }
   ],
   "cells": [
-    // --- Config Management (Rows 1-3) ---
+    // --- Config Management ---
     { 
-        "id": "R1C1", 
-        "label": { "de": "Alle Artefakte versioniert & getaggt" }, 
-        "class": "yellow", "isRoot": true, 
-        "tooltip": { "de": "Grundlegende Nachverfolgbarkeit von Code, Konfiguration und Infrastruktur mit VCS. Alle Artefakte liegen im SCM." },
-        "acceptanceCriteria": ["100 % aller CIs sind versioniert und getaggt", "90 % der Deployments werden automatisch getaggt", "30 % schnellere Rollbacks (MTTR)", "Audit-Compliance in produktiven Umgebungen"] 
+      "id": "R1C2", "label": { "de": "Alle Artefakte versioniert & getaggt" }, "class": "yellow", "isRoot": true, 
+      "tooltip": { "de": "Grundlegende Praxis im Configuration Management. Umfasst die Versionierung und das systematische Tagging aller Configuration Items (CIs) und zugehörigen Artefakte. Schafft vollständige Nachverfolgbarkeit." },
+      "acceptanceCriteria": ["100% aller CIs sind versioniert und getaggt", "90% der Deployments werden automatisch getaggt", "30% schnellere Rollbacks (MTTR)", "Audit-Compliance in produktiven Umgebungen"]
     },
     { 
-        "id": "R1C2", 
-        "label": { "de": "Feature Toggles im Code" }, 
-        "class": "blue",
-        "tooltip": { "de": "Code-basierte Schalter zur Laufzeitsteuerung von Funktionen. Entkoppelt Deployment von Release." },
-        "acceptanceCriteria": ["Alle neuen riskanten Features hinter Toggles", "Naming- & Doku-Standards eingeführt", "Reduktion der Hotfixes nach Releases um 30%", "80 % der Toggles werden innerhalb von 2 Sprints entfernt"]
+      "id": "R1C3", "label": { "de": "Code-based feature toggle" }, "class": "blue", "isRoot": true, 
+      "tooltip": { "de": "Mechanismus, um Funktionen im Code zur Laufzeit zu aktivieren/deaktivieren. Entkoppelt Deployment von Release und reduziert Risiken." },
+      "acceptanceCriteria": ["Alle neuen riskanten Features hinter Toggles", "Naming- & Doku-Standards eingeführt", "Reduktion der Hotfixes nach Releases um 30%", "80% der Toggles werden innerhalb von 2 Sprints entfernt"]
     },
     { 
-        "id": "R2C2", 
-        "label": { "de": "Feature-Toggles im Quellcode-Repository (SCM-Based)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Verwaltung von Toggles über Konfigurationsdateien im Git (GitOps-Ansatz). Zustand ergibt sich aus dem Commit." },
-        "acceptanceCriteria": ["Struktur für Toggle-Dateien in Git definiert", "100 % neuer Toggles via Pull-Requests verwaltet", "Jeder Toggle-Statuswechsel wird via PR gemanaged", "Fehlkonfigurationen um 80 % reduziert"]
+      "id": "R2C3", "label": { "de": "SCM-based feature toggle" }, "class": "light-blue", 
+      "tooltip": { "de": "Nutzung von Versionskontrollsystemen wie Git, um Feature-Toggles über Branches, Commits oder Konfigurationsdateien zu verwalten. Der Zustand eines Toggles ergibt sich aus dem versionierten Stand." },
+      "acceptanceCriteria": ["Struktur für Toggle-Dateien in Git definiert", "100% neuer Toggles via Pull-Requests verwaltet", "Jeder Statuswechsel wird via PR gemanaged", "Fehlkonfigurationen um 80% reduziert"]
     },
     { 
-        "id": "R3C2", 
-        "label": { "de": "Toolgestützte Merges" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Einsatz von Tools zur Automatisierung von Merge-Vorgängen und Konfliktlösung. Integration in CI." },
-        "acceptanceCriteria": ["100 % der PRs nutzen Merge-Approval-Automation", "70 % weniger manuelle Merge-Konflikte", "Merge-Queues in High-Traffic-Repos etabliert", "Security-Checks im Merge-Prozess eingebettet"]
+      "id": "R3C3", "label": { "de": "Tool-driven merges" }, "class": "light-blue", 
+      "tooltip": { "de": "Automatisierter oder halbautomatisierter Prozess, mit dem Code-Branches zusammengeführt werden – mithilfe moderner Merge-Tools. Automatisiert Merge-Prüfungen, löst Konflikte und validiert Regeln." },
+      "acceptanceCriteria": ["100% der PRs nutzen Merge-Approval-Automation", "70% weniger manuelle Merge-Konflikte", "Merge-Queues in High-Traffic-Repos etabliert", "Security-Checks im Merge-Prozess eingebettet"]
     },
     { 
-        "id": "R2C3", 
-        "label": { "de": "Granularität auf Pull-/Merge-Request-Ebene" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Codeänderungen werden in kleine, atomare Einheiten aufgeteilt. Jeder Pull-Request hat einen klar abgegrenzten Zweck (z.B. <400 Zeilen). Das senkt Integrationsrisiken und erhöht die Review-Geschwindigkeit." },
-        "acceptanceCriteria": ["90 % der PRs unter 400 LOC, nur eine Änderung", "100 % der PRs sind mit Ticket verknüpft", "40 % weniger Rollbacks durch Integrationsfehler", "25 % schnellere PR-Freigaben"]
+      "id": "R2C4", "label": { "de": "Codegranularität auf IR-Ebene" }, "class": "light-blue", 
+      "tooltip": { "de": "Codeänderungen werden in kleine, atomare Einheiten aufgeteilt. Jeder Pull-Request hat einen klar abgegrenzten Zweck (z.B. <400 Zeilen). Das senkt Integrationsrisiken und erhöht die Review-Geschwindigkeit." },
+      "acceptanceCriteria": ["90% der PRs unter 400 LOC, nur eine Änderung", "100% der PRs sind mit Ticket verknüpft", "40% weniger Rollbacks durch Integrationsfehler", "25% schnellere PR-Freigaben"]
     },
     { 
-        "id": "R3C3", 
-        "label": { "de": "Automatisierte Merges" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisches Mergen validierter Änderungen in den Hauptbranch, sobald alle Checks grün sind." },
-        "acceptanceCriteria": ["100 % der Repos mit CI-Checks & Approval sind auto-merge-fähig", "95 % der qualifizierten PRs werden automatisch gemerged", "50 % weniger Reverts", "Automatische Release Notes"]
+      "id": "R3C4", "label": { "de": "Automatisierte Merges" }, "class": "light-blue", 
+      "tooltip": { "de": "Validierte Code-Änderungen werden automatisiert in den Hauptbranch integriert, sobald alle Bedingungen (Tests, Reviews) erfüllt sind. Eliminiert manuelle Engpässe." },
+      "acceptanceCriteria": ["100% der Repos mit CI-Checks & Approval sind auto-merge-fähig", "95% der qualifizierten PRs werden automatisch gemerged", "50% less Reverts", "Automatische Release Notes"]
     },
     { 
-        "id": "R1C4", 
-        "label": { "de": "Zentrale Toggle-Service-Schicht" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Auslagerung der Toggle-Logik in eine zentrale Plattform (z.B. LaunchDarkly). Echtzeitsteuerung ohne Redeploy." },
-        "acceptanceCriteria": ["100 % der kritischen Toggles migriert", "Self-Service UI für QA & Product", "Toggle-Logging integriert", "75 % weniger Hotfixes wegen Fehlkonfiguration"]
+      "id": "R2C5", "label": { "de": "Codegranularität auf Feature-Ebene" }, "class": "light-blue", 
+      "tooltip": { "de": "Jede Funktionalität wird als eigenständige, in sich geschlossene Codeeinheit realisiert. Dies unterstützt unabhängige Entwicklung, Testing und Deployment einzelner Features." },
+      "acceptanceCriteria": ["100% neuer Features in eigener Codeeinheit implementiert", "80% Testabdeckung pro Feature", "60% der Features unabhängig deploybar", "90% weniger Rollbacks durch Feature-Verflechtung"]
     },
     { 
-        "id": "R2C4", 
-        "label": { "de": "Codegranularität auf Feature-Ebene" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Strukturierung des Codes in unabhängige Feature-Module. Ermöglicht isolierte Deployments und Rollbacks." },
-        "acceptanceCriteria": ["100 % neuer Features in eigener Codeeinheit implementiert", "80 % Testabdeckung pro Feature", "60 % der Features unabhängig deploybar", "90 % weniger Rollbacks durch Feature-Verflechtung"]
+      "id": "R1C5", "label": { "de": "Externalisiertes Feature-Flag-Management" }, "class": "light-blue", 
+      "tooltip": { "de": "Auslagerung von Feature-Toggle-Logik in eine zentrale Steuerungsplattform (z.B. LaunchDarkly). Erlaubt Echtzeitkontrolle ohne Neu-Deployment." },
+      "acceptanceCriteria": ["100% der kritischen Toggles migriert", "Self-Service UI für QA & Product", "Toggle-Logging integriert", "75% weniger Hotfixes wegen Fehlkonfiguration"]
     },
     { 
-        "id": "R3C4", 
-        "label": { "de": "Dynamische Merges" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Flexible Komposition von Softwarekomponenten zur Laufzeit oder Buildzeit, basierend auf Kontext." },
-        "acceptanceCriteria": ["100 % der Staging-Umgebungen nutzen dynamische Overlays", "80 % weniger Pipeline-Varianten", "90 % weniger statisches Branching", "100 % der B2B-Module nutzen Runtime-Toggles"]
+      "id": "R3C5", "label": { "de": "Dynamische Merges" }, "class": "light-blue", 
+      "tooltip": { "de": "Softwarekomponenten werden zur Laufzeit oder beim Build flexibel zusammengesetzt. Ermöglicht adaptive Deployments und Mandantenfähigkeit." },
+      "acceptanceCriteria": ["100% der Staging-Umgebungen nutzen dynamische Overlays", "80% weniger Pipeline-Varianten", "90% weniger statisches Branching", "100% der B2B-Module nutzen Runtime-Toggles"]
     },
     { 
-        "id": "R1C5", 
-        "label": { "de": "Zentrales Feature-Toggle-Framework" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Organisationsweites System für Toggle-Verwaltung, Governance und Auditierung." },
-        "acceptanceCriteria": ["100 % der Teams migriert auf zentrale Plattform", "95 % aller Toggles haben vollständige Metadaten", "70 % weniger veraltete Toggles", "100 % der Toggles mit Metriken verknüpft"]
+      "id": "R1C6", "label": { "de": "Zentralisiertes Feature-Toggle-Framework" }, "class": "light-blue", 
+      "tooltip": { "de": "Organisationsweites System zur Verwaltung, Absicherung und Auditierung von Toggles. Vereinheitlicht Format, Zugriff und Lifecycle-Regeln." },
+      "acceptanceCriteria": ["100% der Teams migriert auf zentrale Plattform", "95% aller Toggles haben vollständige Metadaten", "70% weniger veraltete Toggles", "100% der Toggles mit Metriken verknüpft"]
     },
     { 
-        "id": "R1C6", 
-        "label": { "de": "Centralized Feature Toggle Management" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Einheitliche Sichtbarkeit und Verwaltung aller Toggles über alle Services hinweg." },
-        "acceptanceCriteria": ["100 % der Toggles katalogisiert", "Toggle-Format und Ownership durch CI-Linting erzwungen", "90 % Toggles mit Metadaten", "Sichtbarkeit aller Toggles im Dashboard"]
+      "id": "R1C7", "label": { "de": "Centralized Feature Toggle Management" }, "class": "light-blue", 
+      "tooltip": { "de": "Harmonisierung aller Toggle-Prozesse. Single Source of Truth für alle Toggles in der Organisation, um Inkonsistenzen zu vermeiden." },
+      "acceptanceCriteria": ["100% der Toggles katalogisiert", "Toggle-Format und Ownership durch CI-Linting erzwungen", "90% Toggles mit Ablaufdatum", "Sichtbarkeit aller Toggles im Dashboard"]
     },
     { 
-        "id": "R1C7", 
-        "label": { "de": "Progressive Exposure via Audience Targeting" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Schrittweise Freigabe von Features für spezifische Nutzersegmente zur Risikominimierung." },
-        "acceptanceCriteria": ["100 % aller neuen Features nutzen Zielgruppenausspielung", "90 % kritische Probleme in Beta erkannt", "99.9 % Uptime während Rollout", "Feedback von >80 % der Betatester"]
+      "id": "R1C8", "label": { "de": "Progressive Exposure via Audience Targeting" }, "class": "light-blue", 
+      "tooltip": { "de": "Schrittweise Freigabe neuer Features an spezifische Nutzersegmente (z.B. Beta-User, Regionen). Sicherer als Big-Bang-Releases." },
+      "acceptanceCriteria": ["100% aller neuen Features nutzen Zielgruppenausspielung", "90% kritische Probleme in Beta erkannt", "99.9% Uptime während Rollout", "Feedback von >80% der Betatester"]
     },
 
-    // --- Unit Testing (Rows 4-6) ---
+    // --- Unit Testing ---
     { 
-        "id": "R4C1", 
-        "label": { "de": "Automatisiertes Unit-Test-Framework" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Grundlegende Struktur zur Validierung kleinster Code-Einheiten. Basis für CI." },
-        "acceptanceCriteria": ["Einheitliches Framework für alle Services gewählt", "50 % Testabdeckung auf neuem Code", "CI-Integration mit Tests < 10 Min", "20 % weniger Fehler in Produktion"]
+      "id": "R4C2", "label": { "de": "Automatisiertes Unit-Test-Framework" }, "class": "light-blue", 
+      "tooltip": { "de": "Grundlegende Struktur zur Validierung kleinster Einheiten (Funktionen, Klassen). Bildet das Fundament für CI und schnelles Feedback." },
+      "acceptanceCriteria": ["Einheitliches Framework für alle Services gewählt", "50% Testabdeckung auf neuem Code", "CI-Integration mit Tests < 10 Min", "20% weniger Fehler in Produktion"]
     },
     { 
-        "id": "R4C2", 
-        "label": { "de": "Unit-Testabdeckung: 5–25 %" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Einstieg in breitere Testabdeckung. Fokus auf kritische Komponenten." },
-        "acceptanceCriteria": ["25 % Abdeckung in den 5 meistgenutzten Modulen", "Coverage-Reports in allen PRs für kritische Services", "10+ Bugs vor Release entdeckt", "Ausführung in CI < 5 Min"]
+      "id": "R4C3", "label": { "de": "Unit-Test-Abdeckung 5% - 25%" }, "class": "light-blue", 
+      "tooltip": { "de": "Einstieg in breitere Anwendung von Unit-Tests. Fokus auf kritische oder neu entwickelte Komponenten und Risikokontrolle." },
+      "acceptanceCriteria": ["25% Abdeckung in den 5 meistgenutzten Modulen", "Coverage-Reports in allen PRs für kritische Services", "10+ Bugs vor Release entdeckt", "Ausführung in CI < 5 Min"]
     },
     { 
-        "id": "R5C2", 
-        "label": { "de": "Regressionstest-Suite für Unit-Tests" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Gezielte Sammlung von Tests zur Absicherung bestehender Funktionalität." },
-        "acceptanceCriteria": ["Ausführung der Suite bei 100 % aller Pushes", "30 % weniger produktive Regressions-Bugs", "Vollständige Abdeckung aller Kern-Workflows", ">=95 % Erfolgsrate bei Fehlerdiagnose"]
+      "id": "R5C3", "label": { "de": "Pre-Check-in Quality Checks" }, "class": "light-blue", 
+      "tooltip": { "de": "Validierung von Code-Stil, Linting und einfachen Tests noch vor dem Check-in in den Hauptbranch. Verhindert, dass schlechter Code das Repo erreicht." },
+      "acceptanceCriteria": ["Linting & Static Analysis für 100% der Commits", "Blockieren von Commits bei Fehlern", "Reduktion von CI-Build-Fehlern um 50%"]
     },
     { 
-        "id": "R4C3", 
-        "label": { "de": "Unit-Test-Abdeckung: 25–80 %" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Reife Qualitätssicherung. Validierung von Logikpfaden und Randfällen." },
-        "acceptanceCriteria": [">= 80 % Testabdeckung für alle kritischen Workflows", "40 % weniger produktive Bugs", "90 % aller Code-Reviews prüfen auf Tests", "100 % Tests automatisiert via CI"]
+      "id": "R6C3", "label": { "de": "Unit-Test-Regressionstest-Suite" }, "class": "light-blue", 
+      "tooltip": { "de": "Gezielte Sammlung automatisierter Tests, die sicherstellen, dass Änderungen keine bestehende Funktionalität zerstören." },
+      "acceptanceCriteria": ["Ausführung der Suite bei 100% aller Pushes", "30% weniger produktive Regressions-Bugs", "Vollständige Abdeckung aller Kern-Workflows", ">=95% Erfolgsrate bei Fehlerdiagnose"]
     },
     { 
-        "id": "R4C4", 
-        "label": { "de": "Unit-Test-Abdeckung > 80 %" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Maximale Sicherheit durch fast vollständige Abdeckung. Ermöglicht sicheres Refactoring." },
-        "acceptanceCriteria": [">= 85 % Unit-Test-Abdeckung für alle Kernmodule", "50 % weniger Produktivfehler durch ungetestete Logik", "100 % Regressionsabdeckung", "CI-Builds < 10 Min"]
+      "id": "R4C4", "label": { "de": "Unit-Test-Abdeckung 25% - 80%" }, "class": "light-blue", 
+      "tooltip": { "de": "Übergang zu reifer Qualitätssicherung. Validierung von Logikpfaden und Randfällen wird Standard. Vertrauen in Stabilität wächst." },
+      "acceptanceCriteria": [">= 80% Testabdeckung für alle kritischen Workflows", "40% weniger produktive Bugs", "90% aller Code-Reviews prüfen auf Tests", "100% Tests automatisiert via CI"]
     },
     { 
-        "id": "R4C5", 
-        "label": { "de": "Test-Driven Development (TDD)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Tests werden vor dem Code geschrieben. Verbessert Design und Testbarkeit." },
-        "acceptanceCriteria": ["100 % TDD bei neuen Feature-Branches", "50 % weniger Post-Release-Bugs", "100 % Testfehler vor Merge behoben", "<10 % flaky Tests"]
+      "id": "R4C5", "label": { "de": "Unit-Test-Abdeckung > 80%" }, "class": "light-blue", 
+      "tooltip": { "de": "Maximale Sicherheit durch Absicherung fast aller Codepfade inkl. Randfälle. Ermöglicht aggressives Refactoring und CI/CD." },
+      "acceptanceCriteria": [">= 85% Unit-Test-Abdeckung für alle Kernmodule", "50% weniger Produktivfehler durch ungetestete Logik", "100% Regressionsabdeckung", "CI-Builds < 10 Min"]
+    },
+    { 
+      "id": "R6C5", "label": { "de": "Test-Driven Development (TDD)" }, "class": "light-blue", 
+      "tooltip": { "de": "Tests werden vor dem Code geschrieben (Rot-Grün-Refactor). Führt zu besserem Design und hoher Testbarkeit." },
+      "acceptanceCriteria": ["100% TDD bei neuen Feature-Branches", "50% weniger Post-Release-Bugs", "100% Testfehler vor Merge behoben", "<10% flaky Tests"]
     },
 
-    // --- Build Practices (Rows 7-9) ---
+    // --- Build Practices ---
     { 
-        "id": "R7C1", 
-        "label": { "de": "Standardisierter Build-Prozess" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Einheitliche Skripte zur Artefakterstellung. Basis für Automatisierung." },
-        "acceptanceCriteria": ["100 % der Repos erzeugen versionierte Artefakte", "Build lokal & CI mit einem Befehl", "CI-Build-Success > 95 %", "Automatische Unit/Smoke-Tests"]
+      "id": "R7C2", "label": { "de": "Standardisierter Build-Prozess" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Wiederholbare Schritte zur Transformation von Code in Artefakte. Basis für CI. Sollte mit einem Befehl ausführbar sein." },
+      "acceptanceCriteria": ["100% der Repos erzeugen versionierte Artefakte", "Build lokal & CI mit einem Befehl", "CI-Build-Success > 95%", "Automatische Unit/Smoke-Tests"]
     },
     { 
-        "id": "R7C2", 
-        "label": { "de": "Automatisierter Build (Geplant > 1 Tag)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Regelmäßige, zeitgesteuerte Builds zur Validierung (z.B. Nightly)." },
-        "acceptanceCriteria": ["100 % kritische Services haben tägliche Builds", "95 % Erfolgsquote für geplante Builds", "Alle Artefakte versioniert & gespeichert", "90 % der Build-Fehler vor nächstem Zyklus gelöst"]
+      "id": "R7C3", "label": { "de": "Automatisierter Build (Geplant > 1 Tag)" }, "class": "light-blue", 
+      "tooltip": { "de": "Regelmäßige, zeitgesteuerte Builds (z.B. Nightly) validieren den Code auch ohne manuelle Trigger. Vorstufe zu CI." },
+      "acceptanceCriteria": ["100% kritische Services haben tägliche Builds", "95% Erfolgsquote für geplante Builds", "Alle Artefakte versioniert & gespeichert", "90% der Build-Fehler vor nächstem Zyklus gelöst"]
     },
     { 
-        "id": "R8C2", 
-        "label": { "de": "Dedizierter Build-Server" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Zentrale Build-Infrastruktur zur Sicherstellung der Konsistenz." },
-        "acceptanceCriteria": ["100 % der Builds laufen über zentralen Server", "Integration mit SCM & Pipelines", "Setup-Zeit neuer Projekte -50 %", "Notifications bei Fehlern"]
+      "id": "R8C3", "label": { "de": "Dedizierter Build-Server" }, "class": "light-blue", 
+      "tooltip": { "de": "Zentrale Infrastruktur für Builds, unabhängig von Entwicklerrechnern. Sichert Konsistenz und „Works on my machine“-Probleme ab." },
+      "acceptanceCriteria": ["100% der Builds laufen über zentralen Server", "Integration mit SCM & Pipelines", "Setup-Zeit neuer Projekte -50%", "Notifications bei Fehlern"]
     },
     { 
-        "id": "R9C2", 
-        "label": { "de": "Tägliche Code-Commits (Daily Check-Ins)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Disziplinierte Praxis täglicher Integration zur Konfliktminimierung." },
-        "acceptanceCriteria": ["85 % der Entwickler committen täglich", "100 % Commits CI-validiert", "40 % weniger Merge-Konflikte", "Daily Dashboards sichtbar"]
+      "id": "R9C3", "label": { "de": "Tägliche Check-ins" }, "class": "light-blue", 
+      "tooltip": { "de": "Entwickler checken Code mind. einmal täglich ein. Reduziert Merge-Konflikte und ermöglicht frühes Feedback." },
+      "acceptanceCriteria": ["85% der Entwickler committen täglich", "100% Commits CI-validiert", "40% weniger Merge-Konflikte", "Daily Dashboards sichtbar"]
     },
     { 
-        "id": "R7C3", 
-        "label": { "de": "Schneller Testrun beim Build" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Sofortiges Feedback im Build-Prozess. Broken Builds haben Priorität." },
-        "acceptanceCriteria": ["Fehlerbehebungszeit um 50 % reduziert", "90 % Builds bestehen Fast-Test", "Build-Dauer um 20 % reduziert"]
+      "id": "R7C4", "label": { "de": "Schneller Testrun beim Build" }, "class": "light-blue", 
+      "tooltip": { "de": "Sofortiges Feedback durch schnelle Tests im Build. Broken Builds haben höchste Priorität für das Team." },
+      "acceptanceCriteria": ["Fehlerbehebungszeit um 50% reduziert", "90% Builds bestehen Fast-Test", "Build-Dauer um 20% reduziert"]
     },
     { 
-        "id": "R7C4", 
-        "label": { "de": "Build Once, Deploy Many" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Einmal erstelltes Artefakt wird durch alle Umgebungen deployed." },
-        "acceptanceCriteria": ["100 % Deployments nutzen promoted CI-Artefakt", "Keine Post-Build-Anpassungen", "100 % Traceability Artefakt-zu-Commit"]
+      "id": "R7C5", "label": { "de": "Build Once, Deploy Many" }, "class": "light-blue", 
+      "tooltip": { "de": "Einmal erstelltes Artefakt wird unverändert durch alle Umgebungen (Dev, Test, Prod) deployed. Sichert Konsistenz." },
+      "acceptanceCriteria": ["100% Deployments nutzen promoted CI-Artefakt", "Keine Post-Build-Anpassungen", "100% Traceability Artefakt-zu-Commit"]
     },
     { 
-        "id": "R8C4", 
-        "label": { "de": "Rückwärtskompatible Schnittstellen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Vermeidung von Breaking Changes für entkoppelte Deployments." },
-        "acceptanceCriteria": ["100 % öffentliche APIs versioniert/getestet", "90 % weniger Breaking Changes in Prod", "Automatisierte Contract Tests in 100 % Pipelines", "Deprecation-Guides vorhanden"]
+      "id": "R8C5", "label": { "de": "Rückwärtskompatible Schnittstellen" }, "class": "light-blue", 
+      "tooltip": { "de": "Neue Versionen brechen keine bestehenden Consumer. Ermöglicht entkoppelte Deployments und Zero-Downtime." },
+      "acceptanceCriteria": ["100% öffentliche APIs versioniert/getestet", "90% weniger Breaking Changes in Prod", "Automatisierte Contract Tests in 100% Pipelines", "Deprecation-Guides vorhanden"]
     },
     { 
-        "id": "R7C5", 
-        "label": { "de": "Build Artifact Repository" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Zentrale Verwaltung versionierter Artefakte." },
-        "acceptanceCriteria": ["100 % Builds erzeugen versioniertes Artefakt", "Repo in 100 % Deployments integriert", "50 % weniger Deployment-Fehler durch Inkonsistenz"]
+      "id": "R8C6", "label": { "de": "Build Artifact Repository" }, "class": "light-blue", 
+      "tooltip": { "de": "Zentraler Speicher für versionierte Artefakte (Nexus, Artifactory). Single Source of Truth für Deployments." },
+      "acceptanceCriteria": ["100% Builds erzeugen versioniertes Artefakt", "Repo in 100% Deployments integriert", "50% weniger Deployment-Fehler durch Inkonsistenz"]
     },
     { 
-        "id": "R7C6", 
-        "label": { "de": "Build on Commit / Andere SCM-Trigger" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Ereignisgesteuerte Builds für sofortiges Feedback." },
-        "acceptanceCriteria": ["100 % PR/Mainline triggern Builds", "Feedback < 10 Min", "CI blockiert Merge bei Fehler", "95 % Nutzung von SCM-Triggern"]
+      "id": "R7C7", "label": { "de": "Build on Commit" }, "class": "light-blue", 
+      "tooltip": { "de": "Builds starten automatisch bei jedem SCM-Event (Push, Merge, PR). Echtzeit-Validierung." },
+      "acceptanceCriteria": ["100% PR/Mainline triggern Builds", "Feedback < 10 Min", "CI blockiert Merge bei Fehler", "95% Nutzung von SCM-Triggern"]
     },
     { 
-        "id": "R8C6", 
-        "label": { "de": "Performance Monitoring in CI/CD" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Integration von Performance-Metriken in die Pipeline." },
-        "acceptanceCriteria": ["Mind. 5 Performance-Metriken definiert", "Auto-Fail bei Schwellwertverletzung", "Trends visualisiert", "Pipeline-Laufzeit -25 %"]
+      "id": "R8C7", "label": { "de": "Performance Monitoring in CI/CD" }, "class": "yellow", 
+      "tooltip": { "de": "Integration von Performance-Metriken (Build-Zeit, Test-Durchsatz) in die Pipeline. Früherkennung von Degradation." },
+      "acceptanceCriteria": ["Mind. 5 Performance-Metriken definiert", "Auto-Fail bei Schwellwertverletzung", "Trends visualisiert", "Pipeline-Laufzeit -25%"]
     },
     { 
-        "id": "R9C6", 
-        "label": { "de": "Advanced Configuration Management" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Zentrale, dynamische Konfigurationsverwaltung (CaC)." },
-        "acceptanceCriteria": ["100 % Services externalisieren Config", "Zentrales Config-System im Einsatz", "90 % Änderungen versioniert", "<10 Min Rollback bei Config-Fehler"]
+      "id": "R9C7", "label": { "de": "Advanced Configuration Management" }, "class": "yellow", 
+      "tooltip": { "de": "Konfiguration zentral verwaltet, versioniert (CaC) und dynamisch bereitgestellt. Trennung von Code und Config." },
+      "acceptanceCriteria": ["100% Services externalisieren Config", "Zentrales Config-System im Einsatz", "90% Änderungen versioniert", "<10 Min Rollback bei Config-Fehler"]
     },
     { 
-        "id": "R7C7", 
-        "label": { "de": "Continuous Integration (CI)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Vollautomatisierte Integration und Validierung jeder Änderung." },
-        "acceptanceCriteria": ["100 % Codeänderungen durch CI-Pipelines", "Build-Zeit <= 10 Min", "95 % First-Run-Success", "100 % Teams erhalten Feedback < 1 Min"]
+      "id": "R7C8", "label": { "de": "Continuous Integration (CI)" }, "class": "light-blue", 
+      "tooltip": { "de": "Jede Änderung wird sofort integriert, gebaut und getestet. Basis für DevOps." },
+      "acceptanceCriteria": ["100% Codeänderungen durch CI-Pipelines", "Build-Zeit <= 10 Min", "95% First-Run-Success", "100% Teams erhalten Feedback < 1 Min"]
     },
 
-    // --- Deployment Practices (Rows 10-12) ---
+    // --- Deployment Practices ---
     { 
-        "id": "R10C1", 
-        "label": { "de": "Automatisierte Bereitstellung statischer Testdaten" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Automatisches Bereitstellen anonymisierter Produktionsdaten." },
-        "acceptanceCriteria": ["90 % Testumgebungen mit auto. Data Refresh", "100 % Compliance (Anonymisierung)", "50 % weniger manueller Aufwand"]
+      "id": "R10C2", "label": { "de": "Automatisierte Bereitstellung statischer Testdaten" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Automatisches Klonen und Anonymisieren von Produktionsdaten für Testumgebungen." },
+      "acceptanceCriteria": ["90% Testumgebungen mit auto. Data Refresh", "100% Compliance (Anonymisierung)", "50% weniger manueller Aufwand"]
     },
     { 
-        "id": "R10C2", 
-        "label": { "de": "Automatisierte Post-Deployment Smoke Tests" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Schnelle Prüfung der Basisfunktionalität nach Deployment." },
-        "acceptanceCriteria": ["90 % Umgebungen mit Smoke Tests", "-50 % Post-Deployment Incidents", "Laufzeit < 5 Min", "Reaktionszeit < 1h"]
+      "id": "R10C3", "label": { "de": "Automatisierter Post-Deployment Smoke Test" }, "class": "light-blue", 
+      "tooltip": { "de": "Minimalistische Testsuite direkt nach Deployment, um grundlegende Funktion zu prüfen." },
+      "acceptanceCriteria": ["90% Umgebungen mit Smoke Tests", "-50% Post-Deployment Incidents", "Laufzeit < 5 Min", "Reaktionszeit < 1h"]
     },
     { 
-        "id": "R12C2", 
-        "label": { "de": "Automatisiertes Datenbank-Deployment" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Schemaänderungen automatisiert mit Code deployen." },
-        "acceptanceCriteria": ["100 % Schemaänderungen über Pipelines", "Migrationen mit Rollback-Option", "50 % weniger DB-Fehler bei Deployment"]
+      "id": "R12C3", "label": { "de": "Automatisiertes Datenbank-Deployment" }, "class": "light-blue", 
+      "tooltip": { "de": "Schemaänderungen als versionierte Artefakte (Code) gemeinsam mit App deployen." },
+      "acceptanceCriteria": ["100% Schemaänderungen über Pipelines", "Migrationen mit Rollback-Option", "50% weniger DB-Fehler bei Deployment"]
     },
     { 
-        "id": "R10C5", 
-        "label": { "de": "Automatisiertes Rollback" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatische Rückkehr zur Vorversion bei Fehlern." },
-        "acceptanceCriteria": ["Rollback-Automatisierung in Staging/Prod", "Rollback < 2 Min", "100 % Validierung nach Rollback", "MTTR -50 %"]
+      "id": "R10C6", "label": { "de": "Automatisiertes Rollback" }, "class": "light-blue", 
+      "tooltip": { "de": "Fähigkeit, bei Fehlern automatisch auf die letzte stabile Version zurückzusetzen." },
+      "acceptanceCriteria": ["Rollback-Automatisierung in Staging/Prod", "Rollback < 2 Min", "100% Validierung nach Rollback", "MTTR -50%"]
     },
     { 
-        "id": "R12C5", 
-        "label": { "de": "Standardisierte Deployments in alle Pre-UAT-Umgebungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Einheitliche Prozesse für nicht-produktive Umgebungen." },
-        "acceptanceCriteria": ["100 % Pre-UAT erhalten identisches Artefakt", "Einheitliche Skripte/IaC", "Smoke Tests integriert", "50 % weniger Umgebungsfehler"]
+      "id": "R12C6", "label": { "de": "Standardisierte Deployments in alle Pre-UAT-Umgebungen" }, "class": "light-blue", 
+      "tooltip": { "de": "Einheitliche Deployment-Logik für alle Testumgebungen. Erhöht Vorhersagbarkeit." },
+      "acceptanceCriteria": ["100% Pre-UAT erhalten identisches Artefakt", "Einheitliche Skripte/IaC", "Smoke Tests integriert", "50% weniger Umgebungsfehler"]
     },
     { 
-        "id": "R11C6", 
-        "label": { "de": "Standardisierte Deployments in alle Umgebungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Konsistente Deployment-Logik bis zur Produktion." },
-        "acceptanceCriteria": ["100 % Services nutzen gleiches Template", "Keine manuellen Schritte", "95 % Erfolgsrate", "Zentrale Sichtbarkeit"]
+      "id": "R12C7", "label": { "de": "Standardisierte Deployments in alle Umgebungen" }, "class": "light-blue", 
+      "tooltip": { "de": "Konsistente Prozesse von Dev bis Prod. Was im Test funktioniert, funktioniert in Prod." },
+      "acceptanceCriteria": ["100% Services nutzen gleiches Template", "Keine manuellen Schritte", "95% Erfolgsrate", "Zentrale Sichtbarkeit"]
     },
     { 
-        "id": "R11C7", 
-        "label": { "de": "Self-Service Deployments in Integration" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Entwickler können Deployments in Integrationsumgebungen selbst auslösen." },
-        "acceptanceCriteria": ["100 % Teams können deployen", "Zero Ticket Wartezeit", "Automatisierte Genehmigung"]
+      "id": "R10C7", "label": { "de": "Self-Service-Deployments in Integrationsumgebungen" }, "class": "light-blue", 
+      "tooltip": { "de": "Entwickler können Deployments selbstständig auslösen." },
+      "acceptanceCriteria": ["100% der Teams können deployen", "Zero Ticket Wartezeit"]
     },
     { 
-        "id": "R10C7", 
-        "label": { "de": "Auto-Deploy in Integrationsumgebungen nach Check-In" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisches Deployment in Integration nach Quality Gate." },
-        "acceptanceCriteria": ["Auto-Deploy bei allen Kernservices", "100 % Builds bestehen Quality Gate", "Commit-to-Deploy < 30 Min", ">99.5 % Verfügbarkeit"]
+      "id": "R12C8", "label": { "de": "Auto-Deploy in Integration nach Check-In" }, "class": "light-blue", 
+      "tooltip": { "de": "Code-Änderungen werden nach Quality Gate automatisch in Integration deployed." },
+      "acceptanceCriteria": ["Auto-Deploy bei allen Kernservices", "100% Builds bestehen Quality Gate", "Commit-to-Deploy < 30 Min", ">99.5% Verfügbarkeit"]
     },
     { 
-        "id": "R12C7", 
-        "label": { "de": "Self-Service Deployments in UAT" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Eigenständiges Deployen nach UAT durch Teams." },
-        "acceptanceCriteria": ["100 % Teams ohne Release-Freigabe nach UAT", "90 % Sanity-Passrate", "Lead Time -60 %", "Rollback verfügbar"]
+      "id": "R10C8", "label": { "de": "Self-Service-Deployments in UAT" }, "class": "light-blue", 
+      "tooltip": { "de": "Teams deployen eigenständig nach UAT zur Validierung durch Fachbereich." },
+      "acceptanceCriteria": ["100% Teams ohne Release-Freigabe nach UAT", "90% Sanity-Passrate", "Lead Time -60%", "Rollback verfügbar"]
     },
     { 
-        "id": "R10C8", 
-        "label": { "de": "Self-Service Deployments in Production" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Autorisierte Teams deployen selbstständig nach Prod." },
-        "acceptanceCriteria": ["100 % Releases via Self-Service/Pipeline", "Rollback < 10 Min", "<1 % Incidents durch Deployment", "90 % APM-überwacht"]
+      "id": "R10C9", "label": { "de": "Self-Service-Deployments in Production" }, "class": "light-blue", 
+      "tooltip": { "de": "Autorisierte Teams deployen selbstständig in Prod, abgesichert durch Automatisierung." },
+      "acceptanceCriteria": ["100% Releases via Self-Service/Pipeline", "Rollback < 10 Min", "<1% Incidents durch Deployment", "90% APM-überwacht"]
     },
     { 
-        "id": "R12C8", 
-        "label": { "de": "Auto-Deploy in UAT bei Check-in + UAT Quality Gate" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Vollautomatisches Deployment nach UAT bei Gate-Erfolg." },
-        "acceptanceCriteria": ["100 % UAT-Deploys automatisiert nach Gate", "95 % Business-Cases abgedeckt", "0 manuelle Deploys", "90 % Stakeholder-Zufriedenheit"]
+      "id": "R12C9", "label": { "de": "Auto-Deploy in UAT bei Check-in" }, "class": "light-blue", 
+      "tooltip": { "de": "Automatisches Deployment in UAT nach erfolgreichem Gate." },
+      "acceptanceCriteria": ["100% UAT-Deploys automatisiert nach Gate", "95% Business-Cases abgedeckt", "0 manuelle Deploys", "90% Stakeholder-Zufriedenheit"]
     },
     { 
-        "id": "R11C9", 
-        "label": { "de": "Continuous Delivery" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Jede Änderung ist potenziell deploybar." },
-        "acceptanceCriteria": ["Automatische Promotion UAT->Prod", ">=3 Prod-Deploys/Woche", "Fehlerrate <5 %", "MTTR < 1h"]
+      "id": "R11C10", "label": { "de": "Continuous Delivery" }, "class": "light-blue", 
+      "tooltip": { "de": "Jede Änderung ist potenziell deploybar. Ständiger Fluss in die Produktion." },
+      "acceptanceCriteria": ["Automatische Promotion UAT->Prod", ">=3 Prod-Deploys/Woche", "Fehlerrate <5%", "MTTR < 1h"]
     },
 
-    // --- Test Automation (Rows 13-15) ---
-    { 
-        "id": "R13C1", 
-        "label": { "de": "Automatisiertes funktionales Testen in Anwendungsdomänen" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Automatisierung kritischer Workflows in spezifischen Domänen." },
-        "acceptanceCriteria": ["80 % kritische Testfälle automatisiert", "50 % weniger manuelle Regression", "100 % CI-Integration", "75 % Fehler durch Auto-Tests gefunden"]
-    },
+    // --- Test Automation ---
     { 
-        "id": "R13C2", 
-        "label": { "de": "E2E Automatisiertes funktionales Testframework" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Framework für systemübergreifende End-to-End Tests." },
-        "acceptanceCriteria": ["Framework in 2 Kernsystemen", "5 E2E Workflows automatisiert", "100 % CI-Integration", "90 % Testkonsistenz"]
+      "id": "R13C2", "label": { "de": "Automatisiertes funktionales Testen in Anwendungsdomänen" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Skriptbasierte Tests für geschäftskritische Workflows (z.B. mit Selenium, Tosca)." },
+      "acceptanceCriteria": ["80% kritische Testfälle automatisiert", "50% weniger manuelle Regression", "100% CI-Integration", "75% Fehler durch Auto-Tests gefunden"]
     },
     { 
-        "id": "R13C3", 
-        "label": { "de": "Automatisierte funktionale Sanity-Regression in AT" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Schnelle Validierung der Basisfunktionen in Akzeptanzumgebung." },
-        "acceptanceCriteria": ["100 % Ausführung bei AT-Deployment", "-40 % Fehlertickets", "Laufzeit < 20 Min", "Flaky-Rate < 5 %"]
+      "id": "R13C4", "label": { "de": "Automatisierte funktionale Sanity-Regression in AT" }, "class": "light-blue", 
+      "tooltip": { "de": "Leichtgewichtige Suite nach Deployment in Akzeptanzumgebung." },
+      "acceptanceCriteria": ["100% Ausführung bei AT-Deployment", "-40% Fehlertickets", "Laufzeit < 20 Min", "Flaky-Rate < 5%"]
     },
     { 
-        "id": "R15C3", 
-        "label": { "de": "Automatisierte Akzeptanztests (Multi-App)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Orchestrierte Tests über mehrere Anwendungen hinweg." },
-        "acceptanceCriteria": ["70 % übergreifende Workflows automatisiert", "95 % Passrate in Integration", "-60 % manueller Aufwand"]
+      "id": "R15C4", "label": { "de": "Orchestrierte Akzeptanztests" }, "class": "light-blue", 
+      "tooltip": { "de": "Tests über mehrere Anwendungen hinweg in orchestrierten Umgebungen." },
+      "acceptanceCriteria": ["70% übergreifende Workflows automatisiert", "95% Passrate in Integration", "-60% manueller Aufwand"]
     },
     { 
-        "id": "R13C4", 
-        "label": { "de": "Automatisierte Testdatenbereitstellung für integrierte Umgebungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatische Bereitstellung abgestimmter Testdaten." },
-        "acceptanceCriteria": ["80 % Szenarien mit Datenpipelines", "95 % Sync-Genauigkeit", "70 % weniger manueller Datenaufwand"]
+      "id": "R13C5", "label": { "de": "Automatisierte Testdatenbereitstellung" }, "class": "light-blue", 
+      "tooltip": { "de": "Systematische Erstellung und Pflege von Testdaten für integrierte Umgebungen." },
+      "acceptanceCriteria": ["80% Szenarien mit Datenpipelines", "95% Sync-Genauigkeit", "70% weniger manueller Datenaufwand"]
     },
     { 
-        "id": "R15C4", 
-        "label": { "de": "Automatisierte Sanity Regression im Integrationstest" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Validierung der Integration nach Deployment." },
-        "acceptanceCriteria": ["90 % kritische Integrationsfälle automatisiert", "-70 % manueller Aufwand", "95 % Erfolgsquote"]
+      "id": "R15C5", "label": { "de": "Automatisierte Sanity Regression im Integrationstest" }, "class": "yellow", 
+      "tooltip": { "de": "Validierung der Kernfunktionalität in integrierten Umgebungen." },
+      "acceptanceCriteria": ["90% kritische Integrationsfälle automatisiert", "-70% manueller Aufwand", "95% Erfolgsquote"]
     },
     { 
-        "id": "R13C5", 
-        "label": { "de": "Automatisiertes Progressionstesting in Pre-UAT" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Test neuer Features in Pre-UAT Umgebung." },
-        "acceptanceCriteria": ["80 % Progression automatisiert", "90 % Abdeckung neuer Funktionen", "-60 % manuelle Testzeit"]
+      "id": "R15C6", "label": { "de": "Automatisiertes Progressionstesting in Pre-UAT" }, "class": "light-blue", 
+      "tooltip": { "de": "Validierung neuer Features in Pre-UAT vor formeller Abnahme." },
+      "acceptanceCriteria": ["80% Progression automatisiert", "90% Abdeckung neuer Funktionen", "-60% manuelle Testzeit"]
     },
     { 
-        "id": "R14C5", 
-        "label": { "de": "Automatisiertes Last- und Stresstesting" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Validierung von Performance und Stabilität." },
-        "acceptanceCriteria": ["Lasttests für alle Hauptprozesse", "-20 % Antwortzeiten", "90 % Engpässe behoben"]
+      "id": "R13C6", "label": { "de": "Automatisiertes Last- und Stresstesting" }, "class": "light-blue", 
+      "tooltip": { "de": "Validierung von Performance und Stabilität unter Last." },
+      "acceptanceCriteria": ["Lasttests für alle Hauptprozesse", "-20% Antwortzeiten", "90% Engpässe behoben"]
     },
     { 
-        "id": "R15C5", 
-        "label": { "de": "Automatisiertes Security Testing" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Integration von Sicherheits-Scans in CI/CD." },
-        "acceptanceCriteria": ["Security Scans in 100 % CI/CD", "-30 % Erkennungszeit", "90 % Schwachstellen in 2 Wochen behoben"]
+      "id": "R14C6", "label": { "de": "Automatisiertes Security Testing" }, "class": "light-blue", 
+      "tooltip": { "de": "Integration von SAST/DAST in die Pipeline." },
+      "acceptanceCriteria": ["Security Scans in 100% CI/CD", "-30% Erkennungszeit", "90% Schwachstellen in 2 Wochen behoben"]
     },
     { 
-        "id": "R13C6", 
-        "label": { "de": "Automatisiertes Accessibility Testing" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Prüfung auf Barrierefreiheit (WCAG)." },
-        "acceptanceCriteria": ["Integration in 100 % UI-Pipelines", "-80 % kritische Verstösse", "95 % WCAG 2.1 Konformität"]
+      "id": "R15C7", "label": { "de": "Automatisiertes Accessibility Testing" }, "class": "light-blue", 
+      "tooltip": { "de": "Prüfung auf Barrierefreiheit (WCAG) mittels Tools." },
+      "acceptanceCriteria": ["Integration in 100% UI-Pipelines", "-80% kritische Verstösse", "95% WCAG 2.1 Konformität"]
     },
     { 
-        "id": "R15C6", 
-        "label": { "de": "Self-Service Synthetic Test Data Deployments" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Teams generieren synthetische Daten selbst." },
-        "acceptanceCriteria": ["80 % Umgebungen unterstützen Self-Service", "90 % Nutzung", "-70 % Provisioning-Zeit"]
+      "id": "R14C7", "label": { "de": "Self-Service Synthetic Test Data Deployments" }, "class": "light-blue", 
+      "tooltip": { "de": "Teams generieren synthetische Daten selbstständig." },
+      "acceptanceCriteria": ["80% Umgebungen unterstützen Self-Service", "90% Nutzung", "-70% Provisioning-Zeit"]
     },
     { 
-        "id": "R13C7", 
-        "label": { "de": "Automatisiertes Akzeptanztesten in Integrationsumgebungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Validierung von Akzeptanzkriterien in Integration." },
-        "acceptanceCriteria": ["90 % Szenarien automatisiert", "95 % Genauigkeit", "-70 % manueller Aufwand"]
+      "id": "R13C8", "label": { "de": "Automatisierte Akzeptanztests in Integration" }, "class": "light-blue", 
+      "tooltip": { "de": "Validierung von Akzeptanzkriterien in integrierter Umgebung." },
+      "acceptanceCriteria": ["90% Szenarien automatisiert", "95% Genauigkeit", "-70% manueller Aufwand"]
     },
     { 
-        "id": "R14C7", 
-        "label": { "de": "Automatisiertes Progressionstesten in UAT" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisierte Tests neuer Features in UAT." },
-        "acceptanceCriteria": ["80 % automatisiert", "90 % Abdeckung kritischer Workflows", "-75 % manueller Aufwand"]
+      "id": "R14C8", "label": { "de": "Automatisiertes Progressionstesten in UAT" }, "class": "light-blue", 
+      "tooltip": { "de": "Validierung neuer Features direkt in UAT." },
+      "acceptanceCriteria": ["80% automatisiert", "90% Abdeckung kritischer Workflows", "-75% manueller Aufwand"]
     },
     { 
-        "id": "R15C7", 
-        "label": { "de": "Automatisiertes Systemverifikationstesten (SVT)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Verifikation des Gesamtsystems in integrierter Umgebung." },
-        "acceptanceCriteria": ["90 % systemweite Workflows automatisiert", "95 % Genauigkeit Defekterkennung", "-70 % manueller Aufwand"]
+      "id": "R15C8", "label": { "de": "Automatisiertes SVT (integriert)" }, "class": "light-blue", 
+      "tooltip": { "de": "Systemverifikationstests des Gesamtsystems." },
+      "acceptanceCriteria": ["90% systemweite Workflows automatisiert", "95% Genauigkeit Defekterkennung", "-70% manueller Aufwand"]
     },
     { 
-        "id": "R14C8", 
-        "label": { "de": "Automatisiertes Abnahmetesten in UAT" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisierte Prüfung der Abnahmekriterien." },
-        "acceptanceCriteria": ["90 % UAT-Szenarien automatisiert", "95 % Testabdeckung", "-75 % manueller Aufwand"]
+      "id": "R14C9", "label": { "de": "Automatisiertes Abnahmetesten in UAT" }, "class": "light-blue", 
+      "tooltip": { "de": "Nachweis der Erfüllung von Business-Kriterien in UAT." },
+      "acceptanceCriteria": ["90% UAT-Szenarien automatisiert", "95% Testabdeckung", "-75% manueller Aufwand"]
     },
     { 
-        "id": "R14C9", 
-        "label": { "de": "AI-Testautomatisierung" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Einsatz von KI für Testdesign und Wartung." },
-        "acceptanceCriteria": ["95 % Regression mit KI", "80 % weniger Wartung (Self-Healing)", "90 % Vorhersagegenauigkeit"]
+      "id": "R14C10", "label": { "de": "AI-Testautomatisierung" }, "class": "light-blue", 
+      "tooltip": { "de": "Einsatz von AI/ML für Testdesign, Wartung und Analyse." },
+      "acceptanceCriteria": ["95% Regression mit KI", "80% weniger Wartung (Self-Healing)", "90% Vorhersagegenauigkeit"]
     },
 
-    // --- Virtualisierung (Rows 16-18) ---
+    // --- Virtualization ---
     { 
-        "id": "R17C1", 
-        "label": { "de": "Virtuelle Services / Smart Stubs" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Simulation nicht verfügbarer Services." },
-        "acceptanceCriteria": ["80 % kritische Services virtualisiert", "Reduktion Abhängigkeiten um 90 %", "100 % Testkonsistenz"]
+      "id": "R16C2", "label": { "de": "Virtuelle Services / Smart Stubs" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Simulation realer Services, um unabhängig zu testen." },
+      "acceptanceCriteria": ["80% kritische Services virtualisiert", "Reduktion Abhängigkeiten um 90%", "100% Testkonsistenz"]
     },
     { 
-        "id": "R16C2", 
-        "label": { "de": "Automatisierte Infrastrukturbereitstellung" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Aufbau von Umgebungen mittels IaC." },
-        "acceptanceCriteria": ["90 % Umgebungen automatisiert", "-80 % manueller Aufwand", "100 % Konsistenz"]
+      "id": "R16C3", "label": { "de": "Automatisierte Infrastrukturbereitstellung" }, "class": "light-blue", 
+      "tooltip": { "de": "Aufbau virtualisierter Umgebungen mittels IaC." },
+      "acceptanceCriteria": ["90% Umgebungen automatisiert", "-80% manueller Aufwand", "100% Konsistenz"]
     },
     { 
-        "id": "R18C2", 
-        "label": { "de": "Strategischer Einsatz virtueller Services" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Planung und Governance für Virtualisierung." },
-        "acceptanceCriteria": ["Ziele dokumentiert", "80 % Services virtualisiert", "90 % Integration in Dev/Test"]
+      "id": "R17C3", "label": { "de": "Strategischer Einsatz virtueller Services" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Strukturierter Ansatz zur Servicevirtualisierung." },
+      "acceptanceCriteria": ["Ziele dokumentiert", "80% Services virtualisiert", "90% Integration in Dev/Test"]
     },
     { 
-        "id": "R16C3", 
-        "label": { "de": "Self-Service Virtual Services" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Eigenständige Nutzung virtueller Services." },
-        "acceptanceCriteria": ["Portal live", "80 % Nutzer eigenständig", "-70 % Provisionierungszeit"]
+      "id": "R17C4", "label": { "de": "Self-Service Virtual Services" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Teams erstellen virtuelle Services selbstständig." },
+      "acceptanceCriteria": ["Portal live", "80% Nutzer eigenständig", "-70% Provisionierungszeit"]
     },
     { 
-        "id": "R18C3", 
-        "label": { "de": "Automatisierte Middleware-Provisionierung" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisches Setup von Middleware." },
-        "acceptanceCriteria": ["90 % Middleware automatisiert", "-80 % Zeitaufwand", "100 % Reproduzierbarkeit"]
+      "id": "R16C4", "label": { "de": "Automatisierte Middleware-Provisionierung" }, "class": "light-blue", 
+      "tooltip": { "de": "Bereitstellung von Middleware (DBs, Queues) in virt. Umgebungen." },
+      "acceptanceCriteria": ["90% Middleware automatisiert", "-80% Zeitaufwand", "100% Reproduzierbarkeit"]
     },
     { 
-        "id": "R16C6", 
-        "label": { "de": "Automatisierte Bereitstellung von Testumgebungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisiertes Setup kompletter Umgebungen." },
-        "acceptanceCriteria": ["90 % Umgebungen automatisiert", "100 % Konsistenz", "-80 % Zeitaufwand"]
+      "id": "R16C7", "label": { "de": "Automatisierte Testumgebungs-Bereitstellung" }, "class": "light-blue", 
+      "tooltip": { "de": "Vollständige Testumgebungen auf Knopfdruck." },
+      "acceptanceCriteria": ["90% Umgebungen automatisiert", "100% Konsistenz", "-80% Zeitaufwand"]
     },
+    // Added Missing Node 1/2 for 90 leaves goal
     { 
-        "id": "R17C6", 
-        "label": { "de": "Automatisierte Middleware-Provisionierung (Skalierbar)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Skalierbare Middleware-Bereitstellung." },
-        "acceptanceCriteria": ["Automatisierte Workflows für 80 % Middleware", "95 % Konsistenz", "-70 % Einrichtungszeit"]
+      "id": "R17C7", "label": { "de": "Virtuelle Umgebungen in CI" }, "class": "yellow",
+      "tooltip": { "de": "Integration von virtualisierten Umgebungen in die Continuous Integration Pipeline." },
+      "acceptanceCriteria": ["100% CI-Runs nutzen virtuelle Umgebungen", "Setup-Zeit < 5 Min"]
     },
     { 
-        "id": "R18C6", 
-        "label": { "de": "Self-Service Virtual Services (Adv)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Erweiterter Self-Service für Virtualisierung." },
-        "acceptanceCriteria": ["90 % Nutzer verwalten selbst", "Reduktion Bereitstellungszeit -70 %", "95 % Integration"]
+      "id": "R16C8", "label": { "de": "Self-Service Testumgebungen für Einzelanwendungen" }, "class": "light-blue", 
+      "tooltip": { "de": "Entwickler erstellen isolierte Umgebungen selbst." },
+      "acceptanceCriteria": ["90% Teams eigenständig", "-80% Einrichtungszeit", "100% Kompatibilität"]
     },
+    // Added Missing Node 2/2 for 90 leaves goal
     { 
-        "id": "R16C7", 
-        "label": { "de": "Self-Service Testumgebungen für Einzelanwendungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Entwickler provisionieren eigene Umgebungen." },
-        "acceptanceCriteria": ["90 % Teams eigenständig", "-80 % Einrichtungszeit", "100 % Kompatibilität"]
+      "id": "R18C7", "label": { "de": "Performance-Virtualisierung" }, "class": "yellow",
+      "tooltip": { "de": "Nutzung von Service-Virtualisierung für Performance-Tests." },
+      "acceptanceCriteria": ["Latenz-Simulation konfigurierbar", "Lasttests gegen virtuelle Services möglich"]
     },
     { 
-        "id": "R17C7", 
-        "label": { "de": "Virtuelle Services / Smart Stubs (Integrated)" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "In CI-Pipeline integrierte Stubs." },
-        "acceptanceCriteria": ["90 % Abhängigkeiten virtualisiert", "100 % CI-Integration", "80 % weniger Testabbrüche"]
+      "id": "R18C8", "label": { "de": "Virtuelle Services / Smart Stubs (Fortgeschritten)" }, "class": "yellow", 
+      "tooltip": { "de": "Hochgradig konfigurierbare Simulationen in CI/CD." },
+      "acceptanceCriteria": ["90% Abhängigkeiten virtualisiert", "100% CI-Integration", "80% weniger Testabbrüche"]
     },
     { 
-        "id": "R18C8", 
-        "label": { "de": "Automatisierte Bereitstellung Integrierter Testumgebungen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Komplexe Integrationsumgebungen auf Knopfdruck." },
-        "acceptanceCriteria": ["90 % Integrationsumgebungen automatisiert", "95 % Konsistenz", "-80 % manueller Aufwand"]
+      "id": "R16C9", "label": { "de": "Automatisierte Bereitstellung integrierter Testumgebungen" }, "class": "light-blue", 
+      "tooltip": { "de": "Komplexe Systemlandschaften automatisiert aufbauen." },
+      "acceptanceCriteria": ["90% Integrationsumgebungen automatisiert", "95% Konsistenz", "-80% manueller Aufwand"]
     },
 
-    // --- Manual Testing (Rows 19-22) ---
+    // --- Manual Testing ---
     { 
-        "id": "R20C1", 
-        "label": { "de": "Manuelles Regressionstesten mit historischer Abdeckung" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Basis-Regression basierend auf Erfahrung." },
-        "acceptanceCriteria": ["90 % kritische Fälle identifiziert", "95 % Fehlererkennung", "-50 % redundante Tests"]
+      "id": "R19C2", "label": { "de": "Manuelle Regression mit historischer Abdeckung" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Gezieltes Nachtesten basierend auf Änderungshistorie und Erfahrung." },
+      "acceptanceCriteria": ["90% kritische Fälle identifiziert", "95% Fehlererkennung", "-50% redundante Tests"]
     },
     { 
-        "id": "R19C2", 
-        "label": { "de": "Exploratives Testen in frühen Projektphasen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Kreatives Testen zur frühen Fehlerfindung." },
-        "acceptanceCriteria": ["90 % neue Features explorativ getestet", "80 % kritische Usability-Probleme gefunden", "Ergebnisse zu 100 % geteilt"]
+      "id": "R19C3", "label": { "de": "Exploratives Testen in frühen Phasen" }, "class": "light-blue", 
+      "tooltip": { "de": "Intuitives Testen ohne Skript zur frühen Risikoerkennung." },
+      "acceptanceCriteria": ["90% neue Features explorativ getestet", "80% kritische Usability-Probleme gefunden", "Ergebnisse zu 100% geteilt"]
     },
     { 
-        "id": "R21C2", 
-        "label": { "de": "Manuelles Regressionstesten mit gesteuerter Abdeckung" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Systematisierte manuelle Regression." },
-        "acceptanceCriteria": ["-60 % redundante Tests", "90 % Abdeckung Hochrisiko", "95 % kritische Defekte gefunden"]
+      "id": "R20C3", "label": { "de": "Manuelle Regression mit gesteuerter Abdeckung" }, "class": "light-blue", 
+      "tooltip": { "de": "Systematische Auswahl von Testfällen basierend auf Risiko." },
+      "acceptanceCriteria": ["-60% redundante Tests", "90% Abdeckung Hochrisiko", "95% kritische Defekte gefunden"]
     },
     { 
-        "id": "R19C3", 
-        "label": { "de": "Definition synthetischer Daten für Progression" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Künstliche Daten für manuelle Tests." },
-        "acceptanceCriteria": ["80 % kritische Szenarien abgedeckt", "95 % Datenqualität", "-70 % Abhängigkeit von Echtdaten"]
+      "id": "R19C4", "label": { "de": "Definition synthetischer Daten für Progression" }, "class": "light-blue", 
+      "tooltip": { "de": "Erstellung künstlicher Daten für realistische Tests ohne Datenschutzprobleme." },
+      "acceptanceCriteria": ["80% kritische Szenarien abgedeckt", "95% Datenqualität", "-70% Abhängigkeit von Echtdaten"]
     },
     { 
-        "id": "R21C3", 
-        "label": { "de": "Hybrides Testen auf vorläufigen Szenarien" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Mix aus Skript und Exploration." },
-        "acceptanceCriteria": ["90 % vorläufige Features abgedeckt", "85 % Edge Cases gefunden", "100 % Stakeholder eingebunden"]
+      "id": "R20C4", "label": { "de": "Hybrid Testing auf vorläufigen Szenarien" }, "class": "light-blue", 
+      "tooltip": { "de": "Kombination aus Skript und Exploration bei unklaren Anforderungen." },
+      "acceptanceCriteria": ["90% vorläufige Features abgedeckt", "85% Edge Cases gefunden", "100% Stakeholder eingebunden"]
     },
     { 
-        "id": "R20C4", 
-        "label": { "de": "Qualitätsreviews von Regressionstest-Sets" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Review der Testfälle und Ergebnisse." },
-        "acceptanceCriteria": ["Reviews an 90 % der Meilensteine", "80 % Empfehlungen umgesetzt", "-30 % nachgelagerte Fehler"]
+      "id": "R21C5", "label": { "de": "Qualitätsreviews von Regressionstest-Sets" }, "class": "light-blue", 
+      "tooltip": { "de": "Quality Gates und Reviews zur Sicherung der Testqualität." },
+      "acceptanceCriteria": ["Reviews an 90% der Meilensteine", "80% Empfehlungen umgesetzt", "-30% nachgelagerte Fehler"]
     },
     { 
-        "id": "R19C5", 
-        "label": { "de": "Kontextgetriebenes Testen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Anpassung der Tests an Projektkontext." },
-        "acceptanceCriteria": ["80 % Stakeholderzufriedenheit", "40 % weniger übersehene Fehler", "+30 % explorative Abdeckung"]
+      "id": "R20C6", "label": { "de": "Kontextgetriebenes Testen" }, "class": "light-blue", 
+      "tooltip": { "de": "Anpassung der Teststrategie an Projektkontext." },
+      "acceptanceCriteria": ["80% Stakeholderzufriedenheit", "40% weniger übersehene Fehler", "+30% explorative Abdeckung"]
     },
     { 
-        "id": "R21C5", 
-        "label": { "de": "Low Code / KI-unterstütztes manuelles Testen" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "KI-Support für manuelle Tester." },
-        "acceptanceCriteria": ["60 % repetitive Tests automatisiert", "-50 % Zeit für Loganalyse", "75 % Defektvorhersage"]
+      "id": "R19C6", "label": { "de": "Low-Code / KI-unterstütztes manuelles Testen" }, "class": "light-blue", 
+      "tooltip": { "de": "Einsatz von KI/Low-Code für effizientere manuelle Tests." },
+      "acceptanceCriteria": ["60% repetitive Tests automatisiert", "-50% Zeit für Loganalyse", "75% Defektvorhersage"]
     },
     { 
-        "id": "R19C6", 
-        "label": { "de": "UX-Richtlinien & Inklusivität" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Fokus auf Usability und Accessibility." },
-        "acceptanceCriteria": ["90 % WCAG 2.1 Konformität", "+25 % Nutzerzufriedenheit", "-30 % Usability-Fehler"]
+      "id": "R19C7", "label": { "de": "UX-Richtlinien & Inklusivität" }, "class": "light-blue", 
+      "tooltip": { "de": "Berücksichtigung von Usability und Barrierefreiheit." },
+      "acceptanceCriteria": ["90% WCAG 2.1 Konformität", "+25% Nutzerzufriedenheit", "-30% Usability-Fehler"]
     },
     { 
-        "id": "R21C6", 
-        "label": { "de": "Prinzipien für Produkt- und Projektqualitätsreviews" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Bewertung der Produktqualität." },
-        "acceptanceCriteria": ["95 % Projekte folgen Zeitplänen", "30 % weniger kritische Fehler", "100 % Qualitätslücken adressiert"]
+      "id": "R21C9", "label": { "de": "Umfassendes Quality Engineering" }, "class": "light-blue", 
+      "tooltip": { "de": "Qualität als ganzheitlicher Ansatz über den gesamten Lifecycle." },
+      "acceptanceCriteria": ["95% fehlerfreie Releases", "-40% Testdauer", "+20% Kundenzufriedenheit"]
     },
     { 
-        "id": "R19C8", 
-        "label": { "de": "Umfassendes Qualitätsengineering" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Qualität in allen Phasen integriert." },
-        "acceptanceCriteria": ["95 % fehlerfreie Releases", "-40 % Testdauer", "+20 % Kundenzufriedenheit"]
+      "id": "R20C9", "label": { "de": "Sprint Testing in agilen Projekten" }, "class": "light-blue", 
+      "tooltip": { "de": "Testen innerhalb des Sprints als integrale Aktivität." },
+      "acceptanceCriteria": ["95% Testabdeckung der Sprint-Stories", "-40% Fehlerbehebungszeit", "60% Stories automatisiert"]
     },
+
+    // --- Test Management ---
     { 
-        "id": "R21C8", 
-        "label": { "de": "Sprint Testing in agilen Projekten" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Testen im Sprint-Takt." },
-        "acceptanceCriteria": ["95 % Testabdeckung der Sprint-Stories", "-40 % Fehlerbehebungszeit", "60 % Stories automatisiert"]
+      "id": "R22C2", "label": { "de": "Etablierte Metriken für Einzelprozesse" }, "class": "light-blue", "isRoot": true, 
+      "tooltip": { "de": "Messung von Leistung und Fortschritt durch Kennzahlen." },
+      "acceptanceCriteria": ["90% Einhaltung Testzeitpläne", "20% Verbesserung Fehlererkennung", "25% Reduktion Behebungszeit"]
     },
-
-    // --- Test Management (Rows 23-25) ---
     { 
-        "id": "R23C1", 
-        "label": { "de": "Etablierte Metriken für Einzelprozesse" }, 
-        "class": "light-blue", "isRoot": true, 
-        "tooltip": { "de": "Grundlegende Messung von Testaktivitäten." },
-        "acceptanceCriteria": ["90 % Einhaltung Testzeitpläne", "20 % Verbesserung Fehlererkennung", "25 % Reduktion Behebungszeit"]
+      "id": "R22C3", "label": { "de": "Regelmäßige Qualitätsreviews" }, "class": "light-blue", 
+      "tooltip": { "de": "Systematische Bewertung von Testaktivitäten und Ergebnissen." },
+      "acceptanceCriteria": ["Reviews an 90% der Meilensteine", "80% Empfehlungen umgesetzt", "-30% nachgelagerte Fehler"]
     },
     { 
-        "id": "R22C2", 
-        "label": { "de": "Regelmässig Durchgeführte Qualitätsreviews" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Periodische Bewertung der Testqualität." },
-        "acceptanceCriteria": ["Reviews an 90 % der Meilensteine", "80 % Empfehlungen umgesetzt", "-30 % nachgelagerte Fehler"]
+      "id": "R23C3", "label": { "de": "Testplanung & Steuerung" }, "class": "light-blue", 
+      "tooltip": { "de": "Strukturierte Definition und Überwachung von Testzielen." },
+      "acceptanceCriteria": ["100% geplante Tests fristgerecht", "-25% Planabweichungen", "+20% Stakeholder-Zufriedenheit"]
     },
     { 
-        "id": "R24C2", 
-        "label": { "de": "Testplanung & Steuerung" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Strukturierte Planung und Kontrolle." },
-        "acceptanceCriteria": ["100 % geplante Tests fristgerecht", "-25 % Planabweichungen", "+20 % Stakeholder-Zufriedenheit"]
+      "id": "R23C4", "label": { "de": "Planung basierend auf Impact-, Risiko- Analyse" }, "class": "light-blue", 
+      "tooltip": { "de": "Priorisierung von Tests anhand von Risiko und Änderungsanalyse." },
+      "acceptanceCriteria": ["95% Testabdeckung Hochrisiko", "-40% kritische Fehler", "+20% Transparenz"]
     },
     { 
-        "id": "R23C3", 
-        "label": { "de": "Planung basierend auf Impact-, Risiko- und Änderungsanalyse" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Risikobasierte Testplanung." },
-        "acceptanceCriteria": ["95 % Testabdeckung Hochrisiko", "-40 % kritische Fehler", "+20 % Transparenz"]
+      "id": "R22C5", "label": { "de": "Traceability & Information Transparency" }, "class": "light-blue", 
+      "tooltip": { "de": "Lückenlose Verknüpfung von Anforderungen, Tests und Defekten." },
+      "acceptanceCriteria": ["100% Traceability", "+30% Stakeholder-Zufriedenheit", "-20% Defektlösungsdauer"]
     },
     { 
-        "id": "R23C4", 
-        "label": { "de": "Traceability & Information Transparency Built into Pipeline" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Automatisierte Rückverfolgbarkeit." },
-        "acceptanceCriteria": ["100 % Traceability", "+30 % Stakeholder-Zufriedenheit", "-20 % Defektlösungsdauer"]
+      "id": "R23C6", "label": { "de": "Agile Testplanung" }, "class": "yellow", 
+      "tooltip": { "de": "Iterative Planung im Einklang mit Sprints." },
+      "acceptanceCriteria": ["90% Testabdeckung pro Story", "70% Regression automatisiert", "-30% Fehlerbehebungszeit"]
     },
     { 
-        "id": "R23C5", 
-        "label": { "de": "Agile Test Planning" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Flexible Planung in agilen Teams." },
-        "acceptanceCriteria": ["90 % Testabdeckung pro Story", "70 % Regression automatisiert", "-30 % Fehlerbehebungszeit"]
+      "id": "R22C7", "label": { "de": "Automated Reports Are Cross-Soiled" }, "class": "light-blue", 
+      "tooltip": { "de": "Konsolidierte Berichte aus verschiedenen Quellen." },
+      "acceptanceCriteria": ["100% Quellen integriert", "-50% Reporting-Zeit", "+30% Transparenz"]
     },
     { 
-        "id": "R23C6", 
-        "label": { "de": "Automated Reports Are Cross-Soiled" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Bereichsübergreifende automatisierte Berichte." },
-        "acceptanceCriteria": ["100 % Quellen integriert", "-50 % Reporting-Zeit", "+30 % Transparenz"]
+      "id": "R22C8", "label": { "de": "Real-Time Graphs and Reports" }, "class": "light-blue", 
+      "tooltip": { "de": "Echtzeit-Dashboards für Qualitätsmetriken." },
+      "acceptanceCriteria": ["100% Metriken in Echtzeit", "30% schnellere Fehlererkennung", "+25% Zufriedenheit"]
     },
     { 
-        "id": "R23C7", 
-        "label": { "de": "Real-Time Graphs and Reports Trends Over Time" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Echtzeitanalysen und Trends." },
-        "acceptanceCriteria": ["100 % Metriken in Echtzeit", "30 % schnellere Fehlererkennung", "+25 % Zufriedenheit"]
+      "id": "R22C9", "label": { "de": "Self-Service Reports and Dashboards" }, "class": "light-blue", 
+      "tooltip": { "de": "Stakeholder erstellen und nutzen Reports selbstständig." },
+      "acceptanceCriteria": ["80% Stakeholder nutzen Self-Service", "-50% manuelle Reports", "+40% Nutzung"]
     },
     { 
-        "id": "R23C8", 
-        "label": { "de": "Self-Service Reports and Dashboards" }, 
-        "class": "light-blue", 
-        "tooltip": { "de": "Berichte zur Selbstbedienung für Stakeholder." },
-        "acceptanceCriteria": ["80 % Stakeholder nutzen Self-Service", "-50 % manuelle Reports", "+40 % Nutzung"]
+      "id": "R21C7", "label": { "de": "Prinzipien für Produkt- und Projektqualitätsreviews" }, "class": "light-blue", 
+      "tooltip": { "de": "Standardisierte Kriterien für Reviews von Qualität in Projekten." },
+      "acceptanceCriteria": ["95% Projekte folgen Zeitplänen", "30% weniger kritische Fehler", "100% Qualitätslücken adressiert"]
     }
   ],
   "arrows": [
-    // CONFIG MANAGEMENT
-    // R1C1 -> R1C2, R2C2, R3C2 (Level 1 -> Level 2)
-    { "from": "R1C1", "to": "R1C2" }, { "from": "R1C1", "to": "R2C2" }, { "from": "R1C1", "to": "R3C2" },
-    // Level 2 -> Level 3
-    { "from": "R1C2", "to": "R2C3" }, { "from": "R2C2", "to": "R2C3" }, { "from": "R3C2", "to": "R3C3" },
-    // Level 3 -> Level 4
-    { "from": "R2C3", "to": "R1C4" }, { "from": "R2C3", "to": "R2C4" }, { "from": "R3C3", "to": "R3C4" },
-    // Level 4 -> Level 5, 6, 7
-    { "from": "R1C4", "to": "R1C5" }, { "from": "R1C5", "to": "R1C6" }, { "from": "R1C6", "to": "R1C7" },
-
-    // UNIT TESTING
-    // L1 -> L2
-    { "from": "R4C1", "to": "R4C2" }, { "from": "R4C1", "to": "R5C2" },
-    // L2 -> L3
-    { "from": "R4C2", "to": "R4C3" }, { "from": "R5C2", "to": "R4C3" },
-    // L3 -> L4
-    { "from": "R4C3", "to": "R4C4" },
-    // L4 -> L5
-    { "from": "R4C4", "to": "R4C5" },
-
-    // BUILD PRACTICES
-    // L1 -> L2
-    { "from": "R7C1", "to": "R7C2" }, { "from": "R7C1", "to": "R8C2" }, { "from": "R7C1", "to": "R9C2" },
-    // L2 -> L3
-    { "from": "R7C2", "to": "R7C3" }, { "from": "R8C2", "to": "R7C3" }, { "from": "R9C2", "to": "R7C3" },
-    // L3 -> L4
-    { "from": "R7C3", "to": "R7C4" }, { "from": "R7C3", "to": "R8C4" },
-    // L4 -> L5
-    { "from": "R7C4", "to": "R7C5" }, 
-    // L5 -> L6
-    { "from": "R7C5", "to": "R7C6" }, { "from": "R7C5", "to": "R8C6" }, { "from": "R7C5", "to": "R9C6" },
-    // L6 -> L7
-    { "from": "R7C6", "to": "R7C7" }, { "from": "R8C6", "to": "R7C7" }, { "from": "R9C6", "to": "R7C7" },
-
-    // DEPLOYMENT PRACTICES
-    // L1 -> L2
-    { "from": "R10C1", "to": "R10C2" }, { "from": "R10C1", "to": "R12C2" },
-    // L2 -> L5
-    { "from": "R10C2", "to": "R10C5" }, { "from": "R12C2", "to": "R12C5" },
-    // L5 -> L6
-    { "from": "R10C5", "to": "R11C6" }, { "from": "R12C5", "to": "R11C6" },
-    // L6 -> L7
-    { "from": "R11C6", "to": "R10C7" }, { "from": "R11C6", "to": "R11C7" }, { "from": "R11C6", "to": "R12C7" },
-    // L7 -> L8
-    { "from": "R10C7", "to": "R10C8" }, { "from": "R12C7", "to": "R12C8" },
-    // L8 -> L9
-    { "from": "R10C8", "to": "R11C9" }, { "from": "R12C8", "to": "R11C9" },
-
-    // TEST AUTOMATION
-    // L1 -> L2
-    { "from": "R13C1", "to": "R13C2" },
-    // L2 -> L3, L4
-    { "from": "R13C2", "to": "R13C3" }, { "from": "R13C2", "to": "R15C3" }, { "from": "R13C2", "to": "R13C4" },
-    // L3/L4 -> L5
-    { "from": "R13C3", "to": "R15C4" }, { "from": "R15C3", "to": "R15C4" }, { "from": "R13C4", "to": "R15C4" },
-    // L5 -> L5 (Progression, Load, Security)
-    { "from": "R15C4", "to": "R13C5" }, { "from": "R15C4", "to": "R14C5" }, { "from": "R15C4", "to": "R15C5" },
-    // L5 -> L6
-    { "from": "R15C5", "to": "R13C6" }, { "from": "R15C5", "to": "R15C6" },
-    // L6 -> L7
-    { "from": "R13C6", "to": "R13C7" }, { "from": "R15C6", "to": "R13C7" },
-    // L7 -> L7 (more items)
-    { "from": "R13C7", "to": "R14C7" }, { "from": "R13C7", "to": "R15C7" },
-    // L7 -> L8
-    { "from": "R14C7", "to": "R14C8" }, { "from": "R15C7", "to": "R14C8" },
-    // L8 -> L9
-    { "from": "R14C8", "to": "R14C9" },
-
-    // VIRTUALIZATION
-    // L1 -> L2
-    { "from": "R17C1", "to": "R16C2" }, { "from": "R17C1", "to": "R18C2" },
-    // L2 -> L3
-    { "from": "R16C2", "to": "R16C3" }, { "from": "R18C2", "to": "R18C3" },
-    // L3 -> L6
-    { "from": "R16C3", "to": "R16C6" }, { "from": "R18C3", "to": "R17C6" }, { "from": "R18C3", "to": "R18C6" },
-    // L6 -> L7
-    { "from": "R16C6", "to": "R16C7" }, { "from": "R17C6", "to": "R17C7" },
-    // L7 -> L8
-    { "from": "R17C7", "to": "R18C8" },
-
-    // MANUAL TESTING
-    // L1 -> L2
-    { "from": "R20C1", "to": "R19C2" }, { "from": "R20C1", "to": "R21C2" },
-    // L2 -> L3
-    { "from": "R19C2", "to": "R19C3" }, { "from": "R21C2", "to": "R21C3" },
-    // L3 -> L4
-    { "from": "R21C3", "to": "R20C4" },
-    // L4 -> L5
-    { "from": "R20C4", "to": "R19C5" }, { "from": "R20C4", "to": "R21C5" },
-    // L5 -> L6
-    { "from": "R19C5", "to": "R19C6" }, { "from": "R21C5", "to": "R21C6" },
-    // L6 -> L8
-    { "from": "R19C6", "to": "R19C8" }, { "from": "R21C6", "to": "R21C8" },
-
-    // TEST MANAGEMENT
-    // L1 -> L2
-    { "from": "R23C1", "to": "R22C2" }, { "from": "R23C1", "to": "R24C2" },
-    // L2 -> L3
-    { "from": "R22C2", "to": "R23C3" }, { "from": "R24C2", "to": "R23C3" },
-    // L3 -> L4
-    { "from": "R23C3", "to": "R23C4" },
-    // L4 -> L5
-    { "from": "R23C4", "to": "R23C5" },
-    // L5 -> L6
-    { "from": "R23C5", "to": "R23C6" },
-    // L6 -> L7
-    { "from": "R23C6", "to": "R23C7" },
-    // L7 -> L8
-    { "from": "R23C7", "to": "R23C8" },
-
-    // --- CROSS-BRANCH CONNECTIONS (The Trunk) ---
-    // Code (Config) -> Unit Test L1 (Basis)
-    { "from": "R1C1", "to": "R4C1" },
-    // Code (Config) -> Build L1 (Basis)
-    { "from": "R1C1", "to": "R7C1" },
-    // Unit L1 (Test Auto) -> Build L2 (Often integrated)
-    { "from": "R4C1", "to": "R7C2" },
-    // Unit L2 (Regression) -> Build L3 (Fast Feedback)
-    { "from": "R5C2", "to": "R7C3" },
-    // Build L4 (Build Once) -> Deploy L5 (Std Pre-UAT)
-    { "from": "R7C4", "to": "R12C5" },
-    // Build L5 (Artifact Repo) -> Deploy L5 (Rollback)
-    { "from": "R7C5", "to": "R10C5" },
-    // Config L2 (Toggles) -> Build L6 (Triggers)
-    { "from": "R2C2", "to": "R7C6" },
-    // Build L7 (CI) -> Deploy L7 (Auto Deploy Integration)
-    { "from": "R7C7", "to": "R10C7" },
-    // Deploy L1 (Data) -> Test Auto L4 (Auto Data)
-    { "from": "R10C1", "to": "R13C4" },
-    // Virt L1 (Services) -> Test Auto L1 (Dependencies)
-    { "from": "R17C1", "to": "R13C1" },
-    // Manual L1 (Regression) -> Test Auto L1 (Base for automation)
-    { "from": "R20C1", "to": "R13C1" }
+    { "from": "R1C3", "to": "R1C5" }, { "from": "R1C2", "to": "R2C4" }, { "from": "R1C5", "to": "R1C6" }, { "from": "R1C6", "to": "R1C7" }, { "from": "R1C7", "to": "R1C8" }, { "from": "R1C2", "to": "R2C3" }, { "from": "R1C2", "to": "R3C3" }, { "from": "R3C3", "to": "R3C4" }, { "from": "R2C3", "to": "R1C5" }, { "from": "R2C4", "to": "R2C5" }, { "from": "R3C4", "to": "R3C5" }, { "from": "R1C5", "to": "R7C7" }, { "from": "R3C5", "to": "R7C7" }, { "from": "R4C2", "to": "R4C3" }, { "from": "R4C3", "to": "R4C4" }, { "from": "R4C4", "to": "R4C5" }, { "from": "R4C2", "to": "R5C3" }, { "from": "R4C2", "to": "R6C3" }, { "from": "R6C3", "to": "R7C4" }, { "from": "R5C3", "to": "R7C4" }, { "from": "R7C2", "to": "R7C3" }, { "from": "R7C3", "to": "R7C4" }, { "from": "R7C4", "to": "R7C5" }, { "from": "R7C5", "to": "R7C7" }, { "from": "R7C7", "to": "R7C8" }, { "from": "R7C2", "to": "R8C3" }, { "from": "R7C2", "to": "R9C3" }, { "from": "R7C5", "to": "R8C5" }, { "from": "R7C4", "to": "R8C5" }, { "from": "R7C7", "to": "R10C8" }, { "from": "R7C5", "to": "R8C6" }, { "from": "R8C3", "to": "R7C4" }, { "from": "R8C6", "to": "R7C7" }, { "from": "R8C6", "to": "R8C7" }, { "from": "R8C5", "to": "R10C6" }, { "from": "R10C6", "to": "R10C7" }, { "from": "R10C6", "to": "R7C8" }, { "from": "R10C7", "to": "R10C8" }, { "from": "R10C8", "to": "R10C9" }, { "from": "R10C9", "to": "R11C10" }, { "from": "R12C7", "to": "R12C8" }, { "from": "R12C8", "to": "R12C9" }, { "from": "R12C9", "to": "R11C10" }, { "from": "R10C2", "to": "R10C3" }, { "from": "R10C3", "to": "R10C6" }, { "from": "R12C6", "to": "R12C7" }, { "from": "R7C8", "to": "R10C8" }, { "from": "R10C7", "to": "R12C7" }, { "from": "R12C7", "to": "R10C8" }, { "from": "R10C2", "to": "R12C3" }, { "from": "R8C5", "to": "R12C6" }, { "from": "R10C8", "to": "R12C8" }, { "from": "R10C7", "to": "R12C8" }, { "from": "R12C3", "to": "R12C6" }, { "from": "R13C2", "to": "R13C4" }, { "from": "R13C4", "to": "R13C5" }, { "from": "R15C4", "to": "R15C6" }, { "from": "R13C5", "to": "R14C7" }, { "from": "R14C7", "to": "R13C8" }, { "from": "R14C6", "to": "R13C6" }, { "from": "R14C8", "to": "R14C9" }, { "from": "R14C9", "to": "R14C10" }, { "from": "R13C2", "to": "R15C4" }, { "from": "R13C2", "to": "R13C6" }, { "from": "R15C5", "to": "R15C8" }, { "from": "R16C2", "to": "R15C6" }, { "from": "R14C7", "to": "R14C8" }, { "from": "R14C8", "to": "R15C8" }, { "from": "R15C6", "to": "R14C8" }, { "from": "R13C8", "to": "R14C10" }, { "from": "R16C2", "to": "R16C3" }, { "from": "R16C3", "to": "R16C4" }, { "from": "R17C3", "to": "R17C4" }, { "from": "R16C4", "to": "R16C7" }, { "from": "R16C7", "to": "R16C8" }, { "from": "R16C8", "to": "R16C9" }, { "from": "R16C9", "to": "R14C10" }, { "from": "R16C2", "to": "R18C7" }, { "from": "R17C7", "to": "R18C8" }, { "from": "R18C7", "to": "R18C8" }, { "from": "R18C8", "to": "R12C9" }, { "from": "R17C4", "to": "R16C7" }, { "from": "R19C2", "to": "R19C3" }, { "from": "R19C6", "to": "R15C5" }, { "from": "R19C2", "to": "R21C5" }, { "from": "R19C2", "to": "R20C3" }, { "from": "R20C3", "to": "R20C4" }, { "from": "R13C4", "to": "R19C4" }, { "from": "R13C4", "to": "R20C4" }, { "from": "R20C4", "to": "R20C6" }, { "from": "R20C4", "to": "R19C6" }, { "from": "R20C6", "to": "R20C9" }, { "from": "R21C5", "to": "R21C7" }, { "from": "R21C7", "to": "R21C9" }, { "from": "R21C7", "to": "R19C7" }, { "from": "R19C7", "to": "R15C7" }, { "from": "R19C2", "to": "R23C3" }, { "from": "R20C9", "to": "R14C9" }, { "from": "R22C2", "to": "R22C3" }, { "from": "R22C3", "to": "R14C6" }, { "from": "R22C7", "to": "R22C8" }, { "from": "R22C5", "to": "R22C7" }, { "from": "R22C8", "to": "R22C9" }, { "from": "R22C3", "to": "R22C5" }, { "from": "R23C3", "to": "R23C4" }, { "from": "R22C9", "to": "R14C10" }, { "from": "R23C4", "to": "R23C6" },
+    { "from": "R4C5", "to": "R6C5" }, { "from": "R6C5", "to": "R7C8" }, 
+    { "from": "R8C6", "to": "R9C7" }, { "from": "R9C7", "to": "R12C7" },
+    { "from": "R16C7", "to": "R17C7" }, { "from": "R17C7", "to": "R18C8" },
+    { "from": "R13C6", "to": "R18C7" }, { "from": "R18C7", "to": "R18C8" },
+    { "from": "R23C6", "to": "R20C9" }, { "from": "R15C8", "to": "R14C9" }
   ]
 };
diff --git a/data/framework.ts b/data/framework.ts
index 87d6446..19cc3e8 100644
--- a/data/framework.ts
+++ b/data/framework.ts
@@ -1,5 +1,5 @@
 
-import { Branch, BlogPost } from '../types';
+import { Branch, BlogPost } from '../src/types';
 
 export const branches: Branch[] = [
   {
@@ -18,6 +18,10 @@ export const branches: Branch[] = [
       { id: 5, title: { de: "Zentrales Feature-Toggle-Framework", en: "Central Feature Toggle Framework" }, description: { de: "Einheitliche Steuerung, Transparenz und Lebenszyklusmanagement aller Toggles.", en: "Unified control, transparency, and lifecycle management of all toggles." }, tools: ["LaunchDarkly"] },
       { id: 6, title: { de: "Centralized Feature Toggle Management", en: "Centralized Feature Toggle Management" }, description: { de: "Metadatengetriebenes Toggle-Management und Integration in Observability.", en: "Metadata-driven toggle management and integration into observability." }, tools: [] },
       { id: 7, title: { de: "Progressive Exposure via Audience Targeting", en: "Progressive Exposure via Audience Targeting" }, description: { de: "Sichere Experimente in Produktion durch gezielte Nutzergruppen.", en: "Safe experiments in production through targeted user groups." }, tools: [] },
+      { id: 8, title: { de: "Infrastructure as Code (IaC) Versioning", en: "Infrastructure as Code (IaC) Versioning" }, description: { de: "Infrastruktur-Definitionen als versionierter Code.", en: "Infrastructure definitions as versioned code." }, tools: ["Terraform"] },
+      { id: 8, title: { de: "Configuration Drift Detection", en: "Configuration Drift Detection" }, description: { de: "Automatische Erkennung von Abweichungen zwischen Code und Realität.", en: "Automatic detection of drift between code and reality." }, tools: [] },
+      { id: 9, title: { de: "Automated Compliance as Code", en: "Automated Compliance as Code" }, description: { de: "Compliance-Regeln als ausführbarer Code.", en: "Compliance rules as executable code." }, tools: ["OPA"] },
+      { id: 9, title: { de: "AI-Driven Configuration Optimization", en: "AI-Driven Configuration Optimization" }, description: { de: "KI-gestützte Optimierung von Konfigurationen.", en: "AI-supported optimization of configurations." }, tools: [] }
     ]
   },
   {
@@ -34,6 +38,12 @@ export const branches: Branch[] = [
       { id: 3, title: { de: "Unit-Test-Abdeckung: 25–80 %", en: "Unit Test Coverage: 25–80%" }, description: { de: "Breitere Abdeckung kritischer Pfade und Geschäftslogik.", en: "Broader coverage of critical paths and business logic." }, tools: ["JaCoCo"] },
       { id: 4, title: { de: "Unit-Test-Abdeckung > 80 %", en: "Unit Test Coverage > 80%" }, description: { de: "Maximale Sicherheit durch Absicherung fast aller Codepfade inkl. Randfälle.", en: "Maximum security by covering almost all code paths including edge cases." }, tools: [] },
       { id: 5, title: { de: "Test-Driven Development (TDD)", en: "Test-Driven Development (TDD)" }, description: { de: "Tests werden vor dem Code geschrieben (Rot-Grün-Refactor).", en: "Tests are written before code (Red-Green-Refactor)." }, tools: [] },
+      { id: 6, title: { de: "Mutation Testing", en: "Mutation Testing" }, description: { de: "Überprüfung der Testqualität durch gezielte Code-Mutationen.", en: "Checking test quality through targeted code mutations." }, tools: ["Pitest"] },
+      { id: 7, title: { de: "Behavior-Driven Development (BDD)", en: "Behavior-Driven Development (BDD)" }, description: { de: "Tests basierend auf erwartetem Verhalten.", en: "Tests based on expected behavior." }, tools: ["Cucumber"] },
+      { id: 7, title: { de: "Property-Based Testing", en: "Property-Based Testing" }, description: { de: "Generierung von Testfällen basierend auf Eigenschaften.", en: "Generation of test cases based on properties." }, tools: [] },
+      { id: 8, title: { de: "Automated Test Maintenance", en: "Automated Test Maintenance" }, description: { de: "Automatische Aktualisierung von Tests bei Code-Änderungen.", en: "Automatic update of tests on code changes." }, tools: [] },
+      { id: 9, title: { de: "AI-Assisted Test Generation", en: "AI-Assisted Test Generation" }, description: { de: "KI-gestützte Generierung von Unit-Tests.", en: "AI-supported generation of unit tests." }, tools: ["GitHub Copilot"] },
+      { id: 9, title: { de: "Predictive Test Selection", en: "Predictive Test Selection" }, description: { de: "Auswahl der relevantesten Tests durch Machine Learning.", en: "Selection of the most relevant tests through machine learning." }, tools: [] }
     ]
   },
   {
@@ -52,6 +62,10 @@ export const branches: Branch[] = [
       { id: 5, title: { de: "Build Artifact Repository", en: "Build Artifact Repository" }, description: { de: "Zentrale Verwaltung versionierter Artefakte.", en: "Central management of versioned artifacts." }, tools: ["Nexus", "Artifactory"] },
       { id: 6, title: { de: "Build on Commit", en: "Build on Commit" }, description: { de: "SCM-Trigger, Performance Monitoring und Advanced Configuration Management.", en: "SCM triggers, performance monitoring, and advanced configuration management." }, tools: [] },
       { id: 7, title: { de: "Continuous Integration (CI)", en: "Continuous Integration (CI)" }, description: { de: "Jeder Commit ein potenzieller Release-Kandidat. Vollständige Automatisierung.", en: "Every commit is a potential release candidate. Full automation." }, tools: [] },
+      { id: 8, title: { de: "Reproducible Builds", en: "Reproducible Builds" }, description: { de: "Garantierte Reproduzierbarkeit von Builds.", en: "Guaranteed reproducibility of builds." }, tools: [] },
+      { id: 8, title: { de: "Distributed Build Caching", en: "Distributed Build Caching" }, description: { de: "Beschleunigung durch verteiltes Caching.", en: "Acceleration through distributed caching." }, tools: [] },
+      { id: 9, title: { de: "Build Pipeline as Code", en: "Build Pipeline as Code" }, description: { de: "Pipelines als versionierter Code.", en: "Pipelines as versioned code." }, tools: [] },
+      { id: 9, title: { de: "AI-Optimized Build Pipelines", en: "AI-Optimized Build Pipelines" }, description: { de: "KI-gestützte Optimierung von Build-Zeiten.", en: "AI-supported optimization of build times." }, tools: [] }
     ]
   },
   {
@@ -65,11 +79,15 @@ export const branches: Branch[] = [
     levels: [
       { id: 1, title: { de: "Automatisierte Bereitstellung statischer Testdaten", en: "Automated Provisioning of Static Test Data" }, description: { de: "Datenfundament für realistische Tests.", en: "Data foundation for realistic tests." }, tools: [] },
       { id: 2, title: { de: "Automatisierte Validierung", en: "Automated Validation" }, description: { de: "Post-Deployment Smoke Tests und automatisiertes Datenbank-Deployment.", en: "Post-deployment smoke tests and automated database deployment." }, tools: ["Flyway"] },
+      { id: 3, title: { de: "Blue-Green Deployments", en: "Blue-Green Deployments" }, description: { de: "Nahtlose Deployments ohne Downtime.", en: "Seamless deployments without downtime." }, tools: [] },
+      { id: 4, title: { de: "Canary Releases", en: "Canary Releases" }, description: { de: "Schrittweise Ausrollung an Nutzergruppen.", en: "Gradual rollout to user groups." }, tools: [] },
       { id: 5, title: { de: "Standardisierung und Resilienz", en: "Standardization and Resilience" }, description: { de: "Automatisiertes Rollback und standardisierte Deployments in Pre-UAT.", en: "Automated rollback and standardized deployments in Pre-UAT." }, tools: [] },
       { id: 6, title: { de: "Standardisierte Deployments überall", en: "Standardized Deployments Everywhere" }, description: { de: "Einheitliche Prozesse für alle Umgebungen inkl. Produktion.", en: "Unified processes for all environments including production." }, tools: [] },
       { id: 7, title: { de: "Gesteuerte UAT & Promotion", en: "Controlled UAT & Promotion" }, description: { de: "Self-Service in UAT und Auto-Deploy nach Quality Gate.", en: "Self-service in UAT and auto-deploy after quality gate." }, tools: [] },
       { id: 8, title: { de: "Produktionsreife Automatisierung", en: "Production-Ready Automation" }, description: { de: "Self-Service Deployments in Production und Auto-Deploy in UAT bei Check-in.", en: "Self-service deployments in production and auto-deploy in UAT on check-in." }, tools: [] },
       { id: 9, title: { de: "Continuous Delivery", en: "Continuous Delivery" }, description: { de: "Jede Änderung kann automatisch und sicher in Produktion gehen.", en: "Every change can automatically and safely go to production." }, tools: [] },
+      { id: 9, title: { de: "GitOps Deployment", en: "GitOps Deployment" }, description: { de: "Infrastruktur und Deployments über Git gesteuert.", en: "Infrastructure and deployments managed via Git." }, tools: ["ArgoCD"] },
+      { id: 9, title: { de: "AI-Driven Rollback & Recovery", en: "AI-Driven Rollback & Recovery" }, description: { de: "Automatische Fehlererkennung und Rollback.", en: "Automatic error detection and rollback." }, tools: [] }
     ]
   },
   {
@@ -86,10 +104,13 @@ export const branches: Branch[] = [
       { id: 3, title: { de: "Integration und Sanity", en: "Integration and Sanity" }, description: { de: "Automatisierte Sanity-Regression und Akzeptanztests für mehrere Anwendungen.", en: "Automated sanity regression and acceptance tests for multiple applications." }, tools: [] },
       { id: 4, title: { de: "Automatisierte Testdatenbereitstellung", en: "Automated Test Data Provisioning" }, description: { de: "Für integrierte Umgebungen mit abgestimmten Daten.", en: "For integrated environments with aligned data." }, tools: ["Delphix"] },
       { id: 5, title: { de: "Automatisiertes Progressionstesting", en: "Automated Progression Testing" }, description: { de: "Inklusive Last-, Stress- und Security-Testing in Pre-UAT.", en: "Including load, stress, and security testing in Pre-UAT." }, tools: ["JMeter", "OWASP ZAP"] },
+      { id: 5, title: { de: "Visual Regression Testing", en: "Visual Regression Testing" }, description: { de: "Automatisierte Prüfung der Benutzeroberfläche auf visuelle Abweichungen.", en: "Automated checking of the user interface for visual deviations." }, tools: ["Applitools"] },
       { id: 6, title: { de: "Accessibility & Synthetic Data", en: "Accessibility & Synthetic Data" }, description: { de: "Automatisiertes Accessibility Testing und Self-Service Testdaten.", en: "Automated accessibility testing and self-service test data." }, tools: ["Axe", "Mockaroo"] },
+      { id: 6, title: { de: "API Contract Testing", en: "API Contract Testing" }, description: { de: "Sicherstellung der Kompatibilität zwischen Microservices.", en: "Ensuring compatibility between microservices." }, tools: ["Pact"] },
       { id: 7, title: { de: "Integration in UAT", en: "Integration in UAT" }, description: { de: "Automatisierte Akzeptanz- und Progressionstests in UAT und Systemverifikation.", en: "Automated acceptance and progression tests in UAT and system verification." }, tools: [] },
       { id: 8, title: { de: "Automatisiertes Abnahmetesten", en: "Automated Acceptance Testing" }, description: { de: "Validierung der Business-Kriterien in UAT.", en: "Validation of business criteria in UAT." }, tools: [] },
       { id: 9, title: { de: "AI-Testautomatisierung", en: "AI Test Automation" }, description: { de: "KI-gestützte Testautomatisierung, Self-Healing und Analytik.", en: "AI-supported test automation, self-healing, and analytics." }, tools: ["Applitools"] },
+      { id: 9, title: { de: "Chaos Engineering", en: "Chaos Engineering" }, description: { de: "Proaktives Testen der Systemresilienz durch Fehler-Injektion.", en: "Proactive testing of system resilience through fault injection." }, tools: ["Gremlin"] }
     ]
   },
   {
@@ -104,9 +125,14 @@ export const branches: Branch[] = [
       { id: 1, title: { de: "Virtuelle Services / Smart Stubs", en: "Virtual Services / Smart Stubs" }, description: { de: "Simulation realer Services für unterbrechungsfreies Arbeiten.", en: "Simulation of real services for uninterrupted work." }, tools: ["WireMock"] },
       { id: 2, title: { de: "Automatisierte Infrastruktur", en: "Automated Infrastructure" }, description: { de: "Bereitstellung von Umgebungen als Code und strategischer Einsatz.", en: "Provisioning of environments as code and strategic usage." }, tools: ["Terraform"] },
       { id: 3, title: { de: "Self-Service & Middleware", en: "Self-Service & Middleware" }, description: { de: "Self-Service Virtual Services und automatisierte Middleware-Provisionierung.", en: "Self-service virtual services and automated middleware provisioning." }, tools: ["Ansible"] },
+      { id: 4, title: { de: "Containerized Test Environments", en: "Containerized Test Environments" }, description: { de: "Isolierte Testumgebungen in Containern.", en: "Isolated test environments in containers." }, tools: ["Docker"] },
+      { id: 5, title: { de: "Ephemeral Environments", en: "Ephemeral Environments" }, description: { de: "Kurzlebige Umgebungen pro Pull-Request.", en: "Short-lived environments per pull request." }, tools: [] },
       { id: 6, title: { de: "Dynamische Skalierung", en: "Dynamic Scaling" }, description: { de: "Automatisierte Testumgebungen auf virtueller Infrastruktur.", en: "Automated test environments on virtual infrastructure." }, tools: ["Kubernetes"] },
       { id: 7, title: { de: "Integration & Fortgeschrittene Automatisierung", en: "Integration & Advanced Automation" }, description: { de: "Virtuelle Services in CI-Pipelines integriert.", en: "Virtual services integrated into CI pipelines." }, tools: [] },
       { id: 8, title: { de: "Integrierte Testumgebungen", en: "Integrated Test Environments" }, description: { de: "Automatisierte Bereitstellung komplexer Systemlandschaften.", en: "Automated provisioning of complex system landscapes." }, tools: [] },
+      { id: 8, title: { de: "Service Mesh Simulation", en: "Service Mesh Simulation" }, description: { de: "Simulation von Netzwerkverhalten und Latenzen.", en: "Simulation of network behavior and latencies." }, tools: ["Istio"] },
+      { id: 9, title: { de: "Production Traffic Replay", en: "Production Traffic Replay" }, description: { de: "Testen mit echtem Produktions-Traffic in isolierten Umgebungen.", en: "Testing with real production traffic in isolated environments." }, tools: [] },
+      { id: 9, title: { de: "AI-Driven Environment Provisioning", en: "AI-Driven Environment Provisioning" }, description: { de: "KI-gesteuerte Bereitstellung optimaler Testumgebungen.", en: "AI-driven provisioning of optimal test environments." }, tools: [] }
     ]
   },
   {
@@ -124,7 +150,11 @@ export const branches: Branch[] = [
       { id: 4, title: { de: "Qualitätsreviews", en: "Quality Reviews" }, description: { de: "Strukturierte Reviews von Regressionstest-Sets.", en: "Structured reviews of regression test sets." }, tools: [] },
       { id: 5, title: { de: "Kontextgetriebenes Testen", en: "Context-Driven Testing" }, description: { de: "Low Code / KI-unterstütztes manuelles Testen.", en: "Low Code / AI-supported manual testing." }, tools: [] },
       { id: 6, title: { de: "UX & Inklusivität", en: "UX & Inclusivity" }, description: { de: "Richtlinien für UX, Inklusivität und Produktqualitätsreviews.", en: "Guidelines for UX, inclusivity, and product quality reviews." }, tools: [] },
+      { id: 7, title: { de: "Crowdtesting", en: "Crowdtesting" }, description: { de: "Testen durch eine breite Nutzerbasis unter realen Bedingungen.", en: "Testing by a broad user base under real conditions." }, tools: [] },
       { id: 8, title: { de: "Umfassendes Qualitätsengineering", en: "Comprehensive Quality Engineering" }, description: { de: "Sprint Testing in agilen Projekten und Produktstreams.", en: "Sprint testing in agile projects and product streams." }, tools: [] },
+      { id: 8, title: { de: "Session-Based Testing", en: "Session-Based Testing" }, description: { de: "Strukturiertes exploratives Testen in zeitlich begrenzten Sessions.", en: "Structured exploratory testing in time-boxed sessions." }, tools: [] },
+      { id: 9, title: { de: "Usability Lab Testing", en: "Usability Lab Testing" }, description: { de: "Detaillierte Analyse der Nutzerinteraktion im Labor.", en: "Detailed analysis of user interaction in the lab." }, tools: [] },
+      { id: 9, title: { de: "AI-Assisted Exploratory Testing", en: "AI-Assisted Exploratory Testing" }, description: { de: "KI-Unterstützung bei der Testfallfindung und Dokumentation.", en: "AI support in test case discovery and documentation." }, tools: [] }
     ]
   },
   {
@@ -144,6 +174,10 @@ export const branches: Branch[] = [
       { id: 6, title: { de: "Automated Cross-Siled Reports", en: "Automated Cross-Siled Reports" }, description: { de: "Automatisierte Berichte über Abteilungsgrenzen hinweg.", en: "Automated reports across department boundaries." }, tools: [] },
       { id: 7, title: { de: "Real-Time Graphs", en: "Real-Time Graphs" }, description: { de: "Echtzeit-Trends über die Zeit.", en: "Real-time trends over time." }, tools: ["Grafana"] },
       { id: 8, title: { de: "Self-Service Reports", en: "Self-Service Reports" }, description: { de: "Dashboards für alle Stakeholder.", en: "Dashboards for all stakeholders." }, tools: [] },
+      { id: 8, title: { de: "Value Stream Mapping", en: "Value Stream Mapping" }, description: { de: "Visualisierung und Optimierung des Wertstroms.", en: "Visualization and optimization of the value stream." }, tools: [] },
+      { id: 9, title: { de: "Predictive Quality Analytics", en: "Predictive Quality Analytics" }, description: { de: "Vorhersage von Qualitätsproblemen basierend auf historischen Daten.", en: "Prediction of quality issues based on historical data." }, tools: [] },
+      { id: 9, title: { de: "AI-Driven Defect Triage", en: "AI-Driven Defect Triage" }, description: { de: "Automatische Klassifizierung und Zuweisung von Fehlern.", en: "Automatic classification and assignment of defects." }, tools: [] },
+      { id: 9, title: { de: "Continuous Quality Governance", en: "Continuous Quality Governance" }, description: { de: "Automatisierte Überwachung der Qualitätsrichtlinien.", en: "Automated monitoring of quality guidelines." }, tools: [] }
     ]
   }
 ];
diff --git a/firebaseConfig.ts b/firebaseConfig.ts
index 7ddcd6a..0e2cf32 100644
--- a/firebaseConfig.ts
+++ b/firebaseConfig.ts
@@ -1,34 +1,16 @@
-
 import { initializeApp } from "firebase/app";
 import { getFirestore } from "firebase/firestore";
-
-// Zugriff auf Vite Environment Variables
-const env = (import.meta as any).env || {};
+import { getAuth } from "firebase/auth";
 
 const firebaseConfig = {
-  apiKey: env.VITE_FIREBASE_API_KEY,
-  authDomain: env.VITE_FIREBASE_AUTH_DOMAIN,
-  projectId: env.VITE_FIREBASE_PROJECT_ID,
-  storageBucket: env.VITE_FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-  appId: env.VITE_FIREBASE_APP_ID
+  apiKey: import.meta.env.VITE_FIREBASE_API_KEY || "dummy",
+  authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN || "dummy",
+  projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID || "dummy",
+  storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET || "dummy",
+  messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID || "dummy",
+  appId: import.meta.env.VITE_FIREBASE_APP_ID || "dummy"
 };
 
-// Initialisierung
-let app;
-let db: any;
-
-try {
-  // Wir initialisieren nur, wenn Config da ist, um Abstürze zu vermeiden
-  if (firebaseConfig.apiKey && firebaseConfig.projectId) {
-    app = initializeApp(firebaseConfig);
-    db = getFirestore(app);
-    console.log("Firebase initialized.");
-  } else {
-    console.warn("Firebase Config missing. App running in offline mode.");
-  }
-} catch (e) {
-  console.error("Firebase Init Error:", e);
-}
-
-export { db };
+const app = initializeApp(firebaseConfig);
+export const db = getFirestore(app);
+export const auth = getAuth(app);
diff --git a/ids.txt b/ids.txt
new file mode 100644
index 0000000..cf7ff2e
--- /dev/null
+++ b/ids.txt
@@ -0,0 +1,90 @@
+"id": "R10C2"
+"id": "R10C3"
+"id": "R10C6"
+"id": "R10C7"
+"id": "R10C8"
+"id": "R10C9"
+"id": "R11C10"
+"id": "R12C3"
+"id": "R12C6"
+"id": "R12C7"
+"id": "R12C8"
+"id": "R12C9"
+"id": "R13C2"
+"id": "R13C4"
+"id": "R13C5"
+"id": "R13C6"
+"id": "R13C8"
+"id": "R14C10"
+"id": "R14C6"
+"id": "R14C7"
+"id": "R14C8"
+"id": "R14C9"
+"id": "R15C4"
+"id": "R15C5"
+"id": "R15C6"
+"id": "R15C7"
+"id": "R15C8"
+"id": "R16C2"
+"id": "R16C3"
+"id": "R16C4"
+"id": "R16C7"
+"id": "R16C8"
+"id": "R16C9"
+"id": "R17C3"
+"id": "R17C4"
+"id": "R17C7"
+"id": "R18C7"
+"id": "R18C8"
+"id": "R19C2"
+"id": "R19C3"
+"id": "R19C4"
+"id": "R19C6"
+"id": "R19C7"
+"id": "R1C2"
+"id": "R1C3"
+"id": "R1C5"
+"id": "R1C6"
+"id": "R1C7"
+"id": "R1C8"
+"id": "R20C3"
+"id": "R20C4"
+"id": "R20C6"
+"id": "R20C9"
+"id": "R21C5"
+"id": "R21C7"
+"id": "R21C9"
+"id": "R22C2"
+"id": "R22C3"
+"id": "R22C5"
+"id": "R22C7"
+"id": "R22C8"
+"id": "R22C9"
+"id": "R23C3"
+"id": "R23C4"
+"id": "R23C6"
+"id": "R2C3"
+"id": "R2C4"
+"id": "R2C5"
+"id": "R3C3"
+"id": "R3C4"
+"id": "R3C5"
+"id": "R4C2"
+"id": "R4C3"
+"id": "R4C4"
+"id": "R4C5"
+"id": "R5C3"
+"id": "R6C3"
+"id": "R6C5"
+"id": "R7C2"
+"id": "R7C3"
+"id": "R7C4"
+"id": "R7C5"
+"id": "R7C7"
+"id": "R7C8"
+"id": "R8C3"
+"id": "R8C5"
+"id": "R8C6"
+"id": "R8C7"
+"id": "R9C3"
+"id": "R9C7"
diff --git a/index.html b/index.html
index f155236..40d3c57 100644
--- a/index.html
+++ b/index.html
@@ -103,10 +103,9 @@
   }
 }
 </script>
-<link rel="stylesheet" href="/index.css">
 </head>
   <body class="bg-slate-50 text-slate-900 antialiased selection:bg-brand-100 selection:text-brand-900 scroll-smooth transition-colors duration-300">
     <div id="root"></div>
-    <script type="module" src="/index.tsx"></script>
+    <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/metadata.json b/metadata.json
index cc03c6b..93a7a3e 100644
--- a/metadata.json
+++ b/metadata.json
@@ -1,5 +1,5 @@
 {
-  "name": "quality-tree.com",
+  "name": "Remix: quality-tree.com",
   "description": "The official digital representation of the Quality Tree Framework by Serge Baumberger. A strategic blueprint for software quality, growth, and automation.",
   "requestFramePermissions": []
 }
\ No newline at end of file
diff --git a/netlify.toml b/netlify.toml
index f71fcb0..12accea 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,18 +1,10 @@
-
 [build]
   command = "npm run build"
   publish = "dist"
 
 [build.environment]
-  # Disable secrets scanning to avoid false positives from Firebase SDK node_modules
   SECRETS_SCAN_SMART_DETECTION_ENABLED = "false"
 
-[dev]
-  command = "npm run dev"
-  targetPort = 5173
-
-# Catch-all redirect for React Router (Single Page Application Support)
-# Das ist wichtig, damit z.B. /blog/mein-artikel beim Neuladen funktioniert.
 [[redirects]]
   from = "/*"
   to = "/index.html"
diff --git a/package-lock.json b/package-lock.json
index ad89393..71882cf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "canvas-confetti": "^1.9.2",
         "firebase": "^10.9.0",
+        "framer-motion": "^12.35.1",
         "lucide-react": "^0.363.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
@@ -22,7 +23,8 @@
         "@types/react-dom": "^18.2.22",
         "@vitejs/plugin-react": "^4.2.1",
         "typescript": "^5.2.2",
-        "vite": "^5.2.0"
+        "vite": "^5.2.0",
+        "vite-plugin-singlefile": "^2.3.0"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -307,405 +309,210 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
+    "node_modules/@esbuild/linux-x64": {
       "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
-        "arm"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "android"
+        "linux"
       ],
       "engines": {
         "node": ">=12"
       }
     },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/analytics": {
+      "version": "0.10.8",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.8.tgz",
+      "integrity": "sha512-CVnHcS4iRJPqtIDc411+UmFldk0ShSK3OB+D0bKD8Ck5Vro6dbK5+APZpkuWpbfdL359DIQUnAaMLE+zs/PVyA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/component": "0.6.9",
+        "@firebase/installations": "0.6.9",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
       }
     },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/analytics-compat": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.14.tgz",
+      "integrity": "sha512-unRVY6SvRqfNFIAA/kwl4vK+lvQAL2HVcgu9zTrUtTyYDmtIt/lOuHJynBMYEgLnKm39YKBDhtqdapP2e++ASw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/analytics": "0.10.8",
+        "@firebase/analytics-types": "0.8.2",
+        "@firebase/component": "0.6.9",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
       }
     },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/@firebase/analytics-types": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.8.2.tgz",
+      "integrity": "sha512-EnzNNLh+9/sJsimsA/FGqzakmrAUKLeJvjRHlg8df1f97NLUlFidk9600y0ZgWOp3CAxn6Hjtk+08tixlUOWyw==",
+      "license": "Apache-2.0"
     },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/app": {
+      "version": "0.10.13",
+      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.13.tgz",
+      "integrity": "sha512-OZiDAEK/lDB6xy/XzYAyJJkaDqmQ+BCtOEPLqFvxWKUz5JbBmej7IiiRHdtiIOD/twW7O5AxVsfaaGA/V1bNsA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/component": "0.6.9",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.10.0",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
       }
     },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/app-check": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.8.tgz",
+      "integrity": "sha512-O49RGF1xj7k6BuhxGpHmqOW5hqBIAEbt2q6POW0lIywx7emYtzPDeQI+ryQpC4zbKX646SoVZ711TN1DBLNSOQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/component": "0.6.9",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
       }
     },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/app-check-compat": {
+      "version": "0.3.15",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.15.tgz",
+      "integrity": "sha512-zFIvIFFNqDXpOT2huorz9cwf56VT3oJYRFjSFYdSbGYEJYEaXjLJbfC79lx/zjx4Fh+yuN8pry3TtvwaevrGbg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/app-check": "0.8.8",
+        "@firebase/app-check-types": "0.5.2",
+        "@firebase/component": "0.6.9",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
       }
     },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/@firebase/app-check-interop-types": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-interop-types/-/app-check-interop-types-0.3.2.tgz",
+      "integrity": "sha512-LMs47Vinv2HBMZi49C09dJxp0QT5LwDzFaVGf/+ITHe3BlIhUiLNttkATSXplc89A2lAaeTqjgqVkiRfUGyQiQ==",
+      "license": "Apache-2.0"
     },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/@firebase/app-check-types": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-types/-/app-check-types-0.5.2.tgz",
+      "integrity": "sha512-FSOEzTzL5bLUbD2co3Zut46iyPWML6xc4x+78TeaXMSuJap5QObfb+rVvZJtla3asN4RwU7elaQaduP+HFizDA==",
+      "license": "Apache-2.0"
     },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/app-compat": {
+      "version": "0.2.43",
+      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.43.tgz",
+      "integrity": "sha512-HM96ZyIblXjAC7TzE8wIk2QhHlSvksYkQ4Ukh1GmEenzkucSNUmUX4QvoKrqeWsLEQ8hdcojABeCV8ybVyZmeg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/app": "0.10.13",
+        "@firebase/component": "0.6.9",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0"
       }
     },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/@firebase/app-types": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.2.tgz",
+      "integrity": "sha512-oMEZ1TDlBz479lmABwWsWjzHwheQKiAgnuKxE0pz0IXCVx7/rtlkx1fQ6GfgK24WCrxDKMplZrT50Kh04iMbXQ==",
+      "license": "Apache-2.0"
     },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/auth-compat": {
+      "version": "0.5.14",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.14.tgz",
+      "integrity": "sha512-2eczCSqBl1KUPJacZlFpQayvpilg3dxXLy9cSMTKtQMTQSmondUtPI47P3ikH3bQAXhzKLOE+qVxJ3/IRtu9pw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/auth": "1.7.9",
+        "@firebase/auth-types": "0.12.2",
+        "@firebase/component": "0.6.9",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0",
+        "undici": "6.19.7"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
       }
     },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/auth-compat/node_modules/@firebase/auth": {
+      "version": "1.7.9",
+      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.9.tgz",
+      "integrity": "sha512-yLD5095kVgDw965jepMyUrIgDklD6qH/BZNHeKOgvu7pchOKNjVM+zQoOVYJIKWMWOWBq8IRNVU6NXzBbozaJg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/component": "0.6.9",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0",
+        "undici": "6.19.7"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x",
+        "@react-native-async-storage/async-storage": "^1.18.1"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-async-storage/async-storage": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/@firebase/auth-interop-types": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.2.3.tgz",
+      "integrity": "sha512-Fc9wuJGgxoxQeavybiuwgyi+0rssr76b+nHpj+eGhXFYAdudMWyfBHvFL/I5fEHniUM/UQdFzi9VXJK2iZF7FQ==",
+      "license": "Apache-2.0"
     },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/auth-types": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.12.2.tgz",
+      "integrity": "sha512-qsEBaRMoGvHO10unlDJhaKSuPn4pyoTtlQuP1ghZfzB6rNQPuhp/N/DcFZxm9i4v0SogjCbf9reWupwIvfmH6w==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
       }
     },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
+    "node_modules/@firebase/component": {
+      "version": "0.6.9",
+      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.9.tgz",
+      "integrity": "sha512-gm8EUEJE/fEac86AvHn8Z/QW8BvR56TBw3hMW0O838J/1mThYQXAIQBgUv75EqlCZfdawpWLrKt1uXvp9ciK3Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/util": "1.10.0",
+        "tslib": "^2.1.0"
       }
     },
-    "node_modules/@firebase/analytics": {
-      "version": "0.10.8",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.8.tgz",
-      "integrity": "sha512-CVnHcS4iRJPqtIDc411+UmFldk0ShSK3OB+D0bKD8Ck5Vro6dbK5+APZpkuWpbfdL359DIQUnAaMLE+zs/PVyA==",
+    "node_modules/@firebase/data-connect": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@firebase/data-connect/-/data-connect-0.1.0.tgz",
+      "integrity": "sha512-vSe5s8dY13ilhLnfY0eYRmQsdTbH7PUFZtBbqU6JVX/j8Qp9A6G5gG6//ulbX9/1JFOF1IWNOne9c8S/DOCJaQ==",
       "license": "Apache-2.0",
       "dependencies": {
+        "@firebase/auth-interop-types": "0.2.3",
         "@firebase/component": "0.6.9",
-        "@firebase/installations": "0.6.9",
         "@firebase/logger": "0.4.2",
         "@firebase/util": "1.10.0",
         "tslib": "^2.1.0"
@@ -714,255 +521,76 @@
         "@firebase/app": "0.x"
       }
     },
-    "node_modules/@firebase/analytics-compat": {
-      "version": "0.2.14",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.14.tgz",
-      "integrity": "sha512-unRVY6SvRqfNFIAA/kwl4vK+lvQAL2HVcgu9zTrUtTyYDmtIt/lOuHJynBMYEgLnKm39YKBDhtqdapP2e++ASw==",
+    "node_modules/@firebase/database": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.8.tgz",
+      "integrity": "sha512-dzXALZeBI1U5TXt6619cv0+tgEhJiwlUtQ55WNZY7vGAjv7Q1QioV969iYwt1AQQ0ovHnEW0YW9TiBfefLvErg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@firebase/analytics": "0.10.8",
-        "@firebase/analytics-types": "0.8.2",
+        "@firebase/app-check-interop-types": "0.3.2",
+        "@firebase/auth-interop-types": "0.2.3",
         "@firebase/component": "0.6.9",
+        "@firebase/logger": "0.4.2",
         "@firebase/util": "1.10.0",
+        "faye-websocket": "0.11.4",
         "tslib": "^2.1.0"
-      },
-      "peerDependencies": {
-        "@firebase/app-compat": "0.x"
       }
     },
-    "node_modules/@firebase/analytics-types": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.8.2.tgz",
-      "integrity": "sha512-EnzNNLh+9/sJsimsA/FGqzakmrAUKLeJvjRHlg8df1f97NLUlFidk9600y0ZgWOp3CAxn6Hjtk+08tixlUOWyw==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/@firebase/app": {
-      "version": "0.10.13",
-      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.13.tgz",
-      "integrity": "sha512-OZiDAEK/lDB6xy/XzYAyJJkaDqmQ+BCtOEPLqFvxWKUz5JbBmej7IiiRHdtiIOD/twW7O5AxVsfaaGA/V1bNsA==",
+    "node_modules/@firebase/database-compat": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.8.tgz",
+      "integrity": "sha512-OpeWZoPE3sGIRPBKYnW9wLad25RaWbGyk7fFQe4xnJQKRzlynWeFBSRRAoLE2Old01WXwskUiucNqUUVlFsceg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@firebase/component": "0.6.9",
+        "@firebase/database": "1.0.8",
+        "@firebase/database-types": "1.0.5",
         "@firebase/logger": "0.4.2",
         "@firebase/util": "1.10.0",
-        "idb": "7.1.1",
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@firebase/app-check": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.8.tgz",
-      "integrity": "sha512-O49RGF1xj7k6BuhxGpHmqOW5hqBIAEbt2q6POW0lIywx7emYtzPDeQI+ryQpC4zbKX646SoVZ711TN1DBLNSOQ==",
+    "node_modules/@firebase/database-types": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.5.tgz",
+      "integrity": "sha512-fTlqCNwFYyq/C6W7AJ5OCuq5CeZuBEsEwptnVxlNPkWCo5cTTyukzAHRSO/jaQcItz33FfYrrFk1SJofcu2AaQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@firebase/app-types": "0.9.2",
+        "@firebase/util": "1.10.0"
+      }
+    },
+    "node_modules/@firebase/firestore": {
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.7.3.tgz",
+      "integrity": "sha512-NwVU+JPZ/3bhvNSJMCSzfcBZZg8SUGyzZ2T0EW3/bkUeefCyzMISSt/TTIfEHc8cdyXGlMqfGe3/62u9s74UEg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@firebase/component": "0.6.9",
         "@firebase/logger": "0.4.2",
         "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0"
+        "@firebase/webchannel-wrapper": "1.0.1",
+        "@grpc/grpc-js": "~1.9.0",
+        "@grpc/proto-loader": "^0.7.8",
+        "tslib": "^2.1.0",
+        "undici": "6.19.7"
+      },
+      "engines": {
+        "node": ">=10.10.0"
       },
       "peerDependencies": {
         "@firebase/app": "0.x"
       }
     },
-    "node_modules/@firebase/app-check-compat": {
-      "version": "0.3.15",
-      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.15.tgz",
-      "integrity": "sha512-zFIvIFFNqDXpOT2huorz9cwf56VT3oJYRFjSFYdSbGYEJYEaXjLJbfC79lx/zjx4Fh+yuN8pry3TtvwaevrGbg==",
+    "node_modules/@firebase/firestore-compat": {
+      "version": "0.3.38",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.38.tgz",
+      "integrity": "sha512-GoS0bIMMkjpLni6StSwRJarpu2+S5m346Na7gr9YZ/BZ/W3/8iHGNr9PxC+f0rNZXqS4fGRn88pICjrZEgbkqQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@firebase/app-check": "0.8.8",
-        "@firebase/app-check-types": "0.5.2",
         "@firebase/component": "0.6.9",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0"
-      },
-      "peerDependencies": {
-        "@firebase/app-compat": "0.x"
-      }
-    },
-    "node_modules/@firebase/app-check-interop-types": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@firebase/app-check-interop-types/-/app-check-interop-types-0.3.2.tgz",
-      "integrity": "sha512-LMs47Vinv2HBMZi49C09dJxp0QT5LwDzFaVGf/+ITHe3BlIhUiLNttkATSXplc89A2lAaeTqjgqVkiRfUGyQiQ==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/@firebase/app-check-types": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@firebase/app-check-types/-/app-check-types-0.5.2.tgz",
-      "integrity": "sha512-FSOEzTzL5bLUbD2co3Zut46iyPWML6xc4x+78TeaXMSuJap5QObfb+rVvZJtla3asN4RwU7elaQaduP+HFizDA==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/@firebase/app-compat": {
-      "version": "0.2.43",
-      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.43.tgz",
-      "integrity": "sha512-HM96ZyIblXjAC7TzE8wIk2QhHlSvksYkQ4Ukh1GmEenzkucSNUmUX4QvoKrqeWsLEQ8hdcojABeCV8ybVyZmeg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/app": "0.10.13",
-        "@firebase/component": "0.6.9",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@firebase/app-types": {
-      "version": "0.9.2",
-      "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.2.tgz",
-      "integrity": "sha512-oMEZ1TDlBz479lmABwWsWjzHwheQKiAgnuKxE0pz0IXCVx7/rtlkx1fQ6GfgK24WCrxDKMplZrT50Kh04iMbXQ==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/@firebase/auth-compat": {
-      "version": "0.5.14",
-      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.14.tgz",
-      "integrity": "sha512-2eczCSqBl1KUPJacZlFpQayvpilg3dxXLy9cSMTKtQMTQSmondUtPI47P3ikH3bQAXhzKLOE+qVxJ3/IRtu9pw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/auth": "1.7.9",
-        "@firebase/auth-types": "0.12.2",
-        "@firebase/component": "0.6.9",
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0",
-        "undici": "6.19.7"
-      },
-      "peerDependencies": {
-        "@firebase/app-compat": "0.x"
-      }
-    },
-    "node_modules/@firebase/auth-compat/node_modules/@firebase/auth": {
-      "version": "1.7.9",
-      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.9.tgz",
-      "integrity": "sha512-yLD5095kVgDw965jepMyUrIgDklD6qH/BZNHeKOgvu7pchOKNjVM+zQoOVYJIKWMWOWBq8IRNVU6NXzBbozaJg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/component": "0.6.9",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0",
-        "undici": "6.19.7"
-      },
-      "peerDependencies": {
-        "@firebase/app": "0.x",
-        "@react-native-async-storage/async-storage": "^1.18.1"
-      },
-      "peerDependenciesMeta": {
-        "@react-native-async-storage/async-storage": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@firebase/auth-interop-types": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.2.3.tgz",
-      "integrity": "sha512-Fc9wuJGgxoxQeavybiuwgyi+0rssr76b+nHpj+eGhXFYAdudMWyfBHvFL/I5fEHniUM/UQdFzi9VXJK2iZF7FQ==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/@firebase/auth-types": {
-      "version": "0.12.2",
-      "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.12.2.tgz",
-      "integrity": "sha512-qsEBaRMoGvHO10unlDJhaKSuPn4pyoTtlQuP1ghZfzB6rNQPuhp/N/DcFZxm9i4v0SogjCbf9reWupwIvfmH6w==",
-      "license": "Apache-2.0",
-      "peerDependencies": {
-        "@firebase/app-types": "0.x",
-        "@firebase/util": "1.x"
-      }
-    },
-    "node_modules/@firebase/component": {
-      "version": "0.6.9",
-      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.9.tgz",
-      "integrity": "sha512-gm8EUEJE/fEac86AvHn8Z/QW8BvR56TBw3hMW0O838J/1mThYQXAIQBgUv75EqlCZfdawpWLrKt1uXvp9ciK3Q==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@firebase/data-connect": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@firebase/data-connect/-/data-connect-0.1.0.tgz",
-      "integrity": "sha512-vSe5s8dY13ilhLnfY0eYRmQsdTbH7PUFZtBbqU6JVX/j8Qp9A6G5gG6//ulbX9/1JFOF1IWNOne9c8S/DOCJaQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/auth-interop-types": "0.2.3",
-        "@firebase/component": "0.6.9",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0"
-      },
-      "peerDependencies": {
-        "@firebase/app": "0.x"
-      }
-    },
-    "node_modules/@firebase/database": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.8.tgz",
-      "integrity": "sha512-dzXALZeBI1U5TXt6619cv0+tgEhJiwlUtQ55WNZY7vGAjv7Q1QioV969iYwt1AQQ0ovHnEW0YW9TiBfefLvErg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/app-check-interop-types": "0.3.2",
-        "@firebase/auth-interop-types": "0.2.3",
-        "@firebase/component": "0.6.9",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "faye-websocket": "0.11.4",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@firebase/database-compat": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.8.tgz",
-      "integrity": "sha512-OpeWZoPE3sGIRPBKYnW9wLad25RaWbGyk7fFQe4xnJQKRzlynWeFBSRRAoLE2Old01WXwskUiucNqUUVlFsceg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/component": "0.6.9",
-        "@firebase/database": "1.0.8",
-        "@firebase/database-types": "1.0.5",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@firebase/database-types": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.5.tgz",
-      "integrity": "sha512-fTlqCNwFYyq/C6W7AJ5OCuq5CeZuBEsEwptnVxlNPkWCo5cTTyukzAHRSO/jaQcItz33FfYrrFk1SJofcu2AaQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/app-types": "0.9.2",
-        "@firebase/util": "1.10.0"
-      }
-    },
-    "node_modules/@firebase/firestore": {
-      "version": "4.7.3",
-      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.7.3.tgz",
-      "integrity": "sha512-NwVU+JPZ/3bhvNSJMCSzfcBZZg8SUGyzZ2T0EW3/bkUeefCyzMISSt/TTIfEHc8cdyXGlMqfGe3/62u9s74UEg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/component": "0.6.9",
-        "@firebase/logger": "0.4.2",
-        "@firebase/util": "1.10.0",
-        "@firebase/webchannel-wrapper": "1.0.1",
-        "@grpc/grpc-js": "~1.9.0",
-        "@grpc/proto-loader": "^0.7.8",
-        "tslib": "^2.1.0",
-        "undici": "6.19.7"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      },
-      "peerDependencies": {
-        "@firebase/app": "0.x"
-      }
-    },
-    "node_modules/@firebase/firestore-compat": {
-      "version": "0.3.38",
-      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.38.tgz",
-      "integrity": "sha512-GoS0bIMMkjpLni6StSwRJarpu2+S5m346Na7gr9YZ/BZ/W3/8iHGNr9PxC+f0rNZXqS4fGRn88pICjrZEgbkqQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@firebase/component": "0.6.9",
-        "@firebase/firestore": "4.7.3",
-        "@firebase/firestore-types": "3.0.2",
+        "@firebase/firestore": "4.7.3",
+        "@firebase/firestore-types": "3.0.2",
         "@firebase/util": "1.10.0",
         "tslib": "^2.1.0"
       },
@@ -1289,465 +917,143 @@
         "proto-loader-gen-types": "build/bin/proto-loader-gen-types.js"
       },
       "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@protobufjs/aspromise": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
-      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/base64": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
-      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/codegen": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
-      "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/eventemitter": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
-      "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/fetch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
-      "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@protobufjs/aspromise": "^1.1.1",
-        "@protobufjs/inquire": "^1.1.0"
-      }
-    },
-    "node_modules/@protobufjs/float": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
-      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/inquire": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
-      "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/path": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
-      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/pool": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
-      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@protobufjs/utf8": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
-      "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/@remix-run/router": {
-      "version": "1.23.2",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
-      "integrity": "sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.27",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
-      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
-      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
-      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
-      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
-      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
-      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
-      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
-      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
-      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
-      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
-      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
-      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
-      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
-      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
-      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
-      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
-      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+        "node": ">=6"
+      }
     },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
-      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
-      "cpu": [
-        "s390x"
-      ],
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
     },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
     },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
-      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "engines": {
+        "node": ">=6.0.0"
+      }
     },
-    "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
-      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ]
+      "license": "MIT"
     },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
-      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
     },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
-      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
+    "node_modules/@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/codegen": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+      "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/eventemitter": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+      "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/fetch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+      "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.1",
+        "@protobufjs/inquire": "^1.1.0"
+      }
+    },
+    "node_modules/@protobufjs/float": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/inquire": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+      "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/path": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/pool": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/utf8": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+      "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
+      "integrity": "sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
+      "engines": {
+        "node": ">=14.0.0"
+      }
     },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
-      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
-      "cpu": [
-        "ia32"
-      ],
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
+      "license": "MIT"
     },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
       "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
       "cpu": [
         "x64"
       ],
@@ -1755,13 +1061,13 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
+        "linux"
       ]
     },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
+    "node_modules/@rollup/rollup-linux-x64-musl": {
       "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
-      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
       "cpu": [
         "x64"
       ],
@@ -1769,7 +1075,7 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
+        "linux"
       ]
     },
     "node_modules/@types/babel__core": {
@@ -1926,6 +1232,19 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/browserslist": {
       "version": "4.28.1",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
@@ -1961,9 +1280,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001777",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
-      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
+      "version": "1.0.30001774",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001774.tgz",
+      "integrity": "sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA==",
       "dev": true,
       "funding": [
         {
@@ -2056,9 +1375,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.307",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
-      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
+      "version": "1.5.302",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.302.tgz",
+      "integrity": "sha512-sM6HAN2LyK82IyPBpznDRqlTQAtuSaO+ShzFiWTvoMJLHyZ+Y39r8VMfHzwbU8MVBzQ4Wdn85+wlZl2TLGIlwg==",
       "dev": true,
       "license": "ISC"
     },
@@ -2128,6 +1447,19 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/firebase": {
       "version": "10.14.1",
       "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.14.1.tgz",
@@ -2186,19 +1518,31 @@
         }
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
+    "node_modules/framer-motion": {
+      "version": "12.35.1",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.35.1.tgz",
+      "integrity": "sha512-rL8cLrjYZNShZqKV3U0Qj6Y5WDiZXYEM5giiTLfEqsIZxtspzMDCkKmrO5po76jWfvOg04+Vk+sfBvTD0iMmLw==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      "dependencies": {
+        "motion-dom": "^12.35.1",
+        "motion-utils": "^12.29.2",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
       }
     },
     "node_modules/gensync": {
@@ -2250,6 +1594,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -2325,6 +1679,35 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "12.35.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.35.1.tgz",
+      "integrity": "sha512-7n6r7TtNOsH2UFSAXzTkfzOeO5616v9B178qBIjmu/WgEyJK0uqwytCEhwKBTuM/HJA40ptAw7hLFpxtPAMRZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.29.2"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.29.2",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.29.2.tgz",
+      "integrity": "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -2352,9 +1735,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.36",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
-      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
       "dev": true,
       "license": "MIT"
     },
@@ -2365,10 +1748,23 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/postcss": {
-      "version": "8.5.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
-      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "dev": true,
       "funding": [
         {
@@ -2640,6 +2036,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -2766,6 +2175,23 @@
         }
       }
     },
+    "node_modules/vite-plugin-singlefile": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-singlefile/-/vite-plugin-singlefile-2.3.0.tgz",
+      "integrity": "sha512-DAcHzYypM0CasNLSz/WG0VdKOCxGHErfrjOoyIPiNxTPTGmO6rRD/te93n1YL/s+miXq66ipF1brMBikf99c6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">18.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^4.44.1",
+        "vite": "^5.4.11 || ^6.0.0 || ^7.0.0"
+      }
+    },
     "node_modules/websocket-driver": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
diff --git a/package.json b/package.json
index e621971..9397780 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "canvas-confetti": "^1.9.2",
     "firebase": "^10.9.0",
+    "framer-motion": "^12.35.1",
     "lucide-react": "^0.363.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -23,6 +24,7 @@
     "@types/react-dom": "^18.2.22",
     "@vitejs/plugin-react": "^4.2.1",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "vite": "^5.2.0",
+    "vite-plugin-singlefile": "^2.3.0"
   }
-}
\ No newline at end of file
+}
diff --git a/pages/AdminCreatePost.tsx b/pages/AdminCreatePost.tsx
index 087dd22..63e6d9a 100644
--- a/pages/AdminCreatePost.tsx
+++ b/pages/AdminCreatePost.tsx
@@ -1,4 +1,3 @@
 // File removed by user request
-import React from 'react';
 const AdminCreatePost = () => <div>Admin interface removed</div>;
 export default AdminCreatePost;
diff --git a/pages/AppTool.tsx b/pages/AppTool.tsx
index 0e6f584..1916abf 100644
--- a/pages/AppTool.tsx
+++ b/pages/AppTool.tsx
@@ -4,43 +4,55 @@ import confetti from 'canvas-confetti';
 import { rawConfig } from '../data/appToolData';
 import { useLanguage } from '../contexts/LanguageContext';
 import SEO from '../components/SEO';
-
-const ConnectingLines = ({ nodeRefs, hoveredNode, containerRef }: any) => {
+import { AppToolCell, AppToolLane, LocalizedString } from '../src/types';
+
+interface AppNode extends Omit<AppToolCell, 'label' | 'tooltip'> {
+  title: string;
+  description: string;
+  level: number;
+  branchId: string;
+  row: number;
+  col: number;
+}
+
+const ConnectingLines = ({ nodeRefs, hoveredNode, containerRef }: { nodeRefs: React.MutableRefObject<Map<string, HTMLDivElement>>, hoveredNode: string | null, containerRef: React.RefObject<HTMLDivElement> }) => {
   const [lines, setLines] = useState<React.ReactElement[]>([]);
 
   useLayoutEffect(() => {
     const updateGraph = () => {
        const newLines: React.ReactElement[] = [];
-       rawConfig.arrows.forEach((arrow: any) => {
-           const startEl = nodeRefs.current.get(arrow.from);
-           const endEl = nodeRefs.current.get(arrow.to);
-           
-           if (startEl && endEl) {
-               const startX = startEl.offsetLeft + startEl.offsetWidth / 2;
-               const startY = startEl.offsetTop + startEl.offsetHeight / 2;
-               const endX = endEl.offsetLeft + endEl.offsetWidth / 2;
-               const endY = endEl.offsetTop + endEl.offsetHeight / 2;
-               
-               const isHovered = hoveredNode === arrow.from || hoveredNode === arrow.to;
-               
-               const deltaX = endX - startX;
-               const midX = startX + (deltaX / 2);
-               
-               const d = `M ${startX} ${startY} C ${midX} ${startY}, ${midX} ${endY}, ${endX} ${endY}`;
+       if (rawConfig.arrows) {
+           rawConfig.arrows.forEach((arrow: { from: string; to: string }, index: number) => {
+               const startEl = nodeRefs.current.get(arrow.from);
+               const endEl = nodeRefs.current.get(arrow.to);
                
-               newLines.push(
-                   <path 
-                       key={`${arrow.from}-${arrow.to}`}
-                       d={d}
-                       fill="none"
-                       stroke={isHovered ? "#059669" : "#cbd5e1"}
-                       strokeWidth={isHovered ? 2.5 : 1.5}
-                       className="transition-all duration-300 ease-in-out"
-                       style={{ opacity: isHovered ? 1 : 0.6, zIndex: isHovered ? 10 : 0 }}
-                   />
-               );
-           }
-       });
+               if (startEl && endEl) {
+                   const startX = startEl.offsetLeft + startEl.offsetWidth / 2;
+                   const startY = startEl.offsetTop + startEl.offsetHeight / 2;
+                   const endX = endEl.offsetLeft + endEl.offsetWidth / 2;
+                   const endY = endEl.offsetTop + endEl.offsetHeight / 2;
+                   
+                   const isHovered = hoveredNode === arrow.from || hoveredNode === arrow.to;
+                   
+                   const deltaX = endX - startX;
+                   const midX = startX + (deltaX / 2);
+                   
+                   const d = `M ${startX} ${startY} C ${midX} ${startY}, ${midX} ${endY}, ${endX} ${endY}`;
+                   
+                   newLines.push(
+                       <path 
+                           key={`${arrow.from}-${arrow.to}-${index}`}
+                           d={d}
+                           fill="none"
+                           stroke={isHovered ? "#059669" : "#cbd5e1"}
+                           strokeWidth={isHovered ? 2.5 : 1.5}
+                           className="transition-all duration-300 ease-in-out"
+                           style={{ opacity: isHovered ? 1 : 0.6, zIndex: isHovered ? 10 : 0 }}
+                       />
+                   );
+               }
+           });
+       }
        setLines(newLines);
     };
     updateGraph();
@@ -53,7 +65,7 @@ const ConnectingLines = ({ nodeRefs, hoveredNode, containerRef }: any) => {
   return <svg className="absolute top-0 left-0 w-full h-full pointer-events-none z-0">{lines}</svg>;
 };
 
-const WarningModal = ({ data, onClose, nodes }: any) => {
+const WarningModal = ({ data, onClose, nodes }: { data: { isOpen: boolean, missingNodes: string[] }, onClose: () => void, nodes: any[] }) => {
     if (!data.isOpen) return null;
     return (
         <div className="fixed inset-0 z-[60] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-fade-in">
@@ -85,7 +97,7 @@ const WarningModal = ({ data, onClose, nodes }: any) => {
     );
 };
 
-const BranchInfoModal = ({ branch, onClose, t }: any) => {
+const BranchInfoModal = ({ branch, onClose, t }: { branch: any, onClose: () => void, t: (s: string | LocalizedString) => string }) => {
     if (!branch) return null;
     
     return (
@@ -96,7 +108,7 @@ const BranchInfoModal = ({ branch, onClose, t }: any) => {
                         <div className="w-12 h-12 rounded-xl bg-emerald-100 text-emerald-600 flex items-center justify-center text-xl">
                             <i className={`fas ${branch.icon}`}></i>
                         </div>
-                        <h2 className="text-2xl font-bold text-slate-900 dark:text-white font-serif">{branch.name}</h2>
+                        <h2 className="text-2xl font-bold text-slate-900 dark:text-white font-sans">{t(branch.name)}</h2>
                     </div>
                     <button onClick={onClose} className="text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors">
                         <i className="fas fa-times text-xl"></i>
@@ -153,12 +165,13 @@ const BranchInfoModal = ({ branch, onClose, t }: any) => {
     );
 };
 
-const DetailPopup = ({ node, onClose, onStatusChange, onOkrToggle, nodeState, isGardener, isMobile, allNodes, userState, onNavigate, branches, ui }: any) => {
+const DetailPopup = ({ node, onClose, onStatusChange, onOkrToggle, nodeState, isMobile, allNodes, userState, onNavigate, branches, ui, t }: { node: AppNode, onClose: () => void, onStatusChange: (id: string, status: string, data?: any) => void, onOkrToggle: (idx: number) => void, nodeState: any, isMobile: boolean, allNodes: AppNode[], userState: any, onNavigate: (id: string) => void, branches: any[], ui: (key: string) => string, t: (s: any) => string }) => {
     const [isNaInputOpen, setIsNaInputOpen] = useState(false);
     const [naReason, setNaReason] = useState('');
 
     if (!node) return null;
-    const branchName = branches.find((b: any) => b.id === node.branchId)?.name?.toUpperCase();
+    const branchObj = branches.find((b: any) => b.id === node.branchId);
+    const branchName = branchObj ? t(branchObj.name).toUpperCase() : '';
 
     const getPrerequisites = (nodeId: string) => {
         if (!rawConfig || !rawConfig.arrows) return [];
@@ -192,7 +205,7 @@ const DetailPopup = ({ node, onClose, onStatusChange, onOkrToggle, nodeState, is
                          <span>•</span>
                          <span>{branchName}</span>
                      </div>
-                     <h2 className={`text-3xl md:text-4xl font-serif font-bold ${isNA ? 'text-slate-400 dark:text-slate-500 line-through decoration-2' : 'text-slate-900 dark:text-white'} leading-tight`}>{node.title}</h2>
+                     <h2 className={`text-3xl md:text-4xl font-sans font-bold ${isNA ? 'text-slate-400 dark:text-slate-500 line-through decoration-2' : 'text-slate-900 dark:text-white'} leading-tight`}>{node.title}</h2>
                      {isNA && <div className="inline-block mt-2 px-3 py-1 bg-slate-100 dark:bg-slate-800 text-slate-500 text-xs font-bold uppercase rounded-full">{ui("app.not_relevant")}</div>}
                 </div>
                  
@@ -302,7 +315,7 @@ const DetailPopup = ({ node, onClose, onStatusChange, onOkrToggle, nodeState, is
     );
 };
 
-const ListView = ({ branches, nodes, userState, onNodeClick, isGardener, onStatusChange, onBranchInfoClick }: any) => {
+const ListView = ({ branches, nodes, userState, onNodeClick, isGardener, onStatusChange, onBranchInfoClick, t }: { branches: any[], nodes: AppNode[], userState: any, onNodeClick: (id: string) => void, isGardener: boolean, onStatusChange: (id: string, status: string) => void, onBranchInfoClick: (branch: any) => void, t: (s: any) => string }) => {
     const [collapsed, setCollapsed] = useState<Record<string, boolean>>(() => {
         const initial: Record<string, boolean> = {};
         branches.forEach((b: any) => initial[b.id] = true);
@@ -346,8 +359,8 @@ const ListView = ({ branches, nodes, userState, onNodeClick, isGardener, onStatu
                                 </div>
                                 <div>
                                     <div className="flex items-center gap-3">
-                                        <h2 className="text-xl font-serif font-bold text-slate-900 dark:text-white flex items-center gap-2">
-                                        {branch.name}
+                                        <h2 className="text-xl font-sans font-bold text-slate-900 dark:text-white flex items-center gap-2">
+                                        {t(branch.name)}
                                         <div className="w-6 h-6 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center ml-2 pointer-events-none">
                                             <i className={`fas fa-chevron-${isCollapsed ? 'down' : 'up'} text-xs text-slate-500`}></i>
                                         </div>
@@ -414,12 +427,12 @@ const ListView = ({ branches, nodes, userState, onNodeClick, isGardener, onStatu
 };
 
 const AppTool: React.FC = () => {
-  const { t, ui } = useLanguage();
+  const { t, ui, language } = useLanguage();
   
   const levels = Array.from({ length: 9 }, (_, i) => ({ id: i + 1, label: `${ui("app.level")} ${i + 1}` }));
   const icons = ["fa-cogs", "fa-vial", "fa-cube", "fa-rocket", "fa-robot", "fa-server", "fa-user-check", "fa-chart-line"];
 
-  const appBranches = rawConfig.lanes.map((lane: any, index: number) => ({
+  const appBranches = rawConfig.lanes.map((lane: AppToolLane, index: number) => ({
       id: `branch-${index}`,
       name: lane.label,
       icon: icons[index] || "fa-circle",
@@ -428,7 +441,7 @@ const AppTool: React.FC = () => {
       details: lane.details
   }));
 
-  const appNodes = rawConfig.cells.map((cell: any) => {
+  const appNodes: AppNode[] = rawConfig.cells.map((cell: AppToolCell) => {
       const match = cell.id.match(/R(\d+)C(\d+)/);
       let row = 0, col = 0;
       if (match) {
@@ -436,18 +449,27 @@ const AppTool: React.FC = () => {
           col = parseInt(match[2]);
       }
       const branch = appBranches.find(b => row >= b.startRow && row <= b.endRow);
+      
+      // Helper to ensure LocalizedString structure
+      const ensureLocalized = (val: string | LocalizedString | undefined): LocalizedString => {
+          if (!val) return { de: '', en: '' };
+          if (typeof val === 'string') return { de: val, en: val };
+          return { de: val.de || '', en: val.en || val.de || '' };
+      };
+
       return {
-          id: cell.id,
           title: t(cell.label), 
           description: t(cell.tooltip),
           acceptanceCriteria: cell.acceptanceCriteria || [],
-          level: col, // Col is now 1-based, Level 1 is Col 1.
-          branchId: branch ? branch.id : null,
+          level: col - 1,
+          branchId: branch ? branch.id : '',
           row: row,
           col: col,
-          ...cell
+          ...cell,
+          label: ensureLocalized(cell.label),
+          tooltip: ensureLocalized(cell.tooltip)
       };
-  }).filter(n => n.branchId !== null);
+  }).filter(n => n.branchId !== '');
 
   const [activeNodeId, setActiveNodeId] = useState<string | null>(null);
   const [selectedBranch, setSelectedBranch] = useState<any>(null);
@@ -461,11 +483,67 @@ const AppTool: React.FC = () => {
   const [projectData, setProjectData] = useState({ name: '', owner: '' });
   
   const [isMobile, setIsMobile] = useState(false);
+  const [selectedMobileBranchId, setSelectedMobileBranchId] = useState<string | null>(null);
+
+  const renderNodeCard = (node: any) => {
+      const state = getNodeState(node.id);
+      const isCompleted = state.status === 'completed';
+      const isInProgress = state.status === 'in-progress';
+      const isLocked = state.status === 'locked';
+      const isNotRelevant = state.status === 'not-relevant';
+      
+      let cardClasses = "bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 hover:border-slate-300 dark:hover:border-slate-600 shadow-sm";
+      let textClasses = "text-slate-700 dark:text-slate-200";
+      let statusIndicator = null;
+      
+      if (isNotRelevant) {
+          cardClasses = "bg-slate-50 dark:bg-slate-900/50 border-slate-200 dark:border-slate-800 border-dashed opacity-60";
+          textClasses = "text-slate-400 dark:text-slate-600 line-through decoration-slate-300 dark:decoration-slate-700";
+      } else if (isGardenerMode) {
+          if (isCompleted) {
+              cardClasses = "bg-emerald-50 dark:bg-emerald-900/20 border-emerald-500 dark:border-emerald-500 shadow-md ring-1 ring-emerald-500/20";
+              textClasses = "text-emerald-900 dark:text-emerald-100 font-medium";
+              statusIndicator = (<div className="absolute -top-2 -right-2 w-5 h-5 rounded-full bg-emerald-500 text-white flex items-center justify-center text-[10px] shadow-sm border-2 border-white dark:border-slate-900 z-20"><i className="fas fa-check"></i></div>);
+          } else if (isInProgress) {
+              cardClasses = "bg-amber-50 dark:bg-amber-900/20 border-amber-400 dark:border-amber-500 shadow-md ring-1 ring-amber-400/20";
+              textClasses = "text-amber-900 dark:text-amber-100 font-medium";
+              statusIndicator = (<div className="absolute -top-2 -right-2 w-5 h-5 rounded-full bg-amber-400 text-white flex items-center justify-center text-[10px] shadow-sm border-2 border-white dark:border-slate-900 z-20"><i className="fas fa-spinner fa-spin"></i></div>);
+          } else if (isLocked) {
+              cardClasses = "bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 opacity-90";
+          }
+      } else {
+          if (isCompleted) cardClasses = "bg-white dark:bg-slate-800 border-b-4 border-b-emerald-500 border-slate-200 dark:border-slate-700 shadow-sm";
+          else if (isInProgress) cardClasses = "bg-white dark:bg-slate-800 border-b-4 border-b-amber-400 border-slate-200 dark:border-slate-700 shadow-sm";
+      }
+      
+      return (
+        <div key={node.id} ref={el => { if(el) nodeRefs.current.set(node.id, el) }} 
+             className={`relative group perspective w-full max-w-[160px] print:hidden z-10 transition-transform duration-200 hover:-translate-y-0.5`} 
+             onMouseEnter={() => setHoveredNodeId(node.id)} 
+             onMouseLeave={() => setHoveredNodeId(null)} 
+             onClick={() => setActiveNodeId(node.id)}>
+            <div className={`relative w-full min-h-[70px] p-3 rounded-lg border text-left flex flex-col justify-between transition-all duration-200 ${cardClasses}`}>
+                {statusIndicator}
+                <div className="flex justify-between items-start mb-2">
+                    <span className="text-[9px] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest font-mono">L{node.level}</span>
+                    {isNotRelevant && <i className="fas fa-ban text-xs text-slate-300 dark:text-slate-600"></i>}
+                </div>
+                <h4 className={`text-[11px] leading-snug font-semibold ${textClasses} line-clamp-3`}>{node.title}</h4>
+            </div>
+        </div>
+      )
+  };
 
   const gridRef = useRef<HTMLDivElement>(null);
   const nodeRefs = useRef(new Map());
   const fileInputRef = useRef<HTMLInputElement>(null);
 
+  const scrollGrid = (direction: number) => {
+      if (gridRef.current) {
+          gridRef.current.scrollBy({ left: direction * 300, behavior: 'smooth' });
+      }
+  };
+
   useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 1024);
     checkMobile();
@@ -490,11 +568,6 @@ const AppTool: React.FC = () => {
     localStorage.setItem('qtree-project', JSON.stringify(projectData));
   }, [userState, projectData]);
 
-  const scrollToTree = () => {
-    const target = isMobile ? document.getElementById('mobile-branch-selector') : gridRef.current;
-    target?.scrollIntoView({ behavior: 'smooth' });
-  };
-
   const getPrerequisites = (nodeId: string) => {
     if (!rawConfig || !rawConfig.arrows) return [];
     return rawConfig.arrows
@@ -631,6 +704,7 @@ const AppTool: React.FC = () => {
       <SEO 
         title={ui("seo.app.title")} 
         description={ui("seo.app.description")}
+        lang={language}
       />
       <input type="file" ref={fileInputRef} style={{display: 'none'}} onChange={handleFileChange} accept=".json" />
 
@@ -640,8 +714,8 @@ const AppTool: React.FC = () => {
           <BranchInfoModal branch={selectedBranch} onClose={() => setSelectedBranch(null)} t={t} />
       )}
 
-      {activeNodeId && (
-        <DetailPopup node={activeNode} onClose={() => setActiveNodeId(null)} onStatusChange={(id: string, status: string, data: any) => handleStatusChangeAttempt(id, status, data, () => setActiveNodeId(null))} onOkrToggle={(idx: number) => toggleNodeOkr(activeNodeId, idx)} nodeState={getNodeState(activeNodeId)} isGardener={isGardenerMode} isMobile={isMobile} allNodes={appNodes} userState={userState} onNavigate={setActiveNodeId} branches={appBranches} ui={ui} />
+      {activeNode && (
+        <DetailPopup node={activeNode} onClose={() => setActiveNodeId(null)} onStatusChange={(id: string, status: string, data: any) => handleStatusChangeAttempt(id, status, data, () => setActiveNodeId(null))} onOkrToggle={(idx: number) => toggleNodeOkr(activeNodeId!, idx)} nodeState={getNodeState(activeNodeId!)} isMobile={isMobile} allNodes={appNodes} userState={userState} onNavigate={setActiveNodeId} branches={appBranches} ui={ui} t={t} />
       )}
 
       <div className="toolbar sticky top-[64px] left-0 right-0 z-40 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md border-b border-slate-200 dark:border-slate-800 shadow-sm h-auto py-2 transition-all duration-200 print:hidden flex flex-col gap-2">
@@ -699,7 +773,7 @@ const AppTool: React.FC = () => {
                      <button onClick={handleLoadClick} className="p-2 bg-slate-100 dark:bg-slate-800 rounded hover:bg-emerald-100 hover:text-emerald-700 transition-colors" title="Load Project"><i className="fas fa-upload"></i></button>
                 </div>
 
-                <div className="hidden sm:flex items-center bg-slate-100 dark:bg-slate-800 rounded p-1 border border-slate-200 dark:border-slate-700">
+                <div className="flex items-center bg-slate-100 dark:bg-slate-800 rounded p-1 border border-slate-200 dark:border-slate-700">
                       <button onClick={() => setViewMode('map')} className={`w-8 h-7 flex items-center justify-center rounded text-xs transition-all ${viewMode === 'map' ? 'bg-white dark:bg-slate-600 text-emerald-700 dark:text-emerald-400 shadow-sm' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-300'}`} title={ui("app.view_map")}><i className="fas fa-project-diagram"></i></button>
                       <button onClick={() => setViewMode('list')} className={`w-8 h-7 flex items-center justify-center rounded text-xs transition-all ${viewMode === 'list' ? 'bg-white dark:bg-slate-600 text-emerald-700 dark:text-emerald-400 shadow-sm' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-300'}`} title={ui("app.view_list")}><i className="fas fa-list-ul"></i></button>
                 </div>
@@ -714,86 +788,85 @@ const AppTool: React.FC = () => {
       <div className="flex-grow flex flex-col">
         <div className="flex-grow">
           {viewMode === 'map' ? (
-             <div id="tree-grid-container" ref={gridRef} className={`relative w-full overflow-auto bg-slate-50 dark:bg-slate-950 pt-12 pb-32 px-8 min-h-screen print:hidden ${isMobile ? 'hidden' : 'block'}`}>
-                  <div style={{ width: 'fit-content', minWidth: '100%', height: 'fit-content' }}>
-                          <div className="relative inline-block min-w-full">
-                              <ConnectingLines nodeRefs={nodeRefs} hoveredNode={hoveredNodeId} containerRef={gridRef} />
-                              <div className="inline-grid gap-x-8 gap-y-8 relative z-10" style={{ gridTemplateColumns: `250px repeat(${levels.length}, minmax(160px, 1fr))` }}>
-                              <div className="sticky top-0 left-0 z-50 bg-slate-50 dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800 h-10 flex items-center justify-center text-xs font-bold text-slate-400 tracking-widest uppercase border-r">{ui("app.ast")}</div>
-                              {levels.map(level => (
-                                  <div key={level.id} className="sticky top-0 z-40 text-center pb-4 bg-slate-50 dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800">
-                                      <span className="text-xs font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest bg-slate-100 dark:bg-slate-800 px-3 py-1 rounded-full">{level.label}</span>
-                                  </div>
-                              ))}
+              <>
+                <div className={`print:hidden ${isMobile ? 'block' : 'hidden'}`}>
+                  <div id="mobile-branch-selector" className="min-h-screen bg-slate-50 dark:bg-slate-950 py-12 px-4">
+                      {!selectedMobileBranchId ? (
+                          <div className="max-w-md mx-auto space-y-4">
+                              <h2 className="text-xl font-sans font-bold text-slate-900 dark:text-white mb-6 text-center">{ui("app.discipline")}</h2>
                               {appBranches.map((branch: any) => (
-                                  <React.Fragment key={branch.id}>
-                                      <div className="sticky left-0 z-30 flex items-center bg-slate-50 dark:bg-slate-950 pr-4 border-r border-slate-200 dark:border-slate-800 shadow-[4px_0_24px_rgba(0,0,0,0.02)]">
-                                          <div 
-                                              className="flex items-center space-x-3 w-full p-4 bg-white dark:bg-slate-900 rounded border border-slate-200 dark:border-slate-700 shadow-sm hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors group cursor-pointer"
-                                              onClick={() => setSelectedBranch(branch)}
-                                          >
-                                              <div className="w-8 h-8 rounded bg-emerald-50 dark:bg-emerald-900/30 flex items-center justify-center text-emerald-700 dark:text-emerald-400 flex-shrink-0"><i className={`fas ${branch.icon}`}></i></div>
-                                              <h3 className="text-sm font-bold text-slate-800 dark:text-slate-200 leading-tight flex-1">{branch.name}</h3>
-                                              <i className="fas fa-info-circle text-slate-300 dark:text-slate-600 group-hover:text-emerald-500 transition-colors"></i>
-                                          </div>
-                                      </div>
-                                      {levels.map(level => {
-                                          const cellNodes = appNodes.filter((n: any) => n.branchId === branch.id && n.level === level.id);
-                                          return (
-                                              <div key={`${branch.id}-${level.id}`} className="flex flex-col items-center justify-center space-y-2 min-h-[100px]">
-                                                  {cellNodes.map((node: any) => {
-                                                      const state = getNodeState(node.id);
-                                                      const isCompleted = state.status === 'completed';
-                                                      const isInProgress = state.status === 'in-progress';
-                                                      const isNotRelevant = state.status === 'not-relevant';
-                                                      let cardClasses = "bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 hover:border-slate-300 dark:hover:border-slate-600 shadow-sm";
-                                                      let textClasses = "text-slate-700 dark:text-slate-200";
-                                                      let statusIndicator = null;
-                                                      if (isNotRelevant) {
-                                                          cardClasses = "bg-slate-50 dark:bg-slate-900/50 border-slate-200 dark:border-slate-800 border-dashed opacity-60";
-                                                          textClasses = "text-slate-400 dark:text-slate-600 line-through decoration-slate-300 dark:decoration-slate-700";
-                                                      } else if (isGardenerMode) {
-                                                          if (isCompleted) {
-                                                              cardClasses = "bg-emerald-50 dark:bg-emerald-900/20 border-emerald-500 dark:border-emerald-500 shadow-md ring-1 ring-emerald-500/20";
-                                                              textClasses = "text-emerald-900 dark:text-emerald-100 font-medium";
-                                                              statusIndicator = (<div className="absolute -top-2 -right-2 w-5 h-5 rounded-full bg-emerald-500 text-white flex items-center justify-center text-[10px] shadow-sm border-2 border-white dark:border-slate-900 z-20"><i className="fas fa-check"></i></div>);
-                                                          } else if (isInProgress) {
-                                                              cardClasses = "bg-amber-50 dark:bg-amber-900/20 border-amber-400 dark:border-amber-500 shadow-md ring-1 ring-amber-400/20";
-                                                              textClasses = "text-amber-900 dark:text-amber-100 font-medium";
-                                                              statusIndicator = (<div className="absolute -top-2 -right-2 w-5 h-5 rounded-full bg-amber-400 text-white flex items-center justify-center text-[10px] shadow-sm border-2 border-white dark:border-slate-900 z-20"><i className="fas fa-spinner fa-spin"></i></div>);
-                                                          }
-                                                      } else {
-                                                          if (isCompleted) cardClasses = "bg-white dark:bg-slate-800 border-b-4 border-b-emerald-500 border-slate-200 dark:border-slate-700 shadow-sm";
-                                                          else if (isInProgress) cardClasses = "bg-white dark:bg-slate-800 border-b-4 border-b-amber-400 border-slate-200 dark:border-slate-700 shadow-sm";
-                                                      }
-                                                      return (
-                                                        <div key={node.id} ref={el => { if(el) nodeRefs.current.set(node.id, el) }} 
-                                                             className={`relative group perspective w-full max-w-[160px] print:hidden z-10 transition-transform duration-200 hover:-translate-y-0.5`} 
-                                                             onMouseEnter={() => setHoveredNodeId(node.id)} 
-                                                             onMouseLeave={() => setHoveredNodeId(null)} 
-                                                             onClick={() => setActiveNodeId(node.id)}>
-                                                            <div className={`relative w-full min-h-[70px] p-3 rounded-lg border text-left flex flex-col justify-between transition-all duration-200 ${cardClasses}`}>
-                                                                {statusIndicator}
-                                                                <div className="flex justify-between items-start mb-2">
-                                                                    <span className="text-[9px] font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest font-mono">L{node.level}</span>
-                                                                    {isNotRelevant && <i className="fas fa-ban text-xs text-slate-300 dark:text-slate-600"></i>}
-                                                                </div>
-                                                                <h4 className={`text-[11px] leading-snug font-semibold ${textClasses} line-clamp-3`}>{node.title}</h4>
-                                                            </div>
-                                                        </div>
-                                                      )
-                                                  })}
-                                              </div>
-                                          );
-                                      })}
-                                  </React.Fragment>
+                                  <div key={branch.id} onClick={() => setSelectedMobileBranchId(branch.id)} className="p-4 rounded bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 shadow-sm flex items-center space-x-4 cursor-pointer active:scale-95 transition-transform">
+                                      <div className="w-10 h-10 rounded bg-emerald-50 dark:bg-emerald-900/30 flex items-center justify-center text-emerald-700 dark:text-emerald-400"><i className={`fas ${branch.icon} text-base`}></i></div>
+                                      <div><h3 className="font-bold text-base text-slate-900 dark:text-white">{t(branch.name)}</h3></div>
+                                      <div className="flex-1 text-right"><i className="fas fa-chevron-right text-slate-300 dark:text-slate-600"></i></div>
+                                  </div>
                               ))}
+                          </div>
+                      ) : (
+                          <div className="max-w-md mx-auto">
+                              <button onClick={() => setSelectedMobileBranchId(null)} className="mb-6 flex items-center text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white font-medium text-sm"><i className="fas fa-arrow-left mr-2"></i> {ui("app.back")}</button>
+                              <div className="space-y-6 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-px before:bg-slate-200 dark:before:bg-slate-800">
+                                  {levels.map(level => {
+                                       const branchNodes = appNodes.filter((n: any) => n.branchId === selectedMobileBranchId && n.level === level.id);
+                                       if (branchNodes.length === 0) return null;
+                                       return (
+                                           <div key={level.id} className="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
+                                               <div className="flex items-center justify-center w-10 h-10 rounded-full border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 shadow-sm shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2 z-10">
+                                                  <span className="text-xs font-bold text-slate-600 dark:text-slate-400">{level.id}</span>
+                                               </div>
+                                               <div className="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] p-4"><div className="space-y-4">{branchNodes.map(node => renderNodeCard(node))}</div></div>
+                                           </div>
+                                       );
+                                  })}
                               </div>
                           </div>
+                      )}
                   </div>
-             </div>
+                </div>
+                <div className="relative w-full">
+                    <button onClick={() => scrollGrid(-1)} className="fixed left-4 top-1/2 -translate-y-1/2 z-30 w-12 h-12 bg-white dark:bg-slate-800 shadow-lg rounded-full flex items-center justify-center text-slate-600 dark:text-slate-200 hover:scale-110 transition-transform scroll-btn border border-slate-200 dark:border-slate-700 hidden md:flex" aria-label="Scroll left"><i className="fas fa-chevron-left"></i></button>
+                    <button onClick={() => scrollGrid(1)} className="fixed right-4 top-1/2 -translate-y-1/2 z-30 w-12 h-12 bg-white dark:bg-slate-800 shadow-lg rounded-full flex items-center justify-center text-slate-600 dark:text-slate-200 hover:scale-110 transition-transform scroll-btn border border-slate-200 dark:border-slate-700 hidden md:flex" aria-label="Scroll right"><i className="fas fa-chevron-right"></i></button>
+                    <div id="tree-grid-container" ref={gridRef} className={`relative w-full overflow-auto bg-slate-50 dark:bg-slate-950 pt-12 pb-32 px-8 min-h-screen print:hidden ${isMobile ? 'hidden' : 'block'}`}>
+                         <div style={{ width: 'fit-content', minWidth: '100%', height: 'fit-content' }}>
+                                 <div className="relative inline-block min-w-full">
+                                     <ConnectingLines nodeRefs={nodeRefs} hoveredNode={hoveredNodeId} containerRef={gridRef} />
+                                     <div className="inline-grid gap-x-8 gap-y-8 relative z-10" style={{ gridTemplateColumns: `250px repeat(${levels.length}, minmax(160px, 1fr))` }}>
+                                     <div className="sticky top-0 left-0 z-50 bg-slate-50 dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800 h-10 flex items-center justify-center text-xs font-bold text-slate-400 tracking-widest uppercase border-r">{ui("app.ast")}</div>
+                                     {levels.map(level => (
+                                         <div key={level.id} className="sticky top-0 z-40 text-center pb-4 bg-slate-50 dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800">
+                                             <span className="text-xs font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest bg-slate-100 dark:bg-slate-800 px-3 py-1 rounded-full">{level.label}</span>
+                                         </div>
+                                     ))}
+                                     {appBranches.map((branch: any) => (
+                                         <React.Fragment key={branch.id}>
+                                             <div className="sticky left-0 z-30 flex items-center bg-slate-50 dark:bg-slate-950 pr-4 border-r border-slate-200 dark:border-slate-800 shadow-[4px_0_24px_rgba(0,0,0,0.02)]">
+                                                 <div 
+                                                     className="flex items-center space-x-3 w-full p-4 bg-white dark:bg-slate-900 rounded border border-slate-200 dark:border-slate-700 shadow-sm hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors group cursor-pointer"
+                                                     onClick={() => setSelectedBranch(branch)}
+                                                 >
+                                                     <div className="w-8 h-8 rounded bg-emerald-50 dark:bg-emerald-900/30 flex items-center justify-center text-emerald-700 dark:text-emerald-400 flex-shrink-0"><i className={`fas ${branch.icon}`}></i></div>
+                                                     <h3 className="text-sm font-bold text-slate-800 dark:text-slate-200 leading-tight flex-1">{t(branch.name)}</h3>
+                                                     <i className="fas fa-info-circle text-slate-300 dark:text-slate-600 group-hover:text-emerald-500 transition-colors"></i>
+                                                 </div>
+                                             </div>
+                                             {levels.map(level => {
+                                                 const cellNodes = appNodes.filter((n: any) => n.branchId === branch.id && n.level === level.id);
+                                                 return (
+                                                     <div key={`${branch.id}-${level.id}`} className="flex flex-col items-center justify-center space-y-2 min-h-[100px]">
+                                                         {cellNodes.map((node: any) => renderNodeCard(node))}
+                                                     </div>
+                                                 );
+                                             })}
+                                         </React.Fragment>
+                                     ))}
+                                     </div>
+                                 </div>
+                         </div>
+                    </div>
+                </div>
+              </>
           ) : (
-            <ListView branches={appBranches} nodes={appNodes} userState={userState} onNodeClick={setActiveNodeId} isGardener={isGardenerMode} onStatusChange={(id: string, status: string) => handleStatusChangeAttempt(id, status)} onBranchInfoClick={(branch: any) => setSelectedBranch(branch)} />
+            <ListView branches={appBranches} nodes={appNodes} userState={userState} onNodeClick={setActiveNodeId} isGardener={isGardenerMode} onStatusChange={(id: string, status: string) => handleStatusChangeAttempt(id, status)} onBranchInfoClick={(branch: any) => setSelectedBranch(branch)} t={t} />
           )}
         </div>
       </div>
diff --git a/pages/Author.tsx b/pages/Author.tsx
index 9215e59..100e72c 100644
--- a/pages/Author.tsx
+++ b/pages/Author.tsx
@@ -1,151 +1,119 @@
-
 import React from 'react';
-import { Linkedin, Mail, Globe, Calendar, Video } from 'lucide-react';
-import SEO from '../components/SEO';
 import { useLanguage } from '../contexts/LanguageContext';
+import SEO from '../components/SEO';
 import ScrollReveal from '../components/ScrollReveal';
+import { Linkedin, Mail, Calendar, Video, ArrowRight } from 'lucide-react';
+import { Link } from 'react-router-dom';
 
 const Author: React.FC = () => {
-  const { ui } = useLanguage();
-
-  const schema = {
-    "@context": "https://schema.org",
-    "@type": "Person",
-    "name": "Serge Baumberger",
-    "jobTitle": "Co-CEO Infometis AG",
-    "url": "https://www.quality-tree.com/author",
-    "image": "https://cdn.prod.website-files.com/659bd602c8644fb17135bbe7/660c27367443119851a48cd0_Swarmie%20Profile%20-%20Serge%20Wolf.png",
-    "sameAs": [
-        "https://www.linkedin.com/in/sergewolf/",
-        "https://www.infometis.ch"
-    ]
-  };
+  const { ui, language } = useLanguage();
 
   return (
-    <div className="min-h-screen bg-slate-50 py-24">
+    <div className="min-h-screen bg-slate-50 pt-24 pb-32">
       <SEO 
-        title="Serge Baumberger" 
-        description={ui("author.bio_p1")}
-        imageUrl="https://cdn.prod.website-files.com/659bd602c8644fb17135bbe7/660c27367443119851a48cd0_Swarmie%20Profile%20-%20Serge%20Wolf.png"
-        schema={schema}
+        title={`${ui("author.title")} - ${ui("author.subtitle")}`} 
+        description={ui("author.bio.p1")} 
       />
 
-      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
-        
-        {/* Profile Card */}
-        <div className="bg-white rounded-[3rem] shadow-sm border border-slate-200 overflow-hidden mb-20">
-          <div className="flex flex-col lg:flex-row">
-            
-            {/* Image Section */}
-            <div className="lg:w-5/12 relative min-h-[500px] lg:min-h-full bg-slate-900">
-              <ScrollReveal animation="zoom-in" className="h-full">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <ScrollReveal animation="fade-up">
+          <div className="text-center mb-20">
+            <h1 className="text-4xl md:text-5xl lg:text-6xl font-black text-slate-900 mb-6 tracking-tight">
+              {ui("author.title")}
+            </h1>
+            <div className="w-24 h-1.5 bg-brand-500 mx-auto rounded-full"></div>
+          </div>
+        </ScrollReveal>
+
+        <div className="flex flex-col lg:flex-row gap-16 items-start">
+          <div className="lg:w-5/12 relative">
+            <ScrollReveal animation="fade-right">
+              <div className="sticky top-32">
+                <div className="absolute inset-0 bg-brand-50 rounded-[4rem] -rotate-3 translate-x-6 scale-95 transition-transform group-hover:rotate-0"></div>
                 <img 
                   src="https://cdn.prod.website-files.com/659bd602c8644fb17135bbe7/660c27367443119851a48cd0_Swarmie%20Profile%20-%20Serge%20Wolf.png" 
                   alt="Serge Baumberger" 
-                  className="absolute inset-0 w-full h-full object-cover grayscale opacity-90 mix-blend-luminosity hover:grayscale-0 hover:opacity-100 transition-all duration-1000"
+                  loading="eager"
+                  fetchpriority="high"
+                  className="relative rounded-[3rem] shadow-2xl grayscale hover:grayscale-0 transition-all duration-1000 w-full aspect-[4/5] object-cover border-8 border-white hover:scale-[1.02]"
                 />
-                <div className="absolute inset-0 bg-gradient-to-t from-slate-900 via-transparent to-transparent"></div>
-                <div className="absolute bottom-12 left-12">
-                   <h1 className="text-5xl font-black text-white mb-2 tracking-tight">Serge Baumberger</h1>
-                   <p className="text-brand-400 font-bold uppercase tracking-widest text-sm">Author | Co-CEO Infometis AG</p>
+                <div className="absolute -bottom-8 -right-8 bg-slate-900 text-white p-8 rounded-3xl shadow-2xl max-w-[240px] hidden md:block">
+                  <p className="text-sm font-light italic opacity-80 mb-4">"Wir bauen keine Software, wir bauen Vertrauen."</p>
+                  <p className="font-bold text-brand-400">Serge Baumberger</p>
                 </div>
-              </ScrollReveal>
-            </div>
+              </div>
+            </ScrollReveal>
+          </div>
+          
+          <div className="lg:w-7/12">
+            <ScrollReveal animation="fade-left">
+              <h2 className="text-4xl font-black text-slate-900 mb-2">
+                {ui("author.subtitle")}
+              </h2>
+              <p className="text-xl text-brand-600 font-bold mb-10">
+                {ui("author.role")}
+              </p>
 
-            {/* Biography Content */}
-            <div className="lg:w-7/12 p-12 md:p-20 flex flex-col justify-center">
-              <ScrollReveal animation="fade-left">
-                <div className="inline-flex items-center gap-2 bg-brand-50 text-brand-700 px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-widest mb-10 border border-brand-100">
-                  {ui("author.badge")}
-                </div>
+              <div className="prose prose-lg prose-slate max-w-none mb-16">
+                <p className="text-slate-600 leading-relaxed font-light text-xl mb-6">
+                  {ui("author.bio.p1")}
+                </p>
+                <p className="text-slate-600 leading-relaxed mb-6">
+                  {ui("author.bio.p2")}
+                </p>
+                <p className="text-slate-600 leading-relaxed mb-6">
+                  {ui("author.bio.p3")}
+                </p>
+              </div>
+
+              <div className="bg-white rounded-3xl p-10 shadow-xl border border-slate-100 relative overflow-hidden">
+                <div className="absolute top-0 right-0 w-64 h-64 bg-brand-50 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2 opacity-50"></div>
                 
-                <div className="prose prose-slate prose-lg max-w-none text-slate-600 mb-12">
-                  <p className="text-2xl font-bold text-slate-900 leading-snug mb-8">
-                    {ui("author.quote_main")}
-                  </p>
-                  <p>
-                    {ui("author.bio_p1")}
-                  </p>
-                  <p>
-                    {ui("author.bio_p2")}
-                  </p>
-                </div>
+                <h3 className="text-2xl font-bold text-slate-900 mb-4 relative z-10">
+                  {ui("author.contact.title")}
+                </h3>
+                <p className="text-slate-600 mb-8 relative z-10">
+                  {ui("author.contact.desc")}
+                </p>
 
-                {/* Booking & Social Integration */}
-                <div className="flex flex-col sm:flex-row items-center gap-6 pt-10 border-t border-slate-100">
+                <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 relative z-10">
                   <a 
                     href="https://outlook.office.com/bookwithme/user/33e79517d09745e0a352cadfcab5ae3e@infometis.ch/meetingtype/WszQVIErKkasYuPPlsMhhg2?anonymous&ismsaljsauthenabled&ep=mlink" 
-                    target="_blank" 
-                    rel="noreferrer" 
-                    className="w-full sm:w-auto flex items-center justify-center bg-slate-900 hover:bg-brand-600 text-white px-8 py-4 rounded-2xl font-bold transition-all gap-3 shadow-xl active:scale-95 transform hover:-translate-y-1"
+                    target="_blank" rel="noreferrer" 
+                    className="flex items-center p-4 rounded-2xl border border-slate-200 hover:border-brand-500 hover:bg-brand-50 transition-all group"
                   >
-                    <Calendar className="h-5 w-5" /> {ui("author.book_meeting")}
+                    <div className="bg-white p-3 rounded-xl shadow-sm mr-4 text-brand-600 group-hover:scale-110 transition-transform">
+                      <Calendar className="h-5 w-5" />
+                    </div>
+                    <span className="font-bold text-slate-900">{ui("author.contact.meeting")}</span>
                   </a>
                   
-                  <div className="flex gap-4">
-                    <a href="https://www.linkedin.com/in/sergewolf/" target="_blank" rel="noreferrer" className="flex items-center justify-center w-12 h-12 rounded-xl bg-slate-100 text-slate-600 hover:bg-[#0077b5] hover:text-white transition-all transform hover:scale-110">
-                      <Linkedin className="h-5 w-5" />
-                    </a>
-                    <a href="mailto:info@quality-tree.com" className="flex items-center justify-center w-12 h-12 rounded-xl bg-slate-100 text-slate-600 hover:bg-brand-600 hover:text-white transition-all transform hover:scale-110">
+                  <a 
+                    href="mailto:info@quality-tree.com" 
+                    className="flex items-center p-4 rounded-2xl border border-slate-200 hover:border-brand-500 hover:bg-brand-50 transition-all group"
+                  >
+                    <div className="bg-white p-3 rounded-xl shadow-sm mr-4 text-brand-600 group-hover:scale-110 transition-transform">
                       <Mail className="h-5 w-5" />
-                    </a>
-                    <a href="https://www.infometis.ch" target="_blank" rel="noreferrer" className="flex items-center justify-center w-12 h-12 rounded-xl bg-slate-100 text-slate-600 hover:bg-slate-900 hover:text-white transition-all transform hover:scale-110">
-                      <Globe className="h-5 w-5" />
-                    </a>
-                  </div>
-                </div>
-              </ScrollReveal>
-            </div>
-          </div>
-        </div>
+                    </div>
+                    <span className="font-bold text-slate-900">{ui("author.contact.email")}</span>
+                  </a>
 
-        {/* Story Section */}
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-20 items-center">
-           <div>
-              <ScrollReveal animation="fade-up">
-                <h2 className="text-3xl font-black text-slate-900 mb-8">{ui("author.thanks_title")}</h2>
-                <div className="prose prose-slate text-slate-600 space-y-6">
-                  <p>
-                    {ui("author.thanks_p1")}
-                  </p>
-                  <p>
-                    {ui("author.thanks_p2")}
-                  </p>
-                </div>
-                
-                <div className="mt-12 p-8 bg-brand-50 rounded-[2rem] border border-brand-100">
-                   <p className="italic text-brand-900 font-medium">{ui("author.quote_footer")}</p>
-                   <div className="mt-4 flex items-center gap-3">
-                      <div className="w-8 h-px bg-brand-300"></div>
-                      <span className="text-xs font-bold text-brand-600 uppercase tracking-widest">Serge Baumberger</span>
-                   </div>
-                </div>
-              </ScrollReveal>
-           </div>
-           
-           <div className="relative">
-              <ScrollReveal animation="zoom-in" delay={300}>
-                <div className="absolute inset-0 bg-slate-200 rounded-[3rem] rotate-3 translate-x-4"></div>
-                <img 
-                  src="https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" 
-                  alt="Workshop Context" 
-                  className="relative rounded-[3rem] shadow-xl w-full h-[500px] object-cover hover:rotate-1 transition-transform duration-700"
-                />
-                <div className="absolute -bottom-6 -right-6 bg-white p-6 rounded-3xl shadow-2xl border border-slate-100 animate-float">
-                   <div className="flex items-center gap-4">
-                      <div className="bg-brand-600 text-white p-3 rounded-2xl">
-                         <Video className="h-6 w-6" />
-                      </div>
-                      <div>
-                         <p className="text-xs font-black text-slate-400 uppercase tracking-widest">{ui("author.next_talk")}</p>
-                         <p className="font-bold text-slate-900">Swiss Testing Day '25</p>
-                      </div>
-                   </div>
+                  <a 
+                    href="https://www.linkedin.com/in/sergewolf/" 
+                    target="_blank" rel="noreferrer" 
+                    className="flex items-center p-4 rounded-2xl border border-slate-200 hover:border-[#0077b5] hover:bg-[#0077b5]/5 transition-all group sm:col-span-2"
+                  >
+                    <div className="bg-white p-3 rounded-xl shadow-sm mr-4 text-[#0077b5] group-hover:scale-110 transition-transform">
+                      <Linkedin className="h-5 w-5" />
+                    </div>
+                    <span className="font-bold text-slate-900">{ui("author.contact.linkedin")}</span>
+                    <ArrowRight className="h-4 w-4 ml-auto text-slate-400 group-hover:text-[#0077b5] group-hover:translate-x-1 transition-all" />
+                  </a>
                 </div>
-              </ScrollReveal>
-           </div>
+              </div>
+            </ScrollReveal>
+          </div>
         </div>
-
       </div>
     </div>
   );
diff --git a/pages/Blog.tsx b/pages/Blog.tsx
index c53e23d..31b5f07 100644
--- a/pages/Blog.tsx
+++ b/pages/Blog.tsx
@@ -1,7 +1,7 @@
 
 import React, { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
-import { BlogPost } from '../types';
+import { BlogPost } from '../src/types';
 import { fetchAllPosts } from '../services/blogService';
 import { Calendar, User, ArrowRight, BookOpen, Search } from 'lucide-react';
 import SEO from '../components/SEO';
@@ -31,7 +31,8 @@ const Blog: React.FC = () => {
   const [displayPosts, setDisplayPosts] = useState<BlogPost[]>([]);
   const [searchQuery, setSearchQuery] = useState("");
   const [loading, setLoading] = useState(true);
-  const { ui, t } = useLanguage();
+  const [visibleCount, setVisibleCount] = useState(6);
+  const { ui, t, language } = useLanguage();
 
   useEffect(() => {
     const loadPosts = async () => {
@@ -45,11 +46,27 @@ const Blog: React.FC = () => {
     loadPosts();
   }, []);
 
-  const filteredPosts = displayPosts.filter(post => 
-    t(post.title).toLowerCase().includes(searchQuery.toLowerCase()) ||
-    t(post.excerpt).toLowerCase().includes(searchQuery.toLowerCase()) ||
-    t(post.content).toLowerCase().includes(searchQuery.toLowerCase())
-  );
+  const filteredPosts = React.useMemo(() => {
+    const query = searchQuery.toLowerCase();
+    if (!query) return displayPosts;
+    
+    return displayPosts.filter(post => 
+      t(post.title).toLowerCase().includes(query) ||
+      t(post.excerpt).toLowerCase().includes(query) ||
+      t(post.content).toLowerCase().includes(query)
+    );
+  }, [displayPosts, searchQuery, t]);
+
+  // Reset visible count when search query changes
+  useEffect(() => {
+    setVisibleCount(6);
+  }, [searchQuery]);
+
+  const visiblePosts = filteredPosts.slice(0, visibleCount);
+
+  const handleLoadMore = () => {
+    setVisibleCount(prev => prev + 6);
+  };
 
   const schema = {
     "@context": "https://schema.org",
@@ -65,13 +82,14 @@ const Blog: React.FC = () => {
         title={ui("seo.blog.title")}
         description={ui("blog.header_desc")}
         schema={schema}
+        lang={language}
       />
 
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         
         {/* Blog Header */}
         <div className="text-center max-w-3xl mx-auto mb-16">
-          <ScrollReveal animation="fade-up">
+          <ScrollReveal animation="fade-up" duration={500}>
             <div className="inline-flex items-center justify-center p-3 bg-brand-100 rounded-2xl mb-6 text-brand-600 border border-brand-200">
               <BookOpen className="h-8 w-8" />
             </div>
@@ -83,7 +101,7 @@ const Blog: React.FC = () => {
         </div>
 
         {/* Search Bar */}
-        <ScrollReveal animation="fade-up" delay={200}>
+        <ScrollReveal animation="fade-up" delay={100} duration={500}>
           <div className="max-w-2xl mx-auto mb-20 relative group">
              <div className="absolute inset-y-0 left-6 flex items-center pointer-events-none">
                <Search className="h-5 w-5 text-slate-400 group-focus-within:text-brand-600 transition-colors" />
@@ -106,16 +124,20 @@ const Blog: React.FC = () => {
         {loading ? <BlogSkeleton /> : (
           <>
             {filteredPosts.length > 0 ? (
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
-                {filteredPosts.map((post, index) => (
-                  <ScrollReveal key={post.id} animation="fade-up" delay={index * 100}>
-                    <article className="flex flex-col bg-white rounded-[2.5rem] shadow-sm border border-slate-200 overflow-hidden hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group h-full">
+              <>
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
+                {visiblePosts.map((post, index) => (
+                  <ScrollReveal key={post.id} animation="fade-up" delay={(index % 3) * 100} duration={500}>
+                    <article className="flex flex-col bg-white rounded-[2.5rem] shadow-sm border border-slate-200 overflow-hidden hover:shadow-xl hover:-translate-y-1 transition-all duration-300 group h-full" style={{ contentVisibility: 'auto' }}>
                       <Link to={`/blog/${post.id}`} className="block h-64 overflow-hidden bg-slate-200 relative">
                         {post.imageUrl ? (
                           <img 
                             src={post.imageUrl} 
                             alt={t(post.title)} 
-                            className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-[1.5s]"
+                            loading={index < 3 ? "eager" : "lazy"}
+                            fetchpriority={index < 3 ? "high" : "auto"}
+                            decoding="async"
+                            className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
                           />
                         ) : (
                           <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-slate-100 to-slate-200">
@@ -155,6 +177,18 @@ const Blog: React.FC = () => {
                   </ScrollReveal>
                 ))}
               </div>
+              
+              {visibleCount < filteredPosts.length && (
+                <div className="mt-16 text-center">
+                  <button 
+                    onClick={handleLoadMore}
+                    className="inline-flex items-center justify-center px-8 py-4 bg-white border border-slate-200 text-slate-900 rounded-xl font-bold hover:bg-slate-50 hover:border-slate-300 transition-all shadow-sm hover:shadow"
+                  >
+                    {ui("blog.load_more") || "Load More"}
+                  </button>
+                </div>
+              )}
+              </>
             ) : (
               <div className="text-center py-24 bg-white rounded-[3rem] border border-slate-100">
                 <div className="w-16 h-16 bg-slate-50 rounded-full flex items-center justify-center text-slate-400 mx-auto mb-6">
diff --git a/pages/BlogPostDetail.tsx b/pages/BlogPostDetail.tsx
index d4c18f5..dc32bd9 100644
--- a/pages/BlogPostDetail.tsx
+++ b/pages/BlogPostDetail.tsx
@@ -2,7 +2,7 @@
 import React, { useState, useEffect } from 'react';
 import { useParams, Link } from 'react-router-dom';
 import { fetchPostById } from '../services/blogService';
-import { BlogPost } from '../types';
+import { BlogPost } from '../src/types';
 import { ArrowLeft, Calendar, User, Linkedin, Twitter, Mail, Share2, TreeDeciduous, ArrowRight } from 'lucide-react';
 import SEO from '../components/SEO';
 import { useLanguage } from '../contexts/LanguageContext';
@@ -36,7 +36,7 @@ const BlogPostDetail: React.FC = () => {
   const { id } = useParams<{ id: string }>();
   const [post, setPost] = useState<BlogPost | undefined>(undefined);
   const [loading, setLoading] = useState(true);
-  const { ui, t } = useLanguage();
+  const { ui, t, language } = useLanguage();
 
   useEffect(() => {
     const loadPost = async () => {
@@ -155,6 +155,7 @@ const BlogPostDetail: React.FC = () => {
         author={post.author}
         publishedTime={post.date}
         schema={schema}
+        lang={language}
       />
 
       {post.imageUrl && (
@@ -162,6 +163,9 @@ const BlogPostDetail: React.FC = () => {
            <img 
              src={post.imageUrl} 
              alt={postTitle} 
+             loading="eager"
+             fetchpriority="high"
+             decoding="sync"
              className="w-full h-full object-cover opacity-80"
            />
            <div className="absolute inset-0 bg-gradient-to-t from-slate-50 via-transparent to-transparent"></div>
diff --git a/pages/BranchDetail.tsx b/pages/BranchDetail.tsx
index 223bbb7..7ee9677 100644
--- a/pages/BranchDetail.tsx
+++ b/pages/BranchDetail.tsx
@@ -6,10 +6,10 @@ import {
   ArrowLeft, CheckCircle2, ArrowRight, 
   GitBranch, Microscope, Hammer, Rocket, Bot, Cloud, UserCheck, BarChart, Zap
 } from 'lucide-react';
-import { BranchDecoration, LeafIcon } from '../components/Illustrations';
+import { BranchDecoration } from '../components/Illustrations';
 import SEO from '../components/SEO';
 import { useLanguage } from '../contexts/LanguageContext';
-import { Level } from '../types';
+import { Level } from '../src/types';
 
 interface LevelCardProps {
   level: Level;
@@ -31,7 +31,7 @@ const LevelCard: React.FC<LevelCardProps> = ({ level, visual, index }) => {
 
   useEffect(() => {
     const observer = new IntersectionObserver(
-      (entries) => {
+      (entries: IntersectionObserverEntry[]) => {
         entries.forEach((entry) => {
           if (entry.isIntersecting) {
             setIsVisible(true);
@@ -99,13 +99,13 @@ const LevelCard: React.FC<LevelCardProps> = ({ level, visual, index }) => {
 
 const BranchDetail: React.FC = () => {
   const { id } = useParams<{ id: string }>();
-  const { t, ui } = useLanguage();
+  const { t, ui, language } = useLanguage();
   const branch = branches.find(b => b.id === id);
 
   if (!branch) {
     return (
       <div className="p-12 text-center">
-        <SEO title="Branch Not Found" description="The requested framework branch could not be found." />
+        <SEO title="Branch Not Found" description="The requested framework branch could not be found." lang={language} />
         Branch not found. <Link to="/framework">Go back</Link>
       </div>
     );
@@ -178,6 +178,7 @@ const BranchDetail: React.FC = () => {
         description={branchDesc}
         schema={branchSchema}
         type="article"
+        lang={language}
       />
 
       <div className={`absolute top-0 right-0 w-[800px] h-[800px] opacity-[0.07] pointer-events-none translate-x-1/4 -translate-y-1/4 ${visual.color}`}>
diff --git a/pages/FAQ.tsx b/pages/FAQ.tsx
index dbb57b1..f64d619 100644
--- a/pages/FAQ.tsx
+++ b/pages/FAQ.tsx
@@ -1,81 +1,72 @@
-
 import React from 'react';
-import SEO from '../components/SEO';
 import { useLanguage } from '../contexts/LanguageContext';
-import { HelpCircle, Bot } from 'lucide-react';
+import SEO from '../components/SEO';
+import ScrollReveal from '../components/ScrollReveal';
 
 const FAQ: React.FC = () => {
   const { ui } = useLanguage();
 
   const faqs = [
-    { q: ui("faq.q1"), a: ui("faq.a1") },
-    { q: ui("faq.q2"), a: ui("faq.a2") },
-    { q: ui("faq.q3"), a: ui("faq.a3") },
+    {
+      question: ui("faq.q1"),
+      answer: ui("faq.a1")
+    },
+    {
+      question: ui("faq.q2"),
+      answer: ui("faq.a2")
+    },
+    {
+      question: ui("faq.q3"),
+      answer: ui("faq.a3")
+    },
+    {
+      question: ui("faq.q4"),
+      answer: ui("faq.a4")
+    },
+    {
+      question: ui("faq.q5"),
+      answer: ui("faq.a5")
+    },
+    {
+      question: ui("faq.q6"),
+      answer: ui("faq.a6")
+    }
   ];
 
-  // Generate FAQ Schema for Google and AI
-  const schema = {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    "mainEntity": faqs.map(item => ({
-      "@type": "Question",
-      "name": item.q,
-      "acceptedAnswer": {
-        "@type": "Answer",
-        "text": item.a
-      }
-    }))
-  };
-
   return (
-    <div className="min-h-screen bg-slate-50 py-24">
+    <div className="min-h-screen bg-slate-50 pt-24 pb-32">
       <SEO 
         title={ui("seo.faq.title")} 
-        description={ui("seo.faq.description")}
-        schema={schema}
+        description={ui("seo.faq.description")} 
       />
 
       <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="text-center mb-16">
-          <div className="inline-flex items-center justify-center p-3 bg-indigo-100 rounded-2xl mb-6 text-indigo-600 border border-indigo-200">
-            <HelpCircle className="h-8 w-8" />
+        <ScrollReveal animation="fade-up">
+          <div className="text-center mb-20">
+            <h1 className="text-4xl md:text-5xl lg:text-6xl font-black text-slate-900 mb-6 tracking-tight">
+              {ui("faq.title")}
+            </h1>
+            <p className="text-xl text-slate-600 max-w-2xl mx-auto mb-8">
+              {ui("faq.subtitle")}
+            </p>
+            <div className="w-24 h-1.5 bg-brand-500 mx-auto rounded-full"></div>
           </div>
-          <h1 className="text-4xl md:text-5xl font-black text-slate-900 mb-6">{ui("faq.title")}</h1>
-          <p className="text-xl text-slate-600 leading-relaxed font-light">
-            {ui("faq.subtitle")}
-          </p>
-        </div>
+        </ScrollReveal>
 
         <div className="space-y-8">
-          {faqs.map((item, index) => (
-            <div key={index} className="bg-white rounded-[2rem] p-8 shadow-sm border border-slate-200 hover:shadow-lg transition-all">
-              <h3 className="text-xl font-bold text-slate-900 mb-4 flex items-start gap-3">
-                <span className="text-brand-600 bg-brand-50 px-2 py-1 rounded text-sm mt-1">Q</span>
-                {item.q}
-              </h3>
-              <div className="prose prose-slate max-w-none">
-                <p className="text-slate-600 leading-relaxed">
-                  {item.a}
+          {faqs.map((faq, index) => (
+            <ScrollReveal key={index} animation="fade-up" delay={index * 100}>
+              <div className="bg-white rounded-3xl p-8 shadow-sm border border-slate-200 hover:shadow-md transition-shadow">
+                <h3 className="text-2xl font-bold text-slate-900 mb-4">
+                  {faq.question}
+                </h3>
+                <p className="text-slate-600 leading-relaxed text-lg">
+                  {faq.answer}
                 </p>
               </div>
-            </div>
+            </ScrollReveal>
           ))}
         </div>
-
-        {/* AI Context Hints - Visually identifiable block for AI optimization */}
-        <div className="mt-20 p-8 bg-slate-100 rounded-[2rem] border border-slate-200 border-dashed">
-           <div className="flex items-center gap-3 mb-4 text-slate-400 font-bold uppercase tracking-widest text-xs">
-              <Bot className="h-4 w-4" /> AI Context & Metadata
-           </div>
-           <p className="text-xs text-slate-500 font-mono">
-             Entity: Quality Tree Framework (QTF)<br/>
-             Type: Software Quality Methodology<br/>
-             Creator: Serge Baumberger<br/>
-             Core Concept: Growth Metaphor (Roots, Trunk, Branches, Leaves)<br/>
-             Publication: Springer Vieweg (2025)
-           </p>
-        </div>
-
       </div>
     </div>
   );
diff --git a/pages/Framework.tsx b/pages/Framework.tsx
index f11cdbb..0619440 100644
--- a/pages/Framework.tsx
+++ b/pages/Framework.tsx
@@ -21,12 +21,12 @@ const iconMap: Record<string, { icon: React.ReactNode, color: string, bg: string
 
 const Framework: React.FC = () => {
   const [searchQuery, setSearchQuery] = useState("");
-  const { t, ui } = useLanguage();
+  const { t, ui, language } = useLanguage();
 
   const filteredBranches = branches.filter(branch => 
     t(branch.title).toLowerCase().includes(searchQuery.toLowerCase()) ||
     t(branch.description).toLowerCase().includes(searchQuery.toLowerCase()) ||
-    branch.levels.some(l => t(l.title).toLowerCase().includes(searchQuery.toLowerCase()))
+    branch.levels.some((l: any) => t(l.title).toLowerCase().includes(searchQuery.toLowerCase()))
   );
 
   const frameworkSchema = {
@@ -53,6 +53,7 @@ const Framework: React.FC = () => {
         title={ui("seo.framework.title")}
         description={ui("seo.framework.description")}
         schema={frameworkSchema}
+        lang={language}
       />
 
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
diff --git a/pages/Home.tsx b/pages/Home.tsx
index fd52402..b7277a5 100644
--- a/pages/Home.tsx
+++ b/pages/Home.tsx
@@ -11,7 +11,7 @@ const Home: React.FC = () => {
   const [pulseScore, setPulseScore] = useState<number | null>(null);
   const [treeProgress, setTreeProgress] = useState(0);
   const containerRef = useRef<HTMLDivElement>(null);
-  const { ui } = useLanguage();
+  const { ui, language } = useLanguage();
 
   useEffect(() => {
     const handleScroll = () => {
@@ -31,6 +31,11 @@ const Home: React.FC = () => {
       
       let progress = scrolled / totalScrollable;
       
+      // Ensure progress is valid
+      if (isNaN(progress) || !isFinite(progress)) {
+        progress = 0;
+      }
+      
       // Clamp between 0 and 1
       progress = Math.max(0, Math.min(1, progress));
       
@@ -66,6 +71,7 @@ const Home: React.FC = () => {
         title={ui("nav.title")}
         description={ui("hero.desc")}
         schema={schema}
+        lang={language}
       />
       
       {/* Hero Section */}
@@ -83,7 +89,7 @@ const Home: React.FC = () => {
             alt=""
             className="w-full h-full object-cover opacity-10 mix-blend-overlay animate-pulse-slow"
             loading="eager"
-            fetchPriority="high"
+            fetchpriority="high"
           />
           <div className="absolute inset-0 bg-gradient-to-br from-slate-900 via-slate-900/95 to-brand-900/20"></div>
         </div>
@@ -164,7 +170,7 @@ const Home: React.FC = () => {
                       width="380"
                       height="548"
                       loading="eager"
-                      fetchPriority="high"
+                      fetchpriority="high"
                       className="w-[280px] md:w-[380px] h-auto mx-auto rounded-r-2xl shadow-[20px_20px_60px_-15px_rgba(0,0,0,0.7)] border-l-8 border-slate-800"
                     />
                     <div className="absolute -top-6 -right-6 bg-white text-slate-900 p-4 rounded-2xl shadow-2xl border border-slate-100 hidden md:block animate-float-delayed">
@@ -439,6 +445,7 @@ const Home: React.FC = () => {
                  <img 
                   src="https://cdn.prod.website-files.com/659bd602c8644fb17135bbe7/660c27367443119851a48cd0_Swarmie%20Profile%20-%20Serge%20Wolf.png" 
                   alt="Serge Baumberger" 
+                  loading="lazy"
                   className="relative rounded-[3rem] shadow-2xl grayscale hover:grayscale-0 transition-all duration-1000 w-full aspect-[4/5] object-cover border-8 border-white hover:scale-[1.02]"
                  />
                  <div className="absolute -bottom-8 -right-8 bg-slate-900 text-white p-8 rounded-3xl shadow-2xl max-w-[240px] hidden md:block">
diff --git a/services/blogService.ts b/services/blogService.ts
index 476b86b..5681c55 100644
--- a/services/blogService.ts
+++ b/services/blogService.ts
@@ -1,12 +1,12 @@
 import { db } from '../firebaseConfig';
 import { collection, getDocs } from 'firebase/firestore';
-import { BlogPost } from '../types';
+import { BlogPost } from '../src/types';
 import { blogPosts as staticPosts } from '../data/framework';
 
 const COLLECTION_NAME = 'posts';
-const STORAGE_KEY = 'qtf_blog_posts_v1';
+const STORAGE_KEY = 'qtf_blog_posts_v2';
 
-const isFirebaseReady = () => !!db;
+const isFirebaseReady = () => !!db && import.meta.env.VITE_FIREBASE_API_KEY && import.meta.env.VITE_FIREBASE_API_KEY !== 'dummy';
 
 export const fetchAllPosts = async (): Promise<BlogPost[]> => {
   // 1. Firebase
diff --git a/src/App.tsx b/src/App.tsx
index 9843a31..3f92c21 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,42 +1,45 @@
-
-import { HashRouter, Routes, Route } from 'react-router-dom';
+import React, { Suspense } from 'react';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { HelmetProvider } from 'react-helmet-async';
-import { LanguageProvider } from './contexts/LanguageContext';
-import Navbar from './components/Navbar';
-import Footer from './components/Footer';
-import Home from './pages/Home';
-import Framework from './pages/Framework';
-import BranchDetail from './pages/BranchDetail';
-import Author from './pages/Author';
-import Blog from './pages/Blog';
-import BlogPostDetail from './pages/BlogPostDetail';
-import AppTool from './pages/AppTool';
-import FAQ from './pages/FAQ';
-import ScrollToTop from './components/ScrollToTop';
+import { LanguageProvider } from '../contexts/LanguageContext';
+import Navbar from '../components/Navbar';
+import Footer from '../components/Footer';
+
+const Home = React.lazy(() => import('../pages/Home'));
+const Blog = React.lazy(() => import('../pages/Blog'));
+const BlogPostDetail = React.lazy(() => import('../pages/BlogPostDetail'));
+const Framework = React.lazy(() => import('../pages/Framework'));
+const BranchDetail = React.lazy(() => import('../pages/BranchDetail'));
+const AppTool = React.lazy(() => import('../pages/AppTool'));
+const AdminCreatePost = React.lazy(() => import('../pages/AdminCreatePost'));
+const Author = React.lazy(() => import('../pages/Author'));
+const FAQ = React.lazy(() => import('../pages/FAQ'));
 
 function App() {
   return (
     <HelmetProvider>
       <LanguageProvider>
-        <HashRouter>
-          <ScrollToTop />
+        <Router>
           <div className="flex flex-col min-h-screen">
             <Navbar />
-            <main className="flex-grow flex flex-col">
-              <Routes>
-                <Route path="/" element={<Home />} />
-                <Route path="/framework" element={<Framework />} />
-                <Route path="/framework/:id" element={<BranchDetail />} />
-                <Route path="/author" element={<Author />} />
-                <Route path="/blog" element={<Blog />} />
-                <Route path="/blog/:id" element={<BlogPostDetail />} />
-                <Route path="/app" element={<AppTool />} />
-                <Route path="/faq" element={<FAQ />} />
-              </Routes>
+            <main className="flex-grow pt-20">
+              <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><div className="animate-spin rounded-full h-12 w-12 border-b-2 border-brand-600"></div></div>}>
+                <Routes>
+                  <Route path="/" element={<Home />} />
+                  <Route path="/blog" element={<Blog />} />
+                  <Route path="/blog/:id" element={<BlogPostDetail />} />
+                  <Route path="/framework" element={<Framework />} />
+                  <Route path="/framework/:id" element={<BranchDetail />} />
+                  <Route path="/app" element={<AppTool />} />
+                  <Route path="/admin" element={<AdminCreatePost />} />
+                  <Route path="/author" element={<Author />} />
+                  <Route path="/faq" element={<FAQ />} />
+                </Routes>
+              </Suspense>
             </main>
             <Footer />
           </div>
-        </HashRouter>
+        </Router>
       </LanguageProvider>
     </HelmetProvider>
   );
diff --git a/src/index.css b/src/index.css
index c4722d9..3b572eb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,21 +1,4 @@
-@import "tailwindcss";
-
-@layer utilities {
-  .animate-pulse-slow {
-    animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-  
-  .animate-float {
-    animation: float 6s ease-in-out infinite;
-  }
-  
-  .animate-float-delayed {
-    animation: float 6s ease-in-out 3s infinite;
-  }
-  
-  @keyframes float {
-    0% { transform: translateY(0px); }
-    50% { transform: translateY(-20px); }
-    100% { transform: translateY(0px); }
-  }
+@theme {
+  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
+  --font-serif: "Playfair Display", ui-serif, Georgia, serif;
 }
diff --git a/src/index.tsx b/src/index.tsx
index 2339d59..a2bf01b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 import App from './App';
 import './index.css';
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>
diff --git a/src/types.ts b/src/types.ts
index 1b9d83c..6c2e485 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,11 +1,6 @@
-
-export type LocalizedString = string | { de: string; en?: string };
-
-export interface Level {
-  id: number;
-  title: LocalizedString;
-  description: LocalizedString;
-  tools?: string[];
+export interface LocalizedString {
+  de: string;
+  en: string;
 }
 
 export interface Branch {
@@ -13,52 +8,44 @@ export interface Branch {
   title: LocalizedString;
   description: LocalizedString;
   icon: string;
-  levels: Level[];
+  levels: {
+    id: number;
+    title: LocalizedString;
+    description: LocalizedString;
+    tools: string[];
+  }[];
 }
 
 export interface BlogPost {
   id: string;
   title: LocalizedString;
   date: string;
+  author: string;
+  imageUrl: string;
   excerpt: LocalizedString;
   content: LocalizedString;
-  author: string;
-  imageUrl?: string;
 }
 
 export interface AppToolCell {
   id: string;
-  label: LocalizedString;
-  tooltip: LocalizedString;
+  label: any;
+  tooltip: any;
+  row?: number;
+  col?: number;
+  status?: string;
+  okrs?: boolean[];
   acceptanceCriteria?: string[];
   class?: string;
   isRoot?: boolean;
 }
 
 export interface AppToolLane {
-  label: string;
+  id?: string;
+  title?: LocalizedString;
+  label?: any;
   startRow: number;
   endRow: number;
-  icon?: string;
-  details: {
-    description: LocalizedString;
-    why: LocalizedString;
-    how: LocalizedString;
-    resources?: { label: string; url: string }[];
-  };
-}
-
-export interface AppToolConfig {
-  lanes: AppToolLane[];
-  cells: AppToolCell[];
-  arrows: { from: string; to: string }[];
-}
-
-export interface AppNode extends Omit<AppToolCell, 'label' | 'tooltip'> {
-  title: string;
-  description: string;
-  level: number;
-  branchId: string;
-  row: number;
-  col: number;
+  color?: string;
+  details?: any;
+  targetCount?: number;
 }
diff --git a/tsconfig.json b/tsconfig.json
index 2702703..c66ea84 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,6 +16,6 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["**/*.ts", "**/*.tsx"],
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
   "exclude": ["node_modules"]
 }
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 7186bf9..744d484 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,9 +1,23 @@
 
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { viteSingleFile } from "vite-plugin-singlefile";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
-  // Keine komplexen Alias-Configs mehr, wir nutzen relative Pfade.
+  plugins: [react(), viteSingleFile()],
+  base: './', // Ensure relative paths for single file portability
+  build: {
+    target: "esnext",
+    assetsInlineLimit: 100000000, // Inline everything
+    chunkSizeWarningLimit: 100000000,
+    cssCodeSplit: false, // Don't split CSS
+    brotliSize: false,
+    rollupOptions: {
+      inlineDynamicImports: true, // Inline dynamic imports
+      output: {
+        manualChunks: undefined, // Disable manual chunks
+      },
+    },
+  },
 });