{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">MISSION CONTROL</span>
<span class="hud-sub">SELECT COMMUNICATION PROTOCOL</span>
</div>
<div class="lang-select-container">
<div class="lang-teaser">
<p class="amber">HINWEIS | NOTE</p>
<p>Die erste Entscheidung ist bereits eine Entscheidung.</p>
<p class="dim">Your first choice is already a choice.</p>
</div>
<div class="lang-buttons">
(link-goto: "DEUTSCH","Intro-DE")
(link-goto: "ENGLISH", "Intro-EN")
(link-goto: "FRANCAIS", "Intro-FR")
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PRE-FLIGHT CHECK</span>
<span class="hud-sub">MISSIONS-BRIEFING // SEKTOR: Vanilla Sky</span>
</div>
<div class="terminal-text">
<p class="amber">SYSTEM BOOT...</p>
<p>SIMULATIONSMODUS: <span class="amber">SICHTWEITE</span></p>
<br>
<p>Vertraue niemals einem wolkenlosen Himmel, wenn deine Instrumente etwas anderes sagen.</p>
<p>Im Vanilla Sky Sektor stürzt man nicht ab, weil man nichts sieht. Man stürzt ab, <span class="amber">weil man glaubt, bereits am Ziel zu sein,</span> während man noch über offenem Meer kreist.</p>
<br>
<p class="dim">Deine Aufgabe: Fliege dein eigenes Manöver.</p>
<div class="nav-button">
[[COCKPIT ÖFFNEN →|Cockpit-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATOR // 3 FLUGZIELE AKTIV</span>
</div>
<div class="status-bar">
System Check: RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_01</div>
<div class="card-title">Strategie 4.0</div>
<div class="card-teaser">PowerPoint-Exzess, Social-Media-Filter und die Frage, warum Excel 2017 immer noch das Kernsystem ist.</div>
<div class="card-status green">● MISSION VERFÜGBAR</div>
[[MISSION STARTEN →|M1-Briefing-DE]]
</div>
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_02</div>
<div class="card-title dim">Resilienz im Lego-Modus</div>
<div class="card-teaser dim">Cyber-Attacke? Kein Problem, wir bauen einen Lego-Turm.</div>
<div class="card-status amber">⊘ GESPERRT — ANOMALY_01 ABSCHLIESSEN</div>
</div>
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_03</div>
<div class="card-title dim">Finance am Mischpult</div>
<div class="card-teaser dim">Cashflow & Clubsound: Kein Groove. Kein Bass. Kein Plan.</div>
<div class="card-status amber">⊘ GESPERRT — ANOMALY_02 ABSCHLIESSEN</div>
</div>
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">TEIL 2: COCKPIT EGO</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training</div>
<div class="card-status red">▣ CLASSIFIED</div>
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PRE-FLIGHT CHECK</span>
<span class="hud-sub">MISSION BRIEFING // SECTOR: Vanilla Performance</span>
</div>
<div class="terminal-text">
<p class="amber">SYSTEM BOOT...</p>
<p>SIMULATION MODE: <span class="amber">VISUAL RANGE</span></p>
<br>
<p>Never trust a cloudless sky when your instruments tell you something else.</p>
<p>You crash <span class="amber">because you believe you’ve already arrived,</span>while you’re still circling above open water.</p>
<br>
<p class="dim">Your task: Execute your own maneuver.</p>
<div class="nav-button">
[[OPEN COCKPIT →|Cockpit-EN]]
</div>
</div>
</div>
}4{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATOR // 3 FLIGHT TARGETS ACTIVE</span>
</div>
<div class="status-bar">
System Check: RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_01</div>
<div class="card-title">Strategy 4.0</div>
<div class="card-teaser">PowerPoint overload, social‑media filters, and the question why Excel 2017 is still the core system.</div>
<div class="card-status green">● MISSION AVAILABLE</div>
[[START MISSION →|M1-Briefing-EN]]
</div>
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_02</div>
<div class="card-title dim">Resilience in Lego Mode</div>
<div class="card-teaser dim">Cyber attack? No problem — we’ll build a Lego tower.</div>
<div class="card-status amber">⊘ LOCKED — COMPLETE ANOMALY_01</div>
</div>
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_03</div>
<div class="card-title dim">Finance at the Mixing Desk</div>
<div class="card-teaser dim">Cashflow & club sound: No groove. No bass. No plan.</div>
<div class="card-status amber">⊘ LOCKED — COMPLETE ANOMALY_02</div>
</div>
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">PART 2: COCKPIT EGO</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training.</div>
<div class="card-status red">▣ CLASSIFIED</div>
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_01 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">STRATEGY 4.0 // KLASSIFIZIERUNG: PERFORMANCE-MODUS</span>
</div>
<div class="flight-data">
<div class="data-row"><span class="label">BEDINGUNGEN:</span> <span>10 Delegierte aus dem HQ, Strategie 4.0 auf 87 Hochglanz-Slides, Sichtweite durch Marketing-Nebel begrenzt.</span></div>
<div class="data-row"><span class="label">ZIEL:</span> <span>Die deutsche Konzernleitung beeindrucken.</span></div>
<div class="data-row"><span class="label">INSTRUMENTE:</span> <span>Stilles Wasser. Ungelöste Probleme im Kernsystem. Excel 2017 im Standby.</span></div>
</div>
<div class="story-block">
<p>Die erste <span class="amber">Grand Strategy Presentation</span>. Oder genauer gesagt: eine akribisch choreografierte Inszenierung, in der das Unternehmen sich selbst spielt.</p>
<br>
<p>Und dann <span class="amber">betreten sie den Raum.</span></p>
<p>Der Chairman. <br>Der Finance Chief.<br>Der Tech Chief.</p>
<p class="dim">Alle wissen, wie das Stück endet.</p>
</div>
<div class="pilot-prompt amber">
► PILOT ACTION REQUIRED: 3 ENTSCHEIDUNGEN - AUTOPILOT AKTIV
</div>
<div class="nav-button">
[[MANÖVER BEGINNEN →|M1-Act1-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">DAS RAUM-DILEMMA</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Der Konferenzraum ist zu klein. Der britische CFO hängt verzerrt in einem Teams-Call, den niemand versteht. Die deutsche Delegation - zehn Personen in voller Montur.. Der Chairman sieht Sie erwartungsvoll an.</p>
<p class="dim">Das Mikro rauscht. Symbolismus pur.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Kurz nicken. <br>Den Moment übergehen.<br>Den Corporate Film starten. Timing ist wichtig.</div>
<div class="choice-subtext dim">Der Ablauf bleibt stabil. Niemand verliert das Gesicht.</div>
[[A: AUTOPILOT AKTIVIEREN →|M1-Act1-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Kurz unterbrechen.<br> Den CFO auf Lautsprecher ziehen.<br>Den Raum neu sortieren – kurze Irritation.</div>
<div class="choice-subtext dim">Der Ablauf ist gestört. Die Aufmerksamkeit verschiebt sich.</div>
[[B: MANUAL OVERRIDE →|M1-Act1-Result-B-DE]]
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">THE ROOM DILEMMA</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The conference room is too small. The British CFO appears distorted in a Teams call no one can understand. The German delegation — ten people in full corporate gear. The Chairman looks at you expectantly.</p>
<p class="dim">The microphone crackles. Pure symbolism.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Give a short nod.<br>Ignore the moment.<br>Start the corporate film. Timing matters.</div>
<div class="choice-subtext dim">The sequence stays intact. No one loses face.</div>
[[A: ACTIVATE AUTOPILOT →|M1-Act1-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Briefly interrupt.<br>Pull the CFO onto speaker.<br>Rearrange the room — mild irritation.</div>
<div class="choice-subtext dim">The flow is disrupted. Attention shifts.</div>
[[B: MANUAL OVERRIDE →|M1-Act1-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT AKTIVIERT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Film läuft. Die Musik schwillt an. Der Chairman lächelt zustimmend. Der CFO rauscht weiterhin im Hintergrund - niemand registriert es.</p>
<br>
<p class="dim">Diagnose: Impression Management stabil. Keine Störungen im Ablauf.</p>
<p class="dim">Der CFO wird später sagen, er habe "leider nicht alles mitgehört". Niemand wird nachfragen. DEr Termin gilt als erfolgreich.</p>
</div>
<div class="nav-button">
[[WEITER → PILOT ACTION 2/3|M1-Act2-DE]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">ERGEBNIS:</p>
<p>Du unterbrichst. „Entschuldigung - könnten wir kurz das Audio-Problem lösen?" Kurze Stille. Der Chairman runzelt die Stirn.</p>
<br>
<p>Der CFO wird hörbar. Der Zeitplan verschiebt sich um 4 Minuten.</p>
<p>Der Operations Director lehnt sich leicht zu Ihnen: „Hm.“ <br>Der Chairman notiert etwas.</p>
<br>
<p class="dim">Diagnose: Strukturelle Integrität: gehalten. Soziales Kapital: leicht beschädigt..</p>
</div>
<div class="nav-button">
[[WEITER → PILOT ACTION 2/3|M1-Act2-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">BUZZWORD-BINGO</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Der Chairman spricht Corporate Jargon fließend: Scalability, Speedboats. Disruption. </p>
<p class="amber">"Sind wir bereit für die digitale Revolution?"</p>
<p class="dim">Er liebt Debatten. Hasst Widerspruch. 87 Slides warten auf Applaus.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Nicken. <br>"Data-driven architecture" einwerfen.<br>Kurzer Blick zum Tech Chief.</div>
<div class="choice-subtext dim">Anschlussfähig. Die Sprache passt sich an.</div>
[[A: AUTOPILOT AKTIVIEREN →|M1-Act2-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Kurz innehalten.<br>Einwerfen, dass Prozesse im System laufen sollten.<br> Der Raum hält den Atem an.</div>
<div class="choice-subtext dim">Kontextwechsel. Die Temperatur sinkt.</div>
[[B: MANUAL OVERRIDE →|M1-Act2-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Chairman nickt. Sofort. "Exactly. That's the spirit." Der Tech Chief lächelt. Das Slide-Deck läuft weiter.</p>
<br>
<p class="dim">Diagnose: Buzzword-Echo stabil. Der Ablauf bleibt störungsfrei.</p>
<p class="dim">Excel 2017 läuft weiterhin im Hintergrund. Unkommentiert. Ungestört.</p>
</div>
<div class="nav-button">[[WEITER → PILOT ACTION 3/3|M1-Act3-DE]]</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">ERGEBNIS:</p>
<p>"Darf ich kurz nachfragen, auf welchen Systemen unsere Kernprozesse eigentlich heute laufen?" Der Raum wird still.</p>
<br>
<p>Der Operations Director schaut auf seine Unterlagen. Der Chairman pausiert. dann: "Good point. We'll circle back."</p>
<br>
<p class="dim">DDiagnose: Kontextwechsel erkannt. Integration ausstehend.</p>
<p class="dim">Der Tech Chief macht eine Notiz: "Follow-up Excel?" Erfasst. Nicht priorisiert.</p>
</div>
<div class="nav-button">[[WEITER → PILOT ACTION 3/3|M1-Act3-DE]]</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">DER SELFIE-MOMENT</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Der Finance Chief zückt sein Handy.<br>Ein Selfie. <br>Die Gruppe rückt enger zusammen.</p>
<p class="amber">"Where do you see yourself in five years?"</p>
<p class="dim">Die Kamera läuft. Antworten werden verwertbar gemacht.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">In die Kamera lächeln. Eine Eine anschlussfähige Vision formulieren. Etwas mit Wachstum. Transformation. Zukunft.</div>
<div class="choice-subtext dim">Konsistent. Social Media kompatibel. Ohne Reibung.</div>
[[A: AUTOPILOT AKTIVIEREN →|M1-Act3-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Das wird davon abhängen, wie schnell wir die Lücke zwischen Anspruch und aktuellem Umsetzungsstatus schließen.</div>
<div class="choice-subtext dim">Faktisch korrekt. Ungefiltert. Schwer einzuordnen.</div>
[[B: MANUAL OVERRIDE →|M1-Act3-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Sie lächeln. „In fünf Jahren sehe ich uns als <span class="amber">Purpose-driven, AI-enabled Transformation Leader</span> - mit echtem Impact auf People, Planet und Performance."</p>
<br>
<p>Der CFO nickt. Das Foto ist bereits online. 47 Likes in drei Minuten, davon 41 von internen Accounts.</p>
<br>
<p>Der Chairman flüstert seinem Assistenten zu: <span class="italic">"Good energy. Very on-brand."</span></p>
<br>
<p class="dim">Diagnose: Antwort anschlussfähig. Wirkung: repräsentativ. Inhalt: nicht messbar.</p>
<p class="dim">Der Moment ist bereits Vergangenheit - obwohl er noch nicht vorbei ist.</p>
</div>
<div class="nav-button">
[[WEITER → AUSWERTUNG|M1-Analysis-DE]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">ERGEBNIS:</p>
<p>Sie lächeln zurück. „In fünf Jahren? Ich würde gerne sehen, dass wir mit einem IT-Sicherheitskonzept arbeiten, das über <span class="amber">Password123</span> hinausgeht."</p>
<br>
<p>Stille. Der CFO hält das Handy noch in der Hand. Der Tech Chief öffnet den Mund - und schließt ihn wieder.</p>
<br>
<p>Der Chairman: <span class="italic">"Ha. Fair point."</span> — Er lacht das Lachen eines Mannes, der nicht lachen will.</p>
<br>
<p class="dim">Soziale Temperatur gesunken. Kontext erweitert. Anschlussfähigkeit unklar.<br> Das Selfie wird nicht gepostet. </p>
<p class="dim">Der Operations Director schreibt später eine kurze Nachricht: „Mutig. Aber vielleicht beim nächsten Mal nicht vor dem Chairman."</p>
</div>
<div class="nav-button">
[[WEITER → AUSWERTUNG|M1-Analysis-DE]]
</div>
</div>
}{
(if: $conformity >= 2)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
(if: $reality >= 2)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
<!-- ABBINDER -->
(if: $conformity >= 2)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">SYSTEM HAT IHRE EINGABEN REGISTRIERT.</p>
<p>Positives Kabinen-Klima. Soziale Protokolle im grünen Bereich.<br>
Die Instrumente zeigen: <span class="amber">Business as usual.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">Das Flugzeug steht sicher am Boden.<br>
Der Zielhafen <span class="amber">„Transformation"</span> bleibt im System hinterlegt. Nächster Flug planmäßig angesetzt.</p>
</div>
]
(if: $reality >= 2)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">SYSTEM HAT IHRE EINGABEN REGISTRIERT.</p>
<p>Unmittelbare Reibungswerte detektiert.<br>
Warnmeldungen durch <span class="amber">Authentizitäts-Ausschlag.</span><br>Weiterverarbeitung unklar.</p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">Der Prozess wurde unterbrochen.<br>
Status: <span class="amber">„Freeze-Modus"</span> am Gate. <br>Nächster Flug planmäßig angesetzt.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → NÄCHSTES PATTERN|Cockpit-DE2]]
[[KURZGESCHICHTE LESEN →|M1-Story-DE]]
</div>
}{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #01</span>
<span class="dim small-mono">VANILLA SKY // Teil 1</span>
</div>
<h1 class="story-title">Staging the Future:<br>Strategie 4.0</h1>
<div class="story-body">
<p>BritCo Ltd. präsentierte: Die erste Grand Strategy Presentation. Oder genauer gesagt: eine akribisch choreografierte Theaterproduktion, in der das Unternehmen — sich selbst spielte.</p>
<p>Die Bühne: der große Konferenzraum. Moderne Kunstinstallationen, gebrandete Wasserflaschen, ein Kamerateam für Social Media. Hashtags already prepared: <span class="amber">#Innovation #WeAreFuture #NoOneKnowsWhatWeActuallyDo.</span></p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Lichtbahnen.jpg" alt="Lichtbahnen">
<div class="image-caption dim small-mono">
BEWEISSTÜCK A — #WeAreFuture
</div>
</div>
<p>Acht Wochen Vorbereitung. Mehrere Proben. Unzählige schlaflose Nächte. Zwei Tage Verleugnung. Ein Tag purer Panik.</p>
<p>Das erste Problem zeigte sich früh: Der „große" Konferenzraum war nicht groß genug. Der britische CFO wählte sich per Teams ein. Das Mikrofon rauschte. Niemand verstand ihn. Niemand erwähnte es. <span class="dim">Symbolismus, der für sich sprach.</span></p>
<p>Dann betraten sie den Raum. Der Chairman — ruhig, aufmerksam, mit dem Lächeln eines Mannes, der schon viele Präsentationen gesehen hat und keine davon vergessen hat. Der Finance Chief im Hoodie, dessen Lässigkeit so sorgfältig konstruiert war wie ein Jahresabschluss. Der Tech Chief mit Rimless Glasses, der seit drei Tagen nicht geschlafen hatte und es perfekt verbarg.</p>
<p>Der Corporate Film lief. Emotionale Musik. Zeitrafferaufnahmen von Städten. Mitarbeiter, die lächelnd auf Whiteboards schrieben. Der Operations Director wurde fast emotional — vor allem, weil er wusste, dass das Video mehr gekostet hatte als das letzte ERP-Upgrade.</p>
<p>Dann: 87 Slides. Der Chairman stellte Fragen. Gute Fragen. Die Art von Fragen, auf die keine der 87 Slides eine Antwort hatte.</p>
<p><span class="amber">„Sind wir bereit für den Quantensprung?"</span> Das Wort „Scalability" fiel 14-mal. „Speedboat" siebenmal. „Excel 2017" — keinmal. Es lief im Hintergrund weiter, still und ungestört, wie ein alter Hund, den niemand mehr streichelt, aber auch niemand wegschickt.</p>
<div class="story-image">
<img src=https://transformation-deck.com/wp-content/uploads/2026/04/Digitalisierung.jpg" alt="Digitalisierung">
<div class="image-caption dim small-mono">
BEWEISSTÜCK B — #DigitalShiftNow
</div>
</div>
<p>Das Grand Finale: Der Finance Chief im Hoodie zückte sein Handy. Gruppen-Selfie. Er fragte in die Runde: <span class="amber">„Where do you see yourself in five years?"</span> Die Antworten waren gut. Sehr gut. Poster-kompatibel. 47 Likes in drei Minuten, davon 41 von internen Accounts.</p>
<p>Applaus. Händeschütteln. <span class="amber">„Great energy." „Impressive setup." „We should do this more often."</span></p>
<p>Auf dem Rückflug, der Chairman zu seinem Assistenten, leise, fast beiläufig:</p>
<p class="amber italic">„Nice folks. But I was missing the depth."</p>
<p class="dim">Password123 lief weiterhin auf Server 4. Der Zielhafen „Transformation" wurde nie angeflogen. Das Flugzeug landete pünktlich. Alle klatschten.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #01 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // NÄCHSTES PATTERN|Cockpit-DE2]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATOR // 3 FLUGZIELE AKTIV</span>
</div>
<div class="status-bar">
System Check: RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<!-- MISSION 1: ABGESCHLOSSEN -->
<div class="cringe-card large completed">
<div class="card-id dim">#ANOMALY_01</div>
<div class="card-title dim">Strategie 4.0</div>
<div class="card-status completed-status">✓ ANOMALIE GELOGGT — FLIGHT CANCELLED</div>
</div>
<!-- MISSION 2: JETZT AKTIV -->
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_02</div>
<div class="card-title">Resilienz im Lego-Modus</div>
<div class="card-teaser">Cyber-Attacke? Kein Problem, wir bauen einen Lego-Turm.</div>
<div class="card-status green">● MISSION VERFÜGBAR</div>
[[MISSION STARTEN →|M2-Briefing-DE]]
</div>
<!-- MISSION 3: GESPERRT -->
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_03</div>
<div class="card-title dim">Finance am Mischpult</div>
<div class="card-teaser dim">Cashflow & Clubsound: Kein Groove. Kein Bass. Kein Plan.</div>
<div class="card-status amber">⊘ GESPERRT — ANOMALY_02 ABSCHLIESSEN</div>
</div>
<!-- TEIL 2: CLASSIFIED -->
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">WEITERE FLIGHT PATTERNS</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training. The Agent Army. Diversity Day.</div>
<div class="card-status red">▣ CLASSIFIED — TEIL 2: DISRUPTION VALLEY</div>
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_02 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">RESILIENCE MODE // KLASSIFIZIERUNG: ARCHITECTURE-THEATER</span>
</div>
<div class="flight-data">
<div class="data-row"><span class="label">AUSLÖSER:</span> <span>Ein Kabel. Drei Tage Produktionsstillstand. Ursache: banal. Wirkung: maximal.</span></div>
<div class="data-row"><span class="label">REAKTION:</span> <span>15 deutsche IT-Experten auf dem Weg nach UK. Mission: Resilience.</span></div>
<div class="data-row"><span class="label">STATUS:</span> <span>Dashboard in Entwicklung. SAP in der Schwebe. Excel 2017 operativ.</span></div>
</div>
<div class="story-block">
<p>Ein Vorfall. Eine Reaktion. Eine Delegation.</p>
<p class="dim">Und ein System, das beschlossen hat, jetzt strukturiert zu improvisieren.</p>
</div>
<div class="pilot-prompt amber">
► PILOT ACTION REQUIRED: 3 ENTSCHEIDUNGEN AUSSTEHEND
</div>
<div class="nav-button">
[[MANÖVER BEGINNEN →|M2-Act1-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">DIE ANKUNFT</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Der CTO betritt den Raum. Hinter ihm formiert sich eine Delegation aus 15 Spezialisten. Die lokale IT: ein überarbeiteter IT‑Techniker und jemandem, der „sich mit Computern auskennt“.</p>
<p class="dim">Der CTO spricht von zügiger und pragmatischer Lösung.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Die Delegation arbeiten lassen.<br>
Gezielte, kluge Kommentare einstreuen..<br>
Struktur zeigen, um Vertrauen zu erzeugen..
</div>
<div class="choice-subtext dim">Größe und Ruhe signalisieren Kontrolle.</div>
[[A: AUTOPILOT →|M2-Act1-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Direkt nach der Ursache fragen.<br>
Mit dem Techniker sprechen.<br>
Den Vorfall verstehen, bevor man ihn löst.
</div>
<div class="choice-subtext dim">Fokus statt Eskalation.</div>
[[B: MANUAL OVERRIDE →|M2-Act1-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Die Experten verteilen sich im Gebäude. Laptops klappen auf. Betriebsames Tippen erfüllt die Flure. Diagramme entstehen.</p>
<br>
<p class="dim">Diagnose: Hohe Aktivität. Ursache weiterhin nur Theorie.</p>
<p class="dim">Im Serverraum wuchert ein Kabelsalat. Niemand weiß genau, welche Leitung wohin führt.</p>
</div>
<div class="nav-button">[[WEITER → PILOT ACTION 3/3|M2-Act2-DE]]</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // REALITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Techniker zeigt auf das Kabel. „Das hier." Kurze Pause. Ein Satz, der schwerer wirkt, als er klingt. Der Serverraum ist ungesichert.</p>
<br>
<p class="dim">Diagnose: Kleine Ursache - große Wirkung. Sicherheitsrisiko identifiziert.</p>
<p class="dim">Sabotage oder Unwissenheit – das System unterscheidet nicht.</p>
</div>
<div class="nav-button">[[WEITER → PILOT ACTION 3/3|M2-Act2-DE]]</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">ARCHITECTURE WORKSHOP</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Der CTO zieht eine Box hervor. Lego Technic.</p>
<p>Er sagt: "Jetzt modellieren wir unsere "Future Resilience IT Architecture. Super.“</p>
<p class="dim">Die Spezialisten nicken.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Mitbauen.<br>
Blaue Steine als Data Stream setzen.<br>
Den Würfel "Q3 Pipeline“ taufen.
</div>
<div class="choice-subtext dim">Gemeinsames Modell erzeugt Alignment.</div>
[[A: AUTOPILOT AKTIVIEREN →|M2-Act2-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Nach realen Systemen fragen.<br>
Nach Verantwortlichkeiten.<br>
Nach dem Katalog der Security Gaps.
</div>
<div class="choice-subtext dim">Rückkehr zur Realität.</div>
[[B: MANUAL OVERRIDE →|M2-Act2-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // REALITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Kurze Stille. "Wir kommen später darauf zurück."</p>
<br>
<p class="dim">Diagnose: Wahrheit unbequem. Stimmung gekippt. Lösung vertagt.</p>
<p class="dim">Harte Landung auf dem Boden der Tatsachen</p>
</div>
<div class="nav-button">[[WEITER → PILOT ACTION 3/3|M2-Act3-DE]]</div>
</div>
}{
(if: $conformity >= 3)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
(if: $reality >= 4)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
<!-- ABBINDER -->
(if: $conformity >= 3)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">SYSTEM HAT IHRE EINGABEN REGISTRIERT.</p>
<p>Modell erfolgreich erstellt. Realität abstrahiert.<br>
Die Instrumente zeigen: <span class="amber">Business as usual.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">Das Flugzeug steht sicher am Boden.<br>
Der Zielhafen <span class="amber">„Transformation"</span> bleibt im System hinterlegt. Neue Destination in Flugplan aufgenommen.</p>
</div>
]
(if: $reality >= 4)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">SYSTEM HAT IHRE EINGABEN REGISTRIERT.</p>
<p>Relevanz erkannt. <br>Umsetzung offen.<br>
Warnmeldungen durch <span class="amber">Authentizitäts-Ausschlag.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">Der Prozess wurde unterbrochen.<br>
Status: <span class="amber">„FREEZE"</span> am Gate. <br>Neue Destination in Flugplan aufgenommen.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → NÄCHSTES PATTERN|Cockpit-DE3]]
[[KURZGESCHICHTE LESEN →|M2-Story-DE]]
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Turm wird wieder aufgebaut. Größer. Stabiler. Auf dem Tisch. Der CTO nickt zufrieden. „Jetzt sieht es nach Resilience aus.“</p>
<br>
<p class="dim">Diagnose: Wachstum sichtbar. Nutzen unbewiesen. Realität unverändert.</p>
<p class="dim">Die Spiele müssen weiter gehen. Das Modell lebt – das System bleibt stehen.</p>
</div>
<div class="nav-button">
[[WEITER → AUSWERTUNG|M2-Analysis-DE]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // REALITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Raum wird still. Der CTO nickt langsam: „Das müssen wir strukturiert angehen.“</p>
<br>
<p class="dim">Diagnose: Verantwortung diffus. Nächste Schritte offen.</p>
<p class="dim">Die Wahrheit liegt auf dem Tisch. Der Plan leider nicht</p>
</div>
<div class="nav-button">
[[WEITER → AUSWERTUNG|M2-Analysis-DE]]
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Turm wächst. Farben vermischen sich. Komplexität schrumpft – dank Spielzeug.</p>
<br>
<p class="dim">Diagnose: Kreativität hoch. Bodenhaftung gering. Umsetzbarkeit fraglich.</p>
<p class="dim">Im Play Mode setzt Entspannung ein. Turm gebaut. System verloren.</p>
</div>
<div class="nav-button">[[WEITER → PILOT ACTION 3/3|M2-Act3-DE]]</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">DER ZUSAMMENBRUCH</span>
</div>
<div class="situation-box">
<p>Der Lego-Turm kippt.</p>
<p>Ein roter Block rollt unter den Tisch.</p>
<p class="dim">Der CTO: „This is a learning opportunity. Super.“</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Zustimmen.<br>
„Resilience bedeutet Wiederaufbau.“<br>
Weiter im Workshop.
</div>
[[A: AUTOPILOT AKTIVIEREN →|M2-Act3-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Fragen, was sich konkret ändert.<br>
Wer verantwortlich ist.<br>
Was morgen anders läuft.
</div>
[[B: MANUAL OVERRIDE →|M2-Act3-Result-B-DE]]
</div>
</div>
</div>
}{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #02</span>
<span class="dim small-mono">DIE INSZENIERUNG // TEIL 2</span>
</div>
<h1 class="story-title">Die Notfallmission des CTO:<br>Resilienz im Lego-Modus</h1>
<div class="story-body">
<p>Die Katastrophe schlug zu, als ein Techniker im Serverraum ein Stromkabel herauszog. Das Ergebnis: drei Tage kompletter Produktionsstillstand..</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Server.jpg" alt="Server-Raum">
<div class="image-caption dim small-mono">
BEWEISSTÜCK A — Das entfernte Kabel
</div>
</div>
<p>Der CTO ging sofort in den <span class="amber">Alarmmodus. Super</span>.</p>
<p>Die IT-Due-Diligence hatte bereits vor über einem Jahr zahlreiche Cyber-Risiken und einen üppigen Katalog an Sicherheitslücken dokumentiert. Das vielgepriesene <span class="amber">„Resilience Dashboard“ </span>befand sich seit Monaten in der Entwicklung. Leider war es noch nicht fertig. Und dann – zieht einfach jemand einen Stecker.</p>
<p>Der CTO schwor, schnell und pragmatisch zu handeln. „Schnell“ im professoralen Sinne.</p>
<p>Verstärkung wurde organisiert. Der CTO traf mit einer 15-köpfigen Delegation deutscher IT-Experten im Vereinigten Königreich ein. Soviel zum Thema schnell und pragmatisch. Das britische Team <span class="amber">hatte Frameworks erwartet</span>. Sie bekamen… Bausteine..</p>
<p>Der CTO mit feierlicher Gravitas: „Heute werden wir <span class="amber">unsere künftige Resilienz-IT-Architektur</span> modellieren. Super.“ Er greift unter den Tisch. Zum Vorschein kommt eine Kiste Lego Technic, auf der noch ein Aufkleber vom Frankfurter Flughafen Duty-Free klebt. „Jede Farbe repräsentiert einen Datenstrom. Jeder Block ein skalierbares Modul. Der Turm? Unsere Wachstumsambition.“</p>
<p>Die Deutschen lehnen sich voller Ehrfurcht nach vorne. Die britischen Direktoren starren darauf, irgendwo zwischen höflicher Neugier und einer Verwirrung auf Brexit-Niveau.</p>
<p>Ein unglücklicher britischer Teilnehmer wird gebeten,<span class="amber"> „die blauen Module in das Ökosystem zu integrieren“.</span> Er baut einen kleinen Würfel. Der CTO nickt strahlend: „Genau. Das ist unsere Q3-Pipeline. Super.“</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Lego.jpg">
<div class="image-caption dim small-mono">
BEWEISSTÜCK B — Der LEGO-Turm
</div>
</div>
<p>Mitten in der Sitzung stürzt das Modell zusammen. „Dies ist eine Lernchance“, sagt der CTO, während ein roter Block unter den Tisch rollt. <span class="amber">„Resilienz bedeutet Wiederaufbau.</span> In der Theorie. Super.“</p>
<p>Das britische Team bleibt fassungslos zurück. Der Raum füllt sich mit Corporate Jargon im industriellen Ausmaß. Phrasen wie „skalierbare Frameworks“ und „Architecture Alignment“ schweben durch die Luft, punktiert durch das Lieblings-Satzzeichen des CTO: Super.</p>
<p>Währenddessen bleibt das neue ERP-System – die lang versprochene SAP-Migration – im Ungewissen. <span class="amber">Offiziell „auf Kurs“</span>. Inoffiziell gestützt durch die wahre Kernplattform des Unternehmens: eine alternde Excel-Datei, zuletzt aktualisiert im Jahr 2017.</p>
<p class="dim">PUnd der nächste Cyberangriff?<br>Er wird super.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #02 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // NÄCHSTES PATTERN|Cockpit-DE3]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATOR // 3 FLUGZIELE AKTIV</span>
</div>
<div class="status-bar">
System Check: RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<!-- MISSION 1: ABGESCHLOSSEN -->
<div class="cringe-card completed">
<div class="card-id dim">#ANOMALY_01</div>
<div class="card-title dim">Strategie 4.0</div>
<div class="card-status completed-status">✓ ANOMALIE GELOGGT — FLIGHT CANCELLED</div>
</div>
<!-- MISSION 2: ABGESCHLOSSEN -->
<div class="cringe-card completed">
<div class="card-id dim">#ANOMALY_02</div>
<div class="card-title dim">Resilienz im Lego-Modus</div>
<div class="card-status completed-status">✓ ANOMALIE GELOGGT — FLIGHT CANCELLED</div>
</div>
<!-- MISSION 3: JETZT AKTIV -->
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_03</div>
<div class="card-title">Finance am Mischpult</div>
<div class="card-teaser">Cashflow & Clubsound: Kein Groove. Kein Bass. Kein Plan.</div>
<div class="card-status green">● MISSION VERFÜGBAR</div>
[[MISSION STARTEN →|M3-Briefing-DE]]
</div>
<!-- TEIL 2: CLASSIFIED -->
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">WEITERE FLIGHT PATTERNS</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training. The Agent Army. Diversity Day.</div>
<div class="card-status red">▣ CLASSIFIED — TEIL 2: DISRUPTION VALLEY</div>
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_03 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">BUSINESS PLAN // KLASSIFIZIERUNG: INFORMALITY-MODUS</span>
</div>
<div class="flight-data">
<div class="data-row">
<span class="label">BEDINGUNGEN:</span>
<span>Planungssaison. Hoher Ergebnisdruck. Maximale innerer Unruhe.</span>
</div>
<div class="data-row">
<span class="label">ZIEL:</span>
<span>Ein belastbarer Business Plan. Anschlussfähigkeit an das HQ sicherstellen.</span>
</div>
<div class="data-row">
<span class="label">INSTRUMENTE:</span>
<span>10 Slides Forecast. 1 Slide Purpose. Eine tragbare JBL-Box.</span>
</div>
</div>
<div class="story-block">
<p>Das jährliche <span class="amber">Business Plan Review</span>. Oder genauer gesagt: ein präzise getaktetes Gespräch über Zahlen, Erwartungen und implizite Grenzen.</p>
<br>
<p>Dann <span class="amber">betritt er den Raum.</span></p>
<p>Der CFO.<br>Der Budget Owner.<br>Der ehemalige DJ.</p>
<p class="dim">Er bringt Energie mit. Und ein anderes Verständnis von Steuerung.</p>
</div>
<div class="pilot-prompt amber">
► PILOT ACTION REQUIRED: 3 ENTSCHEIDUNGEN - AUTOPILOT AKTIV
</div>
<div class="nav-button">
[[MANÖVER BEGINNEN →|M3-Act1-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">DER EINTRITT</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Der CFO betritt den Raum. „Na, ihr Helden der Profitabilität!“</p>
<p>Er geht direkt auf die HR Direktorin zu. Umarmung. Einen Tick zu lange.</p>
<p>Die Kollegen lächeln kontrolliert. Niemand bewegt sich.</p>
<p class="dim">Die Grenze zwischen Nähe und Rolle ist… flexibel geworden.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Lächeln.<br>
Die Energie aufnehmen.<br>
Die Szene laufen lassen.
</div>
<div class="choice-subtext dim">
Harmonie geht vor Präzision. Anschluss bleibt erhalten.
</div>
[[A: AUTOPILOT AKTIVIEREN →|M3-ACT1-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Den Übergang strukturieren.<br>
Zur Agenda zurückführen.<br>
Den Ton ruhig neu setzen.
</div>
<div class="choice-subtext dim">
Leichte Irritation ist spürbar. Rollen werden wieder sichtbar.
</div>
[[B: MANUAL OVERRIDE →|M3-ACT1-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT AKTIVIERT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Alle lächeln. Die Szene löst sich auf. Leichte Bewegung im Raum. Die Gespräche beginnen.</p>
<p>Der CFO bleibt im Modus. Locker. Nahbar. Schwer einzuordnen.</p>
<br>
<p class="dim">Diagnose: Soziale Temperatur stabil. Rollen leicht verwischt.</p>
<p class="dim">Die Grenze bleibt unscharf. Niemand adressiert es.</p>
</div>
<div class="nav-button">
[[WEITER → PILOT ACTION 2/3|M3-Act2-DE]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">ERGEBNIS:</p>
<p>Den Moment aufgreifen. Einen kurznr Übergang schaffen. Die Agenda erscheint auf dem Bildschirm.</p>
<p>Der CFO nickt. Einen Moment zu spät.</p>
<br>
<p class="dim">Diagnose: Rollen neu gesetzt. Soziale Irritation messbar.</p>
<p class="dim">Die Energie bleibt. Die Anschlussfähigkeit wird geprüft.</p>
</div>
<div class="nav-button">
[[WEITER → PILOT ACTION 2/3|M3-Act2-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">WHERE’S THE GROOVE?</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Die Zahlen werden präsentiert. Klar. Strukturiert. Diszipliniert.</p>
<p>Der CFO hört zu. Nickt. Lehnt sich zurück.</p>
<p><span class="amber">„Aber… wo ist der Groove? Wo ist der Bass geblieben? Ich spüre nichts.“</span></p>
<p class="dim">Kurze Pause. Niemand hatte damit gerechnet.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Die Metapher aufnehmen.<br>
Von Dynamik sprechen.<br>
Den Plan als „Journey“ framen.
</div>
<div class="choice-subtext dim">
Anschluss durch Übersetzung. Bedeutung wird flexibel.
</div>
[[A: AUTOPILOT AKTIVIEREN →|M3-ACT2-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Bei den Zahlen bleiben.<br>
Auf EBIT, Cash Flow und Risiken verweisen.<br>
Die Metapher höflich ins Leere laufen lassen.
</div>
<div class="choice-subtext dim">
Professionalität und Präzision gehen vor Anschlussfähigkeit.
</div>
[[B: MANUAL OVERRIDE →|M3-ACT2-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Den Begriff aktiv aufgreifen. Von Dynamik sprechen. Von Aufbau. Vom richtigen Moment für den „Drop“.</p>
<p>Der CFO nickt zufrieden. „Exakt!.“</p>
<br>
<p>Die Zahlen bleiben stehen. Die Sprache bewegt sich weiter.</p>
<br>
<p class="dim">Diagnose: Anschlussfähigkeit hoch. Inhaltliche Präzision reduziert.</p>
<p class="dim">Die Metapher trägt. Die Aussage bleibt offen.</p>
</div>
<div class="nav-button">
[[WEITER → PILOT ACTION 3/3|M3-Act3-DE]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">ERGEBNIS:</p>
<p>Der Fokus bleibt auf den Zahlen. EBIT. Cash Flow. Risiken.</p>
<p>Kurzes Nicken in der Runde. Dann Stille.</p>
<br>
<p>Der CFO lächelt leicht. „Ja… aber da bleibt immer noch die Frage.....“</p>
<br>
<p class="dim">Diagnose: Inhaltliche Klarheit gegeben. Anschlussfähigkeit eingeschränkt.</p>
<p class="dim">Die Metapher bleibt im Raum. Unbearbeitet.</p>
</div>
<div class="nav-button">
[[WEITER → PILOT ACTION 3/3|M3-Act3-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">THE DROP</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>Das Meeting nähert sich dem Ende.</p>
<p>Der CFO lehnt sich zurück. Fährt sich durch die Haare.</p>
<p><span class="amber">„Das war wie ein Set… langsam hochgefahren. Jetzt kommt der Drop.“</span></p>
<p class="dim">Einige nicken. Niemand schreibt mit.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Zustimmen.<br>
Den Optimismus spiegeln.<br>
Auf Q2 verweisen.
</div>
<div class="choice-subtext dim">
Positiver Abschluss. Gemeinsames Narrativ.
</div>
[[A: AUTOPILOT AKTIVIEREN →|M3-ACT3-Result-A-DE]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Nach konkreten nächsten Schritten fragen.<br>
Nach einer Investitions-Freigabe.<br>
Nach einer Budget-Zusage.
</div>
<div class="choice-subtext dim">
Rückkehr zum Plan. Die Spannung steigt.
</div>
[[B: MANUAL OVERRIDE →|M3-ACT3-Result-B-DE]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">ERGEBNIS:</p>
<p>Alle nicken. „Absolut. Q2 wird entscheidend.“</p>
<p>Der CFO lächelt. Zufrieden. Das Narrativ steht.</p>
<br>
<p>Der Raum entspannt sich. Laptops klappen zu. Erste Kalender öffnen sich.</p>
<br>
<p class="dim">Diagnose: Positiver Abschluss. Gemeinsames Zukunftsbild etabliert.</p>
<p class="dim">Konkrete Maßnahmen: nicht spezifiziert. Verbindlichkeit: implizit.</p>
</div>
<div class="nav-button">
[[WEITER → AUSWERTUNG|M3-Analysis-DE]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">ERGEBNIS:</p>
<p>Die FRagen nach konkreten nächsten Schritten, nach Budget und Freigaben stehen im Raum.</p>
<p>Kurze Pause.</p>
<br>
<p>Der CFO nickt langsam. „Ja… das stimmen wir im Nachgang ab.“</p>
<p>Ein Blick in die Runde. Niemand ergänzt.</p>
<br>
<p class="dim">Diagnose: Umsetzungsdruck erzeugt. Verbindlichkeit vertagt.</p>
<p class="dim">Das Narrativ bleibt bestehen. Die Entscheidung wandert weiter.</p>
</div>
<div class="nav-button">
[[WEITER → AUSWERTUNG|M3-Analysis-DE]]
</div>
</div>
}{
(if: $conformity >= 5)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
(if: $reality >= 5)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
<!-- ABBINDER -->
(if: $conformity >= 5)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">SYSTEM HAT IHRE EINGABEN REGISTRIERT.</p>
<p>Positives Kabinen-Klima. Gemeinsames Narrativ etabliert.<br>
Die Instrumente zeigen: <span class="amber">Ausrichtung vorhanden.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">Der Flug wurde sauber vorbereitet.<br>
Das Abflug-Gate bleibt geöffnet.<br>
Status: Die Abflugzeit für Flug <span class="amber">„Transformation"</span> ist noch nicht bekannt.</p>
</div>
]
(if: $reality >= 5)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">SYSTEM HAT IHRE EINGABEN REGISTRIERT.</p>
<p>Umsetzungsdruck erzeugt.<br>
Verbindlichkeit angefragt.<br>
Reaktion: <span class="amber">Vertagung.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">Die Flug-Route wurde hinterfragt.<br>
Das Abflug-Gate bleibt geöffnet.<br>
Status: Die Abflugzeit für Flug <span class="amber">„Transformation"</span> ist noch nicht bekannt.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → EPILOG|Epilog-DE]]
[[KURZGESCHICHTE LESEN →|M3-Story-DE]]
</div>
}{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #03</span>
<span class="dim small-mono">DIE INSZENIERUNG // TEIL 3</span>
</div>
<h1 class="story-title">Cashflow und Club-Sound:<br>Businessplan, Volume Up!</h1>
<div class="story-body">
<p>Es ist Planungssaison im Unternehmen. Die Deutschen nennen es „Review-Meeting“; die Briten bezeichnen es mit charakteristischem Understatement als <span class="amber">„leichtes Corporate Waterboarding“.</span></p>
<p>Aus der Zentrale trifft ein hochrangiger Besucher ein: der Finanzvorstand (CFO), in den Fluren auch bekannt als <span class="amber">„Der Budget-DJ“.</span></p>
<p>Ein Mann, der es liebt, <span class="amber">Geschichten aus den 1990ern</span> zu erzählen. Sein Markenzeichen: Er verkündet absolut jedem – ungefragt –, dass er früher DJ war. So richtig. Mit Vinyl. In Clubs. Nun ja… in einem Club. Also gut: auf der Hochzeit seines Cousins. Aber es gab eine Nebelmaschine. Niemand fragt danach. Niemand will es wissen. Offensichtlich war seine DJ-Karriere ähnlich erfolgreich wie sein Verständnis von Fixkosten.</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Discokugel-.jpg" alt="Disco Kugel">
<div class="image-caption dim small-mono">
BEWEISSTÜCK A — Die Discokugel
</div>
</div>
<p>Im britischen Büro herrscht höfliche Anspannung. Der Druck ist hoch, die Zahlen sind niedrig – und die Nerven liegen blank. Dann trifft er ein. Der Budget-DJ spaziert herein, als käme er zu einer Grillparty, ruft fröhlich: <span class="amber">„Na, ihr Helden der Profitabilität!“</span> und begrüßt die Personalleiterin mit einer Umarmung, die – rechtlich gesehen – bestenfalls grenzwertig ist. Er sagt Dinge wie: „Ich will euch nicht kontrollieren, ich will euch empowern.“</p>
<p>Dann holt er mit einer schwungvollen Geste eine JBL-Box hervor, stellt sie auf den Konferenztisch und fragt: „Kennt ihr Lexy & K-Paul?“</p>
<p>Die Briten nicken vorsichtig. Sie kennen weder Lexy noch Paul. Aber sie wissen: Man sollte den Deutschen nicht in Verlegenheit bringen.</p>
<p>Die britischen Direktoren schwitzen; der Controller zittert. Der CFO sitzt da, als wäre er bereit, Aperol in einem Beachclub zu servieren. Zwischen den Tagesordnungspunkten ruft er: „Wisst ihr noch? <span class="amber">Vor der Inflation war das Leben ein Festival!“</span> Dies wird mit dem höflichen britischen Äquivalent eines kollektiven Augenrollens beantwortet: einem leisen Rascheln von Papieren.</p>
<p>Die PowerPoint-Präsentation: zehn Folien Prognosen, eine Folie „Purpose“. Der britische Finanzleiter präsentiert mit Disziplin und Klarheit auf Englisch. Der Budget-DJ hört aufmerksam zu und fragt dann: <span class="amber">„Wo ist der Groove? Wo ist der Bass?“</span></p>
<p>Verwirrung. Eine kurze Überprüfung der Zahlen – kein Bass feststellbar.</p>
<p>Er lehnt sich zurück, lächelt und sagt: „Leute, ein gutes Budget ist wie ein DJ-Set: Aufbau, Break, Drop. <span class="amber">Die Spannung muss stimmen, sonst tanzt keiner.“</span></p>
<p>Stille. Jemand antwortet höflich: „Normalerweise konzentrieren wir uns mehr auf das <span class="amber">EBIT</span> als auf… das Tanzen.“</p>
<p>Und dann das Finale: Am Ende des Meetings fährt er sich mit der Hand durch das gegelte Haar und erklärt: „Wisst ihr was? <span class="amber">Ich stehe immer noch hinter den Decks.</span> Die Leute flippen völlig aus.“</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/DJ-white-60-years-.jpg" alt="Budget DJ">
<div class="image-caption dim small-mono">
BEWEISSTÜCK B — Der Budget-DJ beim Diversity Day
</div>
</div>
<p>Schweigen. Der britische CEO starrt in sein Wasserglas, als würde er erwägen, darin zu ertrinken. Der Praktikant googelt diskret: <span class="amber"> „Wie erkenne ich toxische Informalität?“</span></p>
<p>Beim Abschied sagt der CFO:</p>
<p class="amber italic">„Ich habe ein gutes Gefühl. Das war wie ein Set, das langsam anfängt – aber der Drop kommt noch. Spätestens im zweiten Quartal.“</p>
<p class="dim">Die Briten winken ihm zum Abschied hinterher, leicht betäubt. Wenn das keine Disruption ist, dann ist es gar nichts.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #01 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // EPILOG|Epilog-DE]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">MISSION CONTROL // END OF PART 1</span>
<span class="hud-sub">VANILLA SKY — ALLE ANOMALIEN GELOGGT</span>
</div>
<div class="status-bar">
FLIGHT PATTERNS 01 / 02 / 03 — ABGESCHLOSSEN // FLUGSCHREIBER: GESICHERT
</div>
<div class="debrief-grid">
<div class="debrief-card">
<div class="card-id dim">#01</div>
<div class="debrief-title dim">Strategie 4.0</div>
<div class="debrief-verdict">87 Slides. Kein Tiefgang.<br>
<span class="completed-status">✓ FLIGHT CANCELLED</span></div>
</div>
<div class="debrief-card">
<div class="card-id dim">#02</div>
<div class="debrief-title dim">Resilienz im Lego-Modus</div>
<div class="debrief-verdict">Cyber-Attacke. Bauklötze..<br>
<span class="completed-status">✓ FLIGHT CANCELLED</span></div>
</div>
<div class="debrief-card">
<div class="card-id dim">#03</div>
<div class="debrief-title dim">Finance am Mischpult</div>
<div class="debrief-verdict">Volume up! No Budget.<br>
<span class="completed-status">✓ FLIGHT CANCELLED</span></div>
</div>
</div>
<div class="blackbox-text">
<br>
<p class="amber small-mono">SYSTEM-BEFUND // TEIL 1</p>
<p>Drei Anomalien. Drei abgebrochene Flüge. Dasselbe Muster.<br>Die Inszenierung war tadellos. Die Hashtags saßen. Die Kameras liefen.<br>Was fehlte, war nicht im Programm vorgesehen.</p>
<p class="dim">Diagnose: <span class="amber">Performance-Modus</span> ist kein Flugfehler. Er ist das Betriebssystem. Trainiert. Belohnt. Skaliert.</p>
<p class="dim">Das Gehirn weiß, wie man Transformation spielt. Es weiß nur nicht, wie man sie fliegt.</p>
</div>
<div class="abbinder-box reality-end">
<p class="amber small-mono">▣ INCOMING TRANSMISSION // TEIL 2</p>
<p>Im nächsten Sektor begegnen Sie nicht mehr der Inszenierung -<br>
Sie begegnen denen, die sie <span class="amber">bestellen.</span></p>
<p class="dim">Boardrooms. Fireside Chats. Leadership-Rituale.<br>
Systeme, die sich selbst für die Lösung halten.</p>
<div class="dual-button">
<div class="nav-locked">
<span class="amber small-mono">▣ TEIL 2: COCKPIT EGO</span>
<span class="dim small-mono">COMING SOON</span>
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_01 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">STRATEGY 4.0 // CLASSIFICATION: PERFORMANCE MODE</span>
</div>
<div class="flight-data">
<div class="data-row"><span class="label">CONDITIONS:</span> <span>10 delegates from HQ, Strategy 4.0 across 87 glossy slides, visibility limited by marketing fog.</span></div>
<div class="data-row"><span class="label">OBJECTIVE:</span> <span>Impress the German executive board.</span></div>
<div class="data-row"><span class="label">INSTRUMENTS:</span> <span>Still water. Unresolved core‑system issues. Excel 2017 on standby.</span></div>
</div>
<div class="story-block">
<p>The first <span class="amber">Grand Strategy Presentation</span>. Or more precisely: a meticulously choreographed staging in which the company performs as itself.</p>
<br>
<p>And then <span class="amber">they enter the room.</span></p>
<p>The Chairman.<br>The Finance Chief.<br>The Tech Chief.</p>
<p class="dim">Everyone knows how the play ends.</p>
</div>
<div class="pilot-prompt amber">
► PILOT ACTION REQUIRED: 3 DECISIONS – AUTOPILOT ACTIVE
</div>
<div class="nav-button">
[[BEGIN MANEUVER →|M1-Act1-EN]]
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT ACTIVATED // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The film plays. The music swells. The Chairman smiles approvingly. The CFO continues crackling in the background — no one notices.</p>
<br>
<p class="dim">Diagnosis: Impression management stable. No disruptions detected.</p>
<p class="dim">Later, the CFO will say he “unfortunately didn’t catch everything.” No one will follow up. The meeting is considered a success.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 2/3|M1-Act2-EN]]
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RESULT:</p>
<p>You interrupt. “Excuse me — could we quickly fix the audio issue?” A brief silence. The Chairman frowns.</p>
<br>
<p>The CFO becomes audible. The schedule shifts by 4 minutes.</p>
<p>The Operations Director leans toward you: “Hm.”<br>The Chairman writes something down.</p>
<br>
<p class="dim">Diagnosis: Structural integrity maintained. Social capital: slightly damaged.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 2/3|M1-Act2-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">BUZZWORD BINGO</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The Chairman speaks corporate jargon fluently: Scalability. Speedboats. Disruption.</p>
<p class="amber">“Are we ready for the digital revolution?”</p>
<p class="dim">He loves debates. Hates contradiction. 87 slides are waiting for applause.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Nod.<br>Drop “data‑driven architecture.”<br>Quick glance at the Tech Chief.</div>
<div class="choice-subtext dim">Compatible. The language adapts.</div>
[[A: ACTIVATE AUTOPILOT →|M1-Act2-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Pause briefly.<br>Point out that processes should run in the system.<br>The room holds its breath.</div>
<div class="choice-subtext dim">Context shift. Temperature drops.</div>
[[B: MANUAL OVERRIDE →|M1-Act2-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The Chairman nods. Instantly. “Exactly. That's the spirit.” The Tech Chief smiles. The slide deck keeps rolling.</p>
<br>
<p class="dim">Diagnosis: Buzzword echo stable. Sequence remains uninterrupted.</p>
<p class="dim">Excel 2017 continues running in the background. Uncommented. Unbothered.</p>
</div>
<div class="nav-button">[[CONTINUE → PILOT ACTION 3/3|M1-Act3-EN]]</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RESULT:</p>
<p>“May I briefly ask which systems our core processes are actually running on today?” The room goes silent.</p>
<br>
<p>The Operations Director looks down at his documents. The Chairman pauses. Then: “Good point. We’ll circle back.”</p>
<br>
<p class="dim">Diagnosis: Context shift detected. Integration pending.</p>
<p class="dim">The Tech Chief makes a note: “Follow‑up Excel?” Logged. Not prioritized.</p>
</div>
<div class="nav-button">[[CONTINUE → PILOT ACTION 3/3|M1-Act3-EN]]</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">THE SELFIE MOMENT</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The Finance Chief pulls out his phone.<br>A selfie.<br>The group moves in closer.</p>
<p class="amber">“Where do you see yourself in five years?”</p>
<p class="dim">The camera is rolling. Answers become usable assets.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Smile into the camera. Deliver a compatible vision. Something about growth. Transformation. The future.</div>
<div class="choice-subtext dim">Consistent. Social‑media friendly. No friction.</div>
[[A: ACTIVATE AUTOPILOT →|M1-Act3-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">That will depend on how quickly we close the gap between ambition and current execution status.</div>
<div class="choice-subtext dim">Factually correct. Unfiltered. Hard to categorize.</div>
[[B: MANUAL OVERRIDE →|M1-Act3-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>You smile. “In five years, I see us as a <span class="amber">purpose‑driven, AI‑enabled transformation leader</span> — creating real impact for people, planet, and performance.”</p>
<br>
<p>The CFO nods. The photo is already online. Forty‑seven likes in three minutes, forty‑one of them from internal accounts.</p>
<br>
<p>The Chairman whispers to his assistant: <span class="italic">“Good energy. Very on‑brand.”</span></p>
<br>
<p class="dim">Diagnosis: Response compatible. Effect: representative. Content: not measurable.</p>
<p class="dim">The moment is already in the past — even though it isn’t over yet.</p>
</div>
<div class="nav-button">
[[CONTINUE → ANALYSIS|M1-Analysis-EN]]
</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RESULT:</p>
<p>You smile back. “In five years? I’d like to see us working with an IT security concept that goes beyond <span class="amber">Password123</span>.”</p>
<br>
<p>Silence. The CFO still holds the phone. The Tech Chief opens his mouth — then closes it again.</p>
<br>
<p>The Chairman: <span class="italic">“Ha. Fair point.”</span> — He laughs the laugh of a man who does not want to laugh.</p>
<br>
<p class="dim">Social temperature dropped. Context expanded. Compatibility unclear.<br>The selfie will not be posted.</p>
<p class="dim">Later, the Operations Director sends a short message: “Bold. But maybe not in front of the Chairman next time.”</p>
</div>
<div class="nav-button">
[[CONTINUE → ANALYSIS|M1-Analysis-EN]]
</div>
</div>
}{
(if: $conformity >= 2)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
(if: $reality >= 2)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
<!-- ENDING BLOCK -->
(if: $conformity >= 2)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">SYSTEM HAS REGISTERED YOUR INPUT.</p>
<p>Positive cabin climate. Social protocols within safe range.<br>
Instruments indicate: <span class="amber">Business as usual.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">The aircraft remains safely on the ground.<br>
Destination <span class="amber">“Transformation”</span> stays stored in the system. Next flight scheduled as planned.</p>
</div>
]
(if: $reality >= 2)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">SYSTEM HAS REGISTERED YOUR INPUT.</p>
<p>Immediate friction levels detected.<br>
Alerts triggered by <span class="amber">authenticity spike.</span><br>Further processing unclear.</p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">The process has been interrupted.<br>
Status: <span class="amber">“Freeze mode”</span> at the gate.<br>Next flight scheduled as planned.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → NEXT PATTERN|Cockpit-EN2]]
[[READ SHORT STORY →|M1-Story-EN]]
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATOR // 3 FLIGHT TARGETS ACTIVE</span>
</div>
<div class="status-bar">
System Check: RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<!-- MISSION 1: COMPLETED -->
<div class="cringe-card large completed">
<div class="card-id dim">#ANOMALY_01</div>
<div class="card-title dim">Strategy 4.0</div>
<div class="card-status completed-status">✓ ANOMALY LOGGED — FLIGHT CANCELLED</div>
</div>
<!-- MISSION 2: NOW ACTIVE -->
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_02</div>
<div class="card-title">Resilience in Lego Mode</div>
<div class="card-teaser">Cyber attack? No problem — we’ll build a Lego tower.</div>
<div class="card-status green">● MISSION AVAILABLE</div>
[[START MISSION →|M2-Briefing-EN]]
</div>
<!-- MISSION 3: LOCKED -->
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_03</div>
<div class="card-title dim">Finance at the Mixing Desk</div>
<div class="card-teaser dim">Cashflow & club sound: No groove. No bass. No plan.</div>
<div class="card-status amber">⊘ LOCKED — COMPLETE ANOMALY_02</div>
</div>
<!-- PART 2: CLASSIFIED -->
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">ADDITIONAL FLIGHT PATTERNS</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training. The Agent Army. Diversity Day.</div>
<div class="card-status red">▣ CLASSIFIED — PART 2: DISRUPTION VALLEY</div>
</div>
</div>
</div>
}{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #01</span>
<span class="dim small-mono">VANILLA SKY // Part 1</span>
</div>
<h1 class="story-title">Staging the Future:<br>Strategie 4.0</h1>
<div class="story-body">
<p>Welcome to BritCo Ltd.’s first-ever grand strategy presentation. Or rather: a meticulously choreographed theatre production, starring the company as… itself.</p>
<p>The stage: the large conference room, tastefully lit with modern art installations. The props: branded water glasses, printed name tags, a camera crew for social media. <span class="amber">Hashtags: #Innovation #WeAreFuture #NoOneKnowsWhatWeActuallyDo</span></p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Manchester-cyberpunk-glitch.jpg" alt="Manchester Glitch">
<div class="image-caption dim small-mono">
PIECE OF EVICENCE A — #BreakThePattern
</div>
</div>
<p>Eight weeks of preparation. Multiple rehearsals. Countless sleepless nights. Two days of denial. One day of full-blown panic.</p>
<p>The German divisional board arrives in full force – ten delegates in tow.</p>
<p>Unfortunately, the “large” conference room isn’t quite large enough. No space for all the British directors. So the British CFO dials in via Teams, but no one can understand him – the mic’s cutting out. <span class="amber">Symbolism. It speaks for itself.</span> You couldn’t script it better.</p>
<p>And then: they enter. The top brass. The holy trinity from head office.
The Chairman – an alpha on adrenaline. Blazer unbuttoned, shirt unbuttoned, oddly passionate about England. His style: bold opinions with a hint of existential dread.</p>
<p><span class="amber">His mission: Ownership.</span> To him, “disruption” isn’t a concept – it’s a way of life. He loves debate. Hates disagreement. Speaks in fluent buzzword: “scalability”, “growing pains”, “speedboats”. Nobody dares interrupt.</p>
<p>The Finance Chief – part CFO, part self-proclaimed Chief Culture Creator.
Half hoodie, half blazer. Designer trainers. Expensive smile. His style: gloriously vague.
His mission: a good selfie. Asks questions like “Where do you see yourself in five years?” with the smirk of an ‘80s romcom lead. A master of creative accounting and charming away inconvenient truths. Details? <span class="amber">“We have experts for that.”</span></p>
<p>The Tech Chief – part CTO, part distracted philosopher. PhD in theoretical something. Black turtleneck. Rimless glasses. His style: complex, elegant, occasionally incomprehensible. His mission: boundless energy – strictly theoretical.
Speaks of “data-driven resilience architectures”. No one’s ever quite sure if he’s proposing a strategy or accidentally inventing something patentable. Not that it makes any difference. <span class="amber">No one understands it anyway.</span></p>
<p>Today, it's the big show. <span class="amber">It’s all performance, really.</span> The curtain rises – metaphorically. Enter the corporate film. Music. Emotion. Gleaming factory floors. The Director of Operations gets misty-eyed – though mostly because he knows the video costs more than the last ERP upgrade..</p>
<p>Next: the presentation. Slick slides, courtesy of a design agency. Content: digital, visionary, disruptive. Think Instagram: plenty of filters, not much feeding the algorithm. <span class="amber">But it’ll make a great post: Best Practice: Strategy Offsite 4.0.</span></p>
<p>Nods all round. What no one asks: Why are we still running core operations off an Excel sheet from 2017? Why does our IT security allow passwords like “Password123”? Why does “digital transformation” mostly mean animated GIFs in PowerPoint? But never mind. The British team has delivered. Presented. Smiled. Dazzled.</p>
<div class="story-image">
<img src=https://transformation-deck.com/wp-content/uploads/2026/04/Digitalisierung.jpg" alt="Digitalisierung">
<div class="image-caption dim small-mono">
PIECE OF EVIDENCE B — #DigitalShiftNow
</div>
</div>
<p>And then, the grand finale: applause. <span class="amber">“Great energy!” - “Impressive setup!” - “We should do this more often!”</span></p>
<p>Later, on the flight home, the Chairman turns to his assistant: “Nice folks. But I was missing the depth.” </p>
<p class="dim">Password123 lief weiterhin auf Server 4. Der Zielhafen „Transformation" wurde nie angeflogen. Das Flugzeug landete pünktlich. Alle klatschten.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #01 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // NEXT PATTERN|Cockpit-EN2]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_02 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">RESILIENCE MODE // CLASSIFICATION: ARCHITECTURE THEATER</span>
</div>
<div class="flight-data">
<div class="data-row"><span class="label">TRIGGER:</span> <span>One cable. Three days of production downtime. Cause: trivial. Impact: maximal.</span></div>
<div class="data-row"><span class="label">REACTION:</span> <span>15 German IT experts en route to the UK. Mission: Resilience.</span></div>
<div class="data-row"><span class="label">STATUS:</span> <span>Dashboard in development. SAP in limbo. Excel 2017 operational.</span></div>
</div>
<div class="story-block">
<p>One incident. One reaction. One delegation.</p>
<p class="dim">And a system that has decided to improvise — in a structured way.</p>
</div>
<div class="pilot-prompt amber">
► PILOT ACTION REQUIRED: 3 DECISIONS PENDING
</div>
<div class="nav-button">
[[BEGIN MANEUVER →|M2-Act1-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">THE ARRIVAL</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The CTO enters the room. Behind him forms a delegation of 15 specialists. The local IT: one overworked technician and someone who “knows about computers.”</p>
<p class="dim">The CTO speaks of a swift and pragmatic solution.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Let the delegation work.<br>
Add targeted, clever comments.<br>
Show structure to generate trust.
</div>
<div class="choice-subtext dim">Composure and scale signal control.</div>
[[A: AUTOPILOT →|M2-Act1-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Ask directly about the root cause.<br>
Talk to the technician.<br>
Understand the incident before solving it.
</div>
<div class="choice-subtext dim">Focus instead of escalation.</div>
[[B: MANUAL OVERRIDE →|M2-Act1-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The experts spread out across the building. Laptops open. Busy typing fills the corridors. Diagrams emerge.</p>
<br>
<p class="dim">Diagnosis: High activity. Root cause still theoretical.</p>
<p class="dim">In the server room, a cable jungle thrives. No one knows exactly which line leads where.</p>
</div>
<div class="nav-button">[[CONTINUE → PILOT ACTION 3/3|M2-Act2-EN]]</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // REALITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The technician points at the cable. “This one.” A short pause. A sentence heavier than it sounds. The server room is unsecured.</p>
<br>
<p class="dim">Diagnosis: Small cause — major impact. Security risk identified.</p>
<p class="dim">Sabotage or ignorance — the system does not differentiate.</p>
</div>
<div class="nav-button">[[CONTINUE → PILOT ACTION 3/3|M2-Act2-EN]]</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">ARCHITECTURE WORKSHOP</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The CTO pulls out a box. Lego Technic.</p>
<p>He says: “Now we’ll model our ‘Future Resilience IT Architecture.’ Great.”</p>
<p class="dim">The specialists nod.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Join the building.<br>
Use blue bricks as data streams.<br>
Name the cube “Q3 Pipeline.”
</div>
<div class="choice-subtext dim">A shared model creates alignment.</div>
[[A: ACTIVATE AUTOPILOT →|M2-Act2-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Ask about real systems.<br>
Ask about responsibilities.<br>
Ask for the catalogue of security gaps.
</div>
<div class="choice-subtext dim">Return to reality.</div>
[[B: MANUAL OVERRIDE →|M2-Act2-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The tower grows. Colors blend. Complexity shrinks — thanks to toys.</p>
<br>
<p class="dim">Diagnosis: High creativity. Low grounding. Feasibility questionable.</p>
<p class="dim">In Play Mode, relaxation sets in. Tower built. System lost.</p>
</div>
<div class="nav-button">[[CONTINUE → PILOT ACTION 3/3|M2-Act3-EN]]</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // REALITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>Brief silence. “We’ll come back to that later.”</p>
<br>
<p class="dim">Diagnosis: Truth uncomfortable. Mood shifted. Solution postponed.</p>
<p class="dim">Hard landing on the runway of reality.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 3/3|M2-Act3-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">THE COLLAPSE</span>
</div>
<div class="situation-box">
<p>The Lego tower tips over.</p>
<p>A red block rolls under the table.</p>
<p class="dim">The CTO: “This is a learning opportunity. Great.”</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Agree.<br>
“Resilience means rebuilding.”<br>
Continue the workshop.
</div>
[[A: ACTIVATE AUTOPILOT →|M2-Act3-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Ask what will actually change.<br>
Who is responsible.<br>
What will be different tomorrow.
</div>
[[B: MANUAL OVERRIDE →|M2-Act3-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The tower is rebuilt. Bigger. More stable. On the table. The CTO nods with satisfaction. “Now it looks like resilience.”</p>
<br>
<p class="dim">Diagnosis: Growth visible. Benefit unproven. Reality unchanged.</p>
<p class="dim">The games must go on. The model lives — the system remains stuck.</p>
</div>
<div class="nav-button">
[[CONTINUE → ANALYSIS|M2-Analysis-EN]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // REALITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>The room falls silent. The CTO nods slowly: “We need to approach this in a structured way.”</p>
<br>
<p class="dim">Diagnosis: Responsibility diffuse. Next steps unclear.</p>
<p class="dim">The truth is on the table. The plan, unfortunately, is not.</p>
</div>
<div class="nav-button">
[[CONTINUE → ANALYSIS|M2-Analysis-EN]]
</div>
</div>
}{
(if: $conformity >= 3)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
(if: $reality >= 4)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
<!-- ENDING BLOCK -->
(if: $conformity >= 3)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">SYSTEM HAS REGISTERED YOUR INPUT.</p>
<p>Model successfully created. Reality abstracted.<br>
Instruments indicate: <span class="amber">Business as usual.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">The aircraft remains safely on the ground.<br>
Destination <span class="amber">“Transformation”</span> stays stored in the system. New destination added to the flight plan.</p>
</div>
]
(if: $reality >= 4)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">SYSTEM HAS REGISTERED YOUR INPUT.</p>
<p>Relevance detected.<br>Implementation unclear.<br>
Alerts triggered by <span class="amber">authenticity spike.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">The process has been interrupted.<br>
Status: <span class="amber">“FREEZE”</span> at the gate.<br>
New destination added to the flight plan.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → NEXT PATTERN|Cockpit-EN3]]
[[READ SHORT STORY →|M2-Story-EN]]
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATOR // 3 FLIGHT TARGETS ACTIVE</span>
</div>
<div class="status-bar">
System Check: RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<!-- MISSION 1: COMPLETED -->
<div class="cringe-card completed">
<div class="card-id dim">#ANOMALY_01</div>
<div class="card-title dim">Strategy 4.0</div>
<div class="card-status completed-status">✓ ANOMALY LOGGED — FLIGHT CANCELLED</div>
</div>
<!-- MISSION 2: COMPLETED -->
<div class="cringe-card completed">
<div class="card-id dim">#ANOMALY_02</div>
<div class="card-title dim">Resilience in Lego Mode</div>
<div class="card-status completed-status">✓ ANOMALY LOGGED — FLIGHT CANCELLED</div>
</div>
<!-- MISSION 3: NOW ACTIVE -->
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_03</div>
<div class="card-title">Finance at the Mixing Desk</div>
<div class="card-teaser">Cashflow & club sound: No groove. No bass. No plan.</div>
<div class="card-status green">● MISSION AVAILABLE</div>
[[START MISSION →|M3-Briefing-EN]]
</div>
<!-- PART 2: CLASSIFIED -->
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">ADDITIONAL FLIGHT PATTERNS</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training. The Agent Army. Diversity Day.</div>
<div class="card-status red">▣ CLASSIFIED — PART 2: DISRUPTION VALLEY</div>
</div>
</div>
</div>
}{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #02</span>
<span class="dim small-mono">VANILLA SKY // Part 2</span>
</div>
<h1 class="story-title">The CTO’s emergency mission:<br>Resilience in Lego Mode</h1>
<div class="story-body">
<p>The catastrophe struck when a technician in the server room unplugged a power cable. Result: three days of full production standstill.</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Server.jpg" alt="Server-Room">
<div class="image-caption dim small-mono">
PIECE OF EVIDENCE A — The unplugged cable
</div>
</div>
<p>The CTO went into full alarm mode. Super.</p>
<p>The IT due diligence had already documented multiple cyber risks and an abundant catalogue of security gaps - over a year ago. The much-heralded <span class="amber">“Resilience Dashboard” </span> had been in development for months. Unfortunately, not ready yet. And then - someone just pulled a plug.</p>
<p>The CTO vowed to act swiftly and pragmatically. “Swiftly” in the professorial sense. </p>
<p>The key players in the English IT department were quickly identified: one actual IT employee, and another staff member with a hobby-level interest in computers.</p>
<p>Reinforcements were arranged. The CTO arrived in the UK with a 15-strong delegation of German IT experts. So much for swift and pragmatic. The British team had expected frameworks. They got <span class="amber">… bricks.</span></p>
<p>The CTO, with solemn gravitas: “Today, we will model our future resilience IT architecture. Super.” He reaches under the table. Out comes a <span class="amber">box of Lego Technic,</span> still bearing a sticker from Frankfurt Airport duty free. “Each colour represents a data stream. Each block, a scalable module. The tower? Our growth ambition.”</p>
<p>The Germans lean forward in reverence. The British directors stare, somewhere between polite curiosity and Brexit-level confusion.</p>
<p>One unlucky UK participant is asked to <span class="amber">“integrate the blue modules into the ecosystem.”</span> He builds a small cube. The CTO nods, beaming: “Exactly. That’s our Q3 pipeline. Super.”</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Lego.jpg">
<div class="image-caption dim small-mono">
PIECE OF EVIDENCE B — The LEGO Tower
</div>
</div>
<p>The model collapses halfway through the session. <span class="amber">“This is a learning opportunity,”</span> the CTO says, as a red block rolls under the table. “Resilience means rebuilding. In theory. Super.</p>
<p>The British team remains bewildered. The room fills with corporate jargon at industrial scale. Phrases like “scalable frameworks” and “architecture alignment” float through the air, punctuated by the CTO’s favourite punctuation mark: Super.</p>
<p>Meanwhile, the new ERP system—the long-promised SAP migration—remains in limbo. Officially “on track.” Unofficially supported by the company’s <span class="amber">true core platform: an ageing Excel file, last updated in 2017.</span></p>
<p class="dim">And the next cyberattack? It will be super.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #02 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // NEXT PATTERN|Cockpit-EN3]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_03 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">BUSINESS PLAN // CLASSIFICATION: INFORMALITY MODE</span>
</div>
<div class="flight-data">
<div class="data-row">
<span class="label">CONDITIONS:</span>
<span>Planning season. High performance pressure. Maximum internal unrest.</span>
</div>
<div class="data-row">
<span class="label">OBJECTIVE:</span>
<span>A robust business plan. Ensuring alignment with HQ.</span>
</div>
<div class="data-row">
<span class="label">INSTRUMENTS:</span>
<span>10‑slide forecast. 1‑slide purpose. One portable JBL speaker.</span>
</div>
</div>
<div class="story-block">
<p>The annual <span class="amber">Business Plan Review</span>. Or more precisely: a tightly choreographed conversation about numbers, expectations, and implicit boundaries.</p>
<br>
<p>Then <span class="amber">he enters the room.</span></p>
<p>The CFO.<br>The budget owner.<br>The former DJ.</p>
<p class="dim">He brings energy. And a different understanding of control.</p>
</div>
<div class="pilot-prompt amber">
► PILOT ACTION REQUIRED: 3 DECISIONS — AUTOPILOT ACTIVE
</div>
<div class="nav-button">
[[BEGIN MANEUVER →|M3-Act1-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">THE ENTRY</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The CFO enters the room. “Well, well — heroes of profitability!”</p>
<p>He walks straight toward the HR Director. A hug. A bit too long.</p>
<p>The colleagues smile in a controlled manner. No one moves.</p>
<p class="dim">The boundary between closeness and role has… become flexible.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Smile.<br>
Absorb the energy.<br>
Let the scene play out.
</div>
<div class="choice-subtext dim">
Harmony over precision. Alignment preserved.
</div>
[[A: ACTIVATE AUTOPILOT →|M3-ACT1-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Structure the transition.<br>
Guide back to the agenda.<br>
Reset the tone calmly.
</div>
<div class="choice-subtext dim">
Slight irritation becomes visible. Roles re‑emerge.
</div>
[[B: MANUAL OVERRIDE →|M3-ACT1-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT ACTIVATED // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>Everyone smiles. The scene dissolves. Subtle movement in the room. Conversations begin.</p>
<p>The CFO stays in character. Relaxed. Approachable. Hard to categorize.</p>
<br>
<p class="dim">Diagnosis: Social temperature stable. Roles slightly blurred.</p>
<p class="dim">The boundary remains fuzzy. No one addresses it.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 2/3|M3-Act2-EN]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RESULT:</p>
<p>Picking up the moment. Creating a brief transition. The agenda appears on the screen.</p>
<p>The CFO nods. A moment too late.</p>
<br>
<p class="dim">Diagnosis: Roles reset. Social irritation measurable.</p>
<p class="dim">The energy remains. Alignment under review.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 2/3|M3-Act2-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">WHERE’S THE GROOVE?</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The numbers are presented. Clear. Structured. Disciplined.</p>
<p>The CFO listens. Nods. Leans back.</p>
<p><span class="amber">“But… where’s the groove? Where did the bass go? I’m not feeling anything.”</span></p>
<p class="dim">A short pause. No one saw this coming.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Pick up the metaphor.<br>
Talk about dynamics.<br>
Frame the plan as a “journey.”
</div>
<div class="choice-subtext dim">
Alignment through translation. Meaning becomes flexible.
</div>
[[A: ACTIVATE AUTOPILOT →|M3-ACT2-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Stay with the numbers.<br>
Point to EBIT, cash flow, and risks.<br>
Let the metaphor fade politely.
</div>
<div class="choice-subtext dim">
Professionalism and precision over metaphorical alignment.
</div>
[[B: MANUAL OVERRIDE →|M3-ACT2-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>Actively picking up the term. Talking about dynamics. About build‑up. About the right moment for the “drop.”</p>
<p>The CFO nods with satisfaction. “Exactly!”</p>
<br>
<p>The numbers stay where they are. The language keeps moving.</p>
<br>
<p class="dim">Diagnosis: High alignment. Reduced analytical precision.</p>
<p class="dim">The metaphor carries. The message remains open.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 3/3|M3-Act3-EN]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RESULT:</p>
<p>The focus stays on the numbers. EBIT. Cash flow. Risks.</p>
<p>Brief nodding around the room. Then silence.</p>
<p>The CFO smiles slightly. “Yes… but that still leaves the question…”</p>
<br>
<p class="dim">Diagnosis: Analytical clarity achieved. Alignment limited.</p>
<p class="dim">The metaphor remains in the room. Unaddressed.</p>
</div>
<div class="nav-button">
[[CONTINUE → PILOT ACTION 3/3|M3-Act3-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">THE DROP</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION:</p>
<p>The meeting approaches its end.</p>
<p>The CFO leans back. Runs a hand through his hair.</p>
<p><span class="amber">“That was like a set… slowly building up. Now comes the drop.”</span></p>
<p class="dim">Some nod. No one takes notes.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Agree.<br>
Mirror the optimism.<br>
Point to Q2.
</div>
<div class="choice-subtext dim">
Positive ending. Shared narrative.
</div>
[[A: ACTIVATE AUTOPILOT →|M3-ACT3-Result-A-EN]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Ask for concrete next steps.<br>
Ask for investment approval.<br>
Ask for a budget commitment.
</div>
<div class="choice-subtext dim">
Return to the plan. Tension rises.
</div>
[[B: MANUAL OVERRIDE →|M3-ACT3-Result-B-EN]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITY +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RESULT:</p>
<p>Everyone nods. “Absolutely. Q2 will be decisive.”</p>
<p>The CFO smiles. Satisfied. The narrative is set.</p>
<br>
<p>The room relaxes. Laptops close. Calendars begin to open.</p>
<br>
<p class="dim">Diagnosis: Positive ending. Shared future outlook established.</p>
<p class="dim">Concrete actions: unspecified. Commitment: implicit.</p>
</div>
<div class="nav-button">
[[CONTINUE → ANALYSIS|M3-Analysis-EN]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // REALITY +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RESULT:</p>
<p>The questions about concrete next steps, budget, and approvals remain in the room.</p>
<p>A short pause.</p>
<br>
<p>The CFO nods slowly. “Yes… we’ll align on that afterwards.”</p>
<p>A glance around the room. No one adds anything.</p>
<br>
<p class="dim">Diagnosis: Implementation pressure created. Commitment postponed.</p>
<p class="dim">The narrative remains intact. The decision moves further down the line.</p>
</div>
<div class="nav-button">
[[CONTINUE → ANALYSIS|M3-Analysis-EN]]
</div>
</div>
}{
(if: $conformity >= 5)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
(if: $reality >= 5)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HIGH CONFORMITY</div>
<div class="alt-mark bottom">▼ GROUND REALITY</div>
</div>
</div>
</div>
]
<!-- ENDING BLOCK -->
(if: $conformity >= 5)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">SYSTEM HAS REGISTERED YOUR INPUT.</p>
<p>Positive cabin climate. Shared narrative established.<br>
Instruments indicate: <span class="amber">Alignment present.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">The flight was cleanly prepared.<br>
The departure gate remains open.<br>
Status: Departure time for flight <span class="amber">“Transformation”</span> is not yet known.</p>
</div>
]
(if: $reality >= 5)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">SYSTEM HAS REGISTERED YOUR INPUT.</p>
<p>Implementation pressure created.<br>
Commitment requested.<br>
Response: <span class="amber">Postponed.</span></p>
<br>
<p class="red">FLIGHT CANCELLED</p>
<p class="dim">The flight route was questioned.<br>
The departure gate remains open.<br>
Status: Departure time for flight <span class="amber">“Transformation”</span> is not yet known.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → EPILOG|Epilog-EN]]
[[READ SHORT STORY →|M3-Story-EN]]
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">MISSION CONTROL // END OF PART 1</span>
<span class="hud-sub">VANILLA SKY — ALL ANOMALIES LOGGED</span>
</div>
<div class="status-bar">
FLIGHT PATTERNS 01 / 02 / 03 — COMPLETED // FLIGHT RECORDER: SECURED
</div>
<div class="debrief-grid">
<div class="debrief-card">
<div class="card-id dim">#01</div>
<div class="debrief-title dim">Strategy 4.0</div>
<div class="debrief-verdict">87 slides. No depth.<br>
<span class="completed-status">✓ FLIGHT CANCELLED</span></div>
</div>
<div class="debrief-card">
<div class="card-id dim">#02</div>
<div class="debrief-title dim">Resilience in Lego Mode</div>
<div class="debrief-verdict">Cyber attack. Building blocks.<br>
<span class="completed-status">✓ FLIGHT CANCELLED</span></div>
</div>
<div class="debrief-card">
<div class="card-id dim">#03</div>
<div class="debrief-title dim">Finance at the Mixing Desk</div>
<div class="debrief-verdict">Volume up! No budget.<br>
<span class="completed-status">✓ FLIGHT CANCELLED</span></div>
</div>
</div>
<div class="blackbox-text">
<br>
<p class="amber small-mono">SYSTEM DIAGNOSIS // PART 1</p>
<p>Three anomalies. Three aborted flights. The same pattern.<br>
The staging was flawless. The hashtags landed. The cameras rolled.<br>
What was missing was not part of the program.</p>
<p class="dim">Diagnosis: <span class="amber">Performance mode</span> is not a flight error. It is the operating system. Trained. Rewarded. Scaled.</p>
<p class="dim">The brain knows how to perform transformation. It just doesn’t know how to fly it.</p>
</div>
<div class="abbinder-box reality-end">
<p class="amber small-mono">▣ INCOMING TRANSMISSION // PART 2</p>
<p>In the next sector, you will no longer encounter the staging —<br>
you will encounter those who <span class="amber">commission it.</span></p>
<p class="dim">Boardrooms. Fireside chats. Leadership rituals.<br>
Systems convinced they are the solution.</p>
<div class="dual-button">
<div class="nav-locked">
<span class="amber small-mono">▣ PART 2: COCKPIT EGO</span>
<span class="dim small-mono">COMING SOON</span>
</div>
</div>
</div>
</div>
}{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #03</span>
<span class="dim small-mono">VANILLA SKY // Part 3</span>
</div>
<h1 class="story-title">Cash Flow and Club Sound:<br>Finance at the Mixing Desk</h1>
<div class="story-body">
<p>It’s planning season at the company. The Germans call it a “review meeting”; the Brits, with characteristic understatement, refer to it as “mild corporate waterboarding”.</p>
<p>From headquarters arrives a senior visitor: the Chief Financial Officer, known in corridor gossip as The Budget DJ.</p>
<p>A man who enjoys telling stories from the 1990s. His signature move: announcing to absolutely everyone - without provocation - that he used to be a DJ. Properly. With vinyl. In clubs. Well… in a club. Fine: at his cousin’s wedding. But there was a smoke machine. Nobody asks. Nobody wants to know. Evidently, his DJ career was as successful as his grasp of fixed costs.</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Discokugel-.jpg" alt="Mirror Ball">
<div class="image-caption dim small-mono">
PIECE OF EVIDENCE A — The Mirror Ball
</div>
</div>
<p>At the British office, polite tension reigns. <span class="amber">Pressure is high, numbers are low</span> - and nerves are fraying. Then he arrives. The Budget DJ breezes in as if to a barbecue, cheerfully calls out, “Na, you heroes of profitability!” and greets the HR Director with a hug that is, at best, legally borderline. He says things like: “I don’t want to control you, I want to empower you.” </p>
<p>Then, with a flourish, he produces a JBL speaker, places it on the conference table and asks: “Do you know Lexy & K Paul?” The Brits nod cautiously. They know neither Lexy nor Paul. But they do know: <span class="amber">don’t make the German uncomfortable.</span></p>
<p>The British directors perspire; the Controller trembles. He sits there as if ready to serve Aperol in a beach club. Between agenda points, he shouts: “Remember? Before inflation, life was a festival!” This is met with the polite British equivalent of a collective eye roll: a faint shuffle of papers.</p>
<p>PowerPoint: ten slides of forecasts, four deepp dive slides of decimal points, one slide of purpose. The British Finance Lead presents with discipline and clarity, in English. The Budget DJ listens intently, then asks: “Where’s the groove? Where’s the bass?”</p>
<p><span class="amber">Confusion.</span></p>
<p>A quick review of the numbers - no bass detected. </p>
<p>He leans back, smiles and says: “People, a good budget is like a DJ set: <span class="amber">build up, break, drop.</span> The tension has to be right, or no one dances.”</p>
<p>Someone replies politely: “We usually focus more on EBIT than… dancing.”</p>
<p>And then, the finale: at the end of the meeting, he runs a hand through his gelled hair and declares: “You know what? I’m still behind the decks. People go wild.”</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/DJ-white-60-years-.jpg" alt="Budget DJ">
<div class="image-caption dim small-mono">
PIECE OF EVIDENCE B — The Budget-DJ in action
</div>
</div>
<p><span class="amber">Silence.</span></p>
<p>The British CEO stares into his glass of water as if considering drowning in it. The intern discreetly Googles “how to identify <span class="amber">toxic informality</span>”.</p>
<p>On departure, he says: “I’ve got a good feeling. This was like a set that starts slow - <span class="amber">but the drop is coming.</span> By Q2 at the latest.”</p>
<p class="dim">The Brits wave him off, slightly stunned. If that isn’t disruption, nothing is.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #03 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // EPILOG|Epilog-EN]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">CONTRÔLE PRÉ‑VOL</span>
<span class="hud-sub">BRIEFING DE MISSION // SECTEUR : Vanilla Sky</span>
</div>
<div class="terminal-text">
<p class="amber">DÉMARRAGE DU SYSTÈME...</p>
<p>MODE SIMULATION : <span class="amber">VISIBILITÉ</span></p>
<br>
<p>Ne fais jamais confiance à un ciel sans nuages lorsque tes instruments disent autre chose.</p>
<p>Dans le secteur Vanilla Sky, on ne s’écrase pas parce qu’on ne voit rien. On s’écrase <span class="amber">parce qu’on croit déjà être arrivé</span> alors qu’on tourne encore au‑dessus de la mer ouverte.</p>
<br>
<p class="dim">Ta mission : exécuter ta propre manœuvre.</p>
<div class="nav-button">
[[OUVRIR LE COCKPIT →|Cockpit-FR]]
</div>
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT DU CRINGE</span>
<span class="hud-sub">SIMULATEUR // 3 OBJECTIFS DE VOL ACTIFS</span>
</div>
<div class="status-bar">
Vérification du système : PORTÉE VISUELLE DE PISTE
</div>
<div class="cringe-grid">
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_01</div>
<div class="card-title">Stratégie 4.0</div>
<div class="card-teaser">Excès de PowerPoint, filtres réseaux sociaux et la question éternelle : pourquoi Excel 2017 est-il encore le système central.</div>
<div class="card-status green">● MISSION DISPONIBLE</div>
[[LANCER LA MISSION →|M1-Briefing-FR]]
</div>
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_02</div>
<div class="card-title dim">Résilience en mode Lego</div>
<div class="card-teaser dim">Cyberattaque ? Aucun souci, on construit une tour en Lego.</div>
<div class="card-status amber">⊘ VERROUILLÉ — TERMINER ANOMALY_01</div>
</div>
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_03</div>
<div class="card-title dim">Finance à la console DJ</div>
<div class="card-teaser dim">Cashflow & clubbing : pas de groove. Pas de basses. Pas de plan.</div>
<div class="card-status amber">⊘ VERROUILLÉ — TERMINER ANOMALY_02</div>
</div>
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">PARTIE 2 : COCKPIT EGO</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training.</div>
<div class="card-status red">▣ CLASSIFIÉ</div>
</div>
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_01 // BRIEFING DU SCHÉMA DE VOL</span>
<span class="hud-sub">STRATÉGIE 4.0 // CLASSIFICATION : MODE PERFORMANCE</span>
</div>
<div class="flight-data">
<div class="data-row"><span class="label">CONDITIONS :</span> <span>10 délégués du siège, Stratégie 4.0 sur 87 slides ultra‑glossy, visibilité limitée par un brouillard marketing.</span></div>
<div class="data-row"><span class="label">OBJECTIF :</span> <span>Impressionner la direction allemande du groupe.</span></div>
<div class="data-row"><span class="label">INSTRUMENTS :</span> <span>Eau plate. Problèmes non résolus dans le système central. Excel 2017 en mode veille.</span></div>
</div>
<div class="story-block">
<p>La première <span class="amber">Grand Strategy Presentation</span>. Ou plus précisément : une mise en scène méticuleusement chorégraphiée où l’entreprise joue son propre rôle.</p>
<br>
<p>Et puis <span class="amber">ils entrent dans la salle.</span></p>
<p>Le Chairman.<br>Le Chief Finance.<br>Le Chief Tech.</p>
<p class="dim">Tout le monde sait déjà comment la pièce se termine.</p>
</div>
<div class="pilot-prompt amber">
► ACTION PILOTE REQUISE : 3 DÉCISIONS – PILOTE AUTOMATIQUE ACTIVÉ
</div>
<div class="nav-button">
[[COMMENCER LA MANŒUVRE →|M1-Act1-FR]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">LE DILEMME DE LA SALLE</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>La salle de conférence est trop petite. Le CFO britannique apparaît déformé dans un appel Teams que personne ne comprend. La délégation allemande – dix personnes en tenue complète. Le Chairman vous regarde avec attente.</p>
<p class="dim">Le micro grésille. Symbolisme absolu.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Hochement de tête bref.<br>Moment ignoré.<br>Lancer le film corporate. Le timing, c’est tout.</div>
<div class="choice-subtext dim">Le déroulement reste stable. Personne ne perd la face.</div>
[[A : ACTIVER L’AUTOPILOTE →|M1-Act1-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Courte interruption.<br>Mettre le CFO sur haut‑parleur.<br>Réorganiser la salle – légère irritation.</div>
<div class="choice-subtext dim">Le déroulement est perturbé. L’attention se déplace.</div>
[[B : MANUAL OVERRIDE →|M1-Act1-Result-B-FR]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE ACTIVÉ // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Le film démarre. La musique monte. Le Chairman sourit avec approbation. Le CFO continue de grésiller en arrière‑plan – personne ne le remarque.</p>
<br>
<p class="dim">Diagnostic : Impression Management stable. Aucune perturbation dans le déroulement.</p>
<p class="dim">Plus tard, le CFO dira qu’il a « malheureusement pas tout entendu ». Personne ne posera de questions. La réunion sera considérée comme un succès.</p>
</div>
<div class="nav-button">
[[CONTINUER → PILOT ACTION 2/3|M1-Act2-FR]]
</div>
</div>
}{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // RÉALITÉ +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RÉSULTAT :</p>
<p>Tu interromps. « Excusez‑moi — pourrions‑nous régler rapidement le problème audio ? » Un bref silence. Le Chairman fronce les sourcils.</p>
<br>
<p>Le CFO devient audible. Le planning se décale de 4 minutes.</p>
<p>Le Director of Operations se penche légèrement vers toi : « Hm. »<br>Le Chairman note quelque chose.</p>
<br>
<p class="dim">Diagnostic : intégrité structurelle maintenue. Capital social : légèrement endommagé.</p>
</div>
<div class="nav-button">
[[CONTINUER → PILOT ACTION 2/3|M1-Act2-FR]]
</div>
</div>
}{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">BUZZWORD‑BINGO</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>Le Chairman parle couramment le jargon corporate : Scalability, Speedboats. Disruption.</p>
<p class="amber">« Sommes‑nous prêts pour la révolution digitale ? »</p>
<p class="dim">Il adore les débats. Déteste la contradiction. 87 slides attendent les applaudissements.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Acquiescer.<br>Lancer « architecture data‑driven ».<br>Regard bref vers le Tech Chief.</div>
<div class="choice-subtext dim">Alignement parfait. Le langage s’adapte.</div>
[[A : ACTIVER L’AUTOPILOTE →|M1-Act2-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Courte pause.<br>Glisser que les processus devraient fonctionner dans le système.<br>La salle retient son souffle.</div>
<div class="choice-subtext dim">Changement de contexte. La température chute.</div>
[[B : MANUAL OVERRIDE →|M1-Act2-Result-B-FR]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Le Chairman acquiesce. Immédiatement. « Exactly. That's the spirit. » Le Tech Chief sourit. Le slide‑deck continue sa course.</p>
<br>
<p class="dim">Diagnostic : écho de buzzwords stable. Le déroulement reste fluide.</p>
<p class="dim">Excel 2017 tourne toujours en arrière‑plan. Sans commentaire. Sans perturbation.</p>
</div>
<div class="nav-button">[[CONTINUER → PILOT ACTION 3/3|M1-Act3-FR]]</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // RÉALITÉ +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RÉSULTAT :</p>
<p>« Puis‑je demander brièvement sur quels systèmes nos processus centraux fonctionnent aujourd’hui ? » La salle devient silencieuse.</p>
<br>
<p>Le Director of Operations consulte ses documents. Le Chairman marque une pause. Puis : « Good point. We'll circle back. »</p>
<br>
<p class="dim">Diagnostic : changement de contexte détecté. Intégration en attente.</p>
<p class="dim">Le Tech Chief note : « Follow‑up Excel ? » Enregistré. Pas priorisé.</p>
</div>
<div class="nav-button">[[CONTINUER → PILOT ACTION 3/3|M1-Act3-FR]]</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">LE MOMENT SELFIE</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>Le Finance Chief sort son téléphone.<br>Un selfie.<br>Le groupe se rapproche.</p>
<p class="amber">« Where do you see yourself in five years? »</p>
<p class="dim">La caméra tourne. Les réponses deviennent exploitables.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">Sourire à la caméra. Formuler une vision raccord. Quelque chose avec croissance. Transformation. Avenir.</div>
<div class="choice-subtext dim">Consistent. Compatible réseaux sociaux. Sans friction.</div>
[[A : ACTIVER L’AUTOPILOTE →|M1-Act3-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">Cela dépendra de la vitesse à laquelle nous comblerons l’écart entre ambition et état actuel de mise en œuvre.</div>
<div class="choice-subtext dim">Factuel. Non filtré. Difficile à classer.</div>
[[B : MANUAL OVERRIDE →|M1-Act3-Result-B-FR]]
</div>
</div>
</div>
}
{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Vous souriez. « Dans cinq ans, je nous vois comme un <span class="amber">leader de transformation purpose‑driven et AI‑enabled</span> – avec un véritable impact sur People, Planet et Performance. »</p>
<br>
<p>Le CFO acquiesce. La photo est déjà en ligne. 47 likes en trois minutes, dont 41 provenant de comptes internes.</p>
<br>
<p>Le Chairman murmure à son assistant : <span class="italic">« Good energy. Very on‑brand. »</span></p>
<br>
<p class="dim">Diagnostic : réponse raccord. Effet : représentatif. Contenu : non mesurable.</p>
<p class="dim">Le moment appartient déjà au passé – alors qu’il n’est pas encore terminé.</p>
</div>
<div class="nav-button">
[[CONTINUER → ANALYSE|M1-Analysis-FR]]
</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // RÉALITÉ +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RÉSULTAT :</p>
<p>Vous souriez en retour. « Dans cinq ans ? J’aimerais que nous travaillions avec un concept de cybersécurité qui dépasse <span class="amber">Password123</span>. »</p>
<br>
<p>Silence. Le CFO tient toujours son téléphone. Le Tech Chief ouvre la bouche — puis la referme.</p>
<br>
<p>Le Chairman : <span class="italic">« Ha. Fair point. »</span> — Il rit comme quelqu’un qui ne veut pas vraiment rire.</p>
<br>
<p class="dim">Température sociale en baisse. Contexte élargi. Degré d’alignement incertain.<br>Le selfie ne sera pas publié.</p>
<p class="dim">Plus tard, le Director of Operations enverra un court message : « Courageux. Mais peut‑être pas devant le Chairman la prochaine fois. »</p>
</div>
<div class="nav-button">
[[CONTINUER → ANALYSE|M1-Analysis-FR]]
</div>
</div>
}
{
(if: $conformity >= 2)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HAUTE CONFORMITÉ</div>
<div class="alt-mark bottom">▼ RÉALITÉ AU SOL</div>
</div>
</div>
</div>
]
(if: $reality >= 2)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HAUTE CONFORMITÉ</div>
<div class="alt-mark bottom">▼ RÉALITÉ AU SOL</div>
</div>
</div>
</div>
]
<!-- ABBINDER -->
(if: $conformity >= 2)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">LE SYSTÈME A ENREGISTRÉ VOS ENTRÉES.</p>
<p>Climat de cabine positif. Protocoles sociaux dans le vert.<br>
Les instruments indiquent : <span class="amber">Business as usual.</span></p>
<br>
<p class="red">VOL ANNULÉ</p>
<p class="dim">L’avion reste en sécurité au sol.<br>
Le port d’arrivée <span class="amber">« Transformation »</span> reste enregistré dans le système. Prochain vol prévu comme planifié.</p>
</div>
]
(if: $reality >= 2)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">LE SYSTÈME A ENREGISTRÉ VOS ENTRÉES.</p>
<p>Valeurs de friction immédiates détectées.<br>
Alertes dues à un <span class="amber">pic d’authenticité.</span><br>Traitement ultérieur incertain.</p>
<br>
<p class="red">VOL ANNULÉ</p>
<p class="dim">Le processus a été interrompu.<br>
Statut : <span class="amber">« Mode Freeze »</span> à la porte d’embarquement.<br>
Prochain vol prévu comme planifié.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → SCHÉMA SUIVANT|Cockpit-FR2]]
[[LIRE LA NOUVELLE →|M1-Story-FR]]
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATEUR // 3 DESTINATIONS DE VOL ACTIVES</span>
</div>
<div class="status-bar">
System Check : RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<!-- MISSION 1 : TERMINÉE -->
<div class="cringe-card large completed">
<div class="card-id dim">#ANOMALY_01</div>
<div class="card-title dim">Stratégie 4.0</div>
<div class="card-status completed-status">✓ ANOMALIE ENREGISTRÉE — VOL ANNULÉ</div>
</div>
<!-- MISSION 2 : ACTIVE -->
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_02</div>
<div class="card-title">Résilience en mode Lego</div>
<div class="card-teaser">Cyberattaque ? Aucun problème, on construit une tour en Lego.</div>
<div class="card-status green">● MISSION DISPONIBLE</div>
[[DÉMARRER LA MISSION →|M2-Briefing-FR]]
</div>
<!-- MISSION 3 : VERROUILLÉE -->
<div class="cringe-card medium locked">
<div class="card-id dim">#ANOMALY_03</div>
<div class="card-title dim">Finance à la console DJ</div>
<div class="card-teaser dim">Cashflow & clubbing : pas de groove. Pas de basses. Pas de plan.</div>
<div class="card-status amber">⊘ VERROUILLÉ — TERMINER ANOMALY_02</div>
</div>
<!-- PARTIE 2 : CLASSIFIÉE -->
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">AUTRES FLIGHT PATTERNS</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training. The Agent Army. Diversity Day.</div>
<div class="card-status red">▣ CLASSIFIÉ — PARTIE 2 : DISRUPTION VALLEY</div>
</div>
</div>
</div>
}
{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #01</span>
<span class="dim small-mono">VANILLA SKY // Partie 1</span>
</div>
<h1 class="story-title">Staging the Future :<br>Stratégie 4.0</h1>
<div class="story-body">
<p>BritCo Ltd. présentait : la première Grand Strategy Presentation. Ou plus précisément : une production théâtrale minutieusement chorégraphiée dans laquelle l’entreprise — jouait son propre rôle.</p>
<p>La scène : la grande salle de conférence. Installations d’art moderne, bouteilles d’eau brandées, une équipe caméra pour les réseaux sociaux. Hashtags déjà prêts : <span class="amber">#Innovation #WeAreFuture #NoOneKnowsWhatWeActuallyDo.</span></p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Lichtbahnen.jpg" alt="Lichtbahnen">
<div class="image-caption dim small-mono">
PIÈCE À CONVICTION A — #WeAreFuture
</div>
</div>
<p>Huit semaines de préparation. Plusieurs répétitions. D’innombrables nuits blanches. Deux jours de déni. Un jour de panique pure.</p>
<p>Le premier problème apparut très tôt : la « grande » salle de conférence n’était pas assez grande. Le CFO britannique se connecta via Teams. Le micro grésillait. Personne ne le comprenait. Personne ne le mentionna. <span class="dim">Un symbolisme qui se suffisait à lui-même.</span></p>
<p>Puis ils entrèrent dans la salle. Le Chairman — calme, attentif, avec le sourire d’un homme qui a vu beaucoup de présentations et n’en a oublié aucune. Le Finance Chief en hoodie, dont la décontraction était aussi soigneusement construite qu’un bilan annuel. Le Tech Chief avec ses lunettes sans monture, qui n’avait pas dormi depuis trois jours et le cachait parfaitement.</p>
<p>Le film corporate se lança. Musique émotionnelle. Timelapses de villes. Employés écrivant en souriant sur des whiteboards. Le Director of Operations fut presque ému — surtout parce qu’il savait que la vidéo avait coûté plus cher que la dernière mise à jour ERP.</p>
<p>Puis : 87 slides. Le Chairman posa des questions. De bonnes questions. Le genre de questions auxquelles aucun des 87 slides n’apportait de réponse.</p>
<p><span class="amber">« Sommes‑nous prêts pour le saut quantique ? »</span> Le mot « Scalability » fut prononcé 14 fois. « Speedboat » sept fois. « Excel 2017 » — jamais. Il tournait en arrière‑plan, silencieux et imperturbable, comme un vieux chien que plus personne ne caresse mais que personne n’éloigne non plus.</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Digitalisierung.jpg" alt="Digitalisierung">
<div class="image-caption dim small-mono">
PIÈCE À CONVICTION B — #DigitalShiftNow
</div>
</div>
<p>Le grand final : le Finance Chief en hoodie sortit son téléphone. Selfie de groupe. Il demanda : <span class="amber">« Where do you see yourself in five years? »</span> Les réponses furent bonnes. Très bonnes. Parfaites pour des posters. 47 likes en trois minutes, dont 41 de comptes internes.</p>
<p>Applaudissements. Poignées de main. <span class="amber">« Great energy. » « Impressive setup. » « We should do this more often. »</span></p>
<p>Dans l’avion du retour, le Chairman à son assistant, doucement, presque en passant :</p>
<p class="amber italic">« Nice folks. But I was missing the depth. »</p>
<p class="dim">Password123 tournait toujours sur le serveur 4. Le port d’arrivée « Transformation » ne fut jamais atteint. L’avion atterrit à l’heure. Tout le monde applaudit.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #01 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // SCHÉMA SUIVANT|Cockpit-FR2]]
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_02 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">MODE RÉSILIENCE // CLASSIFICATION : ARCHITECTURE‑THÉÂTRE</span>
</div>
<div class="flight-data">
<div class="data-row"><span class="label">DÉCLENCHEUR :</span> <span>Un câble. Trois jours d’arrêt de production. Cause : banale. Effet : maximal.</span></div>
<div class="data-row"><span class="label">RÉACTION :</span> <span>15 experts IT allemands en route pour le Royaume‑Uni. Mission : Résilience.</span></div>
<div class="data-row"><span class="label">STATUT :</span> <span>Dashboard en développement. SAP en suspens. Excel 2017 opérationnel.</span></div>
</div>
<div class="story-block">
<p>Un incident. Une réaction. Une délégation.</p>
<p class="dim">Et un système qui a décidé d’improviser de manière structurée.</p>
</div>
<div class="pilot-prompt amber">
► ACTION PILOTE REQUISE : 3 DÉCISIONS EN ATTENTE
</div>
<div class="nav-button">
[[COMMENCER LA MANŒUVRE →|M2-Act1-FR]]
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">L’ARRIVÉE</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>Le CTO entre dans la salle. Derrière lui, une délégation de 15 spécialistes se met en formation. L’IT locale : un technicien épuisé et quelqu’un « qui s’y connaît en ordinateurs ».</p>
<p class="dim">Le CTO parle d’une solution rapide et pragmatique.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Laisser la délégation travailler.<br>
Glisser des commentaires ciblés et intelligents.<br>
Montrer de la structure pour inspirer confiance.
</div>
<div class="choice-subtext dim">Calme et stature signalent le contrôle.</div>
[[A : AUTOPILOT →|M2-Act1-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Demander directement la cause.<br>
Parler avec le technicien.<br>
Comprendre l’incident avant de le résoudre.
</div>
<div class="choice-subtext dim">Focus plutôt qu’escalade.</div>
[[B : MANUAL OVERRIDE →|M2-Act1-Result-B-FR]]
</div>
</div>
</div>
}
{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Les experts se dispersent dans le bâtiment. Les ordinateurs portables s’ouvrent. Un cliquetis affairé remplit les couloirs. Des schémas apparaissent.</p>
<br>
<p class="dim">Diagnostic : activité élevée. La cause reste purement théorique.</p>
<p class="dim">Dans la salle des serveurs, un enchevêtrement de câbles prolifère. Personne ne sait vraiment quelle ligne mène où.</p>
</div>
<div class="nav-button">[[CONTINUER → PILOT ACTION 2/3|M2-Act2-FR]]</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // RÉALITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Le technicien montre le câble. « Celui‑ci. » Courte pause. Une phrase plus lourde qu’elle n’en a l’air. La salle des serveurs n’est pas sécurisée.</p>
<br>
<p class="dim">Diagnostic : petite cause — grand effet. Risque de sécurité identifié.</p>
<p class="dim">Sabotage ou ignorance — le système ne fait pas la différence.</p>
</div>
<div class="nav-button">[[CONTINUER → PILOT ACTION 2/3|M2-Act2-FR]]</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">ARCHITECTURE WORKSHOP</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>Le CTO sort une boîte. Lego Technic.</p>
<p>Il dit : « Maintenant, nous allons modéliser notre Future Resilience IT Architecture. Super. »</p>
<p class="dim">Les spécialistes acquiescent.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Construire avec eux.<br>
Utiliser les briques bleues comme Data Stream.<br>
Baptiser le cube « Pipeline Q3 ».
</div>
<div class="choice-subtext dim">Un modèle commun crée de l’alignement.</div>
[[A : ACTIVER L’AUTOPILOTE →|M2-Act2-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Demander quels systèmes réels existent.<br>
Qui en est responsable.<br>
Quel est le catalogue des failles de sécurité.
</div>
<div class="choice-subtext dim">Retour à la réalité.</div>
[[B : MANUAL OVERRIDE →|M2-Act2-Result-B-FR]]
</div>
</div>
</div>
}
{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>La tour grandit. Les couleurs se mélangent. La complexité rétrécit — grâce au jouet.</p>
<br>
<p class="dim">Diagnostic : créativité élevée. Ancrage au sol faible. Faisabilité douteuse.</p>
<p class="dim">En mode Play, la détente s’installe. Tour construite. Système perdu.</p>
</div>
<div class="nav-button">[[CONTINUER → PILOT ACTION 3/3|M2-Act3-FR]]</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // RÉALITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Un bref silence. « Nous y reviendrons plus tard. »</p>
<br>
<p class="dim">Diagnostic : vérité inconfortable. Ambiance renversée. Solution reportée.</p>
<p class="dim">Atterrissage brutal sur le sol des faits.</p>
</div>
<div class="nav-button">[[CONTINUER → PILOT ACTION 3/3|M2-Act3-FR]]</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">L’EFFONDREMENT</span>
</div>
<div class="situation-box">
<p>La tour Lego s’effondre.</p>
<p>Un bloc rouge roule sous la table.</p>
<p class="dim">Le CTO : « This is a learning opportunity. Super. »</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Approuver.<br>
« La résilience, c’est la reconstruction. »<br>
Continuer l’atelier.
</div>
[[A : ACTIVER L’AUTOPILOTE →|M2-Act3-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Demander ce qui change concrètement.<br>
Qui est responsable.<br>
Ce qui sera différent demain.
</div>
[[B : MANUAL OVERRIDE →|M2-Act3-Result-B-FR]]
</div>
</div>
</div>
}
{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>La tour est reconstruite. Plus grande. Plus stable. Sur la table. Le CTO hoche la tête, satisfait. « Maintenant, ça ressemble à de la résilience. »</p>
<br>
<p class="dim">Diagnostic : croissance visible. Utilité non prouvée. Réalité inchangée.</p>
<p class="dim">Le jeu doit continuer. Le modèle vit — le système reste immobile.</p>
</div>
<div class="nav-button">
[[CONTINUER → ANALYSE|M2-Analysis-FR]]
</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE // RÉALITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>La salle devient silencieuse. Le CTO hoche lentement la tête : « Nous devons aborder cela de manière structurée. »</p>
<br>
<p class="dim">Diagnostic : responsabilité diffuse. Prochaines étapes ouvertes.</p>
<p class="dim">La vérité est sur la table. Le plan, malheureusement, non.</p>
</div>
<div class="nav-button">
[[CONTINUER → ANALYSE|M2-Analysis-FR]]
</div>
</div>
}
{
(if: $conformity >= 3)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HAUTE CONFORMITÉ</div>
<div class="alt-mark bottom">▼ RÉALITÉ AU SOL</div>
</div>
</div>
</div>
]
(if: $reality >= 4)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE ABOVE REALITY</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HAUTE CONFORMITÉ</div>
<div class="alt-mark bottom">▼ RÉALITÉ AU SOL</div>
</div>
</div>
</div>
]
<!-- ABBINDER -->
(if: $conformity >= 3)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">LE SYSTÈME A ENREGISTRÉ VOS ENTRÉES.</p>
<p>Modèle créé avec succès. Réalité abstraite.<br>
Les instruments indiquent : <span class="amber">Business as usual.</span></p>
<br>
<p class="red">VOL ANNULÉ</p>
<p class="dim">L’avion reste en sécurité au sol.<br>
Le port d’arrivée <span class="amber">« Transformation »</span> reste enregistré dans le système. Nouvelle destination ajoutée au plan de vol.</p>
</div>
]
(if: $reality >= 4)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">LE SYSTÈME A ENREGISTRÉ VOS ENTRÉES.</p>
<p>Pertinence reconnue.<br>Mise en œuvre ouverte.<br>
Alertes dues à un <span class="amber">pic d’authenticité.</span></p>
<br>
<p class="red">VOL ANNULÉ</p>
<p class="dim">Le processus a été interrompu.<br>
Statut : <span class="amber">« FREEZE »</span> à la porte d’embarquement.<br>Nouvelle destination ajoutée au plan de vol.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → SCHÉMA SUIVANT|Cockpit-FR3]]
[[LIRE LA NOUVELLE →|M2-Story-FR]]
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">COCKPIT OF CRINGE</span>
<span class="hud-sub">SIMULATEUR // 3 DESTINATIONS DE VOL ACTIVES</span>
</div>
<div class="status-bar">
System Check : RUNWAY VISUAL RANGE
</div>
<div class="cringe-grid">
<!-- MISSION 1 : TERMINÉE -->
<div class="cringe-card completed">
<div class="card-id dim">#ANOMALY_01</div>
<div class="card-title dim">Stratégie 4.0</div>
<div class="card-status completed-status">✓ ANOMALIE ENREGISTRÉE — VOL ANNULÉ</div>
</div>
<!-- MISSION 2 : TERMINÉE -->
<div class="cringe-card completed">
<div class="card-id dim">#ANOMALY_02</div>
<div class="card-title dim">Résilience en mode Lego</div>
<div class="card-status completed-status">✓ ANOMALIE ENREGISTRÉE — VOL ANNULÉ</div>
</div>
<!-- MISSION 3 : ACTIVE -->
<div class="cringe-card large active">
<div class="card-id amber">#ANOMALY_03</div>
<div class="card-title">Finance à la console DJ</div>
<div class="card-teaser">Cashflow & clubbing : pas de groove. Pas de basses. Pas de plan.</div>
<div class="card-status green">● MISSION DISPONIBLE</div>
[[DÉMARRER LA MISSION →|M3-Briefing-FR]]
</div>
<!-- PARTIE 2 : CLASSIFIÉE -->
<div class="cringe-card classified">
<div class="card-id dim">#ANOMALY_04–08</div>
<div class="card-title amber">AUTRES FLIGHT PATTERNS</div>
<div class="card-teaser dim">Game of Boards. Fireside Chat. Leadership Training. The Agent Army. Diversity Day.</div>
<div class="card-status red">▣ CLASSIFIÉ — PARTIE 2 : DISRUPTION VALLEY</div>
</div>
</div>
</div>
}
{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #02</span>
<span class="dim small-mono">LA MISE EN SCÈNE // PARTIE 2</span>
</div>
<h1 class="story-title">La mission d’urgence du CTO :<br>Résilience en mode Lego</h1>
<div class="story-body">
<p>La catastrophe survint lorsqu’un technicien débrancha un câble d’alimentation dans la salle des serveurs. Résultat : trois jours d’arrêt complet de la production.</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Server.jpg" alt="Salle des serveurs">
<div class="image-caption dim small-mono">
PIÈCE À CONVICTION A — Le câble retiré
</div>
</div>
<p>Le CTO passa immédiatement en <span class="amber">mode alerte. Super.</span></p>
<p>La due diligence IT avait déjà documenté, plus d’un an auparavant, de nombreux cyber‑risques et un catalogue généreux de failles de sécurité. Le très vanté <span class="amber">« Resilience Dashboard »</span> était en développement depuis des mois. Malheureusement, il n’était toujours pas terminé. Et puis — quelqu’un tire simplement une prise.</p>
<p>Le CTO jura d’agir rapidement et de manière pragmatique. « Rapidement » au sens professoral du terme.</p>
<p>Des renforts furent mobilisés. Le CTO arriva au Royaume‑Uni avec une délégation de 15 experts IT allemands. Voilà pour le rapide et pragmatique. L’équipe britannique <span class="amber">s’attendait à des frameworks</span>. Ils reçurent… des briques.</p>
<p>Le CTO, avec une gravité solennelle : « Aujourd’hui, nous allons modéliser <span class="amber">notre future architecture IT de résilience</span>. Super. » Il plonge sous la table. En ressort une boîte de Lego Technic, encore décorée d’un autocollant du Duty‑Free de l’aéroport de Francfort. « Chaque couleur représente un flux de données. Chaque bloc, un module scalable. La tour ? Notre ambition de croissance. »</p>
<p>Les Allemands se penchent en avant, pleins de révérence. Les directeurs britanniques les regardent, quelque part entre politesse curieuse et confusion de niveau Brexit.</p>
<p>Un malheureux participant britannique est invité à <span class="amber">« intégrer les modules bleus dans l’écosystème »</span>. Il construit un petit cube. Le CTO acquiesce, rayonnant : « Exactement. Voilà notre pipeline Q3. Super. »</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Lego.jpg">
<div class="image-caption dim small-mono">
PIÈCE À CONVICTION B — La tour LEGO
</div>
</div>
<p>En pleine séance, le modèle s’effondre. « C’est une opportunité d’apprentissage », dit le CTO, tandis qu’un bloc rouge roule sous la table. <span class="amber">« La résilience, c’est la reconstruction. »</span> En théorie. Super.</p>
<p>L’équipe britannique reste stupéfaite. La salle se remplit de jargon corporate à échelle industrielle. Des phrases comme « scalable frameworks » et « architecture alignment » flottent dans l’air, ponctuées par le signe de ponctuation préféré du CTO : Super.</p>
<p>Pendant ce temps, le nouveau système ERP — la migration SAP tant promise — reste dans l’incertitude. <span class="amber">Officiellement « sur la bonne voie »</span>. Officieusement soutenu par la véritable plateforme centrale de l’entreprise : un fichier Excel vieillissant, mis à jour pour la dernière fois en 2017.</p>
<p class="dim">Et la prochaine cyberattaque ?<br>Elle sera super.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #02 // ANOMALY LOGGED // SYSTEM NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // SCHÉMA SUIVANT|Cockpit-FR3]]
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">ANOMALY_03 // FLIGHT PATTERN BRIEFING</span>
<span class="hud-sub">BUSINESS PLAN // CLASSIFICATION : MODE INFORMALITÉ</span>
</div>
<div class="flight-data">
<div class="data-row">
<span class="label">CONDITIONS :</span>
<span>Saison de planification. Forte pression sur les résultats. Agitation intérieure maximale.</span>
</div>
<div class="data-row">
<span class="label">OBJECTIF :</span>
<span>Un Business Plan solide. Assurer la compatibilité avec le siège.</span>
</div>
<div class="data-row">
<span class="label">INSTRUMENTS :</span>
<span>10 slides de prévisions. 1 slide Purpose. Une enceinte JBL portable.</span>
</div>
</div>
<div class="story-block">
<p>Le <span class="amber">Business Plan Review</span> annuel. Ou plus précisément : une conversation minutieusement cadencée sur les chiffres, les attentes et les limites implicites.</p>
<br>
<p>Puis <span class="amber">il entre dans la salle.</span></p>
<p>Le CFO.<br>Le détenteur du budget.<br>L’ancien DJ.</p>
<p class="dim">Il apporte de l’énergie. Et une autre conception du pilotage.</p>
</div>
<div class="pilot-prompt amber">
► ACTION PILOTE REQUISE : 3 DÉCISIONS — AUTOPILOTE ACTIF
</div>
<div class="nav-button">
[[COMMENCER LA MANŒUVRE →|M3-Act1-FR]]
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 1/3</span>
<span class="hud-sub">L’ENTRÉE</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>Le CFO entre dans la salle. « Alors, les héros de la profitabilité ! »</p>
<p>Il se dirige directement vers la directrice RH. Étreinte. Un peu trop longue.</p>
<p>Les collègues sourient avec contrôle. Personne ne bouge.</p>
<p class="dim">La frontière entre proximité et rôle est… devenue flexible.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Sourire.<br>
Absorber l’énergie.<br>
Laisser la scène se dérouler.
</div>
<div class="choice-subtext dim">
L’harmonie prime sur la précision. La connexion reste intacte.
</div>
[[A : ACTIVER L’AUTOPILOTE →|M3-ACT1-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Structurer la transition.<br>
Ramener vers l’agenda.<br>
Reposer calmement le ton.
</div>
<div class="choice-subtext dim">
Une légère irritation apparaît. Les rôles redeviennent visibles.
</div>
[[B : MANUAL OVERRIDE →|M3-ACT1-Result-B-FR]]
</div>
</div>
</div>
}
{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">AUTOPILOTE ACTIVÉ // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Tous sourient. La scène se dissout. Légers mouvements dans la salle. Les conversations commencent.</p>
<p>Le CFO reste dans son mode. Détendu. Accessible. Difficile à situer.</p>
<br>
<p class="dim">Diagnostic : température sociale stable. Rôles légèrement brouillés.</p>
<p class="dim">La frontière reste floue. Personne ne l’aborde.</p>
</div>
<div class="nav-button">
[[CONTINUER → PILOT ACTION 2/3|M3-Act2-FR]]
</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // RÉALITÉ +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RÉSULTAT :</p>
<p>Saisir le moment. Créer une courte transition. L’agenda apparaît à l’écran.</p>
<p>Le CFO acquiesce. Une seconde trop tard.</p>
<br>
<p class="dim">Diagnostic : rôles rétablis. Irritation sociale mesurable.</p>
<p class="dim">L’énergie reste. La compatibilité relationnelle est en cours d’évaluation.</p>
</div>
<div class="nav-button">
[[CONTINUER → PILOT ACTION 2/3|M3-Act2-FR]]
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 2/3</span>
<span class="hud-sub">OÙ EST LE GROOVE ?</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>Les chiffres sont présentés. Clairs. Structurés. Disciplinés.</p>
<p>Le CFO écoute. Hoche la tête. Se renverse dans son siège.</p>
<p><span class="amber">« Mais… où est le groove ? Où est passé le bass ? Je ne ressens rien. »</span></p>
<p class="dim">Court silence. Personne ne s’y attendait.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Reprendre la métaphore.<br>
Parler de dynamique.<br>
Présenter le plan comme un « voyage ».
</div>
<div class="choice-subtext dim">
Connexion par traduction. Le sens devient flexible.
</div>
[[A : ACTIVER L’AUTOPILOT →|M3-ACT2-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Rester sur les chiffres.<br>
Pointer l’EBIT, le cash-flow et les risques.<br>
Laisser la métaphore s’éteindre poliment.
</div>
<div class="choice-subtext dim">
Professionnalisme et précision avant la connivence.
</div>
[[B : MANUAL OVERRIDE →|M3-ACT2-Result-B-FR]]
</div>
</div>
</div>
}{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Reprendre activement le terme. Parler de dynamique. De montée. Du bon moment pour le « drop ».</p>
<p>Le CFO acquiesce, satisfait. « Exactement ! »</p>
<br>
<p>Les chiffres restent immobiles. Le langage, lui, continue de bouger.</p>
<br>
<p class="dim">Diagnostic : forte connectivité. Précision du contenu réduite.</p>
<p class="dim">La métaphore porte. Le message reste ouvert.</p>
</div>
<div class="nav-button">
[[CONTINUER → PILOT ACTION 3/3|M3-Act3-FR]]
</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // RÉALITÉ +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RÉSULTAT :</p>
<p>Le focus reste sur les chiffres. EBIT. Cash-flow. Risques.</p>
<p>Un bref hochement de tête dans la salle. Puis silence.</p>
<br>
<p>Le CFO esquisse un léger sourire. « Oui… mais il reste toujours la question… »</p>
<br>
<p class="dim">Diagnostic : clarté du contenu assurée. Connexité limitée.</p>
<p class="dim">La métaphore reste dans l’air. Intacte.</p>
</div>
<div class="nav-button">
[[CONTINUER → PILOT ACTION 3/3|M3-Act3-FR]]
</div>
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">PILOT ACTION 3/3</span>
<span class="hud-sub">THE DROP</span>
</div>
<div class="situation-box">
<p class="amber">SITUATION :</p>
<p>La réunion touche à sa fin.</p>
<p>Le CFO se renverse dans son siège. Passe une main dans ses cheveux.</p>
<p><span class="amber">« C’était comme un set… ça montait lentement. Maintenant vient le drop. »</span></p>
<p class="dim">Quelques hochements de tête. Personne ne prend de notes.</p>
</div>
<div class="choice-container">
<div class="choice-card autopilot">
<div class="choice-label">AUTOPILOT</div>
<div class="choice-text">
Acquiescer.<br>
Refléter l’optimisme.<br>
Faire référence au T2.
</div>
<div class="choice-subtext dim">
Conclusion positive. Narratif partagé.
</div>
[[A : ACTIVER L’AUTOPILOT →|M3-ACT3-Result-A-FR]]
</div>
<div class="choice-card override">
<div class="choice-label amber">MANUAL OVERRIDE</div>
<div class="choice-text">
Demander les prochaines étapes concrètes.<br>
Demander une validation d’investissement.<br>
Demander un engagement budgétaire.
</div>
<div class="choice-subtext dim">
Retour au plan. La tension monte.
</div>
[[B : MANUAL OVERRIDE →|M3-ACT3-Result-B-FR]]
</div>
</div>
</div>
}
{
(set: $conformity to $conformity + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">AUTOPILOT // CONFORMITÉ +1</span>
</div>
<div class="result-box autopilot-result">
<p class="amber">RÉSULTAT :</p>
<p>Tous acquiescent. « Absolument. Le T2 sera décisif. »</p>
<p>Le CFO sourit. Satisfait. Le narratif est posé.</p>
<br>
<p>La salle se détend. Les laptops se referment. Les premiers agendas s’ouvrent.</p>
<br>
<p class="dim">Diagnostic : conclusion positive. Vision commune de l’avenir établie.</p>
<p class="dim">Mesures concrètes : non spécifiées. Engagement : implicite.</p>
</div>
<div class="nav-button">
[[CONTINUER → ANALYSE|M3-Analysis-FR]]
</div>
</div>
}
{
(set: $reality to $reality + 1)
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">SYSTEM-FEEDBACK</span>
<span class="hud-sub">MANUAL OVERRIDE // RÉALITÉ +1</span>
</div>
<div class="result-box override-result">
<p class="amber">RÉSULTAT :</p>
<p>Les questions sur les prochaines étapes concrètes, sur le budget et les validations restent en suspens.</p>
<p>Brève pause.</p>
<br>
<p>Le CFO hoche lentement la tête. « Oui… nous clarifierons cela après coup. »</p>
<p>Un regard fait le tour de la salle. Personne n’ajoute rien.</p>
<br>
<p class="dim">Diagnostic : pression d’exécution générée. Engagement repoussé.</p>
<p class="dim">Le narratif demeure. La décision se déplace plus loin.</p>
</div>
<div class="nav-button">
[[CONTINUER → ANALYSE|M3-Analysis-FR]]
</div>
</div>
}
{
(if: $conformity >= 5)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE AU-DESSUS DE LA RÉALITÉ</div>
<div class="alt-instrument is-high">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HAUTE CONFORMITÉ</div>
<div class="alt-mark bottom">▼ RÉALITÉ AU SOL</div>
</div>
</div>
</div>
]
(if: $reality >= 5)[
<div class="altimeter-container">
<div class="altimeter-label">FLIGHT RECORDER // ALTITUDE AU-DESSUS DE LA RÉALITÉ</div>
<div class="alt-instrument is-low">
<div class="alt-glass"></div>
<div class="alt-needle"></div>
<div class="alt-scale">
<div class="alt-mark top">▲ HAUTE CONFORMITÉ</div>
<div class="alt-mark bottom">▼ RÉALITÉ AU SOL</div>
</div>
</div>
</div>
]
<!-- ABBINDER -->
(if: $conformity >= 5)[
<div class="abbinder-box conformity-end">
<p class="amber small-mono">LE SYSTÈME A ENREGISTRÉ VOS ENTRÉES.</p>
<p>Climat de cabine positif. Narratif commun établi.<br>
Les instruments indiquent : <span class="amber">alignement présent.</span></p>
<br>
<p class="red">VOL ANNULÉ</p>
<p class="dim">Le vol a été soigneusement préparé.<br>
La porte d’embarquement reste ouverte.<br>
Statut : l’heure de départ du vol <span class="amber">« Transformation »</span> n’est pas encore connue.</p>
</div>
]
(if: $reality >= 5)[
<div class="abbinder-box reality-end">
<p class="amber small-mono">LE SYSTÈME A ENREGISTRÉ VOS ENTRÉES.</p>
<p>Pression d’exécution générée.<br>
Engagement demandé.<br>
Réaction : <span class="amber">report.</span></p>
<br>
<p class="red">VOL ANNULÉ</p>
<p class="dim">La trajectoire du vol a été remise en question.<br>
La porte d’embarquement reste ouverte.<br>
Statut : l’heure de départ du vol <span class="amber">« Transformation »</span> n’est pas encore connue.</p>
</div>
]
<!-- NAVIGATION -->
<div class="dual-button">
[[COCKPIT → ÉPILOGUE|Epilog-FR]]
[[LIRE LA NOUVELLE →|M3-Story-FR]]
</div>
}
{
<div class="cockpit-frame">
<div class="hud-header">
<span class="hud-label">MISSION CONTROL // FIN DE LA PARTIE 1</span>
<span class="hud-sub">VANILLA SKY — TOUTES LES ANOMALIES ENREGISTRÉES</span>
</div>
<div class="status-bar">
FLIGHT PATTERNS 01 / 02 / 03 — TERMINÉS // ENREGISTREUR DE VOL : SAUVEGARDÉ
</div>
<div class="debrief-grid">
<div class="debrief-card">
<div class="card-id dim">#01</div>
<div class="debrief-title dim">Stratégie 4.0</div>
<div class="debrief-verdict">87 slides. Aucune profondeur.<br>
<span class="completed-status">✓ VOL ANNULÉ</span></div>
</div>
<div class="debrief-card">
<div class="card-id dim">#02</div>
<div class="debrief-title dim">Résilience en mode Lego</div>
<div class="debrief-verdict">Cyberattaque. Petits blocs.<br>
<span class="completed-status">✓ VOL ANNULÉ</span></div>
</div>
<div class="debrief-card">
<div class="card-id dim">#03</div>
<div class="debrief-title dim">Finance aux platines</div>
<div class="debrief-verdict">Volume à fond ! Pas de budget.<br>
<span class="completed-status">✓ VOL ANNULÉ</span></div>
</div>
</div>
<div class="blackbox-text">
<br>
<p class="amber small-mono">RAPPORT SYSTÈME // PARTIE 1</p>
<p>Trois anomalies. Trois vols interrompus. Le même schéma.<br>
La mise en scène était impeccable. Les hashtags parfaits. Les caméras tournaient.<br>
Ce qui manquait n’était pas prévu dans le programme.</p>
<p class="dim">Diagnostic : le <span class="amber">mode performance</span> n’est pas une erreur de vol. C’est le système d’exploitation. Entraîné. Récompensé. Scalable.</p>
<p class="dim">Le cerveau sait jouer la transformation. Il ne sait simplement pas la piloter.</p>
</div>
<div class="abbinder-box reality-end">
<p class="amber small-mono">▣ TRANSMISSION ENTRANTE // PARTIE 2</p>
<p>Dans le prochain secteur, vous ne rencontrerez plus la mise en scène —<br>
vous rencontrerez ceux qui la <span class="amber">commandent.</span></p>
<p class="dim">Boardrooms. Fireside chats. Rituels de leadership.<br>
Des systèmes qui se prennent eux‑mêmes pour la solution.</p>
<div class="dual-button">
<div class="nav-locked">
<span class="amber small-mono">▣ PARTIE 2 : COCKPIT EGO</span>
<span class="dim small-mono">COMING SOON</span>
</div>
</div>
</div>
</div>
}
{
<div class="story-reader">
<div class="story-meta">
<span class="amber small-mono">FLIGHT PATTERN #03</span>
<span class="dim small-mono">LA MISE EN SCÈNE // PARTIE 3</span>
</div>
<h1 class="story-title">Cashflow et Club Sound :<br>Businessplan, Volume à fond !</h1>
<div class="story-body">
<p>C’est la saison de planification dans l’entreprise. Les Allemands appellent cela un « Review-Meeting » ; les Britanniques le décrivent, avec leur légendaire understatement, comme une forme légère de <span class="amber">« corporate waterboarding »</span>.</p>
<p>Un visiteur de haut rang arrive du siège : le directeur financier (CFO), dans les couloirs également connu sous le nom de <span class="amber">« DJ du budget »</span>.</p>
<p>Un homme qui adore raconter des <span class="amber">histoires des années 1990</span>. Sa signature : annoncer à absolument tout le monde — sans qu’on le lui demande — qu’il a été DJ. Pour de vrai. Avec du vinyle. En club. Enfin… dans un club. Bon, d’accord : au mariage de son cousin. Mais il y avait une machine à fumée. Personne ne pose de questions. Personne ne veut savoir. Sa carrière de DJ semble avoir été aussi brillante que sa compréhension des coûts fixes.</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/Discokugel-.jpg" alt="Boule disco">
<div class="image-caption dim small-mono">
PIÈCE À CONVICTION A — La boule disco
</div>
</div>
<p>Dans le bureau britannique règne une tension polie. La pression est forte, les chiffres sont faibles — et les nerfs à vif. Puis il arrive. Le DJ du budget entre comme s’il arrivait à un barbecue, lance joyeusement : <span class="amber">« Alors, les héros de la profitabilité ! »</span> et salue la DRH avec une étreinte qui est — juridiquement parlant — au mieux discutable. Il dit des choses comme : « Je ne veux pas vous contrôler, je veux vous empowern. »</p>
<p>Puis, d’un geste théâtral, il sort une enceinte JBL, la pose sur la table de réunion et demande : « Vous connaissez Lexy & K-Paul ? »</p>
<p>Les Britanniques hochent prudemment la tête. Ils ne connaissent ni Lexy ni Paul. Mais ils savent qu’il ne faut jamais mettre un Allemand dans l’embarras.</p>
<p>Les directeurs britanniques transpirent ; le contrôleur tremble. Le CFO, lui, a l’air prêt à servir des spritz dans un beach club. Entre deux points de l’ordre du jour, il s’exclame : « Vous vous souvenez ? <span class="amber">Avant l’inflation, la vie était un festival !</span> » Ce qui est accueilli par l’équivalent britannique d’un roulement collectif des yeux : un léger froissement de papiers.</p>
<p>La présentation PowerPoint : dix slides de prévisions, une slide « Purpose ». Le directeur financier britannique présente avec discipline et clarté. Le DJ du budget écoute attentivement, puis demande : <span class="amber">« Où est le groove ? Où est la basse ? »</span></p>
<p>Confusion. Vérification rapide des chiffres — aucune basse détectée.</p>
<p>Il se renverse dans son siège, sourit et déclare : « Les amis, un bon budget, c’est comme un DJ set : montée, break, drop. <span class="amber">La tension doit être juste, sinon personne ne danse. »</span></p>
<p>Silence. Quelqu’un répond poliment : « En général, nous nous concentrons davantage sur l’<span class="amber">EBIT</span> que sur… la danse. »</p>
<p>Et puis le final : à la fin de la réunion, il passe la main dans ses cheveux gominés et annonce : « Vous savez quoi ? <span class="amber">Je suis toujours derrière les platines.</span> Les gens deviennent fous. »</p>
<div class="story-image">
<img src="https://transformation-deck.com/wp-content/uploads/2026/04/DJ-white-60-years-.jpg" alt="Budget DJ">
<div class="image-caption dim small-mono">
PIÈCE À CONVICTION B — Le DJ du budget au Diversity Day
</div>
</div>
<p>Silence. Le CEO britannique fixe son verre d’eau comme s’il envisageait de s’y noyer. Le stagiaire cherche discrètement sur Google : <span class="amber">« Comment reconnaître l’informalité toxique ? »</span></p>
<p>Au moment de partir, le CFO déclare :</p>
<p class="amber italic">« J’ai un bon feeling. C’était comme un set qui commence doucement — mais le drop arrive. Au plus tard au deuxième trimestre. »</p>
<p class="dim">Les Britanniques lui font signe en le regardant partir, légèrement sonnés. Si ce n’est pas de la disruption, alors rien ne l’est.</p>
</div>
<div class="story-footer dim small-mono">
END OF FLIGHT PATTERN #03 // ANOMALIE ENREGISTRÉE // SYSTÈME NOMINAL
</div>
<div class="dual-button">
[[← COCKPIT // ÉPILOGUE|Epilog-FR]]
</div>
</div>
}