From e14792fbb24f860adcc7fff164a7d272d82af5af Mon Sep 17 00:00:00 2001
From: Ryan Gonyon <59808882+Radical-Coder@users.noreply.github.com>
Date: Tue, 16 Jun 2026 09:23:23 -0400
Subject: [PATCH 1/2] Add first slice engagement model

---
 index.html | 110 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 110 insertions(+)

diff --git a/index.html b/index.html
index 6a83073..28ab82c 100644
--- a/index.html
+++ b/index.html
@@ -560,6 +560,68 @@
         padding-left: 12px;
       }
 
+      /* Engagement Model */
+      .engagement-grid {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        border-top: 2px solid var(--border);
+      }
+
+      .engagement-step {
+        padding: 26px 24px 26px 0;
+        border-bottom: 1px solid var(--border);
+      }
+
+      .engagement-step + .engagement-step {
+        border-left: 1px solid var(--border);
+        padding-left: 24px;
+      }
+
+      .engagement-num {
+        font-family: var(--font-mono);
+        font-size: 12px;
+        font-weight: 700;
+        color: var(--emerald);
+        margin-bottom: 8px;
+      }
+
+      .engagement-title {
+        font-family: var(--font-display);
+        font-size: 20px;
+        font-weight: 800;
+        color: var(--ink);
+        margin-bottom: 12px;
+      }
+
+      .engagement-desc {
+        font-size: 15px;
+        line-height: 1.55;
+        color: var(--ink-muted);
+        margin-bottom: 18px;
+      }
+
+      .engagement-proof {
+        font-family: var(--font-mono);
+        font-size: 11px;
+        line-height: 1.5;
+        color: var(--ink);
+        border-left: 2px solid var(--emerald);
+        padding-left: 12px;
+      }
+
+      .engagement-note {
+        margin-top: 28px;
+        border: 2px solid var(--border);
+        padding: 18px 20px;
+        font-size: 15px;
+        line-height: 1.55;
+        color: var(--ink-muted);
+      }
+
+      .engagement-note strong {
+        color: var(--ink);
+      }
+
       /* Standards Section */
       .standards-list {
         display: flex;
@@ -819,6 +881,19 @@
           margin-top: 4px;
         }
 
+        .engagement-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .engagement-step {
+          padding: 20px 0;
+        }
+
+        .engagement-step + .engagement-step {
+          border-left: none;
+          padding-left: 0;
+        }
+
         .standards-item {
           grid-template-columns: 1fr;
           gap: 8px;
@@ -1148,6 +1223,41 @@ <h3 class="protocol-title">Continuous Telemetry</h3>
         </div>
       </section>
 
+      <!-- Engagement Model Section -->
+      <section id="engagement" class="section-container" aria-labelledby="engagement-title" style="border-top: 2px solid var(--border);">
+        <div class="section-header">
+          <span class="section-eyebrow">FIRST SLICE</span>
+          <h2 class="section-title" id="engagement-title">Start with alignment, then ship one proofable slice.</h2>
+        </div>
+
+        <div class="engagement-grid">
+          <div class="engagement-step">
+            <div class="engagement-num">01 / DIAGNOSTIC CALL</div>
+            <h3 class="engagement-title">Map the real system risk.</h3>
+            <p class="engagement-desc">We identify the current app state, business workflow, provider boundaries, and what has to be true before the next build step is worth funding.</p>
+            <div class="engagement-proof">Output: fault map, access checklist, success criteria, and first-slice recommendation.</div>
+          </div>
+
+          <div class="engagement-step">
+            <div class="engagement-num">02 / ALIGNMENT MILESTONE</div>
+            <h3 class="engagement-title">Inspect before rebuilding.</h3>
+            <p class="engagement-desc">I review code, deployment state, logs, data model, auth, billing, storage, and AI/provider calls so the project starts from evidence instead of assumptions.</p>
+            <div class="engagement-proof">Output: architecture notes, risk register, implementation plan, and verification path.</div>
+          </div>
+
+          <div class="engagement-step">
+            <div class="engagement-num">03 / FIRST PRODUCTION SLICE</div>
+            <h3 class="engagement-title">Ship the narrowest useful fix.</h3>
+            <p class="engagement-desc">The first build targets one concrete workflow: payment state, onboarding, admin review, AI approval, data import, or another operational path that can be tested end to end.</p>
+            <div class="engagement-proof">Output: PR or deployable build, smoke-test notes, runbook, and next-slice backlog.</div>
+          </div>
+        </div>
+
+        <div class="engagement-note">
+          <strong>Useful starting material:</strong> one real workflow, three example records or user paths, repo/deployment access, and the system where the approved output needs to land.
+        </div>
+      </section>
+
       <!-- Standards Section -->
       <section id="standards" class="section-container" aria-labelledby="standards-title" style="border-top: 2px solid var(--border);">
         <div class="section-header">

From ec98eb213b4d05c380e6a33bdff8fe96650d90cb Mon Sep 17 00:00:00 2001
From: Ryan Gonyon <59808882+Radical-Coder@users.noreply.github.com>
Date: Tue, 16 Jun 2026 09:48:03 -0400
Subject: [PATCH 2/2] Add diagnostic CTA to engagement model

---
 index.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/index.html b/index.html
index 28ab82c..5fbbe8b 100644
--- a/index.html
+++ b/index.html
@@ -622,6 +622,12 @@
         color: var(--ink);
       }
 
+      .engagement-actions {
+        margin-top: 20px;
+        display: flex;
+        justify-content: flex-start;
+      }
+
       /* Standards Section */
       .standards-list {
         display: flex;
@@ -1256,6 +1262,12 @@ <h3 class="engagement-title">Ship the narrowest useful fix.</h3>
         <div class="engagement-note">
           <strong>Useful starting material:</strong> one real workflow, three example records or user paths, repo/deployment access, and the system where the approved output needs to land.
         </div>
+
+        <div class="engagement-actions">
+          <a href="mailto:coderradical@gmail.com?subject=First%20slice%20diagnostic" class="btn btn-blue btn-lg" id="engagement-diagnostic-link">
+            Start with a Diagnostic
+          </a>
+        </div>
       </section>
 
       <!-- Standards Section -->