Add live-demo links for Evergreen (evergreen-prototype) and No-Show Killer (no-show-killer): hub buttons+count, plan-page CTAs; sync index.html for both (also lands no-show viewport fix)

evergreen-business-plan/index.html

@@ -443,7 +443,7 @@
       <a href="#safety">Safety</a>
       <a href="#ask">The ask</a>
     </nav>
-    <a class="cta" href="./Evergreen-Business-Plan.pdf">PDF&nbsp;↓</a>
+    <a class="cta" href="https://evergreen-prototype.mosaic.site" target="_blank" rel="noopener">Live&nbsp;demo&nbsp;↗</a>
   </div>
 </div>
 
@@ -586,7 +586,7 @@
     <div class="callout" style="margin-top:18px">
       <small>The honest status</small>
       <h3>You can call Iris today — what's left before launch is the licensed safety desk and the legal wrapper, not the product.</h3>
-      <p>Live in a working prototype, with a public overview site. <b>No paying customers yet, and the monitoring partner isn't contracted</b> — but everything the family <i>experiences</i> is real and running.</p>
+      <p>Live in a working prototype — <a href="https://evergreen-prototype.mosaic.site" target="_blank" rel="noopener">try the interactive demo ↗</a> — with a public overview site. <b>No paying customers yet, and the monitoring partner isn't contracted</b> — but everything the family <i>experiences</i> is real and running.</p>
     </div>
   </div>
 </section>

evergreen-business-plan/source.html

@@ -443,7 +443,7 @@
       <a href="#safety">Safety</a>
       <a href="#ask">The ask</a>
     </nav>
-    <a class="cta" href="./Evergreen-Business-Plan.pdf">PDF&nbsp;↓</a>
+    <a class="cta" href="https://evergreen-prototype.mosaic.site" target="_blank" rel="noopener">Live&nbsp;demo&nbsp;↗</a>
   </div>
 </div>
 
@@ -586,7 +586,7 @@
     <div class="callout" style="margin-top:18px">
       <small>The honest status</small>
       <h3>You can call Iris today — what's left before launch is the licensed safety desk and the legal wrapper, not the product.</h3>
-      <p>Live in a working prototype, with a public overview site. <b>No paying customers yet, and the monitoring partner isn't contracted</b> — but everything the family <i>experiences</i> is real and running.</p>
+      <p>Live in a working prototype — <a href="https://evergreen-prototype.mosaic.site" target="_blank" rel="noopener">try the interactive demo ↗</a> — with a public overview site. <b>No paying customers yet, and the monitoring partner isn't contracted</b> — but everything the family <i>experiences</i> is real and running.</p>
     </div>
   </div>
 </section>

index.html

@@ -87,7 +87,7 @@
       <div class="kicker"><span class="mk" aria-hidden="true">✎</span> Zoe Cross &nbsp;·&nbsp; Living Index</div>
       <h1>Business Plans <em>&amp;</em> Pitches</h1>
       <p class="sub">Every plan and pitch, in one place — always the current version. Each opens its full page, its one-page executive summary, a PDF to attach or print, and a live demo where one exists.</p>
-      <div class="meta-line"><span><b>5</b> business plans</span><span><b>2</b> live demos</span><span>Updated <b>27 Aug 2026</b></span><span>zoe-pitches.mosaic.site</span></div>
+      <div class="meta-line"><span><b>5</b> business plans</span><span><b>4</b> live demos</span><span>Updated <b>27 Aug 2026</b></span><span>zoe-pitches.mosaic.site</span></div>
     </div>
   </header>
 
@@ -110,12 +110,13 @@
 
       <article class="entry">
         <div class="body">
-          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">SMB · SMS</span><span class="tag live"><span class="dot" aria-hidden="true"></span> Live</span></div>
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">SMB · SMS</span><span class="tag demo">Live demo</span></div>
           <h2>No-Show Killer</h2>
           <p>An autonomous SMS platform that refills cancelled appointment slots in under a minute and prevents no-shows before they happen. Deployed and verified.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
+          <a class="btn demo" href="https://no-show-killer.mosaic.site" target="_blank" rel="noopener" aria-label="Open the live No-Show Killer demo in a new tab">Live&nbsp;demo&nbsp;<span aria-hidden="true">↗</span></a>
           <a class="btn open" href="./no-show-killer/" aria-label="Open the No-Show Killer full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
           <a class="btn sum" href="./no-show-killer/summary.html" aria-label="No-Show Killer executive summary">Summary</a>
           <a class="btn pdf" href="./no-show-killer/No-Show-Killer-Business-Plan.pdf" aria-label="Download the No-Show Killer plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></a>
@@ -124,12 +125,13 @@
 
       <article class="entry">
         <div class="body">
-          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">ElderTech · AI</span><span class="tag live"><span class="dot" aria-hidden="true"></span> Live</span></div>
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">ElderTech · AI</span><span class="tag demo">Live demo</span></div>
           <h2>Evergreen</h2>
           <p>An AI voice companion, scam shield, and licensed safety net for lonely seniors — built and live, with a full competitive analysis.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
+          <a class="btn demo" href="https://evergreen-prototype.mosaic.site" target="_blank" rel="noopener" aria-label="Open the live Evergreen interactive prototype in a new tab">Live&nbsp;demo&nbsp;<span aria-hidden="true">↗</span></a>
           <a class="btn open" href="./evergreen-business-plan/" aria-label="Open the Evergreen full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
           <a class="btn sum" href="./evergreen-business-plan/summary.html" aria-label="Evergreen executive summary">Summary</a>
           <a class="btn pdf" href="./evergreen-business-plan/Evergreen-Business-Plan.pdf" aria-label="Download the Evergreen plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></a>

no-show-killer/index.html

@@ -1,4 +1,6 @@
+<html lang="en">
 <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>No-Show Killer &mdash; Business Plan</title>
 <style>
   :root{
@@ -316,6 +318,7 @@
     </nav>
     <div class="status">
       <span class="pill live"><span class="dot"></span>Live in production</span>
+      <a class="pill pdflink" href="https://no-show-killer.mosaic.site" target="_blank" rel="noopener">Live demo &#8599;</a>
       <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/no-show-killer/No-Show-Killer-Business-Plan.pdf">PDF &#8595;</a>
     </div>
   </div>

no-show-killer/source.html

@@ -318,6 +318,7 @@
     </nav>
     <div class="status">
       <span class="pill live"><span class="dot"></span>Live in production</span>
+      <a class="pill pdflink" href="https://no-show-killer.mosaic.site" target="_blank" rel="noopener">Live demo &#8599;</a>
       <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/no-show-killer/No-Show-Killer-Business-Plan.pdf">PDF &#8595;</a>
     </div>
   </div>