fix(pdf): layout bleeding, margins, and titles

lib/pdf-page.tsx

@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
     color: C.gray900,
     lineHeight: 1.6,
     backgroundColor: C.white,
-    paddingTop: 0,
+    paddingTop: 50,
     paddingBottom: 80,
     fontFamily: 'Helvetica',
   },
@@ -35,10 +35,11 @@ const styles = StyleSheet.create({
   // Premium Header Layout
   hero: {
     backgroundColor: C.offWhite,
-    paddingTop: 40,
-    paddingBottom: 32,
+    paddingTop: 24,
+    paddingBottom: 24,
     paddingHorizontal: MARGIN,
     marginBottom: 40,
+    marginTop: -50, // Counters the page padding to achieve full-bleed top
     borderBottomWidth: 1,
     borderBottomColor: C.gray200,
     position: 'relative',
@@ -71,12 +72,12 @@ const styles = StyleSheet.create({
   },
 
   pageTitle: {
-    fontSize: 28,
+    fontSize: 16,
     fontWeight: 700,
     color: C.navyDeep,
     marginBottom: 4,
     textTransform: 'uppercase',
-    letterSpacing: -0.5,
+    letterSpacing: 0,
   },
 
   accentBar: {
@@ -366,7 +367,7 @@ export const PDFPage: React.FC<PDFPageProps> = ({ page, locale = 'de' }) => {
         </View>
 
         {/* Industrial footer with page numbers */}
-        <View style={{ ...styles.footer, position: 'absolute', bottom: 30, height: 40 }} fixed>
+        <View style={{ ...styles.footer, position: 'absolute', bottom: 40, height: 40 }} fixed>
           <View style={styles.footerInfo}>
             <Text style={styles.footerBrand}>KLZ VERTRIEBS GMBH</Text>
             <Text style={styles.footerText}>