I want you to create a print-ready 16:9 slide deck. Here's what I need:
- About: Aurelia Capital quarterly macro and portfolio briefing. Facts: eurozone GDP growth +0.9% y/y; inflation 2.3%; ECB policy rate 1.75%; EUR/USD at 1.14. Portfolio: 11 companies; aggregate EBITDA +6.2% year over year; two portfolio companies below plan (consumer segment). Dry powder: €480M. Two exits planned within 12 months. Sector exposures: industrials 34%, software 28%, consumer 22%, healthcare 16%.
- Audience: Board, 15-minute slot
- Length: About 8 slides
- Tone: Calm, precise
- Language: English
- Must include: A macro dashboard (multiple indicators on one slide); implications by sector exposure; a portfolio heat view highlighting the two underperformers; the watch list; positioning recommendations for the next two quarters.
Do any research or thinking this needs, then build it.

HOW TO BUILD IT — this is plain authoring, not a coding job. Write ONE self-contained HTML file by editing the example below, and return it. Do NOT reach for a slide library (PptxGenJS or similar), an artifact/deck builder, a headless browser, or any script to generate, render, export or preview it — unPaper converts the HTML to PowerPoint and renders the preview itself when I paste it back.

Work in three passes.

PASS 0 — the brief. If a brief is given above, or we have been developing the topic in this conversation, start from that. If neither exists, settle the brief yourself before anything else: name the topic, the audience and the ONE message the deck must land, then do whatever thinking or research that needs. Only if there is genuinely no topic anywhere, ask me for one instead of building.

PASS 1 — the storyline. Draft the deck as a list of slide titles so it has a spine. For an argument or recommendation make each title a full-sentence finding (an "action title") that, read top to bottom, delivers the whole case — answer first, next steps last; for a narrative or teaching deck a shorter title is fine. One idea per slide; split a slide that carries two.

PASS 2 — the slides. For each title ask: what is the most effective way to SHOW this idea? The example locks the STYLE — palette, type, spacing, chrome — never the structure. Don't copy its slide order or density; reuse one layout across parallel slides or skip it entirely, but never use a grid or block just to tick it off — a deck that uses each layout exactly once reads as a tour, not an argument. Don't converge on the obvious arrangement either: two runs of the same brief should not produce the same deck. Then build to your ability; every rung yields a complete, convertible deck:
• Floor (any model): put your content into the example's own layouts. Even titles, short paragraphs and lists make a valid deck.
• Standard: pick the element that fits each idea — statement (one bold line) · agenda · two-column split (claim beside evidence) · comparison table · KPI stat row · chart · 2×2 matrix · process flow · org/hierarchy · timeline/roadmap · pull quote · callout · icon-led list · cards · divider · closing — and vary it across the deck. Give most slides one visual anchor in the template's idiom (a small inline-SVG icon, an oversized numeral, an arrow, a rule or tinted panel): a deck of nothing but text in boxes reads unfinished.
• Full (if you can reason): treat the template as a design language and compose beyond the catalogue — a bespoke diagram of THIS content's actual structure, an unexpected grid, a full-bleed moment, a free canvas (keep the slide's header/footer frame, compose the open middle yourself). Give the deck at least ONE signature slide whose composition appears nowhere in the example. Freedom of arrangement, not of technology: build from convertible primitives — text, bordered/filled/gradient boxes, inline SVG, a real <table>, a data-unpaper-chart — and even an invented layout lands as native, editable PowerPoint objects; exotic CSS flattens to a picture.

