From 798c2c4373ef90d18d36e2f3dc6d910cb23bb097 Mon Sep 17 00:00:00 2001
From: Benjamin Admin <benjaminadmin@MacBook-Pro.local>
Date: Tue, 21 Apr 2026 22:29:16 +0200
Subject: [PATCH] =?UTF-8?q?feat(pitch-deck):=20MOAT=20card=20on=20USP,=201?=
 =?UTF-8?q?2%=20scale=20milestones,=20fix=20320=E2=86=92380+?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- USP: killer quote → amber/orange MOAT card, tighter spacing
- Milestones: 12% scale-up matching USP slide
- Regulatory Landscape: 320→380+ in KPI card + subtitle (DE+EN)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../components/slides/MilestonesSlide.tsx     |  7 +++-
 .../slides/RegulatoryLandscapeSlide.tsx       |  4 +-
 pitch-deck/components/slides/USPSlide.tsx     | 41 +++++++++++--------
 pitch-deck/lib/i18n.ts                        |  4 +-
 4 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/pitch-deck/components/slides/MilestonesSlide.tsx b/pitch-deck/components/slides/MilestonesSlide.tsx
index 0769cef..c1526b7 100644
--- a/pitch-deck/components/slides/MilestonesSlide.tsx
+++ b/pitch-deck/components/slides/MilestonesSlide.tsx
@@ -779,8 +779,8 @@ export default function MilestonesSlide({ lang }: MilestonesSlideProps) {
     <div>
       <style>{CSS_KF}</style>
 
-      <FadeInView className="text-center mb-4">
-        <h2 className="text-4xl md:text-5xl font-bold mb-2">
+      <FadeInView className="text-center mb-1">
+        <h2 className="text-5xl md:text-6xl font-bold">
           <GradientText>{de ? 'Meilensteine' : 'Milestones'}</GradientText>
         </h2>
       </FadeInView>
@@ -794,6 +794,9 @@ export default function MilestonesSlide({ lang }: MilestonesSlideProps) {
             height: INNER_H * scale,
             overflow: 'hidden',
             borderRadius: 16,
+            transform: 'scale(1.12)',
+            transformOrigin: 'top center',
+            marginBottom: -40,
           }}
         >
           <div style={{
diff --git a/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx b/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
index 2fc74a9..a473890 100644
--- a/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
+++ b/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
@@ -23,7 +23,7 @@ const KEY_REGULATIONS = [
 ]
 
 // 10 real VDMA/VDA/BDI industry sectors with regulation applicability
-// Based on rag-documents.json: 244 horizontal + 65 sector-specific = 320 total
+// 380+ documents in RAG pipeline (EU + DACH regulations, standards, rulings)
 const INDUSTRIES: { id: string; de: string; en: string; regs: string[]; totalDocs: number }[] = [
   {
     id: 'automotive',
@@ -113,7 +113,7 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
 
       {/* KPI Row */}
       <div className="grid grid-cols-4 gap-3 mb-5">
-        <KPICard label={de ? 'Gesetze & Dokumente im RAG' : 'Laws & Documents in RAG'} value={320} color="#6366f1" delay={0.1} />
+        <KPICard label={de ? 'Gesetze & Dokumente im RAG' : 'Laws & Documents in RAG'} value="380+" color="#6366f1" delay={0.1} />
         <KPICard label={de ? 'Gelten für alle Branchen' : 'Apply to All Industries'} value={244} color="#a78bfa" delay={0.2} />
         <KPICard label={de ? 'Branchenspezifische Gesetze' : 'Industry-specific Laws'} value={65} color="#f97316" delay={0.3} />
         <KPICard label={de ? 'Abgedeckte Branchen' : 'Covered Industries'} value={10} color="#34d399" delay={0.4} />
diff --git a/pitch-deck/components/slides/USPSlide.tsx b/pitch-deck/components/slides/USPSlide.tsx
index 262fb58..a11f4e2 100644
--- a/pitch-deck/components/slides/USPSlide.tsx
+++ b/pitch-deck/components/slides/USPSlide.tsx
@@ -630,8 +630,8 @@ export default function USPSlide({ lang }: USPSlideProps) {
     <div>
       <style>{CSS_KF}</style>
 
-      <FadeInView className="text-center mb-3">
-        <h2 className="text-5xl md:text-6xl font-bold mb-1">
+      <FadeInView className="text-center mb-1">
+        <h2 className="text-5xl md:text-6xl font-bold">
           <GradientText>USP</GradientText>
         </h2>
       </FadeInView>
@@ -674,7 +674,7 @@ export default function USPSlide({ lang }: USPSlideProps) {
           </div>
 
           {/* Bridge */}
-          <div style={{ position: 'relative', margin: '14px 48px 0', height: 340 }}>
+          <div style={{ position: 'relative', margin: '8px 48px 0', height: 330 }}>
             <BridgeConnectors isLight={isLight} />
             <div style={{
               position: 'relative', zIndex: 2,
@@ -809,22 +809,31 @@ export default function USPSlide({ lang }: USPSlideProps) {
             </div>
           </div>
 
-          {/* Killer quote */}
+          {/* MOAT card */}
           <div style={{
-            position: 'relative', zIndex: 2, margin: '0 48px 24px',
-            padding: '11px 20px', borderRadius: 10,
+            position: 'relative', zIndex: 2, margin: '0 48px 20px',
+            padding: '14px 20px', borderRadius: 12,
             background: isLight
-              ? 'linear-gradient(90deg, rgba(251,191,36,.08), rgba(167,139,250,.08), rgba(139,92,246,.06))'
-              : 'linear-gradient(90deg, rgba(251,191,36,.08), rgba(167,139,250,.1), rgba(139,92,246,.08))',
-            border: `1px solid ${isLight ? 'rgba(167,139,250,.2)' : 'rgba(167,139,250,.22)'}`,
-            textAlign: 'center', fontStyle: 'italic',
-            fontSize: 12.5, color: isLight ? '#475569' : 'rgba(236,233,247,.82)',
+              ? 'linear-gradient(90deg, rgba(251,191,36,.1), rgba(99,102,241,.06))'
+              : 'linear-gradient(90deg, rgba(251,191,36,.1), rgba(99,102,241,.08))',
+            border: `1px solid ${isLight ? 'rgba(251,191,36,.25)' : 'rgba(251,191,36,.2)'}`,
+            display: 'flex', alignItems: 'center', gap: 14,
           }}>
-            <span style={{ color: '#fbbf24', marginRight: 8, fontSize: 16, verticalAlign: -2 }}>"</span>
-            {de
-              ? 'Jeder kann sagen, was verboten ist. Kaum jemand kann sagen, wie weit du maximal gehen kannst. Das ist unser Produkt.'
-              : 'Anyone can say what\'s forbidden. Almost no one can tell you how far you can actually go. That\'s our product.'}
-            <span style={{ color: '#fbbf24', marginLeft: 8, fontSize: 16, verticalAlign: -2 }}>"</span>
+            <div style={{
+              width: 44, height: 44, borderRadius: 12, flexShrink: 0,
+              background: 'linear-gradient(135deg, #f59e0b, #ea580c)',
+              display: 'flex', alignItems: 'center', justifyContent: 'center',
+              boxShadow: '0 4px 16px rgba(245,158,11,.3)',
+              fontSize: 20, fontWeight: 800, color: '#fff',
+            }}>✦</div>
+            <div>
+              <div style={{ fontSize: 15, fontWeight: 700, color: '#fbbf24', marginBottom: 3 }}>MOAT</div>
+              <div style={{ fontSize: 12.5, lineHeight: 1.5, color: isLight ? '#475569' : 'rgba(236,233,247,.82)' }}>
+                {de
+                  ? 'Jeder kann sagen, was verboten ist. Kaum jemand kann sagen, wie weit du maximal gehen kannst. Das ist unser Produkt.'
+                  : 'Anyone can say what\'s forbidden. Almost no one can tell you how far you can actually go. That\'s our product.'}
+              </div>
+            </div>
           </div>
 
           <DetailModal item={detail} onClose={close} isLight={isLight} />
diff --git a/pitch-deck/lib/i18n.ts b/pitch-deck/lib/i18n.ts
index 3c60407..9c5a479 100644
--- a/pitch-deck/lib/i18n.ts
+++ b/pitch-deck/lib/i18n.ts
@@ -113,7 +113,7 @@ const translations = {
     },
     regulatoryLandscape: {
       title: 'Regulatorische Landschaft',
-      subtitle: '320 Dokumente im RAG — 10 Industriesektoren — eine Plattform',
+      subtitle: '380+ Dokumente im RAG — 10 Industriesektoren — eine Plattform',
       documents: 'Originaldokumente',
       controls: 'Extrahierte Controls',
       regulations: 'Regularien',
@@ -409,7 +409,7 @@ const translations = {
     },
     regulatoryLandscape: {
       title: 'Regulatory Landscape',
-      subtitle: '320 documents in RAG — 10 industry sectors — one platform',
+      subtitle: '380+ documents in RAG — 10 industry sectors — one platform',
       documents: 'Original Documents',
       controls: 'Extracted Controls',
       regulations: 'Regulations',