diff --git a/demo/index.html b/demo/index.html
index 429f244c..c0a05469 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -5,10 +5,14 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SLASHED — Demo</title>
   <!-- SLASHED local build — relative paths work for both Playwright (file://)
-       and a local dev server. For a standalone shareable demo, swap these for
-       the jsDelivr CDN links:
-         https://cdn.jsdelivr.net/gh/codeslash-dev/SLASHED@dist/slashed.optimal.css -->
-  <link rel="stylesheet" href="../dist/slashed.optimal.css">
+       and a local dev server. The demo showcases the complete API (components
+       + utilities), so it loads the FULL bundle — the OPTIMAL bundle omits
+       optional/components.css, optional/tokens.components.css and
+       optional/utilities.css, leaving .sf-btn / .sf-card / .sf-surface-* etc.
+       unstyled. For a standalone shareable demo, swap this for the jsDelivr
+       CDN link:
+         https://cdn.jsdelivr.net/gh/codeslash-dev/SLASHED@dist/slashed.full.css -->
+  <link rel="stylesheet" href="../dist/slashed.full.css">
   <style>
     /* ── demo-only overrides ──────────────────────────────── */
     :root {
@@ -609,7 +613,7 @@
 
   <div id="nav-overlay" aria-hidden="true"></div>
 
-  <div class="sf-sidebar" style="--sf-sidebar-width: 12rem; --sf-sidebar-min-width: 55%; align-items: flex-start">
+  <div class="sf-sidebar" style="--sf-sidebar-width: 15rem; --sf-sidebar-min-width: 55%; align-items: flex-start">
 
     <nav id="demo-nav" aria-label="Demo sections">
       <ul>
diff --git a/index.html b/index.html
index 3f2bccbd..4ba2a681 100644
--- a/index.html
+++ b/index.html
@@ -644,10 +644,8 @@ <h2>Install: one link tag</h2>
               <tr><th>Bundle</th><th>Includes</th></tr>
             </thead>
             <tbody>
-              <tr><td><code>slashed.optimal.css</code></td><td>Everything live today: core + classless forms — <strong>recommended</strong></td></tr>
-              <tr><td><code>slashed.optimal-components.css</code></td><td>Optimal + the component layer — <code>.sf-btn</code> and <code>.sf-card</code> (the only two components)</td></tr>
-              <tr><td><code>slashed.optimal-utilities.css</code></td><td>Optimal + the utility layer — curated helpers active (heading, text-size, hover, list-reset, marker, selection, sticky), rest staged</td></tr>
-              <tr><td><code>slashed.full.css</code></td><td>Optimal + the component and utility layers</td></tr>
+              <tr><td><code>slashed.optimal.css</code></td><td>Core + classless forms — the lean foundation, <strong>recommended</strong></td></tr>
+              <tr><td><code>slashed.full.css</code></td><td>Optimal + the component layer (<code>.sf-btn</code>, <code>.sf-card</code>) and the utility layer</td></tr>
             </tbody>
           </table>
           <p>SLASHED relies on 2024 CSS — <code>light-dark()</code>, OKLCH relative colors, <code>@property</code>, <code>pow()</code> — so the browser floor is <strong>Chrome 125+, Safari 18+, Firefox 129+</strong>.</p>