neuron-technologies/neuron-web
3
0
Fork 0
Code Issues 2 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

feat: convert web El source to native HTML template syntax

Browse Source 
Replace all return "..." HTML string literals with native El templates —
removes all \" escapes, converts + interpolations to {expr}/{raw(expr)},
and replaces conditional string concatenation with {#if}/{#else}/{/if}.
No functional changes; output is identical.
This commit is contained in:
Will Anderson
2026-05-05 05:18:01 -05:00
parent 1127dcd278
commit 5cb13d67f7
24 changed files with 1443 additions and 1494 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/comparison.el
+108 -110
View File
@@ -1,168 +1,166 @@
// 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\">
return <section id="comparison" aria-label="Comparison" style="padding:8rem 2.5rem;background:var(--bg2)">
<div class="container">
<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 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 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\">
<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\">
<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\">
<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\">
<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\">
<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\">
<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\">
<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 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 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 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 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 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 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 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 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 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>
<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 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 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 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\">
<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\">
<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>
"
}