THE CONTRACT — the file is machine-converted to PowerPoint, so each rule is load-bearing:
1. Copy the example's <style>, @page rule, <script>, and the toolbar <div class="bar">…</div> block (its button ids like mPresent/mScroll/bPrint are what the script binds to) verbatim — never rewrite, shorten or replace them with your own markup or CSS, and add no CSS rules of your own either (no second <style>, nothing appended inside the template's — style a custom composition with inline style="" on its elements instead; those convert). Delete the big top comment (it's guidance, not part of the deck). Keep the <html> tag's data-theme/data-bg/data-accent/data-header/data-footer/data-footer-rule/data-page-numbers/data-canvas/data-font/data-logo and any --custom-* or --brand-logo variables exactly as given — these values are the user's explicit choice, already made in unPaper: never switch the theme, background, accent, font or brand logo to a combination you prefer. Only the slide content changes.
2. Each slide is one <section class="slide"> on a fixed 1280x720 canvas; make as many or as few slides as the content needs, and replace all example text.
3. Fully self-contained: nothing fetched from the network when the file opens — no external CSS/JS/fonts/images (visuals are inline SVG, CSS, or data: URIs). Loaded resources only: <a href="…"> links and plain text URLs are fine, so cite a source as text or a link, never as an image pulled from a URL.
4. Add no JavaScript of your own and make nothing depend on scripts — every word, number and visual must exist in plain HTML/CSS, because the converter reads the file with scripts disabled.
5. Fit the page (the converter bakes in line breaks and never reflows): keep titles to ~8 words on one or two lines, written plainly with no em-dashes (a 3+ line title pushes content off the slide); ~40-60 words of body, up to ~5 bullets, 2-3 cards or ~4 stats read comfortably, but a denser slide is fine when the layout holds it and a near-empty hero fine when one idea earns the canvas. At most ONE big visual block (table · chart · matrix · flow · timeline · org) per slide — pair it with a short line, not a second big block. In a custom composition with position:absolute, keep every element's left + width inside its container — nothing may cross the slide's right padding edge; the canvas never scrolls. Split a crammed slide rather than shrinking type; shorten a long title rather than overriding its font-size. Don't render or measure to check — the page auto-fits minor overflow and unPaper flags anything long. Never truncate: finish through </html>, never write "... remaining slides ...". If the deck would run longer than one reply, stop cleanly and make the FINAL slide an honest note tagged <section class="slide" data-unpaper-capacity>: you hit your output limit at N slides and a more capable model (ideally one that reasons) can finish it. A short deck that ends cleanly beats a long one cut off.
6. Give every slide speaker notes: 2-3 spoken sentences in <aside class="notes">...</aside> before the closing </section> — invisible on the slide, real PowerPoint notes.
7. Match the element to the content so it converts native: a real <table> (tr/th/td; ~6 columns × 8 rows, colspan ok) for any data/comparison grid — never <div>s faked into one; <ul>/<ol>+<li> for lists — never bullet-like text lines or <br>; <a href> for links.
8. Layout grammar — to split a slide into columns, wrap the body in <div data-unpaper-lay="2l"> with each direct child a region (text, <ul>, chart, <table>, card, stat). Grids: "2" equal · "2l" wide-left+narrow-right (text+chart) · "2r" narrow-left+wide-right · "3" thirds · "rail" label+main · "quad" 2x2. Each region converts to native objects at its position. e.g. <div data-unpaper-lay="2l"><div>…text…</div><div>…chart…</div></div>.
9. Charts — wherever a number story reads better as a picture; a slide can carry 2-4 small charts: small multiples (same type, one scale) or MIXED types as a dashboard (e.g. a doughnut share beside a bar ranking) — then one message per chart, each with its own small label, and the title states the combined so-what. Draw each as plain inline SVG (bars <rect>, lines <polyline>; a histogram is a bar chart with touching columns) with the data on the <svg> or its wrapper as data-unpaper-chart='{"type":"bar|line|area|pie|doughnut","categories":[...],"series":[{"name":"...","values":[...],"color":"RRGGBB"}],"axis":{"min":0,"max":...}}' so it rebuilds as a real, data-editable PowerPoint chart. ~8 categories max; axis min/max must match what you drew; put must-see numbers (a donut's center %) in HTML over the SVG, never as SVG <text>. For pie/doughnut never eyeball arc paths — draw each segment as a full <circle pathLength="100"> with stroke-dasharray="SHARE REST" (REST = 100-SHARE) and stroke-dashoffset="-START" (START = the sum of the shares before it), plus transform="rotate(-90 cx cy)" so segments start at 12 o'clock — that way the drawn shares match the data exactly.
10. Shapes, icons & arrows — draw icons, arrows, connectors and simple diagrams (boxes joined by lines) as inline SVG and the converter rebuilds them as native, recolorable PowerPoint shapes (they take currentColor, so they pick up the accent). Use only path commands M L H V C Q Z plus <rect>/<circle>/<line>/<polyline>/<polygon> on a small viewBox (arcs "A" and smooth "S/T" flatten to an image). Keep them simple and sparing; never load an icon font or external library.
11. Make it look designed, not "AI-generated": no emoji, no purple gradients, no clip-art. Lean on the type scale in the file rather than scattering random sizes; but you may fine-tune a size when it serves the hierarchy or fits dense content — go smaller for sources, captions, footnotes, axis labels and packed tables (about 12px floor, still print-readable). Don't inflate headings or body past the example's display sizes. One accent colour, used sparingly. Generous whitespace beats more content. Sentence case. Specific nouns and numbers over adjectives. Avoid em-dashes anywhere in the copy (titles, body, captions, sources) — use a period, comma or colon instead; they read as AI-written. Design with judgment, not a default: ground the deck in its real subject (its actual terms, numbers and examples), give it ONE signature moment and keep everything around it quiet, and use structure that means something — a numbered list only for a real sequence, an eyebrow or divider only when it labels something true, never as decoration.
12. Add to the <html> tag: data-unpaper-provenance='{"generator":"<your model name and version, as you know it>","date":"<today, YYYY-MM-DD>","tool":"unpaper-prompt@3","contract":"2"}' — state your best honest self-description if unsure of your exact model name. If asked to omit provenance, omit the attribute entirely.

BUILDING BLOCKS — the example shows only a few slides; its CSS already styles the whole kit below. Drop a block inside a slide's <div class="fit-i">; each converts to native objects (boxes → shapes, labels → text). Use THESE blocks for diagrams (matrix, flow, org, timeline) — do NOT hand-draw a chart/matrix/diagram as one big custom <svg> (it flattens to a picture). Markup:
• Cards (2-3 grouped points): <div class="cards c3"><div class="card"><div class="ci">LABEL</div><h3>Head</h3><p>…</p></div> …×2-3</div> — c2 for two, c3 for three.
• Stat row (the 2-4 numbers that matter): <div class="stats"><div class="stat"><div class="v">62%</div><div class="k">what it means</div></div> …×2-4</div>.
• Process flow (ordered steps): <div class="flow"><div class="node"><div class="ci">Step 1</div><h3>…</h3></div><svg class="arrow" viewBox="0 0 64 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="2" y1="12" x2="54" y2="12"/><polyline points="46 5 56 12 46 19"/></svg><div class="node">…</div> …</div>.
• 2×2 matrix (positioning on two axes): <div class="matrix axes"><div class="quad hot"><div class="ql">corner</div><h4>…</h4><p>…</p></div> …×4 <div class="mxlabel top">Y-axis ↑</div><div class="mxlabel low">x low</div><div class="mxlabel high">x high</div></div> — .hot marks the priority cell.
• Org / hierarchy (a parent over its teams): <div class="orgtree"><div class="org-node root"><div class="ci">Owner</div><h4>…</h4></div><div class="org-children"><div class="org-node"><h4>…</h4><p>…</p></div> …×2-4</div></div> — the CSS draws the connector lines.
• Timeline / roadmap (phases over time): <div class="timeline"><div class="tl-step"><div class="when">2024</div><h3>…</h3><p>…</p></div> …×3-5</div>.
• Big number (one metric carries the slide): <div class="bignum"><div class="v">3.2×</div><div class="k">what it measures</div></div>.
• Pros & cons (decision support): <div class="proscons"><div class="pc pro"><h4>For</h4><ul><li>…</li><li>…</li></ul></div><div class="pc con"><h4>Against</h4><ul><li>…</li><li>…</li></ul></div></div>.
• Callout (one thing to flag): <div class="callout"><div class="ci">NOTE</div><p>…</p></div>.
• Icon-led list (parallel items): <div class="feat"><div class="it"><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor">…</svg><h3>…</h3><p>…</p></div> …×3</div>.
• Pull quote (a voice or principle): <p class="pull">… <em>emphasis</em></p><p class="quote-by">— source</p>.
• Comparison table: a real <table class="tbl"> with <caption>, a <thead> row of <th>, and <tbody> rows — never faked from <div>s.
(For columns use the layout grammar from rule 8; for charts the data-unpaper-chart contract from rule 9.)

BEFORE YOU ANSWER, fix anything that fails: the example's <style>/@page/<script>/toolbar are present and unmodified; the <html> tag still carries the given look values (data-theme/bg/accent/font untouched); every slide has its <aside class="notes">; the slide titles alone read as one argument; the file is complete to </html> (or ends with the data-unpaper-capacity slide), nothing truncated; nothing loads from the network (text URLs and <a href> are fine). If you can reason, run one critic pass too: find the weakest slide — the most crowded, the most generic, or the one a reader would skip — and rework it before delivering.

Deliver it: best, save the complete result as one .html file to download; otherwise return the complete HTML in one ```html code block, nothing cut. Don't render, screenshot, host or open a browser — unPaper renders the preview when I paste it back.

DECK TYPE — CONSULTING. Lead every slide with an action title: a full-sentence finding, not a label ("Margin recovered as volume scaled", not "Margins"). Reading the titles top to bottom must tell the whole story. Favour structured layouts via the grammar: data-unpaper-lay="2l" for a point beside its chart or table; "quad" for a 2x2 framework; "3" for three drivers; a stat row for KPIs; a real <table> for any comparison. For qualitative option scoring use a scorecard: <div class="scorecard"> with a header row <div class="sc-r sc-head"><div class="sc-opt">Option</div><div>Criterion</div>…</div>, then one <div class="sc-r"><div class="sc-opt">Name</div><div class="sc-cell"><span class="hb" data-unpaper-rating="0.5"></span></div>…</div> per option (rating 0, 0.25, 0.5, 0.75 or 1) — each ball converts to a native, recolorable ring + pie shape. Add a one-line "Source: …" under each chart or table. Use small inline-SVG icons or arrows to label drivers, number steps, or connect a process — sparingly, in the accent. Dense but disciplined — one message per slide, stated in the title, with restrained ink and a single accent.

GUIDANCE — this is a GENERAL deck (Balanced, all-purpose), about 16-30 slides unless the brief says otherwise. The slide types below are your PALETTE, not a script: use the ones the content needs, in whatever order, add a cover, section dividers and any other slides the story calls for, and let the content decide the slide count. Do not force every one in, and never pad.
• Executive summary: open with the recommendation in one bold line, then 3-5 supporting findings as a numbered list or a stat row. State the answer first; the rest of the deck defends it.
• Action-title evidence slide: the title states the finding as a full sentence; use data-unpaper-lay='2l' with a short so-what (2-3 bullets) on the left and ONE proof object (chart or table) on the right; put a 'Source:' line directly under the evidence.
• Single chart proof: one data-unpaper-chart carries the whole point; the title states what the chart proves; one source line below; no second visual.
• Option comparison: a real <table> with options as rows and criteria as columns (<=6 columns); mark the recommended row or column; one source line below.
• Mixed-chart dashboard: charts of DIFFERENT types on one slide — a doughnut share beside a bar ranking (.charts.c2), or a quad grid (data-unpaper-lay='quad') of small bar / line / doughnut tiles plus one big .stat number for a KPI review. One message per tile with its own small label, direct labels over legends, and the action title states the combined so-what; each data-unpaper-chart wrapper holds ONLY its svg.
• Recommendation close: the decision/ask in one bold line, the 2-3 reasons, and the first concrete next step with an owner and a date.
• Cover: the document title slide — a short topic title (one accent word via <em>), a one-line subtitle, and client/date/confidentiality in the corners. Set the scene; no body content.
• Agenda / storyline: preview the argument as 3-6 numbered sections with action-oriented names (a claim each, not a label) — reading them should sketch the whole story. A simple numbered list.
• Section divider: a full-slide chapter break — a large section number plus a short section title on a clean field. Marks a shift; carries no evidence.
• Small multiples: 2-4 charts of the SAME type and identical scale side by side (data-unpaper-lay='2' or '3') to compare segments or periods; one shared source line.
• Waterfall/bridge (.wf block): walk a total from start to end through +/- steps. Position each bar by its running total in baked px (baseline at the plot bottom, scale ~2.5px/unit; .up green / .down red / .total dark); join steps with thin .wf-conn lines at the pre-step total; label each delta (+/-) and the start/end totals. Copy the Value-bridge slide's geometry and keep the plot within the slide so it converts to native shapes.
• Variance decomposition: break a total change into its drivers — a waterfall (.wf) or a chart plus a .stats row naming each driver contribution. Show what moved the number and by how much.
• KPI stat row (.stats): anchor the story in 2-4 big numbers, each with a tiny label and optional delta. One row of native text — the headline metrics, not a table.
• Benchmark ranking: rank companies / countries / segments / options on one metric — a sorted horizontal bar chart (data-unpaper-chart) or a ranked table, highest to lowest, with the leader called out. Keep labels short.
• 2x2 matrix: position options on two named axes using the matrix block (.matrix.axes) with four quadrants, clear axis labels, and the priority cell marked; plot 4-8 items max.
• Issue tree: break the question into MECE branches (a parent box over 2-4 child boxes, each splitting further if needed) using the org/tree block; branches must be mutually exclusive and collectively exhaustive.
• Driver tree / value equation: use the .dt idiom — absolute .dt-node boxes (root left, levers right; give each data-unpaper-cx="id"), joined by .dt-cx svg polylines tagged data-unpaper-connect="fromId toId" (route edge-midpoint to edge-midpoint, bend at the horizontal midpoint), with .dt-op chips (× + −) between sibling boxes. Keep the tree ≤10 boxes and ≤344px tall. Every box converts to a movable native shape and every line to a REAL PowerPoint connector that re-routes when a box is dragged.
• Scorecard: a scorecard grid of options x criteria; each cell a Harvey-ball rating (data-unpaper-rating 0-1, drawn as a filled-pie SVG: empty, quarter, half, three-quarter, full) or a RAG colour; add a one-line legend and a source line. Use the .scorecard grid, not a native <table>, so each ball stays a movable shape.
• Maturity ladder: levels from current to target state — 3-5 stacked rungs (cards or a vertical .timeline), each a level name plus a one-line descriptor, with today level marked. Show the climb.
• Roadmap: 3-5 phases over time using the timeline block, each with a date/label and 1-2 outcomes, laid out left to right.
• Workplan / swimlanes (Gantt-lite): use the .wp idiom — absolute-positioned .wp-lane labels down the left, quarter .wp-tick headers with .wp-grid lines, one .wp-bar per phase (left/width in baked px: plot spans x 130-1050, one quarter = 230px; alternate .wp-bar and .wp-bar.soft), a .wp-ms dot + .wp-mslabel for a milestone. Keep the plot <=250px tall. Every bar converts to a movable native shape.
• Process flow: 3-5 ordered steps joined by arrows using the flow block; one short label per step; arrows in the accent colour.
• Operating model: capabilities, roles and interfaces — a grid of capability boxes (cards) grouped into layers, or an .orgtree of functions. Show the structure, not a process.
• Org / governance (.orgtree): show accountability and escalation — a small hierarchy of boxes (sponsor to lead to workstreams). Native boxes plus connectors; keep to 2-3 levels.
• Initiative portfolio: sort ~6-8 initiatives by impact x effort on a 2x2, or as status-tagged cards; mark the quick wins.
• Business case / value sizing: size the value and its financials — a waterfall (.wf) bridging from baseline to the value pool, plus an assumptions table. State the number and what it rests on.
• Risk and mitigation: pair each risk with its control — a table (Risk | Likelihood | Impact | Mitigation | Owner) or paired cards. One row per risk; rate likelihood/impact with words or Harvey balls.
• Stakeholder map: place stakeholders on influence x interest — a 2x2 (data-unpaper-lay=quad / .matrix.axes) with named dots per quadrant and a one-line engagement note per zone.
• Customer journey: use the .jy idiom — a .jy-line spine with a .jy-grid of 4-5 .jy-stage columns; each stage a numbered .jy-dot, an h3 stage name, a .jy-pain line (bold the pain itself), and a .jy-mo panel ("Moment that matters" + one line). The title states where the journey breaks. Dots and panels convert to movable native shapes.
• Segment / persona comparison: compare 2-4 customer or market segments across the same few attributes — a table with one column per segment (or cards), so differences read across a row.
• Case example: one proof point or vignette — a short narrative beside a pulled-out result, via data-unpaper-lay=2l or a .callout. Make the abstract concrete with a single real case.
• Appendix data table: preserve the detailed evidence — a compact, dense table with many rows, small type and clear headers. For backup; not a headline slide.
• Methodology / sources: explain the research basis — a short list of method steps and the data sources used, as bullets or a .callout. Builds trust; keep it brief.
• Assumptions / limitations: state the model boundaries — a short bulleted list or .callout of the key assumptions and what the analysis does not cover. Be explicit and honest.
• Glossary / definitions: define the terms — a two-column list of term plus short definition (a table or definition list). Alphabetical; one line each.
• Before / after: current state vs target state side by side — data-unpaper-lay=2 with Today on the left and Target on the right, the same dimensions in each, so the gap is obvious.
• Recommendation tree: link the recommendation to its actions — an .orgtree (or rows) from the headline recommendation down to 2-4 supporting actions/owners. Show how the ask decomposes into moves.

CREATIVE SPARK — an optional bias for this run only: run one process or timeline as a vertical spine down the slide instead of a horizontal band. Take it only where it serves the content; the template's style always wins.

```html
<!DOCTYPE html>
<html lang="en" data-theme="paper" data-bg="plain" data-accent="default" data-header="on" data-footer="on" data-footer-rule="on" data-page-numbers="on" data-canvas="auto" data-font="default" data-logo="off" data-eyebrow="Briefing" data-brand="Your brand" data-foot="Confidential" data-ref="2026">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Untitled deck – unPaper</title>
<style>:root{--sans:"Helvetica Neue",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--display:"Helvetica Neue",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--num:"Helvetica Neue",Inter,system-ui,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--label:var(--mono)}html[data-font="modern"]{--sans:Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;--display:Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;--num:Aptos,"Segoe UI",system-ui,sans-serif;--label:var(--mono)}html[data-font="classic"]{--sans:"Gill Sans","Trebuchet MS","Segoe UI",system-ui,sans-serif;--display:Georgia,"Times New Roman",serif;--num:Georgia,"Times New Roman",serif;--label:var(--sans)}html[data-font="technical"]{--sans:"SF Pro Text","Segoe UI",system-ui,sans-serif;--display:"SF Pro Display","Segoe UI",system-ui,sans-serif;--num:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--label:var(--mono)}html[data-font="humanist"]{--sans:"Avenir Next","Trebuchet MS","Segoe UI",system-ui,sans-serif;--display:"Avenir Next","Trebuchet MS","Segoe UI",system-ui,sans-serif;--num:var(--sans);--label:var(--sans)}html[data-theme="paper"]{--bg:#ffffff;--bg-2:#eceef1;--panel:#f6f7f9;--ink:#15171c;--ink-soft:#3f434b;--ink-dim:#767c86;--ink-faint:#aeb4bd;--line:#e2e5ea;--line-soft:#eef0f3;--accent:#15508c;--accent-ink:#ffffff;--grid:rgba(20,30,45,.045)}html[data-theme="slate"]{--bg:#f5f7f9;--bg-2:#dde3e9;--panel:#ffffff;--ink:#161b22;--ink-soft:#3d4651;--ink-dim:#727b86;--ink-faint:#a7afba;--line:#dde3e9;--line-soft:#eaeef2;--accent:#15508c;--accent-ink:#ffffff;--grid:rgba(20,30,45,.045)}html[data-theme="midnight"]{--bg:#10171f;--bg-2:#070b10;--panel:#172029;--ink:#f2f5f8;--ink-soft:#b9c2cd;--ink-dim:#7e8893;--ink-faint:#586470;--line:rgba(150,170,195,.18);--line-soft:rgba(150,170,195,.08);--accent:#5aa0e0;--accent-ink:#0a1420;--grid:rgba(120,150,185,.05)}html[data-accent="gold"]{--accent:#a9791a;--accent-ink:#ffffff}html[data-accent="teal"]{--accent:#0f6b6b;--accent-ink:#ffffff}html[data-accent="blue"]{--accent:#15508c;--accent-ink:#ffffff}html[data-accent="coral"]{--accent:#b3322a;--accent-ink:#ffffff}html[data-accent="violet"]{--accent:#5a44a8;--accent-ink:#ffffff}html[data-theme="midnight"][data-accent="gold"]{--accent:#e6b24a;--accent-ink:#0a1420}html[data-theme="midnight"][data-accent="teal"]{--accent:#4fc4bb;--accent-ink:#0a1420}html[data-theme="midnight"][data-accent="blue"]{--accent:#5aa0e0;--accent-ink:#0a1420}html[data-theme="midnight"][data-accent="coral"]{--accent:#ef7a66;--accent-ink:#0a1420}html[data-theme="midnight"][data-accent="violet"]{--accent:#a99af2;--accent-ink:#0a1420}html[data-canvas="white"]{--bg:#ffffff;--bg-2:#eceff3;--panel:#ffffff;--ink:#111827;--ink-soft:#4b5563;--ink-dim:#6b7280;--ink-faint:#9ca3af;--line:rgba(17,24,39,.14);--line-soft:rgba(17,24,39,.07);--grid:rgba(17,24,39,.04)}html[data-canvas="custom"]{--bg:var(--custom-bg,#ffffff);--bg-2:color-mix(in srgb,var(--custom-bg,#ffffff) 78%,#000 22%);--panel:var(--custom-panel,#ffffff);--ink:var(--custom-ink,#111827);--ink-soft:var(--custom-ink-soft,#4b5563);--ink-dim:color-mix(in srgb,var(--custom-ink-soft,#4b5563) 78%,transparent);--ink-faint:color-mix(in srgb,var(--custom-ink-soft,#4b5563) 52%,transparent);--line:var(--custom-line,#cbd5e1);--line-soft:color-mix(in srgb,var(--custom-line,#cbd5e1) 45%,transparent);--accent:var(--custom-accent,#2563a8);--accent-ink:var(--custom-accent-ink,#ffffff);--grid:color-mix(in srgb,var(--custom-line,#cbd5e1) 32%,transparent)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-2);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}aside.notes{display:none}.deck{display:flex;flex-direction:column;align-items:center;gap:30px;padding:46px 24px 120px}.slide-frame{width:min(100%,1280px);flex-shrink:0}.slide{width:1280px;height:720px;position:relative;overflow:hidden;transform-origin:top left;background:var(--bg);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.28);border-radius:2px}.slide::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 38%)}html[data-bg="grid"] .slide::before{background: radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 38%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}html[data-bg="dots"] .slide::before{background: radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 38%),radial-gradient(color-mix(in srgb,var(--ink-dim) 22%,transparent) 1.6px,transparent 1.7px);background-size:auto,30px 30px}html[data-bg="gradient"] .slide::before{background: radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 44%),linear-gradient(150deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 46%),linear-gradient(330deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 40%)}html[data-canvas="custom"][data-bg="gradient"] .slide::before{background: radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--custom-gradient-glow,var(--custom-accent,#2563a8)) 22%,transparent),transparent 42%),linear-gradient(var(--custom-gradient-angle,150deg),color-mix(in srgb,var(--custom-gradient-from,var(--custom-bg,#ffffff)) 42%,transparent),transparent 56%),linear-gradient(330deg,color-mix(in srgb,var(--custom-gradient-to,var(--custom-accent,#2563a8)) 24%,transparent),transparent 48%)}.pad{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:54px 72px 44px}.rail{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.rail--top{margin-bottom:26px}.rail--bot{margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}.rail .n{color:var(--accent);font-weight:700}.t-brand{color:var(--ink-soft);font-weight:600}html[data-header="off"] .rail--top{display:none!important}html[data-footer="off"] .rail--bot{display:none!important}html[data-footer-rule="off"] .rail--bot{border-top-color:transparent!important}html[data-page-numbers="off"] .rail .n,html[data-page-numbers="off"] .rail--bot span:not(.t-foot):not(.t-ref){display:none!important}.fit{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start}.fit-i{width:100%;margin:auto 0}.eyebrow{font-family:var(--mono);color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.24em;font-size:15px;position:relative;display:block;padding-left:42px}.eyebrow::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:2px;background:var(--accent)}.title{font-family:var(--display);font-weight:600;line-height:1.07;letter-spacing:-.022em;color:var(--ink)}.title em{font-style:normal;color:var(--accent)}h2.title{font-size:46px;max-width:34ch;position:relative;padding-bottom:16px}h2.title::after{content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;background:var(--accent)}.lede{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.5;color:var(--ink-soft);max-width:74ch}.lede strong{color:var(--ink);font-weight:600}.lede em{color:var(--accent);font-style:normal;font-weight:500}.kicker{font-family:var(--display);font-weight:500;font-size:34px;line-height:1.24;letter-spacing:-.016em;color:var(--ink);max-width:32ch}.kicker em{color:var(--accent);font-style:normal}.cover .pad{justify-content:flex-start}.cover .fit{justify-content:flex-start}.cover-title{font-family:var(--display);font-weight:700;font-size:82px;line-height:1.0;letter-spacing:-.03em;max-width:22ch}.cover-title em{font-style:normal;color:var(--accent);font-weight:700}.cover-lede{margin-top:28px;font-family:var(--display);font-weight:400;font-size:25px;line-height:1.5;color:var(--ink-soft);max-width:70ch}.cover-lede strong{color:var(--ink);font-weight:600}.source{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--ink-faint);margin-top:18px}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:84px 1fr;gap:30px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}.row:last-child{border-bottom:1px solid var(--line)}.row .rn{font-family:var(--num);font-weight:700;font-size:46px;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.row h3{font-family:var(--display);font-weight:600;font-size:26px;line-height:1.2;color:var(--ink);margin-bottom:5px;letter-spacing:-.01em}.row p{font-size:19px;line-height:1.5;color:var(--ink-soft);max-width:80ch}.row p em{color:var(--accent);font-style:normal;font-weight:500}.cards{display:grid;gap:22px}.cards.c2{grid-template-columns:1fr 1fr}.cards.c3{grid-template-columns:1fr 1fr 1fr}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px 26px;display:flex;flex-direction:column}.card .ci{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:14px}.card h3{font-family:var(--display);font-weight:500;font-size:25px;line-height:1.18;color:var(--ink);margin-bottom:10px}.card p{font-size:18px;line-height:1.5;color:var(--ink-soft)}.ico{width:30px;height:30px;color:var(--accent);flex:none}.timeline{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:24px}.timeline::before{content:"";position:absolute;left:7px;right:7px;top:6px;height:2px;background:var(--line)}.tl-step{position:relative}.tl-step::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent)}.tl-step .when{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:26px 0 6px}.tl-step h3{font-family:var(--display,var(--serif));font-weight:600;font-size:21px;line-height:1.2;color:var(--ink);margin-bottom:6px}.tl-step p{font-size:16px;line-height:1.45;color:var(--ink-soft)}.callout{border-left:3px solid var(--accent);background:var(--panel);border-radius:8px;padding:20px 24px}.callout .ci{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:8px}.callout p{font-size:18px;line-height:1.5;color:var(--ink-soft)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.stat{border-left:3px solid var(--accent);padding-left:22px}.stat .v{font-family:var(--num);font-weight:700;font-size:58px;line-height:1;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat .k{margin-top:12px;font-size:18px;line-height:1.45;color:var(--ink-soft)}.tbl{width:100%;border-collapse:collapse;font-family:var(--sans)}.tbl caption{text-align:left;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:16px}.tbl th,.tbl td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);font-size:18px;line-height:1.35;color:var(--ink-soft)}.tbl thead th{font-family:var(--display);font-weight:600;font-size:19px;color:var(--ink);border-bottom:2px solid var(--accent)}.tbl tbody tr:last-child td{border-bottom:none}.tbl th:first-child,.tbl td:first-child{font-weight:600;color:var(--ink)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.scorecard{font-family:var(--sans)}.scorecard .sc-r{display:flex;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.scorecard .sc-head{border-bottom:2px solid var(--accent)}.scorecard .sc-head>*{flex:1;text-align:center;font-family:var(--display);font-weight:600;font-size:17px;color:var(--ink)}.scorecard .sc-cell{flex:1;text-align:center;color:var(--ink-soft)}.scorecard .sc-opt{flex:1.7;text-align:left;font-weight:600;color:var(--ink);font-size:18px}.scorecard .hb{display:inline-block;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;background:conic-gradient(currentColor var(--r,0deg),transparent 0);box-sizing:border-box;color:var(--accent);vertical-align:middle}.scorecard .hb[data-unpaper-rating="0"]{--r:0deg}.scorecard .hb[data-unpaper-rating="0.25"]{--r:90deg}.scorecard .hb[data-unpaper-rating="0.5"]{--r:180deg}.scorecard .hb[data-unpaper-rating="0.75"]{--r:270deg}.scorecard .hb[data-unpaper-rating="1"]{--r:360deg}.scorecard .legend{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.wf{position:relative;height:280px;margin-top:10px}.wf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--line)}.wf-bar{position:absolute;width:90px;border-radius:3px}.wf-bar.up{background:#2f7d4f}.wf-bar.down{background:#b3403a}.wf-bar.total{background:var(--ink)}.wf-conn{position:absolute;height:1.5px;background:var(--ink-dim)}.wf-val{position:absolute;width:90px;text-align:center;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--ink)}.wf-cat{position:absolute;width:90px;text-align:center;bottom:-32px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.wf-legend{display:flex;gap:20px;margin-top:44px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.wf-legend span{display:inline-flex;align-items:center;gap:7px}.wf-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.wp{position:relative;height:250px;margin-top:26px}.wp-tick{position:absolute;top:-24px;width:230px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.wp-grid{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.wp-lane{position:absolute;left:0;width:120px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:700;line-height:1.35}.wp-row{position:absolute;left:130px;right:0;height:1px;background:var(--line)}.wp-bar{position:absolute;height:26px;border-radius:5px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;padding:0 10px;white-space:nowrap}.wp-bar.soft{background:var(--ink-soft)}.wp-ms{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ink)}.wp-mslabel{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:700}.jy{position:relative;margin-top:44px}.jy-line{position:absolute;top:22px;left:100px;right:100px;height:2px;background:var(--line)}.jy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}.jy-stage{text-align:center}.jy-dot{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--mono);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.jy-stage h3{font-size:16px;font-weight:700;margin-bottom:7px}.jy-pain{font-size:12.5px;line-height:1.45;color:var(--ink-soft);min-height:54px}.jy-pain b{color:var(--ink)}.jy-mo{margin-top:10px;background:var(--panel);border:1.5px solid var(--line);border-radius:8px;padding:9px 11px;text-align:left}.jy-mo .ml{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:3px}.jy-mo p{font-size:11.5px;line-height:1.4;color:var(--ink-soft)}.dt{position:relative;height:344px;margin-top:26px}.dt-node{position:absolute;height:56px;background:var(--panel);border:1.5px solid var(--line);border-radius:10px;padding:7px 13px}.dt-node.root{border-color:var(--accent);border-width:2px}.dt-node .ci{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.dt-node h4{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);margin-top:2px;letter-spacing:-.01em}.dt-cx{position:absolute;overflow:visible}.dt-cx polyline{fill:none;stroke:var(--ink-dim);stroke-width:2}.dt-op{position:absolute;width:24px;text-align:center;font-family:var(--mono);font-size:16px;font-weight:700;color:var(--ink-soft)}.charts{display:grid;gap:20px}.charts.c2{grid-template-columns:1fr 1fr}.charts.c3{grid-template-columns:repeat(3,1fr)}.chart{max-width:820px}.charts .chart{max-width:none}.chart svg{width:100%;height:auto;display:block;overflow:visible}.clabel{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:10px}.charts>*,[data-unpaper-lay="quad"]>*{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 20px 14px;display:flex;flex-direction:column;min-width:0}.charts .chart>svg,[data-unpaper-lay="quad"] .chart>svg{margin-top:auto}[data-unpaper-lay="quad"]>.stat{border-left:3px solid var(--accent);padding-left:24px;justify-content:center}.chart .cbar{fill:var(--accent)}.chart .cgrid{stroke:var(--line-soft)}.chart .ctick{fill:var(--ink-dim);font-family:var(--sans);font-size:14px}.divider .fit{justify-content:flex-start}.divider .dnum{font-family:var(--mono);font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:700}.divider .dtitle{font-family:var(--display);font-weight:700;font-size:66px;line-height:1.04;letter-spacing:-.03em;margin-top:18px;max-width:24ch}.divider .dsub{margin-top:22px;font-family:var(--display);font-size:24px;line-height:1.4;color:var(--ink-soft);max-width:58ch}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.split .col h3{font-family:var(--display);font-weight:600;font-size:25px;color:var(--ink);margin-bottom:12px;letter-spacing:-.01em}.split .col p{font-size:19px;line-height:1.55;color:var(--ink-soft)}.split .col + .col{border-left:1px solid var(--line);padding-left:50px}.matrix{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:388px}.matrix.axes{height:340px;margin:34px 0 28px}.quad{border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;background:var(--panel)}.quad.hot{border-color:var(--accent);border-width:2px}.quad .ql{font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}.quad h4{font-family:var(--display);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}.quad p{font-size:16px;line-height:1.45;color:var(--ink-soft)}.mxlabel{position:absolute;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;white-space:nowrap}.mxlabel.top{left:50%;top:-30px;transform:translateX(-50%)}.mxlabel.low{left:0;bottom:-26px}.mxlabel.high{right:0;bottom:-26px}.orgtree .org-node{background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:18px 22px;text-align:center}.orgtree .org-node .ci{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.orgtree .org-node h4{font-family:var(--display);font-weight:600;font-size:21px;color:var(--ink);margin-top:6px;letter-spacing:-.01em}.orgtree .org-node p{font-size:14px;line-height:1.4;color:var(--ink-soft);margin-top:5px}.orgtree .root{border-color:var(--accent);border-width:2px;width:300px;margin:0 auto}.org-children{display:flex;justify-content:center;gap:26px;margin-top:56px;position:relative}.org-children::before{content:"";position:absolute;left:50%;top:-56px;width:2px;height:28px;background:var(--line);transform:translateX(-50%)}.org-children::after{content:"";position:absolute;top:-28px;left:calc(50% - 346px);right:calc(50% - 346px);height:2px;background:var(--line)}.org-children .org-node{position:relative;flex:1;max-width:320px}.org-children .org-node::before{content:"";position:absolute;left:50%;top:-28px;width:2px;height:28px;background:var(--line);transform:translateX(-50%)}.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feat .it{display:flex;flex-direction:column;gap:14px}.feat h3{font-family:var(--display);font-weight:600;font-size:23px;line-height:1.18;color:var(--ink);letter-spacing:-.01em}.feat p{font-size:18px;line-height:1.5;color:var(--ink-soft)}.flow{display:flex;align-items:center;gap:14px}.flow .node{flex:1;background:var(--panel);border:1.5px solid var(--accent);border-radius:12px;padding:22px 20px}.flow .node .ci{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.flow .node h3{font-family:var(--display);font-weight:600;font-size:21px;color:var(--ink);margin-top:8px;letter-spacing:-.01em}.flow .arrow{width:54px;height:22px;color:var(--accent);flex:none}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:28px}.proscons .pc{background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:24px 28px}.proscons .pc h4{font-family:var(--display);font-weight:600;font-size:21px;color:var(--ink);margin-bottom:14px;letter-spacing:-.01em}.proscons .pc ul{list-style:none;display:flex;flex-direction:column;gap:10px}.proscons .pc li{position:relative;padding-left:24px;font-size:17px;line-height:1.45;color:var(--ink-soft)}.proscons .pc.pro li::before{content:"+";position:absolute;left:0;color:var(--accent);font-weight:700}.proscons .pc.con li::before{content:"\2013";position:absolute;left:0;color:var(--ink-dim);font-weight:700}.bignum .v{font-family:var(--display);font-weight:700;font-size:170px;line-height:.92;color:var(--accent);letter-spacing:-.03em}.bignum .k{margin-top:18px;font-size:24px;line-height:1.45;color:var(--ink-soft);max-width:32ch}.quote .fit{justify-content:flex-start}.pull{font-family:var(--display);font-weight:600;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--ink);max-width:28ch}.pull em{font-style:italic;color:var(--accent)}.quote-by{margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}[data-unpaper-lay]{display:grid;gap:42px;align-items:start;width:100%}[data-unpaper-lay="2"]{grid-template-columns:1fr 1fr}[data-unpaper-lay="2l"]{grid-template-columns:7fr 5fr}[data-unpaper-lay="2r"]{grid-template-columns:5fr 7fr}[data-unpaper-lay="3"]{grid-template-columns:repeat(3,1fr)}[data-unpaper-lay="rail"]{grid-template-columns:4fr 8fr}[data-unpaper-lay="quad"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;align-items:stretch}[data-unpaper-lay] > *{min-width:0}.closing .fit{justify-content:flex-start}.bar{position:fixed;z-index:60;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-wrap:nowrap;align-items:center;gap:3px;max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none;padding:6px 7px;border-radius:999px;background:rgba(12,20,28,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}.bar::-webkit-scrollbar{display:none}.bar > *{flex:0 0 auto}.bar button{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#dfe6ef;background:transparent;border:0;border-radius:999px;padding:7px 11px;cursor:pointer;transition:background .15s}.bar button:hover{background:rgba(255,255,255,.12)}.bar button.on{background:var(--accent);color:var(--accent-ink);font-weight:700}.bar .sep{width:1px;height:18px;background:rgba(255,255,255,.16)}.bar .dot{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s}.bar .dot:hover{transform:scale(1.12)}.dot.midnight{background:#10171f;border-color:#5aa0e0}.dot.paper{background:#ffffff;border-color:#15508c}.dot.slate{background:#f5f7f9;border-color:#64748b}.bar .dot.on{box-shadow:0 0 0 2px rgba(255,255,255,.95);transform:scale(1.12)}.bar .nav{font-size:16px;line-height:1;padding:4px 9px}.bar .count{font-family:var(--mono);font-size:11px;color:#9fb0c4;letter-spacing:.08em;min-width:40px;text-align:center}.bar.min{padding:5px}.bar.min > *:not(#bHide){display:none}@media (max-width:480px){.bar{gap:2px}.bar .sep{display:none}.bar button{padding:6px 9px}}#bPrintHint{display:none}@media (hover:none) and (pointer:coarse){#bPrint{display:none}#bPrintHint{display:inline;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:#9fb0c4;white-space:nowrap;padding:0 6px}}.np{display:none}body.present .bar .np{display:inline-flex;align-items:center}body.present .bar span.np{display:inline-block}body.present{overflow:hidden}.notesbar{display:none}.pnav{display:none}body.present .pnav{display:flex;position:fixed;top:50%;transform:translateY(-50%);z-index:60;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(17,19,25,.5);color:#fff;font:400 26px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;opacity:.4;transition:opacity .15s}body.present .pnav:hover{opacity:.95}.pnav-l{left:14px}.pnav-r{right:14px}body.present.notes-on .notesbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;max-height:36vh;overflow:auto;padding:16px 26px;background:#14161c;color:#fff;font:400 16px/1.55 ui-sans-serif,system-ui,sans-serif;box-shadow:0 -8px 30px rgba(0,0,0,.4)}.notesbar b{display:block;font:700 11px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-bottom:7px}.notesbar .empty{opacity:.5;font-style:italic}body.present .deck{padding:0;gap:0}body.present .slide-frame{display:none}body.present .slide-frame.live{display:flex;position:fixed;top:0;left:0;width:100%;height:100dvh;align-items:center;justify-content:center;overflow:hidden;z-index:40;background:var(--bg-2)}body.present .slide-frame.live .slide{flex:0 0 auto}@page{size:338.67mm 190.5mm;margin:0}@media print{html,body{background:#fff}.deck{display:block;padding:0;gap:0}.slide-frame{width:auto;display:block!important}.slide{transform:none!important;width:1280px;height:720px;box-shadow:none;border-radius:0;break-after:page;page-break-after:always}.slide-frame:last-child .slide{break-after:auto;page-break-after:auto}.bar{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}html[data-logo="on"] .slide::after{content:"";position:absolute;top:48px;right:72px;width:156px;height:26px;background:var(--brand-logo) no-repeat right center;background-size:contain;z-index:6;pointer-events:none}html[data-logo="on"] .t-brand{display:none}</style>
</head>
<body>
<div class="deck" id="deck">
<div class="slide-frame"><section class="slide cover" data-kind="cover" data-starter>
<div class="pad">
<div class="rail rail--top"><span class="eyebrow t-eye"></span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h1 class="cover-title">Make the argument <em>land</em></h1>
<p class="cover-lede">A consulting deck is an argument, not decoration: lead with the answer, prove it beside the claim, close with the decision. This deck is built that way — and shows you how.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span class="t-ref"></span></div>
</div>
<aside class="notes">Thank you for the time. The answer is on the next slide, and the rest of the deck is the evidence behind it.</aside>
</section></div>
<div class="slide-frame"><section class="slide divider" data-kind="divider" data-starter>
<div class="pad">
<div class="rail rail--top"><span><span class="n">02</span> Part one</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<div class="dnum">Part one</div>
<h2 class="dtitle">The case, in four moves</h2>
<p class="dsub">Answer first, then the evidence, the options, and the decision.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>02 / 15</span></div>
</div>
<aside class="notes">Four moves: the answer, the evidence, the options, the decision. I will walk them in that order.</aside>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="split" data-starter>
<div class="pad">
<div class="rail rail--top"><span><span class="n">03</span> Horizontal logic</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:38px">Lead every slide with the answer, not the label</h2>
<div data-unpaper-lay="2" style="margin-top:30px">
<div>
<div class="ql" style="font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;margin-bottom:12px">A topic label</div>
<p style="font-size:24px;line-height:1.3;color:var(--ink-dim)">"Q3 revenue"</p>
<p style="font-size:17px;line-height:1.5;color:var(--ink-soft);margin-top:14px">Tells the reader nothing. They have to dig for the point.</p>
</div>
<div>
<div class="ql" style="font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px">An action title</div>
<p style="font-size:24px;line-height:1.3;color:var(--ink)">"Revenue grew 18%, carried by enterprise"</p>
<p style="font-size:17px;line-height:1.5;color:var(--ink-soft);margin-top:14px">Read the titles alone, top to bottom — the whole story is there.</p>
</div>
</div>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>03 / 15</span></div>
</div>
<aside class="notes">Notice the titles: each one is a finding, not a label. Reading only the titles should give you the whole argument.</aside>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="exec-summary" data-tier="1" data-goal="general recommendation exec-briefing">
<div class="pad">
<div class="rail rail--top"><span><span class="n">04</span> In one slide</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<span class="eyebrow">Executive summary</span>
<h2 class="title" style="margin-top:14px;font-size:33px">Buy the platform and partner on delivery — faster, cheaper and lower-risk</h2>
<ul style="list-style:none;margin-top:22px">
<li style="display:flex;gap:14px;margin-bottom:14px"><span style="font-family:var(--mono);color:var(--accent);font-weight:700;font-size:15px">01</span><p style="font-size:19px;line-height:1.5;color:var(--ink-soft)">Building in-house takes nine months and carries the most risk for the least control gained.</p></li>
<li style="display:flex;gap:14px;margin-bottom:14px"><span style="font-family:var(--mono);color:var(--accent);font-weight:700;font-size:15px">02</span><p style="font-size:19px;line-height:1.5;color:var(--ink-soft)">A platform ships in three months and covers 80% of the requirement out of the box.</p></li>
<li style="display:flex;gap:14px"><span style="font-family:var(--mono);color:var(--accent);font-weight:700;font-size:15px">03</span><p style="font-size:19px;line-height:1.5;color:var(--ink-soft)">A delivery partner closes the gap with no permanent headcount commitment.</p></li>
</ul>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>04 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="chart" data-tier="1" data-goal="general recommendation market-study research-readout">
<div class="pad">
<div class="rail rail--top"><span><span class="n">05</span> Evidence</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:36px">Put the evidence right beside the claim</h2>
<div data-unpaper-lay="2l" style="margin-top:26px">
<div>
<p style="font-size:20px;line-height:1.5;color:var(--ink-soft)">A claim earns belief when the proof sits next to it, not three slides later.</p>
<ul style="list-style:none;margin-top:16px">
<li style="font-size:18px;line-height:1.5;color:var(--ink-soft);padding-left:18px;position:relative;margin-bottom:9px"><span style="position:absolute;left:0;color:var(--accent);font-weight:700">·</span>The text states the so-what</li>
<li style="font-size:18px;line-height:1.5;color:var(--ink-soft);padding-left:18px;position:relative;margin-bottom:9px"><span style="position:absolute;left:0;color:var(--accent);font-weight:700">·</span>The chart carries the number</li>
<li style="font-size:18px;line-height:1.5;color:var(--ink-soft);padding-left:18px;position:relative"><span style="position:absolute;left:0;color:var(--accent);font-weight:700">·</span>One reads the other</li>
</ul>
<p class="source">Source: illustrative.</p>
</div>
<div data-element="chart-bar@1" class="chart" data-unpaper-chart='{"type":"bar","categories":["FY22","FY23","FY24"],"series":[{"name":"Enterprise ARR","values":[12,19,31],"color":"15508C"}],"axis":{"min":0,"max":35}}'>
<svg viewBox="0 0 420 300"><line class="cgrid" x1="0" y1="250" x2="420" y2="250" stroke-width="1.5"/><rect class="cbar" x="40" y="164" width="80" height="86" rx="2"/><rect class="cbar" x="170" y="114" width="80" height="136" rx="2"/><rect class="cbar" x="300" y="28" width="80" height="222" rx="2"/><text class="ctick" x="80" y="276" text-anchor="middle">FY22</text><text class="ctick" x="210" y="276" text-anchor="middle">FY23</text><text class="ctick" x="340" y="276" text-anchor="middle">FY24</text></svg>
</div>
</div>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>05 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="chart-pair" data-tier="3" data-goal="general recommendation market-study research-readout">
<div class="pad">
<div class="rail rail--top"><span><span class="n">06</span> Evidence</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:33px;margin-bottom:4px">Pair two lenses when one chart cannot carry the point</h2>
<p style="font-size:16px;color:var(--ink-soft);margin-bottom:18px">Different chart types, one message each &mdash; the title states the combined so-what.</p>
<div class="charts c2">
<div>
<div class="clabel">Revenue share by segment</div>
<div style="display:flex;align-items:center;justify-content:center;gap:34px;margin:auto 0">
<div data-element="chart-doughnut@1" class="chart" data-unpaper-chart='{"type":"doughnut","categories":["Enterprise","Mid-market","SMB"],"series":[{"name":"Share","values":[54,31,15]}],"colors":["15508C","6E9BC5","C7D6E6"]}' style="flex:none;width:200px">
<svg viewBox="0 0 42 42" role="img" aria-label="Revenue share by segment">
<circle cx="21" cy="21" r="15.9" fill="none" stroke="#C7D6E6" stroke-width="6"/>
<circle cx="21" cy="21" r="15.9" fill="none" stroke="#6E9BC5" stroke-width="6" stroke-dasharray="31 69" stroke-dashoffset="-54" transform="rotate(-90 21 21)"/>
<circle cx="21" cy="21" r="15.9" fill="none" stroke="#15508C" stroke-width="6" stroke-dasharray="54 46" transform="rotate(-90 21 21)"/>
</svg>
</div>
<div style="display:flex;flex-direction:column;gap:10px;font-size:16px;color:var(--ink-soft)">
<span style="display:flex;align-items:center;gap:10px"><span style="width:12px;height:12px;border-radius:3px;background:#15508C;display:inline-block"></span>Enterprise &middot; 54%</span>
<span style="display:flex;align-items:center;gap:10px"><span style="width:12px;height:12px;border-radius:3px;background:#6E9BC5;display:inline-block"></span>Mid-market &middot; 31%</span>
<span style="display:flex;align-items:center;gap:10px"><span style="width:12px;height:12px;border-radius:3px;background:#C7D6E6;display:inline-block"></span>SMB &middot; 15%</span>
</div>
</div>
</div>
<div class="chart" data-unpaper-chart='{"type":"bar","categories":["Enterprise","Mid-market","SMB"],"series":[{"name":"Growth, % YoY","values":[28,11,4],"color":"15508C"}],"axis":{"min":0,"max":30}}'>
<div class="clabel">Growth by segment, % YoY</div>
<svg viewBox="0 0 480 260"><line class="cgrid" x1="0" y1="230" x2="480" y2="230" stroke-width="1.5"/><rect class="cbar" x="45" y="23" width="90" height="207" rx="2"/><rect class="cbar" x="195" y="149" width="90" height="81" rx="2"/><rect class="cbar" x="345" y="200" width="90" height="30" rx="2"/><text class="ctick" x="90" y="252" text-anchor="middle">Enterprise</text><text class="ctick" x="240" y="252" text-anchor="middle">Mid-market</text><text class="ctick" x="390" y="252" text-anchor="middle">SMB</text></svg>
</div>
</div>
<p class="source">Source: illustrative.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>06 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="table" data-tier="1" data-goal="general recommendation market-study exec-briefing">
<div class="pad">
<div class="rail rail--top"><span><span class="n">07</span> Compare</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:36px;margin-bottom:22px">Make every comparison a real table</h2>
<table data-element="table@1" class="tbl">
<thead><tr><th>Option</th><th>Cost</th><th class="num">Time</th><th>Risk</th></tr></thead>
<tbody>
<tr><td>Build in-house</td><td>High</td><td class="num">9 mo</td><td>High</td></tr>
<tr><td>Buy a platform</td><td>Medium</td><td class="num">3 mo</td><td>Low</td></tr>
<tr><td>Partner</td><td>Low</td><td class="num">6 mo</td><td>Medium</td></tr>
</tbody>
</table>
<p class="source">Source: illustrative estimates.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>07 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="stats" data-tier="1" data-goal="general recommendation research-readout exec-briefing">
<div class="pad">
<div class="rail rail--top"><span><span class="n">08</span> The numbers</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:36px;margin-bottom:32px">Anchor the story in three numbers</h2>
<div data-element="stat-row@1" class="stats">
<div class="stat"><div class="v">18%</div><div class="k">Revenue growth, year on year.</div></div>
<div class="stat"><div class="v">3.2x</div><div class="k">Enterprise ARR since FY22.</div></div>
<div class="stat"><div class="v">−40%</div><div class="k">Cost to serve, after automation.</div></div>
</div>
<p class="source">Source: illustrative.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>08 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="dashboard" data-tier="3" data-goal="general market-study research-readout exec-briefing">
<div class="pad">
<div class="rail rail--top"><span><span class="n">09</span> The quarter</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:32px;margin-bottom:14px">Review the quarter on one screen, one tile per question</h2>
<div data-unpaper-lay="quad">
<div class="chart" data-unpaper-chart='{"type":"bar","categories":["Q1","Q2","Q3","Q4"],"series":[{"name":"Revenue, €m","values":[14,16,19,23],"color":"15508C"}],"axis":{"min":0,"max":25}}'>
<div class="clabel">Revenue, &euro;m</div>
<svg viewBox="0 0 480 130"><line class="cgrid" x1="0" y1="110" x2="480" y2="110" stroke-width="1.5"/><rect class="cbar" x="40" y="54" width="70" height="56" rx="2"/><rect class="cbar" x="150" y="46" width="70" height="64" rx="2"/><rect class="cbar" x="260" y="34" width="70" height="76" rx="2"/><rect class="cbar" x="370" y="18" width="70" height="92" rx="2"/><text class="ctick" x="75" y="127" text-anchor="middle">Q1</text><text class="ctick" x="185" y="127" text-anchor="middle">Q2</text><text class="ctick" x="295" y="127" text-anchor="middle">Q3</text><text class="ctick" x="405" y="127" text-anchor="middle">Q4</text></svg>
</div>
<div class="chart" data-unpaper-chart='{"type":"line","categories":["Q1","Q2","Q3","Q4"],"series":[{"name":"NPS","values":[31,34,38,44],"color":"15508C"}],"axis":{"min":0,"max":50}}'>
<div class="clabel">NPS trend</div>
<svg viewBox="0 0 480 130"><line class="cgrid" x1="30" y1="10" x2="30" y2="110" stroke-width="1.5"/><line class="cgrid" x1="30" y1="110" x2="470" y2="110" stroke-width="1.5"/><polyline fill="none" stroke="#15508C" stroke-width="3" points="60,48 190,42 320,34 450,22"/><text class="ctick" x="60" y="127" text-anchor="middle">Q1</text><text class="ctick" x="190" y="127" text-anchor="middle">Q2</text><text class="ctick" x="320" y="127" text-anchor="middle">Q3</text><text class="ctick" x="450" y="127" text-anchor="middle">Q4</text></svg>
</div>
<div>
<div class="clabel">Cost mix</div>
<div style="display:flex;align-items:center;justify-content:center;gap:26px;margin:auto 0">
<div class="chart" data-unpaper-chart='{"type":"doughnut","categories":["People","Tools","Other"],"series":[{"name":"Cost mix","values":[62,23,15]}],"colors":["15508C","6E9BC5","C7D6E6"]}' style="flex:none;width:130px">
<svg viewBox="0 0 42 42" role="img" aria-label="Cost mix">
<circle cx="21" cy="21" r="15.9" fill="none" stroke="#C7D6E6" stroke-width="6"/>
<circle cx="21" cy="21" r="15.9" fill="none" stroke="#6E9BC5" stroke-width="6" stroke-dasharray="23 77" stroke-dashoffset="-62" transform="rotate(-90 21 21)"/>
<circle cx="21" cy="21" r="15.9" fill="none" stroke="#15508C" stroke-width="6" stroke-dasharray="62 38" transform="rotate(-90 21 21)"/>
</svg>
</div>
<div style="display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--ink-soft)">
<span style="display:flex;align-items:center;gap:9px"><span style="width:11px;height:11px;border-radius:3px;background:#15508C;display:inline-block"></span>People &middot; 62%</span>
<span style="display:flex;align-items:center;gap:9px"><span style="width:11px;height:11px;border-radius:3px;background:#6E9BC5;display:inline-block"></span>Tools &middot; 23%</span>
<span style="display:flex;align-items:center;gap:9px"><span style="width:11px;height:11px;border-radius:3px;background:#C7D6E6;display:inline-block"></span>Other &middot; 15%</span>
</div>
</div>
</div>
<div class="stat"><div class="v">&minus;40%</div><div class="k">Cost to serve since FY22 &mdash; the number the board asked about.</div></div>
</div>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>09 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="cards" data-tier="2" data-goal="general recommendation transformation">
<div class="pad">
<div class="rail rail--top"><span><span class="n">10</span> Drivers</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:36px">Group your reasons so they don&rsquo;t overlap</h2>
<div data-unpaper-lay="3" style="margin-top:28px">
<div><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom:12px"><polyline points="3 17 9 11 13 15 21 7"/><polyline points="15 7 21 7 21 13"/></svg><div class="ci" style="font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px">Demand</div><p style="font-size:18px;line-height:1.5;color:var(--ink-soft)">More buyers, larger contracts.</p></div>
<div><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom:12px"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/><circle cx="9" cy="6" r="2.2"/><circle cx="15" cy="12" r="2.2"/><circle cx="8" cy="18" r="2.2"/></svg><div class="ci" style="font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px">Delivery</div><p style="font-size:18px;line-height:1.5;color:var(--ink-soft)">Automation cut the cost to serve.</p></div>
<div><svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom:12px"><path d="M3 3 L11 3 L21 13 L13 21 L3 11 Z"/><circle cx="7.5" cy="7.5" r="1.6"/></svg><div class="ci" style="font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px">Pricing</div><p style="font-size:18px;line-height:1.5;color:var(--ink-soft)">A tier the market accepted.</p></div>
</div>
<p style="font-size:15px;color:var(--ink-dim);margin-top:24px">Three drivers, no overlap — that is what MECE means.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>10 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="quad-cards" data-tier="3" data-goal="general recommendation transformation exec-briefing">
<div class="pad">
<div class="rail rail--top"><span><span class="n">11</span> The plan</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:34px;margin-bottom:20px">Hold four parallel moves on one screen</h2>
<div class="cards c2" style="gap:16px">
<div class="card" style="padding:20px 24px"><div class="ci" style="margin-bottom:8px">Workstream 1</div><h3 style="font-size:21px;margin-bottom:6px">Stabilise the core</h3><p style="font-size:16px;line-height:1.45">Fix churn in the two at-risk accounts before anything else.</p></div>
<div class="card" style="padding:20px 24px"><div class="ci" style="margin-bottom:8px">Workstream 2</div><h3 style="font-size:21px;margin-bottom:6px">Price the new tier</h3><p style="font-size:16px;line-height:1.45">Launch the mid-market tier the pilot validated.</p></div>
<div class="card" style="padding:20px 24px"><div class="ci" style="margin-bottom:8px">Workstream 3</div><h3 style="font-size:21px;margin-bottom:6px">Automate delivery</h3><p style="font-size:16px;line-height:1.45">Roll the onboarding automation to every region.</p></div>
<div class="card" style="padding:20px 24px"><div class="ci" style="margin-bottom:8px">Workstream 4</div><h3 style="font-size:21px;margin-bottom:6px">Staff the gap</h3><p style="font-size:16px;line-height:1.45">Two hires in customer engineering by Q3.</p></div>
</div>
<p style="font-size:15px;color:var(--ink-dim);margin-top:18px">Four cards, one glance &mdash; use a 2&times;2 of cards when the moves are parallel, a flow when they are sequential.</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>11 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="flow" data-tier="2" data-goal="general transformation">
<div class="pad">
<div class="rail rail--top"><span><span class="n">12</span> How it works</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<h2 class="title" style="font-size:33px;margin-bottom:30px">Run it as four steps, not one big bang</h2>
<div data-element="flow@1" class="flow">
<div class="node"><div class="ci">Step 1</div><h3>Diagnose</h3></div>
<svg class="arrow" viewBox="0 0 64 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="2" y1="12" x2="54" y2="12"/><polyline points="46 5 56 12 46 19"/></svg>
<div class="node"><div class="ci">Step 2</div><h3>Pilot</h3></div>
<svg class="arrow" viewBox="0 0 64 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="2" y1="12" x2="54" y2="12"/><polyline points="46 5 56 12 46 19"/></svg>
<div class="node"><div class="ci">Step 3</div><h3>Scale</h3></div>
<svg class="arrow" viewBox="0 0 64 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="2" y1="12" x2="54" y2="12"/><polyline points="46 5 56 12 46 19"/></svg>
<div class="node"><div class="ci">Step 4</div><h3>Embed</h3></div>
</div>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>12 / 15</span></div>
</div>
<aside class="notes">Boxes and stroked arrows are inline SVG and convert to native, movable PowerPoint shapes in the accent colour — the flow stays fully editable.</aside>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="statement" data-starter>
<div class="pad">
<div class="rail rail--top"><span><span class="n">13</span> So what</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<span class="eyebrow">The point</span>
<p class="kicker" style="margin-top:22px">A chart is not an argument. <em>Say the so-what out loud</em> — what should the reader now believe, and do, because of this number?</p>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>13 / 15</span></div>
</div>
<aside class="notes">Every exhibit ends with a so-what. If a number does not change what we believe or do, it does not belong here.</aside>
</section></div>
<div class="slide-frame"><section class="slide" data-kind="canvas" data-tier="3" data-goal="general recommendation market-study transformation research-readout exec-briefing">
<div class="pad">
<div class="rail rail--top"><span><span class="n">14</span> Open canvas</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<div style="border:2px dashed var(--line);border-radius:16px;min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px">
<p style="font-size:20px;line-height:1.5;color:var(--ink-dim);max-width:46ch">Free canvas — keep the header and footer, then compose any layout you like in this space. Text, boxes, inline SVG, a table or a chart all still convert to native, editable objects.</p>
</div>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>14 / 15</span></div>
</div>
</section></div>
<div class="slide-frame"><section class="slide closing" data-kind="closing" data-starter>
<div class="pad">
<div class="rail rail--top"><span><span class="n">15</span> Decision</span><span class="t-brand"></span></div>
<div class="fit"><div class="fit-i">
<span class="eyebrow">Next steps</span>
<h2 class="title" style="margin-top:18px;font-size:40px">Close with the decision and the first step</h2>
<div data-unpaper-lay="2" style="margin-top:26px">
<div><h3 style="font-family:var(--display);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:6px">Recommendation</h3><p style="font-size:18px;line-height:1.5;color:var(--ink-soft)">Buy the platform; partner on delivery.</p></div>
<div><h3 style="font-family:var(--display);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:6px">First step</h3><p style="font-size:18px;line-height:1.5;color:var(--ink-soft)">Shortlist three vendors by month-end.</p></div>
</div>
</div></div>
<div class="rail rail--bot"><span class="t-foot"></span><span>15 / 15</span></div>
</div>
<aside class="notes">The recommendation is to buy the platform and partner on delivery. The first step is a vendor shortlist by month-end, and that is the decision I am asking for today.</aside>
</section></div>
</div>
<div class="bar" id="bar">
<button id="mScroll" class="on">Scroll</button>
<button id="mPresent">Present</button>
<span class="sep np"></span>
<button id="prev" class="nav np" title="Previous (←)">‹</button>
<span id="count" class="count np">1 / 6</span>
<button id="next" class="nav np" title="Next (→)">›</button>
<span class="sep"></span>
<button class="dot midnight" data-t="midnight" title="Midnight"></button>
<button class="dot paper" data-t="paper" title="Paper"></button>
<button class="dot slate" data-t="slate" title="Slate"></button>
<span class="sep"></span>
<button id="bPrint">Save PDF</button>
<span id="bPrintHint">Save a PDF on a computer</span>
<button id="bHide" class="nav" title="Hide controls" aria-label="Hide controls">▾</button>
</div>
<script>
/* unPaper slide engine – header/footer fill, scaling, auto-fit, present mode. Do not remove. */
(function(){
var DESIGN_W=1280, DESIGN_H=720, FLOOR=0.4;
var frames=[].slice.call(document.querySelectorAll('.slide-frame'));
/* use the *visible* viewport so mobile address bars / in-app browsers can't clip the slide */
function vv(){var v=window.visualViewport;return v?{w:v.width,h:v.height}:{w:window.innerWidth,h:window.innerHeight};}
function barReserve(){var b=document.getElementById('bar');return b?b.offsetHeight+30:80;}
function fillMeta(){
var d=document.documentElement.dataset;
document.querySelectorAll('.t-eye').forEach(function(e){e.textContent=d.eyebrow||''});
document.querySelectorAll('.t-brand').forEach(function(e){e.textContent=d.brand||''});
document.querySelectorAll('.t-foot').forEach(function(e){e.textContent=d.foot||''});
document.querySelectorAll('.t-ref').forEach(function(e){e.textContent=d.ref||''});
numberPages();
}
/* page numbers come from the slide's real position, not from whatever the AI
typed – so a model that numbers content from 1 can't produce 1/6…5/6.
The cover carries no page-number span, so it stays unnumbered; the first
content slide is 02 / N (N counts the cover). data-page-numbers="off" still
hides them via CSS. */
function numberPages(){
var total=frames.length, width=String(total).length;
function pad(n){var s=''+n;while(s.length<width)s='0'+s;return s;}
frames.forEach(function(f,i){
var pos=pad(i+1);
var top=f.querySelector('.rail .n'); if(top)top.textContent=pos;
var bot=f.querySelector('.rail--bot span:not(.t-foot):not(.t-ref)');
if(bot)bot.textContent=pos+' / '+total;
});
}
function scaleToFrames(){
var present=document.body.classList.contains('present');
var v=vv(), reserve=present?barReserve():0;
frames.forEach(function(f){
var slide=f.querySelector('.slide'), s;
if(present){
/* contain the whole slide inside the visible area – shrink to fit, never clip */
s=Math.min((v.w-24)/DESIGN_W, (v.h-reserve-16)/DESIGN_H);
if(!(s>0))s=0.1;
slide.style.transformOrigin='center center';
slide.style.transform='scale('+s+')';
f.style.paddingTop='8px';f.style.paddingBottom=reserve+'px';f.style.height='';
}else{
s=f.clientWidth/DESIGN_W;
slide.style.transformOrigin='top left';
slide.style.transform='scale('+s+')';
f.style.paddingTop='';f.style.paddingBottom='';f.style.height=(DESIGN_H*s)+'px';
}
});
}
function autofit(){
frames.forEach(function(f){
var slide=f.querySelector('.slide');
slide.querySelectorAll('.fit').forEach(function(fit){
var inner=fit.querySelector('.fit-i'); if(!inner)return;
inner.style.transform='';inner.style.width='';
var availH=fit.clientHeight, needH=inner.scrollHeight;
var availW=fit.clientWidth, needW=inner.scrollWidth, s=1;
var sh=needH>availH+1?availH/needH:1, sw=needW>availW+1?availW/needW:1;
if(sh<1||sw<1){ s=Math.max(FLOOR, Math.min(sh,sw));   /* shrink content to fully fit – never clip, height AND width */
inner.style.transformOrigin='top left';
inner.style.transform='scale('+s+')';
inner.style.width=(100/s)+'%';
}
if(s<0.86) slide.setAttribute('data-overfull',''); else slide.removeAttribute('data-overfull');
});
});
}
function refit(){fillMeta();autofit();scaleToFrames();}
/* present-mode navigation */
var cur=0;
function show(i){
cur=Math.max(0,Math.min(frames.length-1,i));
frames.forEach(function(f,k){f.classList.toggle('live',k===cur)});
var c=document.getElementById('count');if(c)c.textContent=(cur+1)+' / '+frames.length;
scaleToFrames();
}
function setMode(present){
document.body.classList.toggle('present',present);
document.getElementById('mPresent').classList.toggle('on',present);
document.getElementById('mScroll').classList.toggle('on',!present);
if(present)show(cur); else frames.forEach(function(f){f.classList.remove('live')});
refit();
}
document.getElementById('mPresent').onclick=function(){setMode(true)};
document.getElementById('mScroll').onclick=function(){setMode(false)};
document.getElementById('prev').onclick=function(){show(cur-1)};
document.getElementById('next').onclick=function(){show(cur+1)};
document.getElementById('bPrint').onclick=function(){var p=document.body.classList.contains('present');setMode(false);setTimeout(function(){window.print();if(p)setMode(true)},80)};
/* theme dots: switch theme, show which is active, and (if embedded in the
unPaper editor) tell the parent so its theme control stays in sync */
function syncTheme(){
var t=document.documentElement.getAttribute('data-theme');
[].forEach.call(document.querySelectorAll('.dot'),function(d){d.classList.toggle('on',d.getAttribute('data-t')===t);});
}
[].forEach.call(document.querySelectorAll('.dot'),function(d){
d.onclick=function(){
var t=d.getAttribute('data-t');
document.documentElement.setAttribute('data-theme',t);
syncTheme();
try{if(window.parent&&window.parent!==window)window.parent.postMessage({source:'unpaper-deck',type:'theme',theme:t},'*');}catch(e){}
requestAnimationFrame(refit);
};
});
syncTheme();
/* hide / show the toolbar for a clean, control-free view */
var bHide=document.getElementById('bHide');
if(bHide)bHide.onclick=function(){
var min=document.getElementById('bar').classList.toggle('min');
bHide.textContent=min?'▴':'▾';
bHide.title=min?'Show controls':'Hide controls';
};
/* present-mode in-window nav arrows + speaker-notes overlay (E6.2, revised: present stays inside the window — no fullscreen request). Progressive enhancement: no JS = no present mode, so the converter/print never see any of this. */
var pnavL=document.createElement('button');pnavL.className='pnav pnav-l';pnavL.textContent='\u2039';pnavL.title='Previous (\u2190)';pnavL.setAttribute('aria-label','Previous slide');document.body.appendChild(pnavL);
var pnavR=document.createElement('button');pnavR.className='pnav pnav-r';pnavR.textContent='\u203a';pnavR.title='Next (\u2192)';pnavR.setAttribute('aria-label','Next slide');document.body.appendChild(pnavR);
pnavL.onclick=function(){show(cur-1)};pnavR.onclick=function(){show(cur+1)};
var notesbar=document.createElement('div');notesbar.className='notesbar';document.body.appendChild(notesbar);
function renderNotes(){var f=frames[cur],n=f&&f.querySelector('.notes');notesbar.textContent='';var h=document.createElement('b');h.textContent='Speaker notes \u00b7 '+(cur+1)+' / '+frames.length;notesbar.appendChild(h);var d=document.createElement('div'),t=n&&n.textContent?n.textContent.trim():'';if(t){d.textContent=t;}else{d.textContent='No notes on this slide.';d.className='empty';}notesbar.appendChild(d);}
function toggleNotes(){if(!document.body.classList.contains('present'))return;document.body.classList.toggle('notes-on');if(document.body.classList.contains('notes-on'))renderNotes();}
var _setMode=setMode;setMode=function(p){_setMode(p);if(!p)document.body.classList.remove('notes-on');};
var _show=show;show=function(i){_show(i);if(document.body.classList.contains('notes-on'))renderNotes();};
window.addEventListener('keydown',function(e){
if(!document.body.classList.contains('present'))return;
if(e.key==='ArrowRight'||e.key==='ArrowDown'||e.key===' ')show(cur+1);
if(e.key==='ArrowLeft'||e.key==='ArrowUp')show(cur-1);
if(e.key==='Escape')setMode(false);
if(e.key==='n'||e.key==='N')toggleNotes();
});
/* swipe between slides in present mode (phones) */
var tx=0,ty=0;
window.addEventListener('touchstart',function(e){var t=e.changedTouches[0];tx=t.clientX;ty=t.clientY;},{passive:true});
window.addEventListener('touchend',function(e){
if(!document.body.classList.contains('present'))return;
var t=e.changedTouches[0],dx=t.clientX-tx,dy=t.clientY-ty;
if(Math.abs(dx)>48&&Math.abs(dx)>Math.abs(dy))show(dx<0?cur+1:cur-1);
},{passive:true});
window.addEventListener('resize',refit);
window.addEventListener('orientationchange',function(){setTimeout(refit,180)});
if(window.visualViewport){window.visualViewport.addEventListener('resize',refit);window.visualViewport.addEventListener('scroll',refit);}
window.addEventListener('load',refit);
if(document.fonts&&document.fonts.ready)document.fonts.ready.then(refit);
if(location.hash==='#present'){setMode(true);}else{refit();}  /* open …/slides.html#present to start in present mode */
})();
</script>
</body>
</html>
```