From 7b8f8d4b5a327b4cbdf08bfcda8b21a58faff0f6 Mon Sep 17 00:00:00 2001
From: Benjamin Admin <benjaminadmin@MacBook-Pro.local>
Date: Tue, 14 Apr 2026 23:54:59 +0200
Subject: [PATCH] =?UTF-8?q?fix(pitch-deck):=20regulatory=20matrix=20?=
 =?UTF-8?q?=E2=80=94=20remove=20legend,=20stagger=20headers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove colored dot legend row (redundant with column headers)
- Stagger column headers on 2 rows (odd/even) to save space
- Last column: Reg. → Regulatorien

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../slides/RegulatoryLandscapeSlide.tsx       | 39 +++++++++++--------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx b/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
index af10fb9..a7fa760 100644
--- a/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
+++ b/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
@@ -90,32 +90,37 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
       {/* Matrix */}
       <FadeInView delay={0.5}>
         <GlassCard hover={false} className="p-4 overflow-x-auto">
-          {/* Category Legend */}
-          <div className="flex flex-wrap gap-3 mb-4 justify-center">
-            {CATEGORIES.map((cat) => (
-              <div key={cat.id} className="flex items-center gap-1.5">
-                <div className="w-2.5 h-2.5 rounded-full" style={{ backgroundColor: cat.color }} />
-                <span className="text-[10px] text-white/50">{categoryLabels[cat.id]}</span>
-              </div>
-            ))}
-          </div>
-
           {/* Matrix Grid */}
           <div className="space-y-1.5">
-            {/* Header row */}
-            <div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
+            {/* Staggered header rows — odd columns on top row, even on bottom */}
+            <div className="grid items-end gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
+              <div />
+              {CATEGORIES.map((cat, idx) => (
+                <div key={cat.id} className="text-center">
+                  {idx % 2 === 0 ? (
+                    <span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
+                      {categoryLabels[cat.id]}
+                    </span>
+                  ) : null}
+                </div>
+              ))}
+              <div />
+            </div>
+            <div className="grid items-start gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
               <div className="text-[9px] text-white/30 uppercase tracking-wider pl-1">
                 {lang === 'de' ? 'Branche' : 'Industry'}
               </div>
-              {CATEGORIES.map((cat) => (
+              {CATEGORIES.map((cat, idx) => (
                 <div key={cat.id} className="text-center">
-                  <span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
-                    {categoryLabels[cat.id]}
-                  </span>
+                  {idx % 2 === 1 ? (
+                    <span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
+                      {categoryLabels[cat.id]}
+                    </span>
+                  ) : null}
                 </div>
               ))}
               <div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider">
-                {lang === 'de' ? 'Reg.' : 'Regs'}
+                {lang === 'de' ? 'Regulatorien' : 'Regulations'}
               </div>
             </div>