Hugging Face's logo

Spaces:
AEUPH
/
AetherGenesis
Running

App Files Community
AetherGenesis / index.html
AEUPH's picture
AEUPH
Update index.html
ac6cda7 verified
Raw
History Blame Contribute Delete
54.1 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aether-Genesis Engine</title>
<style>
:root{
--bg:#04060d;--bg2:#070b18;--panel:#0a1124;--panel2:#0d1530;
--cyan:#22e8ff;--blue:#3b82f6;--violet:#8b5cf6;--magenta:#ff3df0;
--green:#3dffb0;--amber:#ffcf5c;--red:#ff5470;
--txt:#dce6ff;--mut:#7d8bb5;--line:rgba(80,140,255,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
background:
radial-gradient(1200px 700px at 80% -10%,rgba(139,92,246,.16),transparent 60%),
radial-gradient(1000px 600px at 0% 20%,rgba(34,232,255,.12),transparent 55%),
linear-gradient(180deg,#04060d,#03040a 60%,#04060d);
color:var(--txt);font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
line-height:1.6;overflow-x:hidden;
}
canvas{display:block}
a{color:var(--cyan);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.mono{font-family:"Consolas","SFMono-Regular",ui-monospace,monospace}
#stars{position:fixed;inset:0;z-index:0;opacity:.9}
header,main,footer{position:relative;z-index:2}
nav{
position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);
background:rgba(4,6,13,.72);border-bottom:1px solid var(--line);
}
nav .wrap{display:flex;align-items:center;gap:18px;height:60px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}
.brand .dot{width:14px;height:14px;border-radius:50%;
background:radial-gradient(circle at 30% 30%,#fff,var(--cyan) 40%,var(--violet));
box-shadow:0 0 16px var(--cyan);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 10px var(--cyan)}50%{box-shadow:0 0 26px var(--violet)}}
nav .links{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
nav .links a{color:var(--mut);font-size:13px;padding:6px 11px;border-radius:8px;transition:.2s}
nav .links a:hover{color:var(--txt);background:rgba(59,130,246,.14)}
.hero{padding:90px 0 50px;text-align:center}
.tagk{display:inline-block;font-size:12px;letter-spacing:3px;text-transform:uppercase;
color:var(--cyan);border:1px solid var(--line);padding:6px 16px;border-radius:30px;
background:rgba(34,232,255,.06)}
.hero h1{font-size:clamp(38px,7vw,84px);font-weight:900;line-height:1.02;margin:22px 0 10px;
background:linear-gradient(110deg,#fff,var(--cyan) 35%,var(--violet) 70%,var(--magenta));
-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1.5px}
.hero p.sub{font-size:clamp(15px,2.2vw,21px);color:var(--mut);max-width:780px;margin:0 auto}
.hero .owner{margin-top:18px;font-size:13px;color:var(--green);letter-spacing:1px}
.hero .cta{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{padding:13px 26px;border-radius:12px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:.2s;font-size:14px}
.btn.p{background:linear-gradient(100deg,var(--cyan),var(--blue));color:#04060d;box-shadow:0 10px 30px rgba(34,232,255,.25)}
.btn.p:hover{transform:translateY(-2px)}
.btn.g{background:transparent;border-color:var(--line);color:var(--txt)}
.btn.g:hover{border-color:var(--cyan);color:var(--cyan)}
.btn.g.active{background:rgba(34,232,255,.1);border-color:var(--cyan);color:#fff;box-shadow:0 0 12px rgba(34,232,255,.25)}
.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}
.stat{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);
border-radius:14px;padding:18px}
.stat .n{font-size:26px;font-weight:900;color:var(--cyan)}
.stat .l{font-size:12px;color:var(--mut);letter-spacing:.5px}
section{padding:64px 0;border-top:1px solid rgba(80,140,255,.07)}
.shead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.shead .ix{font-family:"Consolas",monospace;color:var(--violet);font-weight:800;font-size:14px;letter-spacing:1px}
.shead h2{font-size:clamp(26px,4vw,40px);font-weight:850;letter-spacing:-.5px}
.shead h2 span{background:linear-gradient(100deg,var(--cyan),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.slead{color:var(--mut);max-width:840px;margin-bottom:30px;font-size:15.5px}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g2,.g3,.g4,.statbar{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-1px}}
@media(max-width:620px){.g2,.g3,.g4,.statbar{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);
border-radius:16px;padding:22px;position:relative;overflow:hidden;transition:.25s}
.card:hover{border-color:rgba(34,232,255,.4);transform:translateY(-3px)}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.6}
.card .ph{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--violet);font-weight:800}
.card h3{font-size:18px;margin:8px 0 6px;color:#fff}
.card p{font-size:14px;color:var(--mut)}
.card ul{list-style:none;margin-top:12px}
.card ul li{font-size:13px;color:var(--txt);padding:7px 0 7px 22px;position:relative;border-top:1px solid rgba(80,140,255,.08)}
.card ul li:first-child{border-top:none}
.card ul li::before{content:"";position:absolute;left:2px;top:13px;width:8px;height:8px;border-radius:2px;
background:linear-gradient(135deg,var(--cyan),var(--magenta));box-shadow:0 0 8px var(--cyan)}
.card ul li b{color:var(--cyan);font-weight:700}
.eq{background:#060a16;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0;
font-family:"Cambria Math","Times New Roman",serif;font-size:19px;text-align:center;color:#eaf2ff;overflow-x:auto}
.eq .v{font-style:italic}
.eq sub{font-size:.7em}
.eq .frac{display:inline-block;text-align:center;vertical-align:middle;margin:0 4px}
.eq .frac .num{display:block;border-bottom:1.5px solid #9fb4e8;padding:0 6px}
.eq .frac .den{display:block;padding:0 6px}
.eq .cases{display:inline-flex;align-items:center;vertical-align:middle}
.eq .cases .brace{font-size:2.4em;line-height:.8}
.eq .cases table{font-size:.62em;margin-left:4px}
.eq .cases td{padding:1px 10px 1px 0;text-align:left}
.simwrap{background:linear-gradient(180deg,var(--panel2),#070c1c);border:1px solid var(--line);
border-radius:18px;padding:22px;margin-top:8px}
.simgrid{display:grid;grid-template-columns:300px 1fr;gap:24px}
@media(max-width:840px){.simgrid{grid-template-columns:1fr}}
.ctl{margin-bottom:18px}
.ctl label{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-bottom:7px;font-weight:600}
.ctl label b{color:var(--cyan);font-family:"Consolas",monospace}
input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:6px;
background:linear-gradient(90deg,var(--blue),var(--violet));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;
background:radial-gradient(circle at 30% 30%,#fff,var(--cyan));cursor:pointer;box-shadow:0 0 12px var(--cyan)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--cyan);cursor:pointer}
.toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--txt);cursor:pointer;
padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;user-select:none;transition:.2s}
.toggle:hover{border-color:var(--cyan)}
.toggle .sw{width:42px;height:22px;border-radius:20px;background:#1a2440;position:relative;transition:.2s;flex:none}
.toggle .sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#5a6a96;transition:.25s}
.toggle.on .sw{background:linear-gradient(90deg,var(--cyan),var(--green))}
.toggle.on .sw::after{left:22px;background:#fff}
.readout{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ro{background:#060a16;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.ro .l{font-size:11px;color:var(--mut);letter-spacing:.5px;text-transform:uppercase}
.ro .v{font-size:20px;font-weight:800;font-family:"Consolas",monospace}
.simcanvas{width:100%;height:380px;border-radius:14px;background:#03060f;border:1px solid var(--line)}
.tower{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.lvl{padding:20px 22px;position:relative;cursor:pointer;transition:.25s;border-bottom:1px solid rgba(0,0,0,.4)}
.lvl:last-child{border-bottom:none}
.lvl .tg{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;opacity:.9}
.lvl h4{font-size:19px;margin:4px 0;color:#fff}
.lvl p{font-size:13.5px;color:rgba(255,255,255,.78)}
.lvl .rng{font-family:"Consolas",monospace;font-size:12px;color:rgba(255,255,255,.6);margin-top:6px}
.lvl.apex{background:linear-gradient(100deg,rgba(34,232,255,.22),rgba(34,232,255,.04))}
.lvl.mid{background:linear-gradient(100deg,rgba(255,207,92,.18),rgba(255,207,92,.03))}
.lvl.base{background:linear-gradient(100deg,rgba(255,61,240,.2),rgba(139,92,246,.05))}
.lvl:hover{transform:scale(1.012);z-index:3;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.cyborgshell{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
@media(max-width:840px){.cyborgshell{grid-template-columns:1fr}}
#cyborgCanvas{width:100%;height:600px;border-radius:18px;background:
radial-gradient(700px 500px at 50% 30%,rgba(34,232,255,.07),transparent 65%),#03050d;border:1px solid var(--line)}
.legend .row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid rgba(80,140,255,.1)}
.legend .row:first-child{border-top:none}
.legend .sw2{width:16px;height:16px;border-radius:5px;margin-top:4px;flex:none;box-shadow:0 0 10px currentColor}
.legend .row h5{font-size:14.5px;color:#fff;margin-bottom:2px}
.legend .row p{font-size:12.5px;color:var(--mut)}
.paper{background:linear-gradient(180deg,#060a16,#04060d);border:1px solid var(--line);border-radius:18px;padding:34px}
.paper h3{font-size:24px;color:#fff;margin:26px 0 8px;letter-spacing:-.3px}
.paper h3:first-child{margin-top:0}
.paper h4{font-size:16px;color:var(--cyan);margin:18px 0 4px;letter-spacing:.3px}
.paper p{font-size:15px;color:#c3cffb;margin-bottom:12px}
.paper .abs{font-size:14px;color:var(--mut);font-style:italic;border-left:3px solid var(--violet);padding-left:16px}
.kw{display:inline-block;font-family:"Consolas",monospace;font-size:12px;background:rgba(139,92,246,.14);
color:#c9b8ff;border:1px solid rgba(139,92,246,.3);padding:2px 9px;border-radius:6px;margin:3px 4px 3px 0}
.infopkg .card{padding:0;overflow:hidden}
.infopkg .vis{height:170px;position:relative;overflow:hidden}
.infopkg .vis canvas{position:absolute;inset:0}
.infopkg .bd{padding:18px 20px}
.infopkg .bd h3{margin-top:0}
footer{padding:50px 0;border-top:1px solid var(--line);text-align:center;color:var(--mut);font-size:13px}
footer .lg{font-weight:800;color:var(--txt);font-size:16px;letter-spacing:1px}
.reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
</style>
</head>
<body>
<canvas id="stars"></canvas>
<nav>
<div class="wrap">
<div class="brand"><span class="dot"></span> AETHER&#8209;GENESIS</div>
<div class="links">
<a href="#taxonomy">Taxonomy</a>
<a href="#math">Operators</a>
<a href="#tower">Precision Tower</a>
<a href="#physics">Physics Engine</a>
<a href="#fracture">Fracturing</a>
<a href="#sim">State Sim</a>
<a href="#modes">Modes</a>
<a href="#infopkg">Infopackage</a>
<a href="#cyborg">Cyborg</a>
<a href="#paper">Whitepaper</a>
</div>
</div>
</nav>
<header class="hero">
<div class="wrap">
<span class="tagk">Co&#8209;Inductive Neuromorphic&#8209;Digital Inference Engine</span>
<h1>The Aether&#8209;Genesis Engine</h1>
<p class="sub">A physics&#8209;informed digital substrate that fractures continuous text&#8209;to&#8209;video diffusion across asymmetric silicon, sustaining infinite autoregressive propagation on a 4GB VRAM ceiling through purely local <span class="mono">.gguf</span> ingestion.</p>
<div class="owner">PRINCIPAL ARCHITECT &mdash; JINX</div>
<div class="cta">
<button class="btn p" onclick="document.getElementById('sim').scrollIntoView()">Launch State Simulator</button>
<button class="btn g" onclick="document.getElementById('paper').scrollIntoView()">Read Whitepaper</button>
</div>
<div class="statbar">
<div class="stat"><div class="n">4 GB</div><div class="l">VRAM Ceiling Sustained</div></div>
<div class="stat"><div class="n">10 Phases</div><div class="l">Operational Subsystems</div></div>
<div class="stat"><div class="n">&minus;1 / +1</div><div class="l">Bipolar XNOR Logic Core</div></div>
<div class="stat"><div class="n">128 MB</div><div class="l">L3 V&#8209;Cache Holding Flux</div></div>
</div>
</div>
</header>
<main>
<section id="taxonomy" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">PHASES 01&ndash;04</span><h2>Subcomponent <span>Taxonomy</span></h2></div>
<p class="slead">Every node of the co&#8209;inductive stack rendered as live structural data. The pipeline relies entirely on local weight ingestion and bypasses all external streaming APIs.</p>
<div class="grid g2" id="taxGrid"></div>
</div>
</section>
<section id="neuro" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">PHASES 05&ndash;06</span><h2>Memristive Substrate &amp; <span>Advanced Operations</span></h2></div>
<p class="slead">In&#8209;memory analog computing fused with hyperdimensional, spectral, and stochastic operators &mdash; plus the open gaps that future designs must close.</p>
<div class="grid g3" id="neuroGrid"></div>
</div>
</section>
<section id="math" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">OPERATORS</span><h2>Mathematical <span>Topologies</span></h2></div>
<p class="slead">Bitwise, pointwise, and linearwise operators routed through non&#8209;linear activation gates. The engine asks not &ldquo;how much&rdquo; a value is &mdash; only &ldquo;which direction&rdquo; it points.</p>
<div class="grid g2">
<div class="card">
<div class="ph">Linearwise &middot; Affine</div>
<h3>Spatial Geometry Backbone</h3>
<p>Weight&#8209;by&#8209;input plus bias across the foundational attention layers of the diffusion core.</p>
<div class="eq"><span class="v">y</span> = <span class="v">W</span><span class="v">x</span> + <span class="v">b</span></div>
</div>
<div class="card">
<div class="ph">Pointwise &middot; 1&times;1</div>
<h3>Per&#8209;Voxel Latent Blending</h3>
<p>Executed per&#8209;pixel through the depth of the 3D matrix to blend color, lighting and semantics without altering spatial resolution.</p>
<div class="eq"><span class="v">z</span><sub>ijc</sub> = &Sigma;<sub>k</sub> <span class="v">W</span><sub>ck</sub> <span class="v">x</span><sub>ijk</sub></div>
</div>
<div class="card">
<div class="ph">Sigmoid Gating Protocol</div>
<h3>Temporal Memory Squashing</h3>
<p>Applied in the temporal attention blocks to decide how much of the previous frame&rsquo;s geometry is remembered versus forgotten.</p>
<div class="eq">&sigma;(<span class="v">x</span>) = <span class="frac"><span class="num">1</span><span class="den">1 + <span class="v">e</span><sup>&minus;<span class="v">x</span></sup></span></span></div>
<canvas id="sigCanvas" width="560" height="180" style="width:100%;height:auto;margin-top:8px;border-radius:10px;background:#060a16;border:1px solid var(--line)"></canvas>
</div>
<div class="card">
<div class="ph">Signum &middot; Binarization</div>
<h3>Bipolar XNOR Collapse</h3>
<p>Forces activations into strict <span class="mono">&plusmn;1</span> states before the bitwise shaders &mdash; required for distilled semantic routing.</p>
<div class="eq">sgn(<span class="v">x</span>) = <span class="cases"><span class="brace">{</span><table>
<tr><td>&minus;1</td><td>if <span class="v">x</span> &lt; 0</td></tr>
<tr><td>0</td><td>if <span class="v">x</span> = 0</td></tr>
<tr><td>+1</td><td>if <span class="v">x</span> &gt; 0</td></tr>
</table></span></div>
</div>
</div>
<div class="card" style="margin-top:18px">
<div class="ph">The XNOR Engine</div>
<h3>Bitwise Dot Product</h3>
<p>Binarized network layers replace heavy floating&#8209;point math, bypassing the CUDA core bottleneck through massive parallel <span class="mono">POPCOUNT</span> logic.</p>
<div class="eq"><span class="v">A</span> &middot; <span class="v">B</span> = <span class="v">N</span> &minus; 2 &times; popcount( XNOR(<span class="v">A</span>, <span class="v">B</span>) )</div>
</div>
</div>
</section>
<section id="tower" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">PHASE 07</span><h2>The Bipolar <span>Precision Tower</span></h2></div>
<p class="slead">Data ascends and descends a vertical precision axis. Extreme positive (Excitatory) and extreme negative (Inhibitory) states are orthogonal opposites &mdash; when multiplied in the bitwise shaders they annihilate to zero, pruning dead weights for free.</p>
<div class="tower">
<div class="lvl apex">
<div class="tg" style="color:var(--cyan)">Level 1 &middot; Apex</div>
<h4>Continuous F32 &mdash; The Macro State</h4>
<p>Full 32&#8209;bit dynamic range. High positive = absolute render command; deep negative = severe penalty constraint. Reserved for tiled VAE decoding and optical flow.</p>
<div class="rng">range &approx; 10<sup>+38</sup> &hellip; 10<sup>&minus;38</sup></div>
</div>
<div class="lvl mid">
<div class="tg" style="color:var(--amber)">Level 2 &middot; Mid&#8209;Tier</div>
<h4>INT8 / BF16 &mdash; The Constrained State</h4>
<p>Extreme differences artificially capped. Gradients hit a hard ceiling, arresting the exploding&#8209;gradient white&#8209;out that corrupts long autoregressive loops. Drives the CLIP interrogator and TinyLlama routing.</p>
<div class="rng">clamp &minus;128 &hellip; +127</div>
</div>
<div class="lvl base">
<div class="tg" style="color:var(--magenta)">Level 3 &middot; Base</div>
<h4>Bipolar &amp; Ternary &mdash; The XNOR Engine</h4>
<p>Magnitude abandoned; only direction survives. Ternary {&minus;1,0,+1} and bipolar {&minus;1,+1} act as perfect boolean gates. Heavy UNet matmuls drop by orders of magnitude on legacy GPUs.</p>
<div class="rng">{ &minus;1 , 0 , +1 } &middot; POPCOUNT logic</div>
</div>
</div>
<div class="card" style="margin-top:18px">
<div class="ph">Push&ndash;Pull Field Interaction</div>
<h3>Excitatory / Inhibitory Acceleration Loop</h3>
<p>Positive vectors pull the latent toward the prompt; negative vectors from an anti&#8209;prompt push it away. In a bipolar matrix, subtracting the negative field is computationally identical to adding the positive field &mdash; resolving the image faster.</p>
</div>
</div>
</section>
<section id="physics" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">PHASES 08&ndash;09</span><h2>Physics&#8209;Informed <span>Routing Engine</span></h2></div>
<p class="slead">Brane topology, semantic gravitons, and digital thermodynamics regulate the data flow. Raise temperature to drive the autoregressive loop, raise graviton density to organize the latents, and engage Maxwell&rsquo;s Demon to vent digital heat.</p>
<div class="simwrap">
<div class="simgrid">
<div>
<div class="ctl"><label>System Temperature <b id="tT">0.55</b></label><input id="sTemp" type="range" min="0" max="100" value="55"></div>
<div class="ctl"><label>Graviton Density <b id="tG">0.40</b></label><input id="sGrav" type="range" min="0" max="100" value="40"></div>
<div class="ctl"><label>Brane Separation <b id="tB">0.50</b></label><input id="sBrane" type="range" min="0" max="100" value="50"></div>
<div class="toggle on" id="demonTog"><div class="sw"></div><span>Maxwell&rsquo;s Digital Demon</span></div>
<div class="readout">
<div class="ro"><div class="l">Entropy</div><div class="v" id="roEnt" style="color:var(--red)">0.00</div></div>
<div class="ro"><div class="l">Coherence</div><div class="v" id="roCoh" style="color:var(--green)">0.00</div></div>
<div class="ro"><div class="l">Heat Vented</div><div class="v" id="roHeat" style="color:var(--cyan)">0.00</div></div>
<div class="ro"><div class="l">Feed State</div><div class="v" id="roState" style="color:var(--amber);font-size:14px">STABLE</div></div>
</div>
</div>
<canvas id="physCanvas" class="simcanvas"></canvas>
</div>
</div>
<div class="grid g3" style="margin-top:18px">
<div class="card"><div class="ph">M&#8209;Brane Isolation</div><h3>P&#8209;Brane Precision Layers</h3><p>F32 flux and XNOR arrays vibrate on parallel isolated sheets, never sharing contiguous memory &mdash; structurally preventing fragmentation and bus collisions.</p></div>
<div class="card"><div class="ph">Digital Graviton</div><h3>Gravitational Attention</h3><p>Self&#8209;attention is replaced by mass&#8209;weighted clustering. Prompt embeddings emit lightweight graviton vectors that magnetically align relevant latents, culling 80% of idle data.</p></div>
<div class="card"><div class="ph">2nd Law &middot; Entropy Sink</div><h3>Maxwell&rsquo;s Digital Demon</h3><p>A background sorting shader detects chaotic high&#8209;entropy pixels and erases their values, pumping digital heat out so the feed loops indefinitely without deep&#8209;frying.</p></div>
</div>
</div>
</section>
<section id="fracture" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">PHASE 10</span><h2>Geometric <span>Asymmetric Fracturing</span></h2></div>
<p class="slead">The neural network is treated as a physical volume. Scale the task dimensions and watch the unified router fracture faces, slide voxel windows, trigger collisions, and maze the load between the CPU V&#8209;Cache and the GPU bitwise furnace.</p>
<div class="simwrap">
<div class="simgrid">
<div>
<div class="ctl"><label>Latent Width &times; Height <b id="tR">512</b></label><input id="fRes" type="range" min="128" max="1024" step="64" value="512"></div>
<div class="ctl"><label>Temporal Depth (frames) <b id="tD">8</b></label><input id="fDepth" type="range" min="1" max="32" value="8"></div>
<div class="ctl"><label>Vertices / Faces <b id="tV">48k</b></label><input id="fVert" type="range" min="4" max="160" value="48"></div>
<div class="toggle on" id="mazeTog"><div class="sw"></div><span>Cache Mazing (AVX&#8209;512 fallback)</span></div>
<div class="readout">
<div class="ro"><div class="l">GPU VRAM</div><div class="v" id="roVram">0.0</div></div>
<div class="ro"><div class="l">CPU Cache</div><div class="v" id="roCache" style="color:var(--violet)">0.0</div></div>
<div class="ro"><div class="l">Collisions</div><div class="v" id="roCol" style="color:var(--amber)">0</div></div>
<div class="ro"><div class="l">Route</div><div class="v" id="roRoute" style="color:var(--green);font-size:14px">GPU</div></div>
</div>
</div>
<canvas id="fracCanvas" class="simcanvas"></canvas>
</div>
</div>
</div>
</section>
<section id="sim" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">STATE SIM</span><h2>Engine State <span>Simulator</span></h2></div>
<p class="slead">Drive the precision substrate from continuous F32 down through INT8 to the bipolar furnace. Watch the live signal quantization collapse an analog wave into strict Excitatory / Inhibitory toggles &mdash; and watch overhead fall.</p>
<div class="simwrap">
<div class="simgrid">
<div>
<div class="ctl"><label>Precision Substrate <b id="tP">F32</b></label><input id="ePrec" type="range" min="0" max="3" value="0"></div>
<div class="ctl"><label>Memristor Engagement <b id="tM">0%</b></label><input id="eMem" type="range" min="0" max="100" value="0"></div>
<div class="ctl"><label>Tile / Sliding Window <b id="tW">128 px</b></label><input id="eWin" type="range" min="32" max="256" step="32" value="128"></div>
<div class="readout">
<div class="ro"><div class="l">VRAM Load</div><div class="v" id="roL" style="color:var(--red)">0%</div></div>
<div class="ro"><div class="l">Thermal</div><div class="v" id="roTh" style="color:var(--amber)">0&deg;</div></div>
<div class="ro"><div class="l">Throughput</div><div class="v" id="roTp" style="color:var(--green)">0&times;</div></div>
<div class="ro"><div class="l">Power</div><div class="v" id="roPw" style="color:var(--cyan)">0W</div></div>
</div>
</div>
<canvas id="quantCanvas" class="simcanvas"></canvas>
</div>
</div>
</div>
</section>
<section id="modes" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">PHASE 11</span><h2>Generation <span>Plugins</span></h2></div>
<p class="slead">Engage the primary operational plugins to steer the diffusion core. Seamlessly transition the latent pipeline from static topology to infinite autoregressive temporal cascades.</p>
<div class="simwrap">
<div class="simgrid">
<div>
<div style="display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;">
 <div class="btn g mode-btn active" data-m="0" style="flex:1;text-align:center;padding:10px;font-size:12px;letter-spacing:1px">TEXT 2 IMG</div>
 <div class="btn g mode-btn" data-m="1" style="flex:1;text-align:center;padding:10px;font-size:12px;letter-spacing:1px">IMG 2 IMG</div>
 <div class="btn g mode-btn" data-m="2" style="flex:1;text-align:center;padding:10px;font-size:12px;letter-spacing:1px">TEXT 2 VID</div>
 <div class="btn g mode-btn" data-m="3" style="flex:1;text-align:center;padding:10px;font-size:12px;letter-spacing:1px">IMG 2 VID</div>
</div>
<div class="ctl"><label>Inference Steps <b id="mM">20</b></label><input id="mSteps" type="range" min="4" max="64" value="20"></div>
<div class="ctl"><label>Guidance Scale <b id="mC">7.5</b></label><input id="mCfg" type="range" min="10" max="200" value="75"></div>
<div class="ctl"><label><span id="mDLabel">Denoising Strength</span> <b id="mD">0.65</b></label><input id="mDen" type="range" min="0" max="100" value="65"></div>
<div class="readout">
<div class="ro"><div class="l">Est. Latency</div><div class="v" id="roLat" style="color:var(--amber)">0.8s</div></div>
<div class="ro"><div class="l">VRAM Demand</div><div class="v" id="roMVram" style="color:var(--cyan)">1.2GB</div></div>
<div class="ro"><div class="l">Pipeline</div><div class="v" id="roPipe" style="color:var(--violet);font-size:14px">STATIC</div></div>
<div class="ro"><div class="l">Base Resolution</div><div class="v" id="roRes" style="color:var(--green);font-size:14px">1024&times;1024</div></div>
</div>
</div>
<canvas id="modeCanvas" class="simcanvas"></canvas>
</div>
</div>
</div>
</section>
<section id="infopkg" class="reveal infopkg">
<div class="wrap">
<div class="shead"><span class="ix">INFOPACKAGE</span><h2>Quantum <span>Infopackage</span></h2></div>
<p class="slead">Four operational areas of the architecture rendered as live quantum&#8209;field visualizations.</p>
<div class="grid g2" id="pkgGrid"></div>
</div>
</section>
<section id="cyborg" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">EMBODIMENT</span><h2>The Digital <span>Cyborg</span></h2></div>
<p class="slead">Every subsystem of the engine rendered as a living organism. The head runs the CPU architect, the torso holds the precision tower, the right hand filters gravitons across the branes, and the back ports vent entropy.</p>
<div class="cyborgshell">
<canvas id="cyborgCanvas"></canvas>
<div class="legend">
<div class="row"><div class="sw2" style="background:var(--cyan);color:var(--cyan)"></div><div><h5>Processor Core &mdash; Head</h5><p>The Ryzen V&#8209;Cache architect handling initial state and F32 macro mathematics.</p></div></div>
<div class="row"><div class="sw2" style="background:var(--amber);color:var(--amber)"></div><div><h5>Precision Tower &mdash; Torso</h5><p>F32 apex to the dark logic&#8209;plated Bipolar XNOR furnace driving boundless throughput.</p></div></div>
<div class="row"><div class="sw2" style="background:var(--violet);color:var(--violet)"></div><div><h5>Graviton Hand</h5><p>Layered M&#8209;branes filtering semantic data particles by gravitational pull.</p></div></div>
<div class="row"><div class="sw2" style="background:var(--green);color:var(--green)"></div><div><h5>Entropy Sink &mdash; Back Ports</h5><p>Venting coils expelling digital heat for persistent temporal stability.</p></div></div>
<div class="row"><div class="sw2" style="background:var(--magenta);color:var(--magenta)"></div><div><h5>Self&#8209;Contained Loop</h5><p>A co&#8209;inductive engine for local offline generation &mdash; zero external API.</p></div></div>
</div>
</div>
</div>
</section>
<section id="paper" class="reveal">
<div class="wrap">
<div class="shead"><span class="ix">WHITEPAPER</span><h2>Operational <span>Transistory Dynamics</span></h2></div>
<div class="paper">
<h3>The Aether&#8209;Genesis Engine: Operational Transistory Dynamics in Asymmetric Neuromorphic Substrates</h3>
<p class="abs">The barrier to sovereign, localized temporal generation has been shattered. Moving beyond the theoretical limitations of sequential von Neumann clusters, the Aether&#8209;Genesis Engine operates as a fully instantiated, physics&#8209;informed digital substrate. By utilizing a Co&#8209;Inductive 3D Shader Matrix driven by advanced transistory flow&#8209;progressions, the system sustains infinite autoregressive video propagation on severely constrained, asymmetric hardware profiles, bridging a 128MB L3 3D V&#8209;Cache CPU with a 4GB VRAM GPU. The system natively ingests .gguf payloads and executes continuous temporal flux without external API dependencies, achieving real&#8209;time state persistence through geometric tensor mechanics.</p>
<h4>1. The Transistory Co&#8209;Inductive Flow&#8209;State</h4>
<p>Traditional inference relies on deductive, start&#8209;stop sequential rendering. Aether&#8209;Genesis implements a co&#8209;inductive flow&#8209;state, establishing a continuously recurring feedback loop embedded natively within active WGSL/GLSL compute shaders. To bypass the physical 4GB VRAM hard&#8209;limit, continuous F32 diffusion and VAE decoding run through a state of perpetual sliding execution. The system processes high&#8209;fidelity visual data through a Sliding Voxel Window; memory is instantiated, transitioned, and flushed in real&#8209;time, preventing out&#8209;of&#8209;memory cascades. Temporal coherence is anchored by a localized interrogator that injects gradient telemetry back into the core shader to seamlessly course&#8209;correct the recurrent state buffer during frame&#8209;to&#8209;frame progression.</p>
<h4>2. Bipolar Precision Cascades and Neuromorphic Gating</h4>
<p>The engine utilizes a vertically stratified data cascade, exploiting transistory tension between absolute Excitatory and Inhibitory logic states. The F32 Apex Flux holds high&#8209;dynamic&#8209;range variance reserved strictly for the terminal stages of pixel denoising. INT8 clamped routing funnels semantic data from the localized TinyLlama text&#8209;encoder through discrete integer bins, arresting exploding gradients before they corrupt the continuous loop. Heavy UNet matrix multiplications are forced into absolute transistory extremes via active Signum gating, where neural weights act as binary membranes and legacy CUDA cores process millions of parameters as high&#8209;frequency bitwise toggles.</p>
<h4>3. M&#8209;Brane Topology and Gravitational Flux Routing</h4>
<p>To sustain massive data flow between precision layers without cache fragmentation, the architecture physically maps M&#8209;Theory topologies and thermodynamic principles onto the active digital substrate. Data arrays propagate along parallel, isolated memory branes; heavy F32 flux and lightweight XNOR arrays never occupy contiguous blocks. Standard self&#8209;attention is replaced by dynamic gravitational clustering where prompt embeddings are assigned mathematical mass, projecting graviton vectors that magnetically align relevant latents. A background transistory sub&#8209;shader acting as Maxwell&rsquo;s Digital Demon scans the temporal flow buffer, identifies chaotic high&#8209;entropy pixels, and executes real&#8209;time value erasure, guaranteeing indefinite structural stability.</p>
<h4>4. Asymmetric Hardware Fracturing and Dynamic Cache Routing</h4>
<p>The operational triumph of the engine is its bare&#8209;metal routing algorithm. The massive 128MB L3 3D V&#8209;Cache serves as the primary transistory holding flux; the system analyzes the network as a 3D volume and fractures it into discrete computational faces. Only the immediately necessary face is streamed across the PCIe bus to the GPU, executed, and instantly dissolved. When telemetry indicates bus saturation, the engine triggers Mazing, diverting workloads to the CPU AVX&#8209;512 instruction sets. Shader executions are heavily gated, initiating only when a structural collision is detected between an active text&#8209;vector flow and a latent coordinate.</p>
<h4>5. Operational Status</h4>
<p>The Aether&#8209;Genesis Engine is currently in a state of full operational flux. It invalidates the paradigm requiring centralized datacenter reliance for complex temporal generation. By uniting localized .gguf payload digestion, Bipolar XNOR cascade mathematics, and asymmetric geometric fracturing, the engine converts obsolete hardware into a continuous, sovereign neuromorphic furnace with boundless generative throughput.</p>
<h4>Core Architecture Keywords</h4>
<div>
<span class="kw">Memristive Crossbar</span><span class="kw">In&#8209;Memory Computing</span><span class="kw">Analog MAC</span><span class="kw">Spintronics</span>
<span class="kw">Co&#8209;Inductive Feedback</span><span class="kw">WGSL Compute Pipeline</span><span class="kw">XNOR&#8209;Net</span><span class="kw">Pointwise Distillation</span>
<span class="kw">Tiled Latent Processing</span><span class="kw">Signum Binarization</span><span class="kw">Sigmoid Temporal Gating</span><span class="kw">Continuous&#8209;Time Generation</span>
<span class="kw">Hyperdimensional Computing</span><span class="kw">Spectral Convolution</span><span class="kw">Stochastic Computing</span><span class="kw">F32 Diffusion U&#8209;Net</span>
<span class="kw">Autoregressive Latent Feedback</span><span class="kw">CLIP&#8209;Steered Gradient</span><span class="kw">Temporal Coherence Field</span><span class="kw">GGUF / Safetensors Ingestion</span>
<span class="kw">P&#8209;Brane Isolation</span><span class="kw">Digital Graviton</span><span class="kw">Maxwell&rsquo;s Demon</span><span class="kw">Geometric Fracturing</span>
<span class="kw">Cache Mazing</span><span class="kw">Sliding Voxel Window</span><span class="kw">Collision Gating</span><span class="kw">SNN Emulation</span>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="wrap">
<div class="lg">AETHER&#8209;GENESIS</div>
<p style="margin-top:8px">Sovereign offline temporal generation &middot; Local .gguf ingestion &middot; Zero external API</p>
</div>
</footer>
<script>
(function(){
var sc=document.getElementById('stars'),sx=sc.getContext('2d'),stars=[];
function rs(){sc.width=innerWidth;sc.height=innerHeight}rs();addEventListener('resize',rs);
for(var i=0;i<160;i++)stars.push({x:Math.random(),y:Math.random(),z:Math.random()*.9+.1,t:Math.random()*6.28});
function ds(){sx.clearRect(0,0,sc.width,sc.height);var t=performance.now()*.001;
for(var i=0;i<stars.length;i++){var s=stars[i],x=s.x*sc.width,y=s.y*sc.height,a=(Math.sin(t+s.t)*.4+.6)*s.z;
sx.beginPath();sx.arc(x,y,s.z*1.6,0,6.28);sx.fillStyle='rgba('+(120+s.z*135)+','+(180+s.z*55)+',255,'+a+')';sx.fill();}
requestAnimationFrame(ds);}ds();
})();
var taxData=[
{ph:"Phase 1",t:"Co-Inductive 3D Shader Matrix",d:"The localized compute engine: an infinite mutually-recurring feedback loop in shader logic.",l:[
["Compute Shader Pipelines","WGSL/GLSL base layers for matmul & convolution outside Python frameworks"],
["Recurrent State Buffers","Registers passing matrix data co-inductively; output of A re-informs state of A"],
["VRAM Allocation Manager","Chunks 3D matrix ops into tiles to prevent fatal OOM crashes"]]},
{ph:"Phase 2",t:"F32 Precision Text-to-Image Base",d:"Foundational generation layer running full 32-bit precision under strict optimization.",l:[
["Strict Local Weight Loader","Binary parser pulling weights from local dir; zero external API hooks"],
["TinyLlama Text Encoder","Quantized lightweight parser routing prompts into embeddings"],
["F32 Diffusion U-Net Core","32-bit denoising network calculating the diffusion steps"],
["Tiled Variational Autoencoder","Sequential latent-to-pixel decode within the 4GB ceiling"]]},
{ph:"Phase 3",t:"CLIP-Influenced Video Steering",d:"Semantic anchor keeping frame evolution faithful to the original prompt.",l:[
["Local CLIP Interrogator","Evaluates generated frames against target text embeddings"],
["Temporal Coherence Field","Computes loss between consecutive frames with motion warp"],
["Gradient Injection Shader","Injects corrective steering back into the Phase 1 matrix"]]},
{ph:"Phase 4",t:"Image-to-Video Autoregressive Loop",d:"Static frames trained into temporal output; frame N predicts frame N+1.",l:[
["Latent Feedback Buffer","Caches undecoded latent state; trains on dense representations"],
["Optical Flow / Motion Matrix","Computes pan/zoom/subject vector trajectories"],
["Self-Attention Temporal Blocks","Looks back 4-8 frames to preserve geometry & aesthetic"],
["Frame Compilation Engine","Stitches steered frames into local .mp4 / .webm"]]}
];
var tg=document.getElementById('taxGrid');
taxData.forEach(function(c){var li=c.l.map(function(x){return '<li><b>'+x[0]+'</b> &mdash; '+x[1]+'</li>'}).join('');
tg.insertAdjacentHTML('beforeend','<div class="card"><div class="ph">'+c.ph+'</div><h3>'+c.t+'</h3><p>'+c.d+'</p><ul>'+li+'</ul></div>');});
var neuroData=[
{ph:"Phase 5 &middot; Substrate",t:"Memristive Hardware Layer",d:"Computation occurring directly within memory cells.",l:[
["Memristor Crossbar Arrays","Analog MAC via Ohm & Kirchhoff laws; near-zero idle power"],
["ADC / DAC Interconnects","Convert analog resistance outputs into digital tensors"],
["Bitwise Logic Shaders","XNOR & POPCOUNT dot products bypassing the CUDA bottleneck"]]},
{ph:"Phase 5 &middot; Extension",t:"Bleeding-Edge Operators",d:"Pushing the local non-API architecture to its limits.",l:[
["CTRNN Continuous-Time","Differential equations for infinitely scalable framerates"],
["Spiking Neural Emulation","Memristor spikes mirroring biological vision for fast motion"],
["Hybrid Precision Fusion","Bitwise routing, INT8 CLIP, F32 only at final pixel layer"]]},
{ph:"Phase 6 &middot; Advanced Math",t:"Higher-Order Operations",d:"Operators that bypass von Neumann bottlenecks.",l:[
["Hyperdimensional Computing","10k-bit sparse vectors; bind via XOR, error-tolerant routing"],
["Spectral Convolution","FFT captures global lighting context in a single pass"],
["Stochastic Computing","Bit-stream probabilities; multiply via a single AND gate"]]},
{ph:"Phase 6 &middot; Missing Needs",t:"Future Design Gaps",d:"Critical gaps in the open-source ecosystem.",l:[
["WGSL BNN Compiler Bridge","GGUF shattered into native XNOR/POPCOUNT shader arrays"],
["Q-Analog Quantization","Weights stored as voltage resistance profiles in Ohms"],
["Non-Volatile Latent Buffers","Circular buffer shifting load to prevent silicon burnout"],
["Deterministic Noise Injector","Instant noise-hashing sub-shader without stalling the loop"]]},
{ph:"Phase 6 &middot; Fields",t:"Interactive Parameter Fields",d:"Tunable axes that reshape physical demand.",l:[
["Precision Layer Field","Slide F32 to bipolar; overhead collapses in real-time"],
["Substrate Field","Engage memristive in-memory compute vs volatile VRAM"],
["Window Field","Sliding voxel tile size trades fidelity for VRAM headroom"]]},
{ph:"Phase 6 &middot; Topologies",t:"Network Topologies",d:"Structural arrangements available to the router.",l:[
["Orthogonal Weight Matrix","Stable gradients across deep recurrent passes"],
["Push-Pull Fields","Excitatory + Inhibitory anti-prompt acceleration"],
["Brane-Isolated Memory","Parallel sheets preventing fragmentation"]]}
];
var ng=document.getElementById('neuroGrid');
neuroData.forEach(function(c){var li=c.l.map(function(x){return '<li><b>'+x[0]+'</b> &mdash; '+x[1]+'</li>'}).join('');
ng.insertAdjacentHTML('beforeend','<div class="card"><div class="ph">'+c.ph+'</div><h3>'+c.t+'</h3><p>'+c.d+'</p><ul>'+li+'</ul></div>');});
(function(){var c=document.getElementById('sigCanvas'),x=c.getContext('2d');
function d(){x.clearRect(0,0,560,180);x.strokeStyle='rgba(80,140,255,.18)';x.lineWidth=1;
for(var gx=0;gx<=560;gx+=56){x.beginPath();x.moveTo(gx,0);x.lineTo(gx,180);x.stroke();}
x.beginPath();x.moveTo(0,90);x.lineTo(560,90);x.strokeStyle='rgba(120,160,255,.3)';x.stroke();
x.beginPath();x.lineWidth=3;x.strokeStyle='#22e8ff';
for(var i=0;i<=560;i++){var v=(i-280)/40,y=160-(1/(1+Math.exp(-v)))*140;if(i===0)x.moveTo(i,y);else x.lineTo(i,y);}x.stroke();
x.fillStyle='#7d8bb5';x.font='11px Consolas';x.fillText('0',274,178);x.fillText('1',6,26);x.fillText('0',6,168);}
d();})();
function lerp(a,b,t){return a+(b-a)*t}
function clamp(v,a,b){return v<a?a:v>b?b:v}
(function(){
var c=document.getElementById('physCanvas'),x,W,H,parts=[];
var sTemp=document.getElementById('sTemp'),sGrav=document.getElementById('sGrav'),sBrane=document.getElementById('sBrane');
var demon=document.getElementById('demonTog'),dem=true;
var entAcc=0,heatAcc=0;
function init(){x=c.getContext('2d');W=c.width=c.clientWidth;H=c.height=c.clientHeight;parts=[];
for(var i=0;i<120;i++)parts.push({x:Math.random()*W,y:Math.random()*H,vx:0,vy:0,e:Math.random(),b:Math.random()<.5?0:1});}
demon.addEventListener('click',function(){dem=!dem;demon.classList.toggle('on',dem)});
function frame(){if(!x)return;
var T=sTemp.value/100,G=sGrav.value/100,B=sBrane.value/100;
document.getElementById('tT').textContent=T.toFixed(2);
document.getElementById('tG').textContent=G.toFixed(2);
document.getElementById('tB').textContent=B.toFixed(2);
x.clearRect(0,0,W,H);
var y0=H*0.5-B*H*0.28,y1=H*0.5+B*H*0.28;
x.strokeStyle='rgba(34,232,255,.18)';x.lineWidth=1.5;
for(var bl=0;bl<2;bl++){var yy=bl?y1:y0;x.beginPath();
for(var i=0;i<=W;i+=8){var wob=Math.sin(i*.03+performance.now()*.002+bl)* (4+T*22*(1-G*.5));x.lineTo(i,yy+wob);}x.stroke();}
var cx=W*0.5,cy=H*0.5;
var coh=0,ent=0;
for(var i=0;i<parts.length;i++){var p=parts[i];
var dx=cx-p.x,dy=cy-p.y,dist=Math.sqrt(dx*dx+dy*dy)+.01;
p.vx+=dx/dist*G*0.18;p.vy+=dy/dist*G*0.18;
p.vx+=(Math.random()-.5)*T*1.6;p.vy+=(Math.random()-.5)*T*1.6;
p.vx*=.9;p.vy*=.9;p.x+=p.vx;p.y+=p.vy;
if(p.x<0)p.x=W;if(p.x>W)p.x=0;if(p.y<0)p.y=H;if(p.y>H)p.y=0;
p.e=clamp(p.e+T*.03-(dem?.04:0),0,1);
if(dem&&p.e>.85){p.e=.1;heatAcc+=1;}
ent+=p.e;coh+=1-Math.min(dist/(W*.4),1);
var col=p.b?'255,61,240':'34,232,255';
x.beginPath();x.arc(p.x,p.y,2+p.e*3,0,6.28);
x.fillStyle='rgba('+col+','+(0.35+p.e*0.55)+')';x.fill();
if(p.e>.8){x.beginPath();x.arc(p.x,p.y,6+p.e*5,0,6.28);x.strokeStyle='rgba(255,84,112,.5)';x.stroke();}
}
ent/=parts.length;coh/=parts.length;
entAcc=lerp(entAcc,ent,.1);
document.getElementById('roEnt').textContent=entAcc.toFixed(2);
document.getElementById('roCoh').textContent=coh.toFixed(2);
document.getElementById('roHeat').textContent=(heatAcc/100).toFixed(2);
var st=document.getElementById('roState');
if(entAcc>.7){st.textContent='ARTIFACTING';st.style.color='#ff5470';}
else if(entAcc>.45){st.textContent='DRIFTING';st.style.color='#ffcf5c';}
else{st.textContent='STABLE';st.style.color='#3dffb0';}
requestAnimationFrame(frame);}
var io=new IntersectionObserver(function(e){if(e[0].isIntersecting&&!x){init();frame();}});
io.observe(c);addEventListener('resize',function(){if(x){W=c.width=c.clientWidth;H=c.height=c.clientHeight;}});
})();
(function(){
var c=document.getElementById('modeCanvas'),x,W,H;
var btn=document.querySelectorAll('.mode-btn');
var cur=0;
var sSteps=document.getElementById('mSteps'),sCfg=document.getElementById('mCfg'),sDen=document.getElementById('mDen');
var lDen=document.getElementById('mDLabel');
function init(){x=c.getContext('2d');W=c.width=c.clientWidth;H=c.height=c.clientHeight;}
btn.forEach(function(b){b.addEventListener('click',function(){
 btn.forEach(function(bb){bb.classList.remove('active');});
 this.classList.add('active');
 cur=parseInt(this.getAttribute('data-m'));
 lDen.textContent=(cur>1)?'Temporal Motion':'Denoising Strength';
 sDen.value=(cur>1)?80:65;
});});
function frame(){if(!x)return;
var st=+sSteps.value,cfg=+sCfg.value/10,den=+sDen.value/100;
document.getElementById('mM').textContent=st;
document.getElementById('mC').textContent=cfg.toFixed(1);
document.getElementById('mD').textContent=den.toFixed(2);
var isVid=(cur>1);
var baseLat=isVid?4.2:0.8;
var lat=(baseLat*(st/20)).toFixed(1)+'s';
var vram=(isVid?(3.2+(st*0.02)):(1.1+(st*0.005))).toFixed(1)+'GB';
document.getElementById('roLat').textContent=lat;
document.getElementById('roMVram').textContent=vram;
var rPipe=document.getElementById('roPipe');
rPipe.textContent=isVid?'TEMPORAL':'STATIC';
rPipe.style.color=isVid?'#ff3df0':'#8b5cf6';
document.getElementById('roRes').textContent=isVid?'512\u00d7512\u00d724':'1024\u00d71024';
x.clearRect(0,0,W,H);
var t=performance.now()*.002;
var cxIn=W*0.25,cxOut=W*0.75,cy=H/2;
x.lineWidth=2;
for(var i=0;i<5;i++){
 x.beginPath();
 x.moveTo(cxIn+40,cy-40+i*20);
 x.bezierCurveTo(cxIn+80,cy-40+i*20, cxOut-80,cy-40+i*20, cxOut-40,cy-40+i*20);
 var flowGrad=x.createLinearGradient(cxIn+40,0,cxOut-40,0);
 var ofs=(t*1.5+i*.2)%1;
 flowGrad.addColorStop(0,'rgba(34,232,255,0.05)');
 flowGrad.addColorStop(ofs,'rgba(255,61,240,0.85)');
 flowGrad.addColorStop(1,'rgba(34,232,255,0.05)');
 x.strokeStyle=flowGrad;
 x.stroke();
}
if(cur===0||cur===2){
for(var i=0;i<8;i++){
 var txtW=20+Math.sin(i*2.1+t)*15+20;
 x.fillStyle='rgba(61,255,176,'+(0.4+Math.sin(t*3+i)*0.3)+')';
 x.fillRect(cxIn-30,cy-45+i*12,txtW,6);
 }
 x.fillStyle='#3dffb0';x.font='10px Consolas';x.fillText('PROMPT.TXT',cxIn-30,cy+70);
} else {
for(var gx=0;gx<4;gx++)for(var gy=0;gy<4;gy++){
 x.fillStyle='rgba(34,232,255,'+(0.2+(gx*gy)*0.05)+')';
 x.fillRect(cxIn-30+gx*15,cy-30+gy*15,13,13);
 }
 x.fillStyle='#22e8ff';x.font='10px Consolas';x.fillText('LATENT.IMG',cxIn-30,cy+70);
}
if(cur===0||cur===1){
for(var gx=0;gx<5;gx++)for(var gy=0;gy<5;gy++){
 var hot=(Math.sin(gx*2+gy*1.5-t*2)+1)/2;
 x.fillStyle='rgba(255,61,240,'+(0.2+hot*0.6)+')';
 x.fillRect(cxOut-35+gx*14,cy-35+gy*14,12,12);
 }
 x.fillStyle='#ff3df0';x.font='10px Consolas';x.fillText('STATE.IMG',cxOut-25,cy+70);
} else {
for(var fr=4;fr>=0;fr--){
 var ox=cxOut-40+fr*12, oy=cy-40-fr*8;
 for(var gx=0;gx<4;gx++)for(var gy=0;gy<4;gy++){
 var hot=(Math.sin(gx+gy+fr-t*3)+1)/2;
 x.fillStyle='rgba('+(150+fr*20)+',61,240,'+(0.1+hot*0.5)+')';
 x.strokeStyle='rgba(255,255,255,0.1)';
 x.lineWidth=1;
 x.beginPath();
 x.rect(ox+gx*12,oy+gy*12,10,10);
 x.fill(); x.stroke();
 }
 }
 x.fillStyle='#ff3df0';x.font='10px Consolas';x.fillText('STATE.VID',cxOut-15,cy+70);
}
requestAnimationFrame(frame);}
var io=new IntersectionObserver(function(e){if(e[0].isIntersecting&&!x){init();frame();}});
io.observe(c);addEventListener('resize',function(){if(x){W=c.width=c.clientWidth;H=c.height=c.clientHeight;}});
})();
(function(){
var pkgs=[
{t:"Engine Overview",c:"#22e8ff",d:"Decentralized local-only architecture versus API-reliant cloud AI. Sovereign generation with zero external streaming dependency.",mode:0},
{t:"The Precision Tower",c:"#ffcf5c",d:"Memory optimization stack flowing from high-fidelity F32 rendering down to the high-efficiency Bipolar XNOR Bitwise Furnace.",mode:1},
{t:"Physics-Informed Optimization",c:"#8b5cf6",d:"Brane theory, semantic Digital Gravitons, and Maxwell's Digital Demon regulating entropy to stabilize the temporal feed.",mode:2},
{t:"Asymmetric Fracturing & Deployment",c:"#3dffb0",d:"Bare-metal balancing between the CPU Architect and the GPU Bitwise Furnace during real-time .gguf execution.",mode:3}
];
var grid=document.getElementById('pkgGrid');
pkgs.forEach(function(p,i){
var card=document.createElement('div');card.className='card';
card.innerHTML='<div class="vis"><canvas></canvas></div><div class="bd"><div class="ph" style="color:'+p.c+'">Field 0'+(i+1)+'</div><h3>'+p.t+'</h3><p>'+p.d+'</p></div>';
grid.appendChild(card);
var cv=card.querySelector('canvas'),x=cv.getContext('2d'),ph=Math.random()*6.28;
function rz(){cv.width=cv.clientWidth;cv.height=cv.clientHeight;}rz();addEventListener('resize',rz);
function fr(){ph+=0.02;var W=cv.width,H=cv.height;x.clearRect(0,0,W,H);
if(p.mode===0){for(var k=0;k<3;k++){x.beginPath();for(var a=0;a<6.28;a+=.1){var rr=30+k*22+Math.sin(a*5+ph+k)*8;x.lineTo(W/2+Math.cos(a)*rr,H/2+Math.sin(a)*rr*.6);}x.closePath();x.strokeStyle=p.c+(k===0?'':'88');x.globalAlpha=.5;x.stroke();}x.globalAlpha=1;}
else if(p.mode===1){for(var r=0;r<3;r++){var yy=H*(0.25+r*0.27);var cl=['#22e8ff','#ffcf5c','#ff3df0'][r];for(var i2=0;i2<14;i2++){var bw=W/15;x.fillStyle=cl;x.globalAlpha=0.3+Math.abs(Math.sin(i2*.5+ph+r))*0.6;x.fillRect(i2*bw+4,yy,bw-4,18);}}x.globalAlpha=1;}
else if(p.mode===2){var cx=W/2,cy=H/2;for(var i2=0;i2<28;i2++){var a=i2/28*6.28,dst=20+(Math.sin(i2+ph)+1)*40;var px=cx+Math.cos(a+ph*.4)*dst,py=cy+Math.sin(a+ph*.4)*dst*.7;x.beginPath();x.arc(px,py,2.5,0,6.28);x.fillStyle=p.c;x.globalAlpha=.6;x.fill();x.beginPath();x.moveTo(cx,cy);x.lineTo(px,py);x.strokeStyle=p.c+'33';x.stroke();}x.beginPath();x.arc(cx,cy,8,0,6.28);x.fillStyle=p.c;x.globalAlpha=1;x.fill();}
else{var cols=8,rows=4,gw=W/cols,gh=H/rows;for(var r=0;r<rows;r++)for(var cc=0;cc<cols;cc++){var idx=r*cols+cc;var h=(Math.sin(idx*.8+ph*2)+1)/2;x.fillStyle=h>.6?'#ff3df0':p.c;x.globalAlpha=0.15+h*0.6;x.fillRect(cc*gw+2,r*gh+2,gw-4,gh-4);}x.globalAlpha=1;}
requestAnimationFrame(fr);}
var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){fr();io.disconnect();}});io.observe(cv);
});
})();
(function(){
var c=document.getElementById('cyborgCanvas'),x,W,H,t=0,parts=[];
function init(){x=c.getContext('2d');W=c.width=c.clientWidth;H=c.height=c.clientHeight;
for(var i=0;i<40;i++)parts.push({a:Math.random()*6.28,r:Math.random()*40+10,s:Math.random()*.02+.005,o:Math.random()});}
function glow(cx,cy,r,col){var g=x.createRadialGradient(cx,cy,0,cx,cy,r);g.addColorStop(0,col);g.addColorStop(1,'transparent');x.fillStyle=g;x.beginPath();x.arc(cx,cy,r,0,6.28);x.fill();}
function frame(){if(!x)return;t+=0.02;x.clearRect(0,0,W,H);
var cx=W/2,topY=H*0.12,pulse=(Math.sin(t*2)+1)/2;
x.strokeStyle='rgba(34,232,255,.9)';x.lineWidth=2;
glow(cx,topY+34,46+pulse*10,'rgba(34,232,255,.25)');
x.beginPath();x.arc(cx,topY+34,32,0,6.28);x.strokeStyle='#22e8ff';x.stroke();
for(var i=0;i<6;i++){var a=t*0.5+i*1.05;x.beginPath();x.moveTo(cx,topY+34);x.lineTo(cx+Math.cos(a)*30,topY+34+Math.sin(a)*30);x.strokeStyle='rgba(34,232,255,.4)';x.lineWidth=1;x.stroke();}
x.fillStyle='#22e8ff';x.beginPath();x.arc(cx,topY+34,6+pulse*3,0,6.28);x.fill();
x.font='9px Consolas';x.fillStyle='rgba(34,232,255,.7)';x.fillText('CPU ARCHITECT',cx-34,topY-4);
x.beginPath();x.moveTo(cx,topY+66);x.lineTo(cx,topY+90);x.strokeStyle='rgba(180,200,255,.5)';x.lineWidth=4;x.stroke();
var tY=topY+92,tH=H*0.42,tW=72;
var towerCols=['rgba(34,232,255,','rgba(255,207,92,','rgba(255,61,240,'];
var labels=['F32 APEX','INT8 MID','XNOR FURNACE'];
for(var s=0;s<3;s++){var segY=tY+s*(tH/3),segH=tH/3-4;var pl=(Math.sin(t*3+s)+1)/2;
x.fillStyle=towerCols[s]+(0.18+pl*0.3)+')';x.fillRect(cx-tW/2,segY,tW,segH);
x.strokeStyle=towerCols[s]+'.7)';x.lineWidth=1.5;x.strokeRect(cx-tW/2,segY,tW,segH);
if(s===2){for(var bx=0;bx<6;bx++)for(var by=0;by<4;by++){x.fillStyle=Math.sin(bx*by+t*4)>0?'rgba(255,61,240,.8)':'rgba(139,92,246,.4)';x.fillRect(cx-tW/2+8+bx*10,segY+8+by*9,7,6);}}
x.font='8px Consolas';x.fillStyle='#fff';x.fillText(labels[s],cx-tW/2+6,segY+segH-5);}
glow(cx,tY+tH*0.85,50+pulse*14,'rgba(255,61,240,.18)');
var hipY=tY+tH;
x.strokeStyle='rgba(180,200,255,.4)';x.lineWidth=10;x.lineCap='round';
var sw=Math.sin(t*1.5)*8;
x.beginPath();x.moveTo(cx-tW/2+8,hipY);x.lineTo(cx-30,H*0.92);x.stroke();
x.beginPath();x.moveTo(cx+tW/2-8,hipY);x.lineTo(cx+30,H*0.92);x.stroke();
var shY=tY+18;
x.beginPath();x.moveTo(cx-tW/2,shY);x.lineTo(cx-W*0.16,shY+H*0.16);x.strokeStyle='rgba(180,200,255,.4)';x.lineWidth=9;x.stroke();
var handX=cx-W*0.16,handY=shY+H*0.16;
glow(handX,handY,40+pulse*16,'rgba(139,92,246,.28)');
for(var b=0;b<3;b++){x.beginPath();x.ellipse(handX,handY,28-b*7,12-b*3,t*0.6,0,6.28);x.strokeStyle='rgba(139,92,246,'+(0.6-b*0.15)+')';x.lineWidth=1.5;x.stroke();}
for(var i=0;i<parts.length;i++){var p=parts[i];p.a+=p.s;var px=handX+Math.cos(p.a)*p.r,py=handY+Math.sin(p.a)*p.r*0.5;x.beginPath();x.arc(px,py,1.8,0,6.28);x.fillStyle='rgba(201,184,255,'+p.o+')';x.fill();}
x.font='9px Consolas';x.fillStyle='rgba(139,92,246,.8)';x.fillText('GRAVITON / BRANES',handX-40,handY+44);
x.beginPath();x.moveTo(cx+tW/2,shY);x.lineTo(cx+W*0.15,shY+H*0.14);x.strokeStyle='rgba(180,200,255,.4)';x.lineWidth=9;x.stroke();
for(var v=0;v<4;v++){var vx=cx+tW/2-6+v*4,vy=tY+30+v*22;var vent=(Math.sin(t*4+v)+1)/2;
glow(cx+tW/2+18,vy,10+vent*16,'rgba(61,255,176,'+(0.1+vent*0.3)+')');
x.fillStyle='rgba(61,255,176,'+(0.4+vent*0.5)+')';x.fillRect(cx+tW/2,vy,16+vent*10,4);}
x.font='9px Consolas';x.fillStyle='rgba(61,255,176,.8)';x.save();x.translate(cx+tW/2+34,tY+60);x.rotate(Math.PI/2);x.fillText('ENTROPY SINK',0,0);x.restore();
requestAnimationFrame(frame);}
var io=new IntersectionObserver(function(e){if(e[0].isIntersecting&&!x){init();frame();}});
io.observe(c);addEventListener('resize',function(){if(x){W=c.width=c.clientWidth;H=c.height=c.clientHeight;}});
})();
(function(){var ob=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in');});},{threshold:.08});
document.querySelectorAll('.reveal').forEach(function(el){ob.observe(el);});})();
</script>
</body>
</html>