diff --git a/public/assets/emblem-a.png b/public/assets/emblem-a.png
deleted file mode 100644
index 6726f0e..0000000
Binary files a/public/assets/emblem-a.png and /dev/null differ
diff --git a/public/assets/emblem-a.webp b/public/assets/emblem-a.webp
new file mode 100644
index 0000000..1a52d9f
Binary files /dev/null and b/public/assets/emblem-a.webp differ
diff --git a/public/assets/emblem-b.png b/public/assets/emblem-b.png
deleted file mode 100644
index d0a9003..0000000
Binary files a/public/assets/emblem-b.png and /dev/null differ
diff --git a/public/assets/emblem-b.webp b/public/assets/emblem-b.webp
new file mode 100644
index 0000000..18f2945
Binary files /dev/null and b/public/assets/emblem-b.webp differ
diff --git a/public/assets/logo-a.png b/public/assets/logo-a.png
deleted file mode 100644
index 11d53af..0000000
Binary files a/public/assets/logo-a.png and /dev/null differ
diff --git a/public/assets/logo-a.webp b/public/assets/logo-a.webp
new file mode 100644
index 0000000..d3ebf21
Binary files /dev/null and b/public/assets/logo-a.webp differ
diff --git a/public/assets/logo-b.png b/public/assets/logo-b.png
deleted file mode 100644
index f744832..0000000
Binary files a/public/assets/logo-b.png and /dev/null differ
diff --git a/public/assets/logo-b.webp b/public/assets/logo-b.webp
new file mode 100644
index 0000000..d82f248
Binary files /dev/null and b/public/assets/logo-b.webp differ
diff --git a/public/assets/mitapp-dashboard.png b/public/assets/mitapp-dashboard.png
deleted file mode 100644
index 3d04f5b..0000000
Binary files a/public/assets/mitapp-dashboard.png and /dev/null differ
diff --git a/public/assets/mitapp-dashboard.webp b/public/assets/mitapp-dashboard.webp
new file mode 100644
index 0000000..227c739
Binary files /dev/null and b/public/assets/mitapp-dashboard.webp differ
diff --git a/public/assets/mitapp-qr.png b/public/assets/mitapp-qr.png
deleted file mode 100644
index b0550f4..0000000
Binary files a/public/assets/mitapp-qr.png and /dev/null differ
diff --git a/public/assets/mitapp-qr.webp b/public/assets/mitapp-qr.webp
new file mode 100644
index 0000000..4a6931e
Binary files /dev/null and b/public/assets/mitapp-qr.webp differ
diff --git a/public/assets/mitapp-roadmap.png b/public/assets/mitapp-roadmap.png
deleted file mode 100644
index 61f0ce6..0000000
Binary files a/public/assets/mitapp-roadmap.png and /dev/null differ
diff --git a/public/assets/mitapp-roadmap.webp b/public/assets/mitapp-roadmap.webp
new file mode 100644
index 0000000..9c6463b
Binary files /dev/null and b/public/assets/mitapp-roadmap.webp differ
diff --git a/public/assets/mitup-logo.webp b/public/assets/mitup-logo.webp
new file mode 100644
index 0000000..421cafb
Binary files /dev/null and b/public/assets/mitup-logo.webp differ
diff --git a/public/assets/speaker-david.jpg b/public/assets/speaker-david.jpg
deleted file mode 100644
index 09e2718..0000000
Binary files a/public/assets/speaker-david.jpg and /dev/null differ
diff --git a/public/assets/speaker-david.webp b/public/assets/speaker-david.webp
new file mode 100644
index 0000000..34584ed
Binary files /dev/null and b/public/assets/speaker-david.webp differ
diff --git a/public/assets/techday-event.png b/public/assets/techday-event.png
deleted file mode 100644
index 7706f7a..0000000
Binary files a/public/assets/techday-event.png and /dev/null differ
diff --git a/public/assets/techday-event.webp b/public/assets/techday-event.webp
new file mode 100644
index 0000000..a0bd8ae
Binary files /dev/null and b/public/assets/techday-event.webp differ
diff --git a/public/datenschutz.html b/public/datenschutz.html
index aec8832..33baebd 100644
--- a/public/datenschutz.html
+++ b/public/datenschutz.html
@@ -8,7 +8,8 @@
 <meta name="robots" content="noindex" />
 <link rel="canonical" href="https://tool-ctrl.de/datenschutz" />
 <link rel="icon" type="image/png" href="/assets/favicon.png" />
-<link rel="stylesheet" href="/styles.css?v=20260525" />
+<link rel="preload" href="/assets/fonts/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="stylesheet" href="/styles.css?v=20260562" />
 </head>
 <body>
 
@@ -17,7 +18,27 @@
     <a class="brand" href="/" aria-label="ToolCTRL Startseite">
       <img src="/assets/logo-black.svg" alt="ToolCTRL" class="brand-logo" />
     </a>
-    <a class="legal-back" href="/">Zurück zur Startseite</a>
+    <nav class="nav" aria-label="Hauptnavigation">
+      <a href="/#leistungen">Leistungen</a>
+      <a href="/#branchen">Branchen</a>
+      <a href="/#vorgehen">Vorgehen</a>
+      <a href="/#arbeit">Organisation</a>
+      <a href="/techday">TechDay</a>
+      <a href="/gamejam">GameJam</a>
+      <a class="btn btn-solid btn-sm" href="/#kontakt">Ablauf prüfen</a>
+    </nav>
+    <button class="nav-toggle" aria-label="Menü" aria-expanded="false">
+      <span></span><span></span>
+    </button>
+  </div>
+  <div class="mobile-nav" hidden>
+    <a href="/#leistungen">Leistungen</a>
+    <a href="/#branchen">Branchen</a>
+    <a href="/#vorgehen">Vorgehen</a>
+    <a href="/#arbeit">Organisation</a>
+    <a href="/techday">TechDay</a>
+    <a href="/gamejam">GameJam</a>
+    <a class="btn btn-solid" href="/#kontakt">Ablauf prüfen</a>
   </div>
 </header>
 
@@ -154,16 +175,24 @@
   </p>
 </main>
 
-<footer class="legal-footer">
-  <div class="wrap legal-footer-inner">
-    <span>© 2026 ToolCTRL</span>
-    <span>
-      <a href="/">Startseite</a> ·
-      <a href="/impressum">Impressum</a> ·
+<footer class="site-footer">
+  <div class="wrap footer-bar">
+    <div class="footer-brand">
+      <img src="/assets/logo-white.svg" alt="ToolCTRL" class="footer-logo" />
+      <p>© <span id="year">2026</span> ToolCTRL · Bruchsal</p>
+    </div>
+    <div class="footer-links">
+      <a href="mailto:info@tool-ctrl.de">info@tool-ctrl.de</a>
+      <i></i>
+      <a href="https://www.linkedin.com/company/toolctrl/" target="_blank" rel="noopener">LinkedIn</a>
+      <i></i>
+      <a href="/impressum">Impressum</a>
+      ·
       <a href="/datenschutz">Datenschutz</a>
-    </span>
+    </div>
   </div>
 </footer>
 
+<script src="/script.js?v=20260554"></script>
 </body>
 </html>
diff --git a/public/gamejam.html b/public/gamejam.html
index b13ed3f..3d2ab60 100644
--- a/public/gamejam.html
+++ b/public/gamejam.html
@@ -12,10 +12,11 @@
 <meta property="og:title" content="AI GameJam — Human in the Loop">
 <meta property="og:description" content="Zwei Stunden, KI, ein spielbares Ergebnis: die AI GameJam beim TechDay Bruchsal 2026.">
 <meta property="og:url" content="https://tool-ctrl.de/gamejam">
-<meta property="og:image" content="https://tool-ctrl.de/assets/logo-a.png">
+<meta property="og:image" content="https://tool-ctrl.de/assets/logo-a.webp">
 <meta name="twitter:card" content="summary_large_image">
 <meta name="theme-color" content="#0c0c0e">
 <link rel="icon" type="image/png" href="/assets/favicon.png">
