Lengthen the connector, and link the site from the README

The curve dropped straight down beside the token in a 24px span, which read as a
stray mark rather than a line drawn on purpose. It now leaves from under the
sentence and sweeps into the token.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: peopleworks

README.md

@@ -9,6 +9,8 @@
 
 **Teach your AI coding agent what *your* XAF application actually does.**
 
+**[See how it works →](https://peopleworks.github.io/XAFLogicExplainer/)**
+
 Point it at an XAF module. It reads your entities, controllers, actions, business rules,
 navigation and Model Editor customizations straight from source — and hands the result to
 whatever agent you code with.

site/index.html

@@ -465,7 +465,9 @@
    survives any resize -- no measuring, nothing to recompute. */
 .demo__link {
   position: absolute;
-  left: calc(var(--col, 24) * 1ch);
+  /* Offset back so the curve leaves from under the sentence and sweeps into the token, rather
+     than dropping straight down beside it. */
+  left: calc(var(--col, 24) * 1ch - 64px);
   bottom: -34px;
   width: 90px; height: 36px;
   overflow: visible;
@@ -656,7 +658,7 @@ <h2>Same code.<br>Two very different answers.</h2>
         </div>
 
         <svg class="demo__link" style="--col:24" viewBox="0 0 90 36" aria-hidden="true">
-          <path d="M2,2 C2,22 26,16 26,34"/>
+          <path d="M4,0 C4,26 56,6 66,34"/>
         </svg>
       </div>