diff --git a/README.md b/README.md
index 99e1b1c..e9e1c16 100644
--- a/README.md
+++ b/README.md
@@ -57,13 +57,19 @@ Comptextv7 does **not** claim production Daimler integration, certification, fle
 
 ---
 
-## Showcase
+## Showcase Preview
+
+Premium static showcase assets are included for GitHub social preview, README review, and OpenGraph-ready demo surfaces.
+
+![Comptextv7 social preview](showcase/assets/social-preview.svg)
+
+| Dashboard preview | Architecture preview |
+| --- | --- |
+| ![Comptextv7 dashboard preview](showcase/assets/dashboard-preview.svg) | ![Comptextv7 architecture preview](showcase/assets/architecture-preview.svg) |
+
+---
 
-> **Screenshot placeholder**
->
-> Add the current Vercel showcase screenshot here when the UI settles:
->
-> `docs/assets/showcase-home.png`
+## Showcase
 
 | Reviewer path | Link |
 | --- | --- |
diff --git a/showcase/assets/architecture-preview.svg b/showcase/assets/architecture-preview.svg
new file mode 100644
index 0000000..82e18c4
--- /dev/null
+++ b/showcase/assets/architecture-preview.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
+  <title id="title">Comptextv7 architecture preview</title>
+  <desc id="desc">Cloud-first validation architecture diagram showing GitHub Actions authority, artifact publishing, degraded local runner, and showcase consumers.</desc>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#071827"/><stop offset=".5" stop-color="#0a1021"/><stop offset="1" stop-color="#190b32"/></linearGradient>
+    <radialGradient id="glow" cx="12%" cy="2%" r="74%"><stop offset="0" stop-color="#1ad8ff" stop-opacity=".2"/><stop offset="1" stop-color="#1ad8ff" stop-opacity="0"/></radialGradient>
+    <pattern id="grid" width="62" height="62" patternUnits="userSpaceOnUse" patternTransform="skewX(-12)"><path d="M62 0H0V62" fill="none" stroke="#75a7d8" stroke-opacity=".14"/></pattern>
+    <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto"><path d="M0,0 L0,6 L9,3 z" fill="#5fe8ff"/></marker>
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#000814" flood-opacity=".5"/></filter>
+    <style>.sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mono{font-family:"SFMono-Regular","JetBrains Mono",Consolas,monospace}.lane{fill:#070e1c;stroke:#5f83ae;stroke-opacity:.72}.box{fill:#101a2d;stroke:#6b9bd0;stroke-opacity:.82}.text{fill:#edf5ff}.muted{fill:#c3d1e3}.cyan{fill:#82f1ff}.warn{fill:#ffd28a}.flow{fill:none;stroke:#5fe8ff;stroke-width:3;marker-end:url(#arrow)}</style>
+  </defs>
+  <rect width="1600" height="900" fill="url(#bg)"/><rect width="1600" height="900" fill="url(#glow)"/><rect width="1600" height="900" fill="url(#grid)"/>
+  <g class="sans">
+    <text x="72" y="101" font-size="42" font-weight="850" class="text">Cloud-first validation architecture</text>
+    <text x="74" y="139" font-size="23" class="muted">GitHub Actions remains authoritative; local execution is a degraded status layer.</text>
+    <rect x="1230" y="70" width="177" height="29" rx="15" fill="#071321" stroke="#61e8ff"/><text x="1246" y="90" font-size="14" font-weight="850" letter-spacing="1" class="cyan">OPEN GRAPH READY</text>
+  </g>
+  <g filter="url(#shadow)" class="sans">
+    <g><rect x="78" y="190" width="272" height="520" rx="18" class="lane"/><text x="100" y="222" font-size="17" font-weight="850" class="text">Source + Fixtures</text></g>
+    <g><rect x="460" y="190" width="390" height="520" rx="18" class="lane"/><text x="482" y="222" font-size="17" font-weight="850" class="text">Cloud Authority</text></g>
+    <g><rect x="930" y="190" width="360" height="520" rx="18" class="lane"/><text x="952" y="222" font-size="17" font-weight="850" class="text">Published Evidence</text></g>
+    <g><rect x="1168" y="548" width="342" height="262" rx="18" class="lane"/><text x="1190" y="581" font-size="17" font-weight="850" class="text">Showcase Consumers</text></g>
+    <g text-anchor="middle" font-size="18"><rect x="130" y="290" width="168" height="84" rx="18" class="box"/><text x="214" y="331" font-weight="850" class="text">Synthetic diagnostic</text><text x="214" y="356" class="text">fixtures</text></g>
+    <g text-anchor="middle" font-size="18"><rect x="130" y="456" width="168" height="84" rx="18" class="box"/><text x="214" y="497" font-weight="850" class="text">Parser + KVTC-V7</text><text x="214" y="522" class="text">frame builder</text></g>
+    <g text-anchor="middle" font-size="19"><rect x="540" y="260" width="230" height="94" rx="18" class="box"/><text x="655" y="302" font-weight="850" class="text">GitHub Actions</text><text x="655" y="326" class="text">CI authority</text></g>
+    <g text-anchor="middle" font-size="19"><rect x="540" y="430" width="230" height="94" rx="18" class="box"/><text x="655" y="471" font-weight="850" class="text">Replay / forensic</text><text x="655" y="496" class="text">contract checks</text></g>
+    <g text-anchor="middle" font-size="19"><rect x="540" y="600" width="230" height="94" rx="18" class="box"/><text x="655" y="641" font-weight="850" class="text">CFI artifact</text><text x="655" y="666" class="text">publishing</text></g>
+    <g text-anchor="middle" font-size="19"><rect x="995" y="296" width="200" height="83" rx="18" class="box"/><text x="1095" y="337" font-weight="850" class="text">Summary JSON</text><text x="1095" y="361" class="text">reports</text></g>
+    <g text-anchor="middle" font-size="19"><rect x="995" y="466" width="200" height="83" rx="18" class="box"/><text x="1095" y="507" font-weight="850" class="text">Uploaded CI</text><text x="1095" y="531" class="text">artifacts</text></g>
+    <g text-anchor="middle" font-size="19"><rect x="1234" y="625" width="216" height="84" rx="18" class="box"/><text x="1342" y="666" font-weight="850" class="text">README / Vercel</text><text x="1342" y="691" class="text">dashboard</text></g>
+    <path class="flow" d="M214 374V456"/><path class="flow" d="M298 498 C390 430 470 360 540 307"/><path class="flow" d="M655 354V430"/><path class="flow" d="M655 524V600"/><path class="flow" d="M770 647 C855 598 907 540 995 508"/><path class="flow" d="M770 647 C850 540 920 425 995 338"/><path class="flow" d="M1195 508 C1218 570 1218 625 1234 667"/><path class="flow" d="M1195 338 C1210 475 1218 605 1234 667"/>
+    <g><rect x="96" y="742" width="524" height="70" rx="18" fill="#211318" stroke="#ffc46a"/><text x="124" y="779" font-size="21" font-weight="850" class="warn">Degraded local runner</text><text x="124" y="806" font-size="15" fill="#ead1ad">status-only fallback; cloud remains authoritative</text></g>
+    <path class="flow" d="M620 777 C636 737 645 710 655 694"/>
+    <g><rect x="790" y="746" width="316" height="66" rx="16" fill="#0a1424" stroke="#5f83ae" stroke-opacity=".8"/><text x="816" y="780" font-size="12" font-weight="850" class="mono cyan">AUTHORITATIVE CLOUD</text><text x="816" y="807" font-size="16" font-weight="800" class="text">CI artifacts feed showcase surfaces</text></g>
+  </g>
+</svg>
diff --git a/showcase/assets/dashboard-preview.svg b/showcase/assets/dashboard-preview.svg
new file mode 100644
index 0000000..a157e2d
--- /dev/null
+++ b/showcase/assets/dashboard-preview.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
+  <title id="title">Comptextv7 dashboard preview</title>
+  <desc id="desc">Synthetic dark enterprise operations dashboard with benchmark tables, artifact summaries, and validation states.</desc>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#071827"/><stop offset=".52" stop-color="#090f20"/><stop offset="1" stop-color="#180b30"/></linearGradient>
+    <radialGradient id="cyan" cx="10%" cy="0" r="80%"><stop offset="0" stop-color="#1ad8ff" stop-opacity=".2"/><stop offset="1" stop-color="#1ad8ff" stop-opacity="0"/></radialGradient>
+    <pattern id="grid" width="58" height="58" patternUnits="userSpaceOnUse" patternTransform="skewX(-10)"><path d="M58 0H0V58" fill="none" stroke="#75a7d8" stroke-opacity=".14"/></pattern>
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="18" stdDeviation="20" flood-color="#000814" flood-opacity=".55"/></filter>
+    <linearGradient id="bar" x1="0" x2="1"><stop offset="0" stop-color="#78f1ff"/><stop offset="1" stop-color="#5be0f0"/></linearGradient>
+    <style>.sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mono{font-family:"SFMono-Regular","JetBrains Mono",Consolas,monospace}.panel{fill:#070e1c;stroke:#5f83ae;stroke-opacity:.75}.card{fill:#0b1323;stroke:#6188b6;stroke-opacity:.76}.muted{fill:#9dafc7}.text{fill:#edf5ff}.cyan{fill:#80efff}.ok{fill:#57e5a6}.warn{fill:#ffc46a}</style>
+  </defs>
+  <rect width="1600" height="900" fill="url(#bg)"/><rect width="1600" height="900" fill="url(#cyan)"/><rect width="1600" height="900" fill="url(#grid)"/>
+  <g filter="url(#shadow)" class="sans">
+    <rect x="58" y="54" width="1484" height="792" rx="28" class="panel"/>
+    <path d="M86 54h1428a28 28 0 0 1 28 28v36H58V82a28 28 0 0 1 28-28Z" fill="#0b1323" stroke="#5f83ae" stroke-opacity=".7"/>
+    <text x="92" y="104" font-size="27" font-weight="850" class="text">Comptextv7 Operations Console</text>
+    <text x="1320" y="97" font-size="15" font-weight="800" fill="#8cf7ff">synthetic preview</text>
+    <g font-size="14" font-weight="800" letter-spacing=".6">
+      <rect x="92" y="145" width="84" height="29" rx="15" fill="#071a18" stroke="#42e69b"/><text x="108" y="164" class="ok">CI PASS</text>
+      <rect x="256" y="145" width="143" height="29" rx="15" fill="#071a22" stroke="#68eaff"/><text x="272" y="164" class="cyan">CONTRACTS OK</text>
+      <rect x="420" y="145" width="162" height="29" rx="15" fill="#201611" stroke="#ffc46a"/><text x="435" y="164" class="warn">LOCAL DEGRADED</text>
+    </g>
+    <g>
+      <g transform="translate(92 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Token reduction</text><text x="24" y="92" font-size="42" font-weight="850" class="text">72.4%</text><text x="24" y="119" font-size="15" class="muted">conservative synthetic median</text></g>
+      <g transform="translate(450 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Replay stability</text><text x="24" y="92" font-size="42" font-weight="850" class="text">100%</text><text x="24" y="119" font-size="15" class="muted">deterministic fixture pass</text></g>
+      <g transform="translate(808 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Artifact freshness</text><text x="24" y="92" font-size="42" font-weight="850" class="text">cloud</text><text x="24" y="119" font-size="15" class="muted">GitHub Actions authority</text></g>
+      <g transform="translate(1166 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Schema coverage</text><text x="24" y="92" font-size="42" font-weight="850" class="text">5/5</text><text x="24" y="119" font-size="15" class="muted">contract surfaces valid</text></g>
+    </g>
+    <g transform="translate(92 365)"><rect width="780" height="439" rx="18" class="card"/><text x="22" y="33" font-size="17" font-weight="850" class="text">Benchmark replay summary</text>
+      <g class="mono" font-size="12" font-weight="800" fill="#83f3ff"><text x="34" y="63">SURFACE</text><text x="268" y="63">STATUS</text><text x="446" y="63">COMPRESSION</text><text x="628" y="63">EVIDENCE</text></g>
+      <g font-size="16"><g transform="translate(24 78)"><rect width="724" height="44" rx="10" fill="#0d1729" stroke="#45658f"/><text x="10" y="28" class="text">golden replay</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">74.1%</text><text x="604" y="28" class="text">replay_summary.json</text></g>
+      <g transform="translate(24 140)"><rect width="724" height="44" rx="10" fill="#0a1324" stroke="#45658f"/><text x="10" y="28" class="text">forensic audit</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">68.7%</text><text x="604" y="28" class="text">FORENSIC_AUDIT.md</text></g>
+      <g transform="translate(24 202)"><rect width="724" height="44" rx="10" fill="#0d1729" stroke="#45658f"/><text x="10" y="28" class="text">dashboard smoke</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">n/a</text><text x="604" y="28" class="text">dashboard health</text></g>
+      <g transform="translate(24 264)"><rect width="724" height="44" rx="10" fill="#0a1324" stroke="#45658f"/><text x="10" y="28" class="text">contract export</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">n/a</text><text x="604" y="28" class="text">schema validation</text></g>
+      <g transform="translate(24 326)"><rect width="724" height="44" rx="10" fill="#0d1729" stroke="#45658f"/><text x="10" y="28" class="text">local runner</text><text x="244" y="28" class="warn" font-weight="800">degraded</text><text x="422" y="28" class="text">n/a</text><text x="604" y="28" class="text">cloud handoff</text></g></g>
+      <polyline points="34,373 148,351 262,359 376,335 490,317 604,305 718,289" fill="none" stroke="#66e8ff" stroke-width="4"/><text x="34" y="412" font-size="14" class="muted">compression trend across synthetic benchmark suites</text>
+    </g>
+    <g transform="translate(908 365)"><rect width="600" height="205" rx="18" class="card"/><text x="22" y="33" font-size="17" font-weight="850" class="text">Artifact rail</text>
+      <g class="mono" font-size="15"><g transform="translate(32 35)"><rect width="536" height="46" rx="12" fill="#0d1729" stroke="#45658f"/><text x="26" y="30" class="text">hash-chilli-cloud-ci-result.json</text><text x="398" y="30" class="ok" font-weight="800">validated</text></g><g transform="translate(32 81)"><rect width="536" height="46" rx="12" fill="#0d1729" stroke="#45658f"/><text x="26" y="30" class="text">benchmark-summary.schema.json</text><text x="398" y="30" class="ok" font-weight="800">validated</text></g><g transform="translate(32 127)"><rect width="536" height="46" rx="12" fill="#0d1729" stroke="#45658f"/><text x="26" y="30" class="text">dashboard-health-summary.json</text><text x="398" y="30" class="ok" font-weight="800">published</text></g></g>
+    </g>
+    <g transform="translate(908 600)"><rect width="600" height="204" rx="18" class="card"/><text x="22" y="33" font-size="17" font-weight="850" class="text">Validation states</text>
+      <g font-size="16" font-weight="800"><text x="38" y="60" class="text">pytest</text><rect x="212" y="50" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="50" width="324" height="15" rx="8" fill="#57e5a6"/><text x="566" y="62" class="muted">96%</text>
+      <text x="38" y="102" class="text">determinism</text><rect x="212" y="92" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="92" width="338" height="15" rx="8" fill="url(#bar)"/><text x="566" y="104" class="muted">100%</text>
+      <text x="38" y="144" class="text">contracts</text><rect x="212" y="134" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="134" width="297" height="15" rx="8" fill="url(#bar)"/><text x="566" y="146" class="muted">88%</text>
+      <text x="38" y="186" class="text">local handoff</text><rect x="212" y="176" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="176" width="142" height="15" rx="8" fill="#ffc46a"/><text x="566" y="188" class="muted">42%</text></g>
+    </g>
+  </g>
+</svg>
diff --git a/showcase/assets/social-preview.svg b/showcase/assets/social-preview.svg
new file mode 100644
index 0000000..9c853af
--- /dev/null
+++ b/showcase/assets/social-preview.svg
@@ -0,0 +1,87 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" role="img" aria-labelledby="title desc">
+  <title id="title">Comptextv7 social preview</title>
+  <desc id="desc">Dark enterprise social preview for Industrial AI Token Compression with cloud validation, artifacts, and dashboard layers.</desc>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#071827"/>
+      <stop offset="0.48" stop-color="#0a1021"/>
+      <stop offset="1" stop-color="#190b32"/>
+    </linearGradient>
+    <radialGradient id="auraCyan" cx="12%" cy="8%" r="70%">
+      <stop offset="0" stop-color="#1ad8ff" stop-opacity="0.22"/>
+      <stop offset="0.48" stop-color="#1ad8ff" stop-opacity="0.06"/>
+      <stop offset="1" stop-color="#1ad8ff" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="auraViolet" cx="92%" cy="12%" r="62%">
+      <stop offset="0" stop-color="#7c3cff" stop-opacity="0.22"/>
+      <stop offset="0.52" stop-color="#7c3cff" stop-opacity="0.06"/>
+      <stop offset="1" stop-color="#7c3cff" stop-opacity="0"/>
+    </radialGradient>
+    <pattern id="grid" width="54" height="54" patternUnits="userSpaceOnUse" patternTransform="skewX(-12)">
+      <path d="M 54 0 L 0 0 0 54" fill="none" stroke="#75a7d8" stroke-opacity="0.15" stroke-width="1"/>
+    </pattern>
+    <filter id="softShadow" x="-30%" y="-40%" width="160%" height="180%">
+      <feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#000814" flood-opacity="0.5"/>
+    </filter>
+    <filter id="glow" x="-80%" y="-80%" width="260%" height="260%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    <linearGradient id="bar" x1="0" x2="1">
+      <stop offset="0" stop-color="#68f3ff"/>
+      <stop offset="1" stop-color="#2cc8f0"/>
+    </linearGradient>
+    <style>
+      .sans{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
+      .mono{font-family:"SFMono-Regular", "JetBrains Mono", Consolas, monospace}
+      .muted{fill:#9eb0c7}.body{fill:#d8e3f2}.bright{fill:#f7fbff}.cyan{fill:#85edff}.stroke{stroke:#5f83ae;stroke-opacity:.62}
+      .node{fill:#0e1728;stroke:#5c87b7;stroke-opacity:.78}.card{fill:#080f1d;stroke:#6188b6;stroke-opacity:.72}
+    </style>
+  </defs>
+  <rect width="1280" height="640" fill="url(#bg)"/>
+  <rect width="1280" height="640" fill="url(#auraCyan)"/>
+  <rect width="1280" height="640" fill="url(#auraViolet)"/>
+  <rect width="1280" height="640" fill="url(#grid)" opacity="0.9"/>
+
+  <g opacity="0.74" fill="none" stroke="#4acfff" stroke-width="2">
+    <path d="M752 151 L971 211 L851 360 L1081 431" stroke-opacity="0.35"/>
+    <path d="M752 151 L651 461 L851 360" stroke-opacity="0.43"/>
+  </g>
+  <g class="sans" font-weight="700" font-size="13" text-anchor="middle">
+    <g transform="translate(752 151)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Actions</text></g>
+    <g transform="translate(971 211)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Artifacts</text></g>
+    <g transform="translate(851 360)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Dashboard</text></g>
+    <g transform="translate(1081 431)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Consumer</text></g>
+  </g>
+
+  <g class="sans">
+    <rect x="82" y="78" width="254" height="28" rx="14" fill="#071321" stroke="#61e8ff"/>
+    <text x="96" y="97" font-size="13" font-weight="800" letter-spacing="1" fill="#6beeff">CLOUD-FIRST / DETERMINISTIC</text>
+    <text x="80" y="221" font-size="76" font-weight="850" class="bright">Comptextv7</text>
+    <text x="86" y="274" font-size="34" font-weight="800" class="cyan">Industrial AI Token Compression</text>
+    <text x="86" y="323" font-size="25" class="body">Cloud-first validation + deterministic artifacts</text>
+    <text x="86" y="362" font-size="18" class="muted">Synthetic diagnostic logs → compact KVTC-V7 frames → evidence surfaces</text>
+  </g>
+
+  <g filter="url(#softShadow)" class="sans">
+    <g transform="translate(78 425)">
+      <rect class="card" width="312" height="141" rx="18"/><text x="22" y="31" font-size="16" font-weight="800" fill="#eef5ff">CI Authority</text>
+      <text class="mono" x="22" y="45" font-size="13" fill="#b7c6d9">pytest</text><rect x="18" y="48" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="48" width="286" height="8" rx="4" fill="url(#bar)"/>
+      <text class="mono" x="22" y="82" font-size="13" fill="#b7c6d9">replay</text><rect x="18" y="83" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="83" width="215" height="8" rx="4" fill="url(#bar)"/>
+    </g>
+    <g transform="translate(418 425)">
+      <rect class="card" width="312" height="141" rx="18"/><text x="22" y="31" font-size="16" font-weight="800" fill="#eef5ff">Artifact Model</text>
+      <text class="mono" x="22" y="45" font-size="13" fill="#b7c6d9">contracts</text><rect x="18" y="48" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="48" width="246" height="8" rx="4" fill="url(#bar)"/>
+      <text class="mono" x="22" y="82" font-size="13" fill="#b7c6d9">summary.json</text><rect x="18" y="83" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="83" width="190" height="8" rx="4" fill="url(#bar)"/>
+    </g>
+    <g transform="translate(758 425)">
+      <rect class="card" width="312" height="141" rx="18"/><text x="22" y="31" font-size="16" font-weight="800" fill="#eef5ff">Dashboard Layer</text>
+      <text class="mono" x="22" y="45" font-size="13" fill="#b7c6d9">validation</text><rect x="18" y="48" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="48" width="260" height="8" rx="4" fill="url(#bar)"/>
+      <text class="mono" x="22" y="82" font-size="13" fill="#b7c6d9">compression</text><rect x="18" y="83" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="83" width="224" height="8" rx="4" fill="url(#bar)"/>
+    </g>
+  </g>
+  <g class="mono" text-anchor="start">
+    <text x="1120" y="103" font-size="17" font-weight="800" fill="#6eeeff">KVTC-V7</text>
+    <text x="1120" y="128" font-size="14" fill="#99a7bd">artifact rail</text>
+  </g>
+</svg>