+<link rel="preload" href="/assets/fonts/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin>
 <style>
   @font-face {
     font-family: "Space Grotesk";
@@ -319,31 +320,140 @@
   .dropzone .big { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
   .dropzone .sm { color: var(--muted); font-size: 13px; font-family: 'Space Mono', monospace; }
   .btn {
-    background: var(--ac); color: #ffffff; border: none;
+    position: relative; isolation: isolate; overflow: visible;
+    background: linear-gradient(180deg, #3c3c3f 0%, #161617 60%, #070708 100%);
+    color: #ffffff; border: 2px solid #0c0c0e; border-radius: 7px;
     padding: 13px 30px; font-size: 14px; font-weight: 700; cursor: pointer;
     font-family: inherit; text-transform: uppercase; letter-spacing: 1px;
-    transition: opacity .15s ease, transform .12s ease;
+    box-shadow: 0 7px 0 #000000, 0 11px 0 #343437, 0 17px 18px -10px rgba(0,0,0,.48),
+      inset 0 2px 0 rgba(255,255,255,.22);
+    transition: box-shadow .12s ease, transform .12s ease, background .15s ease;
   }
-  .btn:hover { opacity: 0.82; transform: translateY(-1px); }
-  .btn:active { transform: scale(.96); }
-  .btn:disabled { background: var(--line2); color: var(--muted); cursor: not-allowed; }
+  .btn::after {
+    content: ""; position: absolute; left: 5px; right: -6px; bottom: -8px;
+    height: 8px; z-index: -1; border: 2px solid #0c0c0e; border-top: 0;
+    border-radius: 0 0 7px 7px; background: #0c0c0e;
+    transition: height .12s ease, bottom .12s ease;
+  }
+  .btn:hover { transform: translateY(-2px); box-shadow: 0 9px 0 #000000, 0 13px 0 #343437, 0 19px 20px -10px rgba(0,0,0,.5),
+      inset 0 2px 0 rgba(255,255,255,.22); }
+  .btn:active { transform: translateY(5px) scale(.985); box-shadow: 0 2px 0 #000000, 0 4px 0 #343437, 0 9px 14px -9px rgba(0,0,0,.45); }
+  .btn:active::after { bottom: -3px; height: 3px; }
+  .btn:disabled { background: var(--line2); color: var(--muted); cursor: not-allowed; box-shadow: none; }
+  .btn:disabled::after { display: none; }
   .status {
     font-family: 'Space Mono', monospace; font-size: 13px; margin-top: 16px; min-height: 20px;
   }
   .status.ok { color: var(--ac); }
-  .status.err { color: #c0392b; }
+  .status.err { color: #0c0c0e; font-weight: 700; }
 
   /* ===== GALLERY ===== */
   .btn-ghost {
-    background: var(--panel); border: 1px solid var(--line2); color: var(--text);
+    position: relative; isolation: isolate; overflow: visible;
+    background: linear-gradient(180deg, #ffffff 0%, #f1f1f2 62%, #dfdfe1 100%);
+    border: 2px solid var(--text); border-radius: 6px; color: var(--text);
     padding: 10px 16px; font-size: 12px; font-weight: 600; cursor: pointer;
     font-family: 'Space Mono', monospace; text-transform: uppercase; letter-spacing: 1px;
     display: inline-flex; align-items: center; gap: 8px;
-    transition: border-color .15s ease, transform .12s ease;
+    box-shadow: 0 5px 0 #000000, 0 8px 0 #bbbbbf, 0 13px 16px -10px rgba(0,0,0,.36);
+    transition: box-shadow .12s ease, transform .12s ease;
   }
-  .btn-ghost:hover { border-color: var(--ac); transform: translateY(-1px); }
+  .btn-ghost::after {
+    content: ""; position: absolute; left: 4px; right: -5px; bottom: -7px;
+    height: 7px; z-index: -1; border: 2px solid var(--text); border-top: 0;
+    border-radius: 0 0 6px 6px; background: #d9d9dc;
+    transition: height .12s ease, bottom .12s ease;
+  }
+  .btn-ghost:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #000000, 0 10px 0 #bbbbbf, 0 15px 18px -10px rgba(0,0,0,.38); }
+  .btn-ghost:active { transform: translateY(4px) scale(.985); box-shadow: 0 1px 0 #000000, 0 3px 0 #bbbbbf, 0 7px 12px -9px rgba(0,0,0,.34); }
+  .btn-ghost:active::after { bottom: -3px; height: 3px; }
   .btn-ghost svg.ic { width: 13px; height: 13px; }
 
+  .btn,
+  .btn-ghost {
+    max-width: 100%;
+    min-height: 40px;
+    line-height: 1.1;
+    white-space: normal;
+    text-align: center;
+    justify-content: center;
+  }
+  .btn::after,
+  .btn-ghost::after { display: none; }
+  .btn {
+    display: inline-flex; align-items: center;
+    box-shadow: 0 5px 0 #000000, 0 8px 12px -8px rgba(0,0,0,.48),
+      inset 0 2px 0 rgba(255,255,255,.22);
+  }
+  .btn:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 0 #000000, 0 10px 14px -9px rgba(0,0,0,.5),
+      inset 0 2px 0 rgba(255,255,255,.22);
+  }
+  .btn:active {
+    transform: translateY(3px) scale(.96);
+    box-shadow: 0 2px 0 #000000, 0 7px 10px -9px rgba(0,0,0,.45);
+  }
+  .btn-ghost {
+    box-shadow: 0 5px 0 #000000, 0 8px 12px -8px rgba(0,0,0,.32);
+  }
+  .btn-ghost:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 0 #000000, 0 10px 14px -9px rgba(0,0,0,.34);
+  }
+  .btn-ghost:active {
+    transform: translateY(3px) scale(.96);
+    box-shadow: 0 2px 0 #000000, 0 7px 10px -9px rgba(0,0,0,.3);
+  }
+
+  .btn,
+  .btn-ghost {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    max-width: 100%;
+    min-height: 40px;
+    padding: 11px 20px;
+    border: 2px solid var(--text);
+    border-radius: 6px;
+    line-height: 1.1;
+    white-space: normal;
+    text-align: center;
+    overflow-wrap: anywhere;
+    transform: translateY(0);
+    box-shadow: 0 4px 0 #000000, 0 10px 16px -12px rgba(0,0,0,.42);
+  }
+  .btn::before,
+  .btn::after,
+  .btn-ghost::before,
+  .btn-ghost::after {
+    display: none;
+  }
+  .btn:hover,
+  .btn-ghost:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 5px 0 #000000, 0 12px 18px -12px rgba(0,0,0,.44);
+  }
+  .btn:active,
+  .btn-ghost:active {
+    transform: translateY(2px) scale(.98);
+    box-shadow: 0 1px 0 #000000, 0 6px 10px -10px rgba(0,0,0,.4);
+  }
+
+  .btn {
+    border-color: #ffffff;
+    box-shadow: 0 4px 0 #9f9f9f, 0 10px 16px -12px rgba(255,255,255,.38),
+      inset 0 2px 0 rgba(255,255,255,.24);
+  }
+  .btn:hover {
+    box-shadow: 0 5px 0 #bcbcbc, 0 12px 18px -12px rgba(255,255,255,.42),
+      inset 0 2px 0 rgba(255,255,255,.24);
+  }
+  .btn:active {
+    box-shadow: 0 1px 0 #bcbcbc, 0 6px 10px -10px rgba(255,255,255,.34);
+  }
+
   .games { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 6px; }
   .game { background: var(--panel); border: 1px solid var(--line); }
   .game .frame { width: 100%; aspect-ratio: 16/10; border: none; background: var(--panel2); display: block; }
@@ -375,6 +485,13 @@
     font-family: 'Space Mono', monospace; color: var(--muted); font-size: 12px;
     letter-spacing: 0.5px;
   }
+  footer .links {
+    display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 14px;
+    font-family: 'Space Mono', monospace; font-size: 12px; letter-spacing: .5px;
+    color: var(--muted);
+  }
+  footer .links a { color: var(--muted); text-decoration: none; }
+  footer .links a:hover { color: var(--text); }
 
   @keyframes heroRise {
     from { opacity: 0; transform: translateY(6px); }
@@ -416,12 +533,12 @@
 <div class="topbar">
   <div class="inner">
     <div class="left">
-    <a href="/" aria-label="Zur ToolCTRL-Startseite"><img class="tc" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzEzLjMyIDY3OC42MSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtNSk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtNik7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtNCk7CiAgICAgIH0KCiAgICAgIC5jbHMtNCB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtMyk7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtMik7CiAgICAgIH0KCiAgICAgIC5jbHMtNiB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSI2NTguOTYiIHkxPSIzMS45NiIgeDI9IjI5Ny43IiB5Mj0iNDU4LjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDAwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMzMyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTIiIHgxPSIxNjg0LjMiIHkxPSIxMTQyLjc1IiB4Mj0iMjIwNi4wOSIgeTI9IjE1NTMuNTEiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4MzMuNzQgLTExMDguOTYpIHJvdGF0ZSg1LjA2KSBza2V3WCgxNC4yNSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjJiMmIyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjc4IiBzdG9wLWNvbG9yPSIjZmZmIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMyIgeDE9IjE3MTkuMTMiIHkxPSIxMDk4LjUxIiB4Mj0iMjI0MC45MSIgeTI9IjE1MDkuMjgiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQtMiIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNCIgeDE9IjE3NjQuODIiIHkxPSIxMDQwLjQ3IiB4Mj0iMjI4Ni42IiB5Mj0iMTQ1MS4yNCIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudC0yIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC01IiB4MT0iMTgwNi4yNyIgeTE9Ijk4Ny44MiIgeDI9IjIzMjguMDUiIHkyPSIxMzk4LjU5IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50LTIiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTYiIHgxPSIzNDUuMDMiIHkxPSItMTAuMTUiIHgyPSIxMDE0LjU1IiB5Mj0iNTE2LjkxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudC0yIi8+CiAgPC9kZWZzPgogIDxnPgogICAgPHBhdGggZD0iTTY4OC43LDU3Mi4wOWwtMTYwLDk4Ljk1Yy05LjE0LDUuNzMtMTkuOTksOC4zNS0zMC43Nyw3LjM3bC0zODAuNjgtMzQuMzZjLTIyLjQ4LTIuMDEtNDAuNzYtMTkuMDEtNDQuMzUtNDEuMzFMLjY0LDE1OS4zMWMtMy4xNy0xOS41Niw1LjYtMzkuMTIsMjIuMy00OS43MkwxODkuNDYsOC4wOGMtMTMuOTUsOS43NSwyMy43NywzMS41NSwyNi44OCw0OS45NWw5MS4zLDM2MS4xM2M2LjIxLDM2LjY4LDM2LjM3LDY0LjU4LDczLjQyLDY3LjkzbDI3OC42NCw0Mi45YzguNjUuNzksMjEuODcsNDUuNjgsMjguOTQsNDIuMDNsLjA2LjA2WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy02IiBkPSJNNjg4LjY0LDU3Mi4wM2MtNy4wNywzLjY2LTE1LjIzLDUuMzYtMjMuODgsNC41N2wtMzQ5LTMxLjVjLTM3LjA0LTMuMzUtNjcuMjEtMzEuMjYtNzMuNDItNjcuOTNMMTcwLjM5LDUzLjM1Yy0zLjExLTE4LjQsNS4xMi0zNS41MiwxOS4wNy00NS4yN2wxLjk1LTEuMTZjNy45OC01LjA2LDE3LjYxLTcuNjIsMjcuOTEtNi43NmwzNTguNTYsMzAuMzRjMjkuNDksMi41LDUzLjU2LDI0LjYyLDU4LjYxLDUzLjhsNzYuMTYsNDQwLjM5YzMuNTMsMjAuMjktNy4xOSwzOC45OS0yNC4wMSw0Ny4zNFoiLz4KICA8L2c+CiAgPGc+CiAgICA8Zz4KICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNMzAwLjIyLDM0My45M2wtMTUuMDEsNC4yNiwxNS43Myw5Ni4wNWM0LjIzLDI1LjgzLDIxLjg4LDQyLjU5LDQ3LjIxLDQ0LjgzbDIwLjQyLDEuODEtMi40OC0xNS4xNC0yMC40Mi0xLjgxYy0xNS44MS0xLjQtMjYuMDQtMTEuNDQtMjguNzktMjguMjhsLTguMjQtNTAuMzQsNDQuOTMsMy45Ny0yLjQ1LTE0Ljk0LTQ0LjkzLTMuOTctNS45Ny0zNi40M1oiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNNDIxLjk2LDM4Ny45N2MtMzEuODgtMi44Mi01MS4yNiwxOC4xLTQ2LjA4LDQ5LjczLDUuMTgsMzEuNjQsMzIuMDgsNTYuNjUsNjMuOTcsNTkuNDcsMzEuODgsMi44Miw1MS4yNi0xOC4xLDQ2LjA4LTQ5LjczLTUuMTgtMzEuNjQtMzIuMDgtNTYuNjUtNjMuOTctNTkuNDdaTTQzNy4zNiw0ODIuMDNjLTIyLjktMi4wMy00MS41NC0xOS42Ny00NS4zNS00Mi45LTMuOC0yMy4yMyw5LjUzLTM4LjA0LDMyLjQzLTM2LjAyLDIyLjksMi4wMyw0MS41NCwxOS42Niw0NS4zNSw0Mi45LDMuOCwyMy4yMy05LjUzLDM4LjA0LTMyLjQyLDM2LjAyWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01NDEuMzcsMzk4LjUzYy0zMS44OC0yLjgyLTUxLjI2LDE4LjEtNDYuMDgsNDkuNzMsNS4xOCwzMS42NCwzMi4wOCw1Ni42NSw2My45Nyw1OS40NywzMS44OCwyLjgyLDUxLjI2LTE4LjEsNDYuMDgtNDkuNzMtNS4xOC0zMS42NC0zMi4wOC01Ni42NS02My45Ny01OS40N1pNNTU2Ljc3LDQ5Mi41OWMtMjIuOS0yLjAzLTQxLjU0LTE5LjY3LTQ1LjM1LTQyLjktMy44LTIzLjIzLDkuNTMtMzguMDQsMzIuNDMtMzYuMDIsMjIuOSwyLjAzLDQxLjU0LDE5LjY2LDQ1LjM1LDQyLjksMy44LDIzLjIzLTkuNTMsMzguMDQtMzIuNDIsMzYuMDJaIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2MDcuNjcgMzY4LjQxIDYzMS4xIDUxMS40NiA2NDcuMDQgNTEyLjg3IDYyMi42OCAzNjQuMTUgNjA3LjY3IDM2OC40MSIvPgogICAgPC9nPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTgyLjM5LDE2NC4wN2wxOC4zLDEuNjItNTYuMjktNzUuMTJjLTMuMTUtNC4yLTcuOTMtNi44Ni0xMy4xNi03LjMzaDBjLTcuNjEtLjY3LTE0Ljg2LDMuNDEtMTguMjIsMTAuMjdsLTMwLjMsNjEuNzUsMTkuMiwxLjcsMjcuNTctNTYuMmMuOTktMi4wMSwzLjc1LTIuMjcsNS4xLS40OGw0Ny44MSw2My43OVoiLz4KICA8L2c+Cjwvc3ZnPg==" alt="ToolCTRL"></a>
+    <a href="/" aria-label="Zur ToolCTRL-Startseite"><img class="tc" src="/assets/logo-black.svg" alt="ToolCTRL"></a>
       <a class="back" href="/"><svg class="ic" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg> Startseite</a>
     </div>
     <div class="right">
       <span class="ev">TechDay Bruchsal · 27.05.2026</span>
-      <img class="mit" src="data:image/png;base64,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69dfudJAUVTv3r1HjhzR0NAglCvd2dDQECpFFWribtv277Q0voJ4Zuag9PS08+cvgOPWarXCihYqihL2d01NTUI4L3f9EguF43l4xTPMU30+n8PhEKyCVGDIQWCKJ8MwkMMQpGdCJWwoqO50uoTj67BAKQIfMjY2tl+/5F69eun1OqfTBZUSL1++7Ha7NRpNqG0UtABrf3x8fHJy3+TkZCin73A4WlvNDQ0Nra0tLS1myJ0AUQ9ZEECRoC/Odewr/dqxP5HDbrfL5fK4uNj4+ISYmBiNRi2TyWiattvtly7V19bWNjU1KZVKmAZSqbQjhBy3Wm0+XzhfKTxUp9PB9fBQMBNAuYHwgBU2ajUo+szUbtM0/SGVXZV8/73h80Eh0w8GKOjhh2AI8Xp54xDD8BH7/hDjSKrAQt/49UMAdClweQXZExi+AzeGWcW4gGS/wF0PUJkv/+GjfT4+9AfWXCjuLJVKwY3qt6n6NfdIAlL9Dw0cq8jTDiPJyu15AkVC2PCp3T11DcB/JaDbvoVqIVAL7uSpCLwgfIOSEJd1fVaoPkfy7t1eH7lQidoBEr0dSKTPJZLbI7xGfE96qjPdXhl5b6/2pUItqZJrjJulKiXCLQpEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCkIjB/wfa8CuvWDKSvQAAAABJRU5ErkJggg==" alt="mITup Bruchsal">
+      <img class="mit" src="/assets/mitup-logo.webp" alt="mITup Bruchsal">
     </div>
   </div>
 </div>
@@ -582,10 +699,19 @@
 <footer>
   <div class="inner">
     <div class="logos">
-      <img class="tc" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzEzLjMyIDY3OC42MSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtNSk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtNik7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtNCk7CiAgICAgIH0KCiAgICAgIC5jbHMtNCB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtMyk7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQtMik7CiAgICAgIH0KCiAgICAgIC5jbHMtNiB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSI2NTguOTYiIHkxPSIzMS45NiIgeDI9IjI5Ny43IiB5Mj0iNDU4LjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDAwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMzMyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTIiIHgxPSIxNjg0LjMiIHkxPSIxMTQyLjc1IiB4Mj0iMjIwNi4wOSIgeTI9IjE1NTMuNTEiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4MzMuNzQgLTExMDguOTYpIHJvdGF0ZSg1LjA2KSBza2V3WCgxNC4yNSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjJiMmIyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjc4IiBzdG9wLWNvbG9yPSIjZmZmIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMyIgeDE9IjE3MTkuMTMiIHkxPSIxMDk4LjUxIiB4Mj0iMjI0MC45MSIgeTI9IjE1MDkuMjgiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQtMiIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNCIgeDE9IjE3NjQuODIiIHkxPSIxMDQwLjQ3IiB4Mj0iMjI4Ni42IiB5Mj0iMTQ1MS4yNCIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudC0yIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC01IiB4MT0iMTgwNi4yNyIgeTE9Ijk4Ny44MiIgeDI9IjIzMjguMDUiIHkyPSIxMzk4LjU5IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50LTIiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTYiIHgxPSIzNDUuMDMiIHkxPSItMTAuMTUiIHgyPSIxMDE0LjU1IiB5Mj0iNTE2LjkxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudC0yIi8+CiAgPC9kZWZzPgogIDxnPgogICAgPHBhdGggZD0iTTY4OC43LDU3Mi4wOWwtMTYwLDk4Ljk1Yy05LjE0LDUuNzMtMTkuOTksOC4zNS0zMC43Nyw3LjM3bC0zODAuNjgtMzQuMzZjLTIyLjQ4LTIuMDEtNDAuNzYtMTkuMDEtNDQuMzUtNDEuMzFMLjY0LDE1OS4zMWMtMy4xNy0xOS41Niw1LjYtMzkuMTIsMjIuMy00OS43MkwxODkuNDYsOC4wOGMtMTMuOTUsOS43NSwyMy43NywzMS41NSwyNi44OCw0OS45NWw5MS4zLDM2MS4xM2M2LjIxLDM2LjY4LDM2LjM3LDY0LjU4LDczLjQyLDY3LjkzbDI3OC42NCw0Mi45YzguNjUuNzksMjEuODcsNDUuNjgsMjguOTQsNDIuMDNsLjA2LjA2WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy02IiBkPSJNNjg4LjY0LDU3Mi4wM2MtNy4wNywzLjY2LTE1LjIzLDUuMzYtMjMuODgsNC41N2wtMzQ5LTMxLjVjLTM3LjA0LTMuMzUtNjcuMjEtMzEuMjYtNzMuNDItNjcuOTNMMTcwLjM5LDUzLjM1Yy0zLjExLTE4LjQsNS4xMi0zNS41MiwxOS4wNy00NS4yN2wxLjk1LTEuMTZjNy45OC01LjA2LDE3LjYxLTcuNjIsMjcuOTEtNi43NmwzNTguNTYsMzAuMzRjMjkuNDksMi41LDUzLjU2LDI0LjYyLDU4LjYxLDUzLjhsNzYuMTYsNDQwLjM5YzMuNTMsMjAuMjktNy4xOSwzOC45OS0yNC4wMSw0Ny4zNFoiLz4KICA8L2c+CiAgPGc+CiAgICA8Zz4KICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNMzAwLjIyLDM0My45M2wtMTUuMDEsNC4yNiwxNS43Myw5Ni4wNWM0LjIzLDI1LjgzLDIxLjg4LDQyLjU5LDQ3LjIxLDQ0LjgzbDIwLjQyLDEuODEtMi40OC0xNS4xNC0yMC40Mi0xLjgxYy0xNS44MS0xLjQtMjYuMDQtMTEuNDQtMjguNzktMjguMjhsLTguMjQtNTAuMzQsNDQuOTMsMy45Ny0yLjQ1LTE0Ljk0LTQ0LjkzLTMuOTctNS45Ny0zNi40M1oiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNNDIxLjk2LDM4Ny45N2MtMzEuODgtMi44Mi01MS4yNiwxOC4xLTQ2LjA4LDQ5LjczLDUuMTgsMzEuNjQsMzIuMDgsNTYuNjUsNjMuOTcsNTkuNDcsMzEuODgsMi44Miw1MS4yNi0xOC4xLDQ2LjA4LTQ5LjczLTUuMTgtMzEuNjQtMzIuMDgtNTYuNjUtNjMuOTctNTkuNDdaTTQzNy4zNiw0ODIuMDNjLTIyLjktMi4wMy00MS41NC0xOS42Ny00NS4zNS00Mi45LTMuOC0yMy4yMyw5LjUzLTM4LjA0LDMyLjQzLTM2LjAyLDIyLjksMi4wMyw0MS41NCwxOS42Niw0NS4zNSw0Mi45LDMuOCwyMy4yMy05LjUzLDM4LjA0LTMyLjQyLDM2LjAyWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01NDEuMzcsMzk4LjUzYy0zMS44OC0yLjgyLTUxLjI2LDE4LjEtNDYuMDgsNDkuNzMsNS4xOCwzMS42NCwzMi4wOCw1Ni42NSw2My45Nyw1OS40NywzMS44OCwyLjgyLDUxLjI2LTE4LjEsNDYuMDgtNDkuNzMtNS4xOC0zMS42NC0zMi4wOC01Ni42NS02My45Ny01OS40N1pNNTU2Ljc3LDQ5Mi41OWMtMjIuOS0yLjAzLTQxLjU0LTE5LjY3LTQ1LjM1LTQyLjktMy44LTIzLjIzLDkuNTMtMzguMDQsMzIuNDMtMzYuMDIsMjIuOSwyLjAzLDQxLjU0LDE5LjY2LDQ1LjM1LDQyLjksMy44LDIzLjIzLTkuNTMsMzguMDQtMzIuNDIsMzYuMDJaIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2MDcuNjcgMzY4LjQxIDYzMS4xIDUxMS40NiA2NDcuMDQgNTEyLjg3IDYyMi42OCAzNjQuMTUgNjA3LjY3IDM2OC40MSIvPgogICAgPC9nPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTgyLjM5LDE2NC4wN2wxOC4zLDEuNjItNTYuMjktNzUuMTJjLTMuMTUtNC4yLTcuOTMtNi44Ni0xMy4xNi03LjMzaDBjLTcuNjEtLjY3LTE0Ljg2LDMuNDEtMTguMjIsMTAuMjdsLTMwLjMsNjEuNzUsMTkuMiwxLjcsMjcuNTctNTYuMmMuOTktMi4wMSwzLjc1LTIuMjcsNS4xLS40OGw0Ny44MSw2My43OVoiLz4KICA8L2c+Cjwvc3ZnPg==" alt="ToolCTRL">
-      <img src="data:image/png;base64,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69dfudJAUVTv3r1HjhzR0NAglCvd2dDQECpFFWribtv277Q0voJ4Zuag9PS08+cvgOPWarXCihYqihL2d01NTUI4L3f9EguF43l4xTPMU30+n8PhEKyCVGDIQWCKJ8MwkMMQpGdCJWwoqO50uoTj67BAKQIfMjY2tl+/5F69eun1OqfTBZUSL1++7Ha7NRpNqG0UtABrf3x8fHJy3+TkZCin73A4WlvNDQ0Nra0tLS1myJ0AUQ9ZEECRoC/Odewr/dqxP5HDbrfL5fK4uNj4+ISYmBiNRi2TyWiattvtly7V19bWNjU1KZVKmAZSqbQjhBy3Wm0+XzhfKTxUp9PB9fBQMBNAuYHwgBU2ajUo+szUbtM0/SGVXZV8/73h80Eh0w8GKOjhh2AI8Xp54xDD8BH7/hDjSKrAQt/49UMAdClweQXZExi+AzeGWcW4gGS/wF0PUJkv/+GjfT4+9AfWXCjuLJVKwY3qt6n6NfdIAlL9Dw0cq8jTDiPJyu15AkVC2PCp3T11DcB/JaDbvoVqIVAL7uSpCLwgfIOSEJd1fVaoPkfy7t1eH7lQidoBEr0dSKTPJZLbI7xGfE96qjPdXhl5b6/2pUItqZJrjJulKiXCLQpEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCEAVEIARRQARCkIjB/wfa8CuvWDKSvQAAAABJRU5ErkJggg==" alt="mITup Bruchsal">
+      <img class="tc" src="/assets/logo-black.svg" alt="ToolCTRL">
+      <img src="/assets/mitup-logo.webp" alt="mITup Bruchsal">
     </div>
     <div class="ft">AI GameJam · Human in the Loop · veranstaltet von ToolCTRL beim TechDay Bruchsal 2026</div>
+    <div class="links">
+      <a href="mailto:info@tool-ctrl.de">info@tool-ctrl.de</a>
+      <span>·</span>
+      <a href="https://www.linkedin.com/company/toolctrl/" target="_blank" rel="noopener">LinkedIn</a>
+      <span>·</span>
+      <a href="/impressum">Impressum</a>
+      <span>·</span>
+      <a href="/datenschutz">Datenschutz</a>
+    </div>
   </div>
 </footer>
 
diff --git a/public/impressum.html b/public/impressum.html
index 4babd1c..12636a9 100644
--- a/public/impressum.html
+++ b/public/impressum.html
@@ -8,7 +8,8 @@
 <meta name="robots" content="noindex" />
 <link rel="canonical" href="https://tool-ctrl.de/impressum" />
 <link rel="icon" type="image/png" href="/assets/favicon.png" />
-<link rel="stylesheet" href="/styles.css?v=20260525" />
+<link rel="preload" href="/assets/fonts/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="stylesheet" href="/styles.css?v=20260562" />
 </head>
 <body>
 
@@ -17,7 +18,27 @@
     <a class="brand" href="/" aria-label="ToolCTRL Startseite">
       <img src="/assets/logo-black.svg" alt="ToolCTRL" class="brand-logo" />
     </a>
-    <a class="legal-back" href="/">Zurück zur Startseite</a>
+    <nav class="nav" aria-label="Hauptnavigation">
+      <a href="/#leistungen">Leistungen</a>
+      <a href="/#branchen">Branchen</a>
+      <a href="/#vorgehen">Vorgehen</a>
+      <a href="/#arbeit">Organisation</a>
+      <a href="/techday">TechDay</a>
+      <a href="/gamejam">GameJam</a>
+      <a class="btn btn-solid btn-sm" href="/#kontakt">Ablauf prüfen</a>
+    </nav>
+    <button class="nav-toggle" aria-label="Menü" aria-expanded="false">
+      <span></span><span></span>
+    </button>
+  </div>
+  <div class="mobile-nav" hidden>
+    <a href="/#leistungen">Leistungen</a>
+    <a href="/#branchen">Branchen</a>
+    <a href="/#vorgehen">Vorgehen</a>
+    <a href="/#arbeit">Organisation</a>
+    <a href="/techday">TechDay</a>
+    <a href="/gamejam">GameJam</a>
+    <a class="btn btn-solid" href="/#kontakt">Ablauf prüfen</a>
   </div>
 </header>
 
@@ -89,16 +110,24 @@
   </p>
 </main>
 
-<footer class="legal-footer">
-  <div class="wrap legal-footer-inner">
-    <span>© 2026 ToolCTRL</span>
-    <span>
-      <a href="/">Startseite</a> ·
-      <a href="/impressum">Impressum</a> ·
+<footer class="site-footer">
+  <div class="wrap footer-bar">
+    <div class="footer-brand">
+      <img src="/assets/logo-white.svg" alt="ToolCTRL" class="footer-logo" />
+      <p>© <span id="year">2026</span> ToolCTRL · Bruchsal</p>
+    </div>
+    <div class="footer-links">
+      <a href="mailto:info@tool-ctrl.de">info@tool-ctrl.de</a>
+      <i></i>
+      <a href="https://www.linkedin.com/company/toolctrl/" target="_blank" rel="noopener">LinkedIn</a>
+      <i></i>
+      <a href="/impressum">Impressum</a>
+      ·
       <a href="/datenschutz">Datenschutz</a>
-    </span>
+    </div>
   </div>
 </footer>
 
+<script src="/script.js?v=20260554"></script>
 </body>
 </html>
diff --git a/public/index.html b/public/index.html
index 8e7ede2..1253b92 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,20 +3,21 @@
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>ToolCTRL — Software gegen Excel, WhatsApp-Chaos und Insellösungen</title>
-<meta name="description" content="ToolCTRL baut interne Software, Automatisierung und All-in-One-Systeme für Teams, deren Abläufe nicht in Standardtools passen." />
+<title>ToolCTRL — EU-first Software für souveräne Betriebe</title>
+<meta name="description" content="ToolCTRL baut schnelle, bezahlbare SaaS-Systeme für Mittelständler: EU-first gedacht, DSGVO-konform und ohne unnötige US-Cloud-Pflicht." />
 <link rel="canonical" href="https://tool-ctrl.de/" />
 <meta property="og:type" content="website" />
 <meta property="og:locale" content="de_DE" />
 <meta property="og:site_name" content="ToolCTRL" />
-<meta property="og:title" content="ToolCTRL — Software gegen Tool-Chaos" />
-<meta property="og:description" content="Wir ersetzen Excel, WhatsApp-Chaos und Insellösungen durch Software, die Teams wirklich benutzen." />
+<meta property="og:title" content="ToolCTRL — EU-first Software für souveräne Betriebe" />
+<meta property="og:description" content="Schnelle SaaS-Systeme für Mittelständler, die keine US-Cloud-Pflicht und keine aufgeblasenen Agenturprojekte wollen." />
 <meta property="og:url" content="https://tool-ctrl.de/" />
-<meta property="og:image" content="https://tool-ctrl.de/assets/logo-a.png" />
+<meta property="og:image" content="https://tool-ctrl.de/assets/logo-a.webp" />
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="theme-color" content="#0A0A0A" />
 <link rel="icon" type="image/png" href="/assets/favicon.png" />
-<link rel="stylesheet" href="/styles.css?v=20260525" />
+<link rel="preload" href="/assets/fonts/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="stylesheet" href="/styles.css?v=20260562" />
 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
@@ -49,8 +50,8 @@
       <a href="#branchen">Branchen</a>
       <a href="#vorgehen">Vorgehen</a>
       <a href="#arbeit">Organisation</a>
-      <a href="#events">Events</a>
       <a href="/techday">TechDay</a>
+      <a href="/gamejam">GameJam</a>
       <a class="btn btn-solid btn-sm" href="#kontakt">Ablauf prüfen</a>
     </nav>
     <button class="nav-toggle" aria-label="Menü" aria-expanded="false">
@@ -62,8 +63,8 @@
     <a href="#branchen">Branchen</a>
     <a href="#vorgehen">Vorgehen</a>
     <a href="#arbeit">Organisation</a>
-    <a href="#events">Events</a>
     <a href="/techday">TechDay</a>
+    <a href="/gamejam">GameJam</a>
     <a class="btn btn-solid" href="#kontakt">Ablauf prüfen</a>
   </div>
 </header>
@@ -74,134 +75,92 @@
 <section class="hero">
   <div class="wrap hero-grid">
     <div class="hero-copy">
-      <span class="hero-kicker">Interne Software · Automatisierung · Betrieb</span>
       <h1 class="hero-title">
-        Moderne Software für Abläufe, die zu lange in Excel und Chats festhängen.
+        <span class="no-break">EU-first</span> Software für souveräne Betriebe.
       </h1>
       <p class="hero-lead">
-        ToolCTRL baut Software für Teams, deren echte Abläufe zu speziell für
-        Standardtools sind: klare Oberflächen, automatische Übergaben,
-        belastbare Daten und ein Betrieb, der nicht nach dem Launch endet.
+        Keine US-Cloud-Pflicht. Kein Agentur-Bullshit. ToolCTRL baut
+        individuelle SaaS-Systeme schnell, bezahlbar und passend zu echten
+        Abläufen.
       </p>
       <div class="hero-actions">
         <a class="btn btn-solid" href="#kontakt">Ablauf prüfen lassen</a>
         <a class="btn btn-ghost" href="#leistungen">Leistungen ansehen</a>
       </div>
       <div class="trust-strip" aria-label="ToolCTRL Vertrauenssignale">
-        <span>Direkter Ansprechpartner</span>
-        <span>Keine Baukastenlösung</span>
-        <span>Made in Bruchsal</span>
+        <span>Made in Germany</span>
+        <span>DSGVO-konform</span>
+        <span>Keine US-Cloud nötig</span>
       </div>
     </div>
 
-    <!-- Automatisierung trifft Kontrolle — generisch, kein reales Produkt -->
-    <div class="hero-visual" aria-hidden="true">
+    <div class="hero-visual" aria-label="Interaktive Workflow-Control-Grafik">
       <div class="visual-frame">
-        <div class="visual-label">
-          <span class="dot"></span> Workflow · ctrl
+        <div class="visual-label" aria-hidden="true">
+          <span class="window-dots"><i></i><i></i><i></i></span>
+        </div>
+        <div class="control-board" data-control-board>
+          <svg class="control-lines" viewBox="0 0 540 400" preserveAspectRatio="none" aria-hidden="true">
+            <path data-line="inbox"></path>
+            <path data-line="docs"></path>
+            <path data-line="chat"></path>
+            <path data-line="crm"></path>
+            <path data-line="team"></path>
+            <path data-line="report"></path>
+          </svg>
+          <div class="logo-node" data-logo-node>
+            <img src="/assets/emblem-black.svg" alt="" draggable="false" />
+          </div>
+          <button class="flow-node is-input" type="button" data-node="inbox" style="--x: 6%; --y: 18%; --r: -2deg;">Anfrage</button>
+          <button class="flow-node is-input" type="button" data-node="docs" style="--x: 7%; --y: 56%; --r: 1deg;">Dokumente</button>
+          <button class="flow-node is-input" type="button" data-node="chat" style="--x: 18%; --y: 78%; --r: -1deg;">Chat</button>
+          <button class="flow-node is-output" type="button" data-node="crm" style="--x: 72%; --y: 16%; --r: 2deg;">CRM</button>
+          <button class="flow-node is-output" type="button" data-node="team" style="--x: 76%; --y: 56%; --r: -1deg;">Team</button>
+          <button class="flow-node is-output" type="button" data-node="report" style="--x: 63%; --y: 78%; --r: 1.5deg;">Report</button>
         </div>
-        <svg class="node-graph" viewBox="0 0 540 400" role="presentation">
-          <defs>
-            <pattern id="grid" width="26" height="26" patternUnits="userSpaceOnUse">
-              <path d="M26 0H0V26" fill="none" stroke="#ECECEC" stroke-width="1" />
-            </pattern>
-            <linearGradient id="capface" x1="0" y1="0" x2="0" y2="1">
-              <stop offset="0" stop-color="#2A2A2A" />
-              <stop offset="1" stop-color="#101010" />
-            </linearGradient>
-          </defs>
-          <rect width="540" height="400" fill="url(#grid)" />
-
-          <!-- Leitungen -->
-          <g class="flow-lines" fill="none" stroke="#1A1A1A" stroke-width="1.6">
-            <path d="M116 78 C 165 78, 152 182, 200 182" />
-            <path d="M116 202 C 158 202, 168 202, 200 202" />
-            <path d="M116 326 C 165 326, 152 224, 200 224" />
-            <path d="M340 192 C 388 192, 378 118, 424 118" />
-            <path d="M340 214 C 388 214, 378 292, 424 292" />
-          </g>
-          <circle class="flow-signal" r="3.5">
-            <animateMotion dur="7.5s" repeatCount="indefinite"
-              path="M116 202 C 158 202, 168 202, 200 202" />
-          </circle>
-          <g class="flow-ports" fill="#1A1A1A">
-            <circle cx="116" cy="78" r="3" /><circle cx="116" cy="202" r="3" />
-            <circle cx="116" cy="326" r="3" /><circle cx="424" cy="118" r="3" />
-            <circle cx="424" cy="292" r="3" />
-          </g>
-
-          <!-- Eingangs-Knoten -->
-          <g class="gnode">
-            <rect x="24" y="56" width="92" height="44" />
-            <text x="70" y="83" text-anchor="middle">Daten</text>
-          </g>
-          <g class="gnode">
-            <rect x="24" y="180" width="92" height="44" />
-            <text x="70" y="207" text-anchor="middle">Auslöser</text>
-          </g>
-          <g class="gnode">
-            <rect x="24" y="304" width="92" height="44" />
-            <text x="70" y="331" text-anchor="middle">System</text>
-          </g>
-
-          <!-- Ausgangs-Knoten -->
-          <g class="gnode">
-            <rect x="424" y="96" width="92" height="44" />
-            <text x="470" y="123" text-anchor="middle">Aktion</text>
-          </g>
-          <g class="gnode">
-            <rect x="424" y="270" width="92" height="44" />
-            <text x="470" y="297" text-anchor="middle">Report</text>
-          </g>
-
-          <!-- ToolCTRL-Emblem in der Mitte -->
-          <image class="graph-emblem" href="/assets/emblem-black.svg" x="190" y="128"
-                 width="160" height="152" />
-          <g class="flow-ports flow-ports-center" fill="#000000">
-            <circle cx="200" cy="182" r="3" /><circle cx="200" cy="202" r="3" />
-            <circle cx="200" cy="224" r="3" /><circle cx="340" cy="192" r="3" />
-            <circle cx="340" cy="214" r="3" />
-          </g>
-        </svg>
-      </div>
-      <div class="visual-meta">
-        <span>Automatisiert</span>
-        <span>Kontrolliert</span>
-        <span>Wartbar</span>
       </div>
     </div>
   </div>
 </section>
 
-<!-- ============ SYSTEM PROGRESS ============ -->
-<section class="mission-rail" aria-label="Von Tool-Chaos zu Betriebssystem">
+<!-- ============ KAMPF / WERTE ============ -->
+<section class="section stance-section" id="kampf">
   <div class="wrap">
-    <div class="mission-head">
-      <span>Live System Progress</span>
-      <strong>Vom Flickwerk zum steuerbaren Ablauf</strong>
+    <div class="section-head stance-head">
+      <span class="eyebrow eyebrow-light">Wofür wir kämpfen</span>
+      <h2 class="section-title">Keine Konzernleine. Keine Folienfabrik.</h2>
+      <p class="section-intro">
+        Wir bauen für Mittelständler, die Kontrolle über Daten, Kosten und
+        Abläufe zurückholen wollen. EU-first, pragmatisch und allergisch gegen
+        digitale Showprojekte.
+      </p>
     </div>
-    <div class="mission-track">
-      <div class="mission-line"></div>
-      <div class="mission-step is-done">
-        <span></span>
-        <b>Chaos sichtbar</b>
-        <em>Tabellen, Chats, Rückfragen</em>
-      </div>
-      <div class="mission-step is-active">
-        <span></span>
-        <b>Ablauf modelliert</b>
-        <em>Status, Rollen, Daten</em>
-      </div>
-      <div class="mission-step">
-        <span></span>
-        <b>System gebaut</b>
-        <em>Oberfläche, Logik, Schnittstellen</em>
-      </div>
-      <div class="mission-step">
-        <span></span>
-        <b>Betrieb läuft</b>
-        <em>Wartung, Ausbau, Kontrolle</em>
-      </div>
+
+    <div class="stance-grid">
+      <article class="stance-card">
+        <span>01</span>
+        <h3>Digitale Souveränität</h3>
+        <p>
+          Keine automatische US-Cloud, kein blinder Plattformgehorsam. Wenn ein
+          System sinnvoll europäisch laufen kann, wird es so geplant.
+        </p>
+      </article>
+      <article class="stance-card stance-card-dark">
+        <span>02</span>
+        <h3>Agenturapparat aus</h3>
+        <p>
+          Keine Workshop-Show, keine Tagessatzmaschine, keine sechsstelligen
+          Projekte, die nach Monaten immer noch vor allem gut aussehen.
+        </p>
+      </article>
+      <article class="stance-card">
+        <span>03</span>
+        <h3>Ablauf vor Ego</h3>
+        <p>
+          Wir bauen keine Tools für Pitchdecks. Wir bauen Systeme, die im
+          Alltag führen, Zuständigkeiten klären und Arbeit sichtbar machen.
+        </p>
+      </article>
     </div>
   </div>
 </section>
@@ -240,32 +199,32 @@
       </div>
       <div class="ui-layout">
         <aside class="ui-sidebar">
-          <span class="ui-nav active">Eingang</span>
-          <span class="ui-nav">Angebote</span>
-          <span class="ui-nav">Planung</span>
-          <span class="ui-nav">Abschluss</span>
+          <button class="ui-nav active" type="button" data-product-tab="eingang">Eingang</button>
+          <button class="ui-nav" type="button" data-product-tab="angebote">Angebote</button>
+          <button class="ui-nav" type="button" data-product-tab="planung">Planung</button>
+          <button class="ui-nav" type="button" data-product-tab="abschluss">Abschluss</button>
         </aside>
         <div class="ui-main">
           <div class="ui-main-head">
             <div>
-              <span class="ui-kicker">Heute · 14 aktive Vorgänge</span>
-              <strong>Workflow Control</strong>
+              <span class="ui-kicker" data-product-kicker>Heute · 14 aktive Vorgänge</span>
+              <strong data-product-title>Workflow Control</strong>
             </div>
-            <span class="ui-pill">3 Blocker</span>
+            <span class="ui-pill" data-product-pill>3 Blocker</span>
           </div>
-          <div class="ui-flow">
+          <div class="ui-flow" data-product-flow>
             <span class="done">Anfrage</span>
             <span class="active">Prüfung</span>
             <span>Angebot</span>
             <span>Termin</span>
             <span>Rechnung</span>
           </div>
-          <div class="ui-metrics">
+          <div class="ui-metrics" data-product-metrics>
             <div><span>Antwortzeit</span><strong>18 min</strong></div>
             <div><span>Auto-Schritte</span><strong>74%</strong></div>
             <div><span>Offene Übergaben</span><strong>03</strong></div>
           </div>
-          <div class="ui-table">
+          <div class="ui-table" data-product-table>
             <div class="ui-row is-hot"><span>Kunde wartet auf Rückmeldung</span><b>Jetzt</b></div>
             <div class="ui-row"><span>Dokumente aus Postfach übernommen</span><b>Auto</b></div>
             <div class="ui-row"><span>Team-Zuständigkeit gesetzt</span><b>11:15</b></div>
@@ -277,8 +236,51 @@
   </div>
 </section>
 
+<!-- ============ VORSPRUNG ============ -->
+<section class="section velocity-section" id="vorsprung">
+  <div class="wrap velocity-grid">
+    <div class="velocity-copy">
+      <span class="eyebrow">Unser Vorsprung</span>
+      <h2 class="section-title">Schneller SaaS bauen. Ohne Baukasten-Vibe.</h2>
+      <p class="section-intro">
+        Wir starten nicht mit leerem Repository und endlosen Abstimmungen. Unsere
+        eigene technische Grundlage deckt Rollen, Datenmodelle, Workflows,
+        Dashboards, Schnittstellen und Betrieb ab. Dadurch wird Individualsoftware
+        schneller, ohne nach Standardtool zu riechen.
+      </p>
+    </div>
+
+    <div class="velocity-stack" aria-label="Warum ToolCTRL schneller liefert">
+      <article class="velocity-item">
+        <span>01</span>
+        <h3>Eigene SaaS-Basis</h3>
+        <p>Bewährte Infrastruktur statt leerem Repository. Das spart Zeit,
+          Kosten und Projektchaos.</p>
+      </article>
+      <article class="velocity-item">
+        <span>02</span>
+        <h3>Früh in den Betrieb</h3>
+        <p>Wir bauen schnell eine echte Version, testen sie am Ablauf und
+          verbessern dort, wo Arbeit wirklich passiert.</p>
+      </article>
+      <article class="velocity-item">
+        <span>03</span>
+        <h3>Budget ins Produkt</h3>
+        <p>Weniger Reibung, weniger Meeting-Schleifen, weniger Neuentwicklung.
+          Das Budget landet im System.</p>
+      </article>
+      <article class="velocity-item">
+        <span>04</span>
+        <h3>Individuell im Ergebnis</h3>
+        <p>Die Oberfläche und Logik werden auf Ihren Betrieb zugeschnitten.
+          Die Geschwindigkeit kommt aus unserer Technik.</p>
+      </article>
+    </div>
+  </div>
+</section>
+
 <!-- ============ LEISTUNGEN ============ -->
-<section class="section" id="leistungen">
+<section class="section services-section" id="leistungen">
   <div class="wrap">
     <div class="section-head">
       <span class="eyebrow">Leistungen</span>
@@ -334,11 +336,11 @@
 </section>
 
 <!-- ============ BRANCHEN ============ -->
-<section class="section section-alt" id="branchen">
+<section class="section industry-section" id="branchen">
   <div class="wrap">
     <div class="section-head">
       <span class="eyebrow">Branchen</span>
-      <h2 class="section-title">Für Teams, bei denen Standardsoftware nie ganz passt.</h2>
+      <h2 class="section-title">Nicht die Branche ist speziell. Der Ablauf ist es.</h2>
       <p class="section-intro">
         ToolCTRL ist interessant, wenn Ihr Ablauf speziell genug ist, dass
         Baukastenlösungen ständig Workarounds erzwingen und niemand mehr
@@ -346,31 +348,31 @@
       </p>
     </div>
 
-    <div class="industry-grid">
-      <article class="industry-card">
+    <div class="industry-map" aria-label="Typische Abläufe">
+      <div class="industry-row">
         <span>01</span>
-        <h3>Handwerk &amp; Service</h3>
-        <p>Von Anfrage bis Einsatzplanung: weniger Telefonketten, klare Zuständigkeiten, mobile Rückmeldungen.</p>
+        <strong>Handwerk &amp; Service</strong>
+        <p>Anfrage, Angebot, Termin, mobile Rückmeldung und Abschluss in einem kontrollierten Ablauf.</p>
         <small>Anfrage → Angebot → Termin → Abschluss</small>
-      </article>
-      <article class="industry-card">
+      </div>
+      <div class="industry-row">
         <span>02</span>
-        <h3>Events &amp; Organisation</h3>
-        <p>Anmeldungen, Teilnehmer, Programm und Kommunikation laufen in einem kontrollierten Ablauf zusammen.</p>
+        <strong>Events &amp; Organisation</strong>
+        <p>Anmeldungen, Teilnehmer, Programm und Kommunikation laufen sichtbar zusammen.</p>
         <small>Ticket → Check-in → Info → Auswertung</small>
-      </article>
-      <article class="industry-card">
+      </div>
+      <div class="industry-row">
         <span>03</span>
-        <h3>Vereine &amp; Verbände</h3>
-        <p>Mitglieder, Rollen, Beiträge und Projekte werden verwaltbar, ohne dass Ehrenamt im Tool-Chaos endet.</p>
+        <strong>Vereine &amp; Verbände</strong>
+        <p>Mitglieder, Rollen, Beiträge und Projekte werden verwaltbar, auch wenn vieles nebenbei passiert.</p>
         <small>Mitglied → Rolle → Beitrag → Projekt</small>
-      </article>
-      <article class="industry-card">
+      </div>
+      <div class="industry-row">
         <span>04</span>
-        <h3>Lokale Dienstleister</h3>
-        <p>Leads, Termine, Angebote und Kundenstatus werden sichtbar, statt in Postfächern zu verschwinden.</p>
+        <strong>Lokale Dienstleister</strong>
+        <p>Leads, Termine, Angebote und Kundenstatus verschwinden nicht mehr in Postfächern.</p>
         <small>Lead → Beratung → Auftrag → Bindung</small>
-      </article>
+      </div>
     </div>
   </div>
 </section>
@@ -468,15 +470,18 @@
   <div class="wrap">
     <div class="section-head event-head">
       <span class="eyebrow">Events</span>
-      <h2 class="section-title">Feldtest statt Hochglanzbehauptung.</h2>
+      <h2 class="section-title">Lieber ausprobieren als schönreden.</h2>
       <p class="section-intro">
-        TechDay und GameJam zeigen, wie wir arbeiten: nah an echten
-        Anwendern, lokal verankert und mit sichtbaren Ergebnissen.
+        TechDay und GameJam zeigen unsere Arbeit dort, wo echte Leute sie
+        anfassen: lokal, direkt und mit Ergebnissen, über die man reden kann.
       </p>
     </div>
 
     <div class="event-grid">
       <article class="event-card event-card-media">
+        <div class="event-poster">
+          <img src="/assets/techday-event.webp" alt="TechDay Bruchsal 2026 Motiv" width="683" height="384" loading="lazy" decoding="async" />
+        </div>
         <div>
           <span class="event-label">27. Mai 2026</span>
           <h3>TechDay Bruchsal</h3>
@@ -485,6 +490,11 @@
         </div>
       </article>
       <article class="event-card event-card-code">
+        <div class="mini-terminal" aria-hidden="true">
+          <span>AI_GAMEJAM</span>
+          <strong>Human in the Loop</strong>
+          <em>2 Stunden / KI / spielbar</em>
+        </div>
         <div>
           <span class="event-label">TechDay Format</span>
           <h3>AI GameJam</h3>
@@ -584,6 +594,6 @@
   </div>
 </footer>
 
-<script src="/script.js"></script>
+<script src="/script.js?v=20260554"></script>
 </body>
 </html>
diff --git a/public/script.js b/public/script.js
index 685eee5..a65a97f 100644
--- a/public/script.js
+++ b/public/script.js
@@ -36,6 +36,50 @@
     });
   }
 
+  /* ---- Console-Easter-Eggs fuer neugierige Inspektoren ---- */
+  var inspectAscii = [
+    " _______  _______  _______  ___      _______  _______  _______ ",
+    "|       ||       ||       ||   |    |       ||       ||       |",
+    "|_     _||   _   ||   _   ||   |    |       ||_     _||    ___|",
+    "  |   |  |  | |  ||  | |  ||   |    |       |  |   |  |   |___ ",
+    "  |   |  |  |_|  ||  |_|  ||   |___ |      _|  |   |  |    ___|",
+    "  |   |  |       ||       ||       ||     |_   |   |  |   |___ ",
+    "  |___|  |_______||_______||_______||_______|  |___|  |_______|"
+  ].join("\n");
+  var inspectHints = [
+    "CTRL-KEY EVENT: Inspect gedrueckt. Bitte keine Produktivsysteme anfassen.",
+    "Hidden combo: window.toolctrl.press()",
+    "Status: schwarz/weiss. Farbe wurde zurueck in den Werkzeugkoffer gelegt."
+  ];
+  var inspectLogged = false;
+
+  function logControlConsole(reason) {
+    if (reason === "devtools" && inspectLogged) return;
+    if (reason === "devtools") inspectLogged = true;
+    console.log(
+      "%c" + inspectAscii,
+      "font-family: monospace; font-weight: 900; color: #000; background: #fff; padding: 10px; border: 3px solid #000;"
+    );
+    console.log("%c" + inspectHints[Math.floor(Math.random() * inspectHints.length)],
+      "font-family: monospace; color: #fff; background: #000; padding: 6px 8px;");
+  }
+
+  window.toolctrl = window.toolctrl || {};
+  window.toolctrl.press = function () {
+    console.log("%c[ CTRL ] *klack* Ablauf uebernommen.", "font-family: monospace; font-weight: 900;");
+    return "pressed";
+  };
+
+  window.addEventListener("load", function () {
+    setTimeout(function () { logControlConsole("load"); }, 450);
+  });
+  setInterval(function () {
+    var open = Math.abs(window.outerWidth - window.innerWidth) > 160 ||
+      Math.abs(window.outerHeight - window.innerHeight) > 160;
+    document.documentElement.toggleAttribute("data-inspecting", open);
+    if (open) logControlConsole("devtools");
+  }, 1200);
+
   /* ---- Dezente Scroll-Reveals ---- */
   var reduceMotion = window.matchMedia &&
     window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -43,16 +87,20 @@
     ".hero-copy > *",
     ".hero-visual",
     ".trust-strip span",
-    ".mission-head",
-    ".mission-step",
+    ".stance-head > *",
+    ".stance-card",
     ".product-copy > *",
     ".product-ui",
+    ".velocity-copy > *",
+    ".velocity-item",
     ".section-head",
     ".card",
     ".industry-card",
     ".step",
     ".arbeit-copy > *",
     ".kanban-wrap",
+    ".event-poster",
+    ".mini-terminal",
     ".event-card",
     ".kontakt-copy > *",
     ".contact-promises li",
@@ -82,6 +130,209 @@
     revealEls.forEach(function (el) { observer.observe(el); });
   }
 
+  /* ---- Hero Workflow Nodes: ziehbare Kontrollpunkte ---- */
+  var board = document.querySelector("[data-control-board]");
+  if (board) {
+    var lineSvg = board.querySelector(".control-lines");
+    var logoNode = board.querySelector("[data-logo-node]");
+    var nodes = Array.prototype.slice.call(board.querySelectorAll("[data-node]"));
+    var draggableItems = nodes.concat(logoNode ? [logoNode] : []);
+    var activeDrag = null;
+    var lineFrame = 0;
+
+    if (logoNode) {
+      logoNode.addEventListener("dragstart", function (e) {
+        e.preventDefault();
+      });
+    }
+
+    function boardRect() {
+      return board.getBoundingClientRect();
+    }
+
+    function centerOf(el, b) {
+      var r = el.getBoundingClientRect();
+      return {
+        x: r.left - b.left + r.width / 2,
+        y: r.top - b.top + r.height / 2
+      };
+    }
+
+    function clamp(value, min, max) {
+      return Math.max(min, Math.min(max, value));
+    }
+
+    function updateLines() {
+      if (!lineSvg || !logoNode) return;
+      var b = boardRect();
+      var target = centerOf(logoNode, b);
+      lineSvg.setAttribute("viewBox", "0 0 " + b.width + " " + b.height);
+      nodes.forEach(function (node) {
+        var path = lineSvg.querySelector('[data-line="' + node.dataset.node + '"]');
+        if (!path) return;
+        var nodeCenter = centerOf(node, b);
+        var isOutput = node.classList.contains("is-output");
+        var start = isOutput ? target : nodeCenter;
+        var end = isOutput ? nodeCenter : target;
+        var bend = Math.max(44, Math.abs(end.x - start.x) * 0.38);
+        var c1x = start.x + (end.x > start.x ? bend : -bend);
+        var c2x = end.x + (end.x > start.x ? -bend : bend);
+        var d = "M " + start.x + " " + start.y +
+          " C " + c1x + " " + start.y +
+          ", " + c2x + " " + end.y +
+          ", " + end.x + " " + end.y;
+        path.classList.toggle("is-output", isOutput);
+        path.setAttribute("d", d);
+      });
+      lineFrame = 0;
+    }
+
+    function requestLineUpdate() {
+      if (lineFrame) return;
+      lineFrame = window.requestAnimationFrame(updateLines);
+    }
+
+    draggableItems.forEach(function (item) {
+      item.addEventListener("pointerdown", function (e) {
+        var r = item.getBoundingClientRect();
+        if (item === logoNode) item.classList.add("is-positioned");
+        activeDrag = {
+          node: item,
+          isLogo: item === logoNode,
+          offsetX: e.clientX - r.left,
+          offsetY: e.clientY - r.top
+        };
+        item.classList.add("is-dragging");
+        item.setPointerCapture(e.pointerId);
+        e.preventDefault();
+      });
+
+      item.addEventListener("pointermove", function (e) {
+        if (!activeDrag || activeDrag.node !== item) return;
+        var b = boardRect();
+        var x = clamp(e.clientX - b.left - activeDrag.offsetX, 8, b.width - item.offsetWidth - 8);
+        var y = clamp(e.clientY - b.top - activeDrag.offsetY, 8, b.height - item.offsetHeight - 8);
+        item.style.left = x + "px";
+        item.style.top = y + "px";
+        if (activeDrag.isLogo) {
+          item.classList.add("is-positioned");
+        } else {
+          item.style.removeProperty("--x");
+          item.style.removeProperty("--y");
+        }
+        requestLineUpdate();
+      });
+
+      item.addEventListener("pointerup", function (e) {
+        if (!activeDrag || activeDrag.node !== item) return;
+        item.classList.remove("is-dragging");
+        item.releasePointerCapture(e.pointerId);
+        activeDrag = null;
+        requestLineUpdate();
+      });
+
+      item.addEventListener("pointercancel", function () {
+        item.classList.remove("is-dragging");
+        activeDrag = null;
+      });
+    });
+
+    window.addEventListener("resize", requestLineUpdate, { passive: true });
+    updateLines();
+    setTimeout(requestLineUpdate, 150);
+  }
+
+  /* ---- Produktwirkung: klickbare Workflow-Zustaende ---- */
+  var productUi = document.querySelector(".product-ui");
+  if (productUi) {
+    var productStates = {
+      eingang: {
+        kicker: "Heute · 14 aktive Vorgänge",
+        title: "Workflow Control",
+        pill: "3 Blocker",
+        flow: ["Anfrage", "Prüfung", "Angebot", "Termin", "Rechnung"],
+        active: 1,
+        done: 0,
+        metrics: [["Antwortzeit", "18 min"], ["Auto-Schritte", "74%"], ["Offene Übergaben", "03"]],
+        rows: [["Kunde wartet auf Rückmeldung", "Jetzt", "is-hot"], ["Dokumente aus Postfach übernommen", "Auto", ""], ["Team-Zuständigkeit gesetzt", "11:15", ""], ["Status an Leitung gemeldet", "Erledigt", "is-done"]]
+      },
+      angebote: {
+        kicker: "Vertrieb · 8 Angebote offen",
+        title: "Angebote steuern",
+        pill: "2 fällig",
+        flow: ["Lead", "Kalkulation", "Freigabe", "Versand", "Follow-up"],
+        active: 2,
+        done: 1,
+        metrics: [["Durchlauf", "2,4 h"], ["Vorlagen", "91%"], ["Rückfragen", "05"]],
+        rows: [["Angebot braucht interne Freigabe", "Heute", "is-hot"], ["PDF aus Kundendaten erstellt", "Auto", ""], ["Nachfass-Termin gesetzt", "Morgen", ""], ["Alte Version archiviert", "Erledigt", "is-done"]]
+      },
+      planung: {
+        kicker: "Team · 21 Einsätze geplant",
+        title: "Planung sichtbar",
+        pill: "1 Konflikt",
+        flow: ["Auftrag", "Ressource", "Slot", "Route", "Update"],
+        active: 2,
+        done: 1,
+        metrics: [["Auslastung", "82%"], ["Auto-Routen", "68%"], ["Konflikte", "01"]],
+        rows: [["Termin überschneidet sich", "Prüfen", "is-hot"], ["Route für Außendienst gebaut", "Auto", ""], ["Materialliste angehängt", "09:40", ""], ["Kunde informiert", "Erledigt", "is-done"]]
+      },
+      abschluss: {
+        kicker: "Abschluss · 36 Vorgänge fertig",
+        title: "Betrieb im Blick",
+        pill: "0 kritisch",
+        flow: ["Abnahme", "Doku", "Rechnung", "Feedback", "Archiv"],
+        active: 3,
+        done: 2,
+        metrics: [["Abnahmen", "96%"], ["Auto-Doku", "88%"], ["Offen", "00"]],
+        rows: [["Feedback für nächste Version notiert", "Neu", ""], ["Rechnung vorbereitet", "Auto", ""], ["Abnahme protokolliert", "13:20", "is-done"], ["Projekt sauber archiviert", "Erledigt", "is-done"]]
+      }
+    };
+    var productTabs = Array.prototype.slice.call(productUi.querySelectorAll("[data-product-tab]"));
+    var productKicker = productUi.querySelector("[data-product-kicker]");
+    var productTitle = productUi.querySelector("[data-product-title]");
+    var productPill = productUi.querySelector("[data-product-pill]");
+    var productFlow = productUi.querySelector("[data-product-flow]");
+    var productMetrics = productUi.querySelector("[data-product-metrics]");
+    var productTable = productUi.querySelector("[data-product-table]");
+
+    function setProductState(key) {
+      var state = productStates[key];
+      if (!state) return;
+      productUi.classList.add("is-switching");
+      productTabs.forEach(function (tab) {
+        tab.classList.toggle("active", tab.dataset.productTab === key);
+      });
+      window.setTimeout(function () {
+        if (productKicker) productKicker.textContent = state.kicker;
+        if (productTitle) productTitle.textContent = state.title;
+        if (productPill) productPill.textContent = state.pill;
+        if (productFlow) {
+          productFlow.innerHTML = state.flow.map(function (label, index) {
+            var cls = index === state.active ? "active" : (index <= state.done ? "done" : "");
+            return '<span class="' + cls + '">' + label + '</span>';
+          }).join("");
+        }
+        if (productMetrics) {
+          productMetrics.innerHTML = state.metrics.map(function (metric) {
+            return "<div><span>" + metric[0] + "</span><strong>" + metric[1] + "</strong></div>";
+          }).join("");
+        }
+        if (productTable) {
+          productTable.innerHTML = state.rows.map(function (row) {
+            return '<div class="ui-row ' + row[2] + '"><span>' + row[0] + '</span><b>' + row[1] + '</b></div>';
+          }).join("");
+        }
+        productUi.classList.remove("is-switching");
+      }, 90);
+    }
+
+    productTabs.forEach(function (tab) {
+      tab.addEventListener("click", function () {
+        setProductState(tab.dataset.productTab);
+      });
+    });
+  }
+
   /* ---- Lead-Formular ---- */
   var form = document.getElementById("lead-form");
   var status = document.getElementById("form-status");
diff --git a/public/styles.css b/public/styles.css
index 21bd688..b77ad2f 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -3,29 +3,6 @@
    Monochrom · Weiß / Schwarz · scharfe Kanten · Haarlinien
    ============================================================ */
 
-/* ---------- Hausschrift: Schibsted Grotesk (lokal gehostet) ---------- */
-@font-face {
-  font-family: "Schibsted Grotesk";
-  font-style: normal;
-  font-weight: 400 800;
-  font-display: swap;
-  src: url(/assets/fonts/schibsted-grotesk-latin.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
-    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
-    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: "Schibsted Grotesk";
-  font-style: normal;
-  font-weight: 400 800;
-  font-display: swap;
-  src: url(/assets/fonts/schibsted-grotesk-latin-ext.woff2) format("woff2");
-  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
-    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
-    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
 /* ---------- Space Grotesk (Schrift der GameJam-Seite) ---------- */
 @font-face {
   font-family: "Space Grotesk";
@@ -61,11 +38,27 @@
   --signal:#0A0A0A;
   --wrap: 1200px;
   --grotesk: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
+  --header-h: 75px;
+  --viewport-section-h: clamp(640px, calc(100svh - var(--header-h)), 920px);
+  --section-y: clamp(36px, 4.8vh, 60px);
+  --type-hero-title: clamp(42px, 4.6vw, 64px);
+  --type-hero-title-mobile: clamp(38px, 11vw, 52px);
+  --type-section-title: clamp(34px, 4vw, 54px);
+  --type-card-title: clamp(22px, 2vw, 30px);
+  --type-display-card: clamp(26px, 3vw, 38px);
+  --type-section-intro: 16px;
+  --type-body: 15px;
+  --type-body-sm: 14px;
+  --type-label: 11px;
+  --type-control: 13px;
+  --type-micro: 10px;
 }
 
 * { box-sizing: border-box; margin: 0; padding: 0; }
 
-html { scroll-behavior: smooth; }
+html {
+  scroll-padding-top: 86px;
+}
 
 body {
   font-family: var(--grotesk);
@@ -82,6 +75,7 @@ a { color: inherit; text-decoration: none; }
 
 h1, h2, h3 { text-wrap: balance; }
 p, li { text-wrap: pretty; }
+.no-break { white-space: nowrap; }
 
 .wrap {
   width: 100%;
@@ -93,7 +87,7 @@ p, li { text-wrap: pretty; }
 /* ---------- Eyebrow — als Mini-Keycap ---------- */
 .eyebrow {
   display: inline-block;
-  font-size: 10px;
+  font-size: var(--type-micro);
   letter-spacing: .16em;
   text-transform: uppercase;
   font-weight: 700;
@@ -114,19 +108,36 @@ p, li { text-wrap: pretty; }
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: .01em;
+  font-size: var(--type-body-sm);
+  font-weight: 800;
+  letter-spacing: .02em;
   padding: 15px 28px;
-  border: 1.5px solid var(--black);
+  border: 3px solid var(--black);
   border-radius: 7px;
   position: relative;
+  isolation: isolate;
   cursor: pointer;
   white-space: nowrap;
-  overflow: hidden;
+  overflow: visible;
+  transform: translateY(0);
   transition: transform .09s ease, box-shadow .09s ease,
               background .15s ease, color .15s ease;
 }
+.btn::after {
+  content: "";
+  position: absolute;
+  left: 5px;
+  right: -7px;
+  bottom: -10px;
+  height: 10px;
+  z-index: -1;
+  border: 3px solid var(--black);
+  border-top: 0;
+  border-radius: 0 0 7px 7px;
+  background: #0A0A0A;
+  pointer-events: none;
+  transition: height .09s ease, bottom .09s ease, transform .09s ease;
+}
 .btn::before {
   content: "";
   position: absolute;
@@ -142,26 +153,38 @@ p, li { text-wrap: pretty; }
   opacity: .42;
   transform: translateY(-1px);
 }
-.btn:hover { transform: translateY(-1px); }
+.btn:hover { transform: translateY(-3px); }
 /* Tastendruck — Kappe fährt auf die Grundfläche herunter */
-.btn:active { transform: translateY(8px); }
+.btn:active { transform: translateY(6px) scale(.985); }
+.btn:active::after {
+  bottom: -4px;
+  height: 4px;
+}
 
-/* schwarze Tastenkappe */
+/* schwarze Control-Taste */
 .btn-solid {
   background: linear-gradient(180deg, #3C3C3C 0%, #1A1A1A 52%, #0C0C0C 100%);
   color: var(--paper);
   box-shadow:
     0 8px 0 0 #000000,
-    0 17px 18px -7px rgba(0,0,0,.55),
-    inset 0 2px 0 0 rgba(255,255,255,.24),
+    0 12px 0 0 #333333,
+    0 17px 18px -9px rgba(0,0,0,.55),
+    inset 0 2px 0 0 rgba(255,255,255,.22),
     inset 0 -10px 13px -11px rgba(0,0,0,.95);
 }
 .btn-solid:hover {
-  background: linear-gradient(180deg, #484848 0%, #232323 52%, #121212 100%);
+  background: linear-gradient(180deg, #4A4A4A 0%, #242424 58%, #0F0F0F 100%);
+  box-shadow:
+    0 10px 0 0 #000000,
+    0 14px 0 0 #333333,
+    0 18px 20px -9px rgba(0,0,0,.55),
+    inset 0 2px 0 0 rgba(255,255,255,.22),
+    inset 0 -10px 13px -11px rgba(0,0,0,.95);
 }
 .btn-solid:active {
   box-shadow:
-    0 0 0 0 #000000,
+    0 2px 0 0 #000000,
+    0 4px 0 0 #333333,
     0 5px 8px -3px rgba(0,0,0,.5),
     inset 0 2px 0 0 rgba(255,255,255,.16),
     inset 0 -8px 11px -11px rgba(0,0,0,.9);
@@ -171,19 +194,30 @@ p, li { text-wrap: pretty; }
 .btn-ghost {
   background: linear-gradient(180deg, #FFFFFF 0%, #F1F1EF 58%, #E5E5E2 100%);
   color: var(--black);
-  border-color: #BEBEBE;
+  border-color: var(--black);
   box-shadow:
-    0 8px 0 0 #B0B0B0,
+    0 8px 0 0 #000000,
+    0 12px 0 0 #B9B9B9,
     0 17px 18px -8px rgba(0,0,0,.30),
     inset 0 2px 0 0 rgba(255,255,255,.95),
     inset 0 -9px 11px -11px rgba(0,0,0,.30);
 }
+.btn-ghost::after {
+  background: #DADADA;
+}
 .btn-ghost:hover {
   background: linear-gradient(180deg, #FFFFFF 0%, #EAEAE7 58%, #DBDBD8 100%);
+  box-shadow:
+    0 10px 0 0 #000000,
+    0 14px 0 0 #B9B9B9,
+    0 17px 18px -8px rgba(0,0,0,.30),
+    inset 0 2px 0 0 rgba(255,255,255,.95),
+    inset 0 -9px 11px -11px rgba(0,0,0,.30);
 }
 .btn-ghost:active {
   box-shadow:
-    0 0 0 0 #B0B0B0,
+    0 2px 0 0 #000000,
+    0 4px 0 0 #B9B9B9,
     0 5px 7px -3px rgba(0,0,0,.26),
     inset 0 2px 0 0 rgba(255,255,255,.9),
     inset 0 -7px 10px -11px rgba(0,0,0,.28);
@@ -199,6 +233,10 @@ p, li { text-wrap: pretty; }
     0 17px 18px -8px rgba(0,0,0,.45),
     inset 0 2px 0 0 rgba(255,255,255,.95);
 }
+.btn-light::after {
+  background: #BDBDBD;
+  border-color: #FFFFFF;
+}
 .btn-light:hover {
   background: linear-gradient(180deg, #FFFFFF 0%, #DCDCDC 100%);
 }
@@ -210,7 +248,7 @@ p, li { text-wrap: pretty; }
 }
 
 /* kompakte Variante (Header) — flachere Tiefe, passt in die Leiste */
-.btn-sm { padding: 11px 20px; font-size: 13px; }
+.btn-sm { padding: 11px 20px; font-size: var(--type-control); }
 .btn-sm.btn-solid {
   box-shadow:
     0 5px 0 0 #000000,
@@ -218,13 +256,207 @@ p, li { text-wrap: pretty; }
     inset 0 2px 0 0 rgba(255,255,255,.22),
     inset 0 -7px 10px -11px rgba(0,0,0,.9);
 }
+.btn-sm::after {
+  bottom: -7px;
+  height: 7px;
+}
 .btn-sm.btn-solid:active {
   box-shadow:
     0 0 0 0 #000000,
     0 3px 5px -2px rgba(0,0,0,.45),
     inset 0 2px 0 0 rgba(255,255,255,.16);
 }
-.btn-sm:active { transform: translateY(5px); }
+.btn-sm:active { transform: translateY(4px) scale(.985); }
+.btn-sm:active::after {
+  bottom: -3px;
+  height: 3px;
+}
+
+/* Stabilized keycaps: shallower depth keeps buttons from clipping or drifting. */
+.btn {
+  max-width: 100%;
+  min-width: 0;
+  min-height: 44px;
+  line-height: 1.12;
+  padding: 13px 24px 14px;
+  white-space: normal;
+  text-align: center;
+  overflow-wrap: anywhere;
+}
+.btn::after { display: none; }
+.btn:hover { transform: translateY(-1px); }
+.btn:active { transform: translateY(3px) scale(.96); }
+.btn-solid,
+.btn-ghost {
+  box-shadow:
+    0 5px 0 #000000,
+    0 8px 12px -8px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.22);
+}
+.btn-ghost {
+  box-shadow:
+    0 5px 0 #000000,
+    0 8px 12px -8px rgba(0,0,0,.28),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
+.btn-solid:hover,
+.btn-ghost:hover {
+  box-shadow:
+    0 6px 0 #000000,
+    0 10px 14px -9px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.22);
+}
+.btn-ghost:hover {
+  box-shadow:
+    0 6px 0 #000000,
+    0 10px 14px -9px rgba(0,0,0,.3),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
+.btn-solid:active,
+.btn-ghost:active {
+  box-shadow:
+    0 2px 0 #000000,
+    0 7px 10px -9px rgba(0,0,0,.4),
+    inset 0 2px 0 rgba(255,255,255,.18);
+}
+.btn-light {
+  box-shadow:
+    0 5px 0 #6E6E6E,
+    0 8px 12px -8px rgba(0,0,0,.42),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
+.btn-sm,
+.btn-sm.btn-solid {
+  min-height: 38px;
+  padding: 10px 18px 11px;
+  box-shadow:
+    0 4px 0 #000000,
+    0 7px 10px -8px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.22);
+}
+
+/* Final button reset: keep the joke, remove the broken stacked geometry. */
+.btn,
+.btn.btn-solid,
+.btn.btn-ghost,
+.btn.btn-light,
+.btn.btn-sm {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: .55em;
+  max-width: 100%;
+  min-width: 0;
+  min-height: 44px;
+  padding: 13px 24px;
+  border: 3px solid currentColor;
+  border-radius: 7px;
+  line-height: 1.1;
+  white-space: normal;
+  text-align: center;
+  overflow-wrap: anywhere;
+  text-decoration: none;
+  transform: translateY(0);
+  box-shadow:
+    0 4px 0 #000000,
+    0 10px 16px -12px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.28);
+}
+.btn::before,
+.btn::after {
+  display: none;
+}
+.btn.btn-solid {
+  color: var(--paper);
+  border-color: var(--black);
+  background: linear-gradient(180deg, #303030 0%, #111111 100%);
+}
+.btn.btn-ghost {
+  color: var(--black);
+  border-color: var(--black);
+  background: linear-gradient(180deg, #FFFFFF 0%, #ECECEA 100%);
+  box-shadow:
+    0 4px 0 #000000,
+    0 10px 16px -12px rgba(0,0,0,.28),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
+.btn.btn-light {
+  color: var(--black);
+  border-color: var(--paper);
+  background: linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%);
+  box-shadow:
+    0 4px 0 #777777,
+    0 10px 16px -12px rgba(0,0,0,.4),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
+.btn.btn-sm {
+  min-height: 38px;
+  padding: 10px 18px;
+  font-size: var(--type-control);
+}
+.btn:hover {
+  transform: translateY(-1px);
+  box-shadow:
+    0 5px 0 #000000,
+    0 12px 18px -12px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.28);
+}
+.btn.btn-ghost:hover {
+  box-shadow:
+    0 5px 0 #000000,
+    0 12px 18px -12px rgba(0,0,0,.3),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
+.btn:active {
+  transform: translateY(3px) scale(.98);
+  box-shadow:
+    0 1px 0 #000000,
+    0 6px 10px -10px rgba(0,0,0,.4),
+    inset 0 1px 0 rgba(255,255,255,.2);
+}
+.btn:disabled,
+.btn[aria-disabled="true"] {
+  opacity: .55;
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: 0 2px 0 #777777;
+}
+
+/* Inverted depth for dark surfaces: black shadows vanish on black backgrounds. */
+.section-dark .btn,
+.site-footer .btn {
+  box-shadow:
+    0 4px 0 #A8A8A8,
+    0 11px 18px -12px rgba(255,255,255,.38),
+    inset 0 2px 0 rgba(255,255,255,.34);
+}
+.section-dark .btn:hover,
+.site-footer .btn:hover {
+  box-shadow:
+    0 5px 0 #BFBFBF,
+    0 13px 20px -12px rgba(255,255,255,.42),
+    inset 0 2px 0 rgba(255,255,255,.34);
+}
+.section-dark .btn:active,
+.site-footer .btn:active {
+  box-shadow:
+    0 1px 0 #BFBFBF,
+    0 7px 12px -10px rgba(255,255,255,.34),
+    inset 0 1px 0 rgba(255,255,255,.2);
+}
+.section-dark .btn.btn-solid,
+.site-footer .btn.btn-solid {
+  border-color: var(--paper);
+}
+.section-dark .btn.btn-ghost,
+.site-footer .btn.btn-ghost,
+.section-dark .btn.btn-light,
+.site-footer .btn.btn-light {
+  box-shadow:
+    0 4px 0 #9A9A9A,
+    0 11px 18px -12px rgba(255,255,255,.34),
+    inset 0 2px 0 rgba(255,255,255,.95);
+}
 
 /* ============================================================
    HEADER
@@ -251,14 +483,14 @@ p, li { text-wrap: pretty; }
   transition: height .18s ease;
 }
 .site-header.is-scrolled .header-inner { height: 66px; }
-.brand-logo { height: 26px; width: auto; }
+.brand-logo { height: 32px; width: auto; }
 .nav {
   display: flex;
   align-items: center;
   gap: 26px;
 }
 .nav > a:not(.btn) {
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   font-weight: 500;
   color: var(--ink);
   padding-bottom: 2px;
@@ -302,7 +534,7 @@ p, li { text-wrap: pretty; }
 }
 .mobile-nav a:not(.btn) {
   padding: 12px 0;
-  font-size: 16px;
+  font-size: var(--type-section-intro);
   font-weight: 500;
   border-bottom: 1px solid var(--line);
 }
@@ -312,20 +544,26 @@ p, li { text-wrap: pretty; }
    HERO
    ============================================================ */
 .hero {
-  border-bottom: 1px solid var(--line);
+  min-height: 0;
 }
 .hero-grid {
   display: grid;
   grid-template-columns: 1.05fr .95fr;
-  gap: 58px;
-  align-items: center;
-  padding: 76px 32px 82px;
+  gap: 64px;
+  align-items: start;
+  padding: clamp(42px, 5vh, 62px) 32px clamp(44px, 6vh, 72px);
+}
+.hero-copy,
+.hero-visual {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
 }
 .hero-kicker {
   display: inline-flex;
   align-items: center;
   gap: 9px;
-  font-size: 12px;
+  font-size: var(--type-label);
   letter-spacing: .15em;
   text-transform: uppercase;
   font-weight: 800;
@@ -340,46 +578,56 @@ p, li { text-wrap: pretty; }
   border: 1.5px solid var(--black);
 }
 .hero-title {
-  font-size: clamp(34px, 4.4vw, 58px);
+  font-size: var(--type-hero-title);
   line-height: 1.02;
   letter-spacing: -.035em;
   font-weight: 800;
-  margin: 0 0 24px;
-  max-width: 11.8em;
+  margin: 0 0 26px;
+  max-width: 10.4em;
 }
 .hero-lead {
-  font-size: 17px;
+  font-size: var(--type-section-intro);
+  line-height: 1.7;
   color: var(--gray-1);
-  max-width: 33em;
-  margin-bottom: 32px;
+  max-width: 35em;
+  margin-bottom: 0;
 }
 .hero-actions {
   display: flex;
   gap: 14px;
   flex-wrap: wrap;
+  align-items: flex-start;
+  margin-top: 38px;
+  padding-top: 0;
 }
 .trust-strip {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 34px;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+  margin-top: 26px;
+  padding-top: 0;
 }
 .trust-strip span {
-  font-size: 11px;
-  letter-spacing: .1em;
+  font-size: var(--type-micro);
+  letter-spacing: .09em;
   text-transform: uppercase;
   font-weight: 800;
   color: var(--black);
   border: 1.5px solid var(--black);
-  padding: 8px 10px;
+  padding: 8px 12px;
   background: var(--paper);
   box-shadow: 3px 3px 0 rgba(10,10,10,.12);
+  min-height: 52px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
 }
 .hero-tag {
   margin-top: 34px;
   padding-top: 22px;
   border-top: 1px solid var(--line);
-  font-size: 13px;
+  font-size: var(--type-control);
   letter-spacing: .04em;
   color: var(--gray-2);
   font-weight: 500;
@@ -387,176 +635,433 @@ p, li { text-wrap: pretty; }
 
 /* ---------- Hero visual: node graph ---------- */
 .visual-frame {
-  border: 1.5px solid var(--black);
+  border: 4px solid var(--black);
   background: var(--paper);
   position: relative;
-  box-shadow: 12px 12px 0 rgba(10,10,10,.08);
+  box-shadow: 10px 10px 0 var(--black);
 }
 .visual-label {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 8px;
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .14em;
   text-transform: uppercase;
-  font-weight: 600;
+  font-weight: 900;
   padding: 12px 16px;
-  border-bottom: 1px solid var(--line);
+  border-bottom: 4px solid var(--black);
+  background: var(--signal);
+  color: var(--paper);
 }
 .visual-label .dot {
   width: 7px; height: 7px;
-  background: var(--black);
-  border: 1.5px solid var(--black);
+  background: var(--paper);
+  border: 1.5px solid var(--paper);
   border-radius: 50%;
 }
-.node-graph { display: block; width: 100%; height: auto; }
-
-.flow-lines path {
-  stroke-dasharray: 260;
-  stroke-dashoffset: 260;
-  animation: graphLineIn .6s cubic-bezier(.2, 0, 0, 1) forwards;
+.window-dots {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
 }
-.flow-lines path:nth-child(2) { animation-delay: .04s; }
-.flow-lines path:nth-child(3) { animation-delay: .08s; }
-.flow-lines path:nth-child(4) { animation-delay: .12s; }
-.flow-lines path:nth-child(5) { animation-delay: .16s; }
-.flow-ports circle,
-.gnode,
-.graph-emblem {
-  opacity: 0;
-  transform-box: fill-box;
-  transform-origin: center;
-  animation: graphNodeIn .28s cubic-bezier(.2, 0, 0, 1) forwards;
+.window-dots i {
+  width: 7px;
+  height: 7px;
+  display: block;
+  border-radius: 50%;
+  background: var(--paper);
 }
-.gnode:nth-of-type(1) { animation-delay: .08s; }
-.gnode:nth-of-type(2) { animation-delay: .11s; }
-.gnode:nth-of-type(3) { animation-delay: .14s; }
-.gnode:nth-of-type(4) { animation-delay: .20s; }
-.gnode:nth-of-type(5) { animation-delay: .23s; }
-.flow-ports circle { animation-delay: .26s; }
-.flow-ports-center circle { animation-delay: .30s; }
-.graph-emblem {
-  animation-name: graphEmblemIn;
-  animation-delay: .18s;
-  animation-duration: .36s;
-  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
-  animation-fill-mode: forwards;
+.visual-hint {
+  color: rgba(255,255,255,.62);
+  font-size: var(--type-micro);
+  letter-spacing: .1em;
+  margin-left: auto;
 }
-.flow-signal {
-  fill: var(--black);
-  opacity: .72;
+.control-board {
+  position: relative;
+  min-height: 460px;
+  overflow: hidden;
+  background:
+    linear-gradient(90deg, rgba(10,10,10,.09) 1px, transparent 1px),
+    linear-gradient(0deg, rgba(10,10,10,.09) 1px, transparent 1px),
+    #FFFFFF;
+  background-size: 28px 28px;
+  touch-action: none;
 }
-
-.gnode rect {
-  fill: var(--paper);
+.control-board::before {
+  content: none;
+  position: absolute;
+  left: 18px;
+  bottom: 14px;
+  z-index: 1;
+  color: rgba(10,10,10,.14);
+  font-size: var(--type-label);
+  font-weight: 900;
+  letter-spacing: .18em;
+  pointer-events: none;
+}
+.control-lines {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  overflow: visible;
+}
+.control-lines path {
+  fill: none;
   stroke: var(--black);
-  stroke-width: 1.5;
+  stroke-width: 4;
+  stroke-linecap: round;
+  stroke-dasharray: 28 14;
+  animation: controlDataIn 1.45s linear infinite;
 }
-.gnode text {
-  font-family: var(--grotesk);
-  font-size: 13px;
-  font-weight: 600;
-  fill: var(--black);
+.control-lines path:nth-child(even) {
+  animation-duration: 1.7s;
 }
-.cap-legend {
-  font-family: var(--grotesk);
-  font-size: 31px;
-  font-weight: 700;
-  letter-spacing: .01em;
-  fill: var(--paper);
+.control-lines path.is-output {
+  animation-name: controlDataOut;
 }
-
-.visual-meta {
-  display: flex;
-  gap: 8px;
-  margin-top: 14px;
-  flex-wrap: wrap;
+.logo-node {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 6;
+  width: 178px;
+  aspect-ratio: 1;
+  display: grid;
+  place-items: center;
+  transform: translate(-50%, -50%) rotate(-2deg);
+  border: 4px solid var(--black);
+  background: var(--paper);
+  box-shadow: 9px 9px 0 var(--black);
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+  transition: box-shadow .14s ease, transform .14s ease;
 }
-.visual-meta span {
-  font-size: 11px;
+.logo-node.is-dragging {
+  cursor: grabbing;
+  box-shadow: 5px 5px 0 var(--black);
+}
+.logo-node.is-positioned {
+  transform: rotate(-2deg);
+}
+.logo-node img {
+  width: 126px;
+  height: 120px;
+  pointer-events: none;
+  -webkit-user-drag: none;
+  user-select: none;
+}
+.flow-node {
+  position: absolute;
+  left: var(--x);
+  top: var(--y);
+  z-index: 4;
+  min-width: 105px;
+  min-height: 46px;
+  padding: 11px 14px;
+  border: 3px solid var(--black);
+  border-radius: 9px 9px 7px 7px;
+  background: linear-gradient(180deg, #FFFFFF 0%, #EFEFEC 58%, #DDDDDA 100%);
+  color: var(--black);
+  box-shadow:
+    0 7px 0 #000000,
+    0 11px 0 #B7B7B7,
+    0 17px 18px -10px rgba(0,0,0,.48),
+    inset 0 2px 0 rgba(255,255,255,.95),
+    inset 0 -9px 11px -11px rgba(0,0,0,.45);
+  font: inherit;
+  font-size: var(--type-label);
+  font-weight: 900;
   letter-spacing: .08em;
   text-transform: uppercase;
-  font-weight: 600;
-  color: var(--gray-1);
-  border: 1px solid var(--line);
-  padding: 6px 10px;
+  cursor: grab;
+  user-select: none;
+  touch-action: none;
+  isolation: isolate;
+  transform: rotate(var(--r, 0deg)) translateY(0);
+  transition: box-shadow .16s ease, transform .16s ease, background .18s ease, color .18s ease;
+}
+.flow-node::before {
+  content: "";
+  position: absolute;
+  inset: 2px 3px auto;
+  height: 38%;
+  z-index: 0;
+  border-radius: 6px 6px 3px 3px;
+  background: rgba(255,255,255,.42);
+  pointer-events: none;
+}
+.flow-node::after {
+  content: "";
+  position: absolute;
+  left: 5px;
+  right: -6px;
+  bottom: -9px;
+  height: 9px;
+  z-index: -2;
+  border: 3px solid var(--black);
+  border-top: 0;
+  border-radius: 0 0 7px 7px;
+  background: #D0D0D0;
+  pointer-events: none;
+  transition: height .1s ease, bottom .1s ease;
+}
+.flow-node.is-output {
+  background: linear-gradient(180deg, #3C3C3C 0%, #1A1A1A 58%, #080808 100%);
+  color: var(--paper);
+  box-shadow:
+    0 7px 0 #000000,
+    0 11px 0 #333333,
+    0 17px 18px -10px rgba(0,0,0,.56),
+    inset 0 2px 0 rgba(255,255,255,.22),
+    inset 0 -9px 11px -11px rgba(0,0,0,.9);
+}
+.flow-node.is-output:active,
+.flow-node.is-output.is-dragging {
+  background: linear-gradient(180deg, #3C3C3C 0%, #1A1A1A 58%, #080808 100%);
+  color: var(--paper);
+}
+.flow-node.is-output::after {
+  background: #0A0A0A;
+}
+.flow-node:hover {
+  transform: rotate(var(--r, 0deg)) translateY(-3px);
+  box-shadow:
+    0 9px 0 #000000,
+    0 13px 0 #B7B7B7,
+    0 19px 20px -10px rgba(0,0,0,.5),
+    inset 0 2px 0 rgba(255,255,255,.95),
+    inset 0 -9px 11px -11px rgba(0,0,0,.45);
+}
+.flow-node.is-output:hover {
+  box-shadow:
+    0 9px 0 #000000,
+    0 13px 0 #333333,
+    0 19px 20px -10px rgba(0,0,0,.58),
+    inset 0 2px 0 rgba(255,255,255,.22),
+    inset 0 -9px 11px -11px rgba(0,0,0,.9);
+}
+.flow-node.is-dragging {
+  cursor: grabbing;
+  background: var(--black);
+  color: var(--paper);
+  transform: rotate(var(--r, 0deg)) translateY(5px) scale(.99);
+  box-shadow:
+    0 2px 0 #000000,
+    0 4px 0 #333333,
+    0 9px 14px -8px rgba(0,0,0,.55),
+    inset 0 2px 0 rgba(255,255,255,.18);
+}
+.flow-node.is-dragging::after {
+  bottom: -3px;
+  height: 3px;
+}
+
+.flow-node {
+  --node-w: 105px;
+  width: var(--node-w);
+  min-width: 0;
+  min-height: 42px;
+  line-height: 1;
+  padding: 9px 12px;
+  left: clamp(12px, var(--x), calc(100% - var(--node-w) - 12px));
+  top: clamp(12px, var(--y), calc(100% - 56px));
+  box-shadow:
+    0 5px 0 #000000,
+    0 8px 12px -8px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.75);
+}
+.flow-node::after { display: none; }
+.flow-node.is-output {
+  box-shadow:
+    0 5px 0 #000000,
+    0 8px 12px -8px rgba(0,0,0,.48),
+    inset 0 2px 0 rgba(255,255,255,.22);
+}
+.flow-node:hover {
+  transform: rotate(var(--r, 0deg)) translateY(-1px);
+  box-shadow:
+    0 6px 0 #000000,
+    0 10px 14px -9px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.75);
+}
+.flow-node.is-output:hover {
+  box-shadow:
+    0 6px 0 #000000,
+    0 10px 14px -9px rgba(0,0,0,.5),
+    inset 0 2px 0 rgba(255,255,255,.22);
+}
+.flow-node.is-dragging {
+  transform: rotate(var(--r, 0deg)) translateY(2px) scale(.99);
+  box-shadow:
+    0 2px 0 #000000,
+    0 7px 10px -9px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.18);
 }
 
 /* ============================================================
-   SYSTEM PROGRESS
+   HALTUNG
    ============================================================ */
-.mission-rail {
-  background: #191919;
+.section.stance-section {
+  background: var(--black);
   color: var(--paper);
-  border-bottom: 1px solid #2B2B2B;
-  padding: 34px 0 44px;
+  padding: 86px 0 96px;
 }
-.mission-head {
-  display: flex;
-  justify-content: center;
-  gap: 10px;
-  align-items: center;
-  margin-bottom: 32px;
-  text-align: center;
+.section-head.stance-head {
+  max-width: 800px;
+  margin-bottom: 44px;
 }
-.mission-head span,
-.mission-head strong {
-  font-size: 12px;
-  letter-spacing: .16em;
-  text-transform: uppercase;
-  font-weight: 800;
+.stance-section .section-title {
+  color: var(--paper);
+  max-width: 11.6em;
 }
-.mission-head span { color: var(--paper); }
-.mission-head span::before { content: "+ "; }
-.mission-track {
-  position: relative;
+.stance-section .section-intro {
+  color: #D2D2D2;
+  max-width: 720px;
+  font-size: var(--type-section-intro);
+}
+.stance-grid {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 20px;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 18px;
+  align-items: stretch;
 }
-.mission-line {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 15px;
-  height: 2px;
-  background:
-    linear-gradient(90deg, var(--paper) 0 38%, #5B5B5B 38% 100%);
-}
-.mission-step {
-  position: relative;
-  padding-top: 46px;
-  text-align: center;
-}
-.mission-step span {
-  position: absolute;
-  top: 5px;
-  left: 50%;
-  width: 22px;
-  height: 22px;
-  transform: translateX(-50%);
+.stance-card {
+  min-height: 292px;
+  display: flex;
+  flex-direction: column;
+  padding: 28px 26px 30px;
   border: 3px solid var(--paper);
-  border-radius: 50%;
-  background: #191919;
-}
-.mission-step.is-done span,
-.mission-step.is-active span {
   background: var(--paper);
-  box-shadow: 0 0 0 7px rgba(255,255,255,.08);
+  color: var(--black);
+  box-shadow: 7px 7px 0 #7E7E7E;
+  transition: transform .15s cubic-bezier(.2, 0, 0, 1), box-shadow .15s ease;
 }
-.mission-step b {
-  display: block;
-  font-size: 12px;
+.stance-card:hover {
+  transform: translate(-3px, -3px);
+  box-shadow: 10px 10px 0 #7E7E7E;
+}
+.stance-card-dark {
+  background: linear-gradient(180deg, #2A2A2A 0%, #101010 100%);
+  color: var(--paper);
+  box-shadow: 7px 7px 0 var(--paper);
+}
+.stance-card-dark:hover {
+  box-shadow: 10px 10px 0 var(--paper);
+}
+.stance-card span {
+  display: inline-flex;
+  width: fit-content;
+  margin-bottom: 42px;
+  padding: 5px 9px;
+  background: var(--black);
+  color: var(--paper);
+  font-size: var(--type-label);
+  font-weight: 900;
   letter-spacing: .12em;
-  line-height: 1.25;
-  text-transform: uppercase;
-  margin-bottom: 7px;
 }
-.mission-step em {
-  display: block;
-  font-style: normal;
-  font-size: 12px;
-  color: #8F8F8F;
+.stance-card-dark span {
+  background: var(--paper);
+  color: var(--black);
+}
+.stance-card h3 {
+  max-width: 10em;
+  margin-bottom: 14px;
+  font-size: var(--type-card-title);
+  line-height: 1.02;
+  letter-spacing: -.025em;
+}
+.stance-card p {
+  margin-top: auto;
+  color: #3E3E3E;
+  font-size: var(--type-body-sm);
+}
+.stance-card-dark p {
+  color: #D8D8D8;
+}
+
+/* ============================================================
+   VORSPRUNG
+   ============================================================ */
+.velocity-section {
+  background: var(--paper-2);
+}
+.velocity-grid {
+  display: grid;
+  grid-template-columns: .82fr 1.18fr;
+  gap: 58px;
+  align-items: start;
+}
+.velocity-copy {
+  max-width: 470px;
+}
+.velocity-copy .section-title {
+  max-width: 10.8em;
+}
+.velocity-stack {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+}
+.velocity-item {
+  min-height: 238px;
+  display: flex;
+  flex-direction: column;
+  padding: 24px 22px 25px;
+  border: 3px solid var(--black);
+  background: var(--paper);
+  box-shadow: 6px 6px 0 var(--black);
+  transition: transform .15s cubic-bezier(.2, 0, 0, 1), box-shadow .15s ease;
+}
+.velocity-item:nth-child(2),
+.velocity-item:nth-child(3) {
+  background: linear-gradient(180deg, #2E2E2E 0%, #111111 100%);
+  color: var(--paper);
+  box-shadow: 6px 6px 0 #909090;
+}
+.velocity-item:hover {
+  transform: translate(-2px, -2px);
+  box-shadow: 8px 8px 0 var(--black);
+}
+.velocity-item:nth-child(2):hover,
+.velocity-item:nth-child(3):hover {
+  box-shadow: 8px 8px 0 #909090;
+}
+.velocity-item span {
+  display: inline-flex;
+  width: fit-content;
+  margin-bottom: 32px;
+  padding: 5px 8px;
+  background: var(--black);
+  color: var(--paper);
+  font-size: var(--type-label);
+  font-weight: 900;
+  letter-spacing: .12em;
+}
+.velocity-item:nth-child(2) span,
+.velocity-item:nth-child(3) span {
+  background: var(--paper);
+  color: var(--black);
+}
+.velocity-item h3 {
+  max-width: 10em;
+  margin-bottom: 10px;
+  font-size: var(--type-card-title);
+  line-height: 1.04;
+  letter-spacing: -.02em;
+}
+.velocity-item p {
+  margin-top: auto;
+  color: var(--gray-1);
+  font-size: var(--type-body-sm);
+}
+.velocity-item:nth-child(2) p,
+.velocity-item:nth-child(3) p {
+  color: #D0D0D0;
 }
 
 /* ============================================================
@@ -564,7 +1069,6 @@ p, li { text-wrap: pretty; }
    ============================================================ */
 .product-section {
   background: var(--paper);
-  border-bottom: 1px solid var(--line);
 }
 .product-grid {
   display: grid;
@@ -591,7 +1095,7 @@ p, li { text-wrap: pretty; }
   font-variant-numeric: tabular-nums;
 }
 .proof-points span {
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   color: var(--gray-1);
 }
 .product-ui {
@@ -610,7 +1114,7 @@ p, li { text-wrap: pretty; }
   border-bottom: 1px solid var(--line-strong);
 }
 .ui-mark {
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   font-weight: 800;
   letter-spacing: -.03em;
 }
@@ -618,7 +1122,7 @@ p, li { text-wrap: pretty; }
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .1em;
   text-transform: uppercase;
   color: var(--gray-1);
@@ -635,7 +1139,7 @@ p, li { text-wrap: pretty; }
 .ui-layout {
   display: grid;
   grid-template-columns: 150px 1fr;
-  min-height: 420px;
+  min-height: 368px;
 }
 .ui-sidebar {
   padding: 18px;
@@ -644,39 +1148,53 @@ p, li { text-wrap: pretty; }
 }
 .ui-nav {
   display: block;
-  font-size: 12px;
+  width: 100%;
+  background: transparent;
+  font-family: inherit;
+  text-align: left;
+  font-size: var(--type-label);
   font-weight: 700;
   color: var(--gray-1);
   padding: 11px 10px;
   border: 1px solid transparent;
   margin-bottom: 8px;
+  cursor: pointer;
+  transition: background .14s ease, color .14s ease, border-color .14s ease, box-shadow .14s ease;
 }
-.ui-nav.active {
+.ui-nav.active,
+.ui-nav:hover {
   color: var(--black);
   background: var(--paper);
   border-color: var(--black);
   box-shadow: 0 3px 0 #D1D1CF;
 }
 .ui-main {
-  padding: 24px;
+  transition: opacity .14s ease, transform .14s ease;
+}
+.product-ui.is-switching .ui-main {
+  opacity: .62;
+  transform: translateY(2px);
+}
+.ui-main {
+  padding: 22px 24px;
 }
 .ui-main-head {
   display: flex;
   justify-content: space-between;
   gap: 18px;
   align-items: start;
-  margin-bottom: 22px;
+  margin-bottom: 18px;
 }
 .ui-main-head strong {
   display: block;
-  font-size: clamp(26px, 3vw, 38px);
+  font-size: var(--type-display-card);
   line-height: 1.04;
   letter-spacing: -.03em;
 }
 .ui-kicker,
 .event-label {
   display: block;
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--gray-2);
@@ -689,14 +1207,14 @@ p, li { text-wrap: pretty; }
   background: var(--black);
   color: var(--paper);
   padding: 7px 10px;
-  font-size: 12px;
+  font-size: var(--type-label);
   font-weight: 800;
 }
 .ui-flow {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 0;
-  margin-bottom: 22px;
+  margin-bottom: 18px;
   border: 1px solid var(--black);
 }
 .ui-flow span {
@@ -706,7 +1224,7 @@ p, li { text-wrap: pretty; }
   align-items: center;
   justify-content: center;
   border-right: 1px solid var(--black);
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .08em;
   text-transform: uppercase;
   font-weight: 800;
@@ -726,7 +1244,7 @@ p, li { text-wrap: pretty; }
   grid-template-columns: repeat(3, 1fr);
   border-top: 1px solid var(--line-strong);
   border-left: 1px solid var(--line-strong);
-  margin-bottom: 22px;
+  margin-bottom: 18px;
 }
 .ui-metrics div {
   padding: 16px 14px;
@@ -735,7 +1253,7 @@ p, li { text-wrap: pretty; }
 }
 .ui-metrics span {
   display: block;
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .08em;
   text-transform: uppercase;
   color: var(--gray-2);
@@ -755,12 +1273,12 @@ p, li { text-wrap: pretty; }
   grid-template-columns: 1fr auto;
   gap: 18px;
   align-items: center;
-  padding: 14px 0;
+  padding: 11px 0;
   border-bottom: 1px solid var(--line);
-  font-size: 14px;
+  font-size: var(--type-body-sm);
 }
 .ui-row b {
-  font-size: 12px;
+  font-size: var(--type-label);
   letter-spacing: .06em;
   text-transform: uppercase;
   font-variant-numeric: tabular-nums;
@@ -781,23 +1299,43 @@ p, li { text-wrap: pretty; }
 /* ============================================================
    SECTIONS (generic)
    ============================================================ */
-.section { padding: 100px 0; }
+.section { padding: var(--section-y) 0; }
 section[id] { scroll-margin-top: 92px; }
+.site-footer { scroll-margin-top: 92px; }
 .section-alt { background: var(--paper-2); }
 .section-head { max-width: 620px; margin-bottom: 56px; }
 .section-title {
-  font-size: clamp(34px, 4vw, 54px);
+  font-size: var(--type-section-title);
   line-height: .98;
   letter-spacing: -.04em;
   font-weight: 800;
   margin: 18px 0 16px;
 }
 .section-intro {
-  font-size: 16px;
+  font-size: var(--type-section-intro);
   color: var(--gray-1);
 }
 
 /* ---------- Capability cards ---------- */
+.services-section > .wrap {
+  display: grid;
+  grid-template-columns: .36fr .64fr;
+  gap: 56px;
+  align-items: center;
+}
+.services-section .section-head {
+  max-width: 430px;
+  margin-bottom: 0;
+}
+.services-section .section-title {
+  font-size: var(--type-section-title);
+  line-height: 1;
+  max-width: 9em;
+}
+.services-section .section-intro {
+  max-width: 34em;
+  font-size: var(--type-section-intro);
+}
 .cards {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -807,7 +1345,7 @@ section[id] { scroll-margin-top: 92px; }
 .card {
   border-right: 1px solid var(--line-strong);
   border-bottom: 1px solid var(--line-strong);
-  padding: 36px 32px 40px;
+  padding: 22px 20px 24px;
   background: var(--paper);
   position: relative;
   transition: background .15s ease, box-shadow .15s ease;
@@ -837,9 +1375,9 @@ section[id] { scroll-margin-top: 92px; }
 .icon-key {
   position: relative;
   display: inline-block;
-  width: 58px;
-  height: 58px;
-  margin-bottom: 30px;
+  width: 46px;
+  height: 46px;
+  margin-bottom: 18px;
   border-radius: 12px;
   /* Tastenkörper / Seitenwände */
   background: linear-gradient(180deg, #DADADA 0%, #C0C0C0 60%, #B0B0B0 100%);
@@ -857,7 +1395,7 @@ section[id] { scroll-margin-top: 92px; }
   top: 4px;
   left: 4px;
   right: 4px;
-  bottom: 11px;
+  bottom: 9px;
   border-radius: 8px;
   background: linear-gradient(180deg, #FFFFFF 0%, #EDEDED 100%);
   box-shadow:
@@ -870,108 +1408,291 @@ section[id] { scroll-margin-top: 92px; }
   top: 4px;
   left: 4px;
   right: 4px;
-  bottom: 11px;
+  bottom: 9px;
   margin: auto;
-  width: 26px;
-  height: 26px;
+  width: 22px;
+  height: 22px;
 }
 .card h3 {
-  font-size: 19px;
+  font-size: var(--type-card-title);
   font-weight: 700;
   letter-spacing: -.01em;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 .card p {
-  font-size: 15px;
+  font-size: var(--type-body-sm);
+  line-height: 1.45;
   color: var(--gray-1);
 }
+.services-section .cards {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  align-self: center;
+}
+.services-section .card {
+  display: grid;
+  grid-template-columns: 52px minmax(0, 1fr);
+  grid-template-rows: auto 1fr;
+  column-gap: 18px;
+  row-gap: 6px;
+  align-items: start;
+  min-height: 0;
+  padding: 24px 26px;
+}
+.services-section .icon-key {
+  grid-row: 1 / span 2;
+  width: 42px;
+  height: 42px;
+  margin: 2px 0 0;
+  border-radius: 10px;
+  box-shadow: 0 8px 12px -5px rgba(0,0,0,.32);
+}
+.services-section .icon-key::before {
+  top: 4px;
+  left: 4px;
+  right: 4px;
+  bottom: 9px;
+  border-radius: 7px;
+}
+.services-section .card-icon {
+  top: 4px;
+  left: 4px;
+  right: 4px;
+  bottom: 9px;
+  width: 21px;
+  height: 21px;
+}
+.services-section .card h3 {
+  margin-bottom: 0;
+  font-size: var(--type-card-title);
+  line-height: 1.08;
+}
+.services-section .card p {
+  font-size: var(--type-body-sm);
+  line-height: 1.42;
+}
 
 /* ---------- Industries ---------- */
-.industry-grid {
+.industry-section {
+  background: var(--paper-2);
+}
+.industry-section > .wrap {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  border-top: 1px solid var(--line-strong);
-  border-left: 1px solid var(--line-strong);
+  grid-template-columns: .62fr .38fr;
+  gap: 56px;
+  align-items: center;
 }
-.industry-card {
-  display: flex;
-  flex-direction: column;
+.industry-section .section-head {
+  grid-column: 2;
+  grid-row: 1;
+  max-width: 430px;
+  margin-bottom: 0;
+}
+.industry-section .section-title {
+  max-width: 9.5em;
+  font-size: var(--type-section-title);
+}
+.industry-section .section-intro {
+  max-width: 31em;
+  font-size: var(--type-section-intro);
+}
+.industry-map {
+  grid-column: 1;
+  grid-row: 1;
+  display: grid;
+  gap: 0;
+  border: 3px solid var(--black);
   background: var(--paper);
-  padding: 30px 24px 32px;
-  border-right: 1px solid var(--line-strong);
-  border-bottom: 1px solid var(--line-strong);
-  position: relative;
-  min-height: 260px;
-  transition: background .15s ease, transform .15s cubic-bezier(.2, 0, 0, 1);
+  box-shadow: 7px 7px 0 var(--black);
 }
-.industry-card:hover {
-  background: #FBFBFA;
-  transform: translateY(-2px);
+.industry-row {
+  display: grid;
+  grid-template-columns: 54px minmax(150px, .34fr) minmax(0, 1fr);
+  gap: 18px;
+  align-items: center;
+  background: var(--paper);
+  padding: 17px 18px;
+  border-bottom: 1px solid var(--black);
+  transition: background .15s ease, color .15s ease;
 }
-.industry-card span {
-  display: inline-block;
-  font-size: 12px;
+.industry-row:last-child {
+  border-bottom: 0;
+}
+.industry-row:nth-child(even) {
+  background: var(--black);
+  color: var(--paper);
+}
+.industry-row:hover {
+  background: #FDFDFB;
+}
+.industry-row:nth-child(even):hover {
+  background: #171717;
+}
+.industry-row span {
+  display: inline-flex;
+  width: 36px;
+  height: 36px;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--type-label);
   letter-spacing: .12em;
-  font-weight: 800;
-  color: var(--gray-2);
-  margin-bottom: 54px;
+  font-weight: 900;
+  color: var(--paper);
+  background: var(--black);
 }
-.industry-card h3 {
-  font-size: 20px;
-  line-height: 1.15;
-  margin-bottom: 12px;
+.industry-row:nth-child(even) span {
+  color: var(--black);
+  background: var(--paper);
 }
-.industry-card p {
-  font-size: 14px;
-  color: var(--gray-1);
-  margin-bottom: 22px;
-}
-.industry-card small {
+.industry-row strong {
   display: block;
-  margin-top: auto;
-  padding-top: 14px;
-  border-top: 1px solid var(--line);
-  font-size: 11px;
+  font-size: var(--type-card-title);
+  line-height: 1.02;
+  letter-spacing: -.03em;
+}
+.industry-row p {
+  font-size: var(--type-body-sm);
+  line-height: 1.42;
+  color: var(--gray-1);
+  margin: 0;
+}
+.industry-row:nth-child(even) p {
+  color: #D4D4D4;
+}
+.industry-row small {
+  grid-column: 3;
+  display: block;
+  margin-top: 8px;
+  font-size: var(--type-micro);
   letter-spacing: .08em;
   text-transform: uppercase;
   font-weight: 800;
   color: var(--black);
 }
+.industry-row:nth-child(even) small {
+  color: var(--paper);
+}
 
 /* ---------- Steps ---------- */
 .steps {
+  position: relative;
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
   list-style: none;
-  gap: 0;
-  border-top: 1px solid var(--line-strong);
+  gap: 20px;
+  border-top: 0;
+  margin-top: clamp(54px, 6.5vw, 84px);
+  padding-top: 0;
+  isolation: isolate;
+}
+.steps::before {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  top: 34px;
+  left: 8%;
+  right: 8%;
+  height: 8px;
+  background: var(--black);
+  box-shadow: 0 5px 0 #D3D3D0;
 }
 .step {
-  padding: 34px 26px 38px;
-  border-right: 1px solid var(--line);
+  position: relative;
+  min-width: 0;
+  min-height: 306px;
+  padding: 126px 24px 28px;
+  border-right: 0;
+}
+.step::before {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  inset: 104px 0 0;
+  border: 2px solid var(--black);
+  background: var(--paper);
+  box-shadow: 7px 7px 0 #D3D3D0;
+}
+.step::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 74px;
+  left: 50%;
+  width: 3px;
+  height: 30px;
+  transform: translateX(-50%);
+  background: var(--black);
+  opacity: 1;
 }
-.step:last-child { border-right: none; }
 .step-num {
-  display: block;
-  font-size: 13px;
-  font-weight: 700;
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 50%;
+  display: inline-flex;
+  width: 76px;
+  height: 76px;
+  align-items: center;
+  justify-content: center;
+  transform: translateX(-50%);
+  border: 3px solid var(--black);
+  background: var(--paper);
+  box-shadow:
+    0 0 0 9px var(--paper),
+    7px 7px 0 var(--black);
+  font-size: var(--type-section-intro);
+  font-weight: 900;
   letter-spacing: .12em;
-  color: var(--gray-2);
-  margin-bottom: 26px;
+  color: var(--black);
+  font-variant-numeric: tabular-nums;
+  margin-bottom: 0;
+  transition: transform .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
+}
+.step:nth-child(even) .step-num {
+  background: var(--black);
+  color: var(--paper);
+  box-shadow:
+    0 0 0 9px var(--paper),
+    7px 7px 0 #777777;
+}
+.step:nth-child(even)::before {
+  background:
+    linear-gradient(180deg, rgba(0,0,0,.035), rgba(0,0,0,0) 34px),
+    var(--paper);
+}
+.step:hover .step-num {
+  transform: translateX(-50%) translateY(-3px);
+  background: var(--black);
+  color: var(--paper);
+  box-shadow:
+    0 0 0 9px var(--paper),
+    7px 10px 0 #5E5E5E;
 }
 .step h3 {
-  font-size: 20px;
-  font-weight: 700;
-  margin-bottom: 10px;
+  position: relative;
+  z-index: 1;
+  font-size: var(--type-card-title);
+  line-height: 1;
+  font-weight: 800;
+  text-align: left;
+  margin-bottom: 16px;
+  letter-spacing: -.02em;
 }
 .step p {
-  font-size: 15px;
+  position: relative;
+  z-index: 1;
+  max-width: none;
+  margin: 0;
+  font-size: var(--type-body-sm);
+  line-height: 1.5;
+  text-align: left;
   color: var(--gray-1);
 }
-
 /* ============================================================
    ARBEITSWEISE + KANBAN
    ============================================================ */
+#arbeit {
+  background: var(--paper-2);
+}
 .arbeit-grid {
   display: grid;
   grid-template-columns: .9fr 1.1fr;
@@ -983,7 +1704,7 @@ section[id] { scroll-margin-top: 92px; }
   margin-top: 28px;
 }
 .checklist li {
-  font-size: 15px;
+  font-size: var(--type-body);
   padding: 14px 0 14px 28px;
   border-top: 1px solid var(--line);
   position: relative;
@@ -1020,7 +1741,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .kb-col { display: flex; flex-direction: column; gap: 12px; }
 .kb-head {
-  font-size: 12px;
+  font-size: var(--type-label);
   font-weight: 700;
   letter-spacing: .06em;
   text-transform: uppercase;
@@ -1063,68 +1784,165 @@ section[id] { scroll-margin-top: 92px; }
    EVENTS
    ============================================================ */
 .event-section {
-  background: var(--black);
-  color: var(--paper);
-  border-top: 1px solid #2B2B2B;
-  padding: 64px 0;
+  background: var(--paper);
+  color: var(--black);
+  min-height: var(--viewport-section-h);
+  display: flex;
+  align-items: center;
+  padding: clamp(42px, 5vh, 58px) 0 clamp(48px, 6vh, 70px);
+  overflow: clip;
+}
+.event-section > .wrap {
+  flex: 1;
 }
 .event-section .section-head {
-  max-width: none;
-  display: grid;
-  grid-template-columns: .76fr 1fr;
-  gap: 44px;
-  align-items: end;
-  margin-bottom: 32px;
+  max-width: 880px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0;
+  margin: 0 auto clamp(34px, 4.4vh, 48px);
+  text-align: center;
 }
 .event-section .section-title {
-  color: var(--paper);
-  margin-bottom: 0;
+  color: var(--black);
+  margin: 22px 0 0;
+  font-size: var(--type-section-title);
+  line-height: .96;
+  max-width: 820px;
 }
 .event-section .eyebrow {
-  justify-self: start;
+  align-self: center;
 }
 .event-section .section-intro {
-  color: #BDBDBD;
+  color: var(--gray-1);
+  font-size: var(--type-section-intro);
+  line-height: 1.45;
+  max-width: 620px;
+  margin: 24px auto 0;
 }
 .event-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 0;
-  border-top: 1px solid #3A3A3A;
-  border-left: 1px solid #3A3A3A;
+  gap: clamp(22px, 2.5vw, 30px);
+  align-items: stretch;
 }
 .event-card {
-  display: block;
-  background: #171717;
-  border: none;
-  border-right: 1px solid #3A3A3A;
-  border-bottom: 1px solid #3A3A3A;
-  padding: 28px;
-  min-height: 210px;
+  display: grid;
+  grid-template-columns: minmax(0, 1.08fr) minmax(178px, .82fr);
+  gap: clamp(16px, 1.8vw, 22px);
+  align-items: center;
+  background: var(--paper);
+  color: var(--black);
+  border: 3px solid var(--black);
+  outline: 0;
+  padding: clamp(16px, 1.8vw, 22px);
+  min-height: 0;
+  box-shadow: 7px 7px 0 var(--black);
   transition: transform .15s cubic-bezier(.2, 0, 0, 1), box-shadow .15s ease;
 }
+.event-card-code {
+  transform: none;
+  background: var(--paper);
+  color: var(--black);
+  border-color: var(--black);
+  box-shadow: 7px 7px 0 var(--black);
+}
 .event-card:hover {
-  transform: translateY(-1px);
-  box-shadow: inset 0 4px 0 var(--paper);
+  transform: translate(-2px, -2px);
+  box-shadow: 9px 9px 0 var(--black);
 }
 .event-card h3 {
-  font-size: 32px;
-  line-height: .98;
-  margin-bottom: 12px;
-  color: var(--paper);
+  font-size: var(--type-card-title);
+  line-height: 1;
+  margin-bottom: 8px;
+  color: var(--black);
 }
 .event-card p {
-  font-size: 15px;
-  color: #BDBDBD;
-  margin-bottom: 18px;
+  font-size: var(--type-body-sm);
+  line-height: 1.42;
+  color: #3A3A3A;
+  margin-bottom: 14px;
 }
 .event-card a {
-  font-size: 13px;
-  font-weight: 800;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  max-width: 100%;
+  min-height: 40px;
+  padding: 8px 12px;
+  font-size: var(--type-control);
+  font-weight: 900;
+  line-height: 1.1;
   letter-spacing: .08em;
   text-transform: uppercase;
+  text-align: center;
+  color: var(--black);
+  border: 2px solid currentColor;
+  box-shadow: 3px 3px 0 currentColor;
+}
+.event-card-code h3 {
+  color: var(--black);
+}
+.event-card-code p {
+  color: #3A3A3A;
+}
+.event-card-code a {
+  color: var(--black);
+  border-color: var(--black);
+  box-shadow: 3px 3px 0 var(--black);
+}
+.event-poster,
+.mini-terminal {
+  min-height: 0;
+  border: 3px solid var(--black);
+  box-shadow: 4px 4px 0 var(--black);
+}
+.event-poster {
+  height: clamp(168px, 23vh, 230px);
+  overflow: hidden;
+  background: var(--paper);
+}
+.event-poster img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  filter: contrast(1.08) saturate(.92);
+}
+.mini-terminal {
+  height: clamp(168px, 23vh, 230px);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 18px;
+  background:
+    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px),
+    linear-gradient(0deg, rgba(255,255,255,.12) 1px, transparent 1px),
+    var(--black);
+  background-size: 20px 20px;
   color: var(--paper);
-  border-bottom: 1.5px solid var(--paper);
+  border-color: var(--paper);
+  box-shadow: 4px 4px 0 #A8A8A8;
+}
+.mini-terminal span {
+  font-size: var(--type-label);
+  font-weight: 900;
+  letter-spacing: .18em;
+}
+.mini-terminal strong {
+  max-width: 8em;
+  font-size: var(--type-display-card);
+  line-height: .94;
+  letter-spacing: -.04em;
+  color: var(--paper);
+}
+.mini-terminal em {
+  font-style: normal;
+  font-size: var(--type-control);
+  font-weight: 800;
+  letter-spacing: .12em;
+  text-transform: uppercase;
 }
 
 /* ============================================================
@@ -1133,7 +1951,6 @@ section[id] { scroll-margin-top: 92px; }
 .section-dark {
   background: var(--black);
   color: var(--paper);
-  border-top: 1px solid #262626;
 }
 .kontakt-grid {
   display: grid;
@@ -1151,7 +1968,7 @@ section[id] { scroll-margin-top: 92px; }
   position: relative;
   padding: 11px 0 11px 26px;
   border-bottom: 1px solid #2B2B2B;
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   color: #DADADA;
 }
 .contact-promises li::before {
@@ -1175,14 +1992,14 @@ section[id] { scroll-margin-top: 92px; }
   border-bottom: 1px solid #2B2B2B;
 }
 .contact-list dt {
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .14em;
   text-transform: uppercase;
   font-weight: 600;
   color: var(--gray-2);
   padding-top: 2px;
 }
-.contact-list dd { font-size: 15px; }
+.contact-list dd { font-size: var(--type-body); }
 .contact-list a:hover { text-decoration: underline; }
 
 /* ---------- Form ---------- */
@@ -1194,6 +2011,25 @@ section[id] { scroll-margin-top: 92px; }
   border: 1.5px solid var(--paper);
   box-shadow: 12px 12px 0 rgba(255,255,255,.12);
 }
+.section-dark .lead-form .btn.btn-solid {
+  border-color: var(--black);
+  box-shadow:
+    0 4px 0 #000000,
+    0 10px 16px -12px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.28);
+}
+.section-dark .lead-form .btn.btn-solid:hover {
+  box-shadow:
+    0 5px 0 #000000,
+    0 12px 18px -12px rgba(0,0,0,.45),
+    inset 0 2px 0 rgba(255,255,255,.28);
+}
+.section-dark .lead-form .btn.btn-solid:active {
+  box-shadow:
+    0 1px 0 #000000,
+    0 6px 10px -10px rgba(0,0,0,.4),
+    inset 0 1px 0 rgba(255,255,255,.2);
+}
 .form-row { margin-bottom: 15px; }
 .form-grid {
   display: grid;
@@ -1202,7 +2038,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .form-row label {
   display: block;
-  font-size: 12px;
+  font-size: var(--type-label);
   font-weight: 700;
   letter-spacing: .08em;
   text-transform: uppercase;
@@ -1214,7 +2050,7 @@ section[id] { scroll-margin-top: 92px; }
 .form-row textarea {
   width: 100%;
   font-family: var(--grotesk);
-  font-size: 15px;
+  font-size: var(--type-body);
   color: var(--ink);
   background: var(--paper);
   border: 1.5px solid var(--line);
@@ -1235,7 +2071,10 @@ section[id] { scroll-margin-top: 92px; }
   min-height: 118px;
 }
 .form-row.invalid input,
-.form-row.invalid textarea { border-color: #C0392B; }
+.form-row.invalid textarea {
+  border-color: var(--black);
+  box-shadow: inset 0 0 0 2px var(--black);
+}
 
 .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
 
@@ -1247,7 +2086,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .form-foot .btn { flex: none; }
 .form-note {
-  font-size: 12px;
+  font-size: var(--type-label);
   color: var(--gray-2);
   line-height: 1.45;
 }
@@ -1258,7 +2097,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .form-status {
   margin-top: 18px;
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   font-weight: 600;
   padding: 12px 14px;
   border: 1.5px solid var(--black);
@@ -1266,7 +2105,7 @@ section[id] { scroll-margin-top: 92px; }
   animation: statusIn .22s cubic-bezier(.2, 0, 0, 1);
 }
 .form-status.ok { background: var(--black); color: var(--paper); }
-.form-status.err { border-color: #C0392B; color: #C0392B; }
+.form-status.err { border-color: var(--black); color: var(--black); }
 
 /* ============================================================
    FOOTER
@@ -1290,7 +2129,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .footer-logo { height: 22px; width: auto; flex: none; }
 .footer-brand p {
-  font-size: 13px;
+  font-size: var(--type-control);
   color: var(--gray-2);
   letter-spacing: .03em;
   white-space: nowrap;
@@ -1304,11 +2143,11 @@ section[id] { scroll-margin-top: 92px; }
   text-align: right;
 }
 .footer-links a {
-  font-size: 13px;
+  font-size: var(--type-control);
   color: var(--gray-2);
 }
 .footer-links {
-  font-size: 13px;
+  font-size: var(--type-control);
   color: var(--gray-2);
 }
 .footer-links i {
@@ -1319,6 +2158,28 @@ section[id] { scroll-margin-top: 92px; }
 }
 .footer-links a:hover { color: var(--paper); }
 
+@media (min-width: 961px) {
+  main > .section {
+    min-height: var(--viewport-section-h);
+    display: flex;
+    align-items: center;
+  }
+  main > .section > .wrap {
+    flex: 1;
+  }
+  .section.stance-section {
+    padding: var(--section-y) 0;
+  }
+  .section-head {
+    margin-bottom: clamp(32px, 4vh, 48px);
+  }
+  .product-grid,
+  .arbeit-grid,
+  .kontakt-grid {
+    align-items: center;
+  }
+}
+
 /* ============================================================
    RESPONSIVE
    ============================================================ */
@@ -1330,14 +2191,101 @@ section[id] { scroll-margin-top: 92px; }
     display: flex;
     animation: mobileMenuIn .18s cubic-bezier(.2, 0, 0, 1);
   }
-  .hero-grid { grid-template-columns: 1fr; gap: 44px; padding: 72px 32px 64px; }
-  .mission-track { gap: 12px; }
+  .hero {
+    min-height: 0;
+  }
+  .hero-grid {
+    grid-template-columns: 1fr;
+    gap: 44px;
+    align-items: start;
+    min-height: 0;
+    padding: 64px 32px;
+  }
+  .hero-actions { margin-top: 36px; }
+  .stance-grid { grid-template-columns: 1fr; }
+  .stance-card { min-height: 0; }
   .product-grid { grid-template-columns: 1fr; gap: 44px; }
+  .velocity-grid { grid-template-columns: 1fr; gap: 42px; }
+  .velocity-copy { max-width: 680px; }
+  .services-section > .wrap {
+    grid-template-columns: 1fr;
+    gap: 36px;
+  }
+  .industry-section > .wrap {
+    grid-template-columns: 1fr;
+    gap: 36px;
+  }
+  .industry-section .section-head,
+  .industry-map {
+    grid-column: auto;
+    grid-row: auto;
+  }
+  .services-section .section-head {
+    max-width: 620px;
+    position: static;
+  }
+  .industry-section .section-head {
+    max-width: 620px;
+  }
+  .industry-section .section-title {
+    font-size: var(--type-section-title);
+  }
+  .services-section .cards {
+    grid-template-columns: 1fr 1fr;
+  }
   .cards { grid-template-columns: 1fr 1fr; }
-  .industry-grid { grid-template-columns: 1fr 1fr; }
-  .steps { grid-template-columns: 1fr 1fr; }
-  .step:nth-child(2) { border-right: none; }
-  .step:nth-child(1), .step:nth-child(2) { border-bottom: 1px solid var(--line); }
+  .steps {
+    grid-template-columns: 1fr;
+    max-width: 680px;
+    margin-top: 48px;
+    padding-top: 0;
+    gap: 18px;
+  }
+  .steps::before {
+    display: none;
+  }
+  .step {
+    min-height: 0;
+    padding: 24px 24px 30px 106px;
+  }
+  .step::before {
+    inset: 0 0 0 74px;
+    box-shadow: 5px 5px 0 #D3D3D0;
+  }
+  .step::after {
+    content: "";
+    position: absolute;
+    z-index: 0;
+    top: 84px;
+    bottom: -18px;
+    left: 38px;
+    width: 3px;
+    height: auto;
+    transform: none;
+    background: var(--black);
+    opacity: 1;
+  }
+  .step:last-child::after { display: none; }
+  .step:last-child { padding-bottom: 0; }
+  .step-num {
+    top: 0;
+    left: 0;
+    transform: none;
+    box-shadow:
+      0 0 0 9px var(--paper),
+      7px 7px 0 var(--black);
+  }
+  .step:hover .step-num {
+    transform: translateY(-2px);
+  }
+  .step h3,
+  .step p {
+    text-align: left;
+  }
+  .step p {
+    max-width: 440px;
+    margin: 0;
+  }
   .arbeit-grid { grid-template-columns: 1fr; gap: 44px; }
   .event-grid { grid-template-columns: 1fr; }
   .kontakt-grid { grid-template-columns: 1fr; gap: 44px; }
@@ -1354,35 +2302,39 @@ section[id] { scroll-margin-top: 92px; }
   .mobile-nav { padding: 16px 20px 24px; }
   .section { padding: 64px 0; }
   .section-head { margin-bottom: 36px; }
-  .hero-title { font-size: clamp(38px, 11vw, 52px); }
-  .hero-actions .btn { flex: 1 1 auto; }
-  .trust-strip span { flex: 1 1 100%; }
-  .mission-head {
-    align-items: flex-start;
-    flex-direction: column;
-    text-align: left;
+  .hero-title { font-size: var(--type-hero-title-mobile); }
+  .hero-actions .btn { flex: 1 1 220px; }
+  .trust-strip { grid-template-columns: 1fr; }
+  .section.stance-section { padding: 64px 0 70px; }
+  .stance-card {
+    padding: 24px 22px 26px;
+    box-shadow: 5px 5px 0 #7E7E7E;
   }
-  .mission-track {
-    grid-template-columns: 1fr;
-    gap: 0;
+  .stance-card-dark { box-shadow: 5px 5px 0 var(--paper); }
+  .stance-card span { margin-bottom: 30px; }
+  .velocity-stack { grid-template-columns: 1fr; }
+  .velocity-item { min-height: 0; }
+  .control-board { min-height: 400px; }
+  .logo-node { width: 122px; box-shadow: 6px 6px 0 var(--black); }
+  .logo-node img { width: 66px; height: 64px; }
+  .flow-node {
+    --node-w: 76px;
+    min-width: 0;
+    min-height: 40px;
+    padding: 9px 10px;
+    font-size: var(--type-micro);
+    box-shadow:
+      0 5px 0 #000000,
+      0 8px 0 #B7B7B7,
+      0 13px 16px -10px rgba(0,0,0,.45),
+      inset 0 2px 0 rgba(255,255,255,.95);
   }
-  .mission-line {
-    left: 11px;
-    right: auto;
-    top: 0;
-    bottom: 0;
-    width: 2px;
-    height: auto;
-    background: linear-gradient(180deg, var(--paper) 0 45%, #5B5B5B 45% 100%);
-  }
-  .mission-step {
-    min-height: 82px;
-    padding: 0 0 22px 42px;
-    text-align: left;
-  }
-  .mission-step span {
-    left: 0;
-    transform: none;
+  .flow-node.is-output {
+    box-shadow:
+      0 5px 0 #000000,
+      0 8px 0 #333333,
+      0 13px 16px -10px rgba(0,0,0,.5),
+      inset 0 2px 0 rgba(255,255,255,.22);
   }
   .proof-points div { grid-template-columns: 1fr; gap: 4px; }
   .product-ui { box-shadow: 10px 10px 0 #D8D8D5, 11.5px 11.5px 0 var(--black); }
@@ -1405,22 +2357,67 @@ section[id] { scroll-margin-top: 92px; }
   .ui-flow span:last-child { border-bottom: none; }
   .ui-metrics { grid-template-columns: 1fr; }
   .cards { grid-template-columns: 1fr; }
+  .services-section .cards { grid-template-columns: 1fr; }
+  .services-section .section-title {
+    font-size: var(--type-section-title);
+  }
+  .services-section .card {
+    grid-template-columns: 42px minmax(0, 1fr);
+  }
   .card { border-right: 1px solid var(--line-strong); }
-  .industry-grid { grid-template-columns: 1fr; }
-  .industry-card { min-height: auto; }
-  .industry-card span { margin-bottom: 34px; }
-  .steps { grid-template-columns: 1fr; }
-  .step { border-right: none; border-bottom: 1px solid var(--line); }
-  .step:last-child { border-bottom: none; }
+  .industry-map {
+    box-shadow: 5px 5px 0 var(--black);
+  }
+  .industry-row {
+    grid-template-columns: 42px 1fr;
+    gap: 12px 14px;
+    align-items: start;
+  }
+  .industry-row p,
+  .industry-row small {
+    grid-column: 1 / -1;
+  }
+  .steps {
+    margin-top: 42px;
+    gap: 16px;
+  }
+  .step {
+    padding: 20px 18px 24px 82px;
+  }
+  .step::before {
+    inset: 0 0 0 58px;
+    box-shadow: 4px 4px 0 #D3D3D0;
+  }
+  .step::after {
+    top: 62px;
+    bottom: -16px;
+    left: 27px;
+  }
+  .step-num {
+    width: 54px;
+    height: 54px;
+    font-size: var(--type-label);
+    border-width: 2px;
+    box-shadow:
+      0 0 0 8px var(--paper),
+      5px 5px 0 var(--black);
+  }
   .form-grid { grid-template-columns: 1fr; gap: 0; }
   .form-foot { flex-direction: column; align-items: stretch; gap: 14px; }
   .form-foot .btn { width: 100%; }
   .lead-form { padding: 26px 22px; }
   .event-card { grid-template-columns: 1fr; }
+  .event-poster { min-height: 0; }
+  .mini-terminal { min-height: 190px; }
   .event-section .section-head {
-    grid-template-columns: 1fr;
     gap: 10px;
   }
+  .event-section .section-title {
+    margin-top: 14px;
+  }
+  .event-section .section-intro {
+    margin-top: 0;
+  }
   .site-footer { padding: 22px 0; }
   .footer-links { gap: 8px 14px; }
   .footer-brand {
@@ -1449,6 +2446,12 @@ section[id] { scroll-margin-top: 92px; }
 @keyframes graphLineIn {
   to { stroke-dashoffset: 0; }
 }
+@keyframes controlDataIn {
+  to { stroke-dashoffset: -84; }
+}
+@keyframes controlDataOut {
+  to { stroke-dashoffset: 84; }
+}
 @keyframes graphNodeIn {
   from { opacity: 0; transform: translateY(4px); }
   to { opacity: 1; transform: translateY(0) scale(1); }
@@ -1491,7 +2494,7 @@ section[id] { scroll-margin-top: 92px; }
 .td-hero { padding: 88px 0; border-bottom: 1px solid var(--line); }
 .td-hero .eyebrow { margin-bottom: 22px; }
 .td-title {
-  font-size: clamp(34px, 4.6vw, 60px);
+  font-size: var(--type-section-title);
   line-height: 1.06;
   letter-spacing: -.022em;
   font-weight: 700;
@@ -1499,7 +2502,7 @@ section[id] { scroll-margin-top: 92px; }
   max-width: 15em;
 }
 .td-lead {
-  font-size: 17px;
+  font-size: var(--type-section-intro);
   color: var(--gray-1);
   max-width: 40em;
   margin-bottom: 30px;
@@ -1552,7 +2555,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .gj-teaser > *:not(.gj-bg) { position: relative; z-index: 1; }
 .gj-kicker {
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .2em;
   text-transform: uppercase;
   font-weight: 700;
@@ -1560,7 +2563,7 @@ section[id] { scroll-margin-top: 92px; }
   margin-bottom: 18px;
 }
 .gj-title {
-  font-size: clamp(38px, 5.5vw, 60px);
+  font-size: var(--type-hero-title);
   font-weight: 800;
   line-height: .95;
   letter-spacing: -.03em;
@@ -1568,7 +2571,7 @@ section[id] { scroll-margin-top: 92px; }
   margin-bottom: 18px;
 }
 .gj-sub {
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   color: var(--gray-1);
   max-width: 24em;
   margin: 0 auto;
@@ -1585,7 +2588,7 @@ section[id] { scroll-margin-top: 92px; }
   align-items: start;
 }
 .td-talk-kicker {
-  font-size: 12px;
+  font-size: var(--type-label);
   font-weight: 700;
   letter-spacing: .14em;
   text-transform: uppercase;
@@ -1593,19 +2596,19 @@ section[id] { scroll-margin-top: 92px; }
   margin-bottom: 12px;
 }
 .td-talk-title {
-  font-size: clamp(24px, 3vw, 34px);
+  font-size: var(--type-card-title);
   font-weight: 700;
   letter-spacing: -.02em;
   line-height: 1.12;
   margin-bottom: 10px;
 }
 .td-talk-sub {
-  font-size: 16px;
+  font-size: var(--type-section-intro);
   color: var(--gray-1);
   margin-bottom: 26px;
 }
 .td-talk-body p {
-  font-size: 15px;
+  font-size: var(--type-body);
   color: var(--gray-1);
   margin-bottom: 12px;
 }
@@ -1616,7 +2619,7 @@ section[id] { scroll-margin-top: 92px; }
   padding: 28px 26px;
 }
 .speaker-card .sp-label {
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .14em;
   text-transform: uppercase;
   font-weight: 700;
@@ -1637,16 +2640,16 @@ section[id] { scroll-margin-top: 92px; }
   flex-shrink: 0;
 }
 .speaker-card .sp-name {
-  font-size: 20px;
+  font-size: var(--type-card-title);
   font-weight: 700;
   letter-spacing: -.01em;
 }
 .speaker-card .sp-role {
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   color: var(--gray-1);
 }
 .speaker-card .sp-bio {
-  font-size: 14px;
+  font-size: var(--type-body-sm);
   color: var(--gray-1);
 }
 
@@ -1666,7 +2669,7 @@ section[id] { scroll-margin-top: 92px; }
 }
 .shot figcaption {
   margin-top: 10px;
-  font-size: 11px;
+  font-size: var(--type-label);
   letter-spacing: .1em;
   text-transform: uppercase;
   font-weight: 700;
@@ -1685,47 +2688,38 @@ section[id] { scroll-margin-top: 92px; }
 /* ============================================================
    RECHTLICHE SEITEN (Impressum / Datenschutz)
    ============================================================ */
-.legal-back {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--ink);
-  padding-bottom: 2px;
-  border-bottom: 1.5px solid transparent;
-}
-.legal-back:hover { border-bottom-color: var(--black); }
-
 .legal-main {
   max-width: 780px;
   margin: 0 auto;
   padding: 64px clamp(20px, 5vw, 32px) 88px;
 }
 .legal-main h1 {
-  font-size: clamp(30px, 4vw, 44px);
+  font-size: var(--type-section-title);
   line-height: 1.1;
   letter-spacing: -.02em;
   font-weight: 700;
   margin-bottom: 14px;
 }
 .legal-intro {
-  font-size: 16px;
+  font-size: var(--type-section-intro);
   color: var(--gray-1);
   margin-bottom: 10px;
 }
 .legal-updated {
-  font-size: 13px;
+  font-size: var(--type-control);
   color: var(--gray-2);
   padding-bottom: 28px;
   margin-bottom: 8px;
   border-bottom: 1px solid var(--line);
 }
 .legal-main h2 {
-  font-size: 19px;
+  font-size: var(--type-card-title);
   font-weight: 700;
   letter-spacing: -.01em;
   margin: 38px 0 12px;
 }
 .legal-main p {
-  font-size: 15px;
+  font-size: var(--type-body);
   line-height: 1.7;
   color: var(--gray-1);
   margin-bottom: 12px;
@@ -1735,7 +2729,7 @@ section[id] { scroll-margin-top: 92px; }
   padding-left: 20px;
 }
 .legal-main li {
-  font-size: 15px;
+  font-size: var(--type-body);
   line-height: 1.7;
   color: var(--gray-1);
   margin-bottom: 5px;
@@ -1755,18 +2749,3 @@ section[id] { scroll-margin-top: 92px; }
   font-weight: 600;
   color: var(--ink);
 }
-
-.legal-footer {
-  background: var(--black);
-  color: var(--gray-2);
-  padding: 26px 0;
-}
-.legal-footer-inner {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px 24px;
-  font-size: 13px;
-  flex-wrap: wrap;
-}
-.legal-footer a { color: #D4D4D4; }
-.legal-footer a:hover { color: var(--paper); }
diff --git a/public/techday.html b/public/techday.html
index 7ac621e..a818cc6 100644
--- a/public/techday.html
+++ b/public/techday.html
@@ -12,11 +12,12 @@
 <meta property="og:title" content="ToolCTRL beim TechDay Bruchsal 2026" />
 <meta property="og:description" content="Vortrag, AI GameJam und mITapp beim ersten Bruchsaler TechDay am 27. Mai 2026." />
 <meta property="og:url" content="https://tool-ctrl.de/techday" />
-<meta property="og:image" content="https://tool-ctrl.de/assets/techday-event.png" />
+<meta property="og:image" content="https://tool-ctrl.de/assets/techday-event.webp" />
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="theme-color" content="#0A0A0A" />
 <link rel="icon" type="image/png" href="/assets/favicon.png" />
-<link rel="stylesheet" href="/styles.css?v=20260525" />
+<link rel="preload" href="/assets/fonts/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="stylesheet" href="/styles.css?v=20260562" />
 </head>
 <body>
 
@@ -28,11 +29,12 @@
     </a>
     <nav class="nav" aria-label="Hauptnavigation">
       <a href="/#leistungen">Leistungen</a>
+      <a href="/#branchen">Branchen</a>
       <a href="/#vorgehen">Vorgehen</a>
       <a href="/#arbeit">Organisation</a>
       <a href="/techday">TechDay</a>
       <a href="/gamejam">GameJam</a>
-      <a class="btn btn-solid btn-sm" href="/#kontakt">Kontakt aufnehmen</a>
+      <a class="btn btn-solid btn-sm" href="/#kontakt">Ablauf prüfen</a>
     </nav>
     <button class="nav-toggle" aria-label="Menü" aria-expanded="false">
       <span></span><span></span>
@@ -40,11 +42,12 @@
   </div>
   <div class="mobile-nav" hidden>
     <a href="/#leistungen">Leistungen</a>
+    <a href="/#branchen">Branchen</a>
     <a href="/#vorgehen">Vorgehen</a>
     <a href="/#arbeit">Organisation</a>
     <a href="/techday">TechDay</a>
     <a href="/gamejam">GameJam</a>
-    <a class="btn btn-solid" href="/#kontakt">Kontakt aufnehmen</a>
+    <a class="btn btn-solid" href="/#kontakt">Ablauf prüfen</a>
   </div>
 </header>
 
@@ -87,7 +90,7 @@
           mit der mITapp als digitalem Zuhause des Events.
         </p>
       </div>
-      <img class="td-feature-img" src="/assets/techday-event.png"
+      <img class="td-feature-img" src="/assets/techday-event.webp" width="683" height="384" decoding="async" fetchpriority="high"
            alt="TechDay Bruchsal 2026: Human in the Loop" />
     </div>
   </div>
@@ -134,7 +137,7 @@
       <aside class="speaker-card">
         <div class="sp-label">Speaker</div>
         <div class="sp-head">
-          <img class="sp-photo" src="/assets/speaker-david.jpg" alt="David Bertram" />
+          <img class="sp-photo" src="/assets/speaker-david.webp" alt="David Bertram" width="320" height="320" loading="lazy" decoding="async" />
           <div>
             <div class="sp-name">David Bertram</div>
             <div class="sp-role">Co-Founder &amp; Head of Product, ToolCTRL</div>
@@ -167,15 +170,15 @@
 
     <div class="mitapp-shots">
       <figure class="shot">
-        <img src="/assets/mitapp-dashboard.png" alt="mITapp Dashboard-Ansicht" />
+        <img src="/assets/mitapp-dashboard.webp" alt="mITapp Dashboard-Ansicht" width="1100" height="825" loading="lazy" decoding="async" />
         <figcaption>Dashboard</figcaption>
       </figure>
       <figure class="shot">
-        <img src="/assets/mitapp-roadmap.png" alt="mITapp Event-Roadmap" />
+        <img src="/assets/mitapp-roadmap.webp" alt="mITapp Event-Roadmap" width="1100" height="825" loading="lazy" decoding="async" />
         <figcaption>Event-Roadmap</figcaption>
       </figure>
       <figure class="shot">
-        <img src="/assets/mitapp-qr.png" alt="mITapp Networking per QR-Code" />
+        <img src="/assets/mitapp-qr.webp" alt="mITapp Networking per QR-Code" width="1100" height="825" loading="lazy" decoding="async" />
         <figcaption>Networking per QR-Code</figcaption>
       </figure>
     </div>
@@ -268,6 +271,6 @@
   </div>
 </footer>
 
-<script src="/script.js"></script>
+<script src="/script.js?v=20260554"></script>
 </body>
 </html>
diff --git a/server.js b/server.js
index 57b6ce9..14d373f 100644
--- a/server.js
+++ b/server.js
@@ -16,6 +16,7 @@ const path = require("path");
 const crypto = require("crypto");
 const os = require("os");
 const net = require("net");
+const zlib = require("zlib");
 
 const ROOT = __dirname;
 const PUBLIC_DIR = path.join(ROOT, "public");
@@ -65,6 +66,7 @@ const MIME = {
   ".png": "image/png",
   ".jpg": "image/jpeg",
   ".jpeg": "image/jpeg",
+  ".webp": "image/webp",
   ".ico": "image/x-icon",
   ".json": "application/json; charset=utf-8",
   ".woff2": "font/woff2"
@@ -77,11 +79,35 @@ const CLEAN_ROUTES = {
   "/datenschutz": "/datenschutz.html"
 };
 
+const IMMUTABLE_EXTS = new Set([".webp", ".svg", ".woff2", ".png", ".jpg", ".jpeg", ".ico"]);
+const COMPRESSIBLE_EXTS = new Set([".html", ".css", ".js", ".svg", ".json", ".txt"]);
+
 function redirect(res, location) {
   res.writeHead(308, { Location: location });
   res.end();
 }
 
+function cacheControlFor(urlPath, ext, cacheKey) {
+  if (urlPath.startsWith("/gamejam-games/")) return "public, max-age=60";
+  if (ext === ".html") return "no-cache";
+  if (ext === ".css" || ext === ".js") {
+    return cacheKey ? "public, max-age=31536000, immutable" : "no-cache";
+  }
+  if (IMMUTABLE_EXTS.has(ext)) return "public, max-age=31536000, immutable";
+  return "no-cache";
+}
+
+function etagFor(stat) {
+  return 'W/"' + stat.size.toString(16) + "-" + Math.floor(stat.mtimeMs).toString(16) + '"';
+}
+
+function preferredEncoding(req) {
+  const accepted = req.headers["accept-encoding"] || "";
+  if (/\bbr\b/.test(accepted)) return "br";
+  if (/\bgzip\b/.test(accepted)) return "gzip";
+  return null;
+}
+
 /* ---------- Lead-Speicher vorbereiten ---------- */
 function ensureLeadStore() {
   if (!fs.existsSync(LEADS_DIR)) fs.mkdirSync(LEADS_DIR, { recursive: true });
@@ -163,11 +189,35 @@ function serveStatic(req, res) {
       return;
     }
     const ext = path.extname(filePath).toLowerCase();
-    res.writeHead(200, {
+    const etag = etagFor(stat);
+    const headers = {
       "Content-Type": MIME[ext] || "application/octet-stream",
-      "Cache-Control": "no-cache"
-    });
-    fs.createReadStream(filePath).pipe(res);
+      "Cache-Control": cacheControlFor(urlPath, ext, parsedUrl.search),
+      "ETag": etag,
+      "Last-Modified": stat.mtime.toUTCString(),
+      "X-Content-Type-Options": "nosniff"
+    };
+
+    if (COMPRESSIBLE_EXTS.has(ext)) headers["Vary"] = "Accept-Encoding";
+
+    if ((req.headers["if-none-match"] || "").includes(etag)) {
+      res.writeHead(304, headers);
+      res.end();
+      return;
+    }
+
+    let stream = fs.createReadStream(filePath);
+    const encoding = COMPRESSIBLE_EXTS.has(ext) ? preferredEncoding(req) : null;
+    if (encoding === "br") {
+      headers["Content-Encoding"] = "br";
+      stream = stream.pipe(zlib.createBrotliCompress());
+    } else if (encoding === "gzip") {
+      headers["Content-Encoding"] = "gzip";
+      stream = stream.pipe(zlib.createGzip({ level: 6 }));
+    }
+
+    res.writeHead(200, headers);
+    stream.pipe(res);
   });
 }