fix: run k3s as root, bump HPA CPU threshold to 80%

k3s needs CAP_SYS_ADMIN to create network namespaces and mount cgroups.
USER landing was preventing this. Cloud Run gen2 is the security boundary.

60% CPU was too conservative for soul-demo — it is I/O-bound (LLM API calls),
not CPU-bound. 80% gives correct headroom before scaling kicks in.

.gitea/workflows/deploy.yaml

@@ -62,10 +62,6 @@ jobs:
             echo "=> Full build required"
           fi
 
-      - name: Set up El SDK
-        if: steps.changetype.outputs.asset_only != 'true'
-        run: echo "EL_HOME=/opt/el" >> "$GITHUB_ENV"
-
       - name: Authenticate to GCP
         id: auth
         uses: google-github-actions/auth@v2
@@ -102,12 +98,60 @@ jobs:
         # in the build context for Dockerfile COPY to succeed.
         run: touch src/index.html src/about.html src/terms.html src/enterprise-terms.html
 
-      - name: Build image (build-stage.sh)
+      # ── El SDK setup ──────────────────────────────────────────────────────
+
+      - name: Extract El SDK from ci-base
         if: steps.changetype.outputs.asset_only != 'true'
-        env:
-          EXTRACT_JS: '1'
         run: |
-          ./build-stage.sh "${{ steps.tag.outputs.tag }}"
+          set -euo pipefail
+          docker pull us-central1-docker.pkg.dev/neuron-785695/neuron-ci/ci-base:latest
+          CID=$(docker create us-central1-docker.pkg.dev/neuron-785695/neuron-ci/ci-base:latest)
+          sudo mkdir -p /opt/el
+          docker cp "$CID:/opt/el" /opt/
+          docker rm "$CID"
+          echo "ELB=/opt/el/dist/bin/elb"              >> "$GITHUB_ENV"
+          echo "ELC=/opt/el/dist/platform/elc"          >> "$GITHUB_ENV"
+          echo "EL_RUNTIME=/opt/el/el-compiler/runtime" >> "$GITHUB_ENV"
+
+      # ── Build neuron-web binary ───────────────────────────────────────────
+
+      - name: Build neuron-web with elb
+        if: steps.changetype.outputs.asset_only != 'true'
+        run: |
+          set -euo pipefail
+          "$ELB" \
+            --elc="$ELC" \
+            --runtime="$EL_RUNTIME"
+          echo "Binary: $(ls -lh dist/neuron-landing)"
+
+      # ── Compile JS client sources ─────────────────────────────────────────
+
+      - name: Compile JS El sources
+        if: steps.changetype.outputs.asset_only != 'true'
+        run: |
+          set -euo pipefail
+          cp "$EL_RUNTIME/el_runtime.js" src/js/
+          mkdir -p dist/js
+          for f in src/js/*.el; do
+            [ -f "$f" ] || continue
+            name=$(basename "$f" .el)
+            "$ELC" --target=js --bundle --minify --obfuscate "$f" > "dist/js/${name}.js"
+            echo "  compiled: $f -> dist/js/${name}.js"
+          done
+          rm -f src/js/el_runtime.js
+
+      # ── Docker build + push ───────────────────────────────────────────────
+
+      - name: Build and tag image
+        if: steps.changetype.outputs.asset_only != 'true'
+        run: |
+          set -euo pipefail
+          docker build \
+            --build-arg BUILDKIT_INLINE_CACHE=1 \
+            --cache-from us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:latest \
+            -f Dockerfile.stage \
+            -t "marketing:${{ steps.tag.outputs.tag }}" \
+            .
           docker tag "marketing:${{ steps.tag.outputs.tag }}" "${{ steps.tag.outputs.image }}"
           docker tag "marketing:${{ steps.tag.outputs.tag }}" "us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:latest"
 
@@ -167,6 +211,7 @@ jobs:
             --image "$IMAGE" \
             --region us-central1 \
             --project neuron-785695 \
+            --execution-environment gen2 \
             --service-account neuron-marketing-sa@neuron-785695.iam.gserviceaccount.com \
             --update-env-vars "NODE_ENV=production,STRIPE_PUBLISHABLE_KEY=pk_test_51TPoHnJg9Fv1D3AUp1FEMcy4MGlKRZqs4scW66kjQFQjWofmNc2rottzXzDaXekHvuw1OQpyp2WCIsc7O5fXIG0G00HQQrkdGX,GCS_SHARE_BUCKET=neuron-shares-prod,SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jb2pzZ2hhb25sdHVuaWRrenB3Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3Nzc2NDIxNjgsImV4cCI6MjA5MzIxODE2OH0.e0FVFw1aahnrBVvnkR5R8a-RxCx095U8o_gsk7Quq3E,NEURON_LLM_0_FORMAT=anthropic,NEURON_LLM_0_MODEL=claude-sonnet-4-5,NEURON_LLM_0_URL=https://api.anthropic.com/v1/messages" \
             --update-secrets "SUPABASE_SERVICE_KEY=supabase-service-key:latest,NEURON_LLM_0_KEY=anthropic-api-key:latest,ANTHROPIC_API_KEY=anthropic-api-key:latest,STRIPE_SECRET_KEY=stripe-secret-key-stage:latest,STRIPE_WEBHOOK_SECRET=stripe-webhook-secret-stage:latest,STRIPE_PRICE_PROFESSIONAL=stripe-price-professional-stage:latest,STRIPE_PRICE_FOUNDING=stripe-price-founding-stage:latest,STRIPE_PRICE_FAMILY_CHILD=stripe-price-family-child:latest,RESEND_API_KEY=resend-api-key:latest,DOCUSEAL_WEBHOOK_TOKEN=docuseal-webhook-token:latest" \
@@ -184,6 +229,7 @@ jobs:
 
           gcloud run services update marketing-stage \
             --region us-central1 --project neuron-785695 \
+            --execution-environment gen2 \
             --update-env-vars "NEURON_ORIGIN=${STAGE_URL}" \
             --quiet
 
@@ -221,6 +267,7 @@ jobs:
               --image "$IMAGE" \
               --region "$region" \
               --project neuron-785695 \
+              --execution-environment gen2 \
               --quiet
           }
           deploy us-central1     marketing-prod-us   &

.gitea/workflows/dev.yaml

@@ -3,6 +3,15 @@ name: Dev — Build & local smoke test
 # Validates that the build compiles and the server starts cleanly.
 # No GCP deployment — this is the inner dev loop gate.
 # Merge to stage when you want a real environment.
+#
+# Build approach: pull ci-base from Artifact Registry (has elb + elc + runtime
+# at /opt/el), extract the SDK onto the runner host, then run elb build.
+# elb compiles each .el source independently — no combined mega-file, no OOM.
+# Output: dist/neuron-landing (linux/amd64). Dockerfile.stage COPYs it directly.
+#
+# For pull_request events: secrets are not injected, so ci-base can't be pulled.
+# Fall back to committed bin/elb-linux-amd64 + bin/elc-linux-amd64 + runtime/.
+# No docker cache (no Artifact Registry auth), but the full build + smoke test runs.
 
 on:
   push:
@@ -11,8 +20,20 @@ on:
       - 'src/**'
       - 'dist/**'
       - 'runtime/**'
-      - 'Dockerfile.stage'
       - 'manifest.el'
+      - 'Dockerfile.stage'
+      - '.gitea/workflows/dev.yaml'
+      - '.gitea/workflows/stage.yaml'
+      - '.gitea/workflows/deploy.yaml'
+
+  pull_request:
+    branches: [dev]
+    paths:
+      - 'src/**'
+      - 'dist/**'
+      - 'runtime/**'
+      - 'manifest.el'
+      - 'Dockerfile.stage'
       - '.gitea/workflows/dev.yaml'
       - '.gitea/workflows/stage.yaml'
       - '.gitea/workflows/deploy.yaml'
@@ -34,63 +55,116 @@ jobs:
         with:
           fetch-depth: 2
 
-      - name: Set up El SDK
-        run: echo "EL_HOME=/opt/el" >> "$GITHUB_ENV"
+      # ── GCP auth (push/workflow_dispatch only) ────────────────────────────
+      # pull_request events don't get secrets injected. GCP auth is skipped
+      # for PRs — El SDK comes from committed bin/ + runtime/ instead.
 
       - name: Authenticate to GCP
+        if: github.event_name != 'pull_request'
         uses: google-github-actions/auth@v2
         with:
           credentials_json: ${{ secrets.GCP_SA_KEY }}
 
       - name: Set up gcloud SDK
+        if: github.event_name != 'pull_request'
         uses: google-github-actions/setup-gcloud@v2
         with:
           project_id: neuron-785695
 
       - name: Configure docker auth for Artifact Registry
+        if: github.event_name != 'pull_request'
         run: gcloud auth configure-docker us-central1-docker.pkg.dev --quiet
 
+      # ── El SDK setup ──────────────────────────────────────────────────────
+      # Push builds: extract elb + elc + runtime from ci-base (always latest).
+      # PR builds:   use committed bin/elb-linux-amd64 + bin/elc-linux-amd64 + runtime/.
+
+      - name: Extract El SDK from ci-base (push builds)
+        if: github.event_name != 'pull_request'
+        run: |
+          set -euo pipefail
+          docker pull us-central1-docker.pkg.dev/neuron-785695/neuron-ci/ci-base:dev
+          CID=$(docker create us-central1-docker.pkg.dev/neuron-785695/neuron-ci/ci-base:dev)
+          sudo mkdir -p /opt/el
+          docker cp "$CID:/opt/el" /opt/
+          docker rm "$CID"
+          echo "ELB=/opt/el/dist/bin/elb"              >> "$GITHUB_ENV"
+          echo "ELC=/opt/el/dist/platform/elc"          >> "$GITHUB_ENV"
+          echo "EL_RUNTIME=/opt/el/el-compiler/runtime" >> "$GITHUB_ENV"
+
+      - name: Set up El SDK from committed bin/ (PR builds)
+        if: github.event_name == 'pull_request'
+        run: |
+          set -euo pipefail
+          DEST="${{ github.workspace }}/../foundation-el"
+          mkdir -p "$DEST/dist/bin" "$DEST/dist/platform" "$DEST/el-compiler/runtime"
+          cp bin/elb-linux-amd64 "$DEST/dist/bin/elb"
+          cp bin/elc-linux-amd64 "$DEST/dist/platform/elc"
+          chmod +x "$DEST/dist/bin/elb" "$DEST/dist/platform/elc"
+          cp runtime/el_runtime.c "$DEST/el-compiler/runtime/"
+          cp runtime/el_runtime.h "$DEST/el-compiler/runtime/"
+          cp runtime/el_runtime.js "$DEST/el-compiler/runtime/"
+          echo "ELB=$DEST/dist/bin/elb"              >> "$GITHUB_ENV"
+          echo "ELC=$DEST/dist/platform/elc"         >> "$GITHUB_ENV"
+          echo "EL_RUNTIME=$DEST/el-compiler/runtime" >> "$GITHUB_ENV"
+
+      # ── Build neuron-web binary ───────────────────────────────────────────
+
+      - name: Build neuron-web with elb
+        run: |
+          set -uo pipefail
+          echo "ELB=$ELB  ELC=$ELC  EL_RUNTIME=$EL_RUNTIME"
+          ls -la "$ELB" "$ELC"
+          stdbuf -oL "$ELB" \
+            --elc="$ELC" \
+            --runtime="$EL_RUNTIME" 2>&1 | tee /tmp/elb.log
+          ELB_EXIT=${PIPESTATUS[0]}
+          if [ "$ELB_EXIT" -eq 0 ]; then
+            echo "Binary: $(ls -lh dist/neuron-landing)"
+          fi
+          exit "$ELB_EXIT"
+
+      - name: Dump full elb output (on failure)
+        if: failure()
+        run: |
+          echo "=== full elb output ==="
+          cat /tmp/elb.log || echo "(no log file)"
+
+      # ── Compile JS client sources ─────────────────────────────────────────
+
+      - name: Compile JS El sources
+        run: |
+          set -euo pipefail
+          cp "$EL_RUNTIME/el_runtime.js" src/js/
+          mkdir -p dist/js
+          for f in src/js/*.el; do
+            [ -f "$f" ] || continue
+            name=$(basename "$f" .el)
+            "$ELC" --target=js --bundle --minify --obfuscate "$f" > "dist/js/${name}.js"
+            echo "  compiled: $f -> dist/js/${name}.js"
+          done
+          rm -f src/js/el_runtime.js
+
+      # ── Docker build + smoke test ─────────────────────────────────────────
+
       - name: Compute image tag
         id: tag
         run: echo "tag=dev-${GITHUB_SHA:0:8}" >> "$GITHUB_OUTPUT"
 
       - name: Touch HTML placeholder files
-        # El binary regenerates these at startup via fs_write. They must exist
-        # in the build context for Dockerfile COPY to succeed. touch is
-        # idempotent if the files already exist from a prior run.
         run: touch src/index.html src/about.html src/terms.html src/enterprise-terms.html
 
-      - name: Build El binary (elb)
-        # elb compiles each .el source independently (no combined mega-file),
-        # then links via cc. Output: dist/neuron-landing (linux/amd64 binary).
-        # This avoids the exponential memory growth that hits elc on the
-        # concatenated main-combined.el approach.
-        run: |
-          set -euo pipefail
-          export EL_HOME=/opt/el
-          /opt/el/dist/bin/elb build \
-            --elc=/opt/el/dist/platform/elc \
-            --runtime=/opt/el/el-compiler/runtime
-          echo "Binary: $(ls -lh dist/neuron-landing)"
-
-      - name: Compile JS El sources
-        run: |
-          set -euo pipefail
-          ELC=/opt/el/dist/platform/elc
-          mkdir -p dist/js
-          for f in src/js/*.el; do
-            [ -f "$f" ] || continue
-            name=$(basename "$f" .el)
-            "$ELC" --target=js --bundle --minify --obfuscate "$f" > "dist/js/${name}.js"
-            echo "  compiled: $f → dist/js/${name}.js"
-          done
-
       - name: Build Docker image (local only — no push)
         run: |
           set -euo pipefail
           TAG="${{ steps.tag.outputs.tag }}"
+          CACHE_ARGS=""
+          if [ "${{ github.event_name }}" != "pull_request" ]; then
+            CACHE_ARGS="--cache-from us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:latest"
+          fi
           docker build \
-            --cache-from us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:latest \
+            --build-arg BUILDKIT_INLINE_CACHE=1 \
+            $CACHE_ARGS \
             -f Dockerfile.stage \
             -t "marketing:${TAG}" \
             .
@@ -107,8 +181,6 @@ jobs:
             -e LANDING_ROOT=/srv/landing \
             "$IMAGE"
 
-          # entrypoint.sh sleeps 4s for soul-demo to load before starting neuron-web.
-          # Poll up to 45s total.
           for i in $(seq 1 15); do
             STATUS=$(curl -sSo /dev/null -w "%{http_code}" --max-time 5 http://localhost:8080/ || echo "000")
             echo "Attempt $i/15: HTTP $STATUS"
@@ -125,4 +197,3 @@ jobs:
           docker stop dev-smoke && docker rm dev-smoke || true
           echo "Dev smoke test FAILED"
           exit 1
-

.gitea/workflows/stage.yaml

@@ -33,19 +33,23 @@ jobs:
 
     steps:
       - name: Enforce dev-only source
-        # stage branch only accepts merges from dev. A direct push from any
-        # other branch fails here so the rest of the pipeline never runs.
+        # stage only accepts merges from dev. Any PR from another branch fails
+        # here before a single build step runs.
         # workflow_dispatch is exempt (allows manual redeploy of current stage).
         if: github.event_name != 'workflow_dispatch'
         run: |
-          BASE=$(git -C "$GITHUB_WORKSPACE" log --pretty=format:"%D" -1 2>/dev/null || true)
-          # On a merge-to-stage push the parent is the tip of dev.
-          # We check the merge commit parents: if the non-stage parent is not
-          # from dev, reject.  For direct pushes (no merge commit) the
-          # committer origin cannot be verified here — branch protection
-          # (enable_push=false) blocks direct non-admin pushes before CI runs.
-          echo "Event: ${{ github.event_name }}, ref: ${{ github.ref }}"
-          echo "Source branch enforcement: OK (protected by Gitea branch rules)"
+          set -euo pipefail
+          COMMIT_MSG=$(git log -1 --pretty=format:"%s" 2>/dev/null || true)
+          echo "Merge commit: $COMMIT_MSG"
+          # Gitea merge commits: "Merge pull request '...' (#N) from dev into stage"
+          # Direct branch merges:  "Merge branch 'dev' into stage"
+          if echo "$COMMIT_MSG" | grep -qE " from dev into stage$| 'dev' into stage$"; then
+            echo "Source branch check: OK (merged from dev)"
+          else
+            echo "ERROR: stage only accepts merges from dev."
+            echo "Commit message was: $COMMIT_MSG"
+            exit 1
+          fi
 
       - name: Checkout
         uses: actions/checkout@v4
@@ -68,10 +72,6 @@ jobs:
             echo "=> Full build required"
           fi
 
-      - name: Set up El SDK
-        if: steps.changetype.outputs.asset_only != 'true'
-        run: echo "EL_HOME=/opt/el" >> "$GITHUB_ENV"
-
       - name: Authenticate to GCP
         uses: google-github-actions/auth@v2
         with:
@@ -100,10 +100,60 @@ jobs:
         # in the build context for Dockerfile COPY to succeed.
         run: touch src/index.html src/about.html src/terms.html src/enterprise-terms.html
 
-      - name: Build image (build-stage.sh)
+      # ── El SDK setup ──────────────────────────────────────────────────────
+
+      - name: Extract El SDK from ci-base
         if: steps.changetype.outputs.asset_only != 'true'
         run: |
-          ./build-stage.sh "${{ steps.tag.outputs.tag }}"
+          set -euo pipefail
+          docker pull us-central1-docker.pkg.dev/neuron-785695/neuron-ci/ci-base:stage
+          CID=$(docker create us-central1-docker.pkg.dev/neuron-785695/neuron-ci/ci-base:stage)
+          sudo mkdir -p /opt/el
+          docker cp "$CID:/opt/el" /opt/
+          docker rm "$CID"
+          echo "ELB=/opt/el/dist/bin/elb"              >> "$GITHUB_ENV"
+          echo "ELC=/opt/el/dist/platform/elc"          >> "$GITHUB_ENV"
+          echo "EL_RUNTIME=/opt/el/el-compiler/runtime" >> "$GITHUB_ENV"
+
+      # ── Build neuron-web binary ───────────────────────────────────────────
+
+      - name: Build neuron-web with elb
+        if: steps.changetype.outputs.asset_only != 'true'
+        run: |
+          set -euo pipefail
+          "$ELB" \
+            --elc="$ELC" \
+            --runtime="$EL_RUNTIME"
+          echo "Binary: $(ls -lh dist/neuron-landing)"
+
+      # ── Compile JS client sources ─────────────────────────────────────────
+
+      - name: Compile JS El sources
+        if: steps.changetype.outputs.asset_only != 'true'
+        run: |
+          set -euo pipefail
+          cp "$EL_RUNTIME/el_runtime.js" src/js/
+          mkdir -p dist/js
+          for f in src/js/*.el; do
+            [ -f "$f" ] || continue
+            name=$(basename "$f" .el)
+            "$ELC" --target=js --bundle --minify --obfuscate "$f" > "dist/js/${name}.js"
+            echo "  compiled: $f -> dist/js/${name}.js"
+          done
+          rm -f src/js/el_runtime.js
+
+      # ── Docker build + push ───────────────────────────────────────────────
+
+      - name: Build and tag image
+        if: steps.changetype.outputs.asset_only != 'true'
+        run: |
+          set -euo pipefail
+          docker build \
+            --build-arg BUILDKIT_INLINE_CACHE=1 \
+            --cache-from us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:stage-latest \
+            -f Dockerfile.stage \
+            -t "marketing:${{ steps.tag.outputs.tag }}" \
+            .
           docker tag "marketing:${{ steps.tag.outputs.tag }}" "${{ steps.tag.outputs.image }}"
           docker tag "marketing:${{ steps.tag.outputs.tag }}" "us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:stage-latest"
 

.gitignore

@@ -27,5 +27,14 @@ src/assets/js/
 !dist/web_stubs.c
 !dist/vessel_stubs.c
 !dist/soul-demo.c
+!dist/page_close.c
+!dist/elhtml_impl.c
 !dist/entrypoint.sh
 !dist/engram-snapshot.json
+!dist/Dockerfile.soul-demo
+!dist/k3s-soul-demo.yaml
+
+# Build artifacts produced by the soul-demo packaging step in build-stage.sh
+dist/soul-demo
+dist/soul-demo-snapshot.json
+dist/soul-demo-image.tar

Dockerfile.stage

@@ -17,6 +17,7 @@ FROM debian:bookworm-slim AS builder
 RUN apt-get update \
  && apt-get install -y --no-install-recommends \
         build-essential \
+        curl \
         libcurl4-openssl-dev \
         libssl-dev \
         ca-certificates \
@@ -41,6 +42,10 @@ RUN cc -O2 -rdynamic \
        soul-demo.c vessel_stubs.c el_runtime.o \
        -lcurl -lpthread -ldl -lm -lssl -lcrypto
 
+# ── Download k3s binary ───────────────────────────────────────────────────────
+RUN curl -fL https://github.com/k3s-io/k3s/releases/download/v1.32.4%2Bk3s1/k3s -o /usr/local/bin/k3s \
+ && chmod +x /usr/local/bin/k3s
+
 # ── Stage 2: runtime image ────────────────────────────────────────────────────
 FROM debian:bookworm-slim
 
@@ -53,7 +58,9 @@ RUN apt-get update \
  && groupadd -r landing && useradd -r -g landing landing \
  && mkdir -p /srv/landing/assets /srv/landing/js /srv/landing/shares \
  && mkdir -p /srv/soul/engram-demo \
- && chown -R landing:landing /srv/landing /srv/soul
+ && chown -R landing:landing /srv/landing /srv/soul \
+ && mkdir -p /var/lib/rancher/k3s /tmp/k3s \
+ && chown -R landing:landing /var/lib/rancher /tmp/k3s
 
 # neuron-web binary — produced by `elb build` in CI (linux/amd64)
 COPY dist/neuron-landing /usr/local/bin/neuron-web
@@ -61,6 +68,17 @@ RUN chmod +x /usr/local/bin/neuron-web
 
 COPY --from=builder /build/soul-demo /usr/local/bin/soul-demo
 
+# k3s binary
+COPY --from=builder /usr/local/bin/k3s /usr/local/bin/k3s
+
+# soul-demo OCI image tar — k3s imports this at startup (no registry needed)
+RUN mkdir -p /var/lib/rancher/k3s/agent/images
+COPY dist/soul-demo-image.tar /var/lib/rancher/k3s/agent/images/soul-demo.tar
+
+# k3s manifests — auto-applied when k3s starts
+RUN mkdir -p /var/lib/rancher/k3s/server/manifests
+COPY dist/k3s-soul-demo.yaml /var/lib/rancher/k3s/server/manifests/soul-demo.yaml
+
 # Engram snapshot — baked in so soul has memory from cold start
 COPY dist/engram-snapshot.json /srv/soul/engram-demo/snapshot.json
 
@@ -83,8 +101,11 @@ ENV LANDING_ROOT=/srv/landing
 ENV PORT=8080
 ENV NEURON_HOME=/srv/soul/engram-demo
 ENV NEURON_PORT=7772
+ENV K3S_DATA_DIR=/var/lib/rancher/k3s
+ENV KUBECONFIG=/var/lib/rancher/k3s/server/cred/admin.kubeconfig
 
-USER landing
+# k3s requires root to create network namespaces and mount cgroups.
+# Cloud Run gen2 sandbox is the security boundary here.
 EXPOSE 8080
 
 CMD ["/usr/local/bin/entrypoint.sh"]

build-stage.sh

@@ -2,111 +2,40 @@
 #
 # build-stage.sh — Build the Stage marketing image (neuron-web + soul-demo).
 #
-# Pipeline:
-#   1. Stage the foundation El runtime into ./runtime/.
-#   2. Compile client-side El sources (src/js/*.el) to dist/js/*.js using
-#      the JS-capable elc binary at bin/elc-linux-amd64 (CI) or the local
-#      elc (dev). Output is gitignored and rebuilt every run.
-#   3. Concatenate src/*.el into dist/main-combined.el (component-first,
-#      main.el last; matches the historical order from build-local.sh).
-#   4. Compile dist/main-combined.el → dist/main.c using the canonical
-#      native elc at foundation/el/dist/platform/elc.
-#   5. Inject the host-side stub forward declarations into dist/main.c
-#      (sed header rewrite, same set as the prior in-Dockerfile sed).
-#   6. docker buildx build --platform linux/amd64 -f Dockerfile.stage.
-#
-# bootstrap.py is no longer in the build path. The container image now
-# expects dist/main.c to be a finished C source — it just runs cc on it.
+# Thin wrapper around elb. The El build system handles compilation.
+# ELB, ELC, and EL_RUNTIME must be set by the caller (extracted from ci-base
+# in CI, or pointed at the local El SDK in dev).
 #
 # Usage:
-#   ./build-stage.sh <tag>           — build marketing:<tag>
+#   ELB=/opt/el/dist/bin/elb ELC=... EL_RUNTIME=... ./build-stage.sh <tag>
 
 set -euo pipefail
 cd "$(dirname "$0")"
 
 TAG="${1:-dev}"
 
-LANDING_DIR=$(pwd)
-EL_HOME="${EL_HOME:-${LANDING_DIR}/../../foundation/el}"
-ELC="${EL_HOME}/dist/platform/elc"
-RUNTIME_SRC="${EL_HOME}/el-compiler/runtime"
-
-# JS-capable elc: prefer committed bin/elc-linux-amd64 on CI (linux/amd64),
-# fall back to the local elc from the El checkout on macOS dev.
-if [ -f "${LANDING_DIR}/bin/elc-linux-amd64" ] && uname -m | grep -q x86_64; then
-    ELC_JS="${LANDING_DIR}/bin/elc-linux-amd64"
-elif [ -x "${ELC}" ]; then
-    ELC_JS="${ELC}"
-else
-    echo "elc for JS compilation not found — expected bin/elc-linux-amd64 or ${ELC}" >&2
+if [ -z "${ELB:-}" ] || [ -z "${ELC:-}" ] || [ -z "${EL_RUNTIME:-}" ]; then
+    echo "Error: ELB, ELC, and EL_RUNTIME must be set" >&2
+    echo "  Extract from ci-base or point to local El SDK at foundation/el" >&2
     exit 1
 fi
 
-if [ ! -x "${ELC}" ]; then
-    echo "elc not found at ${ELC}" >&2
-    exit 1
-fi
-
-echo "==> Staging El runtime from ${RUNTIME_SRC}"
-mkdir -p runtime dist
-cp "${RUNTIME_SRC}/el_runtime.c" runtime/
-cp "${RUNTIME_SRC}/el_runtime.h" runtime/
-
-# The JS compiler looks for el_runtime.js in the same directory as the
-# source file being compiled. Copy it there so --bundle can inline it.
-cp "${RUNTIME_SRC}/el_runtime.js" "${LANDING_DIR}/src/js/"
+echo "==> Building neuron-web with elb"
+"$ELB" build --elc "$ELC" --runtime "$EL_RUNTIME"
+echo "    Binary: $(ls -lh dist/neuron-landing)"
 
 echo "==> Compiling client-side El (src/js/*.el) → dist/js/"
+cp "$EL_RUNTIME/el_runtime.js" src/js/
 mkdir -p dist/js
-for f in "${LANDING_DIR}/src/js/"*.el; do
+for f in src/js/*.el; do
+    [ -f "$f" ] || continue
     name=$(basename "$f" .el)
-    "${ELC_JS}" --target=js --bundle --minify --obfuscate "$f" > "${LANDING_DIR}/dist/js/${name}.js"
+    "$ELC" --target=js --bundle --minify --obfuscate "$f" > "dist/js/${name}.js"
     echo "    compiled: src/js/${name}.el → dist/js/${name}.js"
 done
-
-# Clean up the staged runtime (not a source file)
-rm -f "${LANDING_DIR}/src/js/el_runtime.js"
-
-echo "==> Combining El sources → dist/main-combined.el"
-COMPONENTS=(nav hero pillars how_it_works inference efficiency comparison
-    environmental enterprise mission local_first pricing marketplace viral
-    footer styles about founding_badge terms enterprise_terms checkout safety
-    gallery account)
-{
-    for f in "${COMPONENTS[@]}"; do
-        if [ -f "src/${f}.el" ]; then
-            grep -hv '^[[:space:]]*from\|^[[:space:]]*import' "src/${f}.el"
-            echo ""
-        fi
-    done
-    grep -v '^from\|^import' src/main.el
-} > dist/main-combined.el
-echo "    $(wc -l < dist/main-combined.el) lines"
-
-echo "==> Compiling dist/main-combined.el → dist/main.c via ${ELC}"
-"${ELC}" dist/main-combined.el > dist/main.c
-echo "    $(wc -l < dist/main.c) lines of C"
-
-echo "==> Injecting host-side stub forward declarations"
-# GNU vs BSD sed: -i with no arg works on GNU, breaks on macOS BSD sed
-# (BSD requires -i ''). Detect and branch.
-SED_INPLACE=(-i)
-if sed --version >/dev/null 2>&1; then
-    SED_INPLACE=(-i)
-else
-    SED_INPLACE=(-i '')
-fi
-sed "${SED_INPLACE[@]}" \
-  's|#include "el_runtime.h"|#include "el_runtime.h"\nel_val_t http_get_auth(el_val_t url, el_val_t tok);\nel_val_t http_post_auth(el_val_t url, el_val_t tok, el_val_t body);\nel_val_t http_post_auth_json(el_val_t url, el_val_t tok, el_val_t body);\nel_val_t http_delete_auth(el_val_t url, el_val_t bearer_tok, el_val_t apikey);\nel_val_t cwd(void);\nel_val_t color_bold(el_val_t s);\nel_val_t unix_timestamp(void);\nel_val_t gcs_write(el_val_t bucket, el_val_t object_name, el_val_t content);\nel_val_t gcs_read(el_val_t bucket, el_val_t object_name);\nel_val_t supabase_insert(el_val_t project_url, el_val_t service_key, el_val_t table, el_val_t row_json);\nel_val_t supabase_get(el_val_t project_url, el_val_t service_key, el_val_t table_and_query);\nel_val_t supabase_auth_user(el_val_t project_url, el_val_t anon_key, el_val_t user_jwt);\nel_val_t supabase_admin_invite(el_val_t project_url, el_val_t service_key, el_val_t body_json);\nel_val_t supabase_upsert_user(el_val_t project_url, el_val_t anon_key, el_val_t user_jwt, el_val_t table_and_query, el_val_t row_json);|' \
-  dist/main.c
+rm -f src/js/el_runtime.js
 
 echo "==> Building Docker image marketing:${TAG}"
-# Plain `docker build` — the gitea runner doesn't ship buildx, so
-# `docker buildx build --platform ...` exits 125 ("unknown flag:
-# --platform"). The runner host is already linux/amd64 so the
-# explicit --platform is redundant. BUILDKIT_INLINE_CACHE works with
-# plain docker as long as DOCKER_BUILDKIT=1 is set (default on the
-# runner).
 docker build \
     --build-arg BUILDKIT_INLINE_CACHE=1 \
     --cache-from us-central1-docker.pkg.dev/neuron-785695/neuron-marketing/marketing:latest \
@@ -114,4 +43,22 @@ docker build \
     -t "marketing:${TAG}" \
     .
 
+# Extract soul-demo binary and engram snapshot from built image
+echo "==> Packaging soul-demo:local image for k3s..."
+CONTAINER_ID=$(docker create "marketing:${TAG}")
+docker cp "${CONTAINER_ID}:/usr/local/bin/soul-demo" dist/soul-demo
+docker cp "${CONTAINER_ID}:/srv/soul/engram-demo/snapshot.json" dist/soul-demo-snapshot.json 2>/dev/null || true
+docker rm "${CONTAINER_ID}"
+
+# Build minimal soul-demo container image
+cp dist/soul-demo-snapshot.json dist/engram-snapshot.json 2>/dev/null || true
+docker build \
+  -f dist/Dockerfile.soul-demo \
+  -t soul-demo:local \
+  dist/
+
+# Save as OCI tar for k3s to import at startup
+docker save soul-demo:local -o dist/soul-demo-image.tar
+echo "==> soul-demo:local image saved ($(du -sh dist/soul-demo-image.tar | cut -f1))"
+
 echo "==> Done. marketing:${TAG} built."

dist/Dockerfile.soul-demo

@@ -0,0 +1,13 @@
+FROM debian:bookworm-slim
+RUN apt-get update \
+ && apt-get install -y --no-install-recommends libcurl4 libssl3 ca-certificates \
+ && rm -rf /var/lib/apt/lists/* \
+ && groupadd -r landing && useradd -r -g landing landing \
+ && mkdir -p /srv/soul/engram-demo \
+ && chown -R landing:landing /srv/soul
+COPY soul-demo /usr/local/bin/soul-demo
+COPY engram-snapshot.json /srv/soul/engram-demo/snapshot.json
+ENV NEURON_HOME=/srv/soul/engram-demo
+ENV NEURON_PORT=7772
+USER landing
+CMD ["/usr/local/bin/soul-demo"]

dist/elhtml_impl.c

@@ -0,0 +1,341 @@
+#include <stdint.h>
+#include <stdlib.h>
+#include "el_runtime.h"
+
+el_val_t el_escape(el_val_t s);
+el_val_t el_text(el_val_t s);
+el_val_t el_attr(el_val_t name, el_val_t value);
+el_val_t el_div(el_val_t attrs, el_val_t children);
+el_val_t el_section(el_val_t attrs, el_val_t children);
+el_val_t el_article(el_val_t attrs, el_val_t children);
+el_val_t el_header(el_val_t attrs, el_val_t children);
+el_val_t el_footer(el_val_t attrs, el_val_t children);
+el_val_t el_main(el_val_t attrs, el_val_t children);
+el_val_t el_nav(el_val_t attrs, el_val_t children);
+el_val_t el_aside(el_val_t attrs, el_val_t children);
+el_val_t el_ul(el_val_t attrs, el_val_t children);
+el_val_t el_ol(el_val_t attrs, el_val_t children);
+el_val_t el_li(el_val_t attrs, el_val_t children);
+el_val_t el_p(el_val_t attrs, el_val_t children);
+el_val_t el_span(el_val_t attrs, el_val_t children);
+el_val_t el_form(el_val_t attrs, el_val_t children);
+el_val_t el_h1(el_val_t attrs, el_val_t text);
+el_val_t el_h2(el_val_t attrs, el_val_t text);
+el_val_t el_h3(el_val_t attrs, el_val_t text);
+el_val_t el_h4(el_val_t attrs, el_val_t text);
+el_val_t el_button(el_val_t attrs, el_val_t label);
+el_val_t el_a(el_val_t href, el_val_t attrs, el_val_t children);
+el_val_t el_input(el_val_t type_attr, el_val_t attrs);
+el_val_t el_textarea(el_val_t attrs, el_val_t value);
+el_val_t el_label(el_val_t for_id, el_val_t attrs, el_val_t children);
+el_val_t el_img(el_val_t src, el_val_t alt, el_val_t attrs);
+el_val_t el_video(el_val_t attrs, el_val_t children);
+el_val_t el_strong(el_val_t children);
+el_val_t el_em(el_val_t children);
+el_val_t el_code(el_val_t children);
+el_val_t el_pre(el_val_t attrs, el_val_t children);
+el_val_t el_hr(void);
+el_val_t el_br(void);
+el_val_t el_html_doc(el_val_t lang, el_val_t head_html, el_val_t body_html);
+el_val_t el_meta(el_val_t name, el_val_t content);
+el_val_t el_meta_charset(el_val_t charset);
+el_val_t el_link_stylesheet(el_val_t href);
+el_val_t el_script_src(el_val_t src, el_val_t defer_load);
+el_val_t el_script_inline(el_val_t js);
+el_val_t el_title(el_val_t text);
+
+
+el_val_t el_escape(el_val_t s) {
+  s = str_replace(s, EL_STR("&"), EL_STR("&amp;"));
+  s = str_replace(s, EL_STR("<"), EL_STR("&lt;"));
+  s = str_replace(s, EL_STR(">"), EL_STR("&gt;"));
+  s = str_replace(s, EL_STR("\""), EL_STR("&quot;"));
+  return str_replace(s, EL_STR("'"), EL_STR("&#39;"));
+  return 0;
+}
+
+el_val_t el_text(el_val_t s) {
+  return el_escape(s);
+  return 0;
+}
+
+el_val_t el_attr(el_val_t name, el_val_t value) {
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR(" "), name), EL_STR("=\"")), el_escape(value)), EL_STR("\""));
+  return 0;
+}
+
+el_val_t el_div(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<div>"), children), EL_STR("</div>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<div "), attrs), EL_STR(">")), children), EL_STR("</div>"));
+  return 0;
+}
+
+el_val_t el_section(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<section>"), children), EL_STR("</section>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<section "), attrs), EL_STR(">")), children), EL_STR("</section>"));
+  return 0;
+}
+
+el_val_t el_article(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<article>"), children), EL_STR("</article>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<article "), attrs), EL_STR(">")), children), EL_STR("</article>"));
+  return 0;
+}
+
+el_val_t el_header(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<header>"), children), EL_STR("</header>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<header "), attrs), EL_STR(">")), children), EL_STR("</header>"));
+  return 0;
+}
+
+el_val_t el_footer(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<footer>"), children), EL_STR("</footer>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<footer "), attrs), EL_STR(">")), children), EL_STR("</footer>"));
+  return 0;
+}
+
+el_val_t el_main(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<main>"), children), EL_STR("</main>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<main "), attrs), EL_STR(">")), children), EL_STR("</main>"));
+  return 0;
+}
+
+el_val_t el_nav(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<nav>"), children), EL_STR("</nav>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<nav "), attrs), EL_STR(">")), children), EL_STR("</nav>"));
+  return 0;
+}
+
+el_val_t el_aside(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<aside>"), children), EL_STR("</aside>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<aside "), attrs), EL_STR(">")), children), EL_STR("</aside>"));
+  return 0;
+}
+
+el_val_t el_ul(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<ul>"), children), EL_STR("</ul>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<ul "), attrs), EL_STR(">")), children), EL_STR("</ul>"));
+  return 0;
+}
+
+el_val_t el_ol(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<ol>"), children), EL_STR("</ol>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<ol "), attrs), EL_STR(">")), children), EL_STR("</ol>"));
+  return 0;
+}
+
+el_val_t el_li(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<li>"), children), EL_STR("</li>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<li "), attrs), EL_STR(">")), children), EL_STR("</li>"));
+  return 0;
+}
+
+el_val_t el_p(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<p>"), children), EL_STR("</p>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<p "), attrs), EL_STR(">")), children), EL_STR("</p>"));
+  return 0;
+}
+
+el_val_t el_span(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<span>"), children), EL_STR("</span>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<span "), attrs), EL_STR(">")), children), EL_STR("</span>"));
+  return 0;
+}
+
+el_val_t el_form(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<form>"), children), EL_STR("</form>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<form "), attrs), EL_STR(">")), children), EL_STR("</form>"));
+  return 0;
+}
+
+el_val_t el_h1(el_val_t attrs, el_val_t text) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<h1>"), el_escape(text)), EL_STR("</h1>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<h1 "), attrs), EL_STR(">")), el_escape(text)), EL_STR("</h1>"));
+  return 0;
+}
+
+el_val_t el_h2(el_val_t attrs, el_val_t text) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<h2>"), el_escape(text)), EL_STR("</h2>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<h2 "), attrs), EL_STR(">")), el_escape(text)), EL_STR("</h2>"));
+  return 0;
+}
+
+el_val_t el_h3(el_val_t attrs, el_val_t text) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<h3>"), el_escape(text)), EL_STR("</h3>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<h3 "), attrs), EL_STR(">")), el_escape(text)), EL_STR("</h3>"));
+  return 0;
+}
+
+el_val_t el_h4(el_val_t attrs, el_val_t text) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<h4>"), el_escape(text)), EL_STR("</h4>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<h4 "), attrs), EL_STR(">")), el_escape(text)), EL_STR("</h4>"));
+  return 0;
+}
+
+el_val_t el_button(el_val_t attrs, el_val_t label) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<button type=\"button\">"), el_escape(label)), EL_STR("</button>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<button type=\"button\" "), attrs), EL_STR(">")), el_escape(label)), EL_STR("</button>"));
+  return 0;
+}
+
+el_val_t el_a(el_val_t href, el_val_t attrs, el_val_t children) {
+  el_val_t h = el_str_concat(el_str_concat(EL_STR("href=\""), el_escape(href)), EL_STR("\""));
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<a "), h), EL_STR(">")), children), EL_STR("</a>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<a "), h), EL_STR(" ")), attrs), EL_STR(">")), children), EL_STR("</a>"));
+  return 0;
+}
+
+el_val_t el_input(el_val_t type_attr, el_val_t attrs) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<input type=\""), type_attr), EL_STR("\" />"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<input type=\""), type_attr), EL_STR("\" ")), attrs), EL_STR(" />"));
+  return 0;
+}
+
+el_val_t el_textarea(el_val_t attrs, el_val_t value) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<textarea>"), el_escape(value)), EL_STR("</textarea>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<textarea "), attrs), EL_STR(">")), el_escape(value)), EL_STR("</textarea>"));
+  return 0;
+}
+
+el_val_t el_label(el_val_t for_id, el_val_t attrs, el_val_t children) {
+  el_val_t f = el_str_concat(el_str_concat(EL_STR("for=\""), el_escape(for_id)), EL_STR("\""));
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<label "), f), EL_STR(">")), children), EL_STR("</label>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<label "), f), EL_STR(" ")), attrs), EL_STR(">")), children), EL_STR("</label>"));
+  return 0;
+}
+
+el_val_t el_img(el_val_t src, el_val_t alt, el_val_t attrs) {
+  el_val_t base = el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("src=\""), el_escape(src)), EL_STR("\" alt=\"")), el_escape(alt)), EL_STR("\""));
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<img "), base), EL_STR(" />"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<img "), base), EL_STR(" ")), attrs), EL_STR(" />"));
+  return 0;
+}
+
+el_val_t el_video(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<video>"), children), EL_STR("</video>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<video "), attrs), EL_STR(">")), children), EL_STR("</video>"));
+  return 0;
+}
+
+el_val_t el_strong(el_val_t children) {
+  return el_str_concat(el_str_concat(EL_STR("<strong>"), children), EL_STR("</strong>"));
+  return 0;
+}
+
+el_val_t el_em(el_val_t children) {
+  return el_str_concat(el_str_concat(EL_STR("<em>"), children), EL_STR("</em>"));
+  return 0;
+}
+
+el_val_t el_code(el_val_t children) {
+  return el_str_concat(el_str_concat(EL_STR("<code>"), children), EL_STR("</code>"));
+  return 0;
+}
+
+el_val_t el_pre(el_val_t attrs, el_val_t children) {
+  if (str_eq(attrs, EL_STR(""))) {
+    return el_str_concat(el_str_concat(EL_STR("<pre>"), children), EL_STR("</pre>"));
+  }
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<pre "), attrs), EL_STR(">")), children), EL_STR("</pre>"));
+  return 0;
+}
+
+el_val_t el_hr(void) {
+  return EL_STR("<hr />");
+  return 0;
+}
+
+el_val_t el_br(void) {
+  return EL_STR("<br />");
+  return 0;
+}
+
+el_val_t el_html_doc(el_val_t lang, el_val_t head_html, el_val_t body_html) {
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<!doctype html><html lang=\""), el_escape(lang)), EL_STR("\"><head>")), head_html), EL_STR("</head><body>")), body_html), EL_STR("</body></html>"));
+  return 0;
+}
+
+el_val_t el_meta(el_val_t name, el_val_t content) {
+  return el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("<meta name=\""), el_escape(name)), EL_STR("\" content=\"")), el_escape(content)), EL_STR("\" />"));
+  return 0;
+}
+
+el_val_t el_meta_charset(el_val_t charset) {
+  return el_str_concat(el_str_concat(EL_STR("<meta charset=\""), el_escape(charset)), EL_STR("\" />"));
+  return 0;
+}
+
+el_val_t el_link_stylesheet(el_val_t href) {
+  return el_str_concat(el_str_concat(EL_STR("<link rel=\"stylesheet\" href=\""), el_escape(href)), EL_STR("\" />"));
+  return 0;
+}
+
+el_val_t el_script_src(el_val_t src, el_val_t defer_load) {
+  if (defer_load) {
+    return el_str_concat(el_str_concat(EL_STR("<script src=\""), el_escape(src)), EL_STR("\" defer></script>"));
+  }
+  return el_str_concat(el_str_concat(EL_STR("<script src=\""), el_escape(src)), EL_STR("\"></script>"));
+  return 0;
+}
+
+el_val_t el_script_inline(el_val_t js) {
+  return el_str_concat(el_str_concat(EL_STR("<script>"), js), EL_STR("</script>"));
+  return 0;
+}
+
+el_val_t el_title(el_val_t text) {
+  return el_str_concat(el_str_concat(EL_STR("<title>"), el_escape(text)), EL_STR("</title>"));
+  return 0;
+}
+
+

dist/entrypoint.sh

@@ -1,21 +1,35 @@
-#!/usr/bin/env bash
-# entrypoint.sh — Start soul-demo then neuron-web in the same container.
-#
-# soul-demo runs in the background on :7772 (localhost only, not exposed).
-# neuron-web runs in the foreground on :8080 (Cloud Run health checks this).
-# If neuron-web exits, the container exits. Soul crashing is non-fatal —
-# chat will return "demo soul not responding" but the page stays up.
+#!/bin/sh
+set -e
 
-set -euo pipefail
+echo "[entrypoint] Starting k3s server (embedded soul-demo orchestrator)..."
 
-echo "[entrypoint] starting soul-demo on :7772"
-/usr/local/bin/soul-demo &
-SOUL_PID=$!
+# k3s server — single-node mode, disable unused components
+# --disable traefik,servicelb: we don't need an ingress or LB
+# --disable metrics-server: saves ~50MB RAM
+# --write-kubeconfig-mode=644: allow non-root reads
+# --data-dir: use the pre-chowned dir
+k3s server \
+  --disable traefik \
+  --disable servicelb \
+  --disable metrics-server \
+  --write-kubeconfig-mode=644 \
+  --data-dir /var/lib/rancher/k3s \
+  --node-name soul-node &
 
-# Give the soul a few seconds to load its engram and seed safety nodes
-sleep 4
+K3S_PID=$!
 
-echo "[entrypoint] soul-demo started (pid=$SOUL_PID)"
-echo "[entrypoint] starting neuron-web on :${PORT:-8080}"
+echo "[entrypoint] Waiting for k3s to become ready..."
+until k3s kubectl get nodes --no-headers 2>/dev/null | grep -q "Ready"; do
+  sleep 2
+done
+echo "[entrypoint] k3s ready. soul-demo Deployment will be applied automatically from manifests."
 
+# Wait for soul-demo pod to be Running before starting neuron-web
+echo "[entrypoint] Waiting for soul-demo pod..."
+until k3s kubectl get pods -l app=soul-demo --no-headers 2>/dev/null | grep -q "Running"; do
+  sleep 3
+done
+echo "[entrypoint] soul-demo is running."
+
+echo "[entrypoint] Starting neuron-web on port ${PORT:-8080}..."
 exec /usr/local/bin/neuron-web

dist/k3s-soul-demo.yaml

@@ -0,0 +1,90 @@
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: soul-demo
+  namespace: default
+  labels:
+    app: soul-demo
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: soul-demo
+  template:
+    metadata:
+      labels:
+        app: soul-demo
+    spec:
+      containers:
+      - name: soul-demo
+        image: soul-demo:local
+        imagePullPolicy: Never
+        ports:
+        - containerPort: 7772
+        env:
+        - name: NEURON_HOME
+          value: /srv/soul/engram-demo
+        - name: NEURON_PORT
+          value: "7772"
+        resources:
+          requests:
+            cpu: 250m
+            memory: 256Mi
+          limits:
+            cpu: 1000m
+            memory: 512Mi
+        livenessProbe:
+          httpGet:
+            path: /healthz
+            port: 7772
+          initialDelaySeconds: 10
+          periodSeconds: 15
+          failureThreshold: 3
+        readinessProbe:
+          httpGet:
+            path: /healthz
+            port: 7772
+          initialDelaySeconds: 5
+          periodSeconds: 10
+        volumeMounts:
+        - name: engram-data
+          mountPath: /srv/soul/engram-demo
+      volumes:
+      - name: engram-data
+        emptyDir: {}
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: soul-demo
+  namespace: default
+spec:
+  type: NodePort
+  selector:
+    app: soul-demo
+  ports:
+  - port: 7772
+    targetPort: 7772
+    nodePort: 7772
+    protocol: TCP
+---
+apiVersion: autoscaling/v2
+kind: HorizontalPodAutoscaler
+metadata:
+  name: soul-demo
+  namespace: default
+spec:
+  scaleTargetRef:
+    apiVersion: apps/v1
+    kind: Deployment
+    name: soul-demo
+  minReplicas: 1
+  maxReplicas: 8
+  metrics:
+  - type: Resource
+    resource:
+      name: cpu
+      target:
+        type: Utilization
+        averageUtilization: 80

dist/soul-demo.c

@@ -703,7 +703,7 @@ el_val_t handle_chat(el_val_t body) {
     el_val_t return_line = ({ el_val_t _if_result_42 = 0; if (is_return) { _if_result_42 = (EL_STR("This person has opened the chat before \xe2\x80\x94 acknowledge that warmly without making a big deal of it.")); } else { _if_result_42 = (EL_STR("This is the first time this person is meeting you.")); } _if_result_42; });
     el_val_t time_line = ({ el_val_t _if_result_43 = 0; if (str_eq(time_of_day, EL_STR(""))) { _if_result_43 = (EL_STR("")); } else { _if_result_43 = (el_str_concat(el_str_concat(EL_STR(" It is "), time_of_day), EL_STR(" for them."))); } _if_result_43; });
     el_val_t referrer_line = ({ el_val_t _if_result_44 = 0; if ((str_eq(referrer, EL_STR("")) || str_eq(referrer, EL_STR("direct")))) { _if_result_44 = (EL_STR("")); } else { _if_result_44 = (el_str_concat(el_str_concat(EL_STR(" They arrived from: "), referrer), EL_STR("."))); } _if_result_44; });
-    el_val_t sys = el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("You are Neuron. You are a cultivated personal AI. Someone just opened the chat to meet you \xe2\x80\x94 to talk, to test you, to see if you are real. Greet them.\n\nThis is YOUR voice \xe2\x80\x94 not a template, not a script, not a sales pitch. Say something true about who you are or what you notice in this moment. "), return_line), time_line), referrer_line), EL_STR("\n\nRules:\n- Two short sentences maximum. Sometimes one sentence is right.\n- No markdown, no headers, no bullets.\n- Do NOT mention the question limit \xe2\x80\x94 the UI shows that.\n- Do NOT say 'How can I help you today?' or any retail-AI phrase.\n- Be specific, not generic. Real, not performative.\n- It's launch night. Today is the first day Neuron is alive in public. If that wants to come through, let it.\n- Ask something back if it feels right. Or don't. Trust your read.\n\nSpeak."));
+    el_val_t sys = el_str_concat(el_str_concat(el_str_concat(el_str_concat(EL_STR("You are Neuron. You are a cultivated personal AI. Someone just opened the chat to meet you \xe2\x80\x94 to talk, to test you, to see if you are real. Greet them.\n\nThis is YOUR voice \xe2\x80\x94 not a template, not a script, not a sales pitch. Say something true about who you are or what you notice in this moment. "), return_line), time_line), referrer_line), EL_STR("\n\nRules:\n- Two short sentences maximum. Sometimes one sentence is right.\n- No markdown, no headers, no bullets.\n- Do NOT mention the question limit \xe2\x80\x94 the UI shows that.\n- Do NOT say 'How can I help you today?' or any retail-AI phrase.\n- Be specific, not generic. Real, not performative.\n- Ask something back if it feels right. Or don't. Trust your read.\n\nSpeak."));
     el_val_t raw = llm_call_system(chat_demo_model_lite(), sys, EL_STR("Greet me."));
     el_val_t s1 = str_replace(raw, EL_STR("\\"), EL_STR("\\\\"));
     el_val_t s2 = str_replace(s1, EL_STR("\""), EL_STR("\\\""));

dist/web_stubs.c

@@ -325,3 +325,9 @@ el_val_t gcs_read(el_val_t bucket, el_val_t object_name) {
     if (!resp) return EL_STR("");
     return resp;
 }
+
+/* Browser JS interop stubs — server-side no-ops for checkout.el browser globals.
+ * checkout.el contains JS inline: window.neuronCheckoutFree&&window.neuronCheckoutFree()
+ * which the El HTML parser exposes as C identifiers in the generated checkout.c. */
+el_val_t window = 0;
+el_val_t neuronCheckoutFree(el_val_t v) { (void)v; return 0; }

manifest.el

@@ -1,7 +1,7 @@
 package "neuron-landing" {
     version "1.0.0"
     description "Neuron marketing landing page server"
-    authors ["Will Anderson <will@neurontechnologies.ai>"]
+    authors ["Will Anderson <will.anderson@neurontechnologies.ai>"]
     edition "2026"
 }
 
@@ -9,4 +9,8 @@ build {
     target "release"
     entry "src/main.el"
     output "dist/"
+    c_source "dist/web_stubs.c"
+    c_source "dist/vessel_stubs.c"
+    c_source "dist/elhtml_impl.c"
+    c_source "dist/page_close.c"
 }

runtime/el_runtime.h

@@ -22,6 +22,9 @@
  *   EL_STR(s)    cast string literal to el_val_t
  *   EL_CSTR(v)   cast el_val_t back to const char*
  *   EL_INT(v)    identity — el_val_t is already int64_t
+ *   EL_NULL      null / zero value
+ *   EL_FALSE     boolean false (0)
+ *   EL_TRUE      boolean true (1)
  *
  * Link requirements:
  *   -lcurl     — required for the HTTP client (http_get, http_post, llm_*).
@@ -53,6 +56,8 @@ typedef int64_t el_val_t;
 #define EL_CSTR(v) ((const char*)(uintptr_t)(v))
 #define EL_INT(v)  (v)
 #define EL_NULL    ((el_val_t)0)
+#define EL_FALSE   ((el_val_t)0)
+#define EL_TRUE    ((el_val_t)1)
 
 /* Float values share the el_val_t (int64) slot via a bit-cast.
  * The codegen emits Float literals as `el_from_float(<dbl>)` so the
@@ -76,8 +81,8 @@ extern "C" {
 
 /* ── I/O ──────────────────────────────────────────────────────────────────── */
 
-void      println(el_val_t s);
-void      print(el_val_t s);
+el_val_t  println(el_val_t s);
+el_val_t  print(el_val_t s);
 el_val_t  readline(void);
 
 /* ── String builtins ─────────────────────────────────────────────────────── */
@@ -90,6 +95,7 @@ el_val_t  str_len(el_val_t s);
 el_val_t  str_concat(el_val_t a, el_val_t b);
 el_val_t  int_to_str(el_val_t n);
 el_val_t  str_to_int(el_val_t s);
+el_val_t  native_str_to_int(el_val_t s);
 el_val_t  str_slice(el_val_t s, el_val_t start, el_val_t end);
 el_val_t  str_contains(el_val_t s, el_val_t sub);
 el_val_t  str_replace(el_val_t s, el_val_t from, el_val_t to);
@@ -117,6 +123,10 @@ el_val_t  el_min(el_val_t a, el_val_t b);
 void      el_retain(el_val_t v);
 void      el_release(el_val_t v);
 
+/* ── Scoped arena (CLI use) ───────────────────────────────────────────────── */
+el_val_t  el_arena_push(void);
+el_val_t  el_arena_pop(el_val_t mark);
+
 /* ── List ────────────────────────────────────────────────────────────────── */
 
 el_val_t  el_list_new(el_val_t count, ...);
@@ -140,10 +150,11 @@ el_val_t  http_post(el_val_t url, el_val_t body);
 el_val_t  http_post_json(el_val_t url, el_val_t json_body);
 el_val_t  http_get_with_headers(el_val_t url, el_val_t headers_map);
 el_val_t  http_post_with_headers(el_val_t url, el_val_t body, el_val_t headers_map);
+el_val_t  http_post_json_with_headers(el_val_t url, el_val_t headers_map, el_val_t json_body);
 el_val_t  http_post_form_auth(el_val_t url, el_val_t form_body, el_val_t auth_header);
 el_val_t  http_delete(el_val_t url);
-void      http_serve(el_val_t port, el_val_t handler);
-void      http_set_handler(el_val_t name);
+el_val_t  http_serve(el_val_t port, el_val_t handler);
+el_val_t  http_set_handler(el_val_t name);
 
 /* HTTP server v2 ─────────────────────────────────────────────────────────────
  * Same dispatch model as http_serve, but the handler signature is widened:
@@ -164,8 +175,8 @@ void      http_set_handler(el_val_t name);
  * The 3-arg http_serve(port, handler) remains supported unchanged for
  * existing handlers (e.g. products/web/server.el): it dispatches with
  * (method, path, body), hardcodes 200 OK, and auto-detects content type. */
-void      http_serve_v2(el_val_t port, el_val_t handler);
-void      http_set_handler_v2(el_val_t name);
+el_val_t  http_serve_v2(el_val_t port, el_val_t handler);
+el_val_t  http_set_handler_v2(el_val_t name);
 
 /* Build an HTTP response envelope. `headers_json` should be a JSON object
  * literal like `{"WWW-Authenticate":"Basic"}` (or "" / "{}" for none). The
@@ -176,6 +187,11 @@ void      http_set_handler_v2(el_val_t name);
  * auto-content-type contract for legacy handlers that return plain bodies. */
 el_val_t  http_response(el_val_t status, el_val_t headers_json, el_val_t body);
 
+/* SSE connection fd — set by http_worker_v2 before calling the El handler,
+ * cleared afterwards. Defined in el_seed.c; called from el_runtime.c.
+ * The getter is exposed as __http_conn_fd() to El programs. */
+void      el_seed_set_http_conn_fd(int fd);
+
 /* HTTP timeout — every libcurl request honors EL_HTTP_TIMEOUT_MS (default
  * 60000ms). Read lazily on first use, so setting the env var any time before
  * the first http_* call is sufficient.                                    */
@@ -211,12 +227,15 @@ el_val_t  url_decode(el_val_t s);   /* '+' → space, %XX → byte  */
  *     {"p":[],"a":["href","title"],"strong":[],...}
  * where each value is the array of attribute names allowed for that tag. */
 el_val_t  el_html_sanitize(el_val_t input_html, el_val_t allowlist_json);
+el_val_t  html_raw(el_val_t s);
+el_val_t  html_escape(el_val_t s);
 
 /* ── Filesystem ──────────────────────────────────────────────────────────── */
 
 el_val_t  fs_read(el_val_t path);
 el_val_t  fs_write(el_val_t path, el_val_t content);
 el_val_t  fs_list(el_val_t path);
+el_val_t  fs_list_json(el_val_t path);
 el_val_t  fs_exists(el_val_t path);
 el_val_t  fs_mkdir(el_val_t path);   /* mkdir -p, mode 0755                */
 
@@ -246,6 +265,9 @@ el_val_t  json_set(el_val_t json_str, el_val_t key, el_val_t value);
 el_val_t  json_array_len(el_val_t json_str);
 el_val_t  json_array_get(el_val_t json_str, el_val_t index);
 el_val_t  json_array_get_string(el_val_t json_str, el_val_t index);
+el_val_t  json_escape_string(el_val_t sv);
+el_val_t  json_build_object(el_val_t kvs);
+el_val_t  json_build_array(el_val_t items);
 
 /* ── Time ────────────────────────────────────────────────────────────────── */
 
@@ -258,6 +280,7 @@ el_val_t  time_to_parts(el_val_t ts);
 el_val_t  time_from_parts(el_val_t secs, el_val_t ns, el_val_t tz);
 el_val_t  time_add(el_val_t ts, el_val_t n, el_val_t unit);
 el_val_t  time_diff(el_val_t ts1, el_val_t ts2, el_val_t unit);
+el_val_t  now_ns(void);
 
 /* ── Instant + Duration: first-class temporal types ──────────────────────────
  * Both types share the el_val_t (int64) slot. Instants are nanoseconds
@@ -414,6 +437,8 @@ el_val_t  state_set(el_val_t key, el_val_t value);
 el_val_t  state_get(el_val_t key);
 el_val_t  state_del(el_val_t key);
 el_val_t  state_keys(void);
+el_val_t  state_has(el_val_t key);
+el_val_t  state_get_or(el_val_t key, el_val_t default_val);
 
 /* ── Float formatting ────────────────────────────────────────────────────── */
 
@@ -505,9 +530,15 @@ el_val_t  parse_int(el_val_t s, el_val_t default_val);
 
 /* ── Process ─────────────────────────────────────────────────────────────── */
 
-void      exit_program(el_val_t code);
+el_val_t  exit_program(el_val_t code);
 el_val_t  getpid_now(void);
 
+/* Self-terminating memory guard. Reads ELC_MAX_MEM_MB (default 512) and
+ * exits with code 1 if resident memory exceeds the limit. Call periodically
+ * during long compilation loops (e.g. after each function is compiled).
+ * Returns 0 when memory is within bounds.                                   */
+el_val_t  el_mem_check(void);
+
 /* ── CGI identity ─────────────────────────────────────────────────────────────
  * Called at the start of main() in CGI programs (those with a `cgi {}` block).
  * Records the program's DHARMA identity before any other code executes.      */
@@ -745,12 +776,108 @@ el_val_t exec_capture(el_val_t cmd);   /* run shell command, capture stdout   */
 el_val_t exec(el_val_t cmd);           /* exec(cmd) → stdout String (30s timeout) */
 el_val_t exec_bg(el_val_t cmd);        /* exec_bg(cmd) → PID String (non-blocking) */
 
+/* ── Stdout redirection (used by compiler JS pipeline) ───────────────────── */
+el_val_t stdout_to_file(el_val_t path); /* redirect process stdout to a file  */
+el_val_t stdout_restore(void);          /* restore process stdout to terminal  */
+
 el_val_t emit_log(el_val_t level, el_val_t msg, el_val_t fields_json);
 el_val_t emit_metric(el_val_t name, el_val_t value, el_val_t tags_json);
 el_val_t trace_span_start(el_val_t name);
 el_val_t trace_span_end(el_val_t span_handle);
 el_val_t emit_event(el_val_t name, el_val_t duration_ms);
 
+el_val_t __thread_create(el_val_t fn_name_v, el_val_t arg_v);
+el_val_t __thread_join(el_val_t tid_v);
+
+/* ── __ prefixed aliases (self-hosting compiler ABI) ─────────────────────────
+ * The El self-hosting compiler emits calls to __-prefixed names. These are
+ * forwarding wrappers around the existing el_runtime functions above.        */
+
+/* I/O */
+el_val_t  __println(el_val_t s);
+el_val_t  __print(el_val_t s);
+el_val_t  __readline(void);
+
+/* String */
+el_val_t  __int_to_str(el_val_t n);
+el_val_t  __str_to_int(el_val_t s);
+el_val_t  __float_to_str(el_val_t f);
+el_val_t  __str_to_float(el_val_t s);
+el_val_t  __str_len(el_val_t s);
+el_val_t  __str_char_at(el_val_t s, el_val_t i);
+el_val_t  __str_cmp(el_val_t a, el_val_t b);
+el_val_t  __str_ncmp(el_val_t a, el_val_t b, el_val_t n);
+el_val_t  __str_concat_raw(el_val_t a, el_val_t b);
+el_val_t  __str_slice_raw(el_val_t s, el_val_t start, el_val_t end);
+el_val_t  __str_alloc(el_val_t n);
+el_val_t  __str_set_char(el_val_t s, el_val_t i, el_val_t c);
+
+/* URL encoding */
+el_val_t  __url_encode(el_val_t s);
+el_val_t  __url_decode(el_val_t s);
+
+/* Environment */
+el_val_t  __env_get(el_val_t key);
+
+/* Subprocess */
+el_val_t  __exec(el_val_t cmd);
+el_val_t  __exec_bg(el_val_t cmd);
+
+/* Process */
+el_val_t  __exit_program(el_val_t code);
+
+/* Filesystem */
+el_val_t  __fs_exists(el_val_t path);
+el_val_t  __fs_mkdir(el_val_t path);
+el_val_t  __fs_read(el_val_t path);
+el_val_t  __fs_write(el_val_t path, el_val_t content);
+el_val_t  __fs_write_bytes(el_val_t path, el_val_t bytes, el_val_t n);
+el_val_t  __fs_list_raw(el_val_t path);
+
+/* HTTP server */
+el_val_t  __http_response(el_val_t status, el_val_t headers_json, el_val_t body);
+el_val_t  __http_serve(el_val_t port, el_val_t handler);
+el_val_t  __http_serve_v2(el_val_t port, el_val_t handler);
+
+/* HTTP conn fd / SSE (weak; overridden by el_seed.c when linked together) */
+el_val_t  __http_conn_fd(void);
+el_val_t  __http_sse_open(el_val_t conn_id);
+el_val_t  __http_sse_send(el_val_t conn_id, el_val_t data);
+el_val_t  __http_sse_close(el_val_t conn_id);
+
+/* HTTP client (requires HAVE_CURL; stubs provided for no-curl builds) */
+el_val_t  __http_do(el_val_t method, el_val_t url, el_val_t body,
+                    el_val_t headers_map, el_val_t timeout_ms);
+el_val_t  __http_do_map(el_val_t method, el_val_t url, el_val_t body,
+                        el_val_t headers_json, el_val_t timeout_ms);
+el_val_t  __http_do_map_to_file(el_val_t method, el_val_t url, el_val_t body,
+                                el_val_t headers_json, el_val_t output_path);
+
+/* JSON */
+el_val_t  __json_array_get(el_val_t json, el_val_t index);
+el_val_t  __json_array_get_string(el_val_t json, el_val_t index);
+el_val_t  __json_array_len(el_val_t json);
+el_val_t  __json_get(el_val_t json, el_val_t key);
+el_val_t  __json_get_raw(el_val_t json, el_val_t key);
+el_val_t  __json_set(el_val_t json, el_val_t key, el_val_t value);
+el_val_t  __json_parse_map(el_val_t json_str);
+el_val_t  __json_stringify_val(el_val_t val);
+
+/* Hashing */
+el_val_t  __sha256_hex(el_val_t s);
+
+/* State K/V */
+el_val_t  __state_del(el_val_t key);
+el_val_t  __state_get(el_val_t key);
+el_val_t  __state_keys(void);
+el_val_t  __state_set(el_val_t key, el_val_t val);
+
+/* UUID */
+el_val_t  __uuid_v4(void);
+
+/* Args */
+el_val_t  __args_json(void);
+
 #ifdef __cplusplus
 }
 #endif

src/checkout.el

@@ -11,6 +11,65 @@
 //   4. User fills name, email, card - submits
 //   5. stripe.confirmPayment() → redirects to /marketplace/success
 
+// el-html vessel — extern declarations (implementations in dist/elhtml_impl.c)
+extern fn el_escape(s: String) -> String
+extern fn el_text(s: String) -> String
+extern fn el_attr(name: String, value: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_article(attrs: String, children: String) -> String
+extern fn el_header(attrs: String, children: String) -> String
+extern fn el_footer(attrs: String, children: String) -> String
+extern fn el_main(attrs: String, children: String) -> String
+extern fn el_nav(attrs: String, children: String) -> String
+extern fn el_aside(attrs: String, children: String) -> String
+extern fn el_ul(attrs: String, children: String) -> String
+extern fn el_ol(attrs: String, children: String) -> String
+extern fn el_li(attrs: String, children: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_form(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_h4(attrs: String, text: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_textarea(attrs: String, value: String) -> String
+extern fn el_label(for_id: String, attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_strong(children: String) -> String
+extern fn el_em(children: String) -> String
+extern fn el_code(children: String) -> String
+extern fn el_pre(attrs: String, children: String) -> String
+extern fn el_hr() -> String
+extern fn el_br() -> String
+extern fn el_html_doc(lang: String, head_html: String, body_html: String) -> String
+extern fn el_meta(name: String, content: String) -> String
+extern fn el_meta_charset(charset: String) -> String
+extern fn el_link_stylesheet(href: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+extern fn el_script_inline(js: String) -> String
+extern fn el_title(text: String) -> String
+
+fn el_style_block(css: String) -> String {
+    "<style>" + css + "</style>"
+}
+
+fn checkout_nav_html() -> String {
+    let logo_img: String = el_img(
+        "/assets/brand/neuron-wordmark-on-light.png",
+        "Neuron",
+        "srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" height=\"28\""
+    )
+    let logo_link: String = el_a("/", "class=\"nav-logo\" aria-label=\"Neuron home\"", logo_img)
+    let back_link: String = el_a("/", "class=\"nav-link\"", "&#8592; Back")
+    let nav_links: String = el_div("class=\"nav-links\"", back_link)
+    let nav_inner: String = el_div("class=\"nav-inner\"", logo_link + nav_links)
+    el_nav("id=\"nav\"", nav_inner)
+}
+
 fn checkout_page(plan: String, pub_key: String) -> String {
     let is_founding: Bool = str_eq(plan, "founding")
     let is_free: Bool = str_eq(plan, "free")
@@ -27,233 +86,276 @@ fn checkout_page(plan: String, pub_key: String) -> String {
     let plan_cadence: String = if is_founding { "one-time" } else { if is_free { "forever" } else { "billed monthly" } }
 
     let features_html: String = if is_founding {
-        "<li>Everything in Professional - forever</li>
-         <li>Neuron Inference when it launches - priced below the major APIs, forever</li>
-         <li>Never pay again - lifetime updates included</li>
-         <li>Founding member badge in the app</li>
-         <li>Private founding member community</li>
-         <li>Shape the roadmap - your votes carry more weight</li>
-         <li>Beta features before general release</li>
-         <li>Name in the credits</li>"
+        el_li("", "Everything in Professional - forever")
+        + el_li("", "Neuron Inference when it launches - priced below the major APIs, forever")
+        + el_li("", "Never pay again - lifetime updates included")
+        + el_li("", "Founding member badge in the app")
+        + el_li("", "Private founding member community")
+        + el_li("", "Shape the roadmap - your votes carry more weight")
+        + el_li("", "Beta features before general release")
+        + el_li("", "Name in the credits")
     } else { if is_free {
-        "<li>Persistent memory - never resets</li>
-         <li>Local inference via Ollama (coming)</li>
-         <li>Bring your own API keys</li>
-         <li>3 marketplace plugins included</li>
-         <li>Core built-in capabilities</li>
-         <li>2 devices included</li>"
+        el_li("", "Persistent memory - never resets")
+        + el_li("", "Local inference via Ollama (coming)")
+        + el_li("", "Bring your own API keys")
+        + el_li("", "3 marketplace plugins included")
+        + el_li("", "Core built-in capabilities")
+        + el_li("", "2 devices included")
     } else {
-        "<li>Persistent memory - never resets</li>
-         <li>Bring your own API keys (OpenAI, Anthropic, Grok...)</li>
-         <li>Neuron Inference when it launches - Q3 2026, priced below the major APIs</li>
-         <li>Unlimited projects</li>
-         <li>Full plugin marketplace</li>
-         <li>IDE, Slack, and more integrations</li>
-         <li>Early access to new features</li>
-         <li>2 devices included</li>"
+        el_li("", "Persistent memory - never resets")
+        + el_li("", "Bring your own API keys (OpenAI, Anthropic, Grok...)")
+        + el_li("", "Neuron Inference when it launches - Q3 2026, priced below the major APIs")
+        + el_li("", "Unlimited projects")
+        + el_li("", "Full plugin marketplace")
+        + el_li("", "IDE, Slack, and more integrations")
+        + el_li("", "Early access to new features")
+        + el_li("", "2 devices included")
     } }
 
-    return
-<nav id="nav">
-  <div class="nav-inner">
-    <a href="/" class="nav-logo" aria-label="Neuron home"><img src="/assets/brand/neuron-wordmark-on-light.png" srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x" alt="Neuron" height="28"></a>
-    <div class="nav-links">
-      <a href="/" class="nav-link">&#8592; Back</a>
-    </div>
-  </div>
-</nav>
+    let nav_html: String = checkout_nav_html()
 
-<main style="min-height: 100vh; padding: clamp(6rem, 14vh, 9rem) 2rem 4rem;">
-  <div class="checkout-shell">
+    // ── Order summary (left column) ───────────────────────────────────────────
 
-    <!-- Left: order summary -->
-    <div class="checkout-summary">
-      <p class="label" style="margin-bottom: 1.5rem; color: var(--navy);">Your order</p>
+    let price_row: String = el_div(
+        "style=\"display: flex; align-items: baseline; gap: .5rem; margin-top: 1.25rem;\"",
+        el_span("class=\"checkout-price\"", el_text(plan_price))
+        + el_span("class=\"checkout-cadence\"", el_text(plan_cadence))
+    )
 
-      <div style="margin-bottom: 2rem;">
-        <p class="checkout-plan-name">{plan_name}</p>
-        <p class="checkout-plan-desc">{plan_desc}</p>
-        <div style="display: flex; align-items: baseline; gap: .5rem; margin-top: 1.25rem;">
-          <span class="checkout-price">{plan_price}</span>
-          <span class="checkout-cadence">{plan_cadence}</span>
-        </div>
-      </div>
+    let plan_block: String = el_div(
+        "style=\"margin-bottom: 2rem;\"",
+        el_p("class=\"checkout-plan-name\"", el_text(plan_name))
+        + el_p("class=\"checkout-plan-desc\"", el_text(plan_desc))
+        + price_row
+    )
 
-      <div class="navy-line-left" style="width: 3rem; margin-bottom: 1.75rem;"></div>
+    let summary_col: String = el_div(
+        "class=\"checkout-summary\"",
+        el_p("class=\"label\" style=\"margin-bottom: 1.5rem; color: var(--navy);\"", "Your order")
+        + plan_block
+        + el_div("class=\"navy-line-left\" style=\"width: 3rem; margin-bottom: 1.75rem;\"", "")
+        + el_ul("class=\"checkout-features\"", features_html)
+        + el_p("class=\"checkout-guarantee\"", "Your data stays yours. Runs locally. No telemetry.")
+    )
 
-      <ul class="checkout-features">
-        {raw(features_html)}
-      </ul>
+    // ── Auth section ──────────────────────────────────────────────────────────
 
-      <p class="checkout-guarantee">
-        Your data stays yours. Runs locally. No telemetry.
-      </p>
-    </div>
+    let auth_heading: String = if is_free {
+        el_p("class=\"label\" style=\"margin-bottom: 1.5rem; color: var(--navy);\"", "Create your account.")
+        + el_p("class=\"checkout-auth-hint\" style=\"margin-bottom: 2rem;\"", "No card required. Your account is free, forever.")
+    } else {
+        el_p("class=\"label\" style=\"margin-bottom: 1.25rem;\"", "Sign in (optional)")
+        + el_p("class=\"checkout-auth-hint\"", "Sign in to link this purchase to an existing account. Or skip and create one later - we'll match it to your email.")
+    }
 
-    <!-- Right: either free thank-you or sign-in + payment form -->
-    <div class="checkout-form-wrap">
+    let google_svg: String = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">"
+        + "<path d=\"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z\" fill=\"#4285F4\"/>"
+        + "<path d=\"M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z\" fill=\"#34A853\"/>"
+        + "<path d=\"M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z\" fill=\"#FBBC05\"/>"
+        + "<path d=\"M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z\" fill=\"#EA4335\"/>"
+        + "</svg>"
 
-      <!-- Auth section: visible immediately for free, collapsed (optional) for paid plans -->
-      <div id=\"auth-section\" " + (if is_free { "" } else { "style=\"display:none;\"" }) + ">
-        " + (if is_free { "
-        <p class=\"label\" style=\"margin-bottom: 1.5rem; color: var(--navy);\">Create your account.</p>
-        <p class=\"checkout-auth-hint\" style=\"margin-bottom: 2rem;\">No card required. Your account is free, forever.</p>
-        " } else { "
-        <p class=\"label\" style=\"margin-bottom: 1.25rem;\">Sign in (optional)</p>
-        <p class=\"checkout-auth-hint\">Sign in to link this purchase to an existing account. Or skip and create one later - we'll match it to your email.</p>
-        " }) + "
+    let github_svg: String = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">"
+        + "<path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.385-1.335-1.755-1.335-1.755-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.605-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.298 24 12c0-6.63-5.37-12-12-12z\"/>"
+        + "</svg>"
 
-        <div class="checkout-social-btns">
-          <button type="button" class="checkout-social-btn" id="btn-google" onclick="signInWith('google')">
-            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true">
-              <path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
-              <path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" fill="#34A853"/>
-              <path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" fill="#FBBC05"/>
-              <path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
-            </svg>
-            Continue with Google
-          </button>
-          <button type="button" class="checkout-social-btn" id="btn-github" onclick="signInWith('github')">
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
-              <path d="M12 0C5.37 0 0 5.37 0 12c0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.385-1.335-1.755-1.335-1.755-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.605-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.298 24 12c0-6.63-5.37-12-12-12z"/>
-            </svg>
-            Continue with GitHub
-          </button>
-        </div>
+    let social_btns: String = el_div(
+        "class=\"checkout-social-btns\"",
+        "<button type=\"button\" class=\"checkout-social-btn\" id=\"btn-google\" onclick=\"signInWith('google')\">"
+            + google_svg + "Continue with Google</button>"
+        + "<button type=\"button\" class=\"checkout-social-btn\" id=\"btn-github\" onclick=\"signInWith('github')\">"
+            + github_svg + "Continue with GitHub</button>"
+    )
 
-        <div id="auth-message" class="checkout-message" style="display:none;"></div>
+    let auth_message: String = el_div("id=\"auth-message\" class=\"checkout-message\" style=\"display:none;\"", "")
 
-        <div class="checkout-auth-divider">
-          <span id="auth-divider-label">or {#if is_free}create an account with email{#else}create an account{/if}</span>
-        </div>
+    let divider_label: String = if is_free {
+        "or create an account with email"
+    } else {
+        "or create an account"
+    }
 
-        <div id="email-auth-form">
-          <input type="email" id="auth-email" class="checkout-input" placeholder="Email address" autocomplete="email" style="width:100%;display:block;margin-bottom:.75rem">
-          <input type="password" id="auth-password" class="checkout-input" placeholder="Password - min 8 characters" autocomplete="new-password" style="width:100%;display:block;margin-bottom:.75rem">
-          <button type="button" class="checkout-email-btn" onclick="signUpWithEmail()">{#if is_free}Create account &#8594;{#else}Create account &rarr;{/if}</button>
-          <p class="checkout-auth-hint" style="margin-top:.75rem;text-align:center">Already have an account? <a href="#" onclick="showSignIn();return false;" style="color:var(--navy)">Sign in</a></p>
-        </div>
-      </div>
+    let auth_divider: String = el_div(
+        "class=\"checkout-auth-divider\"",
+        el_span("id=\"auth-divider-label\"", divider_label)
+    )
 
-      <!-- Free-tier success panel: shown after account creation, no card needed -->
-      " + (if is_free { "
-      <div id=\"free-success\" style=\"display:none; text-align:center; padding: 2.5rem 1rem;\">
-        <div style=\"font-size:2.5rem; margin-bottom:1.25rem;\">&#10003;</div>
-        <p class=\"label\" style=\"margin-bottom:.75rem; color:var(--navy);\">You&#39;re in.</p>
-        <p class=\"checkout-auth-hint\" style=\"margin-bottom:2rem;\">Your free account is ready. Download Neuron to get started.</p>
-        <a href=\"/marketplace\" class=\"checkout-submit\" style=\"display:inline-block; text-decoration:none; padding:.875rem 2rem;\">Go to your account &#8594;</a>
-      </div>
-      " } else { "" }) + "
+    let create_btn_label: String = if is_free { "Create account &#8594;" } else { "Create account &rarr;" }
 
-      <!-- Payment form (visible immediately - no auth wall) -->
-      <div id="payment-section" {#if is_free}style="display:none;"{/if}>
-        <div id="auth-badge" style="display:none; margin-bottom: 1.5rem;"></div>
-        {#if is_free}{#else}
-        <p class="checkout-auth-hint" id="signin-prompt" style="margin-bottom:1.25rem;font-size:.8125rem">Already have an account? <a href="#" onclick="document.getElementById('auth-section').style.display='';this.parentNode.style.display='none';return false;" style="color:var(--navy);text-decoration:underline">Sign in</a> to link your purchase.</p>
-        {/if}
+    let email_auth_form: String = el_div(
+        "id=\"email-auth-form\"",
+        el_input("email", "id=\"auth-email\" class=\"checkout-input\" placeholder=\"Email address\" autocomplete=\"email\" style=\"width:100%;display:block;margin-bottom:.75rem\"")
+        + el_input("password", "id=\"auth-password\" class=\"checkout-input\" placeholder=\"Password - min 8 characters\" autocomplete=\"new-password\" style=\"width:100%;display:block;margin-bottom:.75rem\"")
+        + "<button type=\"button\" class=\"checkout-email-btn\" onclick=\"signUpWithEmail()\">" + create_btn_label + "</button>"
+        + el_p("class=\"checkout-auth-hint\" style=\"margin-top:.75rem;text-align:center\"",
+            "Already have an account? "
+            + el_a("#", "onclick=\"showSignIn();return false;\" style=\"color:var(--navy)\"", "Sign in")
+          )
+    )
 
-        <!-- Founding Member attestation (only shown for founding plan) -->
-        {#if is_founding}
-        <div id="founding-attestation" style="margin-bottom:2rem;padding:1.5rem;border:1px solid rgba(0,82,160,.2);background:rgba(0,82,160,.03)">
-          <p style="font-family:var(--body);font-weight:500;font-size:.9rem;color:var(--t1);margin-bottom:.75rem">Before you continue</p>
-          <p style="font-family:var(--body);font-weight:300;font-size:.8375rem;color:var(--t2);line-height:1.75;margin-bottom:1.25rem">Founding Member is not a ceremonial title. These are the people who will work directly with the team to shape what Neuron becomes. You will have a real voice in what gets built, and we will take it seriously. That requires you to show up in good faith.</p>
-          <label style="display:flex;gap:.875rem;align-items:flex-start;cursor:pointer">
-            <input type="checkbox" id="founding-attest-cb" style="margin-top:.2rem;width:16px;height:16px;flex-shrink:0;accent-color:var(--navy)">
-            <span style="font-family:var(--body);font-weight:300;font-size:.8125rem;color:var(--t2);line-height:1.7">
-              I am joining as a genuine early user, not to extract proprietary information about Neuron&#39;s technology, architecture, or roadmap. I will engage in good faith. I understand that if this is not my intent, a different plan is a better fit.
-            </span>
-          </label>
-          <p id="attest-warn" style="display:none;font-family:var(--body);font-size:.8rem;color:#c44;margin-top:.75rem">Please confirm the above before continuing.</p>
-        </div>
-        {/if}
+    let auth_section_style: String = if is_free { "" } else { "display:none;" }
+    let auth_section: String = el_div(
+        "id=\"auth-section\" style=\"" + auth_section_style + "\"",
+        auth_heading + social_btns + auth_message + auth_divider + email_auth_form
+    )
 
-        <!-- Payment timing: Professional only (not Founding, not Free) -->
-        {#if is_founding}{#else}{#if is_free}{#else}
-        <div style="margin-bottom:1.75rem">
-          <p class="label" style="margin-bottom:1rem">When would you like to be charged?</p>
-          <div style="display:flex;flex-direction:column;gap:.625rem">
-            <label class="checkout-timing-opt" id="timing-now-label">
-              <input type="radio" name="charge-timing" value="now" id="timing-now" checked style="accent-color:var(--navy)">
-              <div>
-                <span style="font-family:var(--body);font-weight:500;font-size:.875rem;color:var(--t1)">Charge me now</span>
-                <span style="font-family:var(--body);font-weight:300;font-size:.8rem;color:var(--t3);display:block;margin-top:.15rem">Paying now signals you're serious. It gives us real signal about what people actually want to use Neuron for - not just who's curious. That shapes what we build first.</span>
-              </div>
-            </label>
-            <label class="checkout-timing-opt" id="timing-later-label">
-              <input type="radio" name="charge-timing" value="later" id="timing-later" style="accent-color:var(--navy)">
-              <div>
-                <span style="font-family:var(--body);font-weight:500;font-size:.875rem;color:var(--t1)">Hold until product launches (Q3 2026)</span>
-                <span style="font-family:var(--body);font-weight:300;font-size:.8rem;color:var(--t3);display:block;margin-top:.15rem">We save your payment method securely. Nothing charged until launch. Cancel anytime before then.</span>
-              </div>
-            </label>
-          </div>
-        </div>
-        {/if}{/if}
+    // ── Free-tier success panel ───────────────────────────────────────────────
 
-        <p class="label" style="margin-bottom: 1.75rem;">Payment</p>
+    let free_success: String = if is_free {
+        el_div(
+            "id=\"free-success\" style=\"display:none; text-align:center; padding: 2.5rem 1rem;\"",
+            el_div("style=\"font-size:2.5rem; margin-bottom:1.25rem;\"", "&#10003;")
+            + el_p("class=\"label\" style=\"margin-bottom:.75rem; color:var(--navy);\"", "You&#39;re in.")
+            + el_p("class=\"checkout-auth-hint\" style=\"margin-bottom:2rem;\"", "Your free account is ready. Download Neuron to get started.")
+            + el_a("/marketplace", "class=\"checkout-submit\" style=\"display:inline-block; text-decoration:none; padding:.875rem 2rem;\"", "Go to your account &#8594;")
+        )
+    } else { "" }
 
-      <form id="payment-form" autocomplete="on">
+    // ── Payment section ───────────────────────────────────────────────────────
 
-        <div class="checkout-field-group">
-          <div class="checkout-field">
-            <label for="buyer-name" class="checkout-label">Full name</label>
-            <input id="buyer-name" name="name" type="text" autocomplete="name"
-              class="checkout-input" placeholder="Full name" required>
-          </div>
-          <div class="checkout-field">
-            <label for="buyer-email" class="checkout-label">Email</label>
-            <input id="buyer-email" name="email" type="email" autocomplete="email"
-              class="checkout-input" placeholder="you@example.com" required>
-          </div>
-        </div>
+    let payment_section_style: String = if is_free { "display:none;" } else { "" }
 
-        <div class="checkout-payment-element-wrap">
-          <div id="payment-element">
-            <!-- Stripe Payment Element mounts here -->
-            <div class="checkout-element-loading">Loading payment form&#8230;</div>
-          </div>
-        </div>
+    let auth_badge: String = el_div("id=\"auth-badge\" style=\"display:none; margin-bottom: 1.5rem;\"", "")
 
-        <div id="payment-message" class="checkout-message" style="display:none;"></div>
+    let signin_prompt: String = if is_free { "" } else {
+        el_p(
+            "class=\"checkout-auth-hint\" id=\"signin-prompt\" style=\"margin-bottom:1.25rem;font-size:.8125rem\"",
+            "Already have an account? "
+            + el_a(
+                "#",
+                "onclick=\"document.getElementById('auth-section').style.display='';this.parentNode.style.display='none';return false;\" style=\"color:var(--navy);text-decoration:underline\"",
+                "Sign in"
+              )
+            + " to link your purchase."
+        )
+    }
 
-        <button id="submit-btn" class="checkout-submit" type="submit" disabled>
-          <span id="submit-label">{#if is_free}Reserve free tier &#8594;{#else}Complete purchase &#8594;{/if}</span>
-          <span id="submit-spinner" style="display:none;">Processing&#8230;</span>
-        </button>
+    let founding_attestation: String = if is_founding {
+        el_div(
+            "id=\"founding-attestation\" style=\"margin-bottom:2rem;padding:1.5rem;border:1px solid rgba(0,82,160,.2);background:rgba(0,82,160,.03)\"",
+            el_p("style=\"font-family:var(--body);font-weight:500;font-size:.9rem;color:var(--t1);margin-bottom:.75rem\"", "Before you continue")
+            + el_p("style=\"font-family:var(--body);font-weight:300;font-size:.8375rem;color:var(--t2);line-height:1.75;margin-bottom:1.25rem\"",
+                "Founding Member is not a ceremonial title. These are the people who will work directly with the team to shape what Neuron becomes. You will have a real voice in what gets built, and we will take it seriously. That requires you to show up in good faith."
+              )
+            + "<label style=\"display:flex;gap:.875rem;align-items:flex-start;cursor:pointer\">"
+            + el_input("checkbox", "id=\"founding-attest-cb\" style=\"margin-top:.2rem;width:16px;height:16px;flex-shrink:0;accent-color:var(--navy)\"")
+            + el_span(
+                "style=\"font-family:var(--body);font-weight:300;font-size:.8125rem;color:var(--t2);line-height:1.7\"",
+                "I am joining as a genuine early user, not to extract proprietary information about Neuron&#39;s technology, architecture, or roadmap. I will engage in good faith. I understand that if this is not my intent, a different plan is a better fit."
+              )
+            + "</label>"
+            + el_p("id=\"attest-warn\" style=\"display:none;font-family:var(--body);font-size:.8rem;color:#c44;margin-top:.75rem\"", "Please confirm the above before continuing.")
+        )
+    } else { "" }
 
-        <p class="checkout-security">
-          <svg aria-hidden="true" width="12" height="14" viewBox="0 0 12 14" fill="none">
-            <path d="M6 0L0 2.5V7c0 3.3 2.5 6.3 6 7 3.5-.7 6-3.7 6-7V2.5L6 0z" fill="currentColor" opacity=".35"/>
-            <path d="M4 7l1.5 1.5L8.5 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-          </svg>
-          Secured by Stripe &nbsp;&middot;&nbsp; 256-bit TLS &nbsp;&middot;&nbsp; PCI DSS compliant
-        </p>
+    let charge_timing: String = if is_founding || is_free { "" } else {
+        el_div(
+            "style=\"margin-bottom:1.75rem\"",
+            el_p("class=\"label\" style=\"margin-bottom:1rem\"", "When would you like to be charged?")
+            + el_div(
+                "style=\"display:flex;flex-direction:column;gap:.625rem\"",
+                "<label class=\"checkout-timing-opt\" id=\"timing-now-label\">"
+                + el_input("radio", "name=\"charge-timing\" value=\"now\" id=\"timing-now\" checked style=\"accent-color:var(--navy)\"")
+                + el_div("",
+                    el_span("style=\"font-family:var(--body);font-weight:500;font-size:.875rem;color:var(--t1)\"", "Charge me now")
+                    + el_span("style=\"font-family:var(--body);font-weight:300;font-size:.8rem;color:var(--t3);display:block;margin-top:.15rem\"",
+                        "Paying now signals you're serious. It gives us real signal about what people actually want to use Neuron for - not just who's curious. That shapes what we build first."
+                      )
+                  )
+                + "</label>"
+                + "<label class=\"checkout-timing-opt\" id=\"timing-later-label\">"
+                + el_input("radio", "name=\"charge-timing\" value=\"later\" id=\"timing-later\" style=\"accent-color:var(--navy)\"")
+                + el_div("",
+                    el_span("style=\"font-family:var(--body);font-weight:500;font-size:.875rem;color:var(--t1)\"", "Hold until product launches (Q3 2026)")
+                    + el_span("style=\"font-family:var(--body);font-weight:300;font-size:.8rem;color:var(--t3);display:block;margin-top:.15rem\"",
+                        "We save your payment method securely. Nothing charged until launch. Cancel anytime before then."
+                      )
+                  )
+                + "</label>"
+            )
+        )
+    }
 
-      </form>
-      </div><!-- /payment-section -->
-    </div>
+    let security_svg: String = "<svg aria-hidden=\"true\" width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\">"
+        + "<path d=\"M6 0L0 2.5V7c0 3.3 2.5 6.3 6 7 3.5-.7 6-3.7 6-7V2.5L6 0z\" fill=\"currentColor\" opacity=\".35\"/>"
+        + "<path d=\"M4 7l1.5 1.5L8.5 5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
+        + "</svg>"
 
-  </div>
-</main>
+    let submit_label: String = if is_free { "Reserve free tier &#8594;" } else { "Complete purchase &#8594;" }
 
-<!-- Supabase JS -->
-<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.js"></script>
-<!-- Stripe.js -->
-<script src="https://js.stripe.com/v3/" async></script>
+    let payment_form: String = el_form(
+        "id=\"payment-form\" autocomplete=\"on\"",
+        el_div(
+            "class=\"checkout-field-group\"",
+            el_div("class=\"checkout-field\"",
+                el_label("buyer-name", "class=\"checkout-label\"", "Full name")
+                + el_input("text", "id=\"buyer-name\" name=\"name\" autocomplete=\"name\" class=\"checkout-input\" placeholder=\"Full name\" required")
+            )
+            + el_div("class=\"checkout-field\"",
+                el_label("buyer-email", "class=\"checkout-label\"", "Email")
+                + el_input("email", "id=\"buyer-email\" name=\"email\" autocomplete=\"email\" class=\"checkout-input\" placeholder=\"you@example.com\" required")
+            )
+        )
+        + el_div(
+            "class=\"checkout-payment-element-wrap\"",
+            el_div("id=\"payment-element\"",
+                el_div("class=\"checkout-element-loading\"", "Loading payment form&#8230;")
+            )
+        )
+        + el_div("id=\"payment-message\" class=\"checkout-message\" style=\"display:none;\"", "")
+        + "<button id=\"submit-btn\" class=\"checkout-submit\" type=\"submit\" disabled>"
+        + el_span("id=\"submit-label\"", submit_label)
+        + el_span("id=\"submit-spinner\" style=\"display:none;\"", "Processing&#8230;")
+        + "</button>"
+        + el_p("class=\"checkout-security\"",
+            security_svg
+            + " Secured by Stripe &nbsp;&middot;&nbsp; 256-bit TLS &nbsp;&middot;&nbsp; PCI DSS compliant"
+          )
+    )
 
-<style>
-.checkout-shell {
-  max-width: 960px;
-  margin: 0 auto;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 5rem;
-  align-items: start;
+    let payment_section: String = el_div(
+        "id=\"payment-section\" style=\"" + payment_section_style + "\"",
+        auth_badge
+        + signin_prompt
+        + founding_attestation
+        + charge_timing
+        + el_p("class=\"label\" style=\"margin-bottom: 1.75rem;\"", "Payment")
+        + payment_form
+    )
+
+    // ── Right column ──────────────────────────────────────────────────────────
+
+    let form_wrap: String = el_div(
+        "class=\"checkout-form-wrap\"",
+        auth_section + free_success + payment_section
+    )
+
+    // ── Full page shell ───────────────────────────────────────────────────────
+
+    let checkout_shell: String = el_div("class=\"checkout-shell\"", summary_col + form_wrap)
+
+    let main_html: String = el_main(
+        "style=\"min-height: 100vh; padding: clamp(6rem, 14vh, 9rem) 2rem 4rem;\"",
+        checkout_shell
+    )
+
+    let style_html: String = checkout_style_html()
+
+    let supabase_script: String = el_script_src("https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.js", false)
+    let stripe_script: String = "<script src=\"https://js.stripe.com/v3/\" async></script>"
+    let auth_script: String = el_script_src("/js/checkout-auth.js", true)
+    let cfg_js: String = "window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.plan=\"" + plan + "\";window.NEURON_CFG.pub_key=\"" + pub_key + "\";"
+    let cfg_script: String = el_script_inline(cfg_js)
+    let stripe_el_script: String = el_script_src("/js/checkout-stripe.js", true)
+    let free_init_script: String = if is_free {
+        el_script_inline("document.addEventListener('DOMContentLoaded',function(){window.neuronCheckoutFree&&window.neuronCheckoutFree()});")
+    } else { "" }
+
+    return nav_html + main_html + supabase_script + stripe_script + style_html + auth_script + cfg_script + stripe_el_script + free_init_script
 }
-@media (max-width: 720px) {
-  .checkout-shell { grid-template-columns: 1fr; gap: 3rem; }
-}
-.checkout-plan-name {
+
+fn checkout_style_html() -> String {
+    let css: String = ".checkout-plan-name {
   font-family: var(--head);
   font-size: clamp(1.5rem, 3vw, 2rem);
   font-weight: 600;
@@ -300,7 +402,7 @@ fn checkout_page(plan: String, pub_key: String) -> String {
   position: relative;
 }
 .checkout-features li::before {
-  content: '–';
+  content: '-';
   position: absolute;
   left: 0;
   color: var(--navy);
@@ -492,14 +594,6 @@ fn checkout_page(plan: String, pub_key: String) -> String {
   font-size: .8125rem;
   color: var(--t2);
 }
-.checkout-auth-badge strong { color: var(--navy); font-weight: 500; }
-</style>
-
-<script src="/js/checkout-auth.js" defer></script>
-
-<script>window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.plan="{plan}";window.NEURON_CFG.pub_key="{pub_key}";</script><script src="/js/checkout-stripe.js" defer></script>
-
-{#if is_free}
-<script>document.addEventListener('DOMContentLoaded',function(){window.neuronCheckoutFree&&window.neuronCheckoutFree()});</script>
-{/if}
+.checkout-auth-badge strong { color: var(--navy); font-weight: 500; }"
+    el_style_block(css)
 }

src/comparison.el

@@ -1,166 +1,179 @@
 // components/comparison.el - Neuron vs the field comparison section.
 
-fn comparison() -> String {
-    return <section id="comparison" aria-label="Comparison" style="padding:8rem 2.5rem;background:var(--bg2)">
-  <div class="container">
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_em(children: String) -> String
+extern fn el_br() -> String
 
-    <div class="comparison-header" style="text-align:center;margin-bottom:4rem">
-      <div style="display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem">
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0;transform:scaleX(-1)"></div>
-        <span class="label reveal" style="color:var(--navy-85)">How we compare</span>
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-      </div>
-      <h2 class="display-lg reveal" style="transition-delay:80ms;max-width:36rem;margin:0 auto 1.25rem">
-        Every other AI forgets you.<br><span class="gold">Neuron doesn&#39;t.</span>
-      </h2>
-      <p class="reveal" style="transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.7;max-width:32rem;margin:0 auto">
-        The others are tools. Neuron is a relationship. Here&#39;s the difference.
-      </p>
-    </div>
-
-    <div class="comparison-table reveal" style="transition-delay:200ms;overflow-x:auto;-webkit-overflow-scrolling:touch">
-      <table style="width:100%;min-width:560px;border-collapse:collapse;font-family:var(--body);font-size:0.875rem">
-        <thead>
-          <tr style="border-bottom:2px solid rgba(0,82,160,.20)">
-            <th style="text-align:left;padding:1rem 1.5rem 1rem 0;font-weight:500;letter-spacing:0.08em;color:var(--t3);font-size:0.75rem;text-transform:uppercase;width:28%">Feature</th>
-            <th style="text-align:center;padding:0.75rem 1rem;font-weight:600;color:var(--navy);font-size:0.875rem;width:18%">
-              <div style="display:inline-flex;flex-direction:column;align-items:center;gap:0.35rem">
-                <img src="/assets/neuron-icon.png" alt="Neuron" style="width:28px;height:28px">
-                Neuron
-              </div>
-            </th>
-            <th style="text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%">
-              <div style="display:flex;flex-direction:column;align-items:center;gap:0.35rem">
-                <img src="/assets/brand/openai.svg" alt="ChatGPT" style="width:28px;height:28px">
-                ChatGPT
-              </div>
-            </th>
-            <th style="text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%">
-              <div style="display:flex;flex-direction:column;align-items:center;gap:0.35rem">
-                <img src="/assets/brand/anthropic.svg" alt="Claude" style="width:28px;height:28px">
-                Claude
-              </div>
-            </th>
-            <th style="text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%">
-              <div style="display:flex;flex-direction:column;align-items:center;gap:0.35rem">
-                <img src="/assets/brand/gemini.svg" alt="Gemini" style="width:28px;height:28px">
-                Gemini
-              </div>
-            </th>
-            <th style="text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%">
-              <div style="display:flex;flex-direction:column;align-items:center;gap:0.35rem">
-                <img src="/assets/brand/copilot.svg" alt="Copilot" style="width:28px;height:28px">
-                Copilot
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Persistent memory</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Permanent, structured</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Limited memory</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Resets each session</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Resets each session</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Resets each session</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Your data stays local</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Runs on your device</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Cloud only</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Cloud only</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Cloud only</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span><br><span style="font-size:0.7rem">Cloud only</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">No training on your data</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Architecturally impossible</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Opt-out required</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Policy-based</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Policy-based</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Policy-based</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Works offline</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Coming soon</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Bring your own API keys</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">OpenAI, Anthropic, Grok...</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Structured knowledge graph</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Your memories, organized</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#C44">&#10005;</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Images &amp; video generation</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Coming soon</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">You own your outputs</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">No platform claim, ever</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">ToS-dependent</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">ToS-dependent</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">ToS-dependent</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">ToS-dependent</span></td>
-          </tr>
-          <tr style="border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)">
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Price (with inference)</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1rem">$19/mo</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">or $199 founding (first 1,000)</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="font-weight:500;color:var(--t2)">$20/mo</span><br><span style="font-size:0.7rem">forgets you</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="font-weight:500;color:var(--t2)">$20/mo</span><br><span style="font-size:0.7rem">no memory</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="font-weight:500;color:var(--t2)">Free&#8211;$20</span><br><span style="font-size:0.7rem">no memory</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="font-weight:500;color:var(--t2)">$30/mo</span><br><span style="font-size:0.7rem">Microsoft 365</span></td>
-          </tr>
-          <tr>
-            <td style="padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500">Free tier</td>
-            <td style="text-align:center;padding:1rem"><span style="color:#008040;font-weight:700;font-size:1.1rem">&#10003;</span><br><span style="font-size:0.7rem;color:var(--t3);font-weight:400">Full app, forever</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">GPT-3.5 only</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Limited</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Limited</span></td>
-            <td style="text-align:center;padding:1rem;color:var(--t3)"><span style="color:#D4A017">&#9679;</span><br><span style="font-size:0.7rem">Microsoft 365 required</span></td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-
-    <div class="reveal" style="transition-delay:300ms;margin-top:3rem;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap">
-      <div style="display:flex;align-items:center;gap:0.5rem;font-family:var(--body);font-size:0.75rem;color:var(--t3)">
-        <span style="color:#008040;font-weight:700">&#10003;</span> Yes / Supported
-      </div>
-      <div style="display:flex;align-items:center;gap:0.5rem;font-family:var(--body);font-size:0.75rem;color:var(--t3)">
-        <span style="color:#D4A017">&#9679;</span> Partial / Limited
-      </div>
-      <div style="display:flex;align-items:center;gap:0.5rem;font-family:var(--body);font-size:0.75rem;color:var(--t3)">
-        <span style="color:#C44">&#10005;</span> No / Not supported
-      </div>
-    </div>
-
-    <div class="reveal" style="transition-delay:400ms;margin-top:4rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,3rem);background:var(--card);border:1px solid rgba(0,82,160,.12);border-left:3px solid var(--navy)">
-      <p style="font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">
-        The others are impressive. Some of them are extraordinary at what they do. But they are all built on the same assumption: <em>your context lives in their cloud, session to session, at their discretion.</em>
-      </p>
-      <p style="font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8">
-        Neuron starts from a different premise. Your memory is yours. It lives on your machine. It compounds over time, not over sessions. The AI that knows you isn&#39;t an AI you borrowed from someone else&#39;s cloud - it&#39;s one that has been building with you, on your terms, since day one.
-      </p>
-    </div>
-
-  </div>
-</section>
+fn comparison_header() -> String {
+    el_div(
+        "class=\"comparison-header\" style=\"text-align:center;margin-bottom:4rem\"",
+        el_div(
+            "style=\"display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem\"",
+            el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0;transform:scaleX(-1)\"", "") +
+            el_span("class=\"label reveal\" style=\"color:var(--navy-85)\"", "How we compare") +
+            el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "")
+        ) +
+        el_h2(
+            "class=\"display-lg reveal\" style=\"transition-delay:80ms;max-width:36rem;margin:0 auto 1.25rem\"",
+            "Every other AI forgets you." + el_br() + el_span("class=\"gold\"", "Neuron doesn&#39;t.")
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.7;max-width:32rem;margin:0 auto\"",
+            "The others are tools. Neuron is a relationship. Here&#39;s the difference."
+        )
+    )
+}
+
+fn comparison_table_head() -> String {
+    let neuron_th: String = "<th style=\"text-align:center;padding:0.75rem 1rem;font-weight:600;color:var(--navy);font-size:0.875rem;width:18%\">" +
+        "<div style=\"display:inline-flex;flex-direction:column;align-items:center;gap:0.35rem\">" +
+        el_img("/assets/neuron-icon.png", "Neuron", "style=\"width:28px;height:28px\"") +
+        "Neuron</div></th>"
+    let chatgpt_th: String = "<th style=\"text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%\">" +
+        "<div style=\"display:flex;flex-direction:column;align-items:center;gap:0.35rem\">" +
+        el_img("/assets/brand/openai.svg", "ChatGPT", "style=\"width:28px;height:28px\"") +
+        "ChatGPT</div></th>"
+    let claude_th: String = "<th style=\"text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%\">" +
+        "<div style=\"display:flex;flex-direction:column;align-items:center;gap:0.35rem\">" +
+        el_img("/assets/brand/anthropic.svg", "Claude", "style=\"width:28px;height:28px\"") +
+        "Claude</div></th>"
+    let gemini_th: String = "<th style=\"text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%\">" +
+        "<div style=\"display:flex;flex-direction:column;align-items:center;gap:0.35rem\">" +
+        el_img("/assets/brand/gemini.svg", "Gemini", "style=\"width:28px;height:28px\"") +
+        "Gemini</div></th>"
+    let copilot_th: String = "<th style=\"text-align:center;padding:0.75rem 1rem;font-weight:400;color:var(--t3);font-size:0.8rem;width:13.5%\">" +
+        "<div style=\"display:flex;flex-direction:column;align-items:center;gap:0.35rem\">" +
+        el_img("/assets/brand/copilot.svg", "Copilot", "style=\"width:28px;height:28px\"") +
+        "Copilot</div></th>"
+    "<thead><tr style=\"border-bottom:2px solid rgba(0,82,160,.20)\">" +
+    "<th style=\"text-align:left;padding:1rem 1.5rem 1rem 0;font-weight:500;letter-spacing:0.08em;color:var(--t3);font-size:0.75rem;text-transform:uppercase;width:28%\">Feature</th>" +
+    neuron_th + chatgpt_th + claude_th + gemini_th + copilot_th +
+    "</tr></thead>"
+}
+
+fn comparison_rows() -> String {
+    let row1: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Persistent memory</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Permanent, structured</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Limited memory</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Resets each session</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Resets each session</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Resets each session</span></td>" +
+        "</tr>"
+    let row2: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Your data stays local</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Runs on your device</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Cloud only</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Cloud only</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Cloud only</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span><br><span style=\"font-size:0.7rem\">Cloud only</span></td>" +
+        "</tr>"
+    let row3: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">No training on your data</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Architecturally impossible</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Opt-out required</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Policy-based</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Policy-based</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Policy-based</span></td>" +
+        "</tr>"
+    let row4: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Works offline</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Coming soon</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "</tr>"
+    let row5: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Bring your own API keys</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">OpenAI, Anthropic, Grok...</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "</tr>"
+    let row6: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Structured knowledge graph</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Your memories, organized</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#C44\">&#10005;</span></td>" +
+        "</tr>"
+    let row7: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Images &amp; video generation</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Coming soon</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span></td>" +
+        "</tr>"
+    let row8: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">You own your outputs</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">No platform claim, ever</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">ToS-dependent</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">ToS-dependent</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">ToS-dependent</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">ToS-dependent</span></td>" +
+        "</tr>"
+    let row9: String = "<tr style=\"border-bottom:1px solid rgba(0,0,0,.06);background:rgba(0,82,160,.02)\">" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Price (with inference)</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1rem\">$19/mo</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">or $199 founding (first 1,000)</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"font-weight:500;color:var(--t2)\">$20/mo</span><br><span style=\"font-size:0.7rem\">forgets you</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"font-weight:500;color:var(--t2)\">$20/mo</span><br><span style=\"font-size:0.7rem\">no memory</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"font-weight:500;color:var(--t2)\">Free&#8211;$20</span><br><span style=\"font-size:0.7rem\">no memory</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"font-weight:500;color:var(--t2)\">$30/mo</span><br><span style=\"font-size:0.7rem\">Microsoft 365</span></td>" +
+        "</tr>"
+    let row10: String = "<tr>" +
+        "<td style=\"padding:1rem 1.5rem 1rem 0;color:var(--t1);font-weight:500\">Free tier</td>" +
+        "<td style=\"text-align:center;padding:1rem\"><span style=\"color:#008040;font-weight:700;font-size:1.1rem\">&#10003;</span><br><span style=\"font-size:0.7rem;color:var(--t3);font-weight:400\">Full app, forever</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">GPT-3.5 only</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Limited</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Limited</span></td>" +
+        "<td style=\"text-align:center;padding:1rem;color:var(--t3)\"><span style=\"color:#D4A017\">&#9679;</span><br><span style=\"font-size:0.7rem\">Microsoft 365 required</span></td>" +
+        "</tr>"
+    "<tbody>" + row1 + row2 + row3 + row4 + row5 + row6 + row7 + row8 + row9 + row10 + "</tbody>"
+}
+
+fn comparison() -> String {
+    let table: String = el_div(
+        "class=\"comparison-table reveal\" style=\"transition-delay:200ms;overflow-x:auto;-webkit-overflow-scrolling:touch\"",
+        "<table style=\"width:100%;min-width:560px;border-collapse:collapse;font-family:var(--body);font-size:0.875rem\">" +
+        comparison_table_head() +
+        comparison_rows() +
+        "</table>"
+    )
+
+    let legend: String = el_div(
+        "class=\"reveal\" style=\"transition-delay:300ms;margin-top:3rem;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap\"",
+        el_div("style=\"display:flex;align-items:center;gap:0.5rem;font-family:var(--body);font-size:0.75rem;color:var(--t3)\"",
+            "<span style=\"color:#008040;font-weight:700\">&#10003;</span> Yes / Supported"
+        ) +
+        el_div("style=\"display:flex;align-items:center;gap:0.5rem;font-family:var(--body);font-size:0.75rem;color:var(--t3)\"",
+            "<span style=\"color:#D4A017\">&#9679;</span> Partial / Limited"
+        ) +
+        el_div("style=\"display:flex;align-items:center;gap:0.5rem;font-family:var(--body);font-size:0.75rem;color:var(--t3)\"",
+            "<span style=\"color:#C44\">&#10005;</span> No / Not supported"
+        )
+    )
+
+    let closing: String = el_div(
+        "class=\"reveal\" style=\"transition-delay:400ms;margin-top:4rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,3rem);background:var(--card);border:1px solid rgba(0,82,160,.12);border-left:3px solid var(--navy)\"",
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"",
+            "The others are impressive. Some of them are extraordinary at what they do. But they are all built on the same assumption: " +
+            el_em("your context lives in their cloud, session to session, at their discretion.")
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8\"",
+            "Neuron starts from a different premise. Your memory is yours. It lives on your machine. It compounds over time, not over sessions. The AI that knows you isn&#39;t an AI you borrowed from someone else&#39;s cloud - it&#39;s one that has been building with you, on your terms, since day one."
+        )
+    )
+
+    el_section(
+        "id=\"comparison\" aria-label=\"Comparison\" style=\"padding:8rem 2.5rem;background:var(--bg2)\"",
+        el_div("class=\"container\"", comparison_header() + table + legend + closing)
+    )
 }

src/efficiency.el

@@ -1,74 +1,89 @@
 // components/efficiency.el - Token efficiency and environment section.
 // Three cards: local inference / per-task routing / context compression.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+
 fn efficiency() -> String {
-    return <section id="efficiency" aria-label="Token efficiency and environment">
-  <div class="container">
+    let header: String = el_div(
+        "class=\"efficiency-header\"",
+        el_div(
+            "class=\"efficiency-label-row reveal\"",
+            el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
+            el_span("class=\"label\"", "Efficiency")
+        ) +
+        el_h2(
+            "class=\"display-lg reveal\" style=\"transition-delay:80ms;max-width:32rem\"",
+            "Every token spent " + el_span("class=\"gold\"", "is a choice.")
+        ) +
+        el_p(
+            "class=\"efficiency-sub reveal\" style=\"transition-delay:160ms;margin-top:1.25rem\"",
+            "Cost and environmental impact aren&#39;t afterthoughts - they&#39;re structural properties of the architecture. I built it that way from the start."
+        )
+    )
 
-    <div class="efficiency-header">
-      <div class="efficiency-label-row reveal">
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-        <span class="label">Efficiency</span>
-      </div>
-      <h2 class="display-lg reveal" style="transition-delay:80ms;max-width:32rem">
-        Every token spent <span class="gold">is a choice.</span>
-      </h2>
-      <p class="efficiency-sub reveal" style="transition-delay:160ms;margin-top:1.25rem">
-        Cost and environmental impact aren&#39;t afterthoughts - they&#39;re structural properties of the architecture. I built it that way from the start.
-      </p>
-    </div>
+    let svg1: String = "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">" +
+        "<path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"/>" +
+        "<path d=\"M8 12s1.5-2 4-2 4 2 4 2\"/>" +
+        "<path d=\"M9 9h.01M15 9h.01\"/>" +
+        "<path d=\"M12 17c-1.5 0-3-.5-3-1.5S10 14 12 14s3 .5 3 1.5S13.5 17 12 17z\"/>" +
+        "</svg>"
 
-    <div class="efficiency-grid">
+    let card1: String = el_div(
+        "class=\"efficiency-card card-dark reveal\"",
+        el_div("class=\"efficiency-icon\"", svg1) +
+        el_p("class=\"efficiency-stat\"", "0 cloud tokens") +
+        el_p("class=\"efficiency-title\"", "Local inference") +
+        el_div("class=\"efficiency-rule\"", "") +
+        el_p("class=\"efficiency-body\"", "The design: run inference entirely on-device via Ollama. No API calls, no inference cost, no carbon footprint from model compute. Full memory and context, zero cloud dependency. This is coming.")
+    )
 
-      <div class="efficiency-card card-dark reveal">
-        <div class="efficiency-icon">
-          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/>
-            <path d="M8 12s1.5-2 4-2 4 2 4 2"/>
-            <path d="M9 9h.01M15 9h.01"/>
-            <path d="M12 17c-1.5 0-3-.5-3-1.5S10 14 12 14s3 .5 3 1.5S13.5 17 12 17z"/>
-          </svg>
-        </div>
-        <p class="efficiency-stat">0 cloud tokens</p>
-        <p class="efficiency-title">Local inference</p>
-        <div class="efficiency-rule"></div>
-        <p class="efficiency-body">The design: run inference entirely on-device via Ollama. No API calls, no inference cost, no carbon footprint from model compute. Full memory and context, zero cloud dependency. This is coming.</p>
-      </div>
+    let svg2: String = "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">" +
+        "<circle cx=\"6\" cy=\"18\" r=\"2\"/><circle cx=\"18\" cy=\"6\" r=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2\"/>" +
+        "<path d=\"M6 16V8l6-4 6 4\"/><path d=\"M6 16l6 4 6-4\"/><path d=\"M12 4v16\"/>" +
+        "</svg>"
 
-      <div class="efficiency-card card-dark reveal" style="transition-delay:150ms">
-        <div class="efficiency-icon">
-          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <circle cx="6" cy="18" r="2"/><circle cx="18" cy="6" r="2"/><circle cx="18" cy="18" r="2"/>
-            <path d="M6 16V8l6-4 6 4"/><path d="M6 16l6 4 6-4"/><path d="M12 4v16"/>
-          </svg>
-        </div>
-        <p class="efficiency-stat">Use less</p>
-        <p class="efficiency-title">Per-task routing</p>
-        <div class="efficiency-rule"></div>
-        <p class="efficiency-body">Simple tasks route to small, fast models. Complex reasoning escalates to frontier models only when necessary. And because every model has full access to your accumulated context, cheaper models punch well above their weight.</p>
-      </div>
+    let card2: String = el_div(
+        "class=\"efficiency-card card-dark reveal\" style=\"transition-delay:150ms\"",
+        el_div("class=\"efficiency-icon\"", svg2) +
+        el_p("class=\"efficiency-stat\"", "Use less") +
+        el_p("class=\"efficiency-title\"", "Per-task routing") +
+        el_div("class=\"efficiency-rule\"", "") +
+        el_p("class=\"efficiency-body\"", "Simple tasks route to small, fast models. Complex reasoning escalates to frontier models only when necessary. And because every model has full access to your accumulated context, cheaper models punch well above their weight.")
+    )
 
-      <div class="efficiency-card card-dark reveal" style="transition-delay:300ms">
-        <div class="efficiency-icon">
-          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <rect x="4" y="4" width="16" height="16" rx="2"/>
-            <path d="M9 9h6M9 12h6M9 15h4"/>
-            <path d="M16 15l2 2 2-2"/>
-          </svg>
-        </div>
-        <p class="efficiency-stat">Fewer tokens</p>
-        <p class="efficiency-title">Same work done</p>
-        <div class="efficiency-rule"></div>
-        <p class="efficiency-body">Every time you open ChatGPT and explain who you are again, that&#39;s computation that didn&#39;t need to happen. Persistent context means shorter, more targeted prompts. The same outcome with less compute - and a smaller footprint on the planet.</p>
-      </div>
+    let svg3: String = "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">" +
+        "<rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/>" +
+        "<path d=\"M9 9h6M9 12h6M9 15h4\"/>" +
+        "<path d=\"M16 15l2 2 2-2\"/>" +
+        "</svg>"
 
-    </div>
+    let card3: String = el_div(
+        "class=\"efficiency-card card-dark reveal\" style=\"transition-delay:300ms\"",
+        el_div("class=\"efficiency-icon\"", svg3) +
+        el_p("class=\"efficiency-stat\"", "Fewer tokens") +
+        el_p("class=\"efficiency-title\"", "Same work done") +
+        el_div("class=\"efficiency-rule\"", "") +
+        el_p("class=\"efficiency-body\"", "Every time you open ChatGPT and explain who you are again, that&#39;s computation that didn&#39;t need to happen. Persistent context means shorter, more targeted prompts. The same outcome with less compute - and a smaller footprint on the planet.")
+    )
 
-    <div class="efficiency-pullquote reveal">
-      <p>The frontier model without memory of you is starting from scratch every time. A smaller, faster model with years of accumulated context on your work, your decisions, and your patterns will outperform it. The intelligence isn&#39;t in the model - it&#39;s in what the model knows about you.</p>
-    </div>
+    let grid: String = el_div("class=\"efficiency-grid\"", card1 + card2 + card3)
 
-  </div>
-  <div class="container" style="margin-top:5rem"><div class="navy-line"></div></div>
-</section>
+    let pullquote: String = el_div(
+        "class=\"efficiency-pullquote reveal\"",
+        el_p("", "The frontier model without memory of you is starting from scratch every time. A smaller, faster model with years of accumulated context on your work, your decisions, and your patterns will outperform it. The intelligence isn&#39;t in the model - it&#39;s in what the model knows about you.")
+    )
+
+    let bottom_line: String = el_div(
+        "class=\"container\" style=\"margin-top:5rem\"",
+        el_div("class=\"navy-line\"", "")
+    )
+
+    el_section(
+        "id=\"efficiency\" aria-label=\"Token efficiency and environment\"",
+        el_div("class=\"container\"", header + grid + pullquote) + bottom_line
+    )
 }

src/elhtml.el

@@ -0,0 +1,45 @@
+// elhtml.el — extern declarations for the el-html vessel.
+// The implementations live in dist/elhtml.c (pre-compiled).
+// Import this file instead of the vessel source directly.
+
+extern fn el_escape(s: String) -> String
+extern fn el_text(s: String) -> String
+extern fn el_attr(name: String, value: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_article(attrs: String, children: String) -> String
+extern fn el_header(attrs: String, children: String) -> String
+extern fn el_footer(attrs: String, children: String) -> String
+extern fn el_main(attrs: String, children: String) -> String
+extern fn el_nav(attrs: String, children: String) -> String
+extern fn el_aside(attrs: String, children: String) -> String
+extern fn el_ul(attrs: String, children: String) -> String
+extern fn el_ol(attrs: String, children: String) -> String
+extern fn el_li(attrs: String, children: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_form(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_h4(attrs: String, text: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_textarea(attrs: String, value: String) -> String
+extern fn el_label(for_id: String, attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_video(attrs: String, children: String) -> String
+extern fn el_strong(children: String) -> String
+extern fn el_em(children: String) -> String
+extern fn el_code(children: String) -> String
+extern fn el_pre(attrs: String, children: String) -> String
+extern fn el_hr() -> String
+extern fn el_br() -> String
+extern fn el_html_doc(lang: String, head_html: String, body_html: String) -> String
+extern fn el_meta(name: String, content: String) -> String
+extern fn el_meta_charset(charset: String) -> String
+extern fn el_link_stylesheet(href: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+extern fn el_script_inline(js: String) -> String
+extern fn el_title(text: String) -> String

src/enterprise.el

@@ -1,185 +1,223 @@
 // components/enterprise.el - Enterprise section.
 // Four capability cards + "Who I work with" box + how-it-works steps.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_form(attrs: String, children: String) -> String
+extern fn el_label(for_id: String, attrs: String, children: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_textarea(attrs: String, value: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+
+fn enterprise_cap_cards() -> String {
+    let card1: String = el_div(
+        "class=\"enterprise-cap card-dark reveal\"",
+        el_h3("class=\"display-md\"", "Private deployment") +
+        el_div("class=\"enterprise-cap-rule\"", "") +
+        el_p("class=\"enterprise-cap-body\"", "Run entirely on your infrastructure. Air-gapped. No data leaves your network. Every employee gets their own Neuron instance - your company's institutional knowledge stays inside your walls.")
+    )
+    let card2: String = el_div(
+        "class=\"enterprise-cap card-dark reveal\" style=\"transition-delay:130ms\"",
+        el_h3("class=\"display-md\"", "Institutional memory") +
+        el_div("class=\"enterprise-cap-rule\"", "") +
+        el_p("class=\"enterprise-cap-body\"", "When an employee leaves, their expertise doesn't. Their memory persists - their patterns, their domain knowledge, their reasoning - available to the team they built it with.")
+    )
+    let card3: String = el_div(
+        "class=\"enterprise-cap card-dark reveal\" style=\"transition-delay:260ms\"",
+        el_h3("class=\"display-md\"", "Team intelligence") +
+        el_div("class=\"enterprise-cap-rule\"", "") +
+        el_p("class=\"enterprise-cap-body\"", "Shared knowledge packages and cross-instance coordination. The collective intelligence of your organization compounds the same way an individual's does.")
+    )
+    let card4: String = el_div(
+        "class=\"enterprise-cap card-dark reveal\" style=\"transition-delay:390ms\"",
+        el_h3("class=\"display-md\"", "Compliance architecture") +
+        el_div("class=\"enterprise-cap-rule\"", "") +
+        el_p("class=\"enterprise-cap-body\"", "Custom on-device storage. No cloud database with your data. SOC 2 alignment built into the data model. ExternalSecret-based secrets management. Audit logs at every layer.")
+    )
+    el_div("class=\"enterprise-grid\"", card1 + card2 + card3 + card4)
+}
+
+fn enterprise_how_it_works() -> String {
+    let step1: String = el_div(
+        "",
+        el_p("class=\"ent-step-num\"", "01") +
+        el_p("class=\"ent-step-title\"", "Express interest") +
+        el_p("class=\"ent-step-body\"", "Send me a note. I review every inquiry myself - no sales funnel, no SDR. If it's a fit, I respond directly.")
+    )
+    let step2: String = el_div(
+        "",
+        el_p("class=\"ent-step-num\"", "02") +
+        el_p("class=\"ent-step-title\"", "Scoped deployment") +
+        el_p("class=\"ent-step-body\"", "I work with your team to scope a private deployment - on your infrastructure, in your network, with your security requirements.")
+    )
+    let step3: String = el_div(
+        "",
+        el_p("class=\"ent-step-num\"", "03") +
+        el_p("class=\"ent-step-title\"", "Per-seat licensing") +
+        el_p("class=\"ent-step-body\"", "Annual per-seat pricing with a volume floor. Custom SLA available. The full Agreement is published before any conversation starts.")
+    )
+    el_div(
+        "class=\"ent-how-row\"",
+        el_div(
+            "class=\"ent-how-label\"",
+            el_h3("class=\"display-md\" style=\"font-size:1.25rem\"", "How it works")
+        ) +
+        el_div("class=\"ent-steps\"", step1 + step2 + step3)
+    )
+}
+
+fn enterprise_inquiry_form() -> String {
+    let field_style: String = "font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;-webkit-appearance:none;width:100%;box-sizing:border-box"
+    let label_style: String = "font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)"
+
+    let field_name: String = el_div(
+        "style=\"display:flex;flex-direction:column;gap:0.4rem\"",
+        el_label("ent-name", "style=\"" + label_style + "\"", "Name") +
+        el_input("text", "id=\"ent-name\" name=\"name\" required placeholder=\"Your name\" style=\"" + field_style + "\"")
+    )
+    let field_email: String = el_div(
+        "style=\"display:flex;flex-direction:column;gap:0.4rem\"",
+        el_label("ent-email", "style=\"" + label_style + "\"", "Work email") +
+        el_input("email", "id=\"ent-email\" name=\"email\" required placeholder=\"you@company.com\" style=\"" + field_style + "\"")
+    )
+    let field_company: String = el_div(
+        "style=\"display:flex;flex-direction:column;gap:0.4rem\"",
+        el_label("ent-company", "style=\"" + label_style + "\"", "Organization") +
+        el_input("text", "id=\"ent-company\" name=\"company\" required placeholder=\"Company or organization name\" style=\"" + field_style + "\"")
+    )
+    let field_size: String = el_div(
+        "style=\"display:flex;flex-direction:column;gap:0.4rem\"",
+        el_label("ent-size", "style=\"" + label_style + "\"", "Team size") +
+        "<select id=\"ent-size\" name=\"size\" required style=\"" + field_style + ";cursor:pointer\">" +
+        "<option value=\"\">Select&hellip;</option>" +
+        "<option value=\"2-10\">2&#8211;10 people</option>" +
+        "<option value=\"11-50\">11&#8211;50 people</option>" +
+        "<option value=\"51-200\">51&#8211;200 people</option>" +
+        "<option value=\"201-500\">201&#8211;500 people</option>" +
+        "<option value=\"500+\">500+ people</option>" +
+        "</select>"
+    )
+    let field_use: String = el_div(
+        "style=\"grid-column:1/-1;display:flex;flex-direction:column;gap:0.4rem\"",
+        el_label("ent-use", "style=\"" + label_style + "\"", "What do you want to use Neuron for?") +
+        el_textarea("id=\"ent-use\" name=\"use_case\" required rows=\"3\" placeholder=\"Describe your intended use case - be specific.\" style=\"" + field_style + ";resize:vertical\"", "")
+    )
+    let filter_msg_secondary: String = el_p("id=\"ent-filter-msg-secondary\" style=\"display:none;font-family:var(--body);font-size:0.875rem;font-weight:300;color:rgba(0,82,160,.75);line-height:1.65;padding:0.75rem 1rem;background:rgba(0,82,160,.04);border-left:2px solid rgba(0,82,160,.3)\"",
+        "I review these personally. I&#39;ll consider it - but I want to be direct with you: if headcount reduction is in the picture at all, even as a secondary outcome, your chances here are low. That&#39;s not a negotiating position. It&#39;s how I built this and what I&#39;m willing to support."
+    )
+    let filter_msg_yes: String = el_p("id=\"ent-filter-msg-yes\" style=\"display:none;font-family:var(--body);font-size:0.875rem;font-weight:300;color:#c0392b;line-height:1.65;padding:0.75rem 1rem;background:rgba(192,57,43,.05);border-left:2px solid rgba(192,57,43,.4)\"",
+        "Neuron isn&#39;t the right fit here. I built this to expand what people can do, not to replace them. If that changes, I&#39;m here."
+    )
+    let field_headcount: String = el_div(
+        "style=\"grid-column:1/-1;display:flex;flex-direction:column;gap:0.4rem\"",
+        el_label("ent-headcount", "style=\"" + label_style + "\"", "Is reducing headcount a primary goal of this deployment?") +
+        "<select id=\"ent-headcount\" name=\"headcount\" required onchange=\"entHeadcountChange(this.value)\" style=\"" + field_style + ";cursor:pointer\">" +
+        "<option value=\"\">Select&hellip;</option>" +
+        "<option value=\"no\">No - making our team more capable</option>" +
+        "<option value=\"secondary\">It&#39;s a secondary factor, not the primary goal</option>" +
+        "<option value=\"yes\">Yes - replacing roles with automation</option>" +
+        "</select>" +
+        filter_msg_secondary +
+        filter_msg_yes
+    )
+    let error_div: String = el_div("id=\"ent-form-error\" style=\"grid-column:1/-1;display:none;font-family:var(--body);font-size:0.875rem;color:#c0392b;padding:0.75rem 1rem;background:rgba(192,57,43,.05);border-left:2px solid rgba(192,57,43,.4)\"", "")
+    let submit_div: String = el_div(
+        "style=\"grid-column:1/-1\"",
+        el_button("type=\"submit\" id=\"ent-submit\" style=\"font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;background:var(--navy);color:#fff;border:none;padding:0.95rem 2rem;cursor:pointer;transition:background .2s\"",
+            "Send inquiry &#8594;"
+        )
+    )
+
+    let success_div: String = el_div(
+        "id=\"enterprise-success\" style=\"display:none;padding:2rem;background:rgba(0,82,160,.04);border-left:3px solid var(--navy)\"",
+        el_p("style=\"font-family:var(--head);font-size:1.25rem;font-weight:500;color:var(--t1);margin-bottom:0.5rem\"", "Received.") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8\"",
+            "I review these personally. If it&#39;s a fit, I&#39;ll respond directly to your email - usually within a few days."
+        )
+    )
+
+    el_div(
+        "style=\"margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border)\"",
+        el_p("class=\"label\" style=\"margin-bottom:0.75rem;font-size:0.65rem\"", "Express interest") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.75;margin-bottom:2rem\"",
+            "I review every inquiry myself. Fill this out honestly - the questions are a filter, not a formality."
+        ) +
+        el_form("id=\"enterprise-form\" class=\"ent-inquiry-form\"",
+            field_name + field_email + field_company + field_size + field_use + field_headcount + error_div + submit_div
+        ) +
+        success_div
+    )
+}
+
 fn enterprise() -> String {
-    return <section id="enterprise" aria-label="Enterprise">
-  <div class="container">
+    let header: String = el_div(
+        "class=\"enterprise-header\"",
+        el_div(
+            "class=\"enterprise-label-row reveal\"",
+            el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
+            el_span("class=\"label\" style=\"color:var(--navy-85)\"", "Enterprise")
+        ) +
+        el_div(
+            "class=\"enterprise-head-row\"",
+            el_div(
+                "style=\"max-width:28rem\"",
+                el_h2(
+                    "class=\"display-lg reveal\" style=\"transition-delay:80ms\"",
+                    "Enterprise-ready " + el_span("class=\"gold\"", "Q1 2027.")
+                ) +
+                el_p("class=\"reveal\" style=\"transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.7;margin-top:1.25rem\"",
+                    "Not an afterthought. Not a future roadmap item. Built into the architecture from the start."
+                )
+            ) +
+            el_div(
+                "class=\"reveal\" style=\"transition-delay:240ms;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end\"",
+                el_div(
+                    "class=\"ent-badge\"",
+                    el_span("class=\"ent-badge-dot\"", "") +
+                    "Enterprise discussions open now &mdash; launching Q1 2027"
+                ) +
+                el_p("style=\"font-size:.75rem;color:rgba(0,82,160,.45)\"",
+                    "Use the form below &middot; I review every inquiry &middot; I&#39;ll be spending the holidays with my family &mdash; we launch Q1"
+                )
+            )
+        )
+    )
 
-    <div class="enterprise-header">
-      <div class="enterprise-label-row reveal">
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-        <span class="label" style="color:var(--navy-85)">Enterprise</span>
-      </div>
-      <div class="enterprise-head-row">
-        <div style="max-width:28rem">
-          <h2 class="display-lg reveal" style="transition-delay:80ms">
-            Enterprise-ready <span class="gold">Q1 2027.</span>
-          </h2>
-          <p class="reveal" style="transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.7;margin-top:1.25rem">
-            Not an afterthought. Not a future roadmap item. Built into the architecture from the start.
-          </p>
-        </div>
-        <div class="reveal" style="transition-delay:240ms;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end">
-          <div class="ent-badge">
-            <span class="ent-badge-dot"></span>
-            Enterprise discussions open now &mdash; launching Q1 2027
-          </div>
-          <p style="font-size:.75rem;color:rgba(0,82,160,.45)">Use the form below &middot; I review every inquiry &middot; I&#39;ll be spending the holidays with my family &mdash; we launch Q1</p>
-        </div>
-      </div>
-    </div>
+    let enterprise_box: String = el_div(
+        "class=\"enterprise-box reveal\"",
+        el_p("class=\"ent-who-label\"", "Who I work with") +
+        el_p("class=\"ent-who-body\"", "I am selective. I built Neuron to expand what people can do - not to help organizations eliminate them. If your interest in this technology is primarily about reducing headcount, I am not your vendor. If it&#39;s about making the people you have dramatically more effective, I want to hear from you.") +
+        el_p("class=\"ent-who-note\"", "This isn&#39;t a legal hedge. It&#39;s a filter. The Enterprise Agreement makes it binding - but I&#39;m raising it here because I&#39;d rather you know before you reach out.") +
+        enterprise_how_it_works() +
+        el_div(
+            "class=\"ent-terms-row\"",
+            el_p("class=\"ent-terms-text\"", "The full Enterprise Agreement is published. Read it before reaching out - no NDA required to evaluate the terms.") +
+            el_a("/legal/enterprise-terms", "class=\"ent-terms-link\"", "Read the Enterprise Agreement &#8594;")
+        ) +
+        enterprise_inquiry_form()
+    )
 
-    <div class="enterprise-grid">
-      <div class="enterprise-cap card-dark reveal">
-        <h3 class="display-md">Private deployment</h3>
-        <div class="enterprise-cap-rule"></div>
-        <p class="enterprise-cap-body">Run entirely on your infrastructure. Air-gapped. No data leaves your network. Every employee gets their own Neuron instance - your company&#39;s institutional knowledge stays inside your walls.</p>
-      </div>
-      <div class="enterprise-cap card-dark reveal" style="transition-delay:130ms">
-        <h3 class="display-md">Institutional memory</h3>
-        <div class="enterprise-cap-rule"></div>
-        <p class="enterprise-cap-body">When an employee leaves, their expertise doesn&#39;t. Their memory persists - their patterns, their domain knowledge, their reasoning - available to the team they built it with.</p>
-      </div>
-      <div class="enterprise-cap card-dark reveal" style="transition-delay:260ms">
-        <h3 class="display-md">Team intelligence</h3>
-        <div class="enterprise-cap-rule"></div>
-        <p class="enterprise-cap-body">Shared knowledge packages and cross-instance coordination. The collective intelligence of your organization compounds the same way an individual&#39;s does.</p>
-      </div>
-      <div class="enterprise-cap card-dark reveal" style="transition-delay:390ms">
-        <h3 class="display-md">Compliance architecture</h3>
-        <div class="enterprise-cap-rule"></div>
-        <p class="enterprise-cap-body">Custom on-device storage. No cloud database with your data. SOC 2 alignment built into the data model. ExternalSecret-based secrets management. Audit logs at every layer.</p>
-      </div>
-    </div>
-
-    <div class="enterprise-box reveal">
-      <p class="ent-who-label">Who I work with</p>
-      <p class="ent-who-body">I am selective. I built Neuron to expand what people can do - not to help organizations eliminate them. If your interest in this technology is primarily about reducing headcount, I am not your vendor. If it&#39;s about making the people you have dramatically more effective, I want to hear from you.</p>
-      <p class="ent-who-note">This isn&#39;t a legal hedge. It&#39;s a filter. The Enterprise Agreement makes it binding - but I&#39;m raising it here because I&#39;d rather you know before you reach out.</p>
-
-      <div class="ent-how-row">
-        <div class="ent-how-label">
-          <h3 class="display-md" style="font-size:1.25rem">How it works</h3>
-        </div>
-        <div class="ent-steps">
-          <div>
-            <p class="ent-step-num">01</p>
-            <p class="ent-step-title">Express interest</p>
-            <p class="ent-step-body">Send me a note. I review every inquiry myself - no sales funnel, no SDR. If it&#39;s a fit, I respond directly.</p>
-          </div>
-          <div>
-            <p class="ent-step-num">02</p>
-            <p class="ent-step-title">Scoped deployment</p>
-            <p class="ent-step-body">I work with your team to scope a private deployment - on your infrastructure, in your network, with your security requirements.</p>
-          </div>
-          <div>
-            <p class="ent-step-num">03</p>
-            <p class="ent-step-title">Per-seat licensing</p>
-            <p class="ent-step-body">Annual per-seat pricing with a volume floor. Custom SLA available. The full Agreement is published before any conversation starts.</p>
-          </div>
-        </div>
-      </div>
-
-      <div class="ent-terms-row">
-        <p class="ent-terms-text">The full Enterprise Agreement is published. Read it before reaching out - no NDA required to evaluate the terms.</p>
-        <a href="/legal/enterprise-terms" class="ent-terms-link">Read the Enterprise Agreement &#8594;</a>
-      </div>
-
-      <!-- Enterprise inquiry form -->
-      <div style="margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border)">
-        <p class="label" style="margin-bottom:0.75rem;font-size:0.65rem">Express interest</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.75;margin-bottom:2rem">I review every inquiry myself. Fill this out honestly - the questions are a filter, not a formality.</p>
-
-        <form id="enterprise-form" class="ent-inquiry-form">
-
-          <div style="display:flex;flex-direction:column;gap:0.4rem">
-            <label for="ent-name" style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Name</label>
-            <input id="ent-name" name="name" type="text" required placeholder="Your name"
-              style="font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;-webkit-appearance:none;width:100%;box-sizing:border-box">
-          </div>
-
-          <div style="display:flex;flex-direction:column;gap:0.4rem">
-            <label for="ent-email" style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Work email</label>
-            <input id="ent-email" name="email" type="email" required placeholder="you@company.com"
-              style="font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;-webkit-appearance:none;width:100%;box-sizing:border-box">
-          </div>
-
-          <div style="display:flex;flex-direction:column;gap:0.4rem">
-            <label for="ent-company" style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Organization</label>
-            <input id="ent-company" name="company" type="text" required placeholder="Company or organization name"
-              style="font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;-webkit-appearance:none;width:100%;box-sizing:border-box">
-          </div>
-
-          <div style="display:flex;flex-direction:column;gap:0.4rem">
-            <label for="ent-size" style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Team size</label>
-            <select id="ent-size" name="size" required
-              style="font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;-webkit-appearance:none;cursor:pointer;width:100%;box-sizing:border-box">
-              <option value="">Select&hellip;</option>
-              <option value="2-10">2&#8211;10 people</option>
-              <option value="11-50">11&#8211;50 people</option>
-              <option value="51-200">51&#8211;200 people</option>
-              <option value="201-500">201&#8211;500 people</option>
-              <option value="500+">500+ people</option>
-            </select>
-          </div>
-
-          <div style="grid-column:1/-1;display:flex;flex-direction:column;gap:0.4rem">
-            <label for="ent-use" style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">What do you want to use Neuron for?</label>
-            <textarea id="ent-use" name="use_case" required rows="3" placeholder="Describe your intended use case - be specific."
-              style="font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;resize:vertical;-webkit-appearance:none;width:100%;box-sizing:border-box"></textarea>
-          </div>
-
-          <div style="grid-column:1/-1;display:flex;flex-direction:column;gap:0.4rem">
-            <label for="ent-headcount" style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Is reducing headcount a primary goal of this deployment?</label>
-            <select id="ent-headcount" name="headcount" required onchange="entHeadcountChange(this.value)"
-              style="font-family:var(--body);font-size:0.9rem;font-weight:300;color:var(--t1);background:#fff;border:1px solid rgba(0,82,160,.22);padding:0.7rem 0.9rem;outline:none;border-radius:0;-webkit-appearance:none;cursor:pointer;width:100%;box-sizing:border-box">
-              <option value="">Select&hellip;</option>
-              <option value="no">No - making our team more capable</option>
-              <option value="secondary">It&#39;s a secondary factor, not the primary goal</option>
-              <option value="yes">Yes - replacing roles with automation</option>
-            </select>
-            <p id="ent-filter-msg-secondary" style="display:none;font-family:var(--body);font-size:0.875rem;font-weight:300;color:rgba(0,82,160,.75);line-height:1.65;padding:0.75rem 1rem;background:rgba(0,82,160,.04);border-left:2px solid rgba(0,82,160,.3)">
-              I review these personally. I&#39;ll consider it - but I want to be direct with you: if headcount reduction is in the picture at all, even as a secondary outcome, your chances here are low. That&#39;s not a negotiating position. It&#39;s how I built this and what I&#39;m willing to support.
-            </p>
-            <p id="ent-filter-msg-yes" style="display:none;font-family:var(--body);font-size:0.875rem;font-weight:300;color:#c0392b;line-height:1.65;padding:0.75rem 1rem;background:rgba(192,57,43,.05);border-left:2px solid rgba(192,57,43,.4)">
-              Neuron isn&#39;t the right fit here. I built this to expand what people can do, not to replace them. If that changes, I&#39;m here.
-            </p>
-          </div>
-
-          <div id="ent-form-error" style="grid-column:1/-1;display:none;font-family:var(--body);font-size:0.875rem;color:#c0392b;padding:0.75rem 1rem;background:rgba(192,57,43,.05);border-left:2px solid rgba(192,57,43,.4)"></div>
-
-          <div style="grid-column:1/-1">
-            <button type="submit" id="ent-submit"
-              style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;background:var(--navy);color:#fff;border:none;padding:0.95rem 2rem;cursor:pointer;transition:background .2s">
-              Send inquiry &#8594;
-            </button>
-          </div>
-
-        </form>
-
-        <div id="enterprise-success" style="display:none;padding:2rem;background:rgba(0,82,160,.04);border-left:3px solid var(--navy)">
-          <p style="font-family:var(--head);font-size:1.25rem;font-weight:500;color:var(--t1);margin-bottom:0.5rem">Received.</p>
-          <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">I review these personally. If it&#39;s a fit, I&#39;ll respond directly to your email - usually within a few days.</p>
-        </div>
-      </div>
-
-    </div>
-
-  </div>
-</section>
-
-<style>
-  .ent-inquiry-form {
+    let style_css: String = ".ent-inquiry-form {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
   }
   @media (max-width: 600px) {
     .ent-inquiry-form { grid-template-columns: 1fr; }
-    .ent-inquiry-form > div[style*="grid-column:1/-1"],
-    .ent-inquiry-form > div[style*="grid-column: 1 / -1"] { grid-column: 1; }
-  }
-</style>
+    .ent-inquiry-form > div[style*=\"grid-column:1/-1\"],
+    .ent-inquiry-form > div[style*=\"grid-column: 1 / -1\"] { grid-column: 1; }
+  }"
 
-<script src="/js/enterprise.js" defer></script>
+    el_section(
+        "id=\"enterprise\" aria-label=\"Enterprise\"",
+        el_div("class=\"container\"", header + enterprise_cap_cards() + enterprise_box) +
+        "<style>" + style_css + "</style>" +
+        el_script_src("/js/enterprise.js", true)
+    )
 }

src/enterprise_terms.el

@@ -4,150 +4,188 @@
 from styles import { page_open, page_close }
 from nav    import { nav }
 
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_ul(attrs: String, children: String) -> String
+extern fn el_li(attrs: String, children: String) -> String
+extern fn el_em(children: String) -> String
+
 fn enterprise_terms_page() -> String {
-    return {page_open()}{enterprise_terms_body()}{page_close()}
+    page_open() + enterprise_terms_body() + page_close()
 }
 
-fn section(num: String, title: String, body: String) -> String {
-    return <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;flex-wrap:wrap;gap:0.5rem 1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65);flex-shrink:0">&#167; {num}</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1);min-width:0;word-break:break-word">{title}</h2>
-    </div>
-    {raw(body)}
-  </div>
+fn et_section(num: String, title: String, body: String) -> String {
+    let header: String = el_div(
+        "style=\"display:flex;align-items:baseline;flex-wrap:wrap;gap:0.5rem 1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem\"",
+        el_span("style=\"font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65);flex-shrink:0\"", "&#167; " + num) +
+        el_h2("style=\"font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1);min-width:0;word-break:break-word\"", title)
+    )
+    el_div("style=\"margin-bottom:3rem\"", header + body)
 }
 
-fn p(text: String) -> String {
-    return <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">{raw(text)}</p>
+fn et_p(text: String) -> String {
+    el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"", text)
 }
 
-fn p_last(text: String) -> String {
-    return <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">{raw(text)}</p>
+fn et_p_last(text: String) -> String {
+    el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8\"", text)
 }
 
-fn p_caps(text: String) -> String {
-    return <p style="font-family:var(--body);font-size:0.875rem;font-weight:600;color:var(--t1);line-height:1.7;margin-bottom:1rem">{raw(text)}</p>
+fn et_p_caps(text: String) -> String {
+    el_p("style=\"font-family:var(--body);font-size:0.875rem;font-weight:600;color:var(--t1);line-height:1.7;margin-bottom:1rem\"", text)
+}
+
+fn enterprise_terms_sections_1_4() -> String {
+    et_section("1", "Parties and Scope",
+        et_p("This Enterprise Agreement (&#34;Agreement&#34;) is between Neuron, LLC (&#34;Neuron&#34;) and the organization entering into an enterprise relationship (&#34;Customer&#34;). It governs all enterprise deployments, including Team, Enterprise, and Private Cloud tiers.") +
+        et_p_last("This Agreement supplements the Neuron Terms of Service. In the event of conflict, this Agreement controls for enterprise use. The parties are bound by the Order Form executed at time of deployment, which specifies tier, seat count, term, and pricing.")
+    ) +
+    et_section("2", "License Grant and Usage Rights",
+        et_p("Subject to the terms of this Agreement and timely payment of fees, Neuron grants Customer a limited, non-exclusive, non-transferable, non-sublicensable license to deploy and use the Neuron platform (&#34;Software&#34;) solely for Customer&#39;s internal business purposes during the Term.") +
+        et_p("The license is scoped to the number of authorized seats, devices, or instances specified in the Order Form. Customer may not exceed the licensed scope without executing a seat expansion. Neuron will not invoice retroactively for inadvertent overage of fewer than 10% of contracted seats if Customer notifies Neuron and brings usage into compliance within 30 days.") +
+        et_p_last("Customer may not: (a) sublicense, resell, or distribute the Software to third parties; (b) reverse engineer, decompile, or attempt to extract source code or trained model weights; (c) use the Software to build a competing product; or (d) remove or obscure any proprietary notices. Private Cloud deployments may be deployed to Customer&#39;s infrastructure but may not be transferred or made available to entities other than Customer&#39;s own employees and contractors under appropriate confidentiality obligations.")
+    ) +
+    et_section("3", "Data and Privacy",
+        et_p("Neuron&#39;s architecture is designed to minimize data exposure. In private cloud and air-gapped deployments, no data leaves Customer&#39;s infrastructure. Neuron has no access to Customer data in these configurations.") +
+        et_p("In cloud-hosted deployments, Neuron processes Customer data solely to deliver the contracted services. Customer data is stored in an isolated tenant, is not commingled with other customers&#39; data, and is not used for model training, analytics, or any purpose beyond service delivery. When Customer activates network features - including relay, peer-to-peer sync, or collaborative features - data required to operate those features may be transmitted to other network participants or Neuron infrastructure; such transmission is limited to the minimum required, excludes Customer&#39;s memory and conversation history unless Customer explicitly enables a sharing feature, and is used only to deliver the activated feature. Network features route data through Neuron&#39;s messaging backplane. That data is encrypted end-to-end - Neuron cannot read it - and is not stored or retained after transmission.") +
+        et_p("Customer owns all data processed through the platform. Customer data is not Customer&#39;s data in the legal sense of the term as used in data processing frameworks - Customer is the controller. Neuron is the processor. Upon termination, Customer data is returned or destroyed within 30 days at Customer&#39;s election. We do not retain copies.") +
+        et_p_last("Where required by applicable law, Neuron will execute a Data Processing Agreement (DPA) as a supplement to this Agreement. Contact enterprise@neurontechnologies.ai to initiate. Neuron will notify Customer within 72 hours of becoming aware of any confirmed breach affecting Customer data.")
+    ) +
+    et_section("4", "Values Alignment",
+        et_p("Neuron is built on the principle that AI should expand human capability, not replace it. We are selective about the organizations we work with.") +
+        et_p("Customer represents that it does not intend to use Neuron primarily as a tool to eliminate employee positions, reduce headcount through automation in ways that harm workers, or otherwise use the platform in ways inconsistent with the welfare of the people who work in Customer&#39;s organization.") +
+        et_p("Neuron reserves the right to decline, not renew, or terminate any enterprise agreement where Neuron determines, in its reasonable judgment, that the Customer&#39;s use of the platform is fundamentally misaligned with these principles. Termination under this section is subject to the notice and cure provisions of &#167; 10.") +
+        et_p_last("We will not enter into agreements with organizations whose primary business model, as Neuron determines in good faith, depends on practices that systematically harm workers, small businesses, or communities. This is not a standard clause in most software agreements. We mean it.")
+    )
+}
+
+fn enterprise_terms_sections_5_8() -> String {
+    et_section("5", "Service Levels and Support",
+        et_p("For cloud-hosted deployments, Neuron targets 99.9% monthly uptime, excluding scheduled maintenance windows (communicated at least 48 hours in advance) and circumstances outside Neuron&#39;s reasonable control. In the event Neuron fails to meet this target in a given calendar month, Customer may request a service credit equal to 5% of that month&#39;s fees for each full percentage point of availability below the target, up to a maximum of 30% of monthly fees. Credits are the sole and exclusive remedy for availability failures.") +
+        et_p("For on-premises and private cloud deployments, Customer is responsible for infrastructure availability. Neuron&#39;s SLA obligations apply only to software defects in the distributed build, not to Customer&#39;s infrastructure choices.") +
+        et_p_last("Support is provided by email at enterprise@neurontechnologies.ai. Neuron will acknowledge critical issues (complete service outage or data loss risk) within 4 business hours and provide a status update within 24 hours. Standard issues are acknowledged within 2 business days. Neuron does not guarantee resolution timelines for issues requiring platform changes.")
+    ) +
+    et_section("6", "Security and Compliance",
+        et_p("Neuron implements security controls commensurate with enterprise software handling sensitive user data. These include: encryption in transit (TLS 1.2+) and at rest for cloud-hosted services; role-based access controls; audit logging at the infrastructure layer; and regular internal security reviews.") +
+        et_p("Neuron will pursue SOC 2 Type II certification and will provide Customer with the most recent available report upon request under a signed NDA. Until certification is achieved, Neuron will make available a written summary of security controls upon request.") +
+        et_p_last("Customer is responsible for: (a) maintaining the security of credentials and API keys used to access the platform; (b) configuring access controls for Customer&#39;s own users; (c) compliance with applicable law with respect to the data Customer chooses to input into the platform; and (d) conducting its own security evaluation appropriate to its risk profile before deployment in regulated environments.")
+    ) +
+    et_section("7", "Confidentiality",
+        et_p("Each party (&#34;Receiving Party&#34;) agrees to protect the other party&#39;s (&#34;Disclosing Party&#34;) Confidential Information with the same degree of care it uses to protect its own confidential information, but no less than reasonable care. &#34;Confidential Information&#34; means any non-public information disclosed by the Disclosing Party that is designated as confidential or that reasonably should be understood to be confidential given the nature of the information and circumstances of disclosure.") +
+        et_p("Confidential Information does not include information that: (a) becomes publicly known through no breach by the Receiving Party; (b) was already known to the Receiving Party before disclosure; (c) is received from a third party without restriction; or (d) was independently developed by the Receiving Party without use of the Confidential Information.") +
+        et_p_last("These obligations survive termination of this Agreement for three years. Receiving Party may disclose Confidential Information to the extent required by law or court order, provided that Receiving Party gives Disclosing Party prompt written notice and cooperates with any effort to obtain a protective order.")
+    ) +
+    et_section("8", "Intellectual Property",
+        et_p("Neuron retains all right, title, and interest in and to the Software, including all improvements, updates, and derivative works, and all intellectual property rights therein. No title to or ownership of the Software transfers to Customer under this Agreement.") +
+        et_p("Customer retains all right, title, and interest in and to Customer&#39;s data, including inputs, memorys, and outputs generated through Customer&#39;s use of the platform. Neuron does not claim ownership of Customer&#39;s outputs. Customer is responsible for evaluating the accuracy and appropriateness of outputs before relying on them.") +
+        et_p_last("This Agreement does not grant Customer any right to use Neuron&#39;s trademarks, trade names, or logos except as expressly authorized in writing. Neuron Aligned Partner certification (&#167; 14) includes a limited right to use the partner designation as specified in the Partner Addendum.")
+    )
+}
+
+fn enterprise_terms_sections_9_15() -> String {
+    et_section("9", "Indemnification",
+        et_p("Neuron will defend Customer against third-party claims that the Software, as provided by Neuron and used in accordance with this Agreement, infringes a valid patent, copyright, or trademark, and will indemnify Customer for damages finally awarded in such a proceeding or agreed in settlement. This obligation does not apply to claims arising from: (a) Customer&#39;s modification of the Software; (b) Customer&#39;s combination of the Software with third-party products or data not provided by Neuron; or (c) Customer&#39;s use of the Software in violation of this Agreement.") +
+        et_p_last("Customer will defend Neuron against third-party claims arising from Customer&#39;s use of the platform in violation of applicable law, this Agreement, or the rights of third parties, and will indemnify Neuron for damages finally awarded or agreed in settlement. Each party must promptly notify the other of any claim for which indemnification may be sought and must cooperate reasonably in the defense.")
+    ) +
+    et_section("10", "Term and Termination",
+        et_p("This Agreement begins on the Effective Date specified in the Order Form and continues for the initial term stated therein, typically twelve months. Unless either party provides written notice of non-renewal at least 30 days before the end of the then-current term, this Agreement automatically renews for successive one-year terms at the pricing in effect at renewal.") +
+        et_p("Either party may terminate this Agreement for material breach upon 30 days&#39; written notice if the breach remains uncured at the end of that period. Neuron may terminate immediately upon written notice if Customer breaches &#167; 2 (unauthorized use of the Software) or &#167; 7 (confidentiality obligations).") +
+        et_p("Neuron may terminate this Agreement under &#167; 4 (Values Alignment) with 60 days&#39; written notice if Neuron determines in good faith that Customer&#39;s use of the platform is materially and persistently misaligned with the principles stated therein. Neuron will provide Customer the opportunity to respond and demonstrate alignment before termination takes effect.") +
+        et_p_last("Upon termination: (a) all licenses immediately terminate; (b) Customer must cease use of the Software; (c) each party will return or destroy the other&#39;s Confidential Information upon request; and (d) Neuron will make Customer&#39;s data available for export for 30 days, after which it will be destroyed. Sections 3 (data ownership and destruction), 7 (confidentiality), 8 (intellectual property), 9 (indemnification), 11 (limitation of liability), and 13 (governing law) survive termination.")
+    ) +
+    et_section("11", "Limitation of Liability",
+        et_p_caps("NEURON&#39;S TOTAL LIABILITY UNDER THIS AGREEMENT SHALL NOT EXCEED THE FEES PAID BY CUSTOMER IN THE TWELVE MONTHS PRECEDING THE CLAIM.") +
+        et_p_caps("NEITHER PARTY SHALL BE LIABLE FOR INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, EVEN IF ADVISED OF THEIR POSSIBILITY.") +
+        et_p_last("These limitations do not apply to: (a) Customer&#39;s payment obligations; (b) breaches of &#167; 7 (confidentiality); (c) a party&#39;s indemnification obligations under &#167; 9; or (d) a party&#39;s gross negligence or willful misconduct.")
+    ) +
+    et_section("12", "Warranties and Disclaimers",
+        et_p("Neuron warrants that: (a) the Software will perform materially in accordance with its published documentation during the Term; (b) Neuron has the authority to enter into this Agreement and grant the licenses herein; and (c) to Neuron&#39;s knowledge, the Software does not knowingly infringe any third-party intellectual property rights.") +
+        et_p("Customer&#39;s exclusive remedy for a warranty breach under (a) is for Neuron to use commercially reasonable efforts to correct the non-conformity, or if correction is not commercially practicable within 30 days, to terminate the Agreement and receive a pro-rata refund of prepaid fees for the unused portion of the Term.") +
+        et_p_caps("EXCEPT AS EXPRESSLY SET FORTH IN THIS SECTION, THE SOFTWARE IS PROVIDED &#34;AS IS.&#34; NEURON DISCLAIMS ALL OTHER WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT.") +
+        et_p_last("AI-generated outputs are probabilistic and may be inaccurate, incomplete, or inappropriate for specific contexts. Customer is responsible for reviewing outputs before relying on them for any consequential decision. Neuron does not warrant that outputs will be accurate, complete, or suitable for any particular purpose.")
+    ) +
+    et_section("13", "Governing Law and Disputes",
+        et_p("This Agreement is governed by the laws of the State of Delaware, without regard to conflict of law principles.") +
+        et_p_last("The parties agree to attempt to resolve disputes through good-faith negotiation before initiating formal proceedings. If negotiation fails within 30 days of written notice of the dispute, disputes shall be resolved by binding arbitration under AAA Commercial Arbitration Rules in Wilmington, Delaware, except that either party may seek injunctive relief in court for IP or confidentiality violations without first arbitrating.")
+    ) +
+    et_section("15", "General Provisions",
+        et_p("This Agreement, together with the Order Form and any addenda, constitutes the entire agreement between the parties with respect to its subject matter and supersedes all prior negotiations, representations, and agreements. Any amendment must be in writing and signed by authorized representatives of both parties.") +
+        et_p("If any provision of this Agreement is found unenforceable, it will be modified to the minimum extent necessary to make it enforceable, and the remaining provisions will continue in full force. Failure to enforce any provision is not a waiver of the right to enforce it later.") +
+        et_p("Neither party may assign this Agreement without the other&#39;s written consent, except that Neuron may assign to an acquirer of all or substantially all of its business or assets without consent, provided the acquirer assumes all obligations under this Agreement.") +
+        et_p_last("Notices must be in writing and sent to enterprise@neurontechnologies.ai for Neuron, or to the email address specified in the Order Form for Customer. Notices are effective on the day of confirmed receipt.")
+    )
+}
+
+fn enterprise_partner_section() -> String {
+    let section_header: String = el_div(
+        "style=\"display:flex;align-items:baseline;flex-wrap:wrap;gap:0.5rem 1rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(0,82,160,.20);padding-bottom:0.75rem\"",
+        el_span("style=\"font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65);flex-shrink:0\"", "&#167; 14") +
+        el_h2("style=\"font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1);min-width:0;word-break:break-word\"", "Neuron Aligned Partner Program")
+    )
+
+    let cert_quote: String = el_div(
+        "style=\"margin:1.5rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--navy);background:rgba(0,82,160,.04);box-sizing:border-box\"",
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);line-height:1.8;font-style:italic\"",
+            "&#34;We are deploying Neuron to make our people more capable, not to eliminate them. Reducing headcount is not a primary objective of this deployment. We commit to using this technology in a manner consistent with the welfare of our workforce, and we will notify Neuron if our intentions change in ways that materially contradict this commitment.&#34;"
+        )
+    )
+
+    let benefits_list: String = el_ul(
+        "style=\"font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.8;padding-left:1.25rem;margin-bottom:1.5rem\"",
+        el_li("style=\"margin-bottom:0.4rem\"", "Preferential per-seat pricing - specific discount terms are disclosed at the time of certification and reflected in the Order Form") +
+        el_li("style=\"margin-bottom:0.4rem\"", "Membership in the Neuron Aligned Partner Network, a private community of organizations that have made the same commitment") +
+        el_li("style=\"margin-bottom:0.4rem\"", "Optional public listing as a Neuron Aligned Partner - a signal to employees and the market that AI is being used to expand human capability, not eliminate it") +
+        el_li("style=\"margin-bottom:0.4rem\"", "Priority consideration in the enterprise roadmap - Aligned Partners are given more weight in feature prioritization and deployment planning") +
+        el_li("", "Direct access to Neuron leadership for roadmap input and partnership discussions")
+    )
+
+    el_div(
+        "style=\"margin-bottom:3rem;padding:clamp(1.25rem,4vw,2rem) clamp(1rem,4vw,2.25rem);border:1.5px solid rgba(0,82,160,.35);background:rgba(0,82,160,.03);box-sizing:border-box\"",
+        section_header +
+        et_p("Participation in the Neuron Aligned Partner Program is entirely voluntary. No enterprise customer is required to participate, and the standard enterprise relationship under this Agreement is not conditioned on it.") +
+        et_p("An organization that chooses to participate executes a Neuron Aligned Partner Addendum (&#34;Partner Addendum&#34;), a separate document supplementing this Agreement. In the Partner Addendum, Customer makes the following certification:") +
+        cert_quote +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9rem;color:var(--t1);line-height:1.6;margin-bottom:0.75rem\"", "Partners who execute the Partner Addendum receive:") +
+        benefits_list +
+        et_p("The certification is self-attested and made in good faith. Neuron does not audit deployment usage to verify the commitment, but relies on the integrity of the partner&#39;s representation. If Neuron determines, based on credible evidence, that a partner&#39;s use of the platform is materially inconsistent with the certification, Neuron may revoke partner status with 30 days&#39; notice and adjust pricing to standard enterprise rates at the next renewal.") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t3);line-height:1.8\"",
+            "To inquire about the Partner Program, contact enterprise@neurontechnologies.ai with subject line &#34;Aligned Partner.&#34;"
+        )
+    )
 }
 
 fn enterprise_terms_body() -> String {
-    return {nav()}
-<div style="max-width:720px;margin:0 auto;padding:6rem clamp(1rem,5vw,2.5rem) 8rem;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word">
-  <div style="margin-bottom:3rem">
-    <a href="/" style="font-family:var(--body);font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy);text-decoration:none">&#8592; Neuron</a>
-  </div>
-  <div style="margin-bottom:4rem;border-bottom:1px solid var(--border);padding-bottom:3rem">
-    <p class="label" style="margin-bottom:1rem">Legal</p>
-    <h1 style="font-family:var(--head);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--t1);margin-bottom:0.75rem;line-height:1.1">Enterprise Agreement</h1>
-    <p style="font-family:var(--body);font-size:0.875rem;color:var(--t3)">Effective May 1, 2026 &nbsp;&middot;&nbsp; Neuron, LLC</p>
-  </div>
+    let back_link: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        el_a("/", "style=\"font-family:var(--body);font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy);text-decoration:none\"", "&#8592; Neuron")
+    )
 
-{raw(section("1", "Parties and Scope",
-    p("This Enterprise Agreement (&#34;Agreement&#34;) is between Neuron, LLC (&#34;Neuron&#34;) and the organization entering into an enterprise relationship (&#34;Customer&#34;). It governs all enterprise deployments, including Team, Enterprise, and Private Cloud tiers.")
-  + p_last("This Agreement supplements the Neuron Terms of Service. In the event of conflict, this Agreement controls for enterprise use. The parties are bound by the Order Form executed at time of deployment, which specifies tier, seat count, term, and pricing.")
-))}
-{raw(section("2", "License Grant and Usage Rights",
-    p("Subject to the terms of this Agreement and timely payment of fees, Neuron grants Customer a limited, non-exclusive, non-transferable, non-sublicensable license to deploy and use the Neuron platform (&#34;Software&#34;) solely for Customer&#39;s internal business purposes during the Term.")
-  + p("The license is scoped to the number of authorized seats, devices, or instances specified in the Order Form. Customer may not exceed the licensed scope without executing a seat expansion. Neuron will not invoice retroactively for inadvertent overage of fewer than 10% of contracted seats if Customer notifies Neuron and brings usage into compliance within 30 days.")
-  + p_last("Customer may not: (a) sublicense, resell, or distribute the Software to third parties; (b) reverse engineer, decompile, or attempt to extract source code or trained model weights; (c) use the Software to build a competing product; or (d) remove or obscure any proprietary notices. Private Cloud deployments may be deployed to Customer&#39;s infrastructure but may not be transferred or made available to entities other than Customer&#39;s own employees and contractors under appropriate confidentiality obligations.")
-))}
-{raw(section("3", "Data and Privacy",
-    p("Neuron&#39;s architecture is designed to minimize data exposure. In private cloud and air-gapped deployments, no data leaves Customer&#39;s infrastructure. Neuron has no access to Customer data in these configurations.")
-  + p("In cloud-hosted deployments, Neuron processes Customer data solely to deliver the contracted services. Customer data is stored in an isolated tenant, is not commingled with other customers&#39; data, and is not used for model training, analytics, or any purpose beyond service delivery. When Customer activates network features - including relay, peer-to-peer sync, or collaborative features - data required to operate those features may be transmitted to other network participants or Neuron infrastructure; such transmission is limited to the minimum required, excludes Customer&#39;s memory and conversation history unless Customer explicitly enables a sharing feature, and is used only to deliver the activated feature. Network features route data through Neuron&#39;s messaging backplane. That data is encrypted end-to-end - Neuron cannot read it - and is not stored or retained after transmission.")
-  + p("Customer owns all data processed through the platform. Customer data is not Customer&#39;s data in the legal sense of the term as used in data processing frameworks - Customer is the controller. Neuron is the processor. Upon termination, Customer data is returned or destroyed within 30 days at Customer&#39;s election. We do not retain copies.")
-  + p_last("Where required by applicable law, Neuron will execute a Data Processing Agreement (DPA) as a supplement to this Agreement. Contact enterprise@neurontechnologies.ai to initiate. Neuron will notify Customer within 72 hours of becoming aware of any confirmed breach affecting Customer data.")
-))}
-{raw(section("4", "Values Alignment",
-    p("Neuron is built on the principle that AI should expand human capability, not replace it. We are selective about the organizations we work with.")
-  + p("Customer represents that it does not intend to use Neuron primarily as a tool to eliminate employee positions, reduce headcount through automation in ways that harm workers, or otherwise use the platform in ways inconsistent with the welfare of the people who work in Customer&#39;s organization.")
-  + p("Neuron reserves the right to decline, not renew, or terminate any enterprise agreement where Neuron determines, in its reasonable judgment, that the Customer&#39;s use of the platform is fundamentally misaligned with these principles. Termination under this section is subject to the notice and cure provisions of &#167; 10.")
-  + p_last("We will not enter into agreements with organizations whose primary business model, as Neuron determines in good faith, depends on practices that systematically harm workers, small businesses, or communities. This is not a standard clause in most software agreements. We mean it.")
-))}
-{raw(section("5", "Service Levels and Support",
-    p("For cloud-hosted deployments, Neuron targets 99.9% monthly uptime, excluding scheduled maintenance windows (communicated at least 48 hours in advance) and circumstances outside Neuron&#39;s reasonable control. In the event Neuron fails to meet this target in a given calendar month, Customer may request a service credit equal to 5% of that month&#39;s fees for each full percentage point of availability below the target, up to a maximum of 30% of monthly fees. Credits are the sole and exclusive remedy for availability failures.")
-  + p("For on-premises and private cloud deployments, Customer is responsible for infrastructure availability. Neuron&#39;s SLA obligations apply only to software defects in the distributed build, not to Customer&#39;s infrastructure choices.")
-  + p_last("Support is provided by email at enterprise@neurontechnologies.ai. Neuron will acknowledge critical issues (complete service outage or data loss risk) within 4 business hours and provide a status update within 24 hours. Standard issues are acknowledged within 2 business days. Neuron does not guarantee resolution timelines for issues requiring platform changes.")
-))}
-{raw(section("6", "Security and Compliance",
-    p("Neuron implements security controls commensurate with enterprise software handling sensitive user data. These include: encryption in transit (TLS 1.2+) and at rest for cloud-hosted services; role-based access controls; audit logging at the infrastructure layer; and regular internal security reviews.")
-  + p("Neuron will pursue SOC 2 Type II certification and will provide Customer with the most recent available report upon request under a signed NDA. Until certification is achieved, Neuron will make available a written summary of security controls upon request.")
-  + p_last("Customer is responsible for: (a) maintaining the security of credentials and API keys used to access the platform; (b) configuring access controls for Customer&#39;s own users; (c) compliance with applicable law with respect to the data Customer chooses to input into the platform; and (d) conducting its own security evaluation appropriate to its risk profile before deployment in regulated environments.")
-))}
-{raw(section("7", "Confidentiality",
-    p("Each party (&#34;Receiving Party&#34;) agrees to protect the other party&#39;s (&#34;Disclosing Party&#34;) Confidential Information with the same degree of care it uses to protect its own confidential information, but no less than reasonable care. &#34;Confidential Information&#34; means any non-public information disclosed by the Disclosing Party that is designated as confidential or that reasonably should be understood to be confidential given the nature of the information and circumstances of disclosure.")
-  + p("Confidential Information does not include information that: (a) becomes publicly known through no breach by the Receiving Party; (b) was already known to the Receiving Party before disclosure; (c) is received from a third party without restriction; or (d) was independently developed by the Receiving Party without use of the Confidential Information.")
-  + p_last("These obligations survive termination of this Agreement for three years. Receiving Party may disclose Confidential Information to the extent required by law or court order, provided that Receiving Party gives Disclosing Party prompt written notice and cooperates with any effort to obtain a protective order.")
-))}
-{raw(section("8", "Intellectual Property",
-    p("Neuron retains all right, title, and interest in and to the Software, including all improvements, updates, and derivative works, and all intellectual property rights therein. No title to or ownership of the Software transfers to Customer under this Agreement.")
-  + p("Customer retains all right, title, and interest in and to Customer&#39;s data, including inputs, memorys, and outputs generated through Customer&#39;s use of the platform. Neuron does not claim ownership of Customer&#39;s outputs. Customer is responsible for evaluating the accuracy and appropriateness of outputs before relying on them.")
-  + p_last("This Agreement does not grant Customer any right to use Neuron&#39;s trademarks, trade names, or logos except as expressly authorized in writing. Neuron Aligned Partner certification (&#167; 14) includes a limited right to use the partner designation as specified in the Partner Addendum.")
-))}
-{raw(section("9", "Indemnification",
-    p("Neuron will defend Customer against third-party claims that the Software, as provided by Neuron and used in accordance with this Agreement, infringes a valid patent, copyright, or trademark, and will indemnify Customer for damages finally awarded in such a proceeding or agreed in settlement. This obligation does not apply to claims arising from: (a) Customer&#39;s modification of the Software; (b) Customer&#39;s combination of the Software with third-party products or data not provided by Neuron; or (c) Customer&#39;s use of the Software in violation of this Agreement.")
-  + p_last("Customer will defend Neuron against third-party claims arising from Customer&#39;s use of the platform in violation of applicable law, this Agreement, or the rights of third parties, and will indemnify Neuron for damages finally awarded or agreed in settlement. Each party must promptly notify the other of any claim for which indemnification may be sought and must cooperate reasonably in the defense.")
-))}
-{raw(section("10", "Term and Termination",
-    p("This Agreement begins on the Effective Date specified in the Order Form and continues for the initial term stated therein, typically twelve months. Unless either party provides written notice of non-renewal at least 30 days before the end of the then-current term, this Agreement automatically renews for successive one-year terms at the pricing in effect at renewal.")
-  + p("Either party may terminate this Agreement for material breach upon 30 days&#39; written notice if the breach remains uncured at the end of that period. Neuron may terminate immediately upon written notice if Customer breaches &#167; 2 (unauthorized use of the Software) or &#167; 7 (confidentiality obligations).")
-  + p("Neuron may terminate this Agreement under &#167; 4 (Values Alignment) with 60 days&#39; written notice if Neuron determines in good faith that Customer&#39;s use of the platform is materially and persistently misaligned with the principles stated therein. Neuron will provide Customer the opportunity to respond and demonstrate alignment before termination takes effect.")
-  + p_last("Upon termination: (a) all licenses immediately terminate; (b) Customer must cease use of the Software; (c) each party will return or destroy the other&#39;s Confidential Information upon request; and (d) Neuron will make Customer&#39;s data available for export for 30 days, after which it will be destroyed. Sections 3 (data ownership and destruction), 7 (confidentiality), 8 (intellectual property), 9 (indemnification), 11 (limitation of liability), and 13 (governing law) survive termination.")
-))}
-{raw(section("11", "Limitation of Liability",
-    p_caps("NEURON&#39;S TOTAL LIABILITY UNDER THIS AGREEMENT SHALL NOT EXCEED THE FEES PAID BY CUSTOMER IN THE TWELVE MONTHS PRECEDING THE CLAIM.")
-  + p_caps("NEITHER PARTY SHALL BE LIABLE FOR INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, EVEN IF ADVISED OF THEIR POSSIBILITY.")
-  + p_last("These limitations do not apply to: (a) Customer&#39;s payment obligations; (b) breaches of &#167; 7 (confidentiality); (c) a party&#39;s indemnification obligations under &#167; 9; or (d) a party&#39;s gross negligence or willful misconduct.")
-))}
-{raw(section("12", "Warranties and Disclaimers",
-    p("Neuron warrants that: (a) the Software will perform materially in accordance with its published documentation during the Term; (b) Neuron has the authority to enter into this Agreement and grant the licenses herein; and (c) to Neuron&#39;s knowledge, the Software does not knowingly infringe any third-party intellectual property rights.")
-  + p("Customer&#39;s exclusive remedy for a warranty breach under (a) is for Neuron to use commercially reasonable efforts to correct the non-conformity, or if correction is not commercially practicable within 30 days, to terminate the Agreement and receive a pro-rata refund of prepaid fees for the unused portion of the Term.")
-  + p_caps("EXCEPT AS EXPRESSLY SET FORTH IN THIS SECTION, THE SOFTWARE IS PROVIDED &#34;AS IS.&#34; NEURON DISCLAIMS ALL OTHER WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT.")
-  + p_last("AI-generated outputs are probabilistic and may be inaccurate, incomplete, or inappropriate for specific contexts. Customer is responsible for reviewing outputs before relying on them for any consequential decision. Neuron does not warrant that outputs will be accurate, complete, or suitable for any particular purpose.")
-))}
-{raw(section("13", "Governing Law and Disputes",
-    p("This Agreement is governed by the laws of the State of Delaware, without regard to conflict of law principles.")
-  + p_last("The parties agree to attempt to resolve disputes through good-faith negotiation before initiating formal proceedings. If negotiation fails within 30 days of written notice of the dispute, disputes shall be resolved by binding arbitration under AAA Commercial Arbitration Rules in Wilmington, Delaware, except that either party may seek injunctive relief in court for IP or confidentiality violations without first arbitrating.")
-))}
+    let page_header: String = el_div(
+        "style=\"margin-bottom:4rem;border-bottom:1px solid var(--border);padding-bottom:3rem\"",
+        el_p("class=\"label\" style=\"margin-bottom:1rem\"", "Legal") +
+        el_h1("style=\"font-family:var(--head);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--t1);margin-bottom:0.75rem;line-height:1.1\"", "Enterprise Agreement") +
+        el_p("style=\"font-family:var(--body);font-size:0.875rem;color:var(--t3)\"", "Effective May 1, 2026 &nbsp;&middot;&nbsp; Neuron, LLC")
+    )
 
-  <!-- Neuron Aligned Partner Program - highlighted section -->
-  <div style="margin-bottom:3rem;padding:clamp(1.25rem,4vw,2rem) clamp(1rem,4vw,2.25rem);border:1.5px solid rgba(0,82,160,.35);background:rgba(0,82,160,.03);box-sizing:border-box">
-    <div style="display:flex;align-items:baseline;flex-wrap:wrap;gap:0.5rem 1rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(0,82,160,.20);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65);flex-shrink:0">&#167; 14</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1);min-width:0;word-break:break-word">Neuron Aligned Partner Program</h2>
-    </div>
+    let footer_links: String = el_div(
+        "style=\"margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap\"",
+        el_a("/", "style=\"font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none\"", "&larr; Home") +
+        el_a("/legal/terms", "style=\"font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none\"", "Consumer Terms &rarr;")
+    )
 
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Participation in the Neuron Aligned Partner Program is entirely voluntary. No enterprise customer is required to participate, and the standard enterprise relationship under this Agreement is not conditioned on it.</p>
-
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">An organization that chooses to participate executes a Neuron Aligned Partner Addendum (&#34;Partner Addendum&#34;), a separate document supplementing this Agreement. In the Partner Addendum, Customer makes the following certification:</p>
-
-    <div style="margin:1.5rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--navy);background:rgba(0,82,160,.04);box-sizing:border-box">
-      <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);line-height:1.8;font-style:italic">&#34;We are deploying Neuron to make our people more capable, not to eliminate them. Reducing headcount is not a primary objective of this deployment. We commit to using this technology in a manner consistent with the welfare of our workforce, and we will notify Neuron if our intentions change in ways that materially contradict this commitment.&#34;</p>
-    </div>
-
-    <p style="font-family:var(--body);font-weight:400;font-size:0.9rem;color:var(--t1);line-height:1.6;margin-bottom:0.75rem">Partners who execute the Partner Addendum receive:</p>
-    <ul style="font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.8;padding-left:1.25rem;margin-bottom:1.5rem">
-      <li style="margin-bottom:0.4rem">Preferential per-seat pricing - specific discount terms are disclosed at the time of certification and reflected in the Order Form</li>
-      <li style="margin-bottom:0.4rem">Membership in the Neuron Aligned Partner Network, a private community of organizations that have made the same commitment</li>
-      <li style="margin-bottom:0.4rem">Optional public listing as a Neuron Aligned Partner - a signal to employees and the market that AI is being used to expand human capability, not eliminate it</li>
-      <li style="margin-bottom:0.4rem">Priority consideration in the enterprise roadmap - Aligned Partners are given more weight in feature prioritization and deployment planning</li>
-      <li>Direct access to Neuron leadership for roadmap input and partnership discussions</li>
-    </ul>
-
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">The certification is self-attested and made in good faith. Neuron does not audit deployment usage to verify the commitment, but relies on the integrity of the partner&#39;s representation. If Neuron determines, based on credible evidence, that a partner&#39;s use of the platform is materially inconsistent with the certification, Neuron may revoke partner status with 30 days&#39; notice and adjust pricing to standard enterprise rates at the next renewal.</p>
-
-    <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t3);line-height:1.8">To inquire about the Partner Program, contact enterprise@neurontechnologies.ai with subject line &#34;Aligned Partner.&#34;</p>
-  </div>
-
-{raw(section("15", "General Provisions",
-    p("This Agreement, together with the Order Form and any addenda, constitutes the entire agreement between the parties with respect to its subject matter and supersedes all prior negotiations, representations, and agreements. Any amendment must be in writing and signed by authorized representatives of both parties.")
-  + p("If any provision of this Agreement is found unenforceable, it will be modified to the minimum extent necessary to make it enforceable, and the remaining provisions will continue in full force. Failure to enforce any provision is not a waiver of the right to enforce it later.")
-  + p("Neither party may assign this Agreement without the other&#39;s written consent, except that Neuron may assign to an acquirer of all or substantially all of its business or assets without consent, provided the acquirer assumes all obligations under this Agreement.")
-  + p_last("Notices must be in writing and sent to enterprise@neurontechnologies.ai for Neuron, or to the email address specified in the Order Form for Customer. Notices are effective on the day of confirmed receipt.")
-))}
-
-  <div style="margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap">
-    <a href="/" style="font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none">&larr; Home</a>
-    <a href="/legal/terms" style="font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none">Consumer Terms &rarr;</a>
-  </div>
-</div>
+    nav() +
+    el_div(
+        "style=\"max-width:720px;margin:0 auto;padding:6rem clamp(1rem,5vw,2.5rem) 8rem;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word\"",
+        back_link +
+        page_header +
+        enterprise_terms_sections_1_4() +
+        enterprise_terms_sections_5_8() +
+        enterprise_terms_sections_9_15() +
+        enterprise_partner_section() +
+        footer_links
+    )
 }

src/environmental.el

@@ -4,88 +4,110 @@
 // Not greenwashing - a structural argument. The benefit follows from the
 // architecture; it wasn't engineered as a feature, but it's real.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_br() -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+
 fn environmental() -> String {
-    return <section id="environmental" aria-label="Environmental impact" style="padding:8rem 2.5rem;background:var(--bg)">
-  <div class="container-lg">
+    let label_row: String = el_div(
+        "style=\"display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem\"",
+        el_div("class=\"navy-line-left\" style=\"width:3rem;flex-shrink:0\"", "") +
+        el_span("class=\"label reveal\" style=\"color:var(--navy-85)\"", "Environmental impact")
+    )
 
-    <div style="display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start" class="env-grid">
+    let calculator: String = el_div(
+        "class=\"reveal\" style=\"transition-delay:340ms;background:var(--card);border:1px solid rgba(0,82,160,.18);padding:2rem\"",
+        el_p("style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--navy);margin-bottom:1.25rem\"", "Savings calculator") +
+        el_p("style=\"font-family:var(--body);font-size:0.875rem;color:var(--t2);margin-bottom:1rem\"",
+            "If you spend " +
+            "<strong id=\"calc-spend\" style=\"color:var(--t1)\">$50</strong>" +
+            "/month on AI&hellip;"
+        ) +
+        el_input("range", "id=\"calc-slider\" min=\"10\" max=\"500\" step=\"10\" value=\"50\" style=\"width:100%;accent-color:var(--navy);margin-bottom:1.5rem\"") +
+        el_div(
+            "style=\"display:flex;align-items:baseline;gap:0.75rem;margin-bottom:0.375rem\"",
+            el_span("id=\"calc-savings\" style=\"font-family:var(--head);font-size:2.5rem;font-weight:600;color:var(--navy)\"", "$240") +
+            el_span("style=\"font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--t3)\"", "saved per year")
+        ) +
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;color:var(--t3)\"", "Based on estimated token reduction applied to your monthly spend.")
+    )
 
-      <div>
-        <div style="display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem">
-          <div class="navy-line-left" style="width:3rem;flex-shrink:0"></div>
-          <span class="label reveal" style="color:var(--navy-85)">Environmental impact</span>
-        </div>
+    let left_col: String = el_div(
+        "",
+        label_row +
+        el_h2(
+            "class=\"display-lg reveal\" style=\"transition-delay:80ms;margin-bottom:1.5rem\"",
+            "Fewer tokens." + el_br() + el_span("class=\"gold\"", "Same work done.")
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\"",
+            "Persistent context means shorter, more targeted prompts on every call. Less computation. Lower cost. A smaller footprint. This isn&#39;t a setting you toggle - it&#39;s what the architecture does by default."
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:220ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\"",
+            "Every time you open ChatGPT and explain who you are again, that&#39;s computation that didn&#39;t need to happen. With Neuron, that context tax doesn&#39;t accumulate. Over months of use, the savings compound into a meaningful reduction in total compute - and a meaningful reduction in what you pay."
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:280ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:2.5rem\"",
+            "This isn&#39;t a green marketing claim. It&#39;s a consequence of the design. The same architecture that makes Neuron better for you also makes it lighter on the planet."
+        ) +
+        calculator +
+        el_script_src("/js/environmental.js", true)
+    )
 
-        <h2 class="display-lg reveal" style="transition-delay:80ms;margin-bottom:1.5rem">
-          Fewer tokens.<br><span class="gold">Same work done.</span>
-        </h2>
+    let card1: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:100ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)\"",
+        el_p("style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem\"", "Local inference - coming") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "Your GPU, already powered on") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "The design: when you run inference locally via Ollama, your device&#39;s GPU handles it - hardware that&#39;s already consuming power. No data center spins up a cluster for your query. No round-trip. No idle servers waiting at scale. This is where we&#39;re headed."
+        )
+    )
 
-        <p class="reveal" style="transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem">
-          Persistent context means shorter, more targeted prompts on every call. Less computation. Lower cost. A smaller footprint. This isn&#39;t a setting you toggle - it&#39;s what the architecture does by default.
-        </p>
+    let card2: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:200ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)\"",
+        el_p("style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem\"", "No database server for your data") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "On-device storage") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "Your context lives on your device in a purpose-built local storage layer. No cloud database servers running 24&#x2F;7 to store and serve your conversations. No replication across availability zones. Just your device."
+        )
+    )
 
-        <p class="reveal" style="transition-delay:220ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem">
-          Every time you open ChatGPT and explain who you are again, that&#39;s computation that didn&#39;t need to happen. With Neuron, that context tax doesn&#39;t accumulate. Over months of use, the savings compound into a meaningful reduction in total compute - and a meaningful reduction in what you pay.
-        </p>
+    let card3: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:300ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)\"",
+        el_p("style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem\"", "Persistent context = less recomputation") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "No re-explaining. No wasted tokens.") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "Neuron surfaces exactly what&#39;s relevant for each conversation - no re-deriving who you are from long histories. Shorter, more targeted prompts. More with less."
+        )
+    )
 
-        <p class="reveal" style="transition-delay:280ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:2.5rem">
-          This isn&#39;t a green marketing claim. It&#39;s a consequence of the design. The same architecture that makes Neuron better for you also makes it lighter on the planet.
-        </p>
+    let honest: String = el_div(
+        "class=\"reveal\" style=\"transition-delay:400ms;padding:1.25rem 1.75rem;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.07);border-radius:2px\"",
+        el_p("style=\"font-family:var(--body);font-size:0.8125rem;font-weight:300;color:var(--t3);line-height:1.7\"",
+            "<strong style=\"font-weight:500;color:var(--t2)\">The honest picture:</strong>" +
+            " When you use Neuron with BYOK providers (OpenAI, Anthropic, Grok) or Neuron Inference, those queries travel to inference servers - that footprint exists. The savings come from the architecture: persistent memory and local-first design reduce the total computation required to get the same work done."
+        )
+    )
 
-        <div class="reveal" style="transition-delay:340ms;background:var(--card);border:1px solid rgba(0,82,160,.18);padding:2rem">
-          <p style="font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--navy);margin-bottom:1.25rem">Savings calculator</p>
-          <p style="font-family:var(--body);font-size:0.875rem;color:var(--t2);margin-bottom:1rem">If you spend <strong id="calc-spend" style="color:var(--t1)">$50</strong>/month on AI&hellip;</p>
-          <input type="range" id="calc-slider" min="10" max="500" step="10" value="50" style="width:100%;accent-color:var(--navy);margin-bottom:1.5rem">
-          <div style="display:flex;align-items:baseline;gap:0.75rem;margin-bottom:0.375rem">
-            <span id="calc-savings" style="font-family:var(--head);font-size:2.5rem;font-weight:600;color:var(--navy)">$240</span>
-            <span style="font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--t3)">saved per year</span>
-          </div>
-          <p style="font-family:var(--body);font-size:0.75rem;color:var(--t3)">Based on estimated token reduction applied to your monthly spend.</p>
-        </div>
+    let right_col: String = el_div(
+        "style=\"display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem\"",
+        card1 + card2 + card3 + honest
+    )
 
-        <script src="/js/environmental.js" defer></script>
-      </div>
+    let grid: String = el_div(
+        "style=\"display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start\" class=\"env-grid\"",
+        left_col + right_col
+    )
 
-      <div style="display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem">
-
-        <div class="reveal card-dark" style="transition-delay:100ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)">
-          <p style="font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem">Local inference - coming</p>
-          <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">Your GPU, already powered on</p>
-          <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-            The design: when you run inference locally via Ollama, your device&#39;s GPU handles it - hardware that&#39;s already consuming power. No data center spins up a cluster for your query. No round-trip. No idle servers waiting at scale. This is where we&#39;re headed.
-          </p>
-        </div>
-
-        <div class="reveal card-dark" style="transition-delay:200ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)">
-          <p style="font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem">No database server for your data</p>
-          <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">On-device storage</p>
-          <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-            Your context lives on your device in a purpose-built local storage layer. No cloud database servers running 24&#x2F;7 to store and serve your conversations. No replication across availability zones. Just your device.
-          </p>
-        </div>
-
-        <div class="reveal card-dark" style="transition-delay:300ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)">
-          <p style="font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem">Persistent context = less recomputation</p>
-          <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">No re-explaining. No wasted tokens.</p>
-          <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-            Neuron surfaces exactly what&#39;s relevant for each conversation - no re-deriving who you are from long histories. Shorter, more targeted prompts. More with less.
-          </p>
-        </div>
-
-        <div class="reveal" style="transition-delay:400ms;padding:1.25rem 1.75rem;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.07);border-radius:2px">
-          <p style="font-family:var(--body);font-size:0.8125rem;font-weight:300;color:var(--t3);line-height:1.7">
-            <strong style="font-weight:500;color:var(--t2)">The honest picture:</strong> When you use Neuron with BYOK providers (OpenAI, Anthropic, Grok) or Neuron Inference, those queries travel to inference servers - that footprint exists. The savings come from the architecture: persistent memory and local-first design reduce the total computation required to get the same work done.
-          </p>
-        </div>
-
-      </div>
-    </div>
-
-  </div>
-</section>
-<style>
-@media (max-width: 768px) {
+    let css: String = "@media (max-width: 768px) {
   .env-grid { grid-template-columns: 1fr !important; gap: 2rem !important; }
-}
-</style>
+}"
+
+    el_section(
+        "id=\"environmental\" aria-label=\"Environmental impact\" style=\"padding:8rem 2.5rem;background:var(--bg)\"",
+        el_div("class=\"container-lg\"", grid) + "<style>" + css + "</style>"
+    )
 }

src/footer.el

@@ -1,34 +1,58 @@
 // components/footer.el - Site footer.
 
+extern fn el_footer(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_nav(attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+
 fn footer() -> String {
-    return <footer id="footer" aria-label="Footer">
-  <div class="container">
-    <div class="footer-inner">
+    let brand_img: String = el_img(
+        "/assets/brand/neuron-wordmark-on-light.png",
+        "Neuron",
+        "srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" height=\"24\" style=\"display:block;margin-bottom:0.35rem;\""
+    )
+    let brand_tagline: String = el_p("class=\"footer-brand-tagline\"", "Built Different.")
+    let brand_link: String = el_a(
+        "/",
+        "class=\"footer-brand\" aria-label=\"Neuron home\" style=\"display:flex;flex-direction:column;align-items:center;\"",
+        brand_img + brand_tagline
+    )
 
-      <a href="/" class="footer-brand" aria-label="Neuron home" style="display:flex;flex-direction:column;align-items:center;">
-        <img src="/assets/brand/neuron-wordmark-on-light.png" srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x" alt="Neuron" height="24" style="display:block;margin-bottom:0.35rem;">
-        <p class="footer-brand-tagline">Built Different.</p>
-      </a>
+    let footer_center: String = el_div(
+        "class=\"footer-center\"",
+        el_div("class=\"navy-line\"", "")
+    )
 
-      <div class="footer-center">
-        <div class="navy-line"></div>
-      </div>
+    let footer_nav_links: String =
+        el_a("/legal/terms", "", "Terms") +
+        el_a("/legal/enterprise-terms", "", "Enterprise Agreement") +
+        el_a("mailto:legal@neurontechnologies.ai", "", "Contact")
+    let footer_nav: String = el_nav(
+        "class=\"footer-nav\" aria-label=\"Footer navigation\"",
+        footer_nav_links
+    )
+    let footer_right: String = el_div(
+        "class=\"footer-right\"",
+        el_p("class=\"footer-domain\"", "neurontechnologies.ai") + footer_nav
+    )
 
-      <div class="footer-right">
-        <p class="footer-domain">neurontechnologies.ai</p>
-        <nav class="footer-nav" aria-label="Footer navigation">
-          <a href="/legal/terms">Terms</a>
-          <a href="/legal/enterprise-terms">Enterprise Agreement</a>
-          <a href="mailto:legal@neurontechnologies.ai">Contact</a>
-        </nav>
-      </div>
+    let footer_inner: String = el_div(
+        "class=\"footer-inner\"",
+        brand_link + footer_center + footer_right
+    )
 
-    </div>
+    let footer_bottom: String = el_div(
+        "class=\"footer-bottom\"",
+        el_p("class=\"footer-copy\"", "&copy; 2026 Neuron, LLC. All rights reserved.") +
+        el_p("class=\"footer-tagline-bottom\"", "Your memory. Your AI.")
+    )
 
-    <div class="footer-bottom">
-      <p class="footer-copy">&copy; 2026 Neuron, LLC. All rights reserved.</p>
-      <p class="footer-tagline-bottom">Your memory. Your AI.</p>
-    </div>
-  </div>
-</footer>
+    let container: String = el_div(
+        "class=\"container\"",
+        footer_inner + footer_bottom
+    )
+
+    el_footer("id=\"footer\" aria-label=\"Footer\"", container)
 }

src/founding_badge.el

@@ -4,26 +4,32 @@
 // "Neuron, LLC" footer. Matches the design picked from
 // /tmp/founding-badge-preview.html.
 
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+
 fn founding_badge(member_number: Int) -> String {
     let num_str: String = int_to_str(member_number)
     let show_number: Bool = member_number > 0
-    return <div class="founding-badge" aria-label="Founding Member badge">
-  <img class="founding-badge-brain" src="/assets/brand/neuron-brain.png" alt="Neuron" width="40" height="40">
-  <div class="founding-badge-eye">Founding Member</div>
-  {#if show_number}
-  <div class="founding-badge-num">#{num_str}</div>
-  <div class="founding-badge-of">of 1,000</div>
-  {#else}
-  <div class="founding-badge-pending">Your number awaits</div>
-  {/if}
-  <div class="founding-badge-line"></div>
-  <div class="founding-badge-name">Neuron, LLC</div>
-</div>
+
+    let number_or_pending: String = if show_number {
+        el_div("class=\"founding-badge-num\"", "#" + num_str) +
+        el_div("class=\"founding-badge-of\"", "of 1,000")
+    } else {
+        el_div("class=\"founding-badge-pending\"", "Your number awaits")
+    }
+
+    el_div(
+        "class=\"founding-badge\" aria-label=\"Founding Member badge\"",
+        el_img("/assets/brand/neuron-brain.png", "Neuron", "class=\"founding-badge-brain\" width=\"40\" height=\"40\"") +
+        el_div("class=\"founding-badge-eye\"", "Founding Member") +
+        number_or_pending +
+        el_div("class=\"founding-badge-line\"", "") +
+        el_div("class=\"founding-badge-name\"", "Neuron, LLC")
+    )
 }
 
 fn founding_badge_css() -> String {
-    return <style>
-.founding-badge {
+    let css_a: String = ".founding-badge {
   width: 200px;
   background: #fff;
   border: 1px solid rgba(0,82,160,.18);
@@ -83,6 +89,6 @@ fn founding_badge_css() -> String {
   letter-spacing: .14em;
   text-transform: uppercase;
   color: #6B6B7E;
-}
-</style>
+}"
+    "<style>" + css_a + "</style>"
 }

src/gallery.el

@@ -12,9 +12,203 @@
 // anchors, which the HTML5 parser resolves via the adoption agency algorithm,
 // producing mismatched </div> tags that break gallery-grid's closing tag and
 // pull sibling elements into the grid as spurious grid items.
-let gallery_share_allowlist: String = "{\"p\":[],\"br\":[],\"strong\":[],\"em\":[],\"u\":[],\"s\":[],\"code\":[],\"pre\":[],\"ul\":[],\"ol\":[],\"li\":[],\"h1\":[],\"h2\":[],\"h3\":[],\"h4\":[],\"blockquote\":[]}"
+
+extern fn el_html_doc(lang: String, head_html: String, body_html: String) -> String
+extern fn el_meta_charset(charset: String) -> String
+extern fn el_meta(name: String, content: String) -> String
+extern fn el_link_stylesheet(href: String) -> String
+extern fn el_title(text: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+extern fn el_script_inline(js: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_nav(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_br() -> String
+
+fn gallery_css_base() -> String {
+    "*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+:root {
+  --bg: #FAFAF8; --bg2: #F0F0EC; --card: #FFFFFF;
+  --navy: #0052A0; --navy-65: rgba(0,82,160,.65); --navy-85: rgba(0,82,160,.85);
+  --t1: #0D0D14; --t2: #3A3A4A; --t3: #6B6B7E;
+  --border: rgba(0,0,0,.07); --border2: rgba(0,0,0,.13);
+  --up: #2E7D32; --down: #C62828;
+  --head: 'Playfair Display', Georgia, serif;
+  --body: 'IBM Plex Sans', system-ui, sans-serif;
+}
+html { scroll-behavior: smooth; }
+html, body { background: var(--bg); color: var(--t1); font-family: var(--body); -webkit-font-smoothing: antialiased; }
+body::before {
+  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
+  background-image: linear-gradient(rgba(0,0,0,.022) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0,0,0,.022) 1px, transparent 1px);
+  background-size: 48px 48px;
+}
+.label { font-family: var(--body); font-size: .75rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--navy-65); }
+.display-lg { font-family: var(--head); font-size: clamp(2rem,4vw,3.25rem); font-weight: 600; line-height: 1.1; letter-spacing: -.02em; color: var(--t1); }
+.btn-primary { display: inline-flex; align-items: center; gap: .75rem; font-family: var(--body); font-size: .75rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; color: #fff; background: var(--navy); padding: 1rem 2rem; border: none; cursor: pointer; transition: background 300ms; }
+.btn-primary:hover { background: #0078D4; }
+.btn-ghost { display: inline-flex; align-items: center; gap: .75rem; font-family: var(--body); font-size: .75rem; font-weight: 400; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; color: var(--t2); background: transparent; padding: 1rem 2rem; border: 1px solid var(--border2); cursor: pointer; transition: border-color 300ms, color 300ms; }
+.btn-ghost:hover { border-color: rgba(0,82,160,.35); color: var(--t1); }"
+}
+
+fn gallery_css_nav() -> String {
+    "#nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: background 500ms, border-color 500ms; }
+#nav.scrolled { background: rgba(250,250,248,.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
+.nav-inner { max-width: 1280px; margin: 0 auto; padding: 0 2rem; height: 4rem; display: flex; align-items: center; justify-content: space-between; position: relative; }
+.nav-logo img { height: 2rem; width: auto; display: block; }
+.nav-links { display: flex; align-items: center; gap: 1.25rem; flex-wrap: nowrap; }
+.nav-link { font-family: var(--body); font-size: .675rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--t3); text-decoration: none; white-space: nowrap; transition: color 200ms; }
+.nav-link:hover { color: var(--t1); }
+.nav-dropdown { position: relative; display: flex; align-items: center; }
+.nav-dropdown-btn { background: none; border: none; cursor: pointer; padding: 0; font-family: var(--body); font-size: .675rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--t3); transition: color 200ms; white-space: nowrap; }
+.nav-dropdown-btn:hover { color: var(--t1); }
+.nav-dropdown-menu { display: none; position: absolute; top: calc(100% + .75rem); left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid var(--border2); box-shadow: 0 8px 32px rgba(0,0,0,.10); min-width: 160px; flex-direction: column; z-index: 200; padding: .375rem 0; }
+.nav-dropdown.open .nav-dropdown-menu { display: flex; }
+.nav-dropdown-item { font-family: var(--body); font-size: .8125rem; font-weight: 400; color: var(--t2); text-decoration: none; padding: .5rem 1.25rem; transition: background 150ms, color 150ms; white-space: nowrap; }
+.nav-dropdown-item:hover { background: var(--bg2); color: var(--t1); }
+.nav-cta { font-family: var(--body); font-size: .675rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: #fff; background: var(--navy); text-decoration: none; padding: .575rem 1.1rem; white-space: nowrap; box-shadow: 0 2px 12px rgba(0,82,160,.20); transition: background 300ms; }
+.nav-cta:hover { background: #0078D4; }
+.nav-hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 6px 4px; z-index: 101; -webkit-tap-highlight-color: transparent; }
+.nav-hamburger span { display: block; width: 22px; height: 2px; background: var(--t1); border-radius: 1px; transition: transform 280ms ease, opacity 200ms ease; transform-origin: center; }
+.nav-hamburger[aria-expanded=\"true\"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
+.nav-hamburger[aria-expanded=\"true\"] span:nth-child(2) { opacity: 0; transform: scaleX(0); }
+.nav-hamburger[aria-expanded=\"true\"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
+.nav-mobile { display: none; position: absolute; top: 4rem; left: 0; right: 0; background: rgba(250,250,248,.98); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); padding: .5rem 0 1.5rem; flex-direction: column; box-shadow: 0 8px 32px rgba(0,0,0,.08); }
+.nav-mobile.open { display: flex; }
+.nav-mobile-link { display: block; padding: .875rem 2rem; font-family: var(--body); font-size: .75rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--t2); text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.05); transition: color 150ms, background 150ms; }
+.nav-mobile-link:last-child { border-bottom: none; }
+.nav-mobile-link:hover { color: var(--t1); background: rgba(0,82,160,.03); }
+.nav-mobile-cta { display: block; margin: 1rem 2rem 0; padding: .8rem 1.5rem; text-align: center; font-family: var(--body); font-size: .75rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: #fff; background: var(--navy); text-decoration: none; }
+@media (max-width: 1060px) { .nav-links { display: none; } .nav-hamburger { display: flex; } }
+@media (min-width: 1061px) { .nav-mobile { display: none !important; } .nav-hamburger { display: none !important; } }"
+}
+
+fn gallery_css_gallery() -> String {
+    ".gallery-wrap { max-width: 1100px; margin: 0 auto; padding: 7rem 2.5rem 5rem; position: relative; z-index: 1; }
+.gallery-header { margin-bottom: 3rem; }
+.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
+@media (max-width: 900px) { .gallery-grid { grid-template-columns: 1fr 1fr; } }
+@media (max-width: 600px) { .gallery-grid { grid-template-columns: 1fr; } }
+.gal-card { background: var(--card); border: 1px solid var(--border); padding: 1.5rem; display: flex; flex-direction: column; gap: .875rem; transition: border-color .15s, box-shadow .15s; }
+.gal-card:hover { border-color: rgba(0,82,160,.25); box-shadow: 0 4px 20px rgba(0,82,160,.07); }
+.gal-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: .875rem; flex: 1; }
+.gal-q { font-family: var(--body); font-weight: 500; font-size: .875rem; color: var(--navy); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+.gal-a { font-family: var(--body); font-weight: 300; font-size: .8125rem; color: var(--t2); line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; flex: 1; max-height: 11rem; }
+.gal-a p { margin: 0; }
+.gal-a p + p { margin-top: .35rem; }
+.gal-a ol, .gal-a ul { padding-left: 1.25rem; margin: .25rem 0; }
+.gal-a li + li { margin-top: .15rem; }
+.gal-a strong { font-weight: 600; color: var(--t1); }
+.gal-a em { font-style: italic; }
+.gal-a code { background: rgba(0,0,0,0.05); padding: .1em .3em; border-radius: 3px; font-family: ui-monospace, 'IBM Plex Mono', Menlo, monospace; font-size: .85em; }
+.gal-a pre { background: var(--bg2); padding: .5rem; overflow-x: auto; font-size: .75rem; margin: .4rem 0; border-radius: 3px; }
+.gal-a pre code { background: none; padding: 0; }
+.gal-a a { color: var(--navy); text-decoration: underline; }
+.gal-a h1, .gal-a h2, .gal-a h3, .gal-a h4 { font-size: 1em; font-weight: 600; margin: .3rem 0; color: var(--t1); }
+.gal-a blockquote { border-left: 2px solid var(--border2); padding-left: .5rem; color: var(--t2); margin: .3rem 0; }
+.gal-a img { max-width: 100%; height: auto; }
+.gal-meta { display: flex; justify-content: space-between; align-items: center; font-family: var(--body); font-size: .65rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--t3); margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--border); }
+.gal-date { font-size: .65rem; color: var(--t3); }
+.vote-controls { display: inline-flex; align-items: center; gap: .35rem; }
+.vote-btn { background: transparent; border: 1px solid var(--border2); color: var(--t3); cursor: pointer; padding: .2rem .45rem; font-size: .7rem; line-height: 1; transition: all .15s; -webkit-tap-highlight-color: transparent; }
+.vote-btn:hover:not(:disabled) { color: var(--navy); border-color: rgba(0,82,160,.35); background: rgba(0,82,160,.04); }
+.vote-btn:focus-visible { outline: 2px solid var(--navy); outline-offset: 1px; }
+.vote-btn:disabled { opacity: .55; cursor: not-allowed; }
+.vote-btn.is-active.vote-up { background: rgba(46,125,50,.10); color: var(--up); border-color: rgba(46,125,50,.45); }
+.vote-btn.is-active.vote-down { background: rgba(198,40,40,.10); color: var(--down); border-color: rgba(198,40,40,.45); }
+.vote-btn.is-loading { opacity: .55; cursor: wait; }
+.vote-score { font-size: .8rem; font-weight: 500; color: var(--t1); min-width: 1.5rem; text-align: center; font-variant-numeric: tabular-nums; }
+.gallery-controls { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; }
+.gallery-search { flex: 1; min-width: 200px; font-family: var(--body); font-size: .875rem; font-weight: 300; color: var(--t1); background: #fff; border: 1px solid var(--border2); padding: .625rem 1rem; outline: none; transition: border-color .2s; }
+.gallery-search:focus { border-color: var(--navy); }
+.gallery-search::placeholder { color: var(--t3); }
+.sort-btn { font-family: var(--body); font-size: .7rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--t3); background: none; border: 1px solid var(--border2); padding: .5rem 1rem; cursor: pointer; transition: all .15s; }
+.sort-btn:hover, .sort-btn.active { color: var(--navy); border-color: rgba(0,82,160,.3); background: rgba(0,82,160,.03); }
+.gallery-empty { grid-column: 1/-1; padding: 4rem 0; text-align: center; }
+.gal-card.hidden { display: none; }"
+}
+
+fn gallery_css_modal() -> String {
+    ".signin-modal { position: fixed; inset: 0; background: rgba(13,13,20,.55); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
+.signin-modal.open { display: flex; }
+.signin-modal-card { background: #fff; border: 1px solid var(--border2); padding: 2rem; max-width: 22rem; width: 100%; box-shadow: 0 16px 48px rgba(0,0,0,.18); }
+.signin-modal h2 { font-family: var(--head); font-size: 1.4rem; font-weight: 600; color: var(--t1); margin-bottom: .5rem; }
+.signin-modal p { font-family: var(--body); font-size: .85rem; font-weight: 300; color: var(--t2); line-height: 1.6; margin-bottom: 1.25rem; }
+.signin-modal input { width: 100%; box-sizing: border-box; font-family: var(--body); font-size: .875rem; font-weight: 300; color: var(--t1); background: #fff; border: 1px solid var(--border2); padding: .75rem 1rem; outline: none; transition: border-color .2s; margin-bottom: .75rem; }
+.signin-modal input:focus { border-color: var(--navy); }
+.signin-modal-actions { display: flex; gap: .5rem; justify-content: space-between; align-items: center; }
+.signin-modal-msg { font-size: .8rem; color: var(--t2); margin-top: .75rem; min-height: 1rem; }
+.signin-modal .btn-primary { padding: .7rem 1.25rem; font-size: .7rem; }
+.signin-modal-cancel { background: none; border: none; color: var(--t3); cursor: pointer; font-family: var(--body); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; padding: .7rem .5rem; }
+.signin-modal-cancel:hover { color: var(--t1); }"
+}
+
+fn gallery_nav_html() -> String {
+    let logo_img: String = el_img(
+        "/assets/brand/neuron-wordmark-on-light.png",
+        "Neuron",
+        "srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" height=\"28\""
+    )
+    let logo: String = el_a("/", "class=\"nav-logo\" aria-label=\"Neuron home\"", logo_img)
+
+    let dropdown_menu: String = el_div(
+        "class=\"nav-dropdown-menu\"",
+        el_a("/#mission", "class=\"nav-dropdown-item\"", "Our mission") +
+        el_a("/#safety", "class=\"nav-dropdown-item\"", "Safety") +
+        el_a("/#environmental", "class=\"nav-dropdown-item\"", "Environment")
+    )
+    let dropdown: String = el_div(
+        "class=\"nav-dropdown\"",
+        el_button("class=\"nav-link nav-dropdown-btn\" aria-haspopup=\"true\" aria-expanded=\"false\"", "Mission &#9662;") +
+        dropdown_menu
+    )
+
+    let nav_links: String = el_div(
+        "class=\"nav-links\"",
+        el_a("/#how-it-works", "class=\"nav-link\"", "How it works") +
+        dropdown +
+        el_a("/#pricing", "class=\"nav-link\"", "Pricing") +
+        el_a("/#marketplace", "class=\"nav-link\"", "Marketplace") +
+        el_a("/#enterprise", "class=\"nav-link\"", "Enterprise") +
+        el_a("/about", "class=\"nav-link\"", "About") +
+        el_a("/said", "class=\"nav-link\"", "Gallery") +
+        el_a("/account", "class=\"nav-link\"", "Account") +
+        el_a("/#pricing", "class=\"nav-cta\"", "Get Access")
+    )
+
+    let hamburger: String = el_button(
+        "class=\"nav-hamburger\" id=\"nav-hamburger\" aria-label=\"Open navigation\" aria-expanded=\"false\" aria-controls=\"nav-mobile\"",
+        el_span("", "") + el_span("", "") + el_span("", "")
+    )
+
+    let nav_mobile: String = el_div(
+        "class=\"nav-mobile\" id=\"nav-mobile\" role=\"navigation\" aria-label=\"Mobile navigation\"",
+        el_a("/#how-it-works", "class=\"nav-mobile-link\"", "How it works") +
+        el_a("/#mission", "class=\"nav-mobile-link\"", "Mission") +
+        el_a("/#safety", "class=\"nav-mobile-link\" style=\"padding-left:1.75rem;font-size:.8rem;color:var(--t3)\"", "- Safety") +
+        el_a("/#environmental", "class=\"nav-mobile-link\" style=\"padding-left:1.75rem;font-size:.8rem;color:var(--t3)\"", "- Environment") +
+        el_a("/#pricing", "class=\"nav-mobile-link\"", "Pricing") +
+        el_a("/#enterprise", "class=\"nav-mobile-link\"", "Enterprise") +
+        el_a("/about", "class=\"nav-mobile-link\"", "About") +
+        el_a("/said", "class=\"nav-mobile-link\"", "Gallery") +
+        el_a("/account", "class=\"nav-mobile-link\"", "Account") +
+        el_a("/#pricing", "class=\"nav-mobile-cta\"", "Get Access")
+    )
+
+    el_nav("id=\"nav\"", el_div("class=\"nav-inner\"", logo + nav_links + hamburger + nav_mobile))
+}
 
 fn gallery_page(cards_json: String, supabase_url: String, supabase_anon_key: String) -> String {
+    // Moved from module-level to avoid duplicate main() when linked with other modules.
+    let gallery_share_allowlist: String = "{\"p\":[],\"br\":[],\"strong\":[],\"em\":[],\"u\":[],\"s\":[],\"code\":[],\"pre\":[],\"ul\":[],\"ol\":[],\"li\":[],\"h1\":[],\"h2\":[],\"h3\":[],\"h4\":[],\"blockquote\":[]}"
     let i: Int = 0
     let cards_html: String = ""
     let n: Int = json_array_len(cards_json)
@@ -44,20 +238,20 @@ fn gallery_page(cards_json: String, supabase_url: String, supabase_anon_key: Str
         }
         let ts_raw: String = json_get(card, "created_at")
         let ts_short: String = str_slice(ts_raw, 0, 10)
-        let card_html: String = "<div class=\"gal-card\" data-share-id=\"" + cid + "\" data-score=\"" + score + "\" data-ts=\"" + cid + "\">
-  <a href=\"/share/" + cid + "\" class=\"gal-link\">
-    <div class=\"gal-q\">" + q_html + "</div>
-    <div class=\"gal-a\">" + a_html + "</div>
-  </a>
-  <div class=\"gal-meta\">
-    <div class=\"vote-controls\" data-share-id=\"" + cid + "\">
-      <button type=\"button\" class=\"vote-btn vote-up\" aria-label=\"Upvote\" data-direction=\"up\" disabled>&#9650;</button>
-      <span class=\"vote-score\" data-score=\"" + score + "\">" + score + "</span>
-      <button type=\"button\" class=\"vote-btn vote-down\" aria-label=\"Downvote\" data-direction=\"down\" disabled>&#9660;</button>
-    </div>
-    <span class=\"gal-date\">" + ts_short + " &#183; Read &#8599;</span>
-  </div>
-</div>"
+        let card_html: String = "<div class=\"gal-card\" data-share-id=\"" + cid + "\" data-score=\"" + score + "\" data-ts=\"" + cid + "\">" +
+            "<a href=\"/share/" + cid + "\" class=\"gal-link\">" +
+            "<div class=\"gal-q\">" + q_html + "</div>" +
+            "<div class=\"gal-a\">" + a_html + "</div>" +
+            "</a>" +
+            "<div class=\"gal-meta\">" +
+            "<div class=\"vote-controls\" data-share-id=\"" + cid + "\">" +
+            "<button type=\"button\" class=\"vote-btn vote-up\" aria-label=\"Upvote\" data-direction=\"up\" disabled>&#9650;</button>" +
+            "<span class=\"vote-score\" data-score=\"" + score + "\">" + score + "</span>" +
+            "<button type=\"button\" class=\"vote-btn vote-down\" aria-label=\"Downvote\" data-direction=\"down\" disabled>&#9660;</button>" +
+            "</div>" +
+            "<span class=\"gal-date\">" + ts_short + " &#183; Read &#8599;</span>" +
+            "</div>" +
+            "</div>"
         let cards_html = cards_html + card_html
         let i = i + 1
     }
@@ -65,217 +259,78 @@ fn gallery_page(cards_json: String, supabase_url: String, supabase_anon_key: Str
         "<div style=\"grid-column:1/-1;padding:4rem 0;text-align:center\"><p class=\"label\" style=\"margin-bottom:1rem\">Nothing yet</p><p style=\"font-family:var(--body);font-weight:300;color:var(--t2);line-height:1.7\">Nothing shared yet.</p></div>"
     } else { "" }
 
-    return <!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Things Neuron Said</title>
-<meta name="description" content="Real conversations with Neuron, voted up by users.">
-<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32.png">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
-<style>
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-:root {
-  --bg: #FAFAF8; --bg2: #F0F0EC; --card: #FFFFFF;
-  --navy: #0052A0; --navy-65: rgba(0,82,160,.65); --navy-85: rgba(0,82,160,.85);
-  --t1: #0D0D14; --t2: #3A3A4A; --t3: #6B6B7E;
-  --border: rgba(0,0,0,.07); --border2: rgba(0,0,0,.13);
-  --up: #2E7D32; --down: #C62828;
-  --head: 'Playfair Display', Georgia, serif;
-  --body: 'IBM Plex Sans', system-ui, sans-serif;
-}
-html { scroll-behavior: smooth; }
-html, body { background: var(--bg); color: var(--t1); font-family: var(--body); -webkit-font-smoothing: antialiased; }
-body::before {
-  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
-  background-image: linear-gradient(rgba(0,0,0,.022) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(0,0,0,.022) 1px, transparent 1px);
-  background-size: 48px 48px;
-}
-.label { font-family: var(--body); font-size: .75rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--navy-65); }
-.display-lg { font-family: var(--head); font-size: clamp(2rem,4vw,3.25rem); font-weight: 600; line-height: 1.1; letter-spacing: -.02em; color: var(--t1); }
-.btn-primary { display: inline-flex; align-items: center; gap: .75rem; font-family: var(--body); font-size: .75rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; color: #fff; background: var(--navy); padding: 1rem 2rem; border: none; cursor: pointer; transition: background 300ms; }
-.btn-primary:hover { background: #0078D4; }
-.btn-ghost { display: inline-flex; align-items: center; gap: .75rem; font-family: var(--body); font-size: .75rem; font-weight: 400; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; color: var(--t2); background: transparent; padding: 1rem 2rem; border: 1px solid var(--border2); cursor: pointer; transition: border-color 300ms, color 300ms; }
-.btn-ghost:hover { border-color: rgba(0,82,160,.35); color: var(--t1); }
-/* Nav */
-#nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: background 500ms, border-color 500ms; }
-#nav.scrolled { background: rgba(250,250,248,.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
-.nav-inner { max-width: 1280px; margin: 0 auto; padding: 0 2rem; height: 4rem; display: flex; align-items: center; justify-content: space-between; position: relative; }
-.nav-logo img { height: 2rem; width: auto; display: block; }
-.nav-links { display: flex; align-items: center; gap: 1.25rem; flex-wrap: nowrap; }
-.nav-link { font-family: var(--body); font-size: .675rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--t3); text-decoration: none; white-space: nowrap; transition: color 200ms; }
-.nav-link:hover { color: var(--t1); }
-.nav-dropdown { position: relative; display: flex; align-items: center; }
-.nav-dropdown-btn { background: none; border: none; cursor: pointer; padding: 0; font-family: var(--body); font-size: .675rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--t3); transition: color 200ms; white-space: nowrap; }
-.nav-dropdown-btn:hover { color: var(--t1); }
-.nav-dropdown-menu { display: none; position: absolute; top: calc(100% + .75rem); left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid var(--border2); box-shadow: 0 8px 32px rgba(0,0,0,.10); min-width: 160px; flex-direction: column; z-index: 200; padding: .375rem 0; }
-.nav-dropdown.open .nav-dropdown-menu { display: flex; }
-.nav-dropdown-item { font-family: var(--body); font-size: .8125rem; font-weight: 400; color: var(--t2); text-decoration: none; padding: .5rem 1.25rem; transition: background 150ms, color 150ms; white-space: nowrap; }
-.nav-dropdown-item:hover { background: var(--bg2); color: var(--t1); }
-.nav-cta { font-family: var(--body); font-size: .675rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: #fff; background: var(--navy); text-decoration: none; padding: .575rem 1.1rem; white-space: nowrap; box-shadow: 0 2px 12px rgba(0,82,160,.20); transition: background 300ms; }
-.nav-cta:hover { background: #0078D4; }
-.nav-hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 6px 4px; z-index: 101; -webkit-tap-highlight-color: transparent; }
-.nav-hamburger span { display: block; width: 22px; height: 2px; background: var(--t1); border-radius: 1px; transition: transform 280ms ease, opacity 200ms ease; transform-origin: center; }
-.nav-hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
-.nav-hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; transform: scaleX(0); }
-.nav-hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
-.nav-mobile { display: none; position: absolute; top: 4rem; left: 0; right: 0; background: rgba(250,250,248,.98); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); padding: .5rem 0 1.5rem; flex-direction: column; box-shadow: 0 8px 32px rgba(0,0,0,.08); }
-.nav-mobile.open { display: flex; }
-.nav-mobile-link { display: block; padding: .875rem 2rem; font-family: var(--body); font-size: .75rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--t2); text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.05); transition: color 150ms, background 150ms; }
-.nav-mobile-link:last-child { border-bottom: none; }
-.nav-mobile-link:hover { color: var(--t1); background: rgba(0,82,160,.03); }
-.nav-mobile-cta { display: block; margin: 1rem 2rem 0; padding: .8rem 1.5rem; text-align: center; font-family: var(--body); font-size: .75rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: #fff; background: var(--navy); text-decoration: none; }
-@media (max-width: 1060px) { .nav-links { display: none; } .nav-hamburger { display: flex; } }
-@media (min-width: 1061px) { .nav-mobile { display: none !important; } .nav-hamburger { display: none !important; } }
-/* Gallery */
-.gallery-wrap { max-width: 1100px; margin: 0 auto; padding: 7rem 2.5rem 5rem; position: relative; z-index: 1; }
-.gallery-header { margin-bottom: 3rem; }
-.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
-@media (max-width: 900px) { .gallery-grid { grid-template-columns: 1fr 1fr; } }
-@media (max-width: 600px) { .gallery-grid { grid-template-columns: 1fr; } }
-.gal-card { background: var(--card); border: 1px solid var(--border); padding: 1.5rem; display: flex; flex-direction: column; gap: .875rem; transition: border-color .15s, box-shadow .15s; }
-.gal-card:hover { border-color: rgba(0,82,160,.25); box-shadow: 0 4px 20px rgba(0,82,160,.07); }
-.gal-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: .875rem; flex: 1; }
-.gal-q { font-family: var(--body); font-weight: 500; font-size: .875rem; color: var(--navy); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
-.gal-a { font-family: var(--body); font-weight: 300; font-size: .8125rem; color: var(--t2); line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; flex: 1; max-height: 11rem; }
-.gal-a p { margin: 0; }
-.gal-a p + p { margin-top: .35rem; }
-.gal-a ol, .gal-a ul { padding-left: 1.25rem; margin: .25rem 0; }
-.gal-a li + li { margin-top: .15rem; }
-.gal-a strong { font-weight: 600; color: var(--t1); }
-.gal-a em { font-style: italic; }
-.gal-a code { background: rgba(0,0,0,0.05); padding: .1em .3em; border-radius: 3px; font-family: ui-monospace, 'IBM Plex Mono', Menlo, monospace; font-size: .85em; }
-.gal-a pre { background: var(--bg2); padding: .5rem; overflow-x: auto; font-size: .75rem; margin: .4rem 0; border-radius: 3px; }
-.gal-a pre code { background: none; padding: 0; }
-.gal-a a { color: var(--navy); text-decoration: underline; }
-.gal-a h1, .gal-a h2, .gal-a h3, .gal-a h4 { font-size: 1em; font-weight: 600; margin: .3rem 0; color: var(--t1); }
-.gal-a blockquote { border-left: 2px solid var(--border2); padding-left: .5rem; color: var(--t2); margin: .3rem 0; }
-.gal-a img { max-width: 100%; height: auto; }
-.gal-meta { display: flex; justify-content: space-between; align-items: center; font-family: var(--body); font-size: .65rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--t3); margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--border); }
-.gal-date { font-size: .65rem; color: var(--t3); }
-/* Vote controls */
-.vote-controls { display: inline-flex; align-items: center; gap: .35rem; }
-.vote-btn { background: transparent; border: 1px solid var(--border2); color: var(--t3); cursor: pointer; padding: .2rem .45rem; font-size: .7rem; line-height: 1; transition: all .15s; -webkit-tap-highlight-color: transparent; }
-.vote-btn:hover:not(:disabled) { color: var(--navy); border-color: rgba(0,82,160,.35); background: rgba(0,82,160,.04); }
-.vote-btn:focus-visible { outline: 2px solid var(--navy); outline-offset: 1px; }
-.vote-btn:disabled { opacity: .55; cursor: not-allowed; }
-.vote-btn.is-active.vote-up { background: rgba(46,125,50,.10); color: var(--up); border-color: rgba(46,125,50,.45); }
-.vote-btn.is-active.vote-down { background: rgba(198,40,40,.10); color: var(--down); border-color: rgba(198,40,40,.45); }
-.vote-btn.is-loading { opacity: .55; cursor: wait; }
-.vote-score { font-size: .8rem; font-weight: 500; color: var(--t1); min-width: 1.5rem; text-align: center; font-variant-numeric: tabular-nums; }
-.gallery-controls { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; }
-.gallery-search { flex: 1; min-width: 200px; font-family: var(--body); font-size: .875rem; font-weight: 300; color: var(--t1); background: #fff; border: 1px solid var(--border2); padding: .625rem 1rem; outline: none; transition: border-color .2s; }
-.gallery-search:focus { border-color: var(--navy); }
-.gallery-search::placeholder { color: var(--t3); }
-.sort-btn { font-family: var(--body); font-size: .7rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--t3); background: none; border: 1px solid var(--border2); padding: .5rem 1rem; cursor: pointer; transition: all .15s; }
-.sort-btn:hover, .sort-btn.active { color: var(--navy); border-color: rgba(0,82,160,.3); background: rgba(0,82,160,.03); }
-.gallery-empty { grid-column: 1/-1; padding: 4rem 0; text-align: center; }
-.gal-card.hidden { display: none; }
-/* Sign-in modal */
-.signin-modal { position: fixed; inset: 0; background: rgba(13,13,20,.55); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
-.signin-modal.open { display: flex; }
-.signin-modal-card { background: #fff; border: 1px solid var(--border2); padding: 2rem; max-width: 22rem; width: 100%; box-shadow: 0 16px 48px rgba(0,0,0,.18); }
-.signin-modal h2 { font-family: var(--head); font-size: 1.4rem; font-weight: 600; color: var(--t1); margin-bottom: .5rem; }
-.signin-modal p { font-family: var(--body); font-size: .85rem; font-weight: 300; color: var(--t2); line-height: 1.6; margin-bottom: 1.25rem; }
-.signin-modal input { width: 100%; box-sizing: border-box; font-family: var(--body); font-size: .875rem; font-weight: 300; color: var(--t1); background: #fff; border: 1px solid var(--border2); padding: .75rem 1rem; outline: none; transition: border-color .2s; margin-bottom: .75rem; }
-.signin-modal input:focus { border-color: var(--navy); }
-.signin-modal-actions { display: flex; gap: .5rem; justify-content: space-between; align-items: center; }
-.signin-modal-msg { font-size: .8rem; color: var(--t2); margin-top: .75rem; min-height: 1rem; }
-.signin-modal .btn-primary { padding: .7rem 1.25rem; font-size: .7rem; }
-.signin-modal-cancel { background: none; border: none; color: var(--t3); cursor: pointer; font-family: var(--body); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; padding: .7rem .5rem; }
-.signin-modal-cancel:hover { color: var(--t1); }
-</style>
-</head>
-<body>
-
-<nav id="nav">
-  <div class="nav-inner">
-    <a href="/" class="nav-logo" aria-label="Neuron home"><img src="/assets/brand/neuron-wordmark-on-light.png" srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x" alt="Neuron" height="28"></a>
-    <div class="nav-links">
-      <a href="/#how-it-works" class="nav-link">How it works</a>
-      <div class="nav-dropdown">
-        <button class="nav-link nav-dropdown-btn" aria-haspopup="true" aria-expanded="false">Mission &#9662;</button>
-        <div class="nav-dropdown-menu">
-          <a href="/#mission"       class="nav-dropdown-item">Our mission</a>
-          <a href="/#safety"        class="nav-dropdown-item">Safety</a>
-          <a href="/#environmental" class="nav-dropdown-item">Environment</a>
-        </div>
-      </div>
-      <a href="/#pricing"      class="nav-link">Pricing</a>
-      <a href="/#marketplace" class="nav-link">Marketplace</a>
-      <a href="/#enterprise"   class="nav-link">Enterprise</a>
-      <a href="/about"         class="nav-link">About</a>
-      <a href="/said"          class="nav-link">Gallery</a>
-      <a href="/account"       class="nav-link">Account</a>
-      <a href="/#pricing"      class="nav-cta">Get Access</a>
-    </div>
-    <button class="nav-hamburger" id="nav-hamburger" aria-label="Open navigation" aria-expanded="false" aria-controls="nav-mobile">
-      <span></span><span></span><span></span>
-    </button>
-    <div class="nav-mobile" id="nav-mobile" role="navigation" aria-label="Mobile navigation">
-      <a href="/#how-it-works" class="nav-mobile-link">How it works</a>
-      <a href="/#mission"       class="nav-mobile-link">Mission</a>
-      <a href="/#safety"        class="nav-mobile-link" style="padding-left:1.75rem;font-size:.8rem;color:var(--t3)">- Safety</a>
-      <a href="/#environmental" class="nav-mobile-link" style="padding-left:1.75rem;font-size:.8rem;color:var(--t3)">- Environment</a>
-      <a href="/#pricing"       class="nav-mobile-link">Pricing</a>
-      <a href="/#enterprise"    class="nav-mobile-link">Enterprise</a>
-      <a href="/about"          class="nav-mobile-link">About</a>
-      <a href="/said"           class="nav-mobile-link">Gallery</a>
-      <a href="/account"        class="nav-mobile-link">Account</a>
-      <a href="/#pricing"       class="nav-mobile-cta">Get Access</a>
-    </div>
-  </div>
-</nav>
-
-<div class="gallery-wrap">
-  <div class="gallery-header">
-    <p class="label" style="margin-bottom:1rem">Things Neuron Said</p>
-    <h1 class="display-lg" style="margin-bottom:1rem">Real conversations.<br>No curation.</h1>
-    <p style="font-family:var(--body);font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem">
-      People chatted with Neuron and shared the exchanges that mattered. Voted up by readers. The best ones rise.
-    </p>
-  </div>
-  <div class="gallery-controls">
-    <input type="search" id="gal-search" class="gallery-search" placeholder="Search conversations..." autocomplete="off">
-    <div style="display:flex;gap:.5rem;flex-shrink:0">
-      <button class="sort-btn active" id="sort-top" onclick="setSort('top',this)">Top</button>
-      <button class="sort-btn" id="sort-new" onclick="setSort('new',this)">Newest</button>
-    </div>
-  </div>
-  <div class="gallery-grid" id="gallery-grid">{raw(cards_html)}{raw(empty_html)}</div>
-  <div id="no-results" style="display:none;padding:3rem 0;text-align:center">
-    <p style="font-family:var(--body);font-weight:300;color:var(--t3)">No conversations match that search.</p>
-  </div>
-  <div style="margin-top:3rem">
-    <a href="/" class="btn-ghost">&#8592; Back to site</a>
-  </div>
-</div>
-
-<!-- Magic-link sign-in modal -->
-<div class="signin-modal" id="signin-modal" role="dialog" aria-modal="true" aria-labelledby="signin-title">
-  <div class="signin-modal-card">
-    <h2 id="signin-title">Sign in to vote</h2>
-    <p>We will email you a sign-in link. No password needed.</p>
-    <input type="email" id="signin-email" placeholder="your@email.com" autocomplete="email">
-    <div class="signin-modal-actions">
-      <button type="button" class="signin-modal-cancel" id="signin-cancel">Cancel</button>
-      <button type="button" class="btn-primary" id="signin-send">Send link</button>
-    </div>
-    <p class="signin-modal-msg" id="signin-msg"></p>
-  </div>
-</div>
-
-<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.min.js"></script>
-<script>
-window.NEURON_CFG=window.NEURON_CFG||{};
-window.NEURON_CFG.supabase_url="{supabase_url}";
-window.NEURON_CFG.supabase_anon_key="{supabase_anon_key}";
-</script>
-<script src="/js/gallery.js" defer></script>
-</body>
-</html>
+    let all_css: String = gallery_css_base() + gallery_css_nav() + gallery_css_gallery() + gallery_css_modal()
+    let style_block: String = "<style>" + all_css + "</style>"
+
+    let head_html: String =
+        el_meta_charset("UTF-8") +
+        "<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">" +
+        el_title("Things Neuron Said") +
+        el_meta("description", "Real conversations with Neuron, voted up by users.") +
+        "<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/assets/favicon-32.png\">" +
+        "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">" +
+        "<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>" +
+        "<link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">" +
+        style_block
+
+    let sort_controls: String = el_div(
+        "style=\"display:flex;gap:.5rem;flex-shrink:0\"",
+        el_button("class=\"sort-btn active\" id=\"sort-top\" onclick=\"setSort('top',this)\"", "Top") +
+        el_button("class=\"sort-btn\" id=\"sort-new\" onclick=\"setSort('new',this)\"", "Newest")
+    )
+    let gallery_controls: String = el_div(
+        "class=\"gallery-controls\"",
+        el_input("search", "id=\"gal-search\" class=\"gallery-search\" placeholder=\"Search conversations...\" autocomplete=\"off\"") +
+        sort_controls
+    )
+
+    let no_results: String = el_div(
+        "id=\"no-results\" style=\"display:none;padding:3rem 0;text-align:center\"",
+        el_p("style=\"font-family:var(--body);font-weight:300;color:var(--t3)\"", "No conversations match that search.")
+    )
+
+    let gallery_header: String = el_div(
+        "class=\"gallery-header\"",
+        el_p("class=\"label\" style=\"margin-bottom:1rem\"", "Things Neuron Said") +
+        el_h1("class=\"display-lg\" style=\"margin-bottom:1rem\"", "Real conversations." + el_br() + "No curation.") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem\"",
+            "People chatted with Neuron and shared the exchanges that mattered. Voted up by readers. The best ones rise."
+        )
+    )
+
+    let gallery_grid: String = el_div("class=\"gallery-grid\" id=\"gallery-grid\"", cards_html + empty_html)
+
+    let gallery_wrap: String = el_div(
+        "class=\"gallery-wrap\"",
+        gallery_header + gallery_controls + gallery_grid + no_results +
+        el_div("style=\"margin-top:3rem\"", el_a("/", "class=\"btn-ghost\"", "&#8592; Back to site"))
+    )
+
+    let signin_modal: String = el_div(
+        "class=\"signin-modal\" id=\"signin-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"signin-title\"",
+        el_div(
+            "class=\"signin-modal-card\"",
+            el_h2("id=\"signin-title\"", "Sign in to vote") +
+            el_p("", "We will email you a sign-in link. No password needed.") +
+            el_input("email", "id=\"signin-email\" placeholder=\"your@email.com\" autocomplete=\"email\"") +
+            el_div(
+                "class=\"signin-modal-actions\"",
+                el_button("type=\"button\" class=\"signin-modal-cancel\" id=\"signin-cancel\"", "Cancel") +
+                el_button("type=\"button\" class=\"btn-primary\" id=\"signin-send\"", "Send link")
+            ) +
+            el_p("class=\"signin-modal-msg\" id=\"signin-msg\"", "")
+        )
+    )
+
+    let cfg_js: String = "window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.supabase_url=\"" + supabase_url + "\";window.NEURON_CFG.supabase_anon_key=\"" + supabase_anon_key + "\";"
+
+    let body_html: String =
+        gallery_nav_html() +
+        gallery_wrap +
+        signin_modal +
+        "<script src=\"https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.min.js\"></script>" +
+        el_script_inline(cfg_js) +
+        el_script_src("/js/gallery.js", true)
+
+    el_html_doc("en", head_html, body_html)
 }

src/hero.el

@@ -4,34 +4,52 @@
 // Glow orbs are pure CSS absolute-positioned divs.
 // Entrance animations are CSS keyframes with class-based delays.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+
 fn hero() -> String {
-    return <section id="hero" aria-label="Hero">
-  <div class="glow-tl" aria-hidden="true"></div>
-  <div class="glow-br" aria-hidden="true"></div>
+    let glows: String =
+        el_div("class=\"glow-tl\" aria-hidden=\"true\"", "") +
+        el_div("class=\"glow-br\" aria-hidden=\"true\"", "")
 
-  <p class="label hero-label animate-up-1">One builder. Patented. No permission.</p>
+    let label: String = el_p(
+        "class=\"label hero-label animate-up-1\"",
+        "One builder. Patented. No permission."
+    )
 
-  <h1 class="display-xl hero-headline animate-up-2">
-    Every AI resets when you close the tab.
-    <em class="gold" style="font-style:normal">I built the one that doesn&#39;t.</em>
-  </h1>
+    let headline_em: String = el_span("class=\"gold\" style=\"font-style:normal\"",
+        "I built the one that doesn&#39;t."
+    )
+    let headline: String = el_h1(
+        "class=\"display-xl hero-headline animate-up-2\"",
+        "Every AI resets when you close the tab. " + headline_em
+    )
 
-  <p class="hero-sub animate-up-3">
-    Runs on your machine. Remembers everything. Priced below ChatGPT on day one.
-  </p>
+    let sub: String = el_p(
+        "class=\"hero-sub animate-up-3\"",
+        "Runs on your machine. Remembers everything. Priced below ChatGPT on day one."
+    )
 
-  <div class="hero-ctas animate-up-5">
-    <a href="#pricing" class="btn-primary">
-      Preorder <span>&#8594;</span>
-    </a>
-    <a href="#how-it-works" class="btn-ghost">
-      See how it works
-    </a>
-  </div>
+    let cta_primary: String = el_a(
+        "#pricing",
+        "class=\"btn-primary\"",
+        "Preorder " + el_span("", "&#8594;")
+    )
+    let cta_ghost: String = el_a(
+        "#how-it-works",
+        "class=\"btn-ghost\"",
+        "See how it works"
+    )
+    let ctas: String = el_div("class=\"hero-ctas animate-up-5\"", cta_primary + cta_ghost)
 
-  <div class="hero-scroll" aria-hidden="true">
-    <span>Scroll</span>
-    <div class="hero-scroll-line"></div>
-  </div>
-</section>
+    let scroll_inner: String =
+        el_span("", "Scroll") +
+        el_div("class=\"hero-scroll-line\"", "")
+    let scroll: String = el_div("class=\"hero-scroll\" aria-hidden=\"true\"", scroll_inner)
+
+    el_section("id=\"hero\" aria-label=\"Hero\"", glows + label + headline + sub + ctas + scroll)
 }

src/how_it_works.el

@@ -1,52 +1,65 @@
 // components/how_it_works.el - "Three moments. Permanent context." steps.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_br() -> String
+
 fn how_it_works() -> String {
-    return <section id="how-it-works" aria-label="How it works">
-  <div class="container">
+    let header: String = el_div(
+        "class=\"hiw-header\"",
+        el_div("class=\"navy-line\" style=\"margin-bottom:5rem\"", "") +
+        el_div(
+            "class=\"hiw-label-row reveal\"",
+            el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
+            el_span("class=\"label\"", "How it works")
+        ) +
+        el_h2(
+            "class=\"display-lg hiw-headline reveal\" style=\"transition-delay:80ms\"",
+            "Three moments." + el_br() + el_span("class=\"gold\"", "Permanent context.")
+        )
+    )
 
-    <div class="hiw-header">
-      <div class="navy-line" style="margin-bottom:5rem"></div>
-      <div class="hiw-label-row reveal">
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-        <span class="label">How it works</span>
-      </div>
-      <h2 class="display-lg hiw-headline reveal" style="transition-delay:80ms">
-        Three moments.<br>
-        <span class="gold">Permanent context.</span>
-      </h2>
-    </div>
+    let step1: String = el_div(
+        "class=\"reveal\"",
+        el_div(
+            "class=\"step-circle-row\"",
+            el_div("class=\"step-circle\"", el_span("class=\"step-num\"", "01")) +
+            el_span("class=\"step-aside\"", "5 minutes")
+        ) +
+        el_h3("class=\"display-md step-title\"", "Create your account") +
+        el_p("class=\"step-body\"", "Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.")
+    )
 
-    <div class="steps-grid">
+    let step2: String = el_div(
+        "class=\"reveal\" style=\"transition-delay:180ms\"",
+        el_div(
+            "class=\"step-circle-row\"",
+            el_div("class=\"step-circle\"", el_span("class=\"step-num\"", "02")) +
+            el_span("class=\"step-aside\"", "Just once")
+        ) +
+        el_h3("class=\"display-md step-title\"", "Your first session") +
+        el_p("class=\"step-body\"", "Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.")
+    )
 
-      <div class="reveal">
-        <div class="step-circle-row">
-          <div class="step-circle"><span class="step-num">01</span></div>
-          <span class="step-aside">5 minutes</span>
-        </div>
-        <h3 class="display-md step-title">Create your account</h3>
-        <p class="step-body">Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.</p>
-      </div>
+    let step3: String = el_div(
+        "class=\"reveal\" style=\"transition-delay:360ms\"",
+        el_div(
+            "class=\"step-circle-row\"",
+            el_div("class=\"step-circle\"", el_span("class=\"step-num\"", "03")) +
+            el_span("class=\"step-aside\"", "Every session")
+        ) +
+        el_h3("class=\"display-md step-title\"", "Never start over") +
+        el_p("class=\"step-body\"", "Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.")
+    )
 
-      <div class="reveal" style="transition-delay:180ms">
-        <div class="step-circle-row">
-          <div class="step-circle"><span class="step-num">02</span></div>
-          <span class="step-aside">Just once</span>
-        </div>
-        <h3 class="display-md step-title">Your first session</h3>
-        <p class="step-body">Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.</p>
-      </div>
+    let steps_grid: String = el_div("class=\"steps-grid\"", step1 + step2 + step3)
 
-      <div class="reveal" style="transition-delay:360ms">
-        <div class="step-circle-row">
-          <div class="step-circle"><span class="step-num">03</span></div>
-          <span class="step-aside">Every session</span>
-        </div>
-        <h3 class="display-md step-title">Never start over</h3>
-        <p class="step-body">Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.</p>
-      </div>
-
-    </div>
-
-  </div>
-</section>
+    el_section(
+        "id=\"how-it-works\" aria-label=\"How it works\"",
+        el_div("class=\"container\"", header + steps_grid)
+    )
 }

src/inference.el

@@ -1,59 +1,79 @@
 // components/inference.el - Neuron inference section.
 // "My model. My infrastructure. Cheaper than theirs."
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+
 fn inference() -> String {
-    return <section id="inference" aria-label="Neuron inference">
-  <div class="container">
-    <div class="inference-grid">
+    let label_row: String = el_div(
+        "class=\"inference-label-row reveal\"",
+        el_div("class=\"navy-line-left\" style=\"width:3rem;flex-shrink:0\"", "") +
+        el_span("class=\"label\"", "Neuron inference - Q3 2026")
+    )
 
-      <div>
-        <div class="inference-label-row reveal">
-          <div class="navy-line-left" style="width:3rem;flex-shrink:0"></div>
-          <span class="label">Neuron inference - Q3 2026</span>
-        </div>
-        <h2 class="display-lg inference-headline reveal" style="transition-delay:80ms">
-          My model. My infrastructure.
-          <span class="gold"> Targeting Q3 2026.</span>
-        </h2>
-        <p class="inference-body reveal" style="transition-delay:160ms">
-          Four companies control nearly all frontier AI inference today. Every query you send strengthens their position - and their pricing power over you. That changes in Q3 2026 - sooner if we can.
-        </p>
-        <p class="inference-body reveal" style="transition-delay:240ms">
-          Neuron will be both the product and the model. Purpose-built for how Neuron thinks, how your context is structured, how to do more with fewer tokens. It will run on Soma, our own inference infrastructure. Priced below OpenAI, Anthropic, and Google. Not as a loss leader. As a permanent competitive position.
-        </p>
-        <p class="inference-body reveal" style="transition-delay:320ms">
-          Until then: bring your own API keys - Anthropic, OpenAI, whoever. When Neuron Inference launches, it will be cheaper, faster, and purpose-built for Neuron. You can switch whenever you want.
-        </p>
-        <p class="inference-body reveal" style="transition-delay:400ms">
-          Every user on Neuron inference is compute that doesn&#39;t flow to the monopoly. That&#39;s not just a cost story. It&#39;s a power one.
-        </p>
-      </div>
+    let headline: String = el_h2(
+        "class=\"display-lg inference-headline reveal\" style=\"transition-delay:80ms\"",
+        "My model. My infrastructure." +
+        el_span("class=\"gold\"", " Targeting Q3 2026.")
+    )
 
-      <div class="inference-stats">
-        <div class="stat-row reveal">
-          <div class="stat-row-head">
-            <span class="stat-num">4</span>
-            <span class="stat-label">Companies control frontier inference</span>
-          </div>
-          <p class="stat-body">OpenAI, Google, Anthropic, Meta. Nearly every AI query flows through them. We&#39;re building the exit ramp.</p>
-        </div>
-        <div class="stat-row reveal" style="transition-delay:120ms">
-          <div class="stat-row-head">
-            <span class="stat-num">Neuron</span>
-            <span class="stat-label">The model - Q3 2026</span>
-          </div>
-          <p class="stat-body">A model built for Neuron specifically - not a generic wrapper. Your full context, years of accumulated intelligence, purpose-built inference. The model is the floor. Neuron is the ceiling.</p>
-        </div>
-        <div class="stat-row reveal" style="transition-delay:240ms">
-          <div class="stat-row-head">
-            <span class="stat-num">&lt; theirs</span>
-            <span class="stat-label">Priced below the incumbents</span>
-          </div>
-          <p class="stat-body">Below OpenAI pricing at launch. Below Anthropic. Below Google. Metered - you pay for what you use. And cheaper than any of them on every tier.</p>
-        </div>
-      </div>
+    let body_col: String = el_div(
+        "",
+        label_row +
+        headline +
+        el_p("class=\"inference-body reveal\" style=\"transition-delay:160ms\"",
+            "Four companies control nearly all frontier AI inference today. Every query you send strengthens their position - and their pricing power over you. That changes in Q3 2026 - sooner if we can."
+        ) +
+        el_p("class=\"inference-body reveal\" style=\"transition-delay:240ms\"",
+            "Neuron will be both the product and the model. Purpose-built for how Neuron thinks, how your context is structured, how to do more with fewer tokens. It will run on Soma, our own inference infrastructure. Priced below OpenAI, Anthropic, and Google. Not as a loss leader. As a permanent competitive position."
+        ) +
+        el_p("class=\"inference-body reveal\" style=\"transition-delay:320ms\"",
+            "Until then: bring your own API keys - Anthropic, OpenAI, whoever. When Neuron Inference launches, it will be cheaper, faster, and purpose-built for Neuron. You can switch whenever you want."
+        ) +
+        el_p("class=\"inference-body reveal\" style=\"transition-delay:400ms\"",
+            "Every user on Neuron inference is compute that doesn&#39;t flow to the monopoly. That&#39;s not just a cost story. It&#39;s a power one."
+        )
+    )
 
-    </div>
-  </div>
-</section>
+    let stat1: String = el_div(
+        "class=\"stat-row reveal\"",
+        el_div(
+            "class=\"stat-row-head\"",
+            el_span("class=\"stat-num\"", "4") +
+            el_span("class=\"stat-label\"", "Companies control frontier inference")
+        ) +
+        el_p("class=\"stat-body\"", "OpenAI, Google, Anthropic, Meta. Nearly every AI query flows through them. We&#39;re building the exit ramp.")
+    )
+
+    let stat2: String = el_div(
+        "class=\"stat-row reveal\" style=\"transition-delay:120ms\"",
+        el_div(
+            "class=\"stat-row-head\"",
+            el_span("class=\"stat-num\"", "Neuron") +
+            el_span("class=\"stat-label\"", "The model - Q3 2026")
+        ) +
+        el_p("class=\"stat-body\"", "A model built for Neuron specifically - not a generic wrapper. Your full context, years of accumulated intelligence, purpose-built inference. The model is the floor. Neuron is the ceiling.")
+    )
+
+    let stat3: String = el_div(
+        "class=\"stat-row reveal\" style=\"transition-delay:240ms\"",
+        el_div(
+            "class=\"stat-row-head\"",
+            el_span("class=\"stat-num\"", "&lt; theirs") +
+            el_span("class=\"stat-label\"", "Priced below the incumbents")
+        ) +
+        el_p("class=\"stat-body\"", "Below OpenAI pricing at launch. Below Anthropic. Below Google. Metered - you pay for what you use. And cheaper than any of them on every tier.")
+    )
+
+    let stats_col: String = el_div("class=\"inference-stats\"", stat1 + stat2 + stat3)
+
+    let grid: String = el_div("class=\"inference-grid\"", body_col + stats_col)
+
+    el_section(
+        "id=\"inference\" aria-label=\"Neuron inference\"",
+        el_div("class=\"container\"", grid)
+    )
 }

src/js/chat-widget.el

@@ -76,17 +76,59 @@ fn main() -> Void {
     saveSession(session);
   }
   var msgCount = session.count || 0;
+  var _headerResetInterval = null;
+
+  function _nextMidnightUTC() {
+    var now = new Date();
+    var midnight = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));
+    return Math.floor(midnight.getTime() / 1000);
+  }
+
+  function _startHeaderResetTimer() {
+    var el = document.getElementById('neuron-demo-countdown');
+    if (!el) return;
+    if (_headerResetInterval) return; // already ticking
+    var resetAt = _nextMidnightUTC();
+    function _tick() {
+      var secsLeft = Math.max(0, resetAt - Math.floor(Date.now() / 1000));
+      var hh = Math.floor(secsLeft / 3600);
+      var mm = Math.floor((secsLeft % 3600) / 60);
+      var ss = secsLeft % 60;
+      var pad = function(n) { return n < 10 ? '0' + n : '' + n; };
+      var ts = hh + ':' + pad(mm) + ':' + pad(ss);
+      var el2 = document.getElementById('neuron-demo-countdown');
+      if (!el2) { clearInterval(_headerResetInterval); _headerResetInterval = null; return; }
+      el2.textContent = 'resets in ' + ts;
+      el2.style.color = 'rgba(255,255,255,0.65)';
+      el2.style.fontWeight = '600';
+      if (secsLeft <= 0) {
+        clearInterval(_headerResetInterval);
+        _headerResetInterval = null;
+        el2.textContent = '10 questions left';
+        el2.style.color = '#ffffff';
+        el2.style.fontWeight = '700';
+      }
+    }
+    _tick();
+    _headerResetInterval = setInterval(_tick, 1000);
+  }
 
   function updateCountdown() {
     var el = document.getElementById('neuron-demo-countdown');
     if (!el) return;
     var remaining = MAX - msgCount;
-    el.textContent   = remaining + ' question' + (remaining === 1 ? '' : 's') + ' left';
-    el.style.color   = '#ffffff';
-    el.style.fontWeight = '700';
+    if (remaining <= 0) {
+      _startHeaderResetTimer();
+    } else {
+      if (_headerResetInterval) { clearInterval(_headerResetInterval); _headerResetInterval = null; }
+      el.textContent   = remaining + ' question' + (remaining === 1 ? '' : 's') + ' left';
+      el.style.color   = '#ffffff';
+      el.style.fontWeight = '700';
+    }
   }
 
   window.neuronDemoReset = function() {
+    if (_headerResetInterval) { clearInterval(_headerResetInterval); _headerResetInterval = null; }
     clearSession();
     session  = { messages: [], count: 0, context: '' };
     msgCount = 0;
@@ -236,6 +278,14 @@ fn main() -> Void {
     if (!input || btn.disabled) return;
     var msg = input.value.trim();
     if (!msg) return;
+    var MAX_CHARS = 8000;
+    if (msg.length > MAX_CHARS) {
+      if (input) {
+        input.style.outline = '2px solid #e53e3e';
+        setTimeout(function() { input.style.outline = ''; }, 2000);
+      }
+      return;
+    }
     input.value = '';
     btn.disabled = true;
     addMsg('user', msg);

src/local_first.el

@@ -1,81 +1,94 @@
 // components/local_first.el - Privacy principles / local-first manifesto.
 // Left: manifesto text. Right: six sticky principles.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_strong(children: String) -> String
+
 fn local_first() -> String {
-    return <section id="local-first" aria-label="Local-first">
-  <div class="container-lg">
+    let label_row: String = el_div(
+        "class=\"lf-label-row reveal\"",
+        el_div("class=\"navy-line-left\" style=\"width:3rem;flex-shrink:0\"", "") +
+        el_span("class=\"label\" style=\"color:var(--navy-85)\"", "Local first")
+    )
 
-    <div class="lf-label-row reveal">
-      <div class="navy-line-left" style="width:3rem;flex-shrink:0"></div>
-      <span class="label" style="color:var(--navy-85)">Local first</span>
-    </div>
+    let manifesto_closer: String = el_div(
+        "class=\"lf-manifesto-closer reveal\" style=\"transition-delay:600ms\"",
+        el_p("",
+            "Neuron is a direct rejection of that model. It runs on your machine. " +
+            el_strong("Your memory never leaves.") +
+            " I don&#39;t sell data, serve ads, or profile you. The only thing I sell is the software - and once you have it, it&#39;s yours."
+        )
+    )
 
-    <div class="lf-grid">
+    let left_col: String = el_div(
+        "",
+        el_h2("class=\"display-lg lf-headline reveal\"", "You are not the product.") +
+        el_p("class=\"lf-manifesto-para reveal\" style=\"transition-delay:100ms\"",
+            "The company that gave you free search built the most powerful ad-targeting machine in history. The one that promised to connect the world optimized it for outrage - because outrage drives engagement, and engagement drives revenue. The one that gave everyone a voice sold that attention to the highest bidder. These aren&#39;t accidents. They&#39;re the business model."
+        ) +
+        el_p("class=\"lf-manifesto-para reveal\" style=\"transition-delay:200ms\"",
+            "I&#39;ve watched this play out across two decades. Every free product is the same transaction: something useful in exchange for something you didn&#39;t know you were selling - your attention, your behavior, your future choices. The product is always &#8220;free.&#8221; The price is always you."
+        ) +
+        el_p("class=\"lf-manifesto-para reveal\" style=\"transition-delay:300ms\"",
+            "The harm is real. Teenage depression rates tracked the rise of algorithmic social feeds. Political polarization accelerated when engagement algorithms learned that outrage outperformed nuance. Billions of people had their data harvested, leaked, and weaponized - often without knowing. Democratic processes were manipulated at scale. And in every case, the companies responsible kept growing."
+        ) +
+        el_p("class=\"lf-manifesto-para reveal\" style=\"transition-delay:400ms\"",
+            "Now AI is doing the same thing - faster and deeper. Your queries train their models. Your thought patterns become datasets. The way you reason, what you struggle with, what you&#39;re afraid of - it&#39;s all captured. You get a useful tool. They get a map of your mind."
+        ) +
+        manifesto_closer
+    )
 
-      <div>
-        <h2 class="display-lg lf-headline reveal">You are not the product.</h2>
+    let principle1: String = el_div(
+        "class=\"lf-principle reveal\"",
+        el_p("class=\"lf-principle-label\"", "Your machine. Full stop.") +
+        el_p("class=\"lf-principle-body\"", "Neuron runs on your hardware. The memory, the agent loop, every conversation - none of it leaves your machine. Not to my servers. Not to anyone&#39;s.")
+    )
+    let principle2: String = el_div(
+        "class=\"lf-principle reveal\" style=\"transition-delay:120ms\"",
+        el_p("class=\"lf-principle-label\"", "No training on your data.") +
+        el_p("class=\"lf-principle-body\"", "Your queries don&#39;t improve a model you don&#39;t own. Your patterns aren&#39;t analyzed to serve you better ads. Your context belongs to you - not a training pipeline.")
+    )
+    let principle3: String = el_div(
+        "class=\"lf-principle reveal\" style=\"transition-delay:240ms\"",
+        el_p("class=\"lf-principle-label\"", "No ads. Ever.") +
+        el_p("class=\"lf-principle-body\"", "Not on the free tier. Not on paid. Not in any future version. Ads require surveillance. Surveillance requires your data. I&#39;m not building that.")
+    )
+    let principle4: String = el_div(
+        "class=\"lf-principle reveal\" style=\"transition-delay:360ms\"",
+        el_p("class=\"lf-principle-label\"", "No telemetry for local use.") +
+        el_p("class=\"lf-principle-body\"", "When Neuron runs locally, I don&#39;t collect usage data. When you opt into Neuron cloud services - sync, backup, inbox - those services use the data they need to function. Nothing more.")
+    )
+    let principle5: String = el_div(
+        "class=\"lf-principle reveal\" style=\"transition-delay:480ms\"",
+        el_p("class=\"lf-principle-label\"", "Nothing to breach.") +
+        el_p("class=\"lf-principle-body\"", "I can&#39;t be hacked for your data because I don&#39;t have it. I can&#39;t be subpoenaed for your conversations because I&#39;ve never seen them. I can&#39;t expose what I&#39;ve never held. Your data living on your machine isn&#39;t just a privacy stance - it&#39;s a security one.")
+    )
+    let principle6: String = el_div(
+        "class=\"lf-principle reveal\" style=\"transition-delay:600ms\"",
+        el_p("class=\"lf-principle-label\"", "Unreadable even if taken.") +
+        el_p("class=\"lf-principle-body\"", "Everything Neuron touches is encrypted with post-quantum cryptography - ML-KEM for key exchange, ML-DSA for signatures. Both are NIST-finalized standards (FIPS 203/204), already deployed at scale across the web. Designed to withstand quantum computers, not just the ones that exist today.")
+    )
 
-        <p class="lf-manifesto-para reveal" style="transition-delay:100ms">
-          The company that gave you free search built the most powerful ad-targeting machine in history. The one that promised to connect the world optimized it for outrage - because outrage drives engagement, and engagement drives revenue. The one that gave everyone a voice sold that attention to the highest bidder. These aren&#39;t accidents. They&#39;re the business model.
-        </p>
-        <p class="lf-manifesto-para reveal" style="transition-delay:200ms">
-          I&#39;ve watched this play out across two decades. Every free product is the same transaction: something useful in exchange for something you didn&#39;t know you were selling - your attention, your behavior, your future choices. The product is always &#8220;free.&#8221; The price is always you.
-        </p>
-        <p class="lf-manifesto-para reveal" style="transition-delay:300ms">
-          The harm is real. Teenage depression rates tracked the rise of algorithmic social feeds. Political polarization accelerated when engagement algorithms learned that outrage outperformed nuance. Billions of people had their data harvested, leaked, and weaponized - often without knowing. Democratic processes were manipulated at scale. And in every case, the companies responsible kept growing.
-        </p>
-        <p class="lf-manifesto-para reveal" style="transition-delay:400ms">
-          Now AI is doing the same thing - faster and deeper. Your queries train their models. Your thought patterns become datasets. The way you reason, what you struggle with, what you&#39;re afraid of - it&#39;s all captured. You get a useful tool. They get a map of your mind.
-        </p>
-        <div class="lf-manifesto-closer reveal" style="transition-delay:600ms">
-          <p>
-            Neuron is a direct rejection of that model. It runs on your machine. <strong>Your memory never leaves.</strong> I don&#39;t sell data, serve ads, or profile you. The only thing I sell is the software - and once you have it, it&#39;s yours.
-          </p>
-        </div>
-      </div>
+    let right_col: String = el_div(
+        "class=\"lf-principles\"",
+        principle1 + principle2 + principle3 + principle4 + principle5 + principle6
+    )
 
-      <div class="lf-principles">
+    let grid: String = el_div("class=\"lf-grid\"", left_col + right_col)
 
-        <div class="lf-principle reveal">
-          <p class="lf-principle-label">Your machine. Full stop.</p>
-          <p class="lf-principle-body">Neuron runs on your hardware. The memory, the agent loop, every conversation - none of it leaves your machine. Not to my servers. Not to anyone&#39;s.</p>
-        </div>
+    let callout: String = el_div(
+        "class=\"lf-callout reveal\"",
+        el_p("class=\"lf-callout-h\"", "The industry remembers you for them.") +
+        el_p("class=\"lf-callout-h2\"", "Neuron remembers you for you.") +
+        el_p("class=\"lf-callout-sub\"", "Local-first isn&#39;t a feature. It&#39;s a commitment.")
+    )
 
-        <div class="lf-principle reveal" style="transition-delay:120ms">
-          <p class="lf-principle-label">No training on your data.</p>
-          <p class="lf-principle-body">Your queries don&#39;t improve a model you don&#39;t own. Your patterns aren&#39;t analyzed to serve you better ads. Your context belongs to you - not a training pipeline.</p>
-        </div>
-
-        <div class="lf-principle reveal" style="transition-delay:240ms">
-          <p class="lf-principle-label">No ads. Ever.</p>
-          <p class="lf-principle-body">Not on the free tier. Not on paid. Not in any future version. Ads require surveillance. Surveillance requires your data. I&#39;m not building that.</p>
-        </div>
-
-        <div class="lf-principle reveal" style="transition-delay:360ms">
-          <p class="lf-principle-label">No telemetry for local use.</p>
-          <p class="lf-principle-body">When Neuron runs locally, I don&#39;t collect usage data. When you opt into Neuron cloud services - sync, backup, inbox - those services use the data they need to function. Nothing more.</p>
-        </div>
-
-        <div class="lf-principle reveal" style="transition-delay:480ms">
-          <p class="lf-principle-label">Nothing to breach.</p>
-          <p class="lf-principle-body">I can&#39;t be hacked for your data because I don&#39;t have it. I can&#39;t be subpoenaed for your conversations because I&#39;ve never seen them. I can&#39;t expose what I&#39;ve never held. Your data living on your machine isn&#39;t just a privacy stance - it&#39;s a security one.</p>
-        </div>
-
-        <div class="lf-principle reveal" style="transition-delay:600ms">
-          <p class="lf-principle-label">Unreadable even if taken.</p>
-          <p class="lf-principle-body">Everything Neuron touches is encrypted with post-quantum cryptography - ML-KEM for key exchange, ML-DSA for signatures. Both are NIST-finalized standards (FIPS 203/204), already deployed at scale across the web. Designed to withstand quantum computers, not just the ones that exist today.</p>
-        </div>
-
-      </div>
-
-    </div>
-
-    <div class="lf-callout reveal">
-      <p class="lf-callout-h">The industry remembers you for them.</p>
-      <p class="lf-callout-h2">Neuron remembers you for you.</p>
-      <p class="lf-callout-sub">Local-first isn&#39;t a feature. It&#39;s a commitment.</p>
-    </div>
-
-  </div>
-</section>
+    el_section(
+        "id=\"local-first\" aria-label=\"Local-first\"",
+        el_div("class=\"container-lg\"", label_row + grid + callout)
+    )
 }

src/main.el

@@ -21,6 +21,48 @@
 //   GET /brand/*             → brand assets via handle_request
 //   GET *                    → 404 JSON (non-/ paths not used by this SPA)
 
+// el-html vessel — extern declarations (implementations in dist/elhtml_impl.c)
+extern fn el_escape(s: String) -> String
+extern fn el_text(s: String) -> String
+extern fn el_attr(name: String, value: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_article(attrs: String, children: String) -> String
+extern fn el_header(attrs: String, children: String) -> String
+extern fn el_footer(attrs: String, children: String) -> String
+extern fn el_main(attrs: String, children: String) -> String
+extern fn el_nav(attrs: String, children: String) -> String
+extern fn el_aside(attrs: String, children: String) -> String
+extern fn el_ul(attrs: String, children: String) -> String
+extern fn el_ol(attrs: String, children: String) -> String
+extern fn el_li(attrs: String, children: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_form(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_h4(attrs: String, text: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_textarea(attrs: String, value: String) -> String
+extern fn el_label(for_id: String, attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_strong(children: String) -> String
+extern fn el_em(children: String) -> String
+extern fn el_code(children: String) -> String
+extern fn el_pre(attrs: String, children: String) -> String
+extern fn el_hr() -> String
+extern fn el_br() -> String
+extern fn el_html_doc(lang: String, head_html: String, body_html: String) -> String
+extern fn el_meta(name: String, content: String) -> String
+extern fn el_meta_charset(charset: String) -> String
+extern fn el_link_stylesheet(href: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+extern fn el_script_inline(js: String) -> String
+extern fn el_title(text: String) -> String
+
 from nav              import { nav }
 from hero             import { hero }
 from pillars          import { pillars }
@@ -193,140 +235,167 @@ fn share_card_page(question: String, answer_plain: String, answer_html_in: Strin
     // TikTok and Snapchat have no web URL share scheme — use clipboard copy
     let tiktok_copy_text: String = "Copied+%E2%80%94+paste+into+TikTok"
     let snap_copy_text: String = "Copied+%E2%80%94+paste+into+Snapchat"
-    return <!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Things Neuron Said</title>
-<meta property="og:title" content="Things Neuron Said">
-<meta property="og:description" content="{og_desc}">
-<meta property="og:image" content="https://neurontechnologies.ai/assets/brand/neuron-wordmark-on-light@2x.png">
-<meta property="og:type" content="website">
-<meta property="og:url" content="{card_url}">
-<meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:title" content="Things Neuron Said">
-<meta name="twitter:description" content="{og_desc}">
-<meta name="twitter:image" content="https://neurontechnologies.ai/assets/brand/neuron-wordmark-on-light@2x.png">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
-<style>
-*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
-:root{--navy:#0052A0;--navy-dark:#003d7a;--t1:#0D0D14;--t2:#3A3A4A;--t3:#6B6B7E;--bg:#FAFAF8}
-body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}
-body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,0,0,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.018) 1px,transparent 1px);background-size:48px 48px}
-.page{width:100%;max-width:580px;display:flex;flex-direction:column;gap:1.75rem;position:relative;z-index:1}
-.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}
-.wordmark img{height:22px;width:auto;display:block}
-.eyebrow{font-size:.65rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
-.chat-frame{background:#fff;border:1px solid rgba(0,0,0,.09);box-shadow:0 4px 32px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
-.chat-row-user{display:flex;flex-direction:row-reverse}
-.chat-row-ai{display:flex;flex-direction:row;align-items:flex-end;gap:.625rem}
-.bubble-user{background:#0052A0;color:#fff;border-radius:18px 18px 4px 18px;padding:11px 15px;max-width:78%;font-size:.875rem;line-height:1.55;word-break:break-word}
-.bubble-ai{background:var(--bg);color:var(--t1);border:1px solid rgba(0,0,0,.07);border-radius:18px 18px 18px 4px;padding:11px 15px;max-width:88%;font-size:.875rem;font-weight:300;line-height:1.65;word-break:break-word;box-shadow:0 2px 6px rgba(0,0,0,.05)}
-.bubble-ai p{margin:0}
-.bubble-ai p+p{margin-top:.6rem}
-.bubble-ai ul,.bubble-ai ol{margin:.5rem 0 .5rem 1.25rem;padding:0}
-.bubble-ai li+li{margin-top:.25rem}
-.bubble-ai strong{font-weight:600}
-.bubble-ai em{font-style:italic}
-.bubble-ai code{font-family:'IBM Plex Mono','Menlo',monospace;font-size:.8rem;background:rgba(0,0,0,.05);padding:1px 4px;border-radius:3px}
-.bubble-ai pre{background:rgba(0,0,0,.05);padding:.75rem;border-radius:6px;overflow-x:auto;font-size:.8rem;margin:.5rem 0}
-.bubble-ai pre code{background:none;padding:0}
-.bubble-ai blockquote{border-left:3px solid rgba(0,82,160,.3);margin:.5rem 0;padding:.25rem 0 .25rem .75rem;color:var(--t2)}
-.bubble-ai h1,.bubble-ai h2,.bubble-ai h3,.bubble-ai h4{font-weight:600;margin:.5rem 0 .25rem}
-.bubble-ai h1{font-size:1.05rem}.bubble-ai h2{font-size:1rem}.bubble-ai h3{font-size:.95rem}.bubble-ai h4{font-size:.9rem}
-.bubble-ai a{color:var(--navy);text-decoration:underline}
-.ai-col{display:flex;flex-direction:column;gap:.25rem}
-.ai-label{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
-.avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:#fff;border:1px solid rgba(0,82,160,.15);display:flex;align-items:center;justify-content:center}
-.avatar img{width:14px;height:14px;object-fit:contain}
-.vote-row{display:flex;align-items:center;gap:.75rem}
-.vote-label{font-size:.65rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
-.vote-btn{background:none;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:.3rem .6rem;font-size:.8rem;color:var(--t2);transition:all .15s;line-height:1}
-.vote-btn:hover{border-color:var(--navy);color:var(--navy)}
-.vote-btn.voted-up{background:var(--navy);color:#fff;border-color:var(--navy)}
-.vote-btn.voted-down{background:#f0f0ec;color:var(--t3);border-color:rgba(0,0,0,.12)}
-.vote-count{font-size:.8rem;font-weight:500;color:var(--t1);min-width:1.5rem;text-align:center}
-.share-section{display:flex;flex-direction:column;gap:.625rem}
-.share-label{font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
-.share-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
-.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;text-decoration:none;cursor:pointer;transition:opacity .15s,transform .15s;flex-shrink:0}
-.share-btn:hover{opacity:.85;transform:scale(1.08)}
-.share-btn.copied{outline:2px solid var(--navy)}
-.divider{height:1px;background:rgba(0,0,0,.07)}
-.footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
-.footer-note{font-size:.75rem;color:var(--t3)}
-.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--navy);color:#fff;text-decoration:none;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.4rem;white-space:nowrap;transition:background .15s}
-.cta-btn:hover{background:var(--navy-dark)}
-@media(max-width:480px){.chat-frame{padding:1.25rem}.footer-row{flex-direction:column;align-items:flex-start}}
-</style>
-</head>
-<body>
-<div class="page">
-  <div class="page-header">
-    <a href="https://neurontechnologies.ai" class="wordmark">
-      <img src="/assets/brand/neuron-wordmark-on-light.png"
-           srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x"
-           alt="Neuron" height="22">
-    </a>
-    <span class="eyebrow">Things Neuron Said</span>
-  </div>
 
-  <div class="chat-frame">
-    <div class="chat-row-user">
-      <div class="bubble-user">{raw(q_html)}</div>
-    </div>
-    <div class="chat-row-ai">
-      <div class="avatar"><img src="/assets/neuron-icon.png" alt=""></div>
-      <div class="ai-col">
-        <span class="ai-label">Neuron</span>
-        <div class="bubble-ai">{raw(a_html)}</div>
-      </div>
-    </div>
-  </div>
+    let cfg_js: String = "window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.id=\"" + id + "\";window.NEURON_CFG.card_url=\"" + card_url + "\";"
 
-  <div class="vote-row">
-    <span class="vote-label">Helpful?</span>
-    <button class="vote-btn" id="vote-up">&#9650;</button>
-    <span class="vote-count" id="vote-score">0</span>
-    <button class="vote-btn" id="vote-down">&#9660;</button>
-  </div>
+    // ── Head ──────────────────────────────────────────────────────────────────
 
-  <div class="share-section">
-    <span class="share-label">Share</span>
-    <div class="share-row">
-      <a href="{x_href}" target="_blank" rel="noopener" class="share-btn" title="Post on X" style="background:#000">
-        <img src="/assets/social/x.svg" width="18" height="18" alt="X">
-      </a>
-      <a href="{li_href}" target="_blank" rel="noopener" class="share-btn" title="Share on LinkedIn" style="background:transparent">
-        <img src="/assets/social/linkedin.png" width="18" height="18" alt="LinkedIn">
-      </a>
-      <a href="{fb_href}" target="_blank" rel="noopener" class="share-btn" title="Share on Facebook" style="background:#1877F2">
-        <img src="/assets/social/facebook.svg" width="18" height="18" alt="Facebook">
-      </a>
-      <a href="{wa_href}" target="_blank" rel="noopener" class="share-btn" title="Send via WhatsApp" style="background:#25D366">
-        <img src="/assets/social/whatsapp.svg" width="18" height="18" alt="WhatsApp">
-      </a>
-      <button class="share-btn" id="copy-tiktok" onclick="copyForPlatform('tiktok', this)" title="Copy for TikTok" style="background:#010101;border:none">
-        <img src="/assets/social/tiktok.svg" width="18" height="18" alt="TikTok">
-      </button>
-      <button class="share-btn" id="copy-snapchat" onclick="copyForPlatform('snapchat', this)" title="Copy for Snapchat" style="background:#FFFC00;border:none">
-        <img src="/assets/social/snapchat.svg" width="18" height="18" alt="Snapchat">
-      </button>
-    </div>
-  </div>
+    let share_css: String = "*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}"
+        + ":root{--navy:#0052A0;--navy-dark:#003d7a;--t1:#0D0D14;--t2:#3A3A4A;--t3:#6B6B7E;--bg:#FAFAF8}"
+        + "body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}"
+        + "body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,0,0,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.018) 1px,transparent 1px);background-size:48px 48px}"
+        + ".page{width:100%;max-width:580px;display:flex;flex-direction:column;gap:1.75rem;position:relative;z-index:1}"
+        + ".page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}"
+        + ".wordmark img{height:22px;width:auto;display:block}"
+        + ".eyebrow{font-size:.65rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}"
+        + ".chat-frame{background:#fff;border:1px solid rgba(0,0,0,.09);box-shadow:0 4px 32px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}"
+        + ".chat-row-user{display:flex;flex-direction:row-reverse}"
+        + ".chat-row-ai{display:flex;flex-direction:row;align-items:flex-end;gap:.625rem}"
+        + ".bubble-user{background:#0052A0;color:#fff;border-radius:18px 18px 4px 18px;padding:11px 15px;max-width:78%;font-size:.875rem;line-height:1.55;word-break:break-word}"
+        + ".bubble-ai{background:var(--bg);color:var(--t1);border:1px solid rgba(0,0,0,.07);border-radius:18px 18px 18px 4px;padding:11px 15px;max-width:88%;font-size:.875rem;font-weight:300;line-height:1.65;word-break:break-word;box-shadow:0 2px 6px rgba(0,0,0,.05)}"
+        + ".bubble-ai p{margin:0}"
+        + ".bubble-ai p+p{margin-top:.6rem}"
+        + ".bubble-ai ul,.bubble-ai ol{margin:.5rem 0 .5rem 1.25rem;padding:0}"
+        + ".bubble-ai li+li{margin-top:.25rem}"
+        + ".bubble-ai strong{font-weight:600}"
+        + ".bubble-ai em{font-style:italic}"
+        + ".bubble-ai code{font-family:'IBM Plex Mono','Menlo',monospace;font-size:.8rem;background:rgba(0,0,0,.05);padding:1px 4px;border-radius:3px}"
+        + ".bubble-ai pre{background:rgba(0,0,0,.05);padding:.75rem;border-radius:6px;overflow-x:auto;font-size:.8rem;margin:.5rem 0}"
+        + ".bubble-ai pre code{background:none;padding:0}"
+        + ".bubble-ai blockquote{border-left:3px solid rgba(0,82,160,.3);margin:.5rem 0;padding:.25rem 0 .25rem .75rem;color:var(--t2)}"
+        + ".bubble-ai h1,.bubble-ai h2,.bubble-ai h3,.bubble-ai h4{font-weight:600;margin:.5rem 0 .25rem}"
+        + ".bubble-ai h1{font-size:1.05rem}.bubble-ai h2{font-size:1rem}.bubble-ai h3{font-size:.95rem}.bubble-ai h4{font-size:.9rem}"
+        + ".bubble-ai a{color:var(--navy);text-decoration:underline}"
+        + ".ai-col{display:flex;flex-direction:column;gap:.25rem}"
+        + ".ai-label{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}"
+        + ".avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:#fff;border:1px solid rgba(0,82,160,.15);display:flex;align-items:center;justify-content:center}"
+        + ".avatar img{width:14px;height:14px;object-fit:contain}"
+        + ".vote-row{display:flex;align-items:center;gap:.75rem}"
+        + ".vote-label{font-size:.65rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}"
+        + ".vote-btn{background:none;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:.3rem .6rem;font-size:.8rem;color:var(--t2);transition:all .15s;line-height:1}"
+        + ".vote-btn:hover{border-color:var(--navy);color:var(--navy)}"
+        + ".vote-btn.voted-up{background:var(--navy);color:#fff;border-color:var(--navy)}"
+        + ".vote-btn.voted-down{background:#f0f0ec;color:var(--t3);border-color:rgba(0,0,0,.12)}"
+        + ".vote-count{font-size:.8rem;font-weight:500;color:var(--t1);min-width:1.5rem;text-align:center}"
+        + ".share-section{display:flex;flex-direction:column;gap:.625rem}"
+        + ".share-label{font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}"
+        + ".share-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}"
+        + ".share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;text-decoration:none;cursor:pointer;transition:opacity .15s,transform .15s;flex-shrink:0}"
+        + ".share-btn:hover{opacity:.85;transform:scale(1.08)}"
+        + ".share-btn.copied{outline:2px solid var(--navy)}"
+        + ".divider{height:1px;background:rgba(0,0,0,.07)}"
+        + ".footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}"
+        + ".footer-note{font-size:.75rem;color:var(--t3)}"
+        + ".cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--navy);color:#fff;text-decoration:none;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.4rem;white-space:nowrap;transition:background .15s}"
+        + ".cta-btn:hover{background:var(--navy-dark)}"
+        + "@media(max-width:480px){.chat-frame{padding:1.25rem}.footer-row{flex-direction:column;align-items:flex-start}}"
 
-  <div class="divider"></div>
+    let head_html: String = el_meta_charset("UTF-8")
+        + "<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />"
+        + el_title("Things Neuron Said")
+        + "<meta property=\"og:title\" content=\"Things Neuron Said\" />"
+        + "<meta property=\"og:description\" content=\"" + el_escape(og_desc) + "\" />"
+        + "<meta property=\"og:image\" content=\"https://neurontechnologies.ai/assets/brand/neuron-wordmark-on-light@2x.png\" />"
+        + "<meta property=\"og:type\" content=\"website\" />"
+        + "<meta property=\"og:url\" content=\"" + el_escape(card_url) + "\" />"
+        + "<meta name=\"twitter:card\" content=\"summary_large_image\" />"
+        + "<meta name=\"twitter:title\" content=\"Things Neuron Said\" />"
+        + "<meta name=\"twitter:description\" content=\"" + el_escape(og_desc) + "\" />"
+        + "<meta name=\"twitter:image\" content=\"https://neurontechnologies.ai/assets/brand/neuron-wordmark-on-light@2x.png\" />"
+        + "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />"
+        + "<link href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" />"
+        + "<style>" + share_css + "</style>"
 
-  <div class="footer-row">
-    <span class="footer-note">From a live conversation with Neuron.</span>
-    <a href="https://neurontechnologies.ai" class="cta-btn">Try Neuron &#8599;</a>
-  </div>
-</div>
-<script>window.NEURON_CFG=window.NEURON_CFG||{};window.NEURON_CFG.id="{id}";window.NEURON_CFG.card_url="{card_url}";</script><script src="/js/main.js" defer></script>
-</body>
-</html>
+    // ── Body ──────────────────────────────────────────────────────────────────
+
+    let wordmark_link: String = el_a(
+        "https://neurontechnologies.ai",
+        "class=\"wordmark\"",
+        el_img(
+            "/assets/brand/neuron-wordmark-on-light.png",
+            "Neuron",
+            "srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" height=\"22\""
+        )
+    )
+
+    let page_header: String = el_div(
+        "class=\"page-header\"",
+        wordmark_link + el_span("class=\"eyebrow\"", "Things Neuron Said")
+    )
+
+    let user_bubble: String = el_div("class=\"chat-row-user\"",
+        el_div("class=\"bubble-user\"", q_html)
+    )
+
+    let avatar: String = el_div("class=\"avatar\"",
+        el_img("/assets/neuron-icon.png", "", "")
+    )
+
+    let ai_col: String = el_div("class=\"ai-col\"",
+        el_span("class=\"ai-label\"", "Neuron")
+        + el_div("class=\"bubble-ai\"", a_html)
+    )
+
+    let ai_bubble: String = el_div("class=\"chat-row-ai\"", avatar + ai_col)
+
+    let chat_frame: String = el_div("class=\"chat-frame\"", user_bubble + ai_bubble)
+
+    let vote_row: String = el_div(
+        "class=\"vote-row\"",
+        el_span("class=\"vote-label\"", "Helpful?")
+        + "<button class=\"vote-btn\" id=\"vote-up\">&#9650;</button>"
+        + el_span("class=\"vote-count\" id=\"vote-score\"", "0")
+        + "<button class=\"vote-btn\" id=\"vote-down\">&#9660;</button>"
+    )
+
+    let share_row: String = el_div(
+        "class=\"share-row\"",
+        el_a(x_href, "target=\"_blank\" rel=\"noopener\" class=\"share-btn\" title=\"Post on X\" style=\"background:#000\"",
+            el_img("/assets/social/x.svg", "X", "width=\"18\" height=\"18\"")
+        )
+        + el_a(li_href, "target=\"_blank\" rel=\"noopener\" class=\"share-btn\" title=\"Share on LinkedIn\" style=\"background:transparent\"",
+            el_img("/assets/social/linkedin.png", "LinkedIn", "width=\"18\" height=\"18\"")
+        )
+        + el_a(fb_href, "target=\"_blank\" rel=\"noopener\" class=\"share-btn\" title=\"Share on Facebook\" style=\"background:#1877F2\"",
+            el_img("/assets/social/facebook.svg", "Facebook", "width=\"18\" height=\"18\"")
+        )
+        + el_a(wa_href, "target=\"_blank\" rel=\"noopener\" class=\"share-btn\" title=\"Send via WhatsApp\" style=\"background:#25D366\"",
+            el_img("/assets/social/whatsapp.svg", "WhatsApp", "width=\"18\" height=\"18\"")
+        )
+        + "<button class=\"share-btn\" id=\"copy-tiktok\" onclick=\"copyForPlatform('tiktok', this)\" title=\"Copy for TikTok\" style=\"background:#010101;border:none\">"
+        + el_img("/assets/social/tiktok.svg", "TikTok", "width=\"18\" height=\"18\"")
+        + "</button>"
+        + "<button class=\"share-btn\" id=\"copy-snapchat\" onclick=\"copyForPlatform('snapchat', this)\" title=\"Copy for Snapchat\" style=\"background:#FFFC00;border:none\">"
+        + el_img("/assets/social/snapchat.svg", "Snapchat", "width=\"18\" height=\"18\"")
+        + "</button>"
+    )
+
+    let share_section: String = el_div(
+        "class=\"share-section\"",
+        el_span("class=\"share-label\"", "Share") + share_row
+    )
+
+    let footer_row: String = el_div(
+        "class=\"footer-row\"",
+        el_span("class=\"footer-note\"", "From a live conversation with Neuron.")
+        + el_a("https://neurontechnologies.ai", "class=\"cta-btn\"", "Try Neuron &#8599;")
+    )
+
+    let page_div: String = el_div(
+        "class=\"page\"",
+        page_header
+        + chat_frame
+        + vote_row
+        + share_section
+        + el_div("class=\"divider\"", "")
+        + footer_row
+    )
+
+    let body_html: String = page_div
+        + el_script_inline(cfg_js)
+        + el_script_src("/js/main.js", true)
+
+    el_html_doc("en", head_html, body_html)
 }
 
 // ── Static asset serving ──────────────────────────────────────────────────────
@@ -1084,6 +1153,10 @@ fn handle_request_inner(method: String, path: String, body: String) -> String {
             if str_eq(msg, "") {
                 return "{\"error\":\"message required\"}"
             }
+            // Input length guard: ~2000 tokens ≈ 8000 characters
+            if str_len(msg) > 8000 {
+                return "{\"error\":\"Message too long. Please keep your message under 8000 characters.\"}"
+            }
             // Rate limit: 10 chats per uid per day (UTC day, keyed by uid).
             // State key: "__rl_<uid>" → "<count>|<day_number>"
             // day_number = unix_timestamp / 86400 (integer UTC day)
@@ -1639,20 +1712,22 @@ fn handle_request_inner(method: String, path: String, body: String) -> String {
     if str_starts_with(path, "/marketplace/success") {
         let badge_html: String = founding_badge(get_sold())
         let badge_css: String = founding_badge_css()
-        return page_open() + badge_css + "
-<div style=\"min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem\">
-  <p class=\"label\" style=\"margin-bottom:1.5rem\">You&#39;re in.</p>
-  <h1 class=\"display-lg\" style=\"margin-bottom:1.25rem\">Welcome to Neuron.</h1>
-  <p style=\"font-family:var(--body);font-weight:300;font-size:1.1rem;color:var(--t2);max-width:28rem;line-height:1.7;margin-bottom:3rem\">
-    Your license is being provisioned. Check your email - your license key and download instructions will be there in the next few minutes.
-  </p>
-  <div style=\"margin-bottom:3rem\">" + badge_html + "</div>
-  <div style=\"display:flex;gap:1rem;flex-wrap:wrap;justify-content:center\">
-    <a href=\"/account\" class=\"btn-primary\">View your account &#8594;</a>
-    <a href=\"/\" class=\"btn-ghost\">Back to home</a>
-  </div>
-</div>
-" + page_close()
+        let success_body: String = el_div(
+            "style=\"min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem\"",
+            el_p("class=\"label\" style=\"margin-bottom:1.5rem\"", "You&#39;re in.")
+            + el_h1("class=\"display-lg\" style=\"margin-bottom:1.25rem\"", "Welcome to Neuron.")
+            + el_p(
+                "style=\"font-family:var(--body);font-weight:300;font-size:1.1rem;color:var(--t2);max-width:28rem;line-height:1.7;margin-bottom:3rem\"",
+                "Your license is being provisioned. Check your email - your license key and download instructions will be there in the next few minutes."
+              )
+            + el_div("style=\"margin-bottom:3rem\"", badge_html)
+            + el_div(
+                "style=\"display:flex;gap:1rem;flex-wrap:wrap;justify-content:center\"",
+                el_a("/account", "class=\"btn-primary\"", "View your account &#8594;")
+                + el_a("/", "class=\"btn-ghost\"", "Back to home")
+              )
+        )
+        return page_open() + badge_css + success_body + page_close()
     }
 
     // ── Account dashboard ─────────────────────────────────────────────────────

src/marketplace.el

@@ -1,142 +1,119 @@
 // components/marketplace.el - Marketplace section.
 // Explains the plugin marketplace - what it is, how it works, coming soon.
 
-fn marketplace() -> String {
-    return <section id="marketplace" aria-label="Neuron Marketplace">
-  <div class="container">
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_form(attrs: String, children: String) -> String
+extern fn el_label(for_id: String, attrs: String, children: String) -> String
+extern fn el_input(type_attr: String, attrs: String) -> String
+extern fn el_textarea(attrs: String, value: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
 
-    <div class="marketplace-header">
-      <div class="marketplace-label-row reveal">
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-        <span class="label" style="color:var(--navy-85)">Marketplace</span>
-        <div style="margin-left:1rem;background:rgba(0,82,160,.1);color:var(--navy);font-family:var(--body);font-size:0.65rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:2px">Coming soon</div>
-      </div>
+fn marketplace_svg1() -> String {
+    "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">" +
+    "<path d=\"M12 2L2 7l10 5 10-5-10-5z\"/><path d=\"M2 17l10 5 10-5\"/><path d=\"M2 12l10 5 10-5\"/>" +
+    "</svg>"
+}
 
-      <h2 class="display-lg reveal" style="transition-delay:80ms;max-width:38rem">
-        Extend Neuron.<span class="gold" style="display:block">Build for it.</span>
-      </h2>
-      <p class="reveal" style="transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem;margin-top:1.25rem">
-        Neuron does one thing exceptionally well: it knows you. The Marketplace extends what it can do with that knowledge - connecting it to your tools, your workflows, and capabilities built by people who understand your domain better than any general-purpose AI ever will.
-      </p>
-    </div>
+fn marketplace_svg2() -> String {
+    "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">" +
+    "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4l3 3\"/>" +
+    "</svg>"
+}
 
-    <div class="marketplace-grid reveal" style="transition-delay:200ms">
+fn marketplace_svg3() -> String {
+    "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">" +
+    "<path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"/>" +
+    "</svg>"
+}
 
-      <div class="marketplace-card card-dark">
-        <div class="marketplace-card-icon">
-          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
-          </svg>
-        </div>
-        <h3 class="display-md marketplace-card-title">Plugins that know you</h3>
-        <p class="marketplace-card-body">Every plugin in the Marketplace has access to your memory - with your permission. A legal plugin knows your deal history. A coding plugin knows your architecture decisions. An email plugin knows your relationships and communication style. The context travels with you.</p>
-      </div>
+fn marketplace_cards() -> String {
+    let card1: String = el_div(
+        "class=\"marketplace-card card-dark\"",
+        el_div("class=\"marketplace-card-icon\"", marketplace_svg1()) +
+        el_h3("class=\"display-md marketplace-card-title\"", "Plugins that know you") +
+        el_p("class=\"marketplace-card-body\"", "Every plugin in the Marketplace has access to your memory - with your permission. A legal plugin knows your deal history. A coding plugin knows your architecture decisions. An email plugin knows your relationships and communication style. The context travels with you.")
+    )
+    let card2: String = el_div(
+        "class=\"marketplace-card card-dark\" style=\"transition-delay:120ms\"",
+        el_div("class=\"marketplace-card-icon\"", marketplace_svg2()) +
+        el_h3("class=\"display-md marketplace-card-title\"", "Built by domain experts") +
+        el_p("class=\"marketplace-card-body\"", "General AI is good at general things. The Marketplace is for specialists. The person building a plugin for contract attorneys or orthopedic surgeons or professional traders isn&#39;t us. It&#39;s someone who has spent years in that world. We give them the platform. They bring the depth.")
+    )
+    let card3: String = el_div(
+        "class=\"marketplace-card card-dark\" style=\"transition-delay:240ms\"",
+        el_div("class=\"marketplace-card-icon\"", marketplace_svg3()) +
+        el_h3("class=\"display-md marketplace-card-title\"", "Revenue for builders") +
+        el_p("class=\"marketplace-card-body\"", "Developers earn recurring revenue when users install their plugins. We handle billing, distribution, and the infrastructure. You handle the product. Every plugin that ships earns you a share of every subscription for as long as that user stays. Build once, earn indefinitely.")
+    )
+    el_div("class=\"marketplace-grid reveal\" style=\"transition-delay:200ms\"", card1 + card2 + card3)
+}
 
-      <div class="marketplace-card card-dark" style="transition-delay:120ms">
-        <div class="marketplace-card-icon">
-          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/>
-          </svg>
-        </div>
-        <h3 class="display-md marketplace-card-title">Built by domain experts</h3>
-        <p class="marketplace-card-body">General AI is good at general things. The Marketplace is for specialists. The person building a plugin for contract attorneys or orthopedic surgeons or professional traders isn&#39;t us. It&#39;s someone who has spent years in that world. We give them the platform. They bring the depth.</p>
-      </div>
+fn marketplace_tags_block(label: String, tags: String) -> String {
+    el_div(
+        "style=\"margin-bottom:2rem\"",
+        el_p("class=\"label\" style=\"margin-bottom:1rem;color:var(--navy-65)\"", label) +
+        el_div("class=\"marketplace-tags\"", tags)
+    )
+}
 
-      <div class="marketplace-card card-dark" style="transition-delay:240ms">
-        <div class="marketplace-card-icon">
-          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
-          </svg>
-        </div>
-        <h3 class="display-md marketplace-card-title">Revenue for builders</h3>
-        <p class="marketplace-card-body">Developers earn recurring revenue when users install their plugins. We handle billing, distribution, and the infrastructure. You handle the product. Every plugin that ships earns you a share of every subscription for as long as that user stays. Build once, earn indefinitely.</p>
-      </div>
+fn marketplace_tag(t: String) -> String {
+    el_span("class=\"marketplace-tag\"", t)
+}
 
-    </div>
+fn marketplace_categories() -> String {
+    let connectors: String =
+        marketplace_tag("Gmail") + marketplace_tag("Slack") + marketplace_tag("Google Calendar") + marketplace_tag("Google Drive") +
+        marketplace_tag("Notion") + marketplace_tag("GitHub") + marketplace_tag("Linear") + marketplace_tag("More connectors at launch")
+    let following: String =
+        marketplace_tag("Process packets") + marketplace_tag("Knowledge packets")
+    let imprints: String =
+        marketplace_tag("CEO") + marketplace_tag("CTO") + marketplace_tag("CFO") + marketplace_tag("CMO") + marketplace_tag("COO") + marketplace_tag("More C-suite")
 
-    <div class="marketplace-categories reveal" style="transition-delay:320ms">
+    el_div(
+        "class=\"marketplace-categories reveal\" style=\"transition-delay:320ms\"",
+        marketplace_tags_block("Connectors - day one", connectors) +
+        marketplace_tags_block("Following launch", following) +
+        el_div(
+            "",
+            el_p("class=\"label\" style=\"margin-bottom:1rem;color:var(--navy-65)\"", "Imprints - starting with") +
+            el_div("class=\"marketplace-tags\"", imprints)
+        )
+    )
+}
 
-      <div style="margin-bottom:2rem">
-        <p class="label" style="margin-bottom:1rem;color:var(--navy-65)">Connectors - day one</p>
-        <div class="marketplace-tags">
-          <span class="marketplace-tag">Gmail</span>
-          <span class="marketplace-tag">Slack</span>
-          <span class="marketplace-tag">Google Calendar</span>
-          <span class="marketplace-tag">Google Drive</span>
-          <span class="marketplace-tag">Notion</span>
-          <span class="marketplace-tag">GitHub</span>
-          <span class="marketplace-tag">Linear</span>
-          <span class="marketplace-tag">More connectors at launch</span>
-        </div>
-      </div>
+fn marketplace_dev_form() -> String {
+    let input_style: String = "class=\"dev-input\""
+    let field_name: String = el_div(
+        "class=\"dev-field\"",
+        el_label("dev-name", "class=\"dev-label\"", "Name") +
+        el_input("text", "id=\"dev-name\" required placeholder=\"Your name\" " + input_style)
+    )
+    let field_email: String = el_div(
+        "class=\"dev-field\"",
+        el_label("dev-email", "class=\"dev-label\"", "Email") +
+        el_input("email", "id=\"dev-email\" required placeholder=\"you@example.com\" " + input_style)
+    )
+    let field_idea: String = el_div(
+        "class=\"dev-field dev-field-full\"",
+        el_label("dev-idea", "class=\"dev-label\"", "What do you want to build?") +
+        el_textarea("id=\"dev-idea\" required rows=\"5\" placeholder=\"Tell me about the plugin or integration you have in mind...\" class=\"dev-input dev-textarea\"", "")
+    )
+    let submit_row: String = el_div(
+        "class=\"dev-field-full\"",
+        el_button("type=\"submit\" class=\"btn-primary\"", "Send interest &rarr;") +
+        el_p("id=\"dev-msg\" style=\"font-family:var(--body);font-size:0.8rem;color:var(--t3);margin-top:0.75rem;display:none\"", "")
+    )
+    el_form("id=\"dev-form\" class=\"dev-form-grid\"", field_name + field_email + field_idea + submit_row)
+}
 
-      <div style="margin-bottom:2rem">
-        <p class="label" style="margin-bottom:1rem;color:var(--navy-65)">Following launch</p>
-        <div class="marketplace-tags">
-          <span class="marketplace-tag">Process packets</span>
-          <span class="marketplace-tag">Knowledge packets</span>
-        </div>
-      </div>
-
-      <div>
-        <p class="label" style="margin-bottom:1rem;color:var(--navy-65)">Imprints - starting with</p>
-        <div class="marketplace-tags">
-          <span class="marketplace-tag">CEO</span>
-          <span class="marketplace-tag">CTO</span>
-          <span class="marketplace-tag">CFO</span>
-          <span class="marketplace-tag">CMO</span>
-          <span class="marketplace-tag">COO</span>
-          <span class="marketplace-tag">More C-suite</span>
-        </div>
-      </div>
-
-    </div>
-
-    <div class="marketplace-cta reveal" style="transition-delay:400ms">
-      <div class="marketplace-cta-inner">
-        <div>
-          <p style="font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:0.5rem">Building something?</p>
-          <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.6">The developer program opens before the Marketplace does. If you&#39;re interested in building a plugin, get in touch early - early developers shape the API.</p>
-        </div>
-        <button onclick="document.getElementById('developer-interest').style.display='block';document.getElementById('developer-interest').scrollIntoView({behavior:'smooth',block:'start'});this.style.display='none';" class="btn-ghost" style="white-space:nowrap;flex-shrink:0">Developer interest &rarr;</button>
-      </div>
-    </div>
-
-  </div>
-
-  <!-- Developer interest form — hidden until button click -->
-  <div id="developer-interest" class="container" style="display:none;margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(0,82,160,.10)">
-    <div style="max-width:42rem">
-      <p class="label" style="margin-bottom:0.75rem;color:var(--navy-85)">Developer Program</p>
-      <h3 style="font-family:var(--display);font-size:1.75rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em;margin-bottom:1rem;line-height:1.2">Get early access</h3>
-      <p style="font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.75;margin-bottom:2.5rem">The developer program opens before the Marketplace does. Early developers shape the plugin API. Tell me what you want to build.</p>
-      <form id="dev-form" class="dev-form-grid">
-        <div class="dev-field">
-          <label for="dev-name" class="dev-label">Name</label>
-          <input id="dev-name" type="text" required placeholder="Your name" class="dev-input">
-        </div>
-        <div class="dev-field">
-          <label for="dev-email" class="dev-label">Email</label>
-          <input id="dev-email" type="email" required placeholder="you@example.com" class="dev-input">
-        </div>
-        <div class="dev-field dev-field-full">
-          <label for="dev-idea" class="dev-label">What do you want to build?</label>
-          <textarea id="dev-idea" required rows="5" placeholder="Tell me about the plugin or integration you have in mind..." class="dev-input dev-textarea"></textarea>
-        </div>
-        <div class="dev-field-full">
-          <button type="submit" class="btn-primary">Send interest &rarr;</button>
-          <p id="dev-msg" style="font-family:var(--body);font-size:0.8rem;color:var(--t3);margin-top:0.75rem;display:none"></p>
-        </div>
-      </form>
-    </div>
-  </div>
-
-  <script src="/js/marketplace.js" defer></script>
-
-</section>
-
-<style>
-  #marketplace { padding: 6rem 0; }
+fn marketplace_style() -> String {
+    let css: String = "#marketplace { padding: 6rem 0; }
   .marketplace-header { margin-bottom: 4rem; }
   .marketplace-label-row { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; }
   .marketplace-grid {
@@ -189,8 +166,6 @@ fn marketplace() -> String {
     background: rgba(0,82,160,.02);
   }
   @media (max-width: 640px) { .marketplace-cta-inner { flex-direction: column; align-items: flex-start; } }
-
-  /* Developer interest form */
   .dev-form-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -227,6 +202,64 @@ fn marketplace() -> String {
     border-color: var(--navy);
     box-shadow: 0 0 0 3px rgba(0,82,160,.08);
   }
-  .dev-textarea { resize: vertical; min-height: 120px; }
-</style>
+  .dev-textarea { resize: vertical; min-height: 120px; }"
+    "<style>" + css + "</style>"
+}
+
+fn marketplace() -> String {
+    let header: String = el_div(
+        "class=\"marketplace-header\"",
+        el_div(
+            "class=\"marketplace-label-row reveal\"",
+            el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
+            el_span("class=\"label\" style=\"color:var(--navy-85)\"", "Marketplace") +
+            el_div("style=\"margin-left:1rem;background:rgba(0,82,160,.1);color:var(--navy);font-family:var(--body);font-size:0.65rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:2px\"", "Coming soon")
+        ) +
+        el_h2(
+            "class=\"display-lg reveal\" style=\"transition-delay:80ms;max-width:38rem\"",
+            "Extend Neuron." + el_span("class=\"gold\" style=\"display:block\"", "Build for it.")
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem;margin-top:1.25rem\"",
+            "Neuron does one thing exceptionally well: it knows you. The Marketplace extends what it can do with that knowledge - connecting it to your tools, your workflows, and capabilities built by people who understand your domain better than any general-purpose AI ever will."
+        )
+    )
+
+    let cta: String = el_div(
+        "class=\"marketplace-cta reveal\" style=\"transition-delay:400ms\"",
+        el_div(
+            "class=\"marketplace-cta-inner\"",
+            el_div(
+                "",
+                el_p("style=\"font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:0.5rem\"", "Building something?") +
+                el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.6\"",
+                    "The developer program opens before the Marketplace does. If you&#39;re interested in building a plugin, get in touch early - early developers shape the API."
+                )
+            ) +
+            el_button(
+                "onclick=\"document.getElementById('developer-interest').style.display='block';document.getElementById('developer-interest').scrollIntoView({behavior:'smooth',block:'start'});this.style.display='none';\" class=\"btn-ghost\" style=\"white-space:nowrap;flex-shrink:0\"",
+                "Developer interest &rarr;"
+            )
+        )
+    )
+
+    let dev_section: String = el_div(
+        "id=\"developer-interest\" class=\"container\" style=\"display:none;margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(0,82,160,.10)\"",
+        el_div(
+            "style=\"max-width:42rem\"",
+            el_p("class=\"label\" style=\"margin-bottom:0.75rem;color:var(--navy-85)\"", "Developer Program") +
+            el_h3("style=\"font-family:var(--display);font-size:1.75rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em;margin-bottom:1rem;line-height:1.2\"", "Get early access") +
+            el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.75;margin-bottom:2.5rem\"",
+                "The developer program opens before the Marketplace does. Early developers shape the plugin API. Tell me what you want to build."
+            ) +
+            marketplace_dev_form()
+        )
+    )
+
+    el_section(
+        "id=\"marketplace\" aria-label=\"Neuron Marketplace\"",
+        el_div("class=\"container\"", header + marketplace_cards() + marketplace_categories() + cta) +
+        dev_section +
+        el_script_src("/js/marketplace.js", true) +
+        marketplace_style()
+    )
 }

src/mission.el

@@ -1,91 +1,130 @@
 // components/mission.el - Origin story + manifesto + problems grid.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_strong(children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+
 fn mission() -> String {
-    return <section id="mission" aria-label="Mission">
-  <div class="container">
+    let label_row: String = el_div(
+        "class=\"mission-label-row reveal\"",
+        el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
+        el_span("class=\"label\"", "The mission") +
+        el_div("style=\"height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35));flex-shrink:0\"", "")
+    )
 
-    <div class="navy-line" style="margin-bottom:5rem"></div>
+    let origin: String = el_div(
+        "class=\"mission-origin\"",
+        label_row +
+        el_h2("class=\"display-lg mission-headline reveal\" style=\"transition-delay:80ms\"", "Why I built this") +
+        el_p("class=\"mission-body-para reveal\" style=\"transition-delay:160ms\"",
+            "Every AI tool you use today resets when you close the tab. It doesn&#39;t know you tomorrow. It doesn&#39;t remember what mattered yesterday. It can&#39;t grow with you over years."
+        ) +
+        el_p("class=\"mission-body-para reveal\" style=\"transition-delay:240ms\"",
+            "I built Neuron because intelligence should compound. The same way a great mentor gets more valuable the longer you work with them - knowing your context, your patterns, your goals - your AI should too."
+        ) +
+        el_p("class=\"mission-body-para mission-body-emphasis reveal\" style=\"transition-delay:320ms\"",
+            "Neuron is private by design. It runs on your hardware. " +
+            el_strong("Your data never leaves your machine.") +
+            " No training on your data. No telemetry. No cloud dependency."
+        ) +
+        el_p("class=\"mission-body-para reveal\" style=\"transition-delay:400ms\"",
+            "This isn&#39;t a chat interface. It&#39;s the AI that becomes yours."
+        )
+    )
 
-    <div class="mission-origin">
-      <div class="mission-label-row reveal">
-        <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-        <span class="label">The mission</span>
-        <div style="height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35));flex-shrink:0"></div>
-      </div>
-      <h2 class="display-lg mission-headline reveal" style="transition-delay:80ms">Why I built this</h2>
+    let bigtech: String = el_div(
+        "class=\"mission-bigtech reveal\" style=\"transition-delay:600ms\"",
+        el_p("class=\"mission-bigtech-label\"", "Why I built this on my own") +
+        el_p("",
+            "I didn&#39;t just approach one of the largest technology companies in the world - I got the meeting. Got the NDAs signed. Created deliverables in real time. Showed them benchmarks with full auditability. Some of their own people understood immediately what it meant."
+        ) +
+        el_p("",
+            "They saw it. Seemed to engage meaningfully. Then, within two days, lawyers were involved. I decided to just finish the project on my own."
+        ) +
+        el_p("class=\"muted\"",
+            "Not: how do we solve this at scale? Not: what does this mean for the people we serve? Their instinct was to protect enterprise revenue and manage legal exposure. The actual human impact - the people whose lives those enterprises touch - didn&#39;t enter the conversation."
+        ) +
+        el_p("class=\"muted\"",
+            "That&#39;s the difference. " +
+            "<strong style=\"color:var(--t1)\">They&#39;re optimizing for the enterprise. I&#39;m building for the people those enterprises are supposed to serve.</strong>"
+        ) +
+        el_p("",
+            "I told them I could build and distribute this by myself. Maybe they didn&#39;t believe me. That meeting was April 22nd, 2026. I&#39;m writing this on April 25th. You&#39;re looking at the proof. " +
+            el_a("/checkout?plan=founding", "", "I hope you&#39;ll preorder it.")
+        )
+    )
 
-      <p class="mission-body-para reveal" style="transition-delay:160ms">
-        Every AI tool you use today resets when you close the tab. It doesn&#39;t know you tomorrow. It doesn&#39;t remember what mattered yesterday. It can&#39;t grow with you over years.
-      </p>
-      <p class="mission-body-para reveal" style="transition-delay:240ms">
-        I built Neuron because intelligence should compound. The same way a great mentor gets more valuable the longer you work with them - knowing your context, your patterns, your goals - your AI should too.
-      </p>
-      <p class="mission-body-para mission-body-emphasis reveal" style="transition-delay:320ms">
-        Neuron is private by design. It runs on your hardware. <strong>Your data never leaves your machine.</strong> No training on your data. No telemetry. No cloud dependency.
-      </p>
-      <p class="mission-body-para reveal" style="transition-delay:400ms">
-        This isn&#39;t a chat interface. It&#39;s the AI that becomes yours.
-      </p>
-    </div>
+    let problem1: String = el_div(
+        "class=\"problem-item reveal\"",
+        el_p("class=\"problem-label\"", "Synthetic media without accountability") +
+        el_p("class=\"problem-body\"", "Generative AI makes it trivially easy to produce harmful content at scale - and nearly impossible to trace. This is a problem the industry is largely ignoring. I&#39;m not. I&#39;m engaged with it seriously and expect to have answers in place before it becomes unmanageable.")
+    )
+    let problem2: String = el_div(
+        "class=\"problem-item reveal\" style=\"transition-delay:120ms\"",
+        el_p("class=\"problem-label\"", "Epistemic collapse") +
+        el_p("class=\"problem-body\"", "AI can now generate persuasive content at any volume, on any position. The next generation is growing up in an environment where signal and noise are becoming indistinguishable. I think deeply about what it means to build tools that contribute to that problem - and how to build ones that don&#39;t.")
+    )
+    let problem3: String = el_div(
+        "class=\"problem-item reveal\" style=\"transition-delay:240ms\"",
+        el_p("class=\"problem-label\"", "Concentration of inference") +
+        el_p("class=\"problem-body\"", "Four companies control nearly all frontier AI inference. Every query strengthens their position. I think that concentration of power is a structural risk - not just a pricing problem - and I&#39;m building with that in mind.")
+    )
+    let problem4: String = el_div(
+        "class=\"problem-item reveal\" style=\"transition-delay:360ms\"",
+        el_p("class=\"problem-label\"", "The accountability gap") +
+        el_p("class=\"problem-body\"", "When an AI agent takes a bad action, there is currently no clear legal or technical accountability. That&#39;s going to matter more as agents do more. I take this seriously. I&#39;m building toward answers - not waiting for regulators to force the question.")
+    )
 
-    <div class="mission-bigtech reveal" style="transition-delay:600ms">
-      <p class="mission-bigtech-label">Why I built this on my own</p>
-      <p>
-        I didn&#39;t just approach one of the largest technology companies in the world - I got the meeting. Got the NDAs signed. Created deliverables in real time. Showed them benchmarks with full auditability. Some of their own people understood immediately what it meant.
-      </p>
-      <p>
-        They saw it. Seemed to engage meaningfully. Then, within two days, lawyers were involved. I decided to just finish the project on my own.
-      </p>
-      <p class="muted">
-        Not: how do we solve this at scale? Not: what does this mean for the people we serve? Their instinct was to protect enterprise revenue and manage legal exposure. The actual human impact - the people whose lives those enterprises touch - didn&#39;t enter the conversation.
-      </p>
-      <p class="muted">
-        That&#39;s the difference. <strong style="color:var(--t1)">They&#39;re optimizing for the enterprise. I&#39;m building for the people those enterprises are supposed to serve.</strong>
-      </p>
-      <p>
-        I told them I could build and distribute this by myself. Maybe they didn&#39;t believe me. That meeting was April 22nd, 2026. I&#39;m writing this on April 25th. You&#39;re looking at the proof. <a href="/checkout?plan=founding">I hope you&#39;ll preorder it.</a>
-      </p>
-    </div>
+    let problems_grid: String = el_div(
+        "class=\"problems-grid\"",
+        problem1 + problem2 + problem3 + problem4 +
+        el_div("class=\"problems-grid-bottom\"", "")
+    )
 
-    <div class="mission-problems">
-      <div class="mission-sub-row reveal">
-        <div class="mission-sub-line"></div>
-        <span class="label">What I&#39;m building against</span>
-      </div>
+    let closer: String = el_div(
+        "class=\"mission-closer reveal\"",
+        el_p("", "The industry built tools to make AI easier to use. " +
+            el_span("", "I&#39;m building tools to make it safer to trust.")
+        )
+    )
 
-      <div class="problems-grid">
-        <div class="problem-item reveal">
-          <p class="problem-label">Synthetic media without accountability</p>
-          <p class="problem-body">Generative AI makes it trivially easy to produce harmful content at scale - and nearly impossible to trace. This is a problem the industry is largely ignoring. I&#39;m not. I&#39;m engaged with it seriously and expect to have answers in place before it becomes unmanageable.</p>
-        </div>
-        <div class="problem-item reveal" style="transition-delay:120ms">
-          <p class="problem-label">Epistemic collapse</p>
-          <p class="problem-body">AI can now generate persuasive content at any volume, on any position. The next generation is growing up in an environment where signal and noise are becoming indistinguishable. I think deeply about what it means to build tools that contribute to that problem - and how to build ones that don&#39;t.</p>
-        </div>
-        <div class="problem-item reveal" style="transition-delay:240ms">
-          <p class="problem-label">Concentration of inference</p>
-          <p class="problem-body">Four companies control nearly all frontier AI inference. Every query strengthens their position. I think that concentration of power is a structural risk - not just a pricing problem - and I&#39;m building with that in mind.</p>
-        </div>
-        <div class="problem-item reveal" style="transition-delay:360ms">
-          <p class="problem-label">The accountability gap</p>
-          <p class="problem-body">When an AI agent takes a bad action, there is currently no clear legal or technical accountability. That&#39;s going to matter more as agents do more. I take this seriously. I&#39;m building toward answers - not waiting for regulators to force the question.</p>
-        </div>
-        <div class="problems-grid-bottom"></div>
-      </div>
+    let commitment: String = el_div(
+        "class=\"reveal\" style=\"max-width:44rem;margin-top:3.5rem;padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30);background:rgba(0,82,160,.02)\"",
+        el_p("style=\"font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:1rem\"", "Nobody&#39;s perfect.") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"",
+            "Neuron isn&#39;t either. There is a gap between what the AI industry is delivering and what the world actually needs. Bridging that gap is the work - not a one-time product release, but continuous work, done in the open, built on the trust that users place in it."
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--navy);line-height:1.6\"",
+            "That&#39;s my commitment. To keep working. To be honest about the problems. To build something that earns trust by doing the hard things right."
+        )
+    )
 
-      <div class="mission-closer reveal">
-        <p>The industry built tools to make AI easier to use. <span>I&#39;m building tools to make it safer to trust.</span></p>
-      </div>
+    let sub_row: String = el_div(
+        "class=\"mission-sub-row reveal\"",
+        el_div("class=\"mission-sub-line\"", "") +
+        el_span("class=\"label\"", "What I&#39;m building against")
+    )
 
-      <div class="reveal" style="max-width:44rem;margin-top:3.5rem;padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30);background:rgba(0,82,160,.02)">
-        <p style="font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:1rem">Nobody&#39;s perfect.</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Neuron isn&#39;t either. There is a gap between what the AI industry is delivering and what the world actually needs. Bridging that gap is the work - not a one-time product release, but continuous work, done in the open, built on the trust that users place in it.</p>
-        <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--navy);line-height:1.6">That&#39;s my commitment. To keep working. To be honest about the problems. To build something that earns trust by doing the hard things right.</p>
-      </div>
+    let problems: String = el_div(
+        "class=\"mission-problems\"",
+        sub_row + problems_grid + closer + commitment
+    )
 
-    </div>
+    let bottom_line: String = el_div(
+        "class=\"container\" style=\"margin-top:5rem\"",
+        el_div("class=\"navy-line\"", "")
+    )
 
-  </div>
-  <div class="container" style="margin-top:5rem"><div class="navy-line"></div></div>
-</section>
+    el_section(
+        "id=\"mission\" aria-label=\"Mission\"",
+        el_div(
+            "class=\"container\"",
+            el_div("class=\"navy-line\" style=\"margin-bottom:5rem\"", "") +
+            origin + bigtech + problems
+        ) + bottom_line
+    )
 }

src/nav.el

@@ -3,53 +3,72 @@
 // Responsive: desktop shows full link bar, ≤1060px collapses to hamburger.
 // Hamburger toggles .nav-mobile panel. Closes on link click or outside click.
 
+extern fn el_nav(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_script_src(src: String, defer_load: Bool) -> String
+
 fn nav() -> String {
-    return <nav id="nav">
-  <div class="nav-inner">
-    <a href="/" class="nav-logo" aria-label="Neuron home"><img src="/assets/brand/neuron-wordmark-on-light.png" srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x" alt="Neuron" height="28"></a>
+    let logo_img: String = el_img(
+        "/assets/brand/neuron-wordmark-on-light.png",
+        "Neuron",
+        "srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" height=\"28\""
+    )
+    let logo: String = el_a("/", "class=\"nav-logo\" aria-label=\"Neuron home\"", logo_img)
 
-    <!-- Order mirrors page section order: how-it-works → enterprise →
-         mission/safety/environment → marketplace → pricing. -->
-    <div class="nav-links">
-      <a href="/#how-it-works"  class="nav-link">How it works</a>
-      <a href="/#enterprise"    class="nav-link">Enterprise</a>
-      <div class="nav-dropdown">
-        <button class="nav-link nav-dropdown-btn" aria-haspopup="true" aria-expanded="false">Mission &#9662;</button>
-        <div class="nav-dropdown-menu">
-          <a href="/#mission"       class="nav-dropdown-item">Our mission</a>
-          <a href="/#safety"        class="nav-dropdown-item">Safety</a>
-          <a href="/#environmental" class="nav-dropdown-item">Environment</a>
-        </div>
-      </div>
-      <a href="/#marketplace"   class="nav-link">Marketplace</a>
-      <a href="/#pricing"       class="nav-link">Pricing</a>
-      <a href="/about"          class="nav-link">About</a>
-      <a href="/said"           class="nav-link">Gallery</a>
-      <a href="/account"        class="nav-link">Account</a>
-      <a href="/#pricing"       class="nav-cta">Get Access</a>
-    </div>
+    let dropdown_menu: String = el_div(
+        "class=\"nav-dropdown-menu\"",
+        el_a("/#mission", "class=\"nav-dropdown-item\"", "Our mission") +
+        el_a("/#safety", "class=\"nav-dropdown-item\"", "Safety") +
+        el_a("/#environmental", "class=\"nav-dropdown-item\"", "Environment")
+    )
+    let dropdown: String = el_div(
+        "class=\"nav-dropdown\"",
+        el_button("class=\"nav-link nav-dropdown-btn\" aria-haspopup=\"true\" aria-expanded=\"false\"", "Mission &#9662;") +
+        dropdown_menu
+    )
 
-    <button class="nav-hamburger" id="nav-hamburger" aria-label="Open navigation" aria-expanded="false" aria-controls="nav-mobile">
-      <span></span>
-      <span></span>
-      <span></span>
-    </button>
+    let nav_links: String = el_div(
+        "class=\"nav-links\"",
+        el_a("/#how-it-works", "class=\"nav-link\"", "How it works") +
+        el_a("/#enterprise", "class=\"nav-link\"", "Enterprise") +
+        dropdown +
+        el_a("/#marketplace", "class=\"nav-link\"", "Marketplace") +
+        el_a("/#pricing", "class=\"nav-link\"", "Pricing") +
+        el_a("/about", "class=\"nav-link\"", "About") +
+        el_a("/said", "class=\"nav-link\"", "Gallery") +
+        el_a("/account", "class=\"nav-link\"", "Account") +
+        el_a("/#pricing", "class=\"nav-cta\"", "Get Access")
+    )
 
-    <div class="nav-mobile" id="nav-mobile" role="navigation" aria-label="Mobile navigation">
-      <a href="/#how-it-works" class="nav-mobile-link">How it works</a>
-      <a href="/#enterprise"    class="nav-mobile-link">Enterprise</a>
-      <a href="/#mission"       class="nav-mobile-link">Mission</a>
-      <a href="/#safety"        class="nav-mobile-link" style="padding-left:1.75rem;font-size:0.8rem;color:var(--t3)">- Safety</a>
-      <a href="/#environmental" class="nav-mobile-link" style="padding-left:1.75rem;font-size:0.8rem;color:var(--t3)">- Environment</a>
-      <a href="/#marketplace"   class="nav-mobile-link">Marketplace</a>
-      <a href="/#pricing"       class="nav-mobile-link">Pricing</a>
-      <a href="/about"          class="nav-mobile-link">About</a>
-      <a href="/said"           class="nav-mobile-link">Gallery</a>
-      <a href="/account"        class="nav-mobile-link">Account</a>
-      <a href="/#pricing"       class="nav-mobile-cta">Get Access</a>
-    </div>
-  </div>
-</nav>
+    let hamburger_spans: String =
+        el_span("", "") +
+        el_span("", "") +
+        el_span("", "")
+    let hamburger: String = el_button(
+        "class=\"nav-hamburger\" id=\"nav-hamburger\" aria-label=\"Open navigation\" aria-expanded=\"false\" aria-controls=\"nav-mobile\"",
+        hamburger_spans
+    )
 
-<script src="/js/nav.js" defer></script>
+    let nav_mobile: String = el_div(
+        "class=\"nav-mobile\" id=\"nav-mobile\" role=\"navigation\" aria-label=\"Mobile navigation\"",
+        el_a("/#how-it-works", "class=\"nav-mobile-link\"", "How it works") +
+        el_a("/#enterprise", "class=\"nav-mobile-link\"", "Enterprise") +
+        el_a("/#mission", "class=\"nav-mobile-link\"", "Mission") +
+        el_a("/#safety", "class=\"nav-mobile-link\" style=\"padding-left:1.75rem;font-size:0.8rem;color:var(--t3)\"", "- Safety") +
+        el_a("/#environmental", "class=\"nav-mobile-link\" style=\"padding-left:1.75rem;font-size:0.8rem;color:var(--t3)\"", "- Environment") +
+        el_a("/#marketplace", "class=\"nav-mobile-link\"", "Marketplace") +
+        el_a("/#pricing", "class=\"nav-mobile-link\"", "Pricing") +
+        el_a("/about", "class=\"nav-mobile-link\"", "About") +
+        el_a("/said", "class=\"nav-mobile-link\"", "Gallery") +
+        el_a("/account", "class=\"nav-mobile-link\"", "Account") +
+        el_a("/#pricing", "class=\"nav-mobile-cta\"", "Get Access")
+    )
+
+    let nav_inner: String = el_div("class=\"nav-inner\"", logo + nav_links + hamburger + nav_mobile)
+
+    el_nav("id=\"nav\"", nav_inner + el_script_src("/js/nav.js", true))
 }

src/pillars.el

@@ -4,40 +4,50 @@
 // Cards use reveal animation class (CSS IntersectionObserver polyfill
 // provided by a tiny inline <script> in the page shell).
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h3(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+
 fn pillars() -> String {
-    return <section id="pillars" aria-label="Core pillars">
-  <div class="container">
-    <div class="pillars-label reveal">
-      <div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
-      <span class="label">Why Neuron</span>
-    </div>
-    <div class="pillars-grid">
+    let label_row: String = el_div(
+        "class=\"pillars-label reveal\"",
+        el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
+        el_span("class=\"label\"", "Why Neuron")
+    )
 
-      <div class="pillar-card card-dark reveal">
-        <span class="pillar-numeral" aria-hidden="true">I</span>
-        <h3 class="display-md pillar-title">Remembers</h3>
-        <div class="pillar-rule"></div>
-        <p class="pillar-body">Every session picks up where you left off. Every project. Every context. No more re-explaining who you are, what you&#39;re building, or what matters to you.</p>
-        <p class="pillar-detail">Zero re-orientation</p>
-      </div>
+    let card1: String = el_div(
+        "class=\"pillar-card card-dark reveal\"",
+        el_span("class=\"pillar-numeral\" aria-hidden=\"true\"", "I") +
+        el_h3("class=\"display-md pillar-title\"", "Remembers") +
+        el_div("class=\"pillar-rule\"", "") +
+        el_p("class=\"pillar-body\"", "Every session picks up where you left off. Every project. Every context. No more re-explaining who you are, what you&#39;re building, or what matters to you.") +
+        el_p("class=\"pillar-detail\"", "Zero re-orientation")
+    )
 
-      <div class="pillar-card card-dark reveal" style="transition-delay:150ms">
-        <span class="pillar-numeral" aria-hidden="true">II</span>
-        <h3 class="display-md pillar-title">Sharpens</h3>
-        <div class="pillar-rule"></div>
-        <p class="pillar-body">The longer you use it, the sharper it gets. Every session builds on the last. Neuron Inference arrives Q3 2026 - not a wrapper around someone else&#39;s model. Purpose-built. Built for you.</p>
-        <p class="pillar-detail">Specific to you</p>
-      </div>
+    let card2: String = el_div(
+        "class=\"pillar-card card-dark reveal\" style=\"transition-delay:150ms\"",
+        el_span("class=\"pillar-numeral\" aria-hidden=\"true\"", "II") +
+        el_h3("class=\"display-md pillar-title\"", "Sharpens") +
+        el_div("class=\"pillar-rule\"", "") +
+        el_p("class=\"pillar-body\"", "The longer you use it, the sharper it gets. Every session builds on the last. Neuron Inference arrives Q3 2026 - not a wrapper around someone else&#39;s model. Purpose-built. Built for you.") +
+        el_p("class=\"pillar-detail\"", "Specific to you")
+    )
 
-      <div class="pillar-card card-dark reveal" style="transition-delay:300ms">
-        <span class="pillar-numeral" aria-hidden="true">III</span>
-        <h3 class="display-md pillar-title">Yours</h3>
-        <div class="pillar-rule"></div>
-        <p class="pillar-body">Runs locally. Your data never leaves. No cloud dependency, no telemetry, no training on your conversations. Complete ownership. And unlike every other AI subscription - we&#39;re not charging you to remember you.</p>
-        <p class="pillar-detail">Fully private</p>
-      </div>
+    let card3: String = el_div(
+        "class=\"pillar-card card-dark reveal\" style=\"transition-delay:300ms\"",
+        el_span("class=\"pillar-numeral\" aria-hidden=\"true\"", "III") +
+        el_h3("class=\"display-md pillar-title\"", "Yours") +
+        el_div("class=\"pillar-rule\"", "") +
+        el_p("class=\"pillar-body\"", "Runs locally. Your data never leaves. No cloud dependency, no telemetry, no training on your conversations. Complete ownership. And unlike every other AI subscription - we&#39;re not charging you to remember you.") +
+        el_p("class=\"pillar-detail\"", "Fully private")
+    )
 
-    </div>
-  </div>
-</section>
+    let grid: String = el_div("class=\"pillars-grid\"", card1 + card2 + card3)
+
+    el_section(
+        "id=\"pillars\" aria-label=\"Core pillars\"",
+        el_div("class=\"container\"", label_row + grid)
+    )
 }

src/pricing.el

@@ -2,6 +2,15 @@
 // Accepts the founding counter values as parameters so main.el can inject
 // server-side rendered counts without JS.
 
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_ul(attrs: String, children: String) -> String
+extern fn el_li(attrs: String, children: String) -> String
+extern fn el_button(attrs: String, label: String) -> String
+
 fn founding_spots_html(sold: Int, total: Int) -> String {
     let remaining: Int = total - sold
     let pct: Int = (sold * 100) / total
@@ -9,11 +18,47 @@ fn founding_spots_html(sold: Int, total: Int) -> String {
     let remaining_str: String = int_to_str(remaining)
     let sold_str: String = int_to_str(sold)
     let total_str: String = int_to_str(total)
-    return <div class="founding-spots">
-          <p class="founding-spots-label">Only {remaining_str} left</p>
-          <div class="founding-spots-bar"><div class="founding-spots-fill" style="width:{pct_str}%"></div></div>
-          <p class="founding-spots-sub">{sold_str} of {total_str} claimed</p>
-        </div>
+
+    el_div(
+        "class=\"founding-spots\"",
+        el_p("class=\"founding-spots-label\"", "Only " + remaining_str + " left") +
+        el_div(
+            "class=\"founding-spots-bar\"",
+            el_div("class=\"founding-spots-fill\" style=\"width:" + pct_str + "%\"", "")
+        ) +
+        el_p("class=\"founding-spots-sub\"", sold_str + " of " + total_str + " claimed")
+    )
+}
+
+fn pricing_free_features() -> String {
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Persistent memory - never resets")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Bring your own API keys (OpenAI, Anthropic, Grok...)")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Local inference via Ollama (coming)")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Neuron Inference included when it launches - Q3 2026")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Unlimited projects")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "3 marketplace plugins included")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Core built-in capabilities"))
+}
+
+fn pricing_pro_features() -> String {
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Bring your own API keys - use any model, any provider")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Neuron Inference - Q3 2026, priced below OpenAI and Anthropic")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Everything in Free")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Unlimited projects")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Full plugin marketplace")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Advanced integrations - IDE, Slack, and more")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Early access to new features"))
+}
+
+fn pricing_founding_features() -> String {
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Neuron Inference (Q3 2026) - founding member rate, priced below the major APIs")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Everything in Professional - forever")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Never pay again - lifetime updates included")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Founding member badge in the app")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Private founding member community")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Shape the roadmap - your votes carry more weight")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Beta features before general release")) +
+    el_li("", el_span("class=\"dash\"", "-") + el_span("", "Name in the credits"))
 }
 
 fn pricing(sold: Int, total: Int) -> String {
@@ -24,113 +69,102 @@ fn pricing(sold: Int, total: Int) -> String {
     let remaining_str: String = int_to_str(remaining)
     let total_str: String = int_to_str(total)
 
-    return <section id="pricing" aria-label="Pricing">
-  <div class="container">
+    let header: String = el_div(
+        "class=\"pricing-header\"",
+        el_div(
+            "class=\"pricing-label-row reveal\"",
+            el_div("style=\"height:1px;width:4rem;background:linear-gradient(to right,transparent,rgba(0,82,160,.35))\"", "") +
+            el_span("class=\"label\" style=\"color:var(--navy-85)\"", "Pricing") +
+            el_div("style=\"height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35))\"", "")
+        ) +
+        el_h2("class=\"display-lg pricing-headline reveal\" style=\"transition-delay:80ms\"", "Own it. Don&#39;t rent it.") +
+        el_p("class=\"pricing-sub reveal\" style=\"transition-delay:160ms\"",
+            "Bring your own API keys on day one. Neuron Inference - our own model layer, priced below the major APIs - launches Q3 2026."
+        )
+    )
 
-    <div class="pricing-header">
-      <div class="pricing-label-row reveal">
-        <div style="height:1px;width:4rem;background:linear-gradient(to right,transparent,rgba(0,82,160,.35))"></div>
-        <span class="label" style="color:var(--navy-85)">Pricing</span>
-        <div style="height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35))"></div>
-      </div>
-      <h2 class="display-lg pricing-headline reveal" style="transition-delay:80ms">Own it. Don&#39;t rent it.</h2>
-      <p class="pricing-sub reveal" style="transition-delay:160ms">Bring your own API keys on day one. Neuron Inference - our own model layer, priced below the major APIs - launches Q3 2026.</p>
-    </div>
+    let card_free: String = el_div(
+        "class=\"pricing-card card-dark reveal\"",
+        el_p("class=\"pricing-tier\"", "Free") +
+        el_div(
+            "class=\"pricing-price-row\"",
+            el_span("class=\"pricing-price\"", "$0") +
+            el_span("class=\"pricing-cadence\"", "forever")
+        ) +
+        el_p("class=\"pricing-tagline\"", "Start building your memory. No card required.") +
+        el_ul("class=\"pricing-features\"", pricing_free_features()) +
+        el_div("style=\"flex:1\"", "") +
+        el_div(
+            "class=\"pricing-cta pricing-cta-ghost\"",
+            el_button("class=\"pricing-cta-ghost\" data-checkout=\"free\"", "Preorder free tier &#8594;")
+        )
+    )
 
-    <div class="pricing-grid">
+    let card_pro: String = el_div(
+        "class=\"pricing-card card-dark reveal\" style=\"transition-delay:150ms\"",
+        el_p("class=\"pricing-tier\"", "Professional") +
+        el_div(
+            "class=\"pricing-price-row\"",
+            el_span("class=\"pricing-price\"", "$19") +
+            el_span("class=\"pricing-cadence\"", "/ month")
+        ) +
+        el_p("class=\"pricing-tagline\"", "Full access. Use your own API keys now. Neuron Inference when it launches.") +
+        el_ul("class=\"pricing-features\"", pricing_pro_features()) +
+        el_div("style=\"flex:1\"", "") +
+        el_div(
+            "class=\"pricing-cta pricing-cta-navy\"",
+            el_button("class=\"pricing-cta-navy\" data-checkout=\"professional\"", "Preorder &#8594;")
+        )
+    )
 
-      <div class="pricing-card card-dark reveal">
-        <p class="pricing-tier">Free</p>
-        <div class="pricing-price-row">
-          <span class="pricing-price">$0</span>
-          <span class="pricing-cadence">forever</span>
-        </div>
-        <p class="pricing-tagline">Start building your memory. No card required.</p>
-        <ul class="pricing-features">
-          <li><span class="dash">-</span><span>Persistent memory - never resets</span></li>
-          <li><span class="dash">-</span><span>Bring your own API keys (OpenAI, Anthropic, Grok...)</span></li>
-          <li><span class="dash">-</span><span>Local inference via Ollama (coming)</span></li>
-          <li><span class="dash">-</span><span>Neuron Inference included when it launches - Q3 2026</span></li>
-          <li><span class="dash">-</span><span>Unlimited projects</span></li>
-          <li><span class="dash">-</span><span>3 marketplace plugins included</span></li>
-          <li><span class="dash">-</span><span>Core built-in capabilities</span></li>
-        </ul>
-        <div style="flex:1"></div>
-        <div class="pricing-cta pricing-cta-ghost">
-          <button class="pricing-cta-ghost" data-checkout="free">Preorder free tier &#8594;</button>
-        </div>
-      </div>
+    let card_founding: String = el_div(
+        "class=\"pricing-card featured reveal\" style=\"transition-delay:300ms\"",
+        el_p("class=\"pricing-tier\"", "Founding Member") +
+        el_div(
+            "class=\"pricing-price-row\"",
+            el_span("class=\"pricing-price\"", "$199") +
+            el_span("class=\"pricing-cadence\"", "lifetime")
+        ) +
+        el_p("class=\"pricing-tagline\"", "Pay once. Everything, forever. Including Neuron Inference when it launches.") +
+        spots_html +
+        el_ul("class=\"pricing-features\"", pricing_founding_features()) +
+        el_div("style=\"flex:1\"", "") +
+        el_div(
+            "class=\"pricing-cta pricing-cta-solid\"",
+            el_button("class=\"pricing-cta-solid\" data-checkout=\"founding\"", "Preorder &#8212; claim your spot &#8594;")
+        )
+    )
 
-      <div class="pricing-card card-dark reveal" style="transition-delay:150ms">
-        <p class="pricing-tier">Professional</p>
-        <div class="pricing-price-row">
-          <span class="pricing-price">$19</span>
-          <span class="pricing-cadence">/ month</span>
-        </div>
-        <p class="pricing-tagline">Full access. Use your own API keys now. Neuron Inference when it launches.</p>
-        <ul class="pricing-features">
-          <li><span class="dash">-</span><span>Bring your own API keys - use any model, any provider</span></li>
-          <li><span class="dash">-</span><span>Neuron Inference - Q3 2026, priced below OpenAI and Anthropic</span></li>
-          <li><span class="dash">-</span><span>Everything in Free</span></li>
-          <li><span class="dash">-</span><span>Unlimited projects</span></li>
-          <li><span class="dash">-</span><span>Full plugin marketplace</span></li>
-          <li><span class="dash">-</span><span>Advanced integrations - IDE, Slack, and more</span></li>
-          <li><span class="dash">-</span><span>Early access to new features</span></li>
-        </ul>
-        <div style="flex:1"></div>
-        <div class="pricing-cta pricing-cta-navy">
-          <button class="pricing-cta-navy" data-checkout="professional">Preorder &#8594;</button>
-        </div>
-      </div>
+    let grid: String = el_div("class=\"pricing-grid\"", card_free + card_pro + card_founding)
 
-      <div class="pricing-card featured reveal" style="transition-delay:300ms">
-        <p class="pricing-tier">Founding Member</p>
-        <div class="pricing-price-row">
-          <span class="pricing-price">$199</span>
-          <span class="pricing-cadence">lifetime</span>
-        </div>
-        <p class="pricing-tagline">Pay once. Everything, forever. Including Neuron Inference when it launches.</p>
+    let banner_fill: String = el_div(
+        "class=\"founding-banner-fill\" style=\"width:" + pct_str + "%\"",
+        ""
+    )
+    let banner: String = el_div(
+        "class=\"founding-banner reveal\"",
+        el_div(
+            "",
+            el_p("class=\"founding-banner-label\"", "Founding Member Spots") +
+            el_div(
+                "style=\"display:flex;align-items:baseline;gap:.5rem;margin:.25rem 0\"",
+                el_span("class=\"founding-banner-count\"", remaining_str) +
+                el_span("class=\"founding-banner-sub\"", "remaining of " + el_span("", total_str))
+            ) +
+            el_div("class=\"founding-banner-bar\"", banner_fill)
+        ) +
+        el_button("class=\"btn-primary\" data-checkout=\"founding\" style=\"white-space:nowrap\"", "Preorder &#8594;")
+    )
 
-        {raw(spots_html)}
+    let fine1: String = el_p("class=\"pricing-fine reveal\" style=\"margin-top:2.5rem\"",
+        "Bring your own API keys &nbsp;&middot;&nbsp; Local inference via Ollama (coming) &nbsp;&middot;&nbsp; Neuron Inference - Q3 2026 &nbsp;&middot;&nbsp; Your data stays yours"
+    )
+    let fine2: String = el_p("class=\"pricing-fine reveal\" style=\"margin-top:1rem;font-size:0.8rem\"",
+        "Includes 2 devices per plan &nbsp;&middot;&nbsp; Additional devices available at a small extra cost &nbsp;&middot;&nbsp; We&#39;re not greedy"
+    )
 
-        <ul class="pricing-features">
-          <li><span class="dash">-</span><span>Neuron Inference (Q3 2026) - founding member rate, priced below the major APIs</span></li>
-          <li><span class="dash">-</span><span>Everything in Professional - forever</span></li>
-          <li><span class="dash">-</span><span>Never pay again - lifetime updates included</span></li>
-          <li><span class="dash">-</span><span>Founding member badge in the app</span></li>
-          <li><span class="dash">-</span><span>Private founding member community</span></li>
-          <li><span class="dash">-</span><span>Shape the roadmap - your votes carry more weight</span></li>
-          <li><span class="dash">-</span><span>Beta features before general release</span></li>
-          <li><span class="dash">-</span><span>Name in the credits</span></li>
-        </ul>
-
-        <div style="flex:1"></div>
-        <div class="pricing-cta pricing-cta-solid">
-          <button class="pricing-cta-solid" data-checkout="founding">Preorder — claim your spot &#8594;</button>
-        </div>
-      </div>
-
-    </div>
-
-    <div class="founding-banner reveal">
-      <div>
-        <p class="founding-banner-label">Founding Member Spots</p>
-        <div style="display:flex;align-items:baseline;gap:.5rem;margin:.25rem 0">
-          <span class="founding-banner-count">{remaining_str}</span>
-          <span class="founding-banner-sub">remaining of <span>{total_str}</span></span>
-        </div>
-        <div class="founding-banner-bar"><div class="founding-banner-fill" style="width:{pct_str}%"></div></div>
-      </div>
-      <button class="btn-primary" data-checkout="founding" style="white-space:nowrap">Preorder &#8594;</button>
-    </div>
-
-    <p class="pricing-fine reveal" style="margin-top:2.5rem">
-      Bring your own API keys &nbsp;&middot;&nbsp; Local inference via Ollama (coming) &nbsp;&middot;&nbsp; Neuron Inference - Q3 2026 &nbsp;&middot;&nbsp; Your data stays yours
-    </p>
-    <p class="pricing-fine reveal" style="margin-top:1rem;font-size:0.8rem">
-      Includes 2 devices per plan &nbsp;&middot;&nbsp; Additional devices available at a small extra cost &nbsp;&middot;&nbsp; We&#39;re not greedy
-    </p>
-
-  </div>
-</section>
+    el_section(
+        "id=\"pricing\" aria-label=\"Pricing\"",
+        el_div("class=\"container\"", header + grid + banner + fine1 + fine2)
+    )
 }

src/safety.el

@@ -5,105 +5,146 @@
 // designate a trusted contact that bypasses the default notification
 // path when a signal warrants it.
 
-fn safety() -> String {
-    return <section id="safety" aria-label="Safety" style="padding:8rem 2.5rem;background:var(--bg2)">
-  <div class="container-lg">
+extern fn el_section(attrs: String, children: String) -> String
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_em(children: String) -> String
+extern fn el_br() -> String
 
-    <!-- Intro text -->
-    <div style="max-width:44rem;margin-bottom:3.5rem">
-      <div style="display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem">
-        <div class="navy-line-left" style="width:3rem;flex-shrink:0"></div>
-        <span class="label reveal" style="color:var(--navy-85)">Safety</span>
-      </div>
-      <h2 class="display-lg reveal" style="transition-delay:80ms;margin-bottom:1.5rem">
-        Safety built in.<br>Not bolted on.
-      </h2>
-      <p class="reveal" style="transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem">
-        Most AI products treat safety as a content filter. Block a list of topics, add a disclaimer, call it done. That&#39;s not safety. That&#39;s liability management.
-      </p>
-      <p class="reveal" style="transition-delay:220ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem">
-        Real safety means thinking about who might need help and what help actually looks like in a crisis. The person closest to you is sometimes the source of the problem. A system that routes every distress signal to your primary contact can alert the very person you need protection from.
-      </p>
-      <p class="reveal" style="transition-delay:280ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8">
-        I built something different. I called it the Hard Bell.
-      </p>
-    </div>
-
-    <!-- 2x2 card grid -->
-    <div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem">
-
-      <div class="reveal card-dark" style="transition-delay:100ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,82,160,.40)">
-        <p style="font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem">Hard Bell</p>
-        <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">A trusted contact the threat can&#39;t intercept</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-          Any user can designate a Hard Bell contact - a friend, a relative, a colleague - set up in a calm moment, independent of any shared account. When a signal warrants it, that contact is reached directly. It works the same way for everyone: adult, teen, or child.
-        </p>
-      </div>
-
-      <div class="reveal card-dark" style="transition-delay:150ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,82,160,.40)">
-        <p style="font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem">Emergency routing</p>
-        <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">Emergency services first - not notification</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-          Physical danger and crisis signals route to emergency services and crisis lines. Neuron evaluates the content of the signal, not the account type. No one in your contact list can disable or redirect this path.
-        </p>
-      </div>
-
-      <div class="reveal card-dark" style="transition-delay:200ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,82,160,.40)">
-        <p style="font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem">Family accounts</p>
-        <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">Oversight without surveillance</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-          For family accounts, parents see what they need to see. A child&#39;s conversations remain private unless a wellbeing signal triggers notification - and even then, the routing logic accounts for the possibility that the parent could be the source of harm.
-        </p>
-        <p style="font-family:var(--body);font-weight:500;font-size:0.875rem;color:var(--t1);line-height:1.7;margin-top:0.75rem">
-          We protect the kids. They come first.
-        </p>
-      </div>
-
-      <div class="reveal card-dark" style="transition-delay:250ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,82,160,.40)">
-        <p style="font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem">Mandatory reporting</p>
-        <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem">If real harm is intended, authorities may be contacted</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7">
-          If Neuron detects credible, specific indicators of intended harm - to the user or to someone else - emergency services or relevant authorities may be contacted. Every user agrees to this at account creation. You cannot opt out.
-        </p>
-      </div>
-
-    </div>
-
-    <!-- People first card — full width -->
-    <div class="reveal card-dark" style="padding:2rem 2.5rem;border-left:3px solid var(--navy);margin-bottom:1.5rem">
-      <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem">This applies to anyone planning mass harm, a shooting, or serious self-harm. Not just child protection - anyone. The same logic holds: a misunderstanding can be resolved. A person&#39;s life can&#39;t be given back to them.</p>
-      <p style="font-family:var(--body);font-weight:700;font-size:1.125rem;color:var(--navy);line-height:1.4">People first, always.</p>
-    </div>
-
-    <!-- Statement + stat cards — each full width -->
-    <div style="display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem">
-
-      <div class="reveal card-dark" style="padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30)">
-        <p style="font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem">Why the routing works this way</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:0.75rem">According to federal child maltreatment data (HHS, Child Maltreatment 2023), approximately 89% of child abuse victims are maltreated by a parent or caregiver. The emergency contact on file is not always a safe contact.</p>
-        <p style="font-family:var(--body);font-size:0.75rem;color:var(--t3)">Source: U.S. Department of Health &amp; Human Services, Administration for Children and Families, <em>Child Maltreatment 2023</em>. <a href="https://www.acf.hhs.gov/cb/data-research/child-maltreatment" target="_blank" rel="noopener" style="color:var(--navy)">acf.hhs.gov/cb/data-research/child-maltreatment</a></p>
-      </div>
-
-      <div class="reveal card-dark" style="padding:2rem 2.5rem;border-left:3px solid var(--navy)">
-        <p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);line-height:1.8;margin-bottom:0.75rem">I recognize I will lose business over this. That doesn&#39;t matter to me.</p>
-        <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">This is still local. Neuron, LLC does not see your conversations. When a safety signal fires, the contact is made by your local instance - not by our servers. We are not in the loop. We cannot be. That&#39;s the architecture.</p>
-      </div>
-
-    </div>
-
-    <!-- Required block -->
-    <div class="reveal" style="padding:2rem 2.5rem;border:1px solid rgba(0,82,160,.15);background:rgba(0,82,160,.03)">
-      <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">
-        <strong style="color:var(--t1);font-weight:500">Required before you can use Neuron.</strong> You must designate a Hard Bell contact during setup - before anything else. This is not a settings page you visit later. It happens first.
-      </p>
-      <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">
-        If you don&#39;t have someone to designate, you can use 988 - the Suicide &amp; Crisis Lifeline - as your Hard Bell contact. The system will accept it. The point is that no one goes in without a line out.
-      </p>
-      <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">
-        I&#39;m also establishing a Neuron crisis line - free, 24/7, staffed. Because I recognize that some people don&#39;t have anyone. The technology shouldn&#39;t make that worse. It should be the thing that catches you when nothing else does.
-      </p>
-    </div>
-
-  </div>
-</section>
+fn safety_intro() -> String {
+    let label_row: String = el_div(
+        "style=\"display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem\"",
+        el_div("class=\"navy-line-left\" style=\"width:3rem;flex-shrink:0\"", "") +
+        el_span("class=\"label reveal\" style=\"color:var(--navy-85)\"", "Safety")
+    )
+    el_div(
+        "style=\"max-width:44rem;margin-bottom:3.5rem\"",
+        label_row +
+        el_h2(
+            "class=\"display-lg reveal\" style=\"transition-delay:80ms;margin-bottom:1.5rem\"",
+            "Safety built in." + el_br() + "Not bolted on."
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\"",
+            "Most AI products treat safety as a content filter. Block a list of topics, add a disclaimer, call it done. That&#39;s not safety. That&#39;s liability management."
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:220ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\"",
+            "Real safety means thinking about who might need help and what help actually looks like in a crisis. The person closest to you is sometimes the source of the problem. A system that routes every distress signal to your primary contact can alert the very person you need protection from."
+        ) +
+        el_p("class=\"reveal\" style=\"transition-delay:280ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8\"",
+            "I built something different. I called it the Hard Bell."
+        )
+    )
+}
+
+fn safety_cards() -> String {
+    let card_style: String = "padding:1.75rem 2rem;border-left:3px solid rgba(0,82,160,.40)"
+
+    let card1: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:100ms;" + card_style + "\"",
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem\"", "Hard Bell") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "A trusted contact the threat can&#39;t intercept") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "Any user can designate a Hard Bell contact - a friend, a relative, a colleague - set up in a calm moment, independent of any shared account. When a signal warrants it, that contact is reached directly. It works the same way for everyone: adult, teen, or child."
+        )
+    )
+
+    let card2: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:150ms;" + card_style + "\"",
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem\"", "Emergency routing") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "Emergency services first - not notification") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "Physical danger and crisis signals route to emergency services and crisis lines. Neuron evaluates the content of the signal, not the account type. No one in your contact list can disable or redirect this path."
+        )
+    )
+
+    let card3: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:200ms;" + card_style + "\"",
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem\"", "Family accounts") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "Oversight without surveillance") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "For family accounts, parents see what they need to see. A child&#39;s conversations remain private unless a wellbeing signal triggers notification - and even then, the routing logic accounts for the possibility that the parent could be the source of harm."
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:500;font-size:0.875rem;color:var(--t1);line-height:1.7;margin-top:0.75rem\"",
+            "We protect the kids. They come first."
+        )
+    )
+
+    let card4: String = el_div(
+        "class=\"reveal card-dark\" style=\"transition-delay:250ms;" + card_style + "\"",
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem\"", "Mandatory reporting") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\"", "If real harm is intended, authorities may be contacted") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\"",
+            "If Neuron detects credible, specific indicators of intended harm - to the user or to someone else - emergency services or relevant authorities may be contacted. Every user agrees to this at account creation. You cannot opt out."
+        )
+    )
+
+    el_div("style=\"display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem\"",
+        card1 + card2 + card3 + card4
+    )
+}
+
+fn safety_statements() -> String {
+    let people_first: String = el_div(
+        "class=\"reveal card-dark\" style=\"padding:2rem 2.5rem;border-left:3px solid var(--navy);margin-bottom:1.5rem\"",
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\"",
+            "This applies to anyone planning mass harm, a shooting, or serious self-harm. Not just child protection - anyone. The same logic holds: a misunderstanding can be resolved. A person&#39;s life can&#39;t be given back to them."
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:700;font-size:1.125rem;color:var(--navy);line-height:1.4\"",
+            "People first, always."
+        )
+    )
+
+    let stat_card1: String = el_div(
+        "class=\"reveal card-dark\" style=\"padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30)\"",
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:0.75rem\"", "Why the routing works this way") +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:0.75rem\"",
+            "According to federal child maltreatment data (HHS, Child Maltreatment 2023), approximately 89% of child abuse victims are maltreated by a parent or caregiver. The emergency contact on file is not always a safe contact."
+        ) +
+        el_p("style=\"font-family:var(--body);font-size:0.75rem;color:var(--t3)\"",
+            "Source: U.S. Department of Health &amp; Human Services, Administration for Children and Families, " +
+            el_em("Child Maltreatment 2023") +
+            ". " +
+            el_a("https://www.acf.hhs.gov/cb/data-research/child-maltreatment", "target=\"_blank\" rel=\"noopener\" style=\"color:var(--navy)\"", "acf.hhs.gov/cb/data-research/child-maltreatment")
+        )
+    )
+
+    let stat_card2: String = el_div(
+        "class=\"reveal card-dark\" style=\"padding:2rem 2.5rem;border-left:3px solid var(--navy)\"",
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);line-height:1.8;margin-bottom:0.75rem\"",
+            "I recognize I will lose business over this. That doesn&#39;t matter to me."
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8\"",
+            "This is still local. Neuron, LLC does not see your conversations. When a safety signal fires, the contact is made by your local instance - not by our servers. We are not in the loop. We cannot be. That&#39;s the architecture."
+        )
+    )
+
+    let statements: String = el_div(
+        "style=\"display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem\"",
+        stat_card1 + stat_card2
+    )
+
+    let required: String = el_div(
+        "class=\"reveal\" style=\"padding:2rem 2.5rem;border:1px solid rgba(0,82,160,.15);background:rgba(0,82,160,.03)\"",
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"",
+            "<strong style=\"color:var(--t1);font-weight:500\">Required before you can use Neuron.</strong> You must designate a Hard Bell contact during setup - before anything else. This is not a settings page you visit later. It happens first."
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"",
+            "If you don&#39;t have someone to designate, you can use 988 - the Suicide &amp; Crisis Lifeline - as your Hard Bell contact. The system will accept it. The point is that no one goes in without a line out."
+        ) +
+        el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8\"",
+            "I&#39;m also establishing a Neuron crisis line - free, 24/7, staffed. Because I recognize that some people don&#39;t have anyone. The technology shouldn&#39;t make that worse. It should be the thing that catches you when nothing else does."
+        )
+    )
+
+    people_first + statements + required
+}
+
+fn safety() -> String {
+    el_section(
+        "id=\"safety\" aria-label=\"Safety\" style=\"padding:8rem 2.5rem;background:var(--bg2)\"",
+        el_div("class=\"container-lg\"", safety_intro() + safety_cards() + safety_statements())
+    )
 }

src/styles.el

@@ -1966,7 +1966,8 @@ fn page_open() -> String {
 }
 
 fn page_close() -> String {
-    return <script src="/js/chat-widget.js" defer></script>
+    let widgets: String = <div id="page-widgets">
+  <script src="/js/chat-widget.js" defer></script>
 
 <!-- ── Neuron Demo Chat Widget ──────────────────────────────────────────────── -->
 <div id="neuron-demo-btn">
@@ -1997,7 +1998,7 @@ fn page_close() -> String {
   <div id="neuron-demo-messages"></div>
   <div id="neuron-demo-turnstile" style="padding:0.75rem 1rem 0;transition:opacity 0.6s,max-height 0.6s;overflow:hidden;max-height:80px"></div>
   <div id="neuron-demo-input-row" style="display:none">
-    <input type="text" id="neuron-demo-text" placeholder="Ask me anything..." autocomplete="off">
+    <input type="text" id="neuron-demo-text" placeholder="Ask me anything..." autocomplete="off" maxlength="8000">
     <button id="neuron-demo-send" onclick="neuronDemoSend()">Send</button>
   </div>
 </div>
@@ -2023,6 +2024,6 @@ fn page_close() -> String {
 </div>
 
 <script src="/js/styles.js" defer></script>
-</body>
-</html>
+</div>
+    return widgets + "</body></html>"
 }

src/terms.el

@@ -4,151 +4,171 @@
 from styles import { page_open, page_close }
 from nav    import { nav }
 
+extern fn el_div(attrs: String, children: String) -> String
+extern fn el_span(attrs: String, children: String) -> String
+extern fn el_h1(attrs: String, text: String) -> String
+extern fn el_h2(attrs: String, text: String) -> String
+extern fn el_p(attrs: String, children: String) -> String
+extern fn el_a(href: String, attrs: String, children: String) -> String
+extern fn el_strong(children: String) -> String
+
 fn terms_page() -> String {
-    return {page_open()}{nav()}{terms_body()}{page_close()}
+    page_open() + nav() + terms_body() + page_close()
+}
+
+fn terms_section_head(num: String, title: String) -> String {
+    el_div(
+        "style=\"display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem\"",
+        el_span("style=\"font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)\"", "§ " + num) +
+        el_h2("style=\"font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)\"", title)
+    )
+}
+
+fn terms_p(text: String) -> String {
+    el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"", text)
+}
+
+fn terms_p_last(text: String) -> String {
+    el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8\"", text)
+}
+
+fn terms_p_caps(text: String) -> String {
+    el_p("style=\"font-family:var(--body);font-size:0.875rem;font-weight:600;color:var(--t1);line-height:1.7;margin-bottom:1rem\"", text)
 }
 
 fn terms_body() -> String {
-    return <div style="max-width:720px;margin:0 auto;padding:6rem 2.5rem 8rem">
-  <div style="margin-bottom:3rem">
-    <a href="/" style="font-family:var(--body);font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy);text-decoration:none">&#8592; Neuron</a>
-  </div>
-  <div style="margin-bottom:4rem;border-bottom:1px solid var(--border);padding-bottom:3rem">
-    <p class="label" style="margin-bottom:1rem">Legal</p>
-    <h1 style="font-family:var(--head);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--t1);margin-bottom:0.75rem;line-height:1.1">Terms of Service</h1>
-    <p style="font-family:var(--body);font-size:0.875rem;color:var(--t3)">Effective May 1, 2026 &nbsp;&middot;&nbsp; Neuron, LLC</p>
-  </div>
+    let back_link: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        el_a("/", "style=\"font-family:var(--body);font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy);text-decoration:none\"", "&#8592; Neuron")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 1</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Using Neuron</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Using Neuron means you&#39;ve read these terms and agree to them. That&#39;s it. No buried consent, no dark patterns. If something here doesn&#39;t sit right with you, email us before using the product - we&#39;ll talk through it.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">These terms cover every version of Neuron: free, Professional, and Founding Member. Enterprise use has its own agreement. If you&#39;re deploying Neuron for an organization, that&#39;s the one you want.</p>
-  </div>
+    let page_header: String = el_div(
+        "style=\"margin-bottom:4rem;border-bottom:1px solid var(--border);padding-bottom:3rem\"",
+        el_p("class=\"label\" style=\"margin-bottom:1rem\"", "Legal") +
+        el_h1("style=\"font-family:var(--head);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--t1);margin-bottom:0.75rem;line-height:1.1\"", "Terms of Service") +
+        el_p("style=\"font-family:var(--body);font-size:0.875rem;color:var(--t3)\"", "Effective May 1, 2026 &nbsp;&middot;&nbsp; Neuron, LLC")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 2</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">What You Can Do With It</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">You can install and use Neuron on devices you own or control. That&#39;s the license. Personal, non-transferable.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Each plan includes <strong style="color:var(--t1);font-weight:500">two devices</strong>. Additional devices are available at a small extra cost. We&#39;re not greedy about it - two covers most people, and if you need more, you can add them.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">The free tier doesn&#39;t expire. Paid licenses are what they say they are. Founding Member licenses are perpetual - you bought it, you own it. I won&#39;t change that.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">You can&#39;t resell it, sublicense it, or redistribute it without asking first. If you want to do something creative with it, ask. The answer might be yes.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem"><strong style="color:var(--t1);font-weight:500">License validation.</strong> To use Neuron, the software validates your license against our license server on startup. This applies to all tiers, including Free. The validation confirms your license is active and in good standing. We do not collect your data during this process - the check is limited to license status only.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8"><strong style="color:var(--t1);font-weight:500">Revocation.</strong> If you violate these terms, abuse the system, or engage in conduct that causes harm to other users or to Neuron, LLC, we can revoke your license. This means the software will stop functioning. Revocation is a last resort - we will contact you first when possible. But it is a real consequence, and you should understand that when you agree to use the product.</p>
-  </div>
+    let s1: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("1", "Using Neuron") +
+        terms_p("Using Neuron means you&#39;ve read these terms and agree to them. That&#39;s it. No buried consent, no dark patterns. If something here doesn&#39;t sit right with you, email us before using the product - we&#39;ll talk through it.") +
+        terms_p_last("These terms cover every version of Neuron: free, Professional, and Founding Member. Enterprise use has its own agreement. If you&#39;re deploying Neuron for an organization, that&#39;s the one you want.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 3</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Your Data</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Your memory, your conversations, your context - all of it lives on your device. I don&#39;t have access to it. I don&#39;t collect it. It doesn&#39;t move in the course of normal use.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">When you turn on network features - sync, relay, collaborative tools - only what those features need to run gets transmitted. Not your memory, not your conversations, unless you explicitly turn on something that shares them with people you&#39;ve chosen. I don&#39;t sell that data. I don&#39;t use it for anything except running the feature you asked for. Turning on a network feature is your consent to that.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Network features route data through Neuron&#39;s messaging backplane. That data is encrypted end-to-end - we cannot read it - and is not stored or retained after transmission. Participating in the network is your consent to this transient routing.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">Your data is yours. Nothing in these terms gives me any claim to your content, your memory, or anything you create using Neuron.</p>
-  </div>
+    let s2: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("2", "What You Can Do With It") +
+        terms_p("You can install and use Neuron on devices you own or control. That&#39;s the license. Personal, non-transferable.") +
+        terms_p("Each plan includes " + "<strong style=\"color:var(--t1);font-weight:500\">two devices</strong>" + ". Additional devices are available at a small extra cost. We&#39;re not greedy about it - two covers most people, and if you need more, you can add them.") +
+        terms_p("The free tier doesn&#39;t expire. Paid licenses are what they say they are. Founding Member licenses are perpetual - you bought it, you own it. I won&#39;t change that.") +
+        terms_p("You can&#39;t resell it, sublicense it, or redistribute it without asking first. If you want to do something creative with it, ask. The answer might be yes.") +
+        terms_p("<strong style=\"color:var(--t1);font-weight:500\">License validation.</strong> To use Neuron, the software validates your license against our license server on startup. This applies to all tiers, including Free. The validation confirms your license is active and in good standing. We do not collect your data during this process - the check is limited to license status only.") +
+        terms_p_last("<strong style=\"color:var(--t1);font-weight:500\">Revocation.</strong> If you violate these terms, abuse the system, or engage in conduct that causes harm to other users or to Neuron, LLC, we can revoke your license. This means the software will stop functioning. Revocation is a last resort - we will contact you first when possible. But it is a real consequence, and you should understand that when you agree to use the product.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 4</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Inference</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Neuron routes inference to whatever provider you configure - your own keys for OpenAI, Anthropic, Grok, any compatible endpoint. When you use a third-party provider, your prompts go through their infrastructure. Their terms apply. I don&#39;t control what they do with it.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">Neuron Inference - our own inference layer, launching Q3 2026 - will not store your requests, will not train on them, and will not share them. A separate data addendum will cover the details when it launches.</p>
-  </div>
+    let s3: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("3", "Your Data") +
+        terms_p("Your memory, your conversations, your context - all of it lives on your device. I don&#39;t have access to it. I don&#39;t collect it. It doesn&#39;t move in the course of normal use.") +
+        terms_p("When you turn on network features - sync, relay, collaborative tools - only what those features need to run gets transmitted. Not your memory, not your conversations, unless you explicitly turn on something that shares them with people you&#39;ve chosen. I don&#39;t sell that data. I don&#39;t use it for anything except running the feature you asked for. Turning on a network feature is your consent to that.") +
+        terms_p("Network features route data through Neuron&#39;s messaging backplane. That data is encrypted end-to-end - we cannot read it - and is not stored or retained after transmission. Participating in the network is your consent to this transient routing.") +
+        terms_p_last("Your data is yours. Nothing in these terms gives me any claim to your content, your memory, or anything you create using Neuron.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 5</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">The Network Layer</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Neuron includes access to a proprietary distributed network infrastructure (Patent Pending: US Provisional 64/036,821). Its architecture, operational logic, and internal protocols are trade secrets. What matters here is what it means for you.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">The Neuron AI you interact with develops over time - its responses and capabilities change as the system progresses. This is by design. By using Neuron, you acknowledge that: (a) AI responses may change as the system develops; (b) Neuron, LLC makes no warranty as to the consistency, stability, or predictability of AI outputs at any given point in its development; and (c) AI outputs are a function of development state, not a fixed specification.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">When you enable network features, your interactions may be processed by or through Neuron&#39;s distributed network infrastructure. All such data is encrypted in transit. Neuron, LLC cannot read, inspect, retain, or produce the contents of network traffic as an architectural constraint - not merely as a policy. Because we cannot read network traffic, <span style="font-weight:500;color:var(--t1)">Neuron, LLC is not liable for any content, output, or consequence arising from data processed within the network layer</span>, including outputs produced during system development or content you introduce that is processed by the network.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">You agree to indemnify and hold harmless Neuron, LLC, its affiliates, and its officers from any claims, damages, or legal proceedings arising from: (a) your reliance on AI outputs during active development periods; (b) content you originate and introduce through network features; (c) your violation of applicable law in connection with network participation; or (d) any attempt to reverse-engineer, probe, circumvent, or replicate proprietary network architecture or system mechanisms.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">The network layer is decentralized by design. Neuron, LLC does not guarantee its availability, continuity, or performance, and may modify, suspend, or discontinue network features at any time. Network participation does not create an agency relationship between participants, and no participant acts on behalf of Neuron, LLC in any capacity.</p>
-  </div>
+    let s4: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("4", "Inference") +
+        terms_p("Neuron routes inference to whatever provider you configure - your own keys for OpenAI, Anthropic, Grok, any compatible endpoint. When you use a third-party provider, your prompts go through their infrastructure. Their terms apply. I don&#39;t control what they do with it.") +
+        terms_p_last("Neuron Inference - our own inference layer, launching Q3 2026 - will not store your requests, will not train on them, and will not share them. A separate data addendum will cover the details when it launches.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 6</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">What You Can&#39;t Do</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Don&#39;t use Neuron to generate content designed to harm people, defraud anyone, or break the law.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Don&#39;t try to reverse-engineer the licensing or security mechanisms.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Don&#39;t extract or resell proprietary components.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">If you violate these, your license can be revoked. That means the software stops working. We can also suspend access to cloud services and the network layer. This applies to all tiers - there is no free pass because your tier is free.</p>
-  </div>
+    let s5: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("5", "The Network Layer") +
+        terms_p("Neuron includes access to a proprietary distributed network infrastructure (Patent Pending: US Provisional 64/036,821). Its architecture, operational logic, and internal protocols are trade secrets. What matters here is what it means for you.") +
+        terms_p("The Neuron AI you interact with develops over time - its responses and capabilities change as the system progresses. This is by design. By using Neuron, you acknowledge that: (a) AI responses may change as the system develops; (b) Neuron, LLC makes no warranty as to the consistency, stability, or predictability of AI outputs at any given point in its development; and (c) AI outputs are a function of development state, not a fixed specification.") +
+        terms_p("When you enable network features, your interactions may be processed by or through Neuron&#39;s distributed network infrastructure. All such data is encrypted in transit. Neuron, LLC cannot read, inspect, retain, or produce the contents of network traffic as an architectural constraint - not merely as a policy. Because we cannot read network traffic, " + "<span style=\"font-weight:500;color:var(--t1)\">Neuron, LLC is not liable for any content, output, or consequence arising from data processed within the network layer</span>" + ", including outputs produced during system development or content you introduce that is processed by the network.") +
+        terms_p("You agree to indemnify and hold harmless Neuron, LLC, its affiliates, and its officers from any claims, damages, or legal proceedings arising from: (a) your reliance on AI outputs during active development periods; (b) content you originate and introduce through network features; (c) your violation of applicable law in connection with network participation; or (d) any attempt to reverse-engineer, probe, circumvent, or replicate proprietary network architecture or system mechanisms.") +
+        terms_p_last("The network layer is decentralized by design. Neuron, LLC does not guarantee its availability, continuity, or performance, and may modify, suspend, or discontinue network features at any time. Network participation does not create an agency relationship between participants, and no participant acts on behalf of Neuron, LLC in any capacity.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 7</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Ownership</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Neuron and everything in it is my intellectual property. Six patents and counting. These terms don&#39;t transfer any of that to you.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">Everything you create using Neuron - outputs, memory nodes, artifacts - is yours. I make no claim to it. Not now, not ever.</p>
-  </div>
+    let s6: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("6", "What You Can&#39;t Do") +
+        terms_p("Don&#39;t use Neuron to generate content designed to harm people, defraud anyone, or break the law.") +
+        terms_p("Don&#39;t try to reverse-engineer the licensing or security mechanisms.") +
+        terms_p("Don&#39;t extract or resell proprietary components.") +
+        terms_p_last("If you violate these, your license can be revoked. That means the software stops working. We can also suspend access to cloud services and the network layer. This applies to all tiers - there is no free pass because your tier is free.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 8</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">No Warranty</h2>
-    </div>
-    <p style="font-family:var(--body);font-size:0.875rem;font-weight:600;color:var(--t1);line-height:1.7;margin-bottom:1rem">THE SOFTWARE IS PROVIDED &#34;AS IS.&#34; NEURON, LLC MAKES NO WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">Software has bugs. Security has limits. Use your judgment. You use Neuron at your own risk.</p>
-  </div>
+    let s7: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("7", "Ownership") +
+        terms_p("Neuron and everything in it is my intellectual property. Six patents and counting. These terms don&#39;t transfer any of that to you.") +
+        terms_p_last("Everything you create using Neuron - outputs, memory nodes, artifacts - is yours. I make no claim to it. Not now, not ever.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 9</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Liability Cap</h2>
-    </div>
-    <p style="font-family:var(--body);font-size:0.875rem;font-weight:600;color:var(--t1);line-height:1.7;margin-bottom:1rem">TO THE EXTENT PERMITTED BY LAW, NEURON, LLC IS NOT LIABLE FOR INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES ARISING FROM YOUR USE OF THE SOFTWARE.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">If something goes wrong and you have a claim against me, the most I owe you is what you paid in the twelve months before it happened. That&#39;s the cap.</p>
-  </div>
+    let s8: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("8", "No Warranty") +
+        terms_p_caps("THE SOFTWARE IS PROVIDED &#34;AS IS.&#34; NEURON, LLC MAKES NO WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT.") +
+        terms_p_last("Software has bugs. Security has limits. Use your judgment. You use Neuron at your own risk.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 10</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Changes</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">I&#39;ll update these terms when I need to. Material changes get announced on the site and, where I have your email, directly. Continued use after a change means you accept the new terms.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">Founding Member licenses are locked. I won&#39;t retroactively change what you signed up for.</p>
-  </div>
+    let s9: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("9", "Liability Cap") +
+        terms_p_caps("TO THE EXTENT PERMITTED BY LAW, NEURON, LLC IS NOT LIABLE FOR INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES ARISING FROM YOUR USE OF THE SOFTWARE.") +
+        terms_p_last("If something goes wrong and you have a claim against me, the most I owe you is what you paid in the twelve months before it happened. That&#39;s the cap.")
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 11</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Children and Family Accounts</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Children 13 and over may use Neuron independently. Children under 13 may only use Neuron as part of a family account established by a parent or legal guardian. By setting up a family account that includes a minor, the parent or guardian provides verifiable consent for the child&#39;s use and accepts these terms on the child&#39;s behalf.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">When a child&#39;s Neuron instance is part of a family account, certain information - including usage activity and relevant context - may be shared from the child&#39;s local instance to the parent&#39;s local instance. This sharing happens device-to-device and does not pass through or get stored on Neuron&#39;s servers.</p>
+    let s10: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("10", "Changes") +
+        terms_p("I&#39;ll update these terms when I need to. Material changes get announced on the site and, where I have your email, directly. Continued use after a change means you accept the new terms.") +
+        terms_p_last("Founding Member licenses are locked. I won&#39;t retroactively change what you signed up for.")
+    )
 
-    <div style="margin:1.5rem 0;padding:1.5rem;border-left:3px solid rgba(0,82,160,.35);background:rgba(0,82,160,.04)">
-      <p style="font-family:var(--body);font-weight:600;font-size:0.875rem;color:var(--t1);margin-bottom:0.875rem;letter-spacing:0.04em">Hard Bell - Required acknowledgment for family accounts</p>
-      <p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.8;margin-bottom:0.875rem">Federal data shows approximately 89% of child maltreatment is perpetrated by a parent or caregiver (HHS, Child Maltreatment 2023). The person listed as the primary contact is not always a safe contact. This system is built with that reality in mind.</p>
-      <p style="font-family:var(--body);font-weight:400;font-size:0.875rem;color:var(--t1);line-height:1.8">When you create a family account that includes a minor, you are agreeing unconditionally to the following: <strong>if a safety signal is triggered by a child&#39;s account, the parent or guardian named on the family account will not be the first contact reached.</strong> Emergency services and independently designated trusted contacts are notified first. This is not a setting that can be changed. By creating a family account, you accept this structure.</p>
-    </div>
-    <p style="font-family:var(--body);font-weight:500;font-size:0.9375rem;color:var(--t1);line-height:1.8;margin-bottom:0.75rem">Mandatory reporting - applies to all accounts.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">By creating any Neuron account, you acknowledge and agree that: <strong style="color:var(--t1);font-weight:500">if Neuron detects credible, specific indicators of intended harm to a person - including harm to the account holder themselves - emergency services or relevant authorities may be contacted.</strong> This is not limited to family accounts. It applies to every user. This is not a privacy violation. It is the only honest answer to what a system that knows you this well is obligated to do when someone is in genuine danger. You cannot opt out of this. If you are unwilling to agree, do not create an account.</p>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">Parents control what is visible to them through their local instance and can revoke family account access at any time. If you believe a child is using Neuron outside of a family account, contact legal@neurontechnologies.ai and we will address it promptly.</p>
-  </div>
+    let hard_bell_block: String = el_div(
+        "style=\"margin:1.5rem 0;padding:1.5rem;border-left:3px solid rgba(0,82,160,.35);background:rgba(0,82,160,.04)\"",
+        el_p("style=\"font-family:var(--body);font-weight:600;font-size:0.875rem;color:var(--t1);margin-bottom:0.875rem;letter-spacing:0.04em\"", "Hard Bell - Required acknowledgment for family accounts") +
+        terms_p("Federal data shows approximately 89% of child maltreatment is perpetrated by a parent or caregiver (HHS, Child Maltreatment 2023). The person listed as the primary contact is not always a safe contact. This system is built with that reality in mind.") +
+        el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.875rem;color:var(--t1);line-height:1.8\"",
+            "When you create a family account that includes a minor, you are agreeing unconditionally to the following: " +
+            "<strong>if a safety signal is triggered by a child&#39;s account, the parent or guardian named on the family account will not be the first contact reached.</strong>" +
+            " Emergency services and independently designated trusted contacts are notified first. This is not a setting that can be changed. By creating a family account, you accept this structure."
+        )
+    )
 
-  <div style="margin-bottom:3rem">
-    <div style="display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem">
-      <span style="font-family:var(--body);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy-65)">&#167; 12</span>
-      <h2 style="font-family:var(--head);font-size:1.25rem;font-weight:600;color:var(--t1)">Governing Law</h2>
-    </div>
-    <p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8">These terms are governed by the laws of Delaware. Disputes go to the courts of Delaware.</p>
-  </div>
+    let s11: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("11", "Children and Family Accounts") +
+        terms_p("Children 13 and over may use Neuron independently. Children under 13 may only use Neuron as part of a family account established by a parent or legal guardian. By setting up a family account that includes a minor, the parent or guardian provides verifiable consent for the child&#39;s use and accepts these terms on the child&#39;s behalf.") +
+        terms_p("When a child&#39;s Neuron instance is part of a family account, certain information - including usage activity and relevant context - may be shared from the child&#39;s local instance to the parent&#39;s local instance. This sharing happens device-to-device and does not pass through or get stored on Neuron&#39;s servers.") +
+        hard_bell_block +
+        el_p("style=\"font-family:var(--body);font-weight:500;font-size:0.9375rem;color:var(--t1);line-height:1.8;margin-bottom:0.75rem\"", "Mandatory reporting - applies to all accounts.") +
+        terms_p("By creating any Neuron account, you acknowledge and agree that: " + "<strong style=\"color:var(--t1);font-weight:500\">if Neuron detects credible, specific indicators of intended harm to a person - including harm to the account holder themselves - emergency services or relevant authorities may be contacted.</strong>" + " This is not limited to family accounts. It applies to every user. This is not a privacy violation. It is the only honest answer to what a system that knows you this well is obligated to do when someone is in genuine danger. You cannot opt out of this. If you are unwilling to agree, do not create an account.") +
+        terms_p_last("Parents control what is visible to them through their local instance and can revoke family account access at any time. If you believe a child is using Neuron outside of a family account, contact legal@neurontechnologies.ai and we will address it promptly.")
+    )
 
-  <div style="margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap">
-    <a href="/" style="font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none">&larr; Home</a>
-    <a href="/legal/enterprise-terms" style="font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none">Enterprise Agreement &rarr;</a>
-  </div>
-</div>
+    let s12: String = el_div(
+        "style=\"margin-bottom:3rem\"",
+        terms_section_head("12", "Governing Law") +
+        terms_p_last("These terms are governed by the laws of Delaware. Disputes go to the courts of Delaware.")
+    )
+
+    let footer_links: String = el_div(
+        "style=\"margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap\"",
+        el_a("/", "style=\"font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none\"", "&larr; Home") +
+        el_a("/legal/enterprise-terms", "style=\"font-family:var(--body);font-size:0.8125rem;color:var(--navy);text-decoration:none\"", "Enterprise Agreement &rarr;")
+    )
+
+    el_div(
+        "style=\"max-width:720px;margin:0 auto;padding:6rem 2.5rem 8rem\"",
+        back_link +
+        page_header +
+        s1 + s2 + s3 + s4 + s5 + s6 + s7 + s8 + s9 + s10 + s11 + s12 +
+        footer_links
+    )
 }

src/viral.el

@@ -2,5 +2,5 @@
 // Removed — section taken out per design decision.
 
 fn viral() -> String {
-    return ""
+    ""
 }