Angle join pages: matching hook video + three angle points replace the worked example

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/join.html

@@ -19,6 +19,10 @@
   .jn-hero h1 em{font-style:normal;color:var(--mint)}
   .jn-hero p.lead{margin:0 0 12px;text-align:left;max-width:620px;font-size:15.5px}
   .jn-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start;margin-top:4px}
+  #jnVideo{width:100%;aspect-ratio:16/9;display:block;border-radius:16px;border:1px solid var(--line-strong);background:#000}
+  .jn-points{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
+  .jn-points li{position:relative;padding-left:26px;font-size:15px;line-height:1.45}
+  .jn-points li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mint);font-weight:800}
   @media(max-width:860px){.jn-grid{grid-template-columns:1fr}}
   .jn-cap{border-color:var(--mint);box-shadow:0 0 60px rgba(67,232,195,.12);position:sticky;top:18px}
   @media(max-width:860px){.jn-cap{position:static}}
@@ -68,6 +72,11 @@
 
   <div class="jn-grid">
     <div>
+      <div id="jnAngle" hidden>
+        <video id="jnVideo" controls playsinline preload="metadata"></video>
+        <ul class="jn-points" id="jnPoints"></ul>
+      </div>
+      <div id="jnMock">
       <div class="mockup" aria-label="worked example of one purchase">
         <div class="bar"><i></i><i></i><i></i><span class="addr">instantadpay.com/ledger · worked example</span></div>
         <div class="body">
@@ -79,6 +88,7 @@
           <div class="mrow dim"><span>⭐ member #3 now has 2 qualifying buyers</span><span>level 2 ✓</span></div>
         </div>
       </div>
+      </div>
       <p class="small muted" style="margin:10px 0 0">One purchase, one transaction, four payments. <a href="/ledger" target="_blank" rel="noopener">Open the real ledger →</a> <span id="jnStats"></span></p>
 
     </div>
@@ -129,6 +139,6 @@
   </div>
 </div>
 <script src="/assets/common.js?v=20260910c"></script>
-<script src="/assets/join.js?v=20260910b"></script>
+<script src="/assets/join.js?v=20260910c"></script>
 </body>
 </html>