/* ================= Deckblatt (A4) ================= */
        #db-page-wrap {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            position: relative;
        }
        #db-page-scaler {
            width: 210mm;
            min-height: 297mm;
            flex-shrink: 0;
            transform-origin: top center;
            transition: transform 0.12s ease-out;
        }
        #db-page {
            --db-accent: #0f7a5a;
            width: 210mm; min-height: 297mm; background: #fff; color: #18181b; position: relative; overflow: hidden;
            font-family: Arial, Helvetica, sans-serif; line-height: 1.5;
        }
        #db-page * { box-sizing: border-box; }
        .db-flexcol { min-height: 297mm; display: flex; flex-direction: column; }
        .db-accent { color: var(--db-accent); }
        .db-contact-line { margin-top: 1mm; }
        .db-attach-title { font-weight: 700; margin-bottom: 1.5mm; }

        /* classic */
        .db-classic .bar { height: 14mm; background: var(--db-accent); }
        .db-classic .body { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16mm 22mm; }
        .db-classic .headline { font-size: 11px; letter-spacing: .45em; text-transform: uppercase; color: var(--db-accent); }
        .db-classic .rule { width: 40mm; height: .6mm; background: var(--db-accent); margin: 4mm 0 10mm; }
        .db-classic .photo { border-radius: 50%; object-fit: cover; margin-bottom: 10mm; box-shadow: 0 0 0 4px #f1f1ef; }
        .db-classic .name { font-size: 30pt; font-weight: bold; line-height: 1.1; }
        .db-classic .position { margin-top: 3mm; font-size: 14pt; font-weight: 600; color: var(--db-accent); }
        .db-classic .company { margin-top: 1mm; font-size: 11pt; color: #6b7280; }
        .db-classic .location { margin-top: 2mm; font-size: 10pt; color: #9ca3af; }
        .db-classic .motto { margin-top: 8mm; font-style: italic; font-size: 11pt; color: #4b5563; max-width: 130mm; }
        .db-classic .contact { margin-top: auto; padding-top: 12mm; font-size: 10pt; color: #4b5563; }

        /* modern */
        .db-modern { flex: 1; display: flex; flex-direction: column; }
        .db-modern .top { display: flex; }
        .db-modern .left { flex: 1; padding: 20mm 8mm 8mm 20mm; }
        .db-modern .eyebrow { font-size: 10px; letter-spacing: .35em; text-transform: uppercase; color: var(--db-accent); }
        .db-modern .name { margin-top: 4mm; font-size: 27pt; font-weight: 800; line-height: 1.05; }
        .db-modern .position { margin-top: 3mm; font-size: 13pt; font-weight: 600; color: var(--db-accent); }
        .db-modern .company { margin-top: 1mm; font-size: 11pt; color: #6b7280; }
        .db-modern .photoWrap { width: 66mm; background: var(--db-accent); display: flex; align-items: center; justify-content: center; padding: 14mm 9mm; }
        .db-modern .photo { object-fit: cover; border-radius: 2mm; box-shadow: 0 5mm 12mm rgba(0, 0, 0, .18); }
        .db-modern .accentline { height: 1.4mm; background: var(--db-accent); }
        .db-modern .body { flex: 1; padding: 14mm 20mm; display: flex; flex-direction: column; }
        .db-modern .motto { font-style: italic; font-size: 12pt; color: #374151; border-left: 1mm solid var(--db-accent); padding-left: 5mm; }
        .db-modern .cols { margin-top: auto; display: flex; gap: 14mm; font-size: 10pt; color: #4b5563; }
        .db-modern .cols > div { flex: 1; }
        .db-modern .cols h4 { font-size: 9pt; letter-spacing: .18em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; }

        /* minimal */
        .db-minimal { min-height: 297mm; display: flex; flex-direction: column; padding: 30mm 24mm; }
        .db-minimal .row { display: flex; align-items: flex-start; gap: 10mm; }
        .db-minimal .headline { font-size: 9pt; letter-spacing: .4em; text-transform: uppercase; color: #9ca3af; }
        .db-minimal .name { margin-top: 3mm; font-size: 34pt; font-weight: 300; letter-spacing: -.02em; line-height: 1.05; }
        .db-minimal .position { margin-top: 4mm; font-size: 12pt; color: #374151; }
        .db-minimal .company { font-size: 11pt; color: #6b7280; }
        .db-minimal .photo { border-radius: 50%; object-fit: cover; margin-left: auto; }
        .db-minimal .rule { height: 1px; background: #d1d5db; margin: 8mm 0; }
        .db-minimal .motto { font-style: italic; font-size: 11pt; color: #6b7280; max-width: 140mm; }
        .db-minimal .contact { margin-top: auto; font-size: 10pt; color: #4b5563; }
        .db-minimal .contact span { margin-right: 4mm; }

        /* elegant */
        .db-elegant { flex: 1; padding: 9mm; font-family: Georgia, 'Times New Roman', serif; }
        .db-elegant .frame { border: .8mm double var(--db-accent); min-height: 279mm; padding: 20mm; display: flex; flex-direction: column; align-items: center; text-align: center; }
        .db-elegant .headline { font-size: 11px; letter-spacing: .5em; text-transform: uppercase; color: var(--db-accent); }
        .db-elegant .ornament { display: flex; align-items: center; gap: 3mm; margin: 5mm 0 12mm; color: var(--db-accent); }
        .db-elegant .ornament::before, .db-elegant .ornament::after { content: ''; width: 18mm; height: .4mm; background: var(--db-accent); }
        .db-elegant .photo { border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--db-accent); margin-bottom: 10mm; }
        .db-elegant .name { font-size: 29pt; font-weight: normal; letter-spacing: .06em; }
        .db-elegant .position { margin-top: 4mm; font-size: 14pt; font-style: italic; color: var(--db-accent); }
        .db-elegant .company { margin-top: 2mm; font-size: 11pt; color: #6b7280; }
        .db-elegant .motto { margin-top: 9mm; font-style: italic; font-size: 12pt; color: #4b5563; max-width: 128mm; }
        .db-elegant .contact { margin-top: auto; padding-top: 12mm; font-size: 10pt; color: #4b5563; }

        /* sidebar */
        .db-sidebar { min-height: 297mm; display: flex; }
        .db-sidebar .side { width: 72mm; background: var(--db-accent); color: #fff; padding: 20mm 8mm; display: flex; flex-direction: column; align-items: center; text-align: center; }
        .db-sidebar .photo { border-radius: 50%; object-fit: cover; border: 1mm solid rgba(255, 255, 255, .65); margin-bottom: 10mm; }
        .db-sidebar .side .name { font-size: 15pt; font-weight: 700; line-height: 1.2; }
        .db-sidebar .side .contact { margin-top: 8mm; font-size: 9.5pt; line-height: 1.6; opacity: .95; }
        .db-sidebar .side .attach { margin-top: auto; padding-top: 10mm; font-size: 9.5pt; text-align: left; width: 100%; }
        .db-sidebar .main { flex: 1; padding: 26mm 18mm; display: flex; flex-direction: column; }
        .db-sidebar .headline { font-size: 10px; letter-spacing: .4em; text-transform: uppercase; color: var(--db-accent); }
        .db-sidebar .position { margin-top: 8mm; font-size: 22pt; font-weight: 800; line-height: 1.15; }
        .db-sidebar .company { margin-top: 3mm; font-size: 12pt; color: #6b7280; }
        .db-sidebar .motto { margin-top: auto; font-style: italic; font-size: 11pt; color: #4b5563; border-top: 1px solid #e5e7eb; padding-top: 8mm; }

        /* photo_hero */
        .db-hero { min-height: 297mm; display: flex; flex-direction: column; background: #ffffff !important; color: #1e293b; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-hero .top-accent-bar { height: 6mm; background: var(--db-accent) !important; width: 100%; }
        .db-hero .hero-header { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8mm 20mm 5mm; background: #fafafa !important; border-bottom: 1px solid #e2e8f0; }
        .db-hero .photo-wrap { margin-bottom: 3.5mm; }
        .db-hero .photo { object-fit: cover; border-radius: 8px; border: 2px solid var(--db-accent); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); background: #ffffff; }
        .db-hero .headline { font-size: 8.5pt; letter-spacing: .35em; text-transform: uppercase; color: var(--db-accent) !important; font-weight: 700; margin-bottom: 1.5mm; }
        .db-hero .name { font-size: 26pt; font-weight: 800; color: #0f172a !important; line-height: 1.1; margin: 0; letter-spacing: -0.02em; }
        .db-hero .position { font-size: 13pt; font-weight: 600; color: var(--db-accent) !important; margin-top: 1.5mm; }
        .db-hero .ref-badge { font-size: 8.5pt; color: #64748b !important; font-style: italic; margin-top: 1mm; }
        .db-hero .header-rule { width: 35mm; height: 1.5px; background: var(--db-accent); margin: 3.5mm auto 0; }
        .db-hero .body { flex: 1; padding: 6mm 18mm 8mm; display: flex; flex-direction: column; background: #ffffff !important; }
        .db-hero .target-card { background: #f8fafc !important; border: 1px solid #e2e8f0; border-left: 4px solid var(--db-accent); padding: 3.5mm 5.5mm; border-radius: 6px; margin-bottom: 3.5mm; text-align: left; }
        .db-hero .target-label { font-size: 7.5pt; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 1mm; }
        .db-hero .company { font-size: 11.5pt; font-weight: 700; color: #0f172a; }
        .db-hero .target-contact { font-size: 9pt; color: #475569; margin-top: 0.5mm; }
        .db-hero .motto-card { background: #f1f5f9 !important; border-left: 3px solid var(--db-accent); padding: 2.5mm 5mm; border-radius: 0 6px 6px 0; margin-bottom: 3.5mm; font-style: italic; font-size: 9.5pt; color: #334155; line-height: 1.45; }
        .db-hero .comp-header { font-size: 8.5pt; letter-spacing: .18em; font-weight: 800; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; display: flex; align-items: center; gap: 2mm; }
        .db-hero .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm; margin-bottom: 3.5mm; }
        .db-hero .comp-chip { background: #f8fafc !important; border: 1px solid #e2e8f0; border-left: 3px solid var(--db-accent); padding: 2mm 3.5mm; border-radius: 4px; font-size: 8.5pt; color: #1e293b; display: flex; align-items: center; gap: 2mm; }
        .db-hero .footer-cols { margin-top: auto; border-top: 1.5px solid #e2e8f0; padding-top: 3.5mm; display: flex; justify-content: space-between; gap: 8mm; font-size: 8.5pt; color: #475569; }
        .db-hero .footer-col-title { font-size: 8pt; letter-spacing: .15em; font-weight: 800; text-transform: uppercase; color: var(--db-accent); margin-bottom: 1.5mm; }

        /* geometric */
        .db-geo { min-height: 297mm; position: relative; overflow: hidden; display: flex; flex-direction: column; }
        .db-geo .shape { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 62mm solid var(--db-accent); border-left: 52mm solid transparent; }
        .db-geo .shape2 { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 34mm solid #111827; border-left: 34mm solid transparent; }
        .db-geo .inner { position: relative; z-index: 2; padding: 20mm 20mm 18mm; display: flex; flex-direction: column; flex: 1; }
        .db-geo .headline { font-size: 11px; letter-spacing: .45em; text-transform: uppercase; color: var(--db-accent); }
        .db-geo .name { margin-top: 4mm; font-size: 30pt; font-weight: 800; line-height: 1.02; max-width: 130mm; color: #111827; }
        .db-geo .position { margin-top: 3mm; font-size: 13pt; font-weight: 700; color: var(--db-accent); }
        .db-geo .company { margin-top: 1mm; font-size: 11pt; color: #6b7280; }
        .db-geo .photo { object-fit: cover; margin-top: 8mm; border: 1.2mm solid var(--db-accent); align-self: flex-start; }
        .db-geo .motto { margin-top: 8mm; font-style: italic; font-size: 11pt; color: #4b5563; max-width: 130mm; }
        .db-geo .contact { margin-top: auto; padding-top: 12mm; font-size: 10pt; color: #374151; }
        .db-geo .contact div { margin-top: 1mm; }
        .db-geo .attach { margin-top: 5mm; font-size: 10pt; color: #374151; }

        /* professional */
        .db-pro { min-height: 297mm; display: flex; flex-direction: column; padding: 22mm 20mm; }
        .db-pro .head { display: flex; align-items: center; gap: 10mm; }
        .db-pro .photo { object-fit: cover; border-radius: 2mm; border: .6mm solid #e5e7eb; }
        .db-pro .headline { font-size: 10px; letter-spacing: .4em; text-transform: uppercase; color: var(--db-accent); }
        .db-pro .name { margin-top: 2mm; font-size: 26pt; font-weight: 800; line-height: 1.05; }
        .db-pro .position { margin-top: 3mm; font-size: 13pt; font-weight: 600; color: var(--db-accent); }
        .db-pro .company { margin-top: 1mm; font-size: 11pt; color: #6b7280; }
        .db-pro .rule { height: 1.2mm; background: var(--db-accent); margin: 8mm 0; }
        .db-pro .motto { font-style: italic; font-size: 11.5pt; color: #4b5563; }
        .db-pro .cols { margin-top: auto; display: flex; gap: 14mm; font-size: 10pt; color: #4b5563; }
        .db-pro .cols > div { flex: 1; }
        .db-pro .cols h4 { font-size: 9pt; letter-spacing: .18em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; }

        /* Bewerbungsmappe (klassisches deutsches Deckblatt in Blöcken) */
        .db-mappe { min-height: 297mm; display: flex; flex-direction: column; padding: 16mm 20mm; }
        .db-mappe .titleblock { border-left: 2.5mm solid var(--db-accent); padding-left: 6mm; }
        .db-mappe .eyebrow { font-size: 13px; letter-spacing: .32em; text-transform: uppercase; font-weight: 700; color: var(--db-accent); }
        .db-mappe .title { margin-top: 2mm; font-size: 18pt; font-weight: 800; line-height: 1.15; }
        .db-mappe .ref { margin-top: 2mm; font-size: 10pt; color: #6b7280; }
        .db-mappe .divider { height: 1px; background: #e5e7eb; margin: 9mm 0; }
        .db-mappe .label { font-size: 9pt; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; color: var(--db-accent); margin-bottom: 3mm; }
        .db-mappe .row { display: flex; gap: 12mm; align-items: flex-start; }
        .db-mappe .photo { object-fit: cover; border-radius: 2mm; border: .5mm solid #e5e7eb; }
        .db-mappe .name { font-size: 18pt; font-weight: 800; line-height: 1.15; }
        .db-mappe .contact { margin-top: 3mm; font-size: 10.5pt; color: #374151; }
        .db-mappe .contact div { margin-top: 1.2mm; }
        .db-mappe .contact i { color: var(--db-accent); width: 5mm; }
        .db-mappe .cols2 { display: flex; gap: 14mm; }
        .db-mappe .cols2 > div { flex: 1; }
        .db-mappe .coltext { font-size: 11pt; color: #374151; line-height: 1.55; }
        .db-mappe .comp { list-style: none; padding: 0; margin: 0; }
        .db-mappe .comp li { position: relative; padding-left: 6mm; margin-bottom: 2.5mm; font-size: 10.5pt; color: #374151; }
        .db-mappe .comp li::before { content: ''; position: absolute; left: 0; top: 2.2mm; width: 2.4mm; height: 2.4mm; background: var(--db-accent); border-radius: 50%; }
        .db-mappe .contents { list-style: none; padding: 0; margin: 0; counter-reset: dbc; }
        .db-mappe .contents li { position: relative; padding-left: 9mm; margin-bottom: 2.5mm; font-size: 11pt; color: #374151; counter-increment: dbc; }
        .db-mappe .contents li::before { content: counter(dbc) '.'; position: absolute; left: 0; color: var(--db-accent); font-weight: 700; }
        .db-mappe .motto { font-style: italic; font-size: 11pt; color: #4b5563; border-left: 1mm solid var(--db-accent); padding-left: 5mm; }

        /* executive */
        .db-exec { min-height: 297mm; display: flex; flex-direction: column; background: #ffffff; color: #1e293b; }
        .db-exec .header { background: #0f172a; color: #ffffff; padding: 16mm 20mm 12mm; display: flex; justify-content: space-between; align-items: center; border-bottom: 2mm solid var(--db-accent); }
        .db-exec .header .headline { font-size: 10px; letter-spacing: .4em; text-transform: uppercase; color: #94a3b8; font-weight: 700; }
        .db-exec .header .name { font-size: 26pt; font-weight: 800; line-height: 1.1; margin-top: 2mm; color: #ffffff; }
        .db-exec .header .ref { font-size: 9pt; color: #cbd5e1; margin-top: 1mm; letter-spacing: .05em; }
        .db-exec .header .photo { object-fit: cover; border-radius: 2.5mm; border: 1.2mm solid #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
        .db-exec .body { flex: 1; padding: 14mm 20mm; display: flex; flex-direction: column; }
        .db-exec .target-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 2.5mm; padding: 5mm 7mm; margin-bottom: 5mm; }
        .db-exec .target-pos { font-size: 14pt; font-weight: 800; color: var(--db-accent); }
        .db-exec .target-comp { font-size: 11pt; font-weight: 700; color: #1e293b; margin-top: 1mm; }
        .db-exec .target-details { font-size: 9.5pt; color: #64748b; margin-top: 1mm; }
        .db-exec .motto { font-style: italic; font-size: 11pt; color: #475569; border-left: 1.2mm solid var(--db-accent); padding-left: 4mm; margin: 2mm 0 5mm; }
        .db-exec .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm 6mm; margin-bottom: 5mm; }
        .db-exec .comp-item { display: flex; align-items: flex-start; gap: 2mm; font-size: 9.5pt; color: #334155; }
        .db-exec .cols { margin-top: auto; display: flex; gap: 12mm; font-size: 9.5pt; color: #475569; border-top: 1px solid #e2e8f0; padding-top: 5mm; }
        .db-exec .cols > div { flex: 1; }

        /* nordic */
        .db-nordic { min-height: 297mm; display: flex; flex-direction: column; padding: 14mm; background: #ffffff; }
        .db-nordic .frame { border: 1px solid #e2e8f0; border-top: 2.5mm solid var(--db-accent); flex: 1; padding: 14mm 16mm; display: flex; flex-direction: column; align-items: center; text-align: center; }
        .db-nordic .headline { font-size: 9pt; letter-spacing: .5em; text-transform: uppercase; color: #64748b; font-weight: 600; }
        .db-nordic .ref { font-size: 8.5pt; color: #94a3b8; margin-top: 1mm; letter-spacing: .1em; }
        .db-nordic .photo { border-radius: 50%; object-fit: cover; margin: 5mm 0; border: 1.2mm solid var(--db-accent); box-shadow: 0 4px 12px rgba(0,0,0,.06); }
        .db-nordic .name { font-size: 28pt; font-weight: 300; letter-spacing: -.01em; color: #0f172a; line-height: 1.1; }
        .db-nordic .position { font-size: 13pt; font-weight: 600; color: var(--db-accent); margin-top: 2mm; }
        .db-nordic .company { font-size: 11pt; color: #475569; margin-top: 1mm; font-weight: 500; }
        .db-nordic .company-details { font-size: 9.5pt; color: #64748b; margin-top: 1mm; }
        .db-nordic .divider { width: 30mm; height: 1px; background: #cbd5e1; margin: 5mm 0; }
        .db-nordic .motto { font-style: italic; font-size: 10.5pt; color: #475569; max-width: 130mm; }
        .db-nordic .comp-list { max-width: 135mm; text-align: left; margin: 4mm 0; }
        .db-nordic .comp-list li { display: flex; align-items: flex-start; gap: 2.5mm; font-size: 9.5pt; color: #334155; margin-bottom: 1.5mm; }
        .db-nordic .contact { margin-top: auto; font-size: 9.5pt; color: #64748b; padding-top: 5mm; }

        /* creative */
        .db-creative { min-height: 297mm; display: flex; flex-direction: column; position: relative; overflow: hidden; background: #ffffff; }
        .db-creative .topbar { height: 5mm; background: var(--db-accent); }
        .db-creative .inner { flex: 1; padding: 16mm 20mm; display: flex; flex-direction: column; }
        .db-creative .header-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10mm; }
        .db-creative .headline { font-size: 11px; letter-spacing: .35em; text-transform: uppercase; font-weight: 800; color: var(--db-accent); }
        .db-creative .ref { font-size: 8.5pt; color: #64748b; margin-top: 1mm; }
        .db-creative .name { font-size: 28pt; font-weight: 900; line-height: 1.05; color: #0f172a; margin-top: 2.5mm; letter-spacing: -.02em; }
        .db-creative .position { font-size: 13pt; font-weight: 700; color: var(--db-accent); margin-top: 2.5mm; }
        .db-creative .company-box { margin-top: 2.5mm; padding: 2.5mm 4mm; background: #f8fafc; border-left: 1.5mm solid var(--db-accent); font-size: 10pt; color: #1e293b; }
        .db-creative .photo { object-fit: cover; border-radius: 2mm; box-shadow: 3.5mm 3.5mm 0 var(--db-accent); border: 1px solid #e2e8f0; }
        .db-creative .motto { margin-top: 5mm; font-size: 10.5pt; font-style: italic; color: #334155; max-width: 140mm; }
        .db-creative .tags-container { display: flex; flex-wrap: wrap; gap: 2mm; margin: 4mm 0; }
        .db-creative .comp-tag { display: inline-flex; align-items: center; gap: 1.5mm; background: #f1f5f9; border: 1px solid #cbd5e1; padding: 1.5mm 3mm; border-radius: 1.5mm; font-size: 9pt; font-weight: 600; color: #1e293b; }
        .db-creative .bottom-grid { margin-top: auto; display: flex; gap: 12mm; border-top: 1.5px solid #0f172a; padding-top: 5mm; font-size: 9.5pt; color: #334155; }
        .db-creative .bottom-grid > div { flex: 1; }

        /* compact */
        .db-compact { min-height: 297mm; display: flex; flex-direction: column; padding: 12mm 14mm; background: #f8fafc; }
        .db-compact .headcard { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 2.5mm; padding: 5mm 7mm; display: flex; align-items: center; gap: 6mm; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
        .db-compact .photo { object-fit: cover; border-radius: 2mm; border: 1px solid #cbd5e1; }
        .db-compact .headline { font-size: 9pt; letter-spacing: .3em; text-transform: uppercase; color: var(--db-accent); font-weight: 700; }
        .db-compact .name { font-size: 22pt; font-weight: 800; color: #0f172a; line-height: 1.1; }
        .db-compact .position { font-size: 12pt; font-weight: 600; color: var(--db-accent); margin-top: 1mm; }
        .db-compact .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5mm; margin-top: 3.5mm; flex: 1; }
        .db-compact .card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 2.5mm; padding: 4.5mm 5.5mm; display: flex; flex-direction: column; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
        .db-compact .card-title { font-size: 8.5pt; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; display: flex; align-items: center; gap: 1.5mm; }

        /* tech */
        .db-tech { min-height: 297mm; display: flex; flex-direction: column; background: #ffffff; }
        .db-tech .terminal-bar { background: #090d16; color: #ffffff; padding: 14mm 18mm 10mm; border-bottom: 2mm solid var(--db-accent); }
        .db-tech .term-header { display: flex; align-items: center; gap: 2mm; font-family: ui-monospace, monospace; font-size: 8pt; color: #64748b; margin-bottom: 2.5mm; }
        .db-tech .dot { width: 2.5mm; height: 2.5mm; border-radius: 50%; }
        .db-tech .name { font-size: 24pt; font-weight: 800; color: #ffffff; font-family: ui-monospace, monospace; }
        .db-tech .headline { font-size: 9.5pt; color: var(--db-accent); font-family: ui-monospace, monospace; margin-top: 1mm; }
        .db-tech .body { flex: 1; padding: 12mm 18mm; display: flex; flex-direction: column; }
        .db-tech .tech-row { display: flex; gap: 8mm; align-items: flex-start; }
        .db-tech .photo { object-fit: cover; border-radius: 1.5mm; border: 1.2mm solid #090d16; }
        .db-tech .code-label { font-family: ui-monospace, monospace; font-size: 8pt; text-transform: uppercase; color: var(--db-accent); font-weight: 700; letter-spacing: .1em; }
        .db-tech .comp-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 2mm; padding: 3.5mm 4.5mm; margin: 3.5mm 0; }

        /* split */
        .db-split { min-height: 297mm; display: flex; background: #ffffff; }
        .db-split .leftpane { width: 84mm; background: #0f172a; color: #ffffff; padding: 20mm 11mm; display: flex; flex-direction: column; }
        .db-split .leftpane .photo { object-fit: cover; border-radius: 2.5mm; border: 1.5mm solid #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,.35); margin-bottom: 6mm; align-self: flex-start; }
        .db-split .leftpane .name { font-size: 20pt; font-weight: 800; color: #ffffff; line-height: 1.15; }
        .db-split .leftpane .headline { font-size: 9pt; letter-spacing: .25em; text-transform: uppercase; color: var(--db-accent); margin-top: 2mm; font-weight: 700; }
        .db-split .leftpane .divider { height: 1px; background: #334155; margin: 6mm 0; }
        .db-split .leftpane .section-title { font-size: 8.5pt; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #94a3b8; margin-bottom: 3mm; }
        .db-split .leftpane .contact-item { display: flex; align-items: flex-start; gap: 2.5mm; font-size: 9pt; color: #e2e8f0; margin-bottom: 2mm; word-break: break-word; }
        .db-split .leftpane .contact-item i { color: var(--db-accent); width: 4mm; margin-top: 1mm; flex-shrink: 0; }
        .db-split .leftpane .comp-list { list-style: none; padding: 0; margin: 0; }
        .db-split .leftpane .comp-list li { display: flex; align-items: flex-start; gap: 2mm; font-size: 9pt; color: #f1f5f9; margin-bottom: 2mm; line-height: 1.4; }
        .db-split .leftpane .comp-list li span.bullet { color: var(--db-accent); font-weight: bold; flex-shrink: 0; }
        .db-split .rightpane { flex: 1; padding: 22mm 18mm; display: flex; flex-direction: column; background: #ffffff; }
        .db-split .ref-badge { display: inline-block; background: #f1f5f9; color: #475569; font-size: 8.5pt; font-weight: 700; padding: 1mm 3mm; border-radius: 1.5mm; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3mm; align-self: flex-start; border: 1px solid #e2e8f0; }
        .db-split .rightpane .pos { font-size: 22pt; font-weight: 800; color: #0f172a; line-height: 1.15; }
        .db-split .target-card { background: #f8fafc; border: 1px solid #e2e8f0; border-left: 2.5mm solid var(--db-accent); border-radius: 2mm; padding: 5mm 6mm; margin-top: 5mm; }
        .db-split .target-card .label { font-size: 8.5pt; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #64748b; margin-bottom: 1.5mm; }
        .db-split .target-card .comp-name { font-size: 13pt; font-weight: 800; color: #0f172a; }
        .db-split .target-card .comp-details { font-size: 9.5pt; color: #475569; margin-top: 1.5mm; }
        .db-split .rightpane .motto { font-style: italic; font-size: 11pt; color: #334155; border-left: 1.5mm solid var(--db-accent); padding-left: 4mm; margin: 6mm 0; line-height: 1.5; }
        .db-split .attach-box { margin-top: auto; padding-top: 6mm; border-top: 1px solid #e2e8f0; }
        .db-split .attach-title { font-size: 9pt; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 3mm; }
        .db-split .attach-list { list-style: none; padding: 0; margin: 0; counter-reset: split-c; }
        .db-split .attach-list li { position: relative; padding-left: 7mm; font-size: 9.5pt; color: #334155; margin-bottom: 2mm; counter-increment: split-c; font-weight: 500; }
        .db-split .attach-list li::before { content: counter(split-c, decimal-leading-zero); position: absolute; left: 0; font-size: 8.5pt; font-weight: 700; color: var(--db-accent); }

        /* academic */
        .db-academic { min-height: 297mm; display: flex; flex-direction: column; padding: 12mm; background: #ffffff; font-family: Georgia, 'Times New Roman', serif; }
        .db-academic .frame { border: 1.2mm solid var(--db-accent); outline: .5mm solid #94a3b8; outline-offset: -3.5mm; flex: 1; padding: 16mm 18mm; display: flex; flex-direction: column; }
        .db-academic .ornament { text-align: center; font-size: 14pt; color: var(--db-accent); margin-bottom: 1.5mm; }
        .db-academic .headline { text-align: center; font-size: 11px; letter-spacing: .45em; text-transform: uppercase; color: var(--db-accent); font-weight: 700; }
        .db-academic .ref { text-align: center; font-size: 8.5pt; color: #64748b; margin-top: 1mm; font-style: italic; }
        .db-academic .photo-center { display: flex; justify-content: center; margin: 4mm 0; }
        .db-academic .photo { object-fit: cover; border: 1px solid #cbd5e1; padding: 1mm; background: #fff; }
        .db-academic .name { text-align: center; font-size: 24pt; font-weight: normal; color: #0f172a; letter-spacing: .03em; }
        .db-academic .position { text-align: center; font-size: 12.5pt; font-style: italic; color: var(--db-accent); margin-top: 2mm; }
        .db-academic .target-block { text-align: center; margin-top: 2mm; font-size: 10.5pt; color: #334155; }
        .db-academic .rule { width: 35mm; height: .5mm; background: var(--db-accent); margin: 4mm auto; }
        .db-academic .motto { font-style: italic; font-size: 10pt; text-align: center; color: #475569; max-width: 130mm; margin: 0 auto; }
        .db-academic .comp-block { margin: 4mm 0; }
        .db-academic .comp-title { font-size: 8.5pt; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; color: var(--db-accent); margin-bottom: 2mm; text-align: center; }
        .db-academic .comp-list { max-width: 130mm; margin: 0 auto; list-style: none; padding: 0; }
        .db-academic .comp-list li { font-size: 9pt; color: #334155; margin-bottom: 1.5mm; display: flex; align-items: flex-start; gap: 2mm; }
        .db-academic .bottom { margin-top: auto; display: flex; justify-content: space-between; gap: 8mm; font-size: 9pt; color: #475569; border-top: 1px solid #e2e8f0; padding-top: 4mm; }

        /* prestige (Haute Executive / Luxury C-Suite) */
        .db-prestige { min-height: 297mm; display: flex; flex-direction: column; background: #fdfbf7 !important; color: #0f172a; font-family: 'Times New Roman', Georgia, serif; padding: 10mm; }
        .db-prestige .outer-frame { border: 1.5mm solid #064e3b; outline: 0.5mm solid #c5a059; outline-offset: -3.5mm; flex: 1; padding: 12mm 14mm; display: flex; flex-direction: column; background: #ffffff !important; }
        .db-prestige .crest { text-align: center; font-size: 8pt; letter-spacing: .4em; font-weight: 700; text-transform: uppercase; color: #b45309 !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin-bottom: 3mm; }
        .db-prestige .hero { display: flex; justify-content: space-between; align-items: center; gap: 8mm; padding-bottom: 5mm; border-bottom: 1.5px solid #c5a059; }
        .db-prestige .hero-left { flex: 1; }
        .db-prestige .name { font-size: 28pt; font-weight: normal; color: #064e3b !important; letter-spacing: -0.01em; line-height: 1.1; margin: 0; }
        .db-prestige .position { font-size: 13pt; font-style: italic; color: #b45309 !important; margin-top: 2mm; font-weight: 600; }
        .db-prestige .ref-badge { display: inline-block; font-size: 8pt; color: #064e3b !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0; padding: 0.8mm 2.5mm; border-radius: 3px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin-top: 2mm; font-weight: 600; }
        .db-prestige .photo { border: 2px solid #c5a059; outline: 1px solid #064e3b; outline-offset: 2mm; padding: 1mm; background: #ffffff; object-fit: cover; }
        .db-prestige .body { flex: 1; display: flex; flex-direction: column; padding-top: 5mm; }
        .db-prestige .mandate-card { background: #fcfbf9 !important; border: 1px solid #e7e5e4; border-left: 4px solid #064e3b; padding: 4mm 6mm; border-radius: 4px; margin-bottom: 4.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-prestige .mandate-tag { font-size: 7.5pt; letter-spacing: .2em; font-weight: 800; text-transform: uppercase; color: #b45309 !important; margin-bottom: 1mm; }
        .db-prestige .creed { background: #fefce8 !important; border: 1px solid #fef08a; border-left: 3.5px solid #c5a059; padding: 3mm 5mm; border-radius: 4px; margin-bottom: 4.5mm; color: #78350f !important; font-style: italic; font-size: 10pt; line-height: 1.5; }
        .db-prestige .comp-header { font-size: 8.5pt; letter-spacing: .25em; font-weight: 800; text-transform: uppercase; color: #064e3b !important; margin-bottom: 3mm; display: flex; align-items: center; gap: 2mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-prestige .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm; margin-bottom: 4.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-prestige .comp-card { background: #ffffff !important; border: 1px solid #e2e8f0; border-left: 3px solid #064e3b; padding: 2.5mm 3.5mm; border-radius: 4px; font-size: 9pt; color: #0f172a; display: flex; align-items: center; gap: 2mm; box-shadow: 0 1px 3px rgba(0,0,0,0.03); }
        .db-prestige .footer { margin-top: auto; border-top: 1.5px solid #064e3b; padding-top: 4mm; display: flex; justify-content: space-between; gap: 8mm; font-size: 8.5pt; color: #334155; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

        /* apex (Cutting-Edge Tech / Silicon Valley / Linear-Vercel Bento) */
        .db-apex { min-height: 297mm; display: flex; flex-direction: column; background: #f8fafc !important; color: #090d16; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
        .db-apex .status-strip { background: #090d16 !important; color: #94a3b8 !important; padding: 2.5mm 16mm; display: flex; justify-content: space-between; align-items: center; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 8pt; border-bottom: 2px solid #2563eb; }
        .db-apex .status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #10b981 !important; box-shadow: 0 0 6px #10b981; margin-right: 2mm; vertical-align: middle; }
        .db-apex .hero { background: #ffffff !important; padding: 10mm 16mm 8mm; display: flex; justify-content: space-between; align-items: center; gap: 8mm; border-bottom: 1px solid #e2e8f0; }
        .db-apex .hero-left { flex: 1; }
        .db-apex .mono-badge { display: inline-flex; align-items: center; background: #090d16 !important; color: #38bdf8 !important; padding: 1mm 3mm; border-radius: 4px; font-size: 7.5pt; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 2.5mm; }
        .db-apex .name { font-size: 29pt; font-weight: 900; color: #090d16 !important; letter-spacing: -0.03em; line-height: 1.05; margin: 0; }
        .db-apex .position-pill { display: inline-flex; align-items: center; background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe; padding: 1mm 3.5mm; border-radius: 9999px; font-weight: 700; font-size: 11pt; margin-top: 3mm; }
        .db-apex .photo { border: 2px solid #090d16; border-radius: 10px; box-shadow: 4px 4px 0 #2563eb; object-fit: cover; }
        .db-apex .body { flex: 1; padding: 7mm 16mm 10mm; display: flex; flex-direction: column; }
        .db-apex .bento-panel { background: #ffffff !important; border: 1px solid #e2e8f0; border-radius: 8px; padding: 4mm 6mm; margin-bottom: 4mm; box-shadow: 0 1px 4px rgba(0,0,0,0.04); }
        .db-apex .bento-tag { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 7.5pt; font-weight: 700; color: #2563eb !important; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 1.5mm; }
        .db-apex .terminal-quote { background: #090d16 !important; color: #f1f5f9 !important; border-radius: 8px; padding: 3.5mm 5mm; margin-bottom: 4mm; border: 1px solid #1e293b; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 9.5pt; display: flex; align-items: center; gap: 2.5mm; line-height: 1.5; }
        .db-apex .terminal-prompt { color: #10b981 !important; font-weight: bold; }
        .db-apex .comp-header { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 8pt; font-weight: 700; color: #090d16 !important; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 2.5mm; display: flex; align-items: center; gap: 2mm; }
        .db-apex .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm; margin-bottom: 4mm; }
        .db-apex .comp-chip { background: #ffffff !important; border: 1px solid #cbd5e1; border-left: 3.5mm solid #2563eb; border-radius: 6px; padding: 2.5mm 3.5mm; font-size: 9pt; color: #0f172a; font-weight: 600; display: flex; align-items: center; gap: 2mm; box-shadow: 0 1px 2px rgba(0,0,0,0.03); }
        .db-apex .footer-dock { margin-top: auto; background: #ffffff !important; border: 1px solid #e2e8f0; border-radius: 8px; padding: 4.5mm 6mm; display: flex; justify-content: space-between; gap: 8mm; font-size: 8.5pt; color: #334155; }

        /* vogue */
        .db-vogue { min-height: 297mm; display: flex; flex-direction: row; background: #ffffff; color: #18181b; font-family: Georgia, 'Times New Roman', serif; }
        .db-vogue .sidebar { width: 62mm; background-color: #18181b !important; color: #ffffff !important; padding: 14mm 7mm; display: flex; flex-direction: column; border-right: 2mm solid #c5a059; }
        .db-vogue .side-photo { width: 46mm; border: 1.5mm solid #c5a059; object-fit: cover; margin-bottom: 8mm; }
        .db-vogue .side-sec-title { font-size: 8pt; letter-spacing: .25em; text-transform: uppercase; color: #c5a059 !important; font-weight: 700; margin-bottom: 2.5mm; border-bottom: 1px solid #3f3f46; padding-bottom: 1mm; }
        .db-vogue .side-text { font-size: 8.5pt; color: #d4d4d8 !important; line-height: 1.6; margin-bottom: 6mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-vogue .side-attach-item { font-size: 8.5pt; color: #e4e4e7 !important; margin-bottom: 1.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-vogue .main { flex: 1; padding: 14mm 14mm; background: #ffffff; display: flex; flex-direction: column; }
        .db-vogue .headline { font-size: 10px; letter-spacing: .45em; text-transform: uppercase; color: #c5a059 !important; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-vogue .ref { font-size: 8.5pt; color: #71717a !important; font-style: italic; margin-top: 1mm; }
        .db-vogue .name { font-size: 30pt; font-weight: normal; color: #18181b; line-height: 1.05; letter-spacing: -0.02em; margin: 4mm 0 2mm; }
        .db-vogue .position { font-size: 13pt; font-style: italic; color: #52525b; margin-bottom: 4mm; }
        .db-vogue .gold-rule { width: 35mm; height: 1.5px; background: #c5a059; margin-bottom: 5mm; }
        .db-vogue .target-card { background: #fafaf9 !important; border: 1px solid #e7e5e4; border-left: 3px solid #c5a059; padding: 3.5mm 5mm; margin-bottom: 5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-vogue .motto { border-left: 2px solid #c5a059; padding: 2mm 4mm; margin-bottom: 5mm; font-style: italic; font-size: 10.5pt; color: #3f3f46; background: #fdfbf7 !important; }
        .db-vogue .comp-title { font-size: 8.5pt; letter-spacing: .25em; text-transform: uppercase; font-weight: 700; color: #18181b; margin-bottom: 2.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-vogue .comp-list { list-style: none; padding: 0; margin-bottom: 5mm; }
        .db-vogue .comp-list li { font-size: 9pt; color: #27272a; margin-bottom: 2mm; display: flex; align-items: flex-start; gap: 2.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

        /* oxford */
        .db-oxford { min-height: 297mm; display: flex; flex-direction: column; padding: 10mm; background: #faf8f5 !important; font-family: Georgia, 'Times New Roman', serif; }
        .db-oxford .frame { border: 1.5mm solid #0f172a; outline: .6mm solid #881337; outline-offset: -3.5mm; flex: 1; padding: 12mm 16mm; display: flex; flex-direction: column; background: #faf8f5 !important; }
        .db-oxford .crest { text-align: center; font-size: 16pt; color: #881337; margin-bottom: 1mm; }
        .db-oxford .headline { text-align: center; font-size: 10.5px; letter-spacing: .45em; text-transform: uppercase; color: #0f172a; font-weight: 800; }
        .db-oxford .ref { text-align: center; font-size: 8.5pt; color: #64748b; margin-top: 1mm; font-style: italic; }
        .db-oxford .photo-center { display: flex; justify-content: center; margin: 3.5mm 0; }
        .db-oxford .photo { object-fit: cover; border: 1px solid #0f172a; outline: 1px solid #881337; outline-offset: 2px; padding: 1mm; background: #ffffff; }
        .db-oxford .name { text-align: center; font-size: 24pt; font-weight: normal; color: #0f172a; letter-spacing: .03em; margin-top: 1mm; }
        .db-oxford .position { text-align: center; font-size: 12.5pt; font-style: italic; color: #881337; margin-top: 1.5mm; }
        .db-oxford .target-block { text-align: center; margin-top: 2.5mm; font-size: 10pt; color: #334155; }
        .db-oxford .rule { width: 35mm; height: 1px; background: #881337; margin: 3.5mm auto; }
        .db-oxford .motto { font-style: italic; font-size: 9.5pt; text-align: center; color: #475569; max-width: 130mm; margin: 0 auto 3.5mm; }
        .db-oxford .comp-block { margin: 3mm 0; }
        .db-oxford .comp-title { font-size: 8.5pt; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; color: #0f172a; margin-bottom: 2mm; text-align: center; }
        .db-oxford .comp-list { max-width: 130mm; margin: 0 auto; list-style: none; padding: 0; }
        .db-oxford .comp-list li { font-size: 9pt; color: #1e293b; margin-bottom: 1.5mm; display: flex; align-items: flex-start; gap: 2mm; }
        .db-oxford .bottom { margin-top: auto; display: flex; justify-content: space-between; gap: 8mm; font-size: 9pt; color: #334155; border-top: 1px solid #cbd5e1; padding-top: 3.5mm; }


        .db-hero .name { font-size: 26pt; font-weight: 800; color: #0f172a !important; line-height: 1.1; margin: 0; letter-spacing: -0.02em; }
        .db-hero .position { font-size: 13pt; font-weight: 600; color: var(--db-accent) !important; margin-top: 1.5mm; }
        .db-hero .ref-badge { font-size: 8.5pt; color: #64748b !important; font-style: italic; margin-top: 1mm; }
        .db-hero .header-rule { width: 35mm; height: 1.5px; background: var(--db-accent); margin: 3.5mm auto 0; }
        .db-hero .body { flex: 1; padding: 6mm 18mm 8mm; display: flex; flex-direction: column; background: #ffffff !important; }
        .db-hero .target-card { background: #f8fafc !important; border: 1px solid #e2e8f0; border-left: 4px solid var(--db-accent); padding: 3.5mm 5.5mm; border-radius: 6px; margin-bottom: 3.5mm; text-align: left; }
        .db-hero .target-label { font-size: 7.5pt; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 1mm; }
        .db-hero .company { font-size: 11.5pt; font-weight: 700; color: #0f172a; }
        .db-hero .target-contact { font-size: 9pt; color: #475569; margin-top: 0.5mm; }
        .db-hero .motto-card { background: #f1f5f9 !important; border-left: 3px solid var(--db-accent); padding: 2.5mm 5mm; border-radius: 0 6px 6px 0; margin-bottom: 3.5mm; font-style: italic; font-size: 9.5pt; color: #334155; line-height: 1.45; }
        .db-hero .comp-header { font-size: 8.5pt; letter-spacing: .18em; font-weight: 800; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; display: flex; align-items: center; gap: 2mm; }
        .db-hero .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm; margin-bottom: 3.5mm; }
        .db-hero .comp-chip { background: #f8fafc !important; border: 1px solid #e2e8f0; border-left: 3px solid var(--db-accent); padding: 2mm 3.5mm; border-radius: 4px; font-size: 8.5pt; color: #1e293b; display: flex; align-items: center; gap: 2mm; }
        .db-hero .footer-cols { margin-top: auto; border-top: 1.5px solid #e2e8f0; padding-top: 3.5mm; display: flex; justify-content: space-between; gap: 8mm; font-size: 8.5pt; color: #475569; }
        .db-hero .footer-col-title { font-size: 8pt; letter-spacing: .15em; font-weight: 800; text-transform: uppercase; color: var(--db-accent); margin-bottom: 1.5mm; }

        /* geometric */
        .db-geo { min-height: 297mm; position: relative; overflow: hidden; display: flex; flex-direction: column; }
        .db-geo .shape { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 62mm solid var(--db-accent); border-left: 52mm solid transparent; }
        .db-geo .shape2 { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 34mm solid #111827; border-left: 34mm solid transparent; }
        .db-geo .inner { position: relative; z-index: 2; padding: 20mm 20mm 18mm; display: flex; flex-direction: column; flex: 1; }
        .db-geo .headline { font-size: 11px; letter-spacing: .45em; text-transform: uppercase; color: var(--db-accent); }
        .db-geo .name { margin-top: 4mm; font-size: 30pt; font-weight: 800; line-height: 1.02; max-width: 130mm; color: #111827; }
        .db-geo .position { margin-top: 3mm; font-size: 13pt; font-weight: 700; color: var(--db-accent); }
        .db-geo .company { margin-top: 1mm; font-size: 11pt; color: #6b7280; }
        .db-geo .photo { object-fit: cover; margin-top: 8mm; border: 1.2mm solid var(--db-accent); align-self: flex-start; }
        .db-geo .motto { margin-top: 8mm; font-style: italic; font-size: 11pt; color: #4b5563; max-width: 130mm; }
        .db-geo .contact { margin-top: auto; padding-top: 12mm; font-size: 10pt; color: #374151; }
        .db-geo .contact div { margin-top: 1mm; }
        .db-geo .attach { margin-top: 5mm; font-size: 10pt; color: #374151; }

        /* professional */
        .db-pro { min-height: 297mm; display: flex; flex-direction: column; padding: 22mm 20mm; }
        .db-pro .head { display: flex; align-items: center; gap: 10mm; }
        .db-pro .photo { object-fit: cover; border-radius: 2mm; border: .6mm solid #e5e7eb; }
        .db-pro .headline { font-size: 10px; letter-spacing: .4em; text-transform: uppercase; color: var(--db-accent); }
        .db-pro .name { margin-top: 2mm; font-size: 26pt; font-weight: 800; line-height: 1.05; }
        .db-pro .position { margin-top: 3mm; font-size: 13pt; font-weight: 600; color: var(--db-accent); }
        .db-pro .company { margin-top: 1mm; font-size: 11pt; color: #6b7280; }
        .db-pro .rule { height: 1.2mm; background: var(--db-accent); margin: 8mm 0; }
        .db-pro .motto { font-style: italic; font-size: 11.5pt; color: #4b5563; }
        .db-pro .cols { margin-top: auto; display: flex; gap: 14mm; font-size: 10pt; color: #4b5563; }
        .db-pro .cols > div { flex: 1; }
        .db-pro .cols h4 { font-size: 9pt; letter-spacing: .18em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; }

        /* Bewerbungsmappe (klassisches deutsches Deckblatt in Blöcken) */
        .db-mappe { min-height: 297mm; display: flex; flex-direction: column; padding: 16mm 20mm; }
        .db-mappe .titleblock { border-left: 2.5mm solid var(--db-accent); padding-left: 6mm; }
        .db-mappe .eyebrow { font-size: 13px; letter-spacing: .32em; text-transform: uppercase; font-weight: 700; color: var(--db-accent); }
        .db-mappe .title { margin-top: 2mm; font-size: 18pt; font-weight: 800; line-height: 1.15; }
        .db-mappe .ref { margin-top: 2mm; font-size: 10pt; color: #6b7280; }
        .db-mappe .divider { height: 1px; background: #e5e7eb; margin: 9mm 0; }
        .db-mappe .label { font-size: 9pt; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; color: var(--db-accent); margin-bottom: 3mm; }
        .db-mappe .row { display: flex; gap: 12mm; align-items: flex-start; }
        .db-mappe .photo { object-fit: cover; border-radius: 2mm; border: .5mm solid #e5e7eb; }
        .db-mappe .name { font-size: 18pt; font-weight: 800; line-height: 1.15; }
        .db-mappe .contact { margin-top: 3mm; font-size: 10.5pt; color: #374151; }
        .db-mappe .contact div { margin-top: 1.2mm; }
        .db-mappe .contact i { color: var(--db-accent); width: 5mm; }
        .db-mappe .cols2 { display: flex; gap: 14mm; }
        .db-mappe .cols2 > div { flex: 1; }
        .db-mappe .coltext { font-size: 11pt; color: #374151; line-height: 1.55; }
        .db-mappe .comp { list-style: none; padding: 0; margin: 0; }
        .db-mappe .comp li { position: relative; padding-left: 6mm; margin-bottom: 2.5mm; font-size: 10.5pt; color: #374151; }
        .db-mappe .comp li::before { content: ''; position: absolute; left: 0; top: 2.2mm; width: 2.4mm; height: 2.4mm; background: var(--db-accent); border-radius: 50%; }
        .db-mappe .contents { list-style: none; padding: 0; margin: 0; counter-reset: dbc; }
        .db-mappe .contents li { position: relative; padding-left: 9mm; margin-bottom: 2.5mm; font-size: 11pt; color: #374151; counter-increment: dbc; }
        .db-mappe .contents li::before { content: counter(dbc) '.'; position: absolute; left: 0; color: var(--db-accent); font-weight: 700; }
        .db-mappe .motto { font-style: italic; font-size: 11pt; color: #4b5563; border-left: 1mm solid var(--db-accent); padding-left: 5mm; }

        /* executive */
        .db-exec { min-height: 297mm; display: flex; flex-direction: column; background: #ffffff; color: #1e293b; }
        .db-exec .header { background: #0f172a; color: #ffffff; padding: 16mm 20mm 12mm; display: flex; justify-content: space-between; align-items: center; border-bottom: 2mm solid var(--db-accent); }
        .db-exec .header .headline { font-size: 10px; letter-spacing: .4em; text-transform: uppercase; color: #94a3b8; font-weight: 700; }
        .db-exec .header .name { font-size: 26pt; font-weight: 800; line-height: 1.1; margin-top: 2mm; color: #ffffff; }
        .db-exec .header .ref { font-size: 9pt; color: #cbd5e1; margin-top: 1mm; letter-spacing: .05em; }
        .db-exec .header .photo { object-fit: cover; border-radius: 2.5mm; border: 1.2mm solid #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
        .db-exec .body { flex: 1; padding: 14mm 20mm; display: flex; flex-direction: column; }
        .db-exec .target-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 2.5mm; padding: 5mm 7mm; margin-bottom: 5mm; }
        .db-exec .target-pos { font-size: 14pt; font-weight: 800; color: var(--db-accent); }
        .db-exec .target-comp { font-size: 11pt; font-weight: 700; color: #1e293b; margin-top: 1mm; }
        .db-exec .target-details { font-size: 9.5pt; color: #64748b; margin-top: 1mm; }
        .db-exec .motto { font-style: italic; font-size: 11pt; color: #475569; border-left: 1.2mm solid var(--db-accent); padding-left: 4mm; margin: 2mm 0 5mm; }
        .db-exec .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm 6mm; margin-bottom: 5mm; }
        .db-exec .comp-item { display: flex; align-items: flex-start; gap: 2mm; font-size: 9.5pt; color: #334155; }
        .db-exec .cols { margin-top: auto; display: flex; gap: 12mm; font-size: 9.5pt; color: #475569; border-top: 1px solid #e2e8f0; padding-top: 5mm; }
        .db-exec .cols > div { flex: 1; }

        /* nordic */
        .db-nordic { min-height: 297mm; display: flex; flex-direction: column; padding: 14mm; background: #ffffff; }
        .db-nordic .frame { border: 1px solid #e2e8f0; border-top: 2.5mm solid var(--db-accent); flex: 1; padding: 14mm 16mm; display: flex; flex-direction: column; align-items: center; text-align: center; }
        .db-nordic .headline { font-size: 9pt; letter-spacing: .5em; text-transform: uppercase; color: #64748b; font-weight: 600; }
        .db-nordic .ref { font-size: 8.5pt; color: #94a3b8; margin-top: 1mm; letter-spacing: .1em; }
        .db-nordic .photo { border-radius: 50%; object-fit: cover; margin: 5mm 0; border: 1.2mm solid var(--db-accent); box-shadow: 0 4px 12px rgba(0,0,0,.06); }
        .db-nordic .name { font-size: 28pt; font-weight: 300; letter-spacing: -.01em; color: #0f172a; line-height: 1.1; }
        .db-nordic .position { font-size: 13pt; font-weight: 600; color: var(--db-accent); margin-top: 2mm; }
        .db-nordic .company { font-size: 11pt; color: #475569; margin-top: 1mm; font-weight: 500; }
        .db-nordic .company-details { font-size: 9.5pt; color: #64748b; margin-top: 1mm; }
        .db-nordic .divider { width: 30mm; height: 1px; background: #cbd5e1; margin: 5mm 0; }
        .db-nordic .motto { font-style: italic; font-size: 10.5pt; color: #475569; max-width: 130mm; }
        .db-nordic .comp-list { max-width: 135mm; text-align: left; margin: 4mm 0; }
        .db-nordic .comp-list li { display: flex; align-items: flex-start; gap: 2.5mm; font-size: 9.5pt; color: #334155; margin-bottom: 1.5mm; }
        .db-nordic .contact { margin-top: auto; font-size: 9.5pt; color: #64748b; padding-top: 5mm; }

        /* creative */
        .db-creative { min-height: 297mm; display: flex; flex-direction: column; position: relative; overflow: hidden; background: #ffffff; }
        .db-creative .topbar { height: 5mm; background: var(--db-accent); }
        .db-creative .inner { flex: 1; padding: 16mm 20mm; display: flex; flex-direction: column; }
        .db-creative .header-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10mm; }
        .db-creative .headline { font-size: 11px; letter-spacing: .35em; text-transform: uppercase; font-weight: 800; color: var(--db-accent); }
        .db-creative .ref { font-size: 8.5pt; color: #64748b; margin-top: 1mm; }
        .db-creative .name { font-size: 28pt; font-weight: 900; line-height: 1.05; color: #0f172a; margin-top: 2.5mm; letter-spacing: -.02em; }
        .db-creative .position { font-size: 13pt; font-weight: 700; color: var(--db-accent); margin-top: 2.5mm; }
        .db-creative .company-box { margin-top: 2.5mm; padding: 2.5mm 4mm; background: #f8fafc; border-left: 1.5mm solid var(--db-accent); font-size: 10pt; color: #1e293b; }
        .db-creative .photo { object-fit: cover; border-radius: 2mm; box-shadow: 3.5mm 3.5mm 0 var(--db-accent); border: 1px solid #e2e8f0; }
        .db-creative .motto { margin-top: 5mm; font-size: 10.5pt; font-style: italic; color: #334155; max-width: 140mm; }
        .db-creative .tags-container { display: flex; flex-wrap: wrap; gap: 2mm; margin: 4mm 0; }
        .db-creative .comp-tag { display: inline-flex; align-items: center; gap: 1.5mm; background: #f1f5f9; border: 1px solid #cbd5e1; padding: 1.5mm 3mm; border-radius: 1.5mm; font-size: 9pt; font-weight: 600; color: #1e293b; }
        .db-creative .bottom-grid { margin-top: auto; display: flex; gap: 12mm; border-top: 1.5px solid #0f172a; padding-top: 5mm; font-size: 9.5pt; color: #334155; }
        .db-creative .bottom-grid > div { flex: 1; }

        /* compact */
        .db-compact { min-height: 297mm; display: flex; flex-direction: column; padding: 12mm 14mm; background: #f8fafc; }
        .db-compact .headcard { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 2.5mm; padding: 5mm 7mm; display: flex; align-items: center; gap: 6mm; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
        .db-compact .photo { object-fit: cover; border-radius: 2mm; border: 1px solid #cbd5e1; }
        .db-compact .headline { font-size: 9pt; letter-spacing: .3em; text-transform: uppercase; color: var(--db-accent); font-weight: 700; }
        .db-compact .name { font-size: 22pt; font-weight: 800; color: #0f172a; line-height: 1.1; }
        .db-compact .position { font-size: 12pt; font-weight: 600; color: var(--db-accent); margin-top: 1mm; }
        .db-compact .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5mm; margin-top: 3.5mm; flex: 1; }
        .db-compact .card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 2.5mm; padding: 4.5mm 5.5mm; display: flex; flex-direction: column; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
        .db-compact .card-title { font-size: 8.5pt; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 2mm; display: flex; align-items: center; gap: 1.5mm; }

        /* tech */
        .db-tech { min-height: 297mm; display: flex; flex-direction: column; background: #ffffff; }
        .db-tech .terminal-bar { background: #090d16; color: #ffffff; padding: 14mm 18mm 10mm; border-bottom: 2mm solid var(--db-accent); }
        .db-tech .term-header { display: flex; align-items: center; gap: 2mm; font-family: ui-monospace, monospace; font-size: 8pt; color: #64748b; margin-bottom: 2.5mm; }
        .db-tech .dot { width: 2.5mm; height: 2.5mm; border-radius: 50%; }
        .db-tech .name { font-size: 24pt; font-weight: 800; color: #ffffff; font-family: ui-monospace, monospace; }
        .db-tech .headline { font-size: 9.5pt; color: var(--db-accent); font-family: ui-monospace, monospace; margin-top: 1mm; }
        .db-tech .body { flex: 1; padding: 12mm 18mm; display: flex; flex-direction: column; }
        .db-tech .tech-row { display: flex; gap: 8mm; align-items: flex-start; }
        .db-tech .photo { object-fit: cover; border-radius: 1.5mm; border: 1.2mm solid #090d16; }
        .db-tech .code-label { font-family: ui-monospace, monospace; font-size: 8pt; text-transform: uppercase; color: var(--db-accent); font-weight: 700; letter-spacing: .1em; }
        .db-tech .comp-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 2mm; padding: 3.5mm 4.5mm; margin: 3.5mm 0; }

        /* split */
        .db-split { min-height: 297mm; display: flex; background: #ffffff; }
        .db-split .leftpane { width: 84mm; background: #0f172a; color: #ffffff; padding: 20mm 11mm; display: flex; flex-direction: column; }
        .db-split .leftpane .photo { object-fit: cover; border-radius: 2.5mm; border: 1.5mm solid #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,.35); margin-bottom: 6mm; align-self: flex-start; }
        .db-split .leftpane .name { font-size: 20pt; font-weight: 800; color: #ffffff; line-height: 1.15; }
        .db-split .leftpane .headline { font-size: 9pt; letter-spacing: .25em; text-transform: uppercase; color: var(--db-accent); margin-top: 2mm; font-weight: 700; }
        .db-split .leftpane .divider { height: 1px; background: #334155; margin: 6mm 0; }
        .db-split .leftpane .section-title { font-size: 8.5pt; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #94a3b8; margin-bottom: 3mm; }
        .db-split .leftpane .contact-item { display: flex; align-items: flex-start; gap: 2.5mm; font-size: 9pt; color: #e2e8f0; margin-bottom: 2mm; word-break: break-word; }
        .db-split .leftpane .contact-item i { color: var(--db-accent); width: 4mm; margin-top: 1mm; flex-shrink: 0; }
        .db-split .leftpane .comp-list { list-style: none; padding: 0; margin: 0; }
        .db-split .leftpane .comp-list li { display: flex; align-items: flex-start; gap: 2mm; font-size: 9pt; color: #f1f5f9; margin-bottom: 2mm; line-height: 1.4; }
        .db-split .leftpane .comp-list li span.bullet { color: var(--db-accent); font-weight: bold; flex-shrink: 0; }
        .db-split .rightpane { flex: 1; padding: 22mm 18mm; display: flex; flex-direction: column; background: #ffffff; }
        .db-split .ref-badge { display: inline-block; background: #f1f5f9; color: #475569; font-size: 8.5pt; font-weight: 700; padding: 1mm 3mm; border-radius: 1.5mm; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3mm; align-self: flex-start; border: 1px solid #e2e8f0; }
        .db-split .rightpane .pos { font-size: 22pt; font-weight: 800; color: #0f172a; line-height: 1.15; }
        .db-split .target-card { background: #f8fafc; border: 1px solid #e2e8f0; border-left: 2.5mm solid var(--db-accent); border-radius: 2mm; padding: 5mm 6mm; margin-top: 5mm; }
        .db-split .target-card .label { font-size: 8.5pt; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #64748b; margin-bottom: 1.5mm; }
        .db-split .target-card .comp-name { font-size: 13pt; font-weight: 800; color: #0f172a; }
        .db-split .target-card .comp-details { font-size: 9.5pt; color: #475569; margin-top: 1.5mm; }
        .db-split .rightpane .motto { font-style: italic; font-size: 11pt; color: #334155; border-left: 1.5mm solid var(--db-accent); padding-left: 4mm; margin: 6mm 0; line-height: 1.5; }
        .db-split .attach-box { margin-top: auto; padding-top: 6mm; border-top: 1px solid #e2e8f0; }
        .db-split .attach-title { font-size: 9pt; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--db-accent); margin-bottom: 3mm; }
        .db-split .attach-list { list-style: none; padding: 0; margin: 0; counter-reset: split-c; }
        .db-split .attach-list li { position: relative; padding-left: 7mm; font-size: 9.5pt; color: #334155; margin-bottom: 2mm; counter-increment: split-c; font-weight: 500; }
        .db-split .attach-list li::before { content: counter(split-c, decimal-leading-zero); position: absolute; left: 0; font-size: 8.5pt; font-weight: 700; color: var(--db-accent); }

        /* academic */
        .db-academic { min-height: 297mm; display: flex; flex-direction: column; padding: 12mm; background: #ffffff; font-family: Georgia, 'Times New Roman', serif; }
        .db-academic .frame { border: 1.2mm solid var(--db-accent); outline: .5mm solid #94a3b8; outline-offset: -3.5mm; flex: 1; padding: 16mm 18mm; display: flex; flex-direction: column; }
        .db-academic .ornament { text-align: center; font-size: 14pt; color: var(--db-accent); margin-bottom: 1.5mm; }
        .db-academic .headline { text-align: center; font-size: 11px; letter-spacing: .45em; text-transform: uppercase; color: var(--db-accent); font-weight: 700; }
        .db-academic .ref { text-align: center; font-size: 8.5pt; color: #64748b; margin-top: 1mm; font-style: italic; }
        .db-academic .photo-center { display: flex; justify-content: center; margin: 4mm 0; }
        .db-academic .photo { object-fit: cover; border: 1px solid #cbd5e1; padding: 1mm; background: #fff; }
        .db-academic .name { text-align: center; font-size: 24pt; font-weight: normal; color: #0f172a; letter-spacing: .03em; }
        .db-academic .position { text-align: center; font-size: 12.5pt; font-style: italic; color: var(--db-accent); margin-top: 2mm; }
        .db-academic .target-block { text-align: center; margin-top: 2mm; font-size: 10.5pt; color: #334155; }
        .db-academic .rule { width: 35mm; height: .5mm; background: var(--db-accent); margin: 4mm auto; }
        .db-academic .motto { font-style: italic; font-size: 10pt; text-align: center; color: #475569; max-width: 130mm; margin: 0 auto; }
        .db-academic .comp-block { margin: 4mm 0; }
        .db-academic .comp-title { font-size: 8.5pt; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; color: var(--db-accent); margin-bottom: 2mm; text-align: center; }
        .db-academic .comp-list { max-width: 130mm; margin: 0 auto; list-style: none; padding: 0; }
        .db-academic .comp-list li { font-size: 9pt; color: #334155; margin-bottom: 1.5mm; display: flex; align-items: flex-start; gap: 2mm; }
        .db-academic .bottom { margin-top: auto; display: flex; justify-content: space-between; gap: 8mm; font-size: 9pt; color: #475569; border-top: 1px solid #e2e8f0; padding-top: 4mm; }

        /* prestige (Haute Executive / Luxury C-Suite) */
        .db-prestige { min-height: 297mm; display: flex; flex-direction: column; background: #fdfbf7 !important; color: #0f172a; font-family: 'Times New Roman', Georgia, serif; padding: 10mm; }
        .db-prestige .outer-frame { border: 1.5mm solid #064e3b; outline: 0.5mm solid #c5a059; outline-offset: -3.5mm; flex: 1; padding: 12mm 14mm; display: flex; flex-direction: column; background: #ffffff !important; }
        .db-prestige .crest { text-align: center; font-size: 8pt; letter-spacing: .4em; font-weight: 700; text-transform: uppercase; color: #b45309 !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin-bottom: 3mm; }
        .db-prestige .hero { display: flex; justify-content: space-between; align-items: center; gap: 8mm; padding-bottom: 5mm; border-bottom: 1.5px solid #c5a059; }
        .db-prestige .hero-left { flex: 1; }
        .db-prestige .name { font-size: 28pt; font-weight: normal; color: #064e3b !important; letter-spacing: -0.01em; line-height: 1.1; margin: 0; }
        .db-prestige .position { font-size: 13pt; font-style: italic; color: #b45309 !important; margin-top: 2mm; font-weight: 600; }
        .db-prestige .ref-badge { display: inline-block; font-size: 8pt; color: #064e3b !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0; padding: 0.8mm 2.5mm; border-radius: 3px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin-top: 2mm; font-weight: 600; }
        .db-prestige .photo { border: 2px solid #c5a059; outline: 1px solid #064e3b; outline-offset: 2mm; padding: 1mm; background: #ffffff; object-fit: cover; }
        .db-prestige .body { flex: 1; display: flex; flex-direction: column; padding-top: 5mm; }
        .db-prestige .mandate-card { background: #fcfbf9 !important; border: 1px solid #e7e5e4; border-left: 4px solid #064e3b; padding: 4mm 6mm; border-radius: 4px; margin-bottom: 4.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-prestige .mandate-tag { font-size: 7.5pt; letter-spacing: .2em; font-weight: 800; text-transform: uppercase; color: #b45309 !important; margin-bottom: 1mm; }
        .db-prestige .creed { background: #fefce8 !important; border: 1px solid #fef08a; border-left: 3.5px solid #c5a059; padding: 3mm 5mm; border-radius: 4px; margin-bottom: 4.5mm; color: #78350f !important; font-style: italic; font-size: 10pt; line-height: 1.5; }
        .db-prestige .comp-header { font-size: 8.5pt; letter-spacing: .25em; font-weight: 800; text-transform: uppercase; color: #064e3b !important; margin-bottom: 3mm; display: flex; align-items: center; gap: 2mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-prestige .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm; margin-bottom: 4.5mm; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
        .db-prestige .comp-card { background: #ffffff !important; border: 1px solid #e2e8f0; border-left: 3px solid #064e3b; padding: 2.5mm 3.5mm; border-radius: 4px; font-size: 9pt; color: #0f172a; display: flex; align-items: center; gap: 2mm; box-shadow: 0 1px 3px rgba(0,0,0,0.03); }
        .db-prestige .footer { margin-top: auto; border-top: 1.5px solid #064e3b; padding-top: 4mm; display: flex; justify-content: space-between; gap: 8mm; font-size: 8.5pt; color: #334155; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

        /* apex (Cutting-Edge Tech / Silicon Valley / Linear-Vercel Bento) */
        .db-apex { min-height: 297mm; display: flex; flex-direction: column; background: #f8fafc !important; color: #090d16; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
        .db-apex .status-strip { background: #090d16 !important; color: #94a3b8 !important; padding: 2.5mm 16mm; display: flex; justify-content: space-between; align-items: center; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 8pt; border-bottom: 2px solid #2563eb; }
        .db-apex .status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #10b981 !important; box-shadow: 0 0 6px #10b981; margin-right: 2mm; vertical-align: middle; }
        .db-apex .hero { background: #ffffff !important; padding: 10mm 16mm 8mm; display: flex; justify-content: space-between; align-items: center; gap: 8mm; border-bottom: 1px solid #e2e8f0; }
        .db-apex .hero-left { flex: 1; }
        .db-apex .mono-badge { display: inline-flex; align-items: center; background: #090d16 !important; color: #38bdf8 !important; padding: 1mm 3mm; border-radius: 4px; font-size: 7.5pt; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 2.5mm; }
        .db-apex .name { font-size: 29pt; font-weight: 900; color: #090d16 !important; letter-spacing: -0.03em; line-height: 1.05; margin: 0; }
        .db-apex .position-pill { display: inline-flex; align-items: center; background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe; padding: 1mm 3.5mm; border-radius: 9999px; font-weight: 700; font-size: 11pt; margin-top: 3mm; }
        .db-apex .photo { border: 2px solid #090d16; border-radius: 10px; box-shadow: 4px 4px 0 #2563eb; object-fit: cover; }
        .db-apex .body { flex: 1; padding: 7mm 16mm 10mm; display: flex; flex-direction: column; }
        .db-apex .bento-panel { background: #ffffff !important; border: 1px solid #e2e8f0; border-radius: 8px; padding: 4mm 6mm; margin-bottom: 4mm; box-shadow: 0 1px 4px rgba(0,0,0,0.04); }