feat(pitch-deck): MOAT card on USP, 12% scale milestones, fix 320→380+

- 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>

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={{

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} />

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>
+            <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.'}
-            <span style={{ color: '#fbbf24', marginLeft: 8, fontSize: 16, verticalAlign: -2 }}>"</span>
+              </div>
+            </div>
           </div>
 
           <DetailModal item={detail} onClose={close} isLight={isLight} />

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',