feat: Add staged funding model, financial compute engine, annex slides and UI enhancements

Restructure financial plan from single 200k SAFE to realistic staged funding
(25k Stammkapital, 25k Angel, 200k Wandeldarlehen, 1M Series A = 1.25M total).
Add 60-month compute engine with CAPEX/OPEX accounting, cash constraints,
hardware financing (30% upfront / 70% leasing), and revenue-based hiring caps.
Rebuild TheAskSlide with 4-event funding timeline, update i18n (DE/EN),
chat agent core messages, and add 15 new annex/technology slides with
supporting UI components (KPICard, RunwayGauge, WaterfallChart, etc.).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

pitch-deck/components/ui/KPICard.tsx

@@ -0,0 +1,59 @@
+'use client'
+
+import { motion } from 'framer-motion'
+import { TrendingUp, TrendingDown } from 'lucide-react'
+import AnimatedCounter from './AnimatedCounter'
+
+interface KPICardProps {
+  label: string
+  value: number
+  prefix?: string
+  suffix?: string
+  decimals?: number
+  trend?: 'up' | 'down' | 'neutral'
+  color?: string
+  delay?: number
+  subLabel?: string
+}
+
+export default function KPICard({
+  label,
+  value,
+  prefix = '',
+  suffix = '',
+  decimals = 0,
+  trend = 'neutral',
+  color = '#6366f1',
+  delay = 0,
+  subLabel,
+}: KPICardProps) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.5, delay }}
+      className="relative overflow-hidden bg-white/[0.06] backdrop-blur-xl border border-white/10 rounded-2xl p-4"
+    >
+      {/* Glow effect */}
+      <div
+        className="absolute -top-8 -right-8 w-24 h-24 rounded-full blur-3xl opacity-20"
+        style={{ backgroundColor: color }}
+      />
+
+      <p className="text-[10px] uppercase tracking-wider text-white/40 mb-1">{label}</p>
+      <div className="flex items-end gap-2">
+        <p className="text-2xl font-bold text-white leading-none">
+          <AnimatedCounter target={value} prefix={prefix} suffix={suffix} duration={1200} decimals={decimals} />
+        </p>
+        {trend !== 'neutral' && (
+          <span className={`flex items-center gap-0.5 text-xs pb-0.5 ${trend === 'up' ? 'text-emerald-400' : 'text-red-400'}`}>
+            {trend === 'up' ? <TrendingUp className="w-3 h-3" /> : <TrendingDown className="w-3 h-3" />}
+          </span>
+        )}
+      </div>
+      {subLabel && (
+        <p className="text-[10px] text-white/30 mt-1">{subLabel}</p>
+      )}
+    </motion.div>
+  )
+}