docs: add persistent agent positioning

docs/index.html

@@ -6,12 +6,12 @@
     <title>PI WEB — persistent AI coding agents in your browser</title>
     <meta
       name="description"
-      content="PI WEB is a browser control plane for persistent Pi Coding Agent sessions running on your own machine or server."
+      content="PI WEB makes AI coding work persistent by default: agents keep running outside your browser while you supervise from any device."
     />
     <meta property="og:title" content="PI WEB" />
     <meta
       property="og:description"
-      content="Run AI coding agents in real workspaces, keep them alive, and control everything from a browser."
+      content="Run persistent AI coding agents in real workspaces, keep them alive outside your device, and supervise everything from a browser."
     />
     <meta property="og:image" content="assets/pi-web-banner.png" />
     <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
@@ -121,6 +121,28 @@
         </div>
       </section>
 
+      <section class="section manifesto-section" aria-labelledby="manifesto-title">
+        <div class="container manifesto-panel">
+          <div class="manifesto-copy">
+            <p class="eyebrow"><span class="pulse"></span> The mental shift</p>
+            <h2 id="manifesto-title">Developer tools were built for a world that no longer exists.</h2>
+            <p>
+              Editors and terminals assume the work lives with you, on your device, inside your session. AI agents break
+              that assumption: their work should persist, continue, and evolve independently of your laptop.
+            </p>
+            <p>
+              PI WEB makes persistence first-class. Sessions live outside the browser, agents keep working, and every
+              device becomes a control surface for supervising, redirecting, and reviewing progress.
+            </p>
+          </div>
+          <div class="manifesto-lines" aria-label="PI WEB principles">
+            <p>Persistence should not be something you bolt on after the fact.</p>
+            <p>The work should not disappear the moment your session ends.</p>
+            <p>You do not carry the work. You guide it.</p>
+          </div>
+        </div>
+      </section>
+
       <section class="section">
         <div class="container">
           <div class="section-head">