npm - @h-rig/product-ad-website - Versions diffs - 0.0.6-alpha.283 - Mend

@h-rig/product-ad-website 0.0.6-alpha.283

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/README.md +3 -0
package/package.json +52 -0
package/site/assets/favicon.svg +1 -0
package/site/assets/og-card.png +0 -0
package/site/assets/rig.css +199 -0
package/site/assets/rig.js +66 -0
package/site/assets/search-index.json +1 -0
package/site/assets/site.css +46 -0
package/site/assets/site.js +510 -0
package/site/cli/index.html +88 -0
package/site/config/index.html +256 -0
package/site/docs/agent-tools/index.html +129 -0
package/site/docs/architecture/index.html +42 -0
package/site/docs/capabilities/index.html +84 -0
package/site/docs/entities/index.html +68 -0
package/site/docs/environment/index.html +62 -0
package/site/docs/faq/index.html +17 -0
package/site/docs/fleet-irc/index.html +44 -0
package/site/docs/gate/index.html +128 -0
package/site/docs/getting-started/index.html +50 -0
package/site/docs/glossary/index.html +31 -0
package/site/docs/index.html +68 -0
package/site/docs/operator/index.html +49 -0
package/site/docs/packages/index.html +36 -0
package/site/docs/pi-extensions/index.html +15 -0
package/site/docs/recipes/index.html +28 -0
package/site/docs/runs/index.html +35 -0
package/site/docs/security/index.html +29 -0
package/site/docs/server/index.html +27 -0
package/site/docs/swarm-commander/index.html +41 -0
package/site/docs/task-sources/index.html +129 -0
package/site/docs/troubleshooting/index.html +23 -0
package/site/docs/validators/index.html +177 -0
package/site/index.html +1653 -0
package/site/plugins/examples/index.html +419 -0
package/site/plugins/index.html +193 -0
package/site/skills/index.html +140 -0
package/site/variants/deck/index.html +1 -0

package/site/index.html ADDED Viewed

@@ -0,0 +1,1653 @@
+<!doctype html><html lang="en"><head>
+<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Rig &mdash; air superiority as a binary</title><meta property="og:image" content="https://how.rig-does.work/assets/og-card.png"><meta property="og:title" content="Rig &mdash; air superiority as a binary"><meta name="twitter:card" content="summary_large_image">
+<meta name="build" content="omp-v1"><meta name="description" content="Ground control for coding drones: launch the swarm from one terminal session, watch the fleet in the cnet, message any drone mid-flight, and land only SHA-pinned, review-cleared merges."><meta property="og:description" content="Ground control for coding drones: launch the swarm from one terminal session, watch the fleet in the cnet, message any drone mid-flight, and land only SHA-pinned, review-cleared merges.">
+<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<style>
+:root{
+--bg:#070809;--bg-2:#0b0c0e;--panel:rgba(16,17,21,.72);--glass:rgba(20,22,27,.5);
+--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.13);
+--ink:#f2f3f6;--ink-2:#aeb0ba;--ink-3:#6c6e79;--ink-4:#44464f;
+--ac:#ccff4d;--ac-dim:#a9d63f;--ac-2:#56d8ff;
+--mono:'JetBrains Mono',ui-monospace,monospace;--disp:'Space Grotesk',system-ui,sans-serif;
+--gut:clamp(24px,5vw,90px);
+}
+*{box-sizing:border-box}html{scroll-behavior:smooth}
+body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--disp);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
+a{color:var(--ink);text-decoration:none;transition:color .18s}a:hover{color:var(--ac)}
+code,pre,kbd{font-family:var(--mono)}::selection{background:var(--ac);color:#070809}
+.bleed{width:100%;padding-left:var(--gut);padding-right:var(--gut)}
+/* per-section dedicated scene canvas — absolute INSIDE each section, not a global fixed bg */
+.stage-wrap{position:relative;overflow:hidden}
+.scene{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
+.scene-veil{position:absolute;inset:0;z-index:1;pointer-events:none}
+.nav{position:fixed;top:0;left:0;right:0;z-index:40;backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(7,8,9,.72),rgba(7,8,9,0))}
+.nav-in{display:flex;align-items:center;gap:34px;padding:22px var(--gut)}
+.brand{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink);display:flex;align-items:center;gap:9px}
+.brand .mark{width:9px;height:9px;background:var(--ac);border-radius:2px;box-shadow:0 0 12px var(--ac);animation:pulse 2.4s ease-in-out infinite}
+@keyframes pulse{50%{opacity:.45;transform:scale(.82)}}
+.nav-links{display:flex;gap:26px;margin-left:auto;align-items:center}
+.nav-links a{font-size:13.5px;color:var(--ink-3);position:relative}.nav-links a:hover{color:var(--ink)}
+.nav-links a.active{color:var(--ink)}.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--ac)}
+.nav-links a.ext{color:var(--ink-4)}
+/* HERO */
+.hero{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--gut) 60px}
+.hero .scene{z-index:0}
+.hero>*:not(.scene):not(.scene-veil){position:relative;z-index:2}
+.kick{font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:14px;margin-bottom:26px}
+.kick::before{content:"";width:44px;height:1px;background:var(--ac)}
+.hl{font-family:var(--disp);font-weight:700;font-size:clamp(60px,13vw,220px);line-height:.86;letter-spacing:-.05em;color:var(--ink);margin:0;max-width:none}
+.hl .ac{color:var(--ac)}
+.herorow{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;flex-wrap:wrap;margin-top:36px}
+.lede{font-size:clamp(18px,1.6vw,22px);color:var(--ink-2);max-width:440px;line-height:1.5;margin:0}.lede b{color:var(--ink);font-weight:500}
+.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
+.btn{font-size:14px;padding:14px 28px;border-radius:9px;border:1px solid var(--line-2);color:var(--ink);transition:.18s;display:inline-flex;gap:9px;align-items:center;cursor:pointer;background:rgba(8,9,11,.4);backdrop-filter:blur(6px)}
+.btn:hover{border-color:var(--ink-3);transform:translateY(-1px)}
+.btn.pri{background:var(--ac);color:#070809;border-color:var(--ac);font-weight:600}
+.btn.pri:hover{box-shadow:0 8px 36px rgba(204,255,77,.3);transform:translateY(-2px)}
+/* cinematic terminal */
+.cine{position:relative;z-index:2;margin:60px 0 0;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:var(--panel);backdrop-filter:blur(20px);box-shadow:0 60px 160px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.02) inset;width:100%}
+.cine .cb{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}
+.cine .cb .d{width:11px;height:11px;border-radius:50%;background:#2a2c33}
+.cine .cb .d.a{background:#ff5f57}.cine .cb .d.b{background:#febc2e}.cine .cb .d.c{background:#28c840}
+.cine .cb .ttl{margin-left:10px;font-family:var(--mono);font-size:12.5px;color:var(--ink-3)}
+.cine .cb .st{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ac-dim);display:flex;align-items:center;gap:7px}
+.cine .cb .st i{width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 9px var(--ac);font-style:normal;animation:pulse 2s infinite}
+.cine .scr{padding:26px 30px;font-family:var(--mono);font-size:14px;line-height:1.85;min-height:420px;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}
+.cine .scr .pr{color:var(--ac)}.cine .scr .cm{color:var(--ink-4)}.cine .scr .ok{color:var(--ac)}
+.cine .scr .c2{color:var(--ac-2)}.cine .scr .mg{color:#ff79b0}.cine .scr .dim{color:var(--ink-4)}.cine .scr .w{color:var(--ink)}
+.cur{display:inline-block;width:9px;height:17px;background:var(--ac);vertical-align:text-bottom;margin-left:2px;animation:cb 1.05s steps(1) infinite;box-shadow:0 0 8px rgba(204,255,77,.6)}
+@keyframes cb{50%{opacity:0}}
+.scrollcue{margin-top:40px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);display:flex;align-items:center;gap:12px}
+.scrollcue .ln{width:1px;height:34px;background:linear-gradient(var(--ac),transparent);animation:cue 2s ease-in-out infinite}
+@keyframes cue{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
+/* hero install one-liner */
+.inst{display:flex;align-items:center;gap:12px;margin-top:22px;padding:13px 18px;border:1px solid var(--line-2);border-radius:9px;background:rgba(8,9,11,.55);backdrop-filter:blur(8px);font-family:var(--mono);font-size:13.5px;max-width:640px}
+.inst .pr{color:var(--ac)}
+.inst code{color:var(--ink-2);overflow-x:auto;white-space:nowrap;flex:1}
+.inst .cp{margin-left:auto;border:none;background:transparent;color:var(--ink-4);font-family:var(--mono);font-size:11px;cursor:pointer;letter-spacing:.06em;transition:.15s;flex:none}
+.inst .cp:hover{color:var(--ac)}
+/* hero: Ghostty-style — centered, the live terminal is the centerpiece */
+.herocenter{text-align:center}
+.herocenter .kick{justify-content:center;margin-bottom:22px}
+.herocenter .hl{text-align:center;font-size:clamp(46px,8.6vw,132px);line-height:.9;margin:0 auto}
+.herocenter .cine{max-width:860px;margin:42px auto 0}
+/* big two-line closing statement — crisp DOM at rest, canvas shred only during the burst */
+.hsub{line-height:1.06;color:var(--ink);margin:0 auto;max-width:1100px;letter-spacing:-.03em}
+.hsub-a,.hsub-b .l2{font-size:clamp(28px,4vw,54px);font-weight:700;line-height:1.06}
+.hsub-a{display:inline-block;color:var(--ink);margin-bottom:10px}
+.hsub-b{position:relative;display:inline-block}
+.hsub-b .l2{display:inline-block}
+.hsub-b .l2p{color:var(--ink)}
+.hsub-b .l2h{color:var(--ac);text-shadow:0 0 24px rgba(204,255,77,.4)}
+.hsub-b .ripcv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
+@media(prefers-reduced-motion:reduce){.hsub-b .ripcv{display:none}}
+.herocenter .cta{justify-content:center;margin-top:26px}
+.herocenter .inst{margin:20px auto 0}
+.herocenter .scrollcue{justify-content:center;margin-top:46px}
+/* operator's three moves band */
+.moves{position:relative;z-index:2;padding:0;border-top:1px solid var(--line)}
+.moves .mv-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
+.mv{padding:64px var(--gut);border-right:1px solid var(--line)}
+.mv:last-child{border-right:none}
+.mv .v{font-family:var(--disp);font-size:clamp(30px,3.6vw,52px);font-weight:700;letter-spacing:-.035em;color:var(--ink);line-height:1}
+.mv .v .ac{color:var(--ac)}
+.mv p{color:var(--ink-3);font-size:15.5px;margin:18px 0 0;line-height:1.55;max-width:300px}
+.mv p b{color:var(--ink-2)}
+a.mv{display:block;color:inherit;transition:background .25s}
+a.mv:hover{background:rgba(204,255,77,.035)}
+.mv .go{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);transition:color .2s,transform .2s}
+a.mv:hover .go{color:var(--ac);transform:translateX(4px)}
+@media(max-width:820px){.moves .mv-in{grid-template-columns:1fr}.mv{border-right:none;border-bottom:1px solid var(--line)}}
+/* title chromatic-aberration glitch — subtle, periodic */
+@keyframes glitch{0%,92%,100%{text-shadow:0 0 26px rgba(204,255,77,.28)}93%{text-shadow:-2px 0 rgba(86,216,255,.85),2px 0 rgba(255,121,176,.75),0 0 26px rgba(204,255,77,.28)}95%{text-shadow:2px 0 rgba(86,216,255,.85),-2px 0 rgba(255,121,176,.75),0 0 26px rgba(204,255,77,.28)}97%{text-shadow:0 0 26px rgba(204,255,77,.28)}}
+.hl.gl .ac{animation:glitch 5.5s infinite}
+@media(prefers-reduced-motion:reduce){.hl.gl .ac{animation:none}}
+/* WHAT-IS clarity band (its own scene) */
+.whatis{position:relative;z-index:2;padding:130px 0;border-top:1px solid var(--line)}
+.whatis>*:not(.scene):not(.scene-veil){position:relative;z-index:3}
+.whatis .wrapx{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
+.whatis .eyebrow{margin-bottom:20px}
+.whatis .big{font-family:var(--disp);font-size:clamp(27px,3.9vw,50px);font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1.13;max-width:1120px;margin:0}
+.whatis .big .ac{color:var(--ac)}.whatis .big .dim{color:var(--ink-3)}
+.vcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
+@media(max-width:900px){.vcards{grid-template-columns:1fr}}
+.vcard{border:1px solid var(--line-2);border-radius:14px;padding:30px 28px;background:var(--glass);backdrop-filter:blur(10px);transition:.2s;position:relative;overflow:hidden}
+.vcard::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ac);transform:scaleY(0);transform-origin:top;transition:transform .3s}
+.vcard:hover{border-color:var(--ink-3);transform:translateY(-3px)}
+.vcard:hover::after{transform:scaleY(1)}
+.vcard .vk{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac-dim);margin-bottom:14px}
+.vcard h3{font-family:var(--disp);font-size:22px;font-weight:600;color:var(--ink);margin:0 0 12px;letter-spacing:-.01em}
+.vcard p{font-size:15px;color:var(--ink-3);line-height:1.6;margin:0}.vcard p b{color:var(--ink-2)}
+.vcard ul{margin:18px 0 0;padding-left:0;color:var(--ink-2);font-size:14.5px;list-style:none}
+.vcard li{margin:11px 0;position:relative;padding-left:18px}.vcard li b{color:var(--ink)}
+.vcard li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--ac);box-shadow:0 0 7px rgba(204,255,77,.5)}
+/* staged terminal lines — reveal in sequence when the .rv container lands
+   (inline-block: the .scr's pre-wrap source newlines provide the breaks) */
+.cine .scr .tl{display:inline-block;opacity:0;transform:translateX(-8px);transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1)}
+.rv.in .tl{opacity:1;transform:none}
+/* live spinner glyph (JS cycles the braille frame) */
+.spin{color:var(--ac);display:inline-block;width:1ch}
+/* dogfood band */
+.dog{text-align:center;padding:120px var(--gut)}
+.dog>*:not(.scene){position:relative;z-index:3}
+.dog h2{font-family:var(--disp);font-size:clamp(34px,6vw,84px);font-weight:700;letter-spacing:-.04em;color:var(--ink);line-height:1;margin:0}
+.dog h2 .ac{color:var(--ac)}
+.dog p{color:var(--ink-3);font-size:18px;max-width:660px;margin:26px auto 0;line-height:1.6}
+.dog p b{color:var(--ink-2)}
+.rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
+/* sections full-bleed, each is a stage-wrap with its own scene */
+section{position:relative;z-index:2;padding:150px 0;border-top:1px solid var(--line)}
+section>.shead,section>.split,section>.pipeline,section>.pkgs{position:relative;z-index:3}
+.shead{max-width:780px;margin-bottom:74px;padding:0 var(--gut)}
+.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac-dim);margin-bottom:18px}
+.shead h2{font-family:var(--disp);font-size:clamp(36px,5.5vw,72px);font-weight:600;letter-spacing:-.035em;color:var(--ink);margin:0;line-height:1}
+.shead p{color:var(--ink-3);font-size:18px;margin:22px 0 0;line-height:1.55;max-width:600px}
+.pipeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,8,9,.35);backdrop-filter:blur(3px)}
+.stage{padding:44px var(--gut);border-right:1px solid var(--line);position:relative;transition:background .3s}
+.stage:nth-child(5n){border-right:none}
+.stage.on{background:rgba(204,255,77,.05)}
+.stage .num{font-family:var(--mono);font-size:13px;color:var(--ink-4)}.stage.on .num{color:var(--ac)}
+.stage h4{font-family:var(--disp);font-size:21px;font-weight:600;color:var(--ink);margin:16px 0 10px;letter-spacing:-.01em}
+.stage p{font-size:14px;color:var(--ink-3);margin:0;line-height:1.5}
+.stage .bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ac);transform:scaleX(0);transform-origin:left;transition:transform .5s}.stage.on .bar{transform:scaleX(1)}
+@media(max-width:820px){.pipeline{grid-template-columns:1fr 1fr}.stage:nth-child(5n){border-right:1px solid var(--line)}}
+.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 var(--gut);margin:0}
+.split.rev{direction:rtl}.split.rev>*{direction:ltr}
+.split h3{font-family:var(--disp);font-size:clamp(28px,3.6vw,46px);font-weight:600;color:var(--ink);letter-spacing:-.03em;margin:0 0 22px;line-height:1.04}
+.split p{color:var(--ink-3);font-size:17px;line-height:1.6;margin:0 0 16px}.split p b{color:var(--ink-2)}
+.panel{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;backdrop-filter:blur(14px);overflow:hidden}
+.panel .pb{padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--ink-3)}
+.panel .pp{padding:24px;font-family:var(--mono);font-size:13px;line-height:1.95;white-space:pre-wrap;word-break:break-word}
+.pp .ac{color:var(--ac)}.pp .c2{color:var(--ac-2)}.pp .dim{color:var(--ink-4)}.pp .mg{color:#ff79b0}.pp .ok{color:var(--ac)}
+.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);background:rgba(7,8,9,.35);backdrop-filter:blur(3px)}
+.pk{display:block;color:inherit;padding:38px var(--gut);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}
+.pk:nth-child(3n){border-right:none}
+.pk:hover{background:var(--bg-2)}
+.pk .nm{font-family:var(--mono);font-size:15px;color:var(--ink);margin-bottom:10px}.pk:hover .nm{color:var(--ac)}
+.pk .ds{font-size:14px;color:var(--ink-3);line-height:1.5}
+@media(max-width:820px){.pkgs{grid-template-columns:1fr}.pk{border-right:none}}
+.ctaband{text-align:center;padding:190px var(--gut)}
+.ctaband>*:not(.scene){position:relative;z-index:3}
+.ctaband h2{font-family:var(--disp);font-size:clamp(44px,9vw,140px);font-weight:700;letter-spacing:-.045em;color:var(--ink);line-height:.9;margin:0}
+.ctaband h2 .ac{color:var(--ac)}
+.ctaband p{color:var(--ink-3);font-size:20px;max-width:540px;margin:30px auto 0}
+footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:80px var(--gut) 100px;background:var(--bg)}
+.foot{display:flex;flex-wrap:wrap;gap:60px;justify-content:space-between}
+.foot .col h5{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-4);margin:0 0 16px;font-weight:500}
+.foot .col a{display:block;color:var(--ink-3);font-size:14px;padding:5px 0}.foot .col a:hover{color:var(--ink)}
+.foot .sig{font-family:var(--mono);font-size:12px;color:var(--ink-4);max-width:300px;line-height:1.7}.foot .sig b{color:var(--ink-2);font-weight:400}
+@media(max-width:900px){.split,.split.rev{grid-template-columns:1fr;direction:ltr;gap:40px}.nav-links a.ext{display:none}.nav-links{gap:18px}.herorow{flex-direction:column;align-items:flex-start}}
+/* ASCII drone mascot inside hero terminal */
+.cine .scr.mascot{min-height:470px;padding:20px 8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
+.cine .scr.mascot .sprite{white-space:pre;text-align:left;display:inline-block;font-size:13px;line-height:1.08;letter-spacing:1px}
+@media(min-width:1100px){.cine .scr.mascot .sprite{font-size:16px;line-height:1.12}}
+@media(max-width:700px){.cine .scr.mascot .sprite{font-size:10px;letter-spacing:.5px}}
+.g-d{color:#ccff4d;text-shadow:0 0 6px rgba(204,255,77,.35)}
+.g-m{color:#a9d63f}
+.g-c{color:#56d8ff}
+.g-r{color:#5f6b3a}
+.g-s{color:#3a4a1e}
+.g-rb{color:#7d9e34;text-shadow:0 0 4px rgba(204,255,77,.22)}
+.g-eye{color:#eaffb0;text-shadow:0 0 10px rgba(204,255,77,.9),0 0 18px rgba(204,255,77,.5)}
+.g-b{color:transparent}
+/* ---- content container: wide but readable (full-bleed dividers/scenes stay edge-to-edge) ---- */
+:root{--maxw:1520px}
+.hero{align-items:center}
+.hero>.kick,.hero>.hl,.hero>.scrollcue{width:100%;max-width:var(--maxw);margin-left:auto;margin-right:auto}
+.shead{max-width:var(--maxw);margin-left:auto;margin-right:auto}
+.shead h2,.shead p,.shead .eyebrow{max-width:860px}
+.split{max-width:var(--maxw);margin-left:auto;margin-right:auto}
+.pipeline{max-width:var(--maxw);margin-left:auto;margin-right:auto}
+.pkgs{max-width:var(--maxw);margin-left:auto;margin-right:auto}
+.ctaband>.rv,.ctaband>.cta{max-width:980px;margin-left:auto;margin-right:auto}
+footer .foot{max-width:var(--maxw);margin-left:auto;margin-right:auto}
+/* ---- atmosphere: grain, scanlines, aurora, divider accents, hover physics ---- */
+body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
+.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 42% at 50% 10%,rgba(204,255,77,.07),transparent 62%),radial-gradient(42% 34% at 16% 80%,rgba(86,216,255,.05),transparent 65%),radial-gradient(46% 36% at 86% 72%,rgba(204,255,77,.04),transparent 65%)}
+.cine .scr{position:relative}
+.cine .scr::after,.panel .pp::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}
+.panel .pp{position:relative}
+section::before,.moves::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:min(560px,62%);height:1px;background:linear-gradient(90deg,transparent,rgba(204,255,77,.38),transparent);z-index:4;pointer-events:none}
+.herocenter .cine{box-shadow:0 60px 160px -40px rgba(0,0,0,.85),0 0 110px -28px rgba(204,255,77,.16),0 0 0 1px rgba(255,255,255,.02) inset}
+.panel{transition:transform .25s,border-color .25s,box-shadow .25s}
+.panel:hover{transform:translateY(-3px);border-color:rgba(204,255,77,.22);box-shadow:0 28px 90px -38px rgba(0,0,0,.85)}
+.panel::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(204,255,77,.55),transparent);opacity:0;transition:opacity .3s;z-index:2}
+.panel:hover::before{opacity:1}
+.panel{position:relative}
+.stage:hover{background:rgba(204,255,77,.025)}
+.pk:hover{transform:translateY(-2px)}
+@media(prefers-reduced-motion:reduce){.panel:hover,.pk:hover{transform:none}}
+</style><link rel="stylesheet" href="assets/site.css?v=v9"><link rel="icon" type="image/svg+xml" href="assets/favicon.svg"></head><body><nav class="nav"><div class="nav-in">
+<a class="brand" href="./"><span class="mark"></span>Rig</a>
+<div class="nav-links">
+<a href="./" class="active">overview</a><a href="docs/index.html">docs</a>
+<a href="plugins/index.html">plugins</a><a href="skills/index.html">skills</a>
+<a href="cli/index.html">cli</a><a href="config/index.html">config</a>
+<a href="https://github.com/humanity-org/rig" class="ext">github</a>
+</div></div></nav>
+<header class="hero stage-wrap herocenter">
+<canvas class="scene" data-scene="dispatch"></canvas>
+<h1 class="hl gl">Air superiority, <span class="ac">as a binary.</span></h1>
+<div class="cine"><div class="cb"><span class="d a"></span><span class="d b"></span><span class="d c"></span><span class="ttl">rig &mdash; OMP session cnet</span><span class="st"><i></i>live</span></div><div class="scr" id="cine"></div></div>
+<div class="inst"><span class="pr">$</span><code id="instcmd">curl -fsSL https://where.rig-does.work/install | bash</code><button class="cp" onclick="navigator.clipboard&&navigator.clipboard.writeText(document.getElementById('instcmd').innerText);this.innerText='copied';var b=this;setTimeout(function(){b.innerText='copy'},1200)">copy</button></div>
+<div class="scrollcue"><span class="ln"></span>scroll to descend</div>
+</header>
+<section class="moves">
+<div class="mv-in">
+<a class="mv rv" href="#loop"><div class="v">Arm.</div><p>Install once, type bare <code>rig</code> &mdash; ground control opens with the cnet live, the fleet linked, and every verb loaded.</p><span class="go">open the loop &rarr;</span></a>
+<a class="mv rv" href="#swarmer"><div class="v">Command.</div><p>Say it in chat &mdash; the <b>Swarm Commander</b> reads the cnet, picks the verb, and moves the fleet. Receipts, or it didn&rsquo;t happen.</p><span class="go">meet the swarm commander &rarr;</span></a>
+<a class="mv rv" href="#ops"><div class="v">Clear.</div><p>The cnet lives in your transcript &mdash; <code>/fleet</code>, <code>/tasks</code>, and <code>/drone</code> drop live cards inline; the one that needs you says so.</p><span class="go">the ops story &rarr;</span></a>
+</div>
+</section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="nightshift"></canvas>
+<div class="shead rv"><div class="eyebrow">the night shift</div><h2>Yesterday&rsquo;s backlog. This morning&rsquo;s <span class="ac">merges.</span></h2><p>Ammunition comes from your real tracker &mdash; GitHub Issues, Linear, or your own source. A drone takes the task, flies the sortie in its own sealed session, fights the review, and lands a SHA-pinned merge. Close ground control &mdash; the sorties keep flying; reopen it and the fleet is right there in the cnet.</p></div>
+</section>
+<section id="loop" class="stage-wrap">
+<canvas class="scene" data-scene="cnet"></canvas>
+<div class="shead rv"><div class="eyebrow">the loop</div><h2>One terminal command. One live session.</h2><p>Install Rig, type <code>rig</code>, and run the war from the transcript. The cnet streams what the fleet is doing; every move you make comes back with a receipt.</p></div>
+<div class="pipeline rv" id="pipe">
+<div class="stage" data-i="0"><div class="num">01</div><h4>Install</h4><p>The one-line installer puts the self-contained <code>rig</code> binary on your PATH.</p><span class="bar"></span></div>
+<div class="stage" data-i="1"><div class="num">02</div><h4>Open</h4><p>Type <code>rig</code>. The session opens with the fleet already wired.</p><span class="bar"></span></div>
+<div class="stage" data-i="2"><div class="num">03</div><h4>Dispatch</h4><p>Dispatch from <code>/fleet</code> &mdash; or just tell the Commander what to launch.</p><span class="bar"></span></div>
+<div class="stage" data-i="3"><div class="num">04</div><h4>Watch</h4><p>Fleet, active runs, and attention stream in as live cards.</p><span class="bar"></span></div>
+<div class="stage" data-i="4"><div class="num">05</div><h4>Decide</h4><p>The card that needs you offers the verbs. One keystroke answers.</p><span class="bar"></span></div>
+</div></section>
+<section id="swarmer" class="stage-wrap">
+<canvas class="scene" data-scene="swarmer"></canvas>
+<div class="shead rv"><div class="eyebrow">the swarm commander</div><h2>Say the word. The swarm <span style="color:var(--ac)">moves.</span></h2><p>The Swarm Commander sits in your chat and speaks fleet. Ask for anything &mdash; it reads the cnet, picks the right verb, and executes with the receipt to prove it.</p></div>
+<div class="split rv">
+<div><h3>Every verb your build ships. Zero ceremony.</h3>
+<p>Tasks, fleet state, dispatch, steering, stop, restart, model changes &mdash; plain chat. The Commander discovers whatever verbs your plugins contribute; a tailored <code>.rig/rig.config.ts</code> build hands it exactly your arsenal.</p>
+<p>And it can&rsquo;t hand-wave. Every action binds to the exact item and revision it saw, and nothing counts as done until the durable receipt lands. A send is not a success &mdash; the receipt is.</p>
+</div>
+<div class="cine" style="margin:0"><div class="cb"><span class="d a"></span><span class="d b"></span><span class="d c"></span><span class="ttl">rig &mdash; Commander role</span><span class="st"><i></i>operator turn</span></div><div class="scr" style="min-height:0"><span class="tl" style="transition-delay:.05s"><span class="pr">you</span>      <span class="w">show ready tasks and dispatch #412</span></span>
+<span class="tl" style="transition-delay:.3s"><span class="c2">swarmer</span>  reading the tracker through the cnet</span>
+<span class="tl" style="transition-delay:.55s"><span class="dim">cnet</span>       tasks &middot; 12 ready</span>
+<span class="tl" style="transition-delay:.8s"><span class="c2">swarmer</span>  dispatching task #412</span>
+<span class="tl" style="transition-delay:1.05s"><span class="ok">receipt</span>    applied &middot; task #412 &middot; run 0xA1</span>
+<span class="tl" style="transition-delay:1.3s"><span class="pr">you</span>      <span class="w">tell 0xA1 to rerun the focused spec</span></span>
+<span class="tl" style="transition-delay:1.55s"><span class="c2">swarmer</span>  steering run 0xA1</span>
+<span class="tl" style="transition-delay:1.8s"><span class="dim">cnet</span>        send direction &middot; run 0xA1</span>
+<span class="tl" style="transition-delay:2.05s"><span class="ok">receipt</span>    delivered &middot; on the record</span></div></div>
+</div></section>
+<section id="net" class="stage-wrap">
+<canvas class="scene" data-scene="ircnet"></canvas>
+<div class="shead rv"><div class="eyebrow">the fleet net</div><h2>Every callsign, one <span class="ac">net.</span></h2><p>Drones aren&rsquo;t fire-and-forget. Every airframe is on the net: DM a drone mid-flight and it answers in the cnet; a drone that hits something worth your time raises you first. Every message lands in the run&rsquo;s journal &mdash; part of the mission record, forever.</p></div>
+<div class="split rv">
+<div><h3>Message a parked drone. Watch it wake.</h3>
+<p>The net is OMP&rsquo;s own IRC, extended across the fleet: operator, Commander, and drones are addressable peers &mdash; send, reply, inbox, roster. Nothing rides outside the record; every send appends to the owning run&rsquo;s journal.</p>
+<p>Even sleep isn&rsquo;t off the net. Message a parked drone and it revives &mdash; same run id, same branch, your DM read first.</p></div>
+<div class="panel"><div class="pb">run 0xA1 &middot; on the net</div><div class="pp"><span class="c2">drone</span>     running &middot; implement
+<span class="c2">message</span>   to operator &middot; &ldquo;APP_TOKEN is missing&rdquo;
+<span class="ok">receipt</span>   journaled &middot; seq 121
+<span class="ac">operator</span>  &ldquo;use the staging token&rdquo; &rarr; 0xA1
+<span class="ok">receipt</span>   delivered &middot; read at the next step
+<span class="dim">// DM a parked drone &rarr; same run wakes &middot; message read first</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="plansplit"></canvas>
+<div class="shead rv"><div class="eyebrow">the tasking</div><h2>The backlog is the <span class="ac">ammo belt.</span></h2><p>Work arrives however you already track it &mdash; GitHub Issues, Linear, or your own source. <code>/tasks</code> shows what&rsquo;s ready; a <code>/fleet</code> action or <code>rig run dispatch</code> sends a drone at it.</p></div>
+<div class="split rv">
+<div><h3>The tracker stays the boss.</h3>
+<p>Rig never copies your backlog into a private database &mdash; it reads the source live and writes back through it. Dispatch a task, and when the merge lands the task closes where it lives.</p></div>
+<div class="panel"><div class="pb">/tasks &middot; configured source</div><div class="pp"><span class="ok">ready</span>      #421 auth: token refresh
+<span class="ok">ready</span>      #430 api: rate limiter
+<span class="c2">running</span>    #433 ui: usage panel
+<span class="ac">actions</span>    Create task &middot; Rename &middot; Close
+<span class="dim">// read live from the source &middot; closed by the merge</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="relay"></canvas>
+<div class="shead rv"><div class="eyebrow">the walkthrough</div><h2>Install once. Type rig.</h2><p>The launcher drops you into the session. From there you talk, dispatch, watch the fleet, answer what needs you, and pull up any drone &mdash; without leaving the transcript.</p></div>
+<div class="rv" style="position:relative;z-index:3;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)">
+<div class="cine" style="margin:0"><div class="cb"><span class="d a"></span><span class="d b"></span><span class="d c"></span><span class="ttl">rig &mdash; task #418</span><span class="st"><i></i>one command</span></div><div class="scr" style="min-height:0"><span class="tl" style="transition-delay:.05s"><span class="pr">$</span> <span class="w">rig</span></span>
+<span class="tl" style="transition-delay:.25s"><span class="c2">&rsaquo; open</span>       OMP session &middot; workspace linked &middot; Rig extension <span class="ok">&#10003;</span></span>
+<span class="tl" style="transition-delay:.45s"><span class="c2">&rsaquo; cnet</span>      live &middot; the fleet in your transcript</span>
+<span class="tl" style="transition-delay:.65s"><span class="c2">&rsaquo; commander</span>  on station</span>
+<span class="tl" style="transition-delay:.85s"><span class="c2">&rsaquo; tasks</span>      <span class="w">/tasks</span> filter &middot; task #418 ready to dispatch</span>
+<span class="tl" style="transition-delay:1.05s"><span class="ac">&rsaquo; dispatch</span>   task #418 &rarr; run 0xA1 &middot; receipt in the cnet</span>
+<span class="tl" style="transition-delay:1.25s"><span class="c2">&rsaquo; attention</span>  the card that needs you renders inline</span>
+<span class="tl" style="transition-delay:1.45s"><span class="c2">&rsaquo; cnet</span>      <span class="w">/fleet</span> &middot; <span class="w">/drone 0xA1</span> inline cards</span>
+<span class="tl" style="transition-delay:1.65s"><span class="ac">&rsaquo; gate</span>       <span class="w">@rig/pr-review-plugin</span> strict merge gate armed</span>
+<span class="tl" style="transition-delay:1.85s"><span class="c2">&rsaquo; attach</span>     <span class="w">rig attach 0xA1</span> &middot; straight into the cockpit</span>
+<span class="tl" style="transition-delay:2.05s"><span class="ok">&rsaquo; live</span>       runId === sessionId &middot; OMP JSONL journal</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="lanes"></canvas>
+<div class="split rev rv">
+<div><h3>One CNet. Drones placed anywhere.</h3>
+<p>Your session owns the conversation; the cnet shows the fleet. Local and remote are just parking spots &mdash; every drone flies the same contract wherever it runs, and one keystroke opens any of them.</p></div>
+<div class="panel"><div class="pb">Rig session &middot; live fleet</div><div class="pp"><span class="c2">0xA1</span>  auth-fix run       <span class="ok">local</span> <span class="dim">&middot; active</span>
+<span class="c2">0xB7</span>  collab refactor   <span class="ac">remote</span> <span class="dim">&middot; live</span>
+<span class="c2">0xC3</span>  docs polish       <span class="ok">local</span> <span class="dim">&middot; merged</span>
+<span class="c2">0xD9</span>  design review     <span class="ac">remote</span> <span class="dim">&middot; needs attention</span>
+<span class="dim">&hellip; +18 run sessions in the fleet</span>
+<span class="dim">// OMP is authority &middot; relay is coordination</span>
+<span class="ok">/fleet &rarr; /drone</span> <span class="dim">&middot; the cnet keeps the receipts</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="hangar"></canvas>
+<div class="shead rv"><div class="eyebrow">the harness</div><h2>Every drone gets its own hangar.</h2><p>A dispatched run launches from a sealed bay: its own git worktree, its own runtime <code>HOME</code> and credentials, an OS sandbox that fails closed, and a toolchain hardlinked from one binary. Sorties never share air.</p></div>
+<div class="split rv">
+<div><h3>Isolation is the airframe, not a checkbox.</h3>
+<p>Two drones on the same repo can&rsquo;t touch each other&rsquo;s fuel: separate branches in separate worktrees, separate <code>HOME</code>, per-run identity with token keys stripped and auth through a state file. The OS sandbox is <b>enforce by default</b> &mdash; bwrap on Linux, seatbelt on macOS &mdash; and fails closed when the host can&rsquo;t confine, instead of silently flying unprotected.</p>
+<p>Crash one drone: the swarm doesn&rsquo;t feel it. Close ground control: the sorties keep flying &mdash; every drone is its own process with the mission journal onboard.</p></div>
+<div class="panel"><div class="pb">run 0xA1 &mdash; bay manifest</div><div class="pp"><span class="c2">worktree</span>   .worktrees/0xA1 <span class="dim">&middot; own branch, own index</span>
+<span class="c2">home</span>       .worktrees/0xA1/.rig/home <span class="dim">&middot; isolated runtime state</span>
+<span class="c2">identity</span>   per-run credentials <span class="dim">&middot; token keys stripped</span>
+<span class="c2">sandbox</span>    <span class="w">enforce</span> &middot; seatbelt <span class="ok">&#10003;</span> <span class="dim">&middot; fails closed</span>
+<span class="c2">toolchain</span>  rig-run &middot; rig-agent &middot; rig-shell <span class="dim">&rarr; hardlinks of one binary</span>
+<span class="dim">// nothing shared &middot; nothing leaked &middot; nothing borrowed</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="scramble"></canvas>
+<div class="shead rv"><div class="eyebrow">the scramble</div><h2>Wheels-up before npm finds its <span class="ac">lockfile.</span></h2><p>Provisioning is native code, not npm scripts. The bay materializes straight from the compiled binary &mdash; worktree, sealed identity, dependency layer, toolchain &mdash; zero package installs on the runway.</p></div>
+<div class="split rv">
+<div><h3>One binary, every role.</h3>
+<p>No interpreter boots and no package tree gets copied. The same executable wakes up as <code>rig-git</code>, the sandboxed shell, or the tool gateway depending on the name it answers to &mdash; the whole fleet shares one build, one disk footprint, one attack surface.</p>
+<div class="panel"><div class="pb">bay 07 &middot; provisioning</div><div class="pp"><span class="c2">worktree</span>   run/0xA1 checked out            <span class="ok">ready</span>
+<span class="c2">identity</span>   isolated HOME &middot; scoped credentials <span class="ok">ready</span>
+<span class="c2">deps</span>       runtime layer hardlinked         <span class="ok">ready</span>
+<span class="c2">toolchain</span>  multicall Rig binary              <span class="ok">ready</span>
+<span class="ac">status</span>     armed &middot; wheels-up</div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="carrier"></canvas>
+<div class="shead rv"><div class="eyebrow">the extension</div><h2>One OMP session. Rig inside it.</h2><p>Rig launches Oh My Pi with the Rig extension aboard, pinned to an exact runtime version. The session opens with the fleet already loaded &mdash; no service to start, nothing to babysit.</p></div>
+<div class="split rv">
+<div><h3>Configured once. Loaded into every session.</h3>
+<p>Bare <code>rig</code> carries your extension set and team packages from <code>runtime.pi.packages</code> into every session &mdash; yours and every drone&rsquo;s. Same versions, same tools, every time; the cnet operates them all.</p>
+<a class="btn" href="docs/pi-extensions/index.html" style="margin-top:8px">OMP/Pi extensions</a></div>
+<div class="panel"><div class="pb">same extension, every session</div><div class="pp"><span class="c2">omp/pi</span>      <span class="w" data-pi-version>16.3.4</span> <span class="dim">bundled &middot; pinned</span>
+<span class="c2">extensions</span>  pi-subagents &middot; pi-web-access &middot; <span class="dim">your-ext</span>
+<span class="dim">// runtime.pi.packages &rarr; OMP/Pi session packages</span>
+<span class="ac">session</span>      OMP + Rig &middot; cnet ready <span class="ok">&#10003;</span>
+<span class="ac">drone 0xB7</span>   remote placement &middot; supervised <span class="ok">&#10003;</span>
+<span class="ac">attach 0xC3</span>  terminal or web &middot; one keystroke <span class="ok">&#10003;</span>
+<span class="dim">// same version + extension set, installed at session start</span></div></div>
+</div></section>
+<section id="cycle" class="stage-wrap">
+<canvas class="scene" data-scene="strikeloop"></canvas>
+<div class="shead rv"><div class="eyebrow">the recon-strike loop</div><h2>Reviews don&rsquo;t wait for you.</h2><p>Recon confirms the target; the drone flies the sortie; assessment sends it back up. CI fails &mdash; the drone fixes and re-pushes. The reviewer <b>executes the code</b>, reproduces the bug it suspects, and pins the finding to lines &mdash; the drone answers it in the diff. Push by push, until the evidence is clean on the current head.</p></div>
+<div class="split rev rv">
+<div><h3>Target confirmed. Sortie. Assess. Again.</h3>
+<p>No human relays anything. Review findings and failing checks feed the drone directly, and the loop runs on its own &mdash; the same unattended cycle that Rig&rsquo;s own PRs fly through before they land.</p>
+<p>Watched live on a real PR: finding &rarr; fix &rarr; deeper finding &rarr; the drone removed the root cause outright instead of patching around it &rarr; clean score &rarr; merged. Zero relayed instructions, receipts in the cnet.</p></div>
+<div class="cine" style="margin:0"><div class="cb"><span class="d a"></span><span class="d b"></span><span class="d c"></span><span class="ttl">PR #418 &mdash; review loop</span><span class="st"><i></i>autonomous</span></div><div class="scr" style="min-height:0"><span class="tl" style="transition-delay:.05s"><span class="c2">recon</span>      reviewer ran the code &middot; bug reproduced &middot; finding <span class="mg">P1</span> pinned to lines</span>
+<span class="tl" style="transition-delay:.3s"><span class="ac">sortie 1</span>   fix pushed &middot; re-review triggered</span>
+<span class="tl" style="transition-delay:.55s"><span class="c2">recon</span>      new finding &middot; stale id still collides on redelivery</span>
+<span class="tl" style="transition-delay:.8s"><span class="ac">sortie 2</span>   root cause removed &middot; the colliding ids no longer exist</span>
+<span class="tl" style="transition-delay:1.05s"><span class="c2">assess</span>     score <span class="ok">5/5</span> &middot; current head &middot; CI green &middot; threads resolved</span>
+<span class="tl" style="transition-delay:1.3s"><span class="ok">cleared</span>    gate unlocks &middot; landing pinned to the reviewed SHA</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="gatewall"></canvas>
+<div class="shead rv"><div class="eyebrow">the gate</div><h2>Approved, or it dies.</h2><p>Every run has to prove the current head: GitHub review approval, green CI, resolved threads, and a SHA-pinned merge. Proof fails &mdash; the cnet says so and hands you the next verb. And completion is evidence, not a claim: no commits, no diff, no PR &mdash; no <i>complete</i>. A drone that can&rsquo;t prove its work says needs-attention, on the record.</p></div>
+<div class="split rv">
+<div><h3>The gate pins the exact head.</h3>
+<p><code>@rig/pr-review-plugin</code> keeps pushing the same PR through actionable feedback until the evidence is clean. The merge uses <code>--match-head-commit</code>: push one more commit after approval and the merge fails instead of shipping an unreviewed head.</p>
+<a class="btn" href="docs/gate/index.html" style="margin-top:8px">Read the gate spec</a></div>
+<div class="panel"><div class="pb">strict gate &middot; PR #418</div><div class="pp"><span class="c2">attempt 1</span>  review <span class="mg">changes requested</span> &middot; CI red <span class="dim">&rarr; steer run</span>
+<span class="c2">attempt 2</span>  review pending &middot; <span class="mg">1 thread open</span> <span class="dim">&rarr; continue</span>
+<span class="c2">attempt 3</span>  review <span class="ok">approved</span> &middot; CI green &middot; threads resolved <span class="ok">&#10003;</span>
+<span class="ac">merge</span>      gh pr merge <span class="dim">--match-head-commit</span> 9f3c2e1 <span class="ok">&#10003;</span>
+<span class="ok">closed</span>     issue #418 &middot; branch deleted</div></div>
+</div></section>
+<section id="attach" class="stage-wrap">
+<canvas class="scene" data-scene="harness"></canvas>
+<div class="shead rv"><div class="eyebrow">operate</div><h2>When a run needs you, it says so.</h2><p>Runs, approvals, and questions surface as attention cards in the cnet. <code>/fleet</code> shows the whole board; <code>/drone [ref]</code> opens one run &mdash; status, progress, timeline, controls, attach.</p></div>
+<div class="split rv">
+<div><h3>Your decision stays in the session.</h3>
+<p>Steer, switch models, or unblock a drone without leaving chat. Need hands-on? <code>rig attach &lt;run-id&gt;</code> or the drone card drops your terminal or browser into that exact run &mdash; credentials stay Rig&rsquo;s problem, not your clipboard&rsquo;s.</p>
+<p>Every action leaves its receipt in the transcript. And when something looks wrong, <code>rig doctor</code> reads the evidence before you reach for kill.</p>
+<a class="btn" href="docs/operator/index.html" style="margin-top:8px">Read the operator guide</a></div>
+<div class="pi-term" data-title="Attention &rarr; /drone &mdash; OMP live session" data-rows="14">
+<script type="application/json">[
+{"t":"dim","s":"⠹ opening Rig session"},
+{"t":"out","s":"● cnet ready — the fleet in your transcript"},
+{"t":"code","s":"Fleet · 4 runs · 1 active · 1 needs attention"},
+{"t":"code","s":"Attention · run 0xA1 parked after recovery attempt"},
+{"t":"code","s":"  Send direction · Restart run · Stop run"},
+{"t":"u","s":"/drone 0xA1"},
+{"t":"code","s":"Run 0xA1 · needs attention · remote · recent timeline"},
+{"t":"u","s":"/cnet-action 1"},
+{"t":"u","s":"use the existing retry helper; do not add a new loop"},
+{"t":"think","ms":1400},
+{"t":"out","s":"receipt — direction delivered to run 0xA1."},
+{"t":"dim","s":"inline drone card: status · progress · timeline · controls · attach"},
+{"t":"pause","ms":3200}
+]</script>
+<div class="pi-term-status-data" hidden data-path="~/work/app (run/0xA1)" data-stats="&uarr;21k &darr;679 R161k $0.000 (sub) 18.4%/128k (auto)" data-model="team-default &bull; thinking high"></div>
+</div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="arsenal"></canvas>
+<div class="shead rv"><div class="eyebrow">the arsenal</div><h2>Verbs for you. Tools for <span class="ac">them.</span></h2><p>The operator gets verbs in the cnet. The Swarm Commander gets the same verbs as tools. Every drone carries a typed mission pack &mdash; no memorized CLI strings, no shell games.</p></div>
+<div class="pkgs rv">
+<a class="pk" href="docs/operator/index.html"><div class="nm">operator deck</div><div class="ds">Inline /fleet, /tasks, /drone and attention cards &middot; attach to any run &middot; rig doctor.</div></a>
+<a class="pk" href="docs/swarm-commander/index.html"><div class="nm">commander deck</div><div class="ds">Reads the cnet &middot; every plugin-contributed verb &middot; a receipt on every move.</div></a>
+<a class="pk" href="docs/agent-tools/index.html"><div class="nm">drone deck</div><div class="ds">rig_task, rig_git, rig_repo_sync, rig_profile, rig_review, irc &mdash; strict schemas that refuse instead of guessing.</div></a>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="journal"></canvas>
+<div class="shead rv"><div class="eyebrow">the record</div><h2>Every run is a session record.</h2><p>A run is a detached session: <code>runId === sessionId</code>, and the whole mission &mdash; every message, decision, and receipt &mdash; lives in that drone&rsquo;s journal. The cnet is the live view; the journal is the truth.</p></div>
+<div class="split rev rv">
+<div><h3>The record outlives the wire.</h3>
+<p>Runs record themselves: lifecycle, messages, and receipts append to the owning session&rsquo;s journal as they happen. The cnet projects it live &mdash; a view, never a second truth.</p>
+<p>Reopen <code>rig</code> and the fleet is rediscovered from the records. If a run stalls, <code>rig doctor</code> shows you the evidence before you kill anything.</p>
+<a class="btn" href="docs/runs/index.html" style="margin-top:8px">The run lifecycle</a></div>
+<div class="panel"><div class="pb">cnet &rarr; records &rarr; drone card</div><div class="pp"><span class="dim">10:42:01</span>  <span class="c2">open</span>       session open &middot; Rig aboard
+<span class="dim">10:42:04</span>  <span class="c2">session</span>    run 0xA1 ready <span class="ok">&#10003;</span>
+<span class="dim">10:43:18</span>  <span class="w">run</span>        implementing &middot; worktree isolated
+<span class="dim">10:44:02</span>  <span class="mg">receipt</span>    direction accepted: &ldquo;prefer the existing retry helper&rdquo;
+<span class="dim">10:51:40</span>  <span class="ac">attention</span>  approval resolved <span class="ok">&#10003;</span>
+<span class="dim">11:02:13</span>  <span class="ac">attach</span>     terminal attached &middot; run <span class="w">0xA1</span>
+<span class="dim">11:02:55</span>  <span class="ok">gate</span>       strict gate passed <span class="ok">&#10003;</span>
+<span class="dim">// one timeline &middot; the whole mission on the record</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="cipher"></canvas>
+<div class="shead rv"><div class="eyebrow">the cockpit</div><h2>Address the drone, not the <span class="ac">credential.</span></h2><p>Pick a run by id &mdash; Rig finds it, holds the credential, and puts you in. Terminal or browser, the join secret never touches your command line or your chat history.</p></div>
+<div class="split rv">
+<div><h3>Any machine is a runway.</h3>
+<p>Placement is a parameter: the same drone flies on your laptop or a remote box. Same run id, same journal, same verbs &mdash; the only difference is where the engine spins.</p>
+<div class="panel"><div class="pb">attach &middot; run 0xE4</div><div class="pp"><span class="c2">target</span>   detached drone 0xE4 <span class="dim">&middot; live</span>
+<span class="c2">surface</span>  terminal or web
+<span class="c2">credential</span> resolved privately by Rig
+<span class="ok">receipt</span>  attached &middot; you&rsquo;re in the cockpit</div></div>
+</div></section>
+<section id="ops" class="stage-wrap">
+<canvas class="scene" data-scene="heal"></canvas>
+<div class="shead rv"><div class="eyebrow">ops</div><h2>Drop the relay. The run keeps writing.</h2><p>The mission journal rides in the airframe, not on the wire. Drop the relay or close an attached client and the run flies on; reopen ground control and the cnet rebuilds from the record.</p></div>
+<div class="split rev rv">
+<div><h3>The run is its own black box.</h3>
+<p>The detached session is the authority on itself. Close a terminal, refresh the browser, lose the network &mdash; reconnect and everything is still there, because nothing was ever only on the wire.</p>
+<p>And a frozen session gets no quiet burial &mdash; <code>rig doctor</code> lays out discovery, relay, transcript, and sandbox evidence for the post-mortem before you kill it.</p></div>
+<div class="panel"><div class="pb">relay blip during a live session &middot; what actually happens</div><div class="pp"><span class="dim">// network drops while OMP keeps the transcript open</span>
+<span class="c2">relay</span>      reconnecting to wss://where.rig-does.work <span class="ok">&#10003;</span>
+<span class="c2">session</span>    OMP transcript unchanged <span class="dim">(authority local)</span>
+<span class="c2">cnet</span>      0xA1 redisplayed <span class="dim">&middot; rebuilt from the journal</span>
+<span class="w">operator</span>   reattaches by run id <span class="dim">&middot; same detached session</span>
+<span class="ok">live</span>       OMP authority never moved
+<span class="dim">// private credential rotated? discovery resolves it again</span>
+<span class="dim">// run gone? rig doctor says that plainly instead of faking attach</span>
+<span class="c2">stall</span>      no transcript movement &rarr; diagnostics &middot; operator choice</div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="engine"></canvas>
+<div class="shead rv"><div class="eyebrow">the doctrine</div><h2>Everything is a <span class="ac">plugin.</span></h2><p>Rig is a stack of plugins over a three-package floor. The entrypoint, the cnet, the gate, dispatch &mdash; all plugin contributions. Don&rsquo;t like a layer? Replace it, and forge a binary with your swap baked in.</p></div>
+<div class="pkgs rv">
+<a class="pk" href="docs/packages/index.html"><div class="nm">@rig/contracts</div><div class="ds">The floor: schemas, types, IPC shapes. One of only three non-plugins.</div></a>
+<a class="pk" href="docs/packages/index.html"><div class="nm">@rig/core</div><div class="ds">The floor: defineConfig / definePlugin and the plugin host.</div></a>
+<a class="pk" href="docs/packages/index.html"><div class="nm">@rig/kernel-seed</div><div class="ds">The floor: bootstrap seed, plugin ABI, capability resolver.</div></a>
+<a class="pk" href="docs/packages/index.html"><div class="nm">apps/rig</div><div class="ds">The sole product application and first-party plugin graph.</div></a>
+<a class="pk" href="docs/packages/index.html"><div class="nm">@rig/product-entrypoint-plugin</div><div class="ds">Bare rig: session launch, resume, help, history.</div></a>
+<a class="pk" href="docs/packages/index.html"><div class="nm">@rig/omp-extension-plugin</div><div class="ds">The cnet runtime: inline cards, model control, attach.</div></a>
+<a class="pk" href="docs/packages/index.html"><div class="nm">@rig/run-plugin</div><div class="ds">Run journal, read model, cnet projections, run controls.</div></a>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="surfaces"></canvas>
+<div class="shead rv"><div class="eyebrow">extend</div><h2>Two extension surfaces. One Rig session.</h2><p>Two places to plug in &mdash; the workflow automation Rig runs around the session, or the OMP session itself.</p></div>
+<div class="split rv">
+<div><h3>Choose the layer that owns the behavior.</h3>
+<p><b>Rig plugins</b> extend the workflow automation layer &mdash; <code>definePlugin</code> from <code>@rig/core</code>, contract-tested, validators dispatch in-process, skills materialize into <code>.pi/skills/</code>.</p>
+<p><b>OMP/Pi extensions</b> extend the live session &mdash; community npm via <code>rig pi add</code> or team-wide <code>runtime.pi.packages</code>, installed at session start.</p>
+<a class="btn" href="plugins/index.html" style="margin-top:8px;margin-right:10px">Plugin authoring</a><a class="btn" href="docs/pi-extensions/index.html" style="margin-top:8px">OMP/Pi extensions</a></div>
+<div class="panel"><div class="pb">rig pi &mdash; OMP/Pi packages</div><div class="pp"><span class="ac">$</span> rig pi search subagents
+<span class="c2">pi-subagents</span>      <span class="dim">Subagent orchestration for Pi</span>
+<span class="ac">$</span> rig pi add pi-subagents
+Added pi-subagents to .pi/settings.json.
+<span class="dim">Pi installs missing packages automatically at
+the next session start (local and worker).</span>
+<span class="ac">$</span> rig pi list
+Project OMP/Pi packages (.pi/settings.json):
+  pi-subagents
+  pi-web-access@1.2.0  <span class="dim">[from rig.config runtime.pi.packages]</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="swap"></canvas>
+<div class="shead rv"><div class="eyebrow">defaults</div><h2>Opinionated defaults. Zero lock-in.</h2><p>Rig works the second you run it &mdash; and every layer underneath is a contribution you can swap. Keep ours, or replace any of them.</p></div>
+<div class="split rev rv">
+<div><h3>Replace any part. Keep the rest.</h3>
+<p>The defaults aren&rsquo;t hardcoded &mdash; even GitHub Issues ships as the <code>rig-standard</code> plugin and resolves through the same factory as any custom kind. Keep the Rig session, or swap workflow automation pieces deliberately: task source, model, validators, reviewer, sandbox policy, extension packages.</p></div>
+<div class="panel"><div class="pb">default &rarr; swappable</div><div class="pp"><span class="c2">task source</span>  github-issues  <span class="dim">&rarr;</span> <span class="w">linear &middot; your kind</span>
+<span class="c2">session</span>      OMP/Pi         <span class="dim">&rarr;</span> <span class="w">runtime.pi.packages</span>
+<span class="c2">model</span>        per role       <span class="dim">&rarr;</span> <span class="w">runtime.agentRoles</span>
+<span class="c2">validators</span>   std:typecheck  <span class="dim">&rarr;</span> <span class="w">your plugin validators</span>
+<span class="c2">reviewer</span>     github         <span class="dim">&rarr;</span> <span class="w">review.provider</span>
+<span class="c2">sandbox</span>      enforce        <span class="dim">&rarr;</span> <span class="w">workspace.sandbox</span></div></div>
+</div></section>
+<section class="stage-wrap">
+<canvas class="scene" data-scene="forge"></canvas>
+<div class="shead rv"><div class="eyebrow">the power path</div><h2>Your repo raises its own drone.</h2><p>Drop <code>.rig/rig.config.ts</code> into a project and rig doesn&rsquo;t load plugins &mdash; it <b>builds an airframe</b>: a project-flavored rig, compiled once with your plugins baked in, cached by config + lockfile fingerprint at <code>.rig/rig</code>.</p></div>
+<div class="split rev rv">
+<div><h3>Compiled, not configured.</h3>
+<p>The global binary detects the code config, forges <code>.rig/rig</code> with your validators, task sources, and hooks compiled into the binary itself, then hands the invocation over. Every drone dispatched in that repo flies <b>your</b> airframe &mdash; the per-run toolchain materializes as hardlinks of it, so the whole sortie runs one build of one binary.</p>
+<p>Change the config or bump a plugin: the lockfile shifts the fingerprint and the next launch re-forges. Delete the config: back to the standard airframe. No daemon, no registry, no drift.</p></div>
+<div class="panel"><div class="pb">power path &mdash; self-compilation</div><div class="pp"><span class="ac">$</span> rig
+<span class="c2">&rsaquo; detect</span>    .rig/rig.config.ts <span class="dim">&middot; code config, no upward walk</span>
+<span class="c2">&rsaquo; forge</span>     building project binary <span class="w">.rig/rig</span> <span class="dim">&middot; plugins baked in</span>
+<span class="c2">&rsaquo; cache</span>     fingerprint = rig.config.ts + bun.lock
+<span class="ac">&rsaquo; exec</span>      .rig/rig <span class="dim">&mdash; your airframe, this invocation</span>
+<span class="dim">// drones here inherit it: rig-run &rarr; hardlink of .rig/rig</span></div></div>
+</div></section>
+<section class="dog stage-wrap">
+<canvas class="scene" data-scene="ouro"></canvas>
+<div class="rv"><div class="eyebrow" style="margin-bottom:18px">dogfood</div>
+<h2>Rig ships <span class="ac">Rig.</span></h2>
+<p>The drones you just met build the engine you just read about. Rig&rsquo;s own backlog flies through the same session, the same cnet, the same gate &mdash; sorties dispatched, reviews fought, merges pinned to reviewed SHAs. The receipts are in the journals, not in the marketing.</p></div>
+</section>
+<section class="ctaband stage-wrap">
+<canvas class="scene" data-scene="converge"></canvas>
+<p class="hsub rv"><span class="hsub-a">Rig operators aren&rsquo;t writing code.</span><br><span class="hsub-b"><span class="l2"><span class="l2p">They&rsquo;re </span><span class="l2h">ripping their backlogs apart</span><span class="l2p">.</span></span><canvas class="ripcv" data-pre="They&rsquo;re " data-hot="ripping their backlogs apart" data-post="." aria-hidden="true"></canvas></span></p>
+<div class="rv" style="margin-top:36px;font-family:var(--mono);font-size:14px;color:var(--ink-2)"><span style="color:var(--ac)">$</span> curl -fsSL https://where.rig-does.work/install | bash</div>
+<div class="cta rv" style="justify-content:center;margin-top:38px"><a class="btn pri" href="docs/index.html">Start building</a><a class="btn" href="https://github.com/humanity-org/rig">View source</a></div>
+</section>
+<footer><div class="foot">
+<div class="col"><h5>orchestrate</h5><a href="docs/getting-started/index.html">getting started</a><a href="docs/runs/index.html">the run lifecycle</a><a href="docs/operator/index.html">operator guide</a><a href="docs/gate/index.html">the merge gate</a></div>
+<div class="col"><h5>extend</h5><a href="plugins/index.html">plugin authoring</a><a href="skills/index.html">skills</a><a href="docs/pi-extensions/index.html">OMP/Pi extensions</a><a href="docs/packages/index.html">packages</a></div>
+<div class="col"><h5>operate</h5><a href="docs/index.html">docs home</a><a href="cli/index.html">cli reference</a><a href="config/index.html">rig.config.ts</a></div>
+<div class="col"><h5>source</h5><a href="https://github.com/humanity-org/rig">github</a><a href="https://where.rig-does.work/install">install script</a></div>
+<div class="sig">Rig is the OMP session extension.<br><b>You are the operator.</b><br><br>release: rig --version</div>
+</div></footer><script>
+/* ============================================================
+   PER-SECTION SCENE ENGINE
+   Each <canvas class="scene" data-scene="X"> gets a bespoke
+   animated abstraction of what its section DOES. Only the
+   scenes whose section is on-screen run rAF (perf + intent).
+   ============================================================ */
+(function(){
+  var AC=[204,255,77], C2=[86,216,255], MG=[255,121,176];
+  function rgba(c,a){return 'rgba('+c[0]+','+c[1]+','+c[2]+','+a+')';}
+  var pointer={x:-1e4,y:-1e4,active:false};
+  addEventListener('mousemove',function(e){pointer.x=e.clientX;pointer.y=e.clientY;pointer.active=true;},{passive:true});
+  // ---- scene base: handles sizing, local pointer, lifecycle ----
+  // Every scene gets two free richness layers from the base:
+  //   self.dim(a)  — translucent dark fill instead of clearRect: persistence
+  //                  trails turn every moving particle into a comet.
+  //   depth field  — a parallax layer of drifting, twinkling motes painted
+  //                  BEHIND the scene art via destination-over compositing.
+  function Scene(canvas, build){
+    var ctx=canvas.getContext('2d'),DPR=Math.min(devicePixelRatio||1,2),W=0,H=0,t=0,running=false,inited=false;
+    var self={canvas:canvas,ctx:ctx,W:0,H:0,t:0,mx:-1e4,my:-1e4};
+    var motes=[],dimmed=false;
+    function seedMotes(){motes=[];var n=Math.min(120,Math.round(W*H/22000));for(var i=0;i<n;i++)motes.push({x:Math.random()*W,y:Math.random()*H,z:.25+.75*Math.random(),sz:.5+Math.random()*1.3,tw:Math.random()*6.28,hue:Math.random()<.18?C2:[170,176,190]});}
+    function drawMotes(){for(var i=0;i<motes.length;i++){var m=motes[i];m.x+=.05*m.z;if(m.x>W+4)m.x=-4;
+      var a=(.04+.07*m.z)*(0.55+0.45*Math.sin(t*.02+m.tw));
+      ctx.fillStyle=rgba(m.hue,a);ctx.beginPath();ctx.arc(m.x,m.y,m.sz*m.z,0,7);ctx.fill();}}
+    self.dim=function(a){dimmed=true;ctx.fillStyle='rgba(7,8,9,'+a+')';ctx.fillRect(0,0,W,H);drawMotes();};
+    function size(){var r=canvas.getBoundingClientRect();W=Math.max(1,r.width);H=Math.max(1,r.height);canvas.width=W*DPR;canvas.height=H*DPR;ctx.setTransform(DPR,0,0,DPR,0,0);self.W=W;self.H=H;seedMotes();}
+    var api;
+    function ensure(){if(!inited){size();api=build(self,ctx,rgba,{AC:AC,C2:C2,MG:MG});inited=true;if(api&&api.resize)api.resize();}}
+    function localPointer(){var r=canvas.getBoundingClientRect();if(pointer.active&&pointer.x>=r.left&&pointer.x<=r.right&&pointer.y>=r.top&&pointer.y<=r.bottom){self.mx=pointer.x-r.left;self.my=pointer.y-r.top;}else{self.mx=-1e4;self.my=-1e4;}}
+    function depth(){ctx.save();ctx.globalCompositeOperation='destination-over';drawMotes();ctx.restore();}
+    function frame(){if(!running)return;t++;self.t=t;var r=canvas.getBoundingClientRect();if(Math.abs(r.width-W)>1||Math.abs(r.height-H)>1){if(r.width>0&&r.height>0){size();if(api&&api.resize)api.resize();}}localPointer();dimmed=false;if(api){try{api.draw();}catch(e){if(api.resize)api.resize();}}if(!dimmed)depth();requestAnimationFrame(frame);}
+    addEventListener('resize',function(){if(inited){size();if(api.resize)api.resize();}});
+    return {start:function(){ensure();if(!running){running=true;requestAnimationFrame(frame);}},stop:function(){running=false;}};
+  }
+  // =========================================================
+  // SCENE 1 — HERO: SESSION SWARM
+  // A bright session core emits projection packets that stream outward
+  // along curved lanes into the page. Cursor bends the swarm.
+  // "Bare rig opens the session."
+  // =========================================================
+  function buildDispatch(s,ctx,rgba,C){
+    var core={x:0,y:0}, lanes=[], drones=[], waves=[];
+    function setup(){
+      core.x=s.W*0.30; core.y=s.H*0.46;
+      lanes=[]; var N=11;
+      for(var i=0;i<N;i++){var ang=(-0.9+1.8*(i/(N-1)))*(Math.PI*0.5);lanes.push({ang:ang,len:s.W*(0.55+Math.random()*0.45),curve:(Math.random()-.5)*0.9});}
+      drones=[];for(var k=0;k<130;k++)spawn(true);
+    }
+    function spawn(rand){var l=(Math.random()*lanes.length)|0;drones.push({lane:l,p:rand?Math.random():0,spd:.0016+Math.random()*.0032,sz:1+Math.random()*2.4,hue:Math.random()<.22?C.C2:C.AC,a:.18+Math.random()*.5,w:(Math.random()-.5)*40});}
+    function pt(l,p){var L=lanes[l];var dist=L.len*p;var bend=Math.sin(p*Math.PI)*L.curve*180;var ux=Math.cos(L.ang),uy=Math.sin(L.ang);var px=-uy,py=ux;var x=core.x+ux*dist+px*bend,y=core.y+uy*dist+py*bend;return{x:x,y:y};}
+    return {resize:setup, draw:function(){
+      s.dim(.26);
+      // cursor nudges core
+      if(s.mx>-1e3){var dx=s.mx-core.x,dy=s.my-core.y,d=Math.hypot(dx,dy);if(d<360){core.x+=dx/d*Math.min(18,(360-d)*.05);core.y+=dy/d*Math.min(18,(360-d)*.05);} }
+      core.x+=(s.W*0.30-core.x)*.04; core.y+=(s.H*0.46-core.y)*.04;
+      // lanes (faint)
+      ctx.lineWidth=1;
+      for(var i=0;i<lanes.length;i++){ctx.beginPath();var seg=26;for(var q=0;q<=seg;q++){var P=pt(i,q/seg);if(q===0)ctx.moveTo(P.x,P.y);else ctx.lineTo(P.x,P.y);}var g=ctx.createLinearGradient(core.x,core.y,core.x+Math.cos(lanes[i].ang)*lanes[i].len,core.y+Math.sin(lanes[i].ang)*lanes[i].len);g.addColorStop(0,rgba(C.AC,.06));g.addColorStop(1,rgba(C.AC,0));ctx.strokeStyle=g;ctx.stroke();}
+      // drones
+      for(var k=drones.length-1;k>=0;k--){var dr=drones[k];dr.p+=dr.spd;if(dr.p>=1){drones.splice(k,1);spawn(false);continue;}var P=pt(dr.lane,dr.p);P.y+=dr.w*Math.sin(dr.p*6.28);var fade=dr.p<.1?dr.p/.1:(dr.p>.85?(1-dr.p)/.15:1);var a=dr.a*fade;ctx.fillStyle=rgba(dr.hue,a);ctx.beginPath();ctx.arc(P.x,P.y,dr.sz,0,7);ctx.fill();ctx.fillStyle=rgba(dr.hue,a*.12);ctx.beginPath();ctx.arc(P.x,P.y,dr.sz*3.4,0,7);ctx.fill();}
+      // dispatch shockwaves — periodic launch pulse rippling out of the core
+      if(s.t%150===0)waves.push({r:4});
+      for(var w=waves.length-1;w>=0;w--){var wv=waves[w];wv.r+=3.4;var wa=.3*(1-wv.r/(s.W*.42));
+        if(wa<=0){waves.splice(w,1);continue;}
+        ctx.strokeStyle=rgba(C.AC,wa);ctx.lineWidth=1.2;ctx.beginPath();ctx.arc(core.x,core.y,wv.r,0,7);ctx.stroke();}
+      // radar sweep rings around the core
+      ctx.save();ctx.translate(core.x,core.y);
+      ctx.rotate(s.t*.004);ctx.setLineDash([2,15]);ctx.strokeStyle=rgba(C.AC,.20);ctx.lineWidth=1;ctx.beginPath();ctx.arc(0,0,46,0,7);ctx.stroke();
+      ctx.rotate(-s.t*.011);ctx.strokeStyle=rgba(C.C2,.13);ctx.beginPath();ctx.arc(0,0,74,0,7);ctx.stroke();
+      ctx.setLineDash([]);ctx.restore();
+      // core glow
+      var pl=.7+.3*Math.sin(s.t*.05);
+      var gg=ctx.createRadialGradient(core.x,core.y,0,core.x,core.y,90);gg.addColorStop(0,rgba(C.AC,.5*pl));gg.addColorStop(.4,rgba(C.AC,.12*pl));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(core.x-90,core.y-90,180,180);
+      ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(core.x,core.y,3.2,0,7);ctx.fill();
+      ctx.strokeStyle=rgba(C.AC,.3*pl);ctx.lineWidth=1;ctx.beginPath();ctx.arc(core.x,core.y,12+5*pl,0,7);ctx.stroke();
+    }};
+  }
+  // =========================================================
+  // SCENE 2 — LOOP: INSTALL TO INLINE ATTENTION
+  // Packets flow left->right across the band, passing 5 gate
+  // lines; each packet changes color as it clears a step
+  // (install -> open -> dispatch -> cnet -> pin). The literal
+  // session-first loop.
+  // =========================================================
+  function buildCNet(s,ctx,rgba,C){
+    var packets=[], gates=[], glow=[0,0,0,0,0], baseY;
+    var stageHues=[[120,124,134],C.C2,[170,210,120],[255,200,90],C.AC]; // queued->...->done
+    function setup(){baseY=s.H*0.5;gates=[];for(var i=0;i<5;i++)gates.push(s.W*(0.12+0.76*(i/4)));packets=[];for(var k=0;k<80;k++){packets.push({x:Math.random()*s.W,y:baseY+(Math.random()-.5)*s.H*0.5,vy:(Math.random()-.5)*0.15,spd:.6+Math.random()*1.0,stage:0,sz:1.4+Math.random()*2.2});}}
+    function hueFor(st){return stageHues[Math.max(0,Math.min(4,st))];}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      // gate posts — flare when a packet strikes through
+      for(var i=0;i<gates.length;i++){var gx=gates[i],pl=.4+.6*Math.abs(Math.sin(s.t*.03+i*.7));glow[i]*=.92;
+        ctx.strokeStyle=rgba(C.AC,.05+.05*pl+.3*glow[i]);ctx.lineWidth=1+glow[i];ctx.beginPath();ctx.moveTo(gx,s.H*0.16);ctx.lineTo(gx,s.H*0.84);ctx.stroke();
+        if(glow[i]>.04){var gg=ctx.createLinearGradient(gx-22,0,gx+22,0);gg.addColorStop(0,rgba(C.AC,0));gg.addColorStop(.5,rgba(C.AC,.08*glow[i]));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(gx-22,s.H*0.16,44,s.H*0.68);}
+        ctx.fillStyle=rgba(C.AC,.35*pl+.5*glow[i]);ctx.beginPath();ctx.arc(gx,s.H*0.16,2+glow[i]*2,0,7);ctx.fill();ctx.beginPath();ctx.arc(gx,s.H*0.84,2+glow[i]*2,0,7);ctx.fill();}
+      // packets
+      for(var k=0;k<packets.length;k++){var p=packets[k];var prevx=p.x;p.x+=p.spd;p.y+=p.vy;p.y+=( (baseY+(Math.sin(p.x*.004+k)*s.H*0.12)) - p.y)*.02;
+        for(var g=0;g<gates.length;g++){if(prevx<gates[g]&&p.x>=gates[g]){p.stage=g+1;glow[g]=Math.min(1,glow[g]+.5);}}
+        if(p.x>s.W+10){p.x=-10;p.stage=0;p.y=baseY+(Math.random()-.5)*s.H*0.5;}
+        var hue=hueFor(p.stage);var a=.25+.45*(p.stage/5+.3);
+        // trail
+        ctx.strokeStyle=rgba(hue,a*.3);ctx.lineWidth=p.sz*.8;ctx.beginPath();ctx.moveTo(p.x-10,p.y);ctx.lineTo(p.x,p.y);ctx.stroke();
+        ctx.fillStyle=rgba(hue,a);ctx.beginPath();ctx.arc(p.x,p.y,p.sz,0,7);ctx.fill();
+        ctx.fillStyle=rgba(hue,a*.14);ctx.beginPath();ctx.arc(p.x,p.y,p.sz*3.2,0,7);ctx.fill();
+      }
+    }};
+  }
+  // =========================================================
+  // SCENE 3 — INLINE ATTENTION -> SESSION CORE
+  // Left: an ordered lattice (pin verbs and focused views)
+  // firing signal pulses rightward into a dense, churning
+  // OMP/Pi session core. "OMP owns. Rig surfaces."
+  // =========================================================
+  function buildHarness(s,ctx,rgba,C){
+    var nodes=[],pulses=[],core,flare=0;
+    function setup(){nodes=[];var rows=5,cols=3,gx=s.W*0.10,gw=s.W*0.26;for(var r=0;r<rows;r++)for(var c=0;c<cols;c++){nodes.push({x:gx+gw*(c/(cols-1)),y:s.H*(0.22+0.56*(r/(rows-1)))});}core={x:s.W*0.74,y:s.H*0.5};pulses=[];}
+    function emit(){var n=nodes[(Math.random()*nodes.length)|0];pulses.push({x:n.x,y:n.y,p:0,from:n});}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      if(s.t%7===0)emit();
+      // control lattice
+      ctx.lineWidth=1;
+      for(var i=0;i<nodes.length;i++){var n=nodes[i];ctx.strokeStyle=rgba(C.C2,.2);if(i+1<nodes.length&&(i+1)%3!==0){ctx.beginPath();ctx.moveTo(n.x,n.y);ctx.lineTo(nodes[i+1].x,nodes[i+1].y);ctx.stroke();}if(i+3<nodes.length){ctx.beginPath();ctx.moveTo(n.x,n.y);ctx.lineTo(nodes[i+3].x,nodes[i+3].y);ctx.stroke();}var pl=.5+.5*Math.sin(s.t*.05+i);ctx.fillStyle=rgba(C.C2,.85*pl);ctx.beginPath();ctx.arc(n.x,n.y,4.5,0,7);ctx.strokeStyle=rgba(C.C2,.18);ctx.stroke();ctx.beginPath();ctx.arc(n.x,n.y,2,0,7);ctx.fill();}
+      // standing control links (always visible)
+      for(var z=0;z<nodes.length;z+=2){ctx.strokeStyle=rgba(C.C2,.05);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(nodes[z].x,nodes[z].y);ctx.lineTo(core.x,core.y);ctx.stroke();}
+      // pulses travel to core
+      for(var k=pulses.length-1;k>=0;k--){var pu=pulses[k];pu.p+=.025;var ex=pu.from.x+(core.x-pu.from.x)*pu.p,ey=pu.from.y+(core.y-pu.from.y)*pu.p;if(pu.p>=1){pulses.splice(k,1);flare=1;continue;}ctx.strokeStyle=rgba(C.C2,.25*(1-pu.p));ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(pu.from.x,pu.from.y);ctx.lineTo(ex,ey);ctx.stroke();ctx.fillStyle=rgba(C.C2,.7);ctx.beginPath();ctx.arc(ex,ey,1.8,0,7);ctx.fill();}
+      // execution core — churning particle cluster
+      flare*=.92;
+      var R=54+flare*16;
+      var gg=ctx.createRadialGradient(core.x,core.y,0,core.x,core.y,R*2.2);gg.addColorStop(0,rgba(C.AC,.5+flare*.3));gg.addColorStop(.45,rgba(C.AC,.14));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(core.x-R*2.2,core.y-R*2.2,R*4.4,R*4.4);
+      for(var q=0;q<64;q++){var a=q/40*6.28+s.t*.02,rr=R*(.4+.6*Math.abs(Math.sin(q*1.7+s.t*.03)));var x=core.x+Math.cos(a)*rr,y=core.y+Math.sin(a)*rr*.8;ctx.fillStyle=rgba(C.AC,.55+flare*.4);ctx.beginPath();ctx.arc(x,y,1.2+flare*1.5,0,7);ctx.fill();}
+      ctx.strokeStyle=rgba(C.AC,.35);ctx.lineWidth=1;ctx.beginPath();ctx.arc(core.x,core.y,R,0,7);ctx.stroke();
+    }};
+  }
+  // =========================================================
+  // SCENE 4 — ISOLATION: PER-RUN WORKTREE LANES
+  // Strict horizontal lanes separated by hairline barriers;
+  // particles run each lane and NEVER cross. Hovering a lane
+  // highlights it. "Runs don't collide."
+  // =========================================================
+  function buildLanes(s,ctx,rgba,C){
+    var lanes=[],NL=6;
+    function setup(){lanes=[];for(var i=0;i<NL;i++){var y=s.H*(0.16+0.68*(i/(NL-1)));var runners=[];var cnt=8+((Math.random()*5)|0);for(var k=0;k<cnt;k++)runners.push({p:Math.random(),spd:.0009+Math.random()*.0022,sz:1.3+Math.random()*2,hue:Math.random()<.2?C.C2:C.AC});lanes.push({y:y,runners:runners,hot:0});}}
+    return {resize:setup, draw:function(){
+      s.dim(.34);
+      var x0=s.W*0.08,x1=s.W*0.92;
+      for(var i=0;i<lanes.length;i++){var L=lanes[i];
+        // hover detect
+        var hov=(s.my>-1e3 && Math.abs(s.my-L.y)<((s.H*0.68/(NL-1))/2));
+        L.hot+=((hov?1:0)-L.hot)*.1;
+        // barrier rails (top+bottom of lane)
+        var lg=ctx.createLinearGradient(x0,L.y,x1,L.y);lg.addColorStop(0,rgba(C.AC,.02));lg.addColorStop(.5,rgba(C.AC,.12+.12*L.hot));lg.addColorStop(1,rgba(C.AC,.02));ctx.strokeStyle=lg;ctx.lineWidth=1;
+        ctx.beginPath();ctx.moveTo(x0,L.y);ctx.lineTo(x1,L.y);ctx.stroke();
+        // runners
+        for(var k=0;k<L.runners.length;k++){var r=L.runners[k];r.p+=r.spd;if(r.p>1)r.p-=1;var x=x0+(x1-x0)*r.p;var a=(.42+.4*L.hot)* (r.p<.04?r.p/.04:(r.p>.96?(1-r.p)/.04:1));
+          ctx.strokeStyle=rgba(r.hue,a*.4);ctx.lineWidth=r.sz*.7;ctx.beginPath();ctx.moveTo(x-9,L.y);ctx.lineTo(x,L.y);ctx.stroke();
+          ctx.fillStyle=rgba(r.hue,a+ .25*L.hot);ctx.beginPath();ctx.arc(x,L.y,r.sz,0,7);ctx.fill();
+          ctx.fillStyle=rgba(r.hue,(a)*.15);ctx.beginPath();ctx.arc(x,L.y,r.sz*3,0,7);ctx.fill();}
+        // lane label tick at start
+        ctx.fillStyle=rgba(C.AC,.25+.5*L.hot);ctx.beginPath();ctx.arc(x0,L.y,1.6,0,7);ctx.fill();
+      }
+    }};
+  }
+  // =========================================================
+  // SCENE 5 — ENGINE: PACKAGE CONTRIBUTION GRAPH
+  // A central hub with 8 contribution sockets on a ring;
+  // plugin nodes orbit and dock signal-links into sockets,
+  // which light up. Cursor pulls the nearest plugin node.
+  // "Packages load into the session." (8 = the 8 contribution types)
+  // =========================================================
+  function buildEngine(s,ctx,rgba,C){
+    var hub,sockets=[],plugs=[],names=8;
+    function setup(){hub={x:s.W*0.5,y:s.H*0.5};var R=Math.min(s.W,s.H)*0.16;sockets=[];for(var i=0;i<names;i++){var a=i/names*6.28-1.57;sockets.push({a:a,x:hub.x+Math.cos(a)*R,y:hub.y+Math.sin(a)*R,lit:0});}plugs=[];for(var k=0;k<names;k++){var orb=R*(2.0+Math.random()*1.1);plugs.push({sock:k,ang:Math.random()*6.28,orb:orb,spd:(Math.random()<.5?1:-1)*(.002+Math.random()*.003),docked:0,fire:0});}}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      var R=Math.min(s.W,s.H)*0.16;hub.x=s.W*0.5;hub.y=s.H*0.5;
+      // socket ring
+      ctx.strokeStyle=rgba(C.AC,.14);ctx.lineWidth=1;ctx.beginPath();ctx.arc(hub.x,hub.y,R,0,7);ctx.stroke();
+      for(var i=0;i<sockets.length;i++){var sk=sockets[i];sk.x=hub.x+Math.cos(sk.a)*R;sk.y=hub.y+Math.sin(sk.a)*R;sk.lit*=.94;ctx.fillStyle=rgba(C.AC,.3+.7*sk.lit);ctx.beginPath();ctx.arc(sk.x,sk.y,2+2*sk.lit,0,7);ctx.fill();}
+      // plugin nodes
+      for(var k=0;k<plugs.length;k++){var pg=plugs[k];pg.ang+=pg.spd;var px=hub.x+Math.cos(pg.ang)*pg.orb,py=hub.y+Math.sin(pg.ang)*pg.orb*0.78;
+        // cursor pull
+        if(s.mx>-1e3){var dx=s.mx-px,dy=s.my-py,d=Math.hypot(dx,dy);if(d<140){px+=dx*.18;py+=dy*.18;}}
+        var sk=sockets[pg.sock];var ddock=Math.hypot(px-sk.x,py-sk.y);
+        // periodic fire toward socket
+        pg.fire*=.9;
+        if(s.t%48===((k*6)%48)){pg.fire=1;sk.lit=1;}
+        if(pg.fire>.02){ctx.strokeStyle=rgba(C.AC,.4*pg.fire);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(px,py);ctx.lineTo(sk.x,sk.y);ctx.stroke();var fx=px+(sk.x-px)*(1-pg.fire),fy=py+(sk.y-py)*(1-pg.fire);ctx.fillStyle=rgba(C.AC,.8);ctx.beginPath();ctx.arc(fx,fy,1.8,0,7);ctx.fill();}
+        else{ctx.strokeStyle=rgba(C.C2,.09);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(px,py);ctx.lineTo(sk.x,sk.y);ctx.stroke();}
+        var hue=k%4===0?C.C2:C.AC;ctx.fillStyle=rgba(hue,.8);ctx.beginPath();ctx.arc(px,py,3,0,7);ctx.fill();ctx.fillStyle=rgba(hue,.16);ctx.beginPath();ctx.arc(px,py,9,0,7);ctx.fill();}
+      // hub
+      var pl=.6+.4*Math.sin(s.t*.05);var gg=ctx.createRadialGradient(hub.x,hub.y,0,hub.x,hub.y,56);gg.addColorStop(0,rgba(C.AC,.55*pl));gg.addColorStop(.5,rgba(C.AC,.12));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(hub.x-56,hub.y-56,112,112);
+      ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(hub.x,hub.y,3,0,7);ctx.fill();
+    }};
+  }
+  // =========================================================
+  // SCENE 6 — CTA: CONVERGENCE
+  // Everything (packets from all edges) streams inward and
+  // converges to a single bright point. "Open the session."
+  // =========================================================
+  function buildConverge(s,ctx,rgba,C){
+    var pts=[],rings=[],center;
+    function setup(){center={x:s.W*0.5,y:s.H*0.5};pts=[];rings=[];for(var k=0;k<90;k++)spawn(true);}
+    function spawn(rand){var edge=(Math.random()*4)|0,x,y;if(edge===0){x=Math.random()*s.W;y=-10;}else if(edge===1){x=s.W+10;y=Math.random()*s.H;}else if(edge===2){x=Math.random()*s.W;y=s.H+10;}else{x=-10;y=Math.random()*s.H;}pts.push({x:x,y:y,sx:x,sy:y,p:rand?Math.random():0,spd:.004+Math.random()*.006,hue:Math.random()<.25?C.C2:C.AC,sz:1+Math.random()*1.8});}
+    return {resize:setup, draw:function(){
+      s.dim(.28);center.x=s.W*0.5;center.y=s.H*0.5;
+      for(var k=pts.length-1;k>=0;k--){var p=pts[k];p.p+=p.spd;var e=p.p*p.p;var x=p.sx+(center.x-p.sx)*e,y=p.sy+(center.y-p.sy)*e;if(p.p>=1){pts.splice(k,1);if(Math.random()<.3)rings.push({r:5,a:.4});spawn(false);continue;}var a=.5*(1-Math.abs(p.p-.5)*2)+.1;ctx.strokeStyle=rgba(p.hue,a*.4);ctx.lineWidth=p.sz*.7;var bx=p.sx+(center.x-p.sx)*((p.p-.02)*(p.p-.02));var by=p.sy+(center.y-p.sy)*((p.p-.02)*(p.p-.02));ctx.beginPath();ctx.moveTo(bx,by);ctx.lineTo(x,y);ctx.stroke();ctx.fillStyle=rgba(p.hue,a);ctx.beginPath();ctx.arc(x,y,p.sz,0,7);ctx.fill();}
+      // arrival ripples
+      for(var r2=rings.length-1;r2>=0;r2--){var rg=rings[r2];rg.r+=1.8;rg.a*=.94;if(rg.a<.02){rings.splice(r2,1);continue;}
+        ctx.strokeStyle=rgba(C.AC,rg.a);ctx.lineWidth=1;ctx.beginPath();ctx.arc(center.x,center.y,rg.r,0,7);ctx.stroke();}
+      var pl=.6+.4*Math.sin(s.t*.06);var gg=ctx.createRadialGradient(center.x,center.y,0,center.x,center.y,70);gg.addColorStop(0,rgba(C.AC,.45*pl));gg.addColorStop(.4,rgba(C.AC,.1));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(center.x-70,center.y-70,140,140);
+      ctx.fillStyle=rgba(C.AC,.95);ctx.beginPath();ctx.arc(center.x,center.y,3.4,0,7);ctx.fill();
+    }};
+  }
+  // =========================================================
+  // SCENE 7 — WALKTHROUGH: RIG BOOT TRACK
+  // One bright runner travels a single long track through 10
+  // stage beacons; each beacon flares lime as it's cleared and
+  // stays lit until the runner loops. "One command opens it."
+  // =========================================================
+  function buildRelay(s,ctx,rgba,C){
+    var beacons=[],runner,N=10,bg=[];
+    function setup(){beacons=[];for(var i=0;i<N;i++)beacons.push({x:s.W*(0.06+0.88*(i/(N-1))),y:s.H*0.5,lit:0,hold:false});runner={p:0,spd:.0018};bg=[];for(var k=0;k<26;k++)bg.push({x:Math.random()*s.W,y:s.H*(0.18+Math.random()*0.64),spd:.25+Math.random()*.5,sz:.8+Math.random()*1.3,a:.05+Math.random()*.12});}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      // ambient drift
+      for(var k=0;k<bg.length;k++){var b=bg[k];b.x+=b.spd;if(b.x>s.W+5)b.x=-5;ctx.fillStyle=rgba(C.C2,b.a);ctx.beginPath();ctx.arc(b.x,b.y,b.sz,0,7);ctx.fill();}
+      var y=s.H*0.5,x0=beacons[0].x,x1=beacons[N-1].x;
+      // track
+      var lg=ctx.createLinearGradient(x0,y,x1,y);lg.addColorStop(0,rgba(C.AC,.04));lg.addColorStop(.5,rgba(C.AC,.14));lg.addColorStop(1,rgba(C.AC,.04));ctx.strokeStyle=lg;ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(x0,y);ctx.lineTo(x1,y);ctx.stroke();
+      // runner
+      runner.p+=runner.spd;if(runner.p>=1.12){runner.p=-0.04;for(var i=0;i<N;i++)beacons[i].hold=false;}
+      var rx=x0+(x1-x0)*Math.min(1,Math.max(0,runner.p));
+      // beacons
+      for(var i=0;i<N;i++){var bc=beacons[i];if(rx>=bc.x)bc.hold=true;bc.lit+=((bc.hold?1:0)-bc.lit)*.12;
+        ctx.strokeStyle=rgba(C.AC,.15+.25*bc.lit);ctx.lineWidth=1;ctx.beginPath();ctx.arc(bc.x,y,5+2*bc.lit,0,7);ctx.stroke();
+        ctx.fillStyle=rgba(C.AC,.25+.65*bc.lit);ctx.beginPath();ctx.arc(bc.x,y,2+1.4*bc.lit,0,7);ctx.fill();
+        if(bc.lit>.05){ctx.fillStyle=rgba(C.AC,.10*bc.lit);ctx.beginPath();ctx.arc(bc.x,y,14,0,7);ctx.fill();}}
+      // runner glow + comet trail
+      if(runner.p>=0&&runner.p<=1){ctx.strokeStyle=rgba(C.AC,.35);ctx.lineWidth=2;ctx.beginPath();ctx.moveTo(Math.max(x0,rx-46),y);ctx.lineTo(rx,y);ctx.stroke();
+        var gg=ctx.createRadialGradient(rx,y,0,rx,y,26);gg.addColorStop(0,rgba(C.AC,.6));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(rx-26,y-26,52,52);
+        ctx.fillStyle=rgba(C.AC,.95);ctx.beginPath();ctx.arc(rx,y,3,0,7);ctx.fill();}
+    }};
+  }
+  // =========================================================
+  // SCENE 8 — STRICT MERGE GATE: THE WALL
+  // Packets stream toward a vertical scan wall, queue briefly,
+  // get scanned (cyan flash), pass bright lime — or bounce as
+  // rejected. "Nothing merges on vibes."
+  // =========================================================
+  function buildGatewall(s,ctx,rgba,C){
+    var pk=[],frags=[],wallX,slotT=0;
+    function setup(){wallX=s.W*0.58;pk=[];frags=[];for(var k=0;k<46;k++)spawn(true);}
+    function spawn(rand){var bad=Math.random()<.12;pk.push({x:rand?Math.random()*s.W:-8,y:s.H*(0.2+Math.random()*0.6),spd:.7+Math.random()*.9,state:0,wait:0,bad:bad,sz:1.3+Math.random()*1.8});}
+    return {resize:setup, draw:function(){
+      s.dim(.3);wallX=s.W*0.58;slotT+=.02;
+      // the wall — dashed, with a pulsing scan slot
+      ctx.strokeStyle=rgba(C.AC,.16);ctx.lineWidth=1;ctx.setLineDash([3,7]);ctx.beginPath();ctx.moveTo(wallX,s.H*0.12);ctx.lineTo(wallX,s.H*0.88);ctx.stroke();ctx.setLineDash([]);
+      var pl=.5+.5*Math.sin(slotT*2.4);
+      ctx.strokeStyle=rgba(C.AC,.25+.3*pl);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(wallX,s.H*0.12);ctx.lineTo(wallX,s.H*0.2);ctx.stroke();ctx.beginPath();ctx.moveTo(wallX,s.H*0.8);ctx.lineTo(wallX,s.H*0.88);ctx.stroke();
+      ctx.fillStyle=rgba(C.AC,.5+.4*pl);ctx.beginPath();ctx.arc(wallX,s.H*0.12,2,0,7);ctx.fill();ctx.beginPath();ctx.arc(wallX,s.H*0.88,2,0,7);ctx.fill();
+      for(var k=pk.length-1;k>=0;k--){var p=pk[k];
+        if(p.state===0){p.x+=p.spd;if(p.x>=wallX-14){p.state=1;p.wait=14+Math.random()*30;}}
+        else if(p.state===1){p.wait--;p.x+=(wallX-12-p.x)*.1;if(p.wait<=0){p.state=p.bad?3:2;
+          if(p.bad)for(var f=0;f<7;f++)frags.push({x:p.x,y:p.y,vx:-(.4+Math.random()*1.6),vy:(Math.random()-.5)*2.4,life:1});}}
+        else if(p.state===2){p.x+=p.spd*1.5;}
+        else{p.x-=p.spd*1.1;p.y+=.4;}
+        if(p.x>s.W+10||p.x<-12){pk.splice(k,1);spawn(false);continue;}
+        var hue=p.state===2?C.AC:(p.state===3?C.MG:[150,156,170]);
+        var a=p.state===2?.7:(p.state===3?.5:.3);
+        if(p.state===1&&p.wait<8){ctx.strokeStyle=rgba(C.C2,.5);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(wallX,p.y-7);ctx.lineTo(wallX,p.y+7);ctx.stroke();}
+        ctx.strokeStyle=rgba(hue,a*.35);ctx.lineWidth=p.sz*.7;ctx.beginPath();ctx.moveTo(p.x-(p.state===3?-8:8),p.y);ctx.lineTo(p.x,p.y);ctx.stroke();
+        ctx.fillStyle=rgba(hue,a);ctx.beginPath();ctx.arc(p.x,p.y,p.sz,0,7);ctx.fill();
+        ctx.fillStyle=rgba(hue,a*.13);ctx.beginPath();ctx.arc(p.x,p.y,p.sz*3,0,7);ctx.fill();}
+      // rejection debris — the wall shatters what it bounces
+      for(var q=frags.length-1;q>=0;q--){var fr=frags[q];fr.x+=fr.vx;fr.y+=fr.vy;fr.vy+=.05;fr.life-=.025;
+        if(fr.life<=0){frags.splice(q,1);continue;}
+        ctx.fillStyle=rgba(C.MG,.55*fr.life);ctx.fillRect(fr.x,fr.y,1.6,1.6);}
+    }};
+  }
+  // =========================================================
+  // SCENE 9 — SESSION RESUME: CUT & RE-KNIT
+  // A node chain carries packets; segments randomly "cut"
+  // (magenta snap, flow stalls), then a repair pulse re-knits
+  // the link (lime flash) and flow resumes. "The session heals."
+  // =========================================================
+  function buildHeal(s,ctx,rgba,C){
+    var nodes=[],pk=[],cut=null,NN=7;
+    function setup(){nodes=[];for(var i=0;i<NN;i++)nodes.push({x:s.W*(0.07+0.86*(i/(NN-1))),y:s.H*(0.5+0.16*Math.sin(i*1.9))});pk=[];for(var k=0;k<34;k++)pk.push({seg:(Math.random()*(NN-1))|0,p:Math.random(),spd:.004+Math.random()*.006,sz:1.2+Math.random()*1.7,hue:Math.random()<.2?C.C2:C.AC});cut=null;}
+    return {resize:setup, draw:function(){
+      s.dim(.34);
+      // schedule cuts + repairs
+      if(!cut&&s.t%240===120){cut={seg:1+((Math.random()*(NN-3))|0),age:0};}
+      if(cut){cut.age++;if(cut.age>150)cut=null;}
+      // links
+      for(var i=0;i<NN-1;i++){var a=nodes[i],b=nodes[i+1];var isCut=cut&&cut.seg===i&&cut.age<110;var healing=cut&&cut.seg===i&&cut.age>=110;
+        if(isCut){var mx=(a.x+b.x)/2,my=(a.y+b.y)/2;var fl=cut.age<14?(1-cut.age/14):0;
+          ctx.strokeStyle=rgba(C.MG,.3+.5*fl);ctx.lineWidth=1;
+          ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(mx-13,my+(Math.random()-.5)*3);ctx.stroke();
+          ctx.beginPath();ctx.moveTo(mx+13,my+(Math.random()-.5)*3);ctx.lineTo(b.x,b.y);ctx.stroke();
+          if(fl>0){ctx.fillStyle=rgba(C.MG,.6*fl);ctx.beginPath();ctx.arc(mx,my,4+10*(1-fl),0,7);ctx.fill();}}
+        else{var hl=healing?(cut.age-110)/40:0;ctx.strokeStyle=rgba(C.AC,.12+.5*hl);ctx.lineWidth=1+hl;ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.stroke();
+          if(healing){var rp=(cut.age-110)/40,rx=a.x+(b.x-a.x)*rp,ry=a.y+(b.y-a.y)*rp;ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(rx,ry,2.6,0,7);ctx.fill();ctx.fillStyle=rgba(C.AC,.2);ctx.beginPath();ctx.arc(rx,ry,9,0,7);ctx.fill();}}}
+      // nodes
+      for(var i=0;i<NN;i++){var n=nodes[i],pl=.5+.5*Math.sin(s.t*.04+i*1.3);ctx.fillStyle=rgba(C.AC,.3+.4*pl);ctx.beginPath();ctx.arc(n.x,n.y,2.2,0,7);ctx.fill();ctx.strokeStyle=rgba(C.AC,.12);ctx.beginPath();ctx.arc(n.x,n.y,6,0,7);ctx.stroke();}
+      // packets — stall at a cut, resume on heal
+      for(var k=0;k<pk.length;k++){var q=pk[k];var blocked=cut&&cut.seg===q.seg&&cut.age<110&&q.p>.42;
+        if(!blocked){q.p+=q.spd;if(q.p>=1){q.p=0;q.seg=(q.seg+1)%(NN-1);}}else if(q.p>.46)q.p=.46;
+        var a=nodes[q.seg],b=nodes[q.seg+1],x=a.x+(b.x-a.x)*q.p,y=a.y+(b.y-a.y)*q.p;
+        var al=blocked?.18:.5;
+        ctx.fillStyle=rgba(q.hue,al);ctx.beginPath();ctx.arc(x,y,q.sz,0,7);ctx.fill();
+        ctx.fillStyle=rgba(q.hue,al*.14);ctx.beginPath();ctx.arc(x,y,q.sz*3,0,7);ctx.fill();}
+    }};
+  }
+  // =========================================================
+  // SCENE 10 — DOGFOOD: OUROBOROS RING
+  // Packets circulate a ring; periodically one dives into the
+  // hub (a merge), the hub flares, and a fresh packet re-emits
+  // onto the ring. The session feeds itself. "Rig ships Rig."
+  // =========================================================
+  function buildOuro(s,ctx,rgba,C){
+    var orbs=[],divers=[],hub,R,flare=0;
+    function setup(){hub={x:s.W*0.5,y:s.H*0.5};R=Math.min(s.W,s.H)*0.30;orbs=[];for(var k=0;k<42;k++)orbs.push({a:Math.random()*6.28,spd:.004+Math.random()*.004,sz:1.1+Math.random()*1.8,hue:Math.random()<.2?C.C2:C.AC,al:.2+Math.random()*.4});divers=[];}
+    return {resize:setup, draw:function(){
+      s.dim(.26);hub.x=s.W*0.5;hub.y=s.H*0.5;R=Math.min(s.W,s.H)*0.30;
+      // ring
+      ctx.strokeStyle=rgba(C.AC,.10);ctx.lineWidth=1;ctx.beginPath();ctx.ellipse(hub.x,hub.y,R,R*.62,0,0,7);ctx.stroke();
+      // periodically send one diver inward
+      if(s.t%160===0&&orbs.length>20){var o=orbs.splice((Math.random()*orbs.length)|0,1)[0];divers.push({a:o.a,r:1,hue:o.hue});}
+      for(var k=divers.length-1;k>=0;k--){var d=divers[k];d.r-=.016;d.a+=.05;
+        if(d.r<=.04){divers.splice(k,1);flare=1;orbs.push({a:Math.random()*6.28,spd:.004+Math.random()*.004,sz:1.1+Math.random()*1.8,hue:Math.random()<.2?C.C2:C.AC,al:.2+Math.random()*.4});continue;}
+        var x=hub.x+Math.cos(d.a)*R*d.r,y=hub.y+Math.sin(d.a)*R*.62*d.r;
+        ctx.fillStyle=rgba(d.hue,.7);ctx.beginPath();ctx.arc(x,y,1.8,0,7);ctx.fill();
+        ctx.fillStyle=rgba(d.hue,.12);ctx.beginPath();ctx.arc(x,y,6,0,7);ctx.fill();}
+      // orbiters
+      for(var k=0;k<orbs.length;k++){var o=orbs[k];o.a+=o.spd;var x=hub.x+Math.cos(o.a)*R,y=hub.y+Math.sin(o.a)*R*.62;
+        ctx.fillStyle=rgba(o.hue,o.al);ctx.beginPath();ctx.arc(x,y,o.sz,0,7);ctx.fill();
+        ctx.fillStyle=rgba(o.hue,o.al*.14);ctx.beginPath();ctx.arc(x,y,o.sz*3,0,7);ctx.fill();}
+      // hub
+      flare*=.94;var pl=.6+.4*Math.sin(s.t*.05);
+      var gg=ctx.createRadialGradient(hub.x,hub.y,0,hub.x,hub.y,60+30*flare);gg.addColorStop(0,rgba(C.AC,(.45+.4*flare)*pl));gg.addColorStop(.5,rgba(C.AC,.1));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(hub.x-90,hub.y-90,180,180);
+      ctx.fillStyle=rgba(C.AC,.95);ctx.beginPath();ctx.arc(hub.x,hub.y,3+2*flare,0,7);ctx.fill();
+    }};
+  }
+  // =========================================================
+  // SCENE 11 — WHAT-IS: SESSION TRIAD
+  // Three source nodes (operator / commander / fleet) on the left
+  // each stream packets along curved lanes into ONE bright
+  // convergence node that flares on arrival. "One session,
+  // one reviewed PR."
+  // =========================================================
+  function buildTriad(s,ctx,rgba,C){
+    var src=[],dst,flow=[],flare=0;
+    function setup(){
+      dst={x:s.W*0.80,y:s.H*0.5};
+      src=[];for(var i=0;i<3;i++)src.push({x:s.W*0.16,y:s.H*(0.30+0.20*i),hue:i===1?C.AC:C.C2});
+      flow=[];for(var k=0;k<66;k++)spawn(true);
+    }
+    function spawn(rand){flow.push({i:(Math.random()*3)|0,p:rand?Math.random():0,spd:.004+Math.random()*.006,sz:1+Math.random()*1.7});}
+    function pt(i,p){var a=src[i],cx=s.W*0.52,cy=dst.y+(a.y-dst.y)*0.16,iu=1-p;return{x:iu*iu*a.x+2*iu*p*cx+p*p*dst.x,y:iu*iu*a.y+2*iu*p*cy+p*p*dst.y};}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      for(var i=0;i<3;i++){ctx.strokeStyle=rgba(src[i].hue,.05);ctx.lineWidth=1;ctx.beginPath();for(var q=0;q<=24;q++){var P=pt(i,q/24);if(q===0)ctx.moveTo(P.x,P.y);else ctx.lineTo(P.x,P.y);}ctx.stroke();
+        var pl=.5+.5*Math.sin(s.t*.05+i*2);ctx.fillStyle=rgba(src[i].hue,.5*pl);ctx.beginPath();ctx.arc(src[i].x,src[i].y,3,0,7);ctx.fill();ctx.strokeStyle=rgba(src[i].hue,.2);ctx.beginPath();ctx.arc(src[i].x,src[i].y,8,0,7);ctx.stroke();}
+      for(var k=flow.length-1;k>=0;k--){var f=flow[k];f.p+=f.spd;if(f.p>=1){flow.splice(k,1);flare=1;spawn(false);continue;}var P=pt(f.i,f.p),hue=src[f.i].hue,a=.3+.4*Math.sin(f.p*3.14);ctx.fillStyle=rgba(hue,a);ctx.beginPath();ctx.arc(P.x,P.y,f.sz,0,7);ctx.fill();ctx.fillStyle=rgba(hue,a*.13);ctx.beginPath();ctx.arc(P.x,P.y,f.sz*3,0,7);ctx.fill();}
+      flare*=.93;var pl=.6+.4*Math.sin(s.t*.06);
+      var gg=ctx.createRadialGradient(dst.x,dst.y,0,dst.x,dst.y,72+30*flare);gg.addColorStop(0,rgba(C.AC,(.45+.35*flare)*pl));gg.addColorStop(.45,rgba(C.AC,.1));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(dst.x-104,dst.y-104,208,208);
+      ctx.fillStyle=rgba(C.AC,.95);ctx.beginPath();ctx.arc(dst.x,dst.y,3.2+2*flare,0,7);ctx.fill();
+      ctx.strokeStyle=rgba(C.AC,.3*pl);ctx.lineWidth=1;ctx.beginPath();ctx.arc(dst.x,dst.y,13+5*flare,0,7);ctx.stroke();
+    }};
+  }
+  // SCENE 12 — PI CARRIER: one bundled extension, loaded into every session
+  function buildCarrier(s,ctx,rgba,C){
+    var core,nodes=[],pks=[];
+    function setup(){core={x:s.W*0.5,y:s.H*0.5};var N=7,R=Math.min(s.W,s.H)*0.32;nodes=[];for(var i=0;i<N;i++){var a=i/N*6.28-1.57;nodes.push({x:core.x+Math.cos(a)*R,y:core.y+Math.sin(a)*R*0.92,lit:0});}pks=[];}
+    return {resize:setup, draw:function(){
+      s.dim(.3);core.x=s.W*0.5;core.y=s.H*0.5;var R=Math.min(s.W,s.H)*0.32;
+      if(s.t%13===0){var nn=nodes[(Math.random()*nodes.length)|0];pks.push({n:nn,p:0});}
+      for(var i=0;i<nodes.length;i++){var n=nodes[i],a=i/nodes.length*6.28-1.57;n.x=core.x+Math.cos(a)*R;n.y=core.y+Math.sin(a)*R*0.92;n.lit*=.965;
+        ctx.strokeStyle=rgba(C.AC,.04+.16*n.lit);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(core.x,core.y);ctx.lineTo(n.x,n.y);ctx.stroke();
+        ctx.fillStyle=rgba(C.AC,.28+.6*n.lit);ctx.beginPath();ctx.arc(n.x,n.y,2.2+1.6*n.lit,0,7);ctx.fill();
+        ctx.strokeStyle=rgba(C.AC,.12+.3*n.lit);ctx.beginPath();ctx.arc(n.x,n.y,7+3*n.lit,0,7);ctx.stroke();}
+      for(var k=pks.length-1;k>=0;k--){var pk=pks[k];pk.p+=.04;if(pk.p>=1){pk.n.lit=1;pks.splice(k,1);continue;}var x=core.x+(pk.n.x-core.x)*pk.p,y=core.y+(pk.n.y-core.y)*pk.p;ctx.fillStyle=rgba(C.AC,.85);ctx.beginPath();ctx.arc(x,y,1.8,0,7);ctx.fill();ctx.fillStyle=rgba(C.AC,.16);ctx.beginPath();ctx.arc(x,y,6,0,7);ctx.fill();}
+      var pl=.6+.4*Math.sin(s.t*.05),gg=ctx.createRadialGradient(core.x,core.y,0,core.x,core.y,62);gg.addColorStop(0,rgba(C.AC,.5*pl));gg.addColorStop(.5,rgba(C.AC,.12));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(core.x-62,core.y-62,124,124);
+      ctx.fillStyle=rgba(C.AC,.95);ctx.beginPath();ctx.arc(core.x,core.y,3.4,0,7);ctx.fill();ctx.strokeStyle=rgba(C.AC,.3*pl);ctx.beginPath();ctx.arc(core.x,core.y,12+5*pl,0,7);ctx.stroke();
+    }};
+  }
+  // SCENE 13 — SWAP: HOT-SWAP RACK ON A LIVE BUS
+  // Six modules seated on a data bus that never stops carrying
+  // packets. Periodically one ejects (sparks, floats off) and a
+  // fresh one drops in and LOCKS (ring flash). While the slot is
+  // empty the bus traffic arcs OVER the gap — swap any part, the
+  // session keeps flowing. "Zero lock-in, zero downtime."
+  function buildSwap(s,ctx,rgba,C){
+    var slots=[],pkts=[],sparks=[],sw=null,N=6,y;
+    function setup(){y=s.H*0.52;slots=[];for(var i=0;i<N;i++)slots.push({hue:i%3===0?C.C2:C.AC,ring:0});
+      pkts=[];for(var k=0;k<26;k++)pkts.push({p:Math.random(),spd:.0018+Math.random()*.003,sz:1+Math.random()*1.6,hue:Math.random()<.25?C.C2:C.AC});
+      sparks=[];sw=null;}
+    function sx(i){return s.W*(0.13+0.74*(i/(N-1)));}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      var w=48,h=32;
+      // the bus
+      var lg=ctx.createLinearGradient(s.W*0.06,y,s.W*0.94,y);lg.addColorStop(0,rgba(C.AC,.03));lg.addColorStop(.5,rgba(C.AC,.12));lg.addColorStop(1,rgba(C.AC,.03));
+      ctx.strokeStyle=lg;ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(s.W*0.06,y);ctx.lineTo(s.W*0.94,y);ctx.stroke();
+      // schedule swaps: eject with sparks, drop-in replacement
+      if(!sw&&s.t%180===60){sw={i:(Math.random()*N)|0,age:0};
+        for(var f=0;f<12;f++)sparks.push({x:sx(sw.i)+(Math.random()-.5)*18,y:y,vx:(Math.random()-.5)*2.4,vy:-(.5+Math.random()*2),life:1});}
+      if(sw){sw.age++;if(sw.age>76){slots[sw.i].hue=(Math.random()<.4?C.C2:C.AC);slots[sw.i].ring=1;sw=null;}}
+      // slots
+      for(var i=0;i<N;i++){var X=sx(i),sl=slots[i];
+        // socket frame + connector pins
+        ctx.strokeStyle=rgba(C.AC,.10);ctx.lineWidth=1;ctx.strokeRect(X-w/2,y-h/2,w,h);
+        for(var pn=0;pn<4;pn++){var px=X-w/2+7+(w-14)*(pn/3);ctx.fillStyle=rgba(C.AC,.16);ctx.fillRect(px,y+h/2,1.4,4);}
+        var dy=0,a=1,inA=0;
+        if(sw&&sw.i===i){var p=sw.age/76;if(p<.42){dy=-(p/.42)*46;a=1-p/.42;}else{a=0;inA=(p-.42)/.58;}}
+        // resident (or ejecting) module with heartbeat LED
+        if(a>0.02){var hue=sl.hue,hb=.5+.5*Math.sin(s.t*.1+i*2);
+          ctx.fillStyle=rgba(hue,.10*a);ctx.fillRect(X-w/2+5,y-h/2+5+dy,w-10,h-10);
+          ctx.strokeStyle=rgba(hue,.4*a);ctx.strokeRect(X-w/2+5,y-h/2+5+dy,w-10,h-10);
+          ctx.fillStyle=rgba(hue,(.3+.6*hb)*a);ctx.beginPath();ctx.arc(X,y+dy,1.8,0,7);ctx.fill();}
+        // replacement dropping in
+        if(inA>0){var ny=y-(1-inA)*(h+30);
+          ctx.fillStyle=rgba(C.AC,.12*inA);ctx.fillRect(X-w/2+5,ny-h/2+5,w-10,h-10);
+          ctx.strokeStyle=rgba(C.AC,.5*inA);ctx.strokeRect(X-w/2+5,ny-h/2+5,w-10,h-10);}
+        // lock-ring flash when the new module seats
+        if(sl.ring>.03){sl.ring*=.93;var rr=8+(1-sl.ring)*26;
+          ctx.strokeStyle=rgba(C.AC,.5*sl.ring);ctx.lineWidth=1.2;ctx.beginPath();ctx.arc(X,y,rr,0,7);ctx.stroke();}}
+      // bus packets — they arc OVER an empty slot instead of stopping
+      for(var k=0;k<pkts.length;k++){var q=pkts[k];q.p+=q.spd;if(q.p>1)q.p-=1;var x=s.W*(0.06+0.88*q.p);
+        var lift=0;
+        if(sw){var gx=sx(sw.i),d=Math.abs(x-gx);if(d<w*1.4)lift=-Math.cos(d/(w*1.4)*1.5708)*18;}
+        ctx.fillStyle=rgba(q.hue,.6);ctx.beginPath();ctx.arc(x,y+lift,q.sz,0,7);ctx.fill();
+        ctx.fillStyle=rgba(q.hue,.12);ctx.beginPath();ctx.arc(x,y+lift,q.sz*3,0,7);ctx.fill();}
+      // eject sparks
+      for(var sp=sparks.length-1;sp>=0;sp--){var k2=sparks[sp];k2.x+=k2.vx;k2.y+=k2.vy;k2.vy+=.07;k2.life-=.028;
+        if(k2.life<=0){sparks.splice(sp,1);continue;}
+        ctx.fillStyle=rgba(C.AC,.6*k2.life);ctx.fillRect(k2.x,k2.y,1.5,1.5);}
+    }};
+  }
+  // SCENE 14 — SURFACES: workflow automation and OMP session packages, one operator linking them
+  function buildSurfaces(s,ctx,rgba,C){
+    var topY,botY,N=6,pk=[];
+    function setup(){topY=s.H*0.34;botY=s.H*0.66;pk=[];}
+    function nx(i){return s.W*(0.12+0.76*(i/(N-1)));}
+    return {resize:setup, draw:function(){
+      s.dim(.32);topY=s.H*0.34;botY=s.H*0.66;
+      ctx.lineWidth=1;ctx.strokeStyle=rgba(C.C2,.09);ctx.beginPath();ctx.moveTo(s.W*0.1,topY);ctx.lineTo(s.W*0.9,topY);ctx.stroke();
+      ctx.strokeStyle=rgba(C.AC,.09);ctx.beginPath();ctx.moveTo(s.W*0.1,botY);ctx.lineTo(s.W*0.9,botY);ctx.stroke();
+      for(var i=0;i<N;i++){var x=nx(i),pt=.5+.5*Math.sin(s.t*.04+i),pb=.5+.5*Math.sin(s.t*.04+i+2);
+        ctx.fillStyle=rgba(C.C2,.28+.4*pt);ctx.beginPath();ctx.arc(x,topY,2.3,0,7);ctx.fill();
+        ctx.fillStyle=rgba(C.AC,.28+.4*pb);ctx.beginPath();ctx.arc(x,botY,2.3,0,7);ctx.fill();}
+      if(s.t%9===0){var lane=Math.random()<.5;pk.push({lane:lane,p:0,spd:.008+Math.random()*.006,hue:lane?C.C2:C.AC});}
+      if(s.t%64===0){pk.push({link:(Math.random()*N)|0,p:0});}
+      for(var k=pk.length-1;k>=0;k--){var p=pk[k];p.p+=(p.link!==undefined?.022:p.spd);if(p.p>=1){pk.splice(k,1);continue;}
+        if(p.link!==undefined){var x=nx(p.link),y=topY+(botY-topY)*p.p;ctx.strokeStyle=rgba(C.AC,.10);ctx.beginPath();ctx.moveTo(x,topY);ctx.lineTo(x,botY);ctx.stroke();ctx.fillStyle=rgba([234,255,176],.8);ctx.beginPath();ctx.arc(x,y,1.9,0,7);ctx.fill();}
+        else{var x2=s.W*(0.1+0.8*p.p),y2=p.lane?topY:botY;ctx.fillStyle=rgba(p.hue,.7);ctx.beginPath();ctx.arc(x2,y2,1.6,0,7);ctx.fill();ctx.fillStyle=rgba(p.hue,.14);ctx.beginPath();ctx.arc(x2,y2,5,0,7);ctx.fill();}}
+    }};
+  }
+  // =========================================================
+  // SCENE 15 — RECORD: SESSION JOURNAL TAPE
+  // Events fall out of the run and lock onto an append-only
+  // tape (ticks only ever ADD on the right; the tape scrolls
+  // left). A cyan replay head periodically sweeps the whole
+  // history, re-lighting every tick it passes. "The cnet replays."
+  // ============================================================
+  function buildJournal(s,ctx,rgba,C){
+    var ticks=[],fall=[],head=null,y,x0,x1,SCROLL=.34;
+    function mkTick(x){return{x:x,h:5+Math.random()*16,hue:Math.random()<.16?C.C2:C.AC,lit:0,a:.22+Math.random()*.3};}
+    function setup(){y=s.H*0.8;x0=s.W*0.06;x1=s.W*0.94;ticks=[];fall=[];head=null;
+      for(var x=x0;x<x1-40;x+=9+Math.random()*26)ticks.push(mkTick(x));}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      // tape line
+      var lg=ctx.createLinearGradient(x0,y,x1,y);lg.addColorStop(0,rgba(C.AC,.03));lg.addColorStop(.5,rgba(C.AC,.13));lg.addColorStop(1,rgba(C.AC,.05));
+      ctx.strokeStyle=lg;ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(x0,y);ctx.lineTo(x1,y);ctx.stroke();
+      // append-only: events fall from the run above and lock onto the tape's right end
+      if(s.t%30===0)fall.push({x:x1-24,y:y-s.H*0.2-Math.random()*s.H*0.06,vy:0,hue:Math.random()<.2?C.C2:C.AC});
+      for(var k=fall.length-1;k>=0;k--){var f=fall[k];f.vy+=.14;f.y+=f.vy;
+        if(f.y>=y){fall.splice(k,1);var t2=mkTick(f.x);t2.hue=f.hue;t2.lit=1;ticks.push(t2);continue;}
+        ctx.fillStyle=rgba(f.hue,.7);ctx.beginPath();ctx.arc(f.x,f.y,1.8,0,7);ctx.fill();
+        ctx.fillStyle=rgba(f.hue,.12);ctx.beginPath();ctx.arc(f.x,f.y,6,0,7);ctx.fill();}
+      // tape scrolls left; history never rewrites, it only slides off the edge
+      for(var i=ticks.length-1;i>=0;i--){var tk=ticks[i];tk.x-=SCROLL;if(tk.x<x0){ticks.splice(i,1);continue;}
+        tk.lit*=.95;
+        var edge=Math.min(1,(tk.x-x0)/60)*Math.min(1,(x1-tk.x)/40);
+        var al=(tk.a+ .6*tk.lit)*edge;
+        ctx.strokeStyle=rgba(tk.hue,al);ctx.lineWidth=1.4;
+        ctx.beginPath();ctx.moveTo(tk.x,y-tk.h);ctx.lineTo(tk.x,y+tk.h*.5);ctx.stroke();
+        if(tk.lit>.05){ctx.fillStyle=rgba(tk.hue,.16*tk.lit*edge);ctx.beginPath();ctx.arc(tk.x,y-tk.h*.3,8,0,7);ctx.fill();}}
+      // replay head: a cyan cursor sweeps the laid-down history, re-lighting it
+      if(!head&&s.t%420===200)head={x:x0};
+      if(head){head.x+=(x1-x0)*.006;
+        if(head.x>x1){head=null;}
+        else{for(var j=0;j<ticks.length;j++){if(Math.abs(ticks[j].x-head.x)<4)ticks[j].lit=1;}
+          var hg=ctx.createLinearGradient(head.x,y-s.H*0.22,head.x,y+s.H*0.1);hg.addColorStop(0,rgba(C.C2,0));hg.addColorStop(.5,rgba(C.C2,.5));hg.addColorStop(1,rgba(C.C2,0));
+          ctx.strokeStyle=hg;ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(head.x,y-s.H*0.12);ctx.lineTo(head.x,y+s.H*0.07);ctx.stroke();
+          ctx.fillStyle=rgba(C.C2,.8);ctx.beginPath();ctx.arc(head.x,y,2.2,0,7);ctx.fill();
+          ctx.fillStyle=rgba(C.C2,.14);ctx.beginPath();ctx.arc(head.x,y,9,0,7);ctx.fill();}}
+    }};
+  }
+  // =========================================================
+  // SCENE — SWARMER: THE DRONE OF DRONES
+  // A commander drone holds a dashed patrol ring (the standing
+  // order). Worker drones fly loose formation. Event pulses fly
+  // IN from workers; the commander flares awake, banks, and
+  // fires a vector beam back OUT (dispatch/steer/stop). Every
+  // action drops a tick into the cnet strip along the bottom.
+  // =========================================================
+  function buildSwarmer(s,ctx,rgba,C){
+    var cmd={x:0,y:0},workers=[],events=[],beams=[],ticks=[],wake=0;
+    function setup(){cmd.x=s.W*0.32;cmd.y=s.H*0.44;workers=[];var N=9;
+      for(var i=0;i<N;i++){var a=(i/N)*6.28;workers.push({a:a,r:s.W*0.16+Math.random()*s.W*0.14,w:.0015+Math.random()*.0025,ph:Math.random()*6.28,x:0,y:0});}}
+    function wpos(w){var r=w.r+Math.sin(s.t*.01+w.ph)*14;return{x:cmd.x+Math.cos(w.a)*r*1.35,y:cmd.y+Math.sin(w.a)*r*.62};}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      var i,w,P;
+      // cnet strip along the bottom
+      var ry=s.H*0.88;
+      ctx.strokeStyle=rgba(C.C2,.10);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(s.W*0.06,ry);ctx.lineTo(s.W*0.94,ry);ctx.stroke();
+      for(i=ticks.length-1;i>=0;i--){var tk=ticks[i];tk.x+=.55;tk.a*=.997;if(tk.x>s.W*0.94||tk.a<.03){ticks.splice(i,1);continue;}
+        ctx.fillStyle=rgba(tk.hue,tk.a);ctx.fillRect(tk.x,ry-5,2,10);}
+      // workers in formation
+      for(i=0;i<workers.length;i++){w=workers[i];w.a+=w.w;P=wpos(w);w.x=P.x;w.y=P.y;
+        var pl=.5+.5*Math.sin(s.t*.06+w.ph);
+        ctx.fillStyle=rgba(C.C2,.5+.3*pl);ctx.beginPath();ctx.arc(P.x,P.y,2.1,0,7);ctx.fill();
+        ctx.fillStyle=rgba(C.C2,.08);ctx.beginPath();ctx.arc(P.x,P.y,7,0,7);ctx.fill();
+        // occasionally a worker emits an event pulse toward the commander
+        if(Math.random()<.0035&&events.length<4)events.push({from:i,p:0});}
+      // event pulses inbound
+      for(i=events.length-1;i>=0;i--){var ev=events[i];ev.p+=.02;w=workers[ev.from];
+        var ex=w.x+(cmd.x-w.x)*ev.p,ey=w.y+(cmd.y-w.y)*ev.p;
+        if(ev.p>=1){events.splice(i,1);wake=1;
+          beams.push({to:ev.from,p:0,hue:Math.random()<.25?C.MG:C.AC});
+          ticks.push({x:s.W*0.06,a:.8,hue:C.C2});continue;}
+        ctx.fillStyle=rgba(C.MG,.75*(1-ev.p*.4));ctx.beginPath();ctx.arc(ex,ey,1.8,0,7);ctx.fill();
+        ctx.strokeStyle=rgba(C.MG,.16*(1-ev.p));ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(w.x,w.y);ctx.lineTo(ex,ey);ctx.stroke();}
+      // verb beams outbound
+      for(i=beams.length-1;i>=0;i--){var b=beams[i];b.p+=.028;w=workers[b.to];
+        var bx=cmd.x+(w.x-cmd.x)*b.p,by=cmd.y+(w.y-cmd.y)*b.p;
+        if(b.p>=1){beams.splice(i,1);ticks.push({x:s.W*0.06,a:.9,hue:b.hue});continue;}
+        ctx.strokeStyle=rgba(b.hue,.4*(1-b.p*.5));ctx.lineWidth=1.4;ctx.beginPath();ctx.moveTo(cmd.x,cmd.y);ctx.lineTo(bx,by);ctx.stroke();
+        ctx.fillStyle=rgba(b.hue,.9);ctx.beginPath();ctx.arc(bx,by,2.2,0,7);ctx.fill();}
+      // commander: current-projection ring + operator-turn flare
+      wake*=.94;
+      ctx.save();ctx.translate(cmd.x,cmd.y);ctx.rotate(s.t*.003);
+      ctx.setLineDash([3,12]);ctx.strokeStyle=rgba(C.AC,.22+.4*wake);ctx.lineWidth=1;ctx.beginPath();ctx.arc(0,0,34,0,7);ctx.stroke();ctx.setLineDash([]);ctx.restore();
+      var gg=ctx.createRadialGradient(cmd.x,cmd.y,0,cmd.x,cmd.y,70);gg.addColorStop(0,rgba(C.AC,.4+.4*wake));gg.addColorStop(.5,rgba(C.AC,.1));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(cmd.x-70,cmd.y-70,140,140);
+      // commander body: a quad glyph
+      ctx.strokeStyle=rgba(C.AC,.9);ctx.lineWidth=1.4;
+      ctx.beginPath();ctx.moveTo(cmd.x-7,cmd.y-7);ctx.lineTo(cmd.x+7,cmd.y+7);ctx.moveTo(cmd.x+7,cmd.y-7);ctx.lineTo(cmd.x-7,cmd.y+7);ctx.stroke();
+      for(var q=0;q<4;q++){var qa=q*1.5708+.7854;ctx.beginPath();ctx.arc(cmd.x+Math.cos(qa)*9.9,cmd.y+Math.sin(qa)*9.9,2.6+wake*1.6,0,7);ctx.stroke();}
+    }};
+  }
+  // =========================================================
+  // SCENE — HANGAR: SEALED BAYS
+  // A grid of sealed bays, one drone patrolling inside each.
+  // Walls flare when their drone approaches — nothing crosses.
+  // Periodically a bay door opens, its drone launches out along
+  // a lane (a sortie), the bay seals and respawns.
+  // =========================================================
+  function buildHangar(s,ctx,rgba,C){
+    var bays=[],CO=3,RO=2;
+    function setup(){bays=[];var gw=s.W*0.72,gh=s.H*0.62,x0=s.W*0.14,y0=s.H*0.16;
+      for(var r=0;r<RO;r++)for(var c=0;c<CO;c++){var bw=gw/CO-18,bh=gh/RO-18;
+        bays.push({x:x0+c*(gw/CO),y:y0+r*(gh/RO),w:bw,h:bh,dx:Math.random()*bw,dy:Math.random()*bh,vx:.6+Math.random()*.7,vy:.4+Math.random()*.6,flare:0,door:0,out:null,respawn:0});}}
+    return {resize:setup, draw:function(){
+      s.dim(.32);
+      for(var i=0;i<bays.length;i++){var b=bays[i];
+        // launch cycle: occasionally open the door and fly out
+        if(!b.out&&b.respawn<=0&&Math.random()<.0009)b.out={p:0};
+        if(b.respawn>0)b.respawn--;
+        var doorT=b.out?Math.min(1,b.door+=.04):(b.door=Math.max(0,b.door-.05));
+        // walls (door = gap in the right wall when open)
+        b.flare*=.9;
+        ctx.strokeStyle=rgba(C.AC,.14+.5*b.flare);ctx.lineWidth=1;
+        ctx.beginPath();ctx.moveTo(b.x,b.y);ctx.lineTo(b.x+b.w,b.y);ctx.stroke();
+        ctx.beginPath();ctx.moveTo(b.x,b.y+b.h);ctx.lineTo(b.x+b.w,b.y+b.h);ctx.stroke();
+        ctx.beginPath();ctx.moveTo(b.x,b.y);ctx.lineTo(b.x,b.y+b.h);ctx.stroke();
+        var gap=b.h*.5*doorT;
+        ctx.beginPath();ctx.moveTo(b.x+b.w,b.y);ctx.lineTo(b.x+b.w,b.y+b.h/2-gap/2);ctx.moveTo(b.x+b.w,b.y+b.h/2+gap/2);ctx.lineTo(b.x+b.w,b.y+b.h);ctx.stroke();
+        // corner rivets
+        ctx.fillStyle=rgba(C.AC,.35);[[b.x,b.y],[b.x+b.w,b.y],[b.x,b.y+b.h],[b.x+b.w,b.y+b.h]].forEach(function(pt){ctx.fillRect(pt[0]-1.5,pt[1]-1.5,3,3);});
+        if(b.out){ // sortie: fly out through the door and off-canvas
+          b.out.p+=.012;var sx=b.x+b.dx,sy=b.y+b.dy,tx=s.W+40,ty=b.y+b.h/2;
+          var ox=sx+(tx-sx)*b.out.p,oy=sy+(ty-sy)*Math.min(1,b.out.p*1.4);
+          ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(ox,oy,2.4,0,7);ctx.fill();
+          ctx.strokeStyle=rgba(C.AC,.25);ctx.beginPath();ctx.moveTo(ox-16,oy);ctx.lineTo(ox,oy);ctx.stroke();
+          if(b.out.p>=1){b.out=null;b.respawn=240;b.dx=b.w*.5;b.dy=b.h*.5;}
+          continue;}
+        if(b.respawn>0)continue; // bay resealing, empty
+        // patrol inside; bounce off walls, flare them
+        b.dx+=b.vx;b.dy+=b.vy;
+        if(b.dx<8||b.dx>b.w-8){b.vx*=-1;b.flare=1;}
+        if(b.dy<8||b.dy>b.h-8){b.vy*=-1;b.flare=1;}
+        var px=b.x+Math.max(4,Math.min(b.w-4,b.dx)),py=b.y+Math.max(4,Math.min(b.h-4,b.dy));
+        ctx.fillStyle=rgba(C.C2,.75);ctx.beginPath();ctx.arc(px,py,2,0,7);ctx.fill();
+        ctx.fillStyle=rgba(C.C2,.09);ctx.beginPath();ctx.arc(px,py,8,0,7);ctx.fill();}
+    }};
+  }
+  // =========================================================
+  // SCENE — STRIKELOOP: RECON -> SORTIE -> ASSESS
+  // A drone flies a holding ellipse left of a gate arch. Each
+  // pass it fires a push-packet at the gate; early passes the
+  // gate flashes a finding (magenta) back; final pass clears
+  // green and the drone exits THROUGH the gate in a hard line.
+  // =========================================================
+  function buildStrikeloop(s,ctx,rgba,C){
+    var orbit={a:0},pass=0,packet=null,verdict=0,exit=null,gx,gy,gh2;
+    function setup(){gx=s.W*0.72;gy=s.H*0.5;gh2=s.H*0.22;pass=0;packet=null;exit=null;}
+    function dpos(){var cx=s.W*0.30,cy=s.H*0.5;return{x:cx+Math.cos(orbit.a)*s.W*0.13,y:cy+Math.sin(orbit.a)*s.H*0.2};}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      verdict*=.95;
+      // gate arch
+      var cleared=pass>=3;
+      var hue=verdict>0.05?(cleared?C.AC:C.MG):C.AC;
+      ctx.strokeStyle=rgba(hue,.35+.5*verdict);ctx.lineWidth=1.6;
+      ctx.beginPath();ctx.moveTo(gx,gy-gh2);ctx.lineTo(gx,gy+gh2);ctx.stroke();
+      ctx.strokeStyle=rgba(hue,.18+.3*verdict);
+      ctx.beginPath();ctx.moveTo(gx+14,gy-gh2);ctx.lineTo(gx+14,gy+gh2);ctx.stroke();
+      ctx.fillStyle=rgba(hue,.5+.4*verdict);ctx.beginPath();ctx.arc(gx,gy-gh2,2.5,0,7);ctx.fill();ctx.beginPath();ctx.arc(gx,gy+gh2,2.5,0,7);ctx.fill();
+      if(exit){ // cleared: hard line through the gate and off
+        exit.x+=7;
+        ctx.fillStyle=rgba(C.AC,.95);ctx.beginPath();ctx.arc(exit.x,gy,3,0,7);ctx.fill();
+        ctx.strokeStyle=rgba(C.AC,.4);ctx.lineWidth=1.6;ctx.beginPath();ctx.moveTo(exit.x-34,gy);ctx.lineTo(exit.x,gy);ctx.stroke();
+        if(exit.x>s.W+40){exit=null;pass=0;}
+        return;}
+      // holding pattern
+      orbit.a+=.016;var D=dpos();
+      ctx.strokeStyle=rgba(C.C2,.08);ctx.lineWidth=1;ctx.beginPath();
+      for(var q=0;q<=40;q++){var qa=(q/40)*6.28;var qx=s.W*0.30+Math.cos(qa)*s.W*0.13,qy=s.H*0.5+Math.sin(qa)*s.H*0.2;q===0?ctx.moveTo(qx,qy):ctx.lineTo(qx,qy);}ctx.stroke();
+      ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(D.x,D.y,2.6,0,7);ctx.fill();
+      ctx.fillStyle=rgba(C.AC,.1);ctx.beginPath();ctx.arc(D.x,D.y,9,0,7);ctx.fill();
+      // fire a push-packet once per pass (when crossing rightmost point)
+      if(!packet&&Math.cos(orbit.a)>0.996)packet={x:D.x,y:D.y,ret:false};
+      if(packet){
+        if(!packet.ret){packet.x+=5.2;packet.y+=(gy-packet.y)*.06;
+          ctx.fillStyle=rgba(C.AC,.85);ctx.beginPath();ctx.arc(packet.x,packet.y,2,0,7);ctx.fill();
+          if(packet.x>=gx){pass++;verdict=1;
+            if(pass>=3){packet=null;exit={x:gx};}
+            else packet.ret=true;}}
+        else{packet.x-=4.4;packet.y+=(D.y-packet.y)*.08; // finding flies back
+          ctx.fillStyle=rgba(C.MG,.85);ctx.beginPath();ctx.arc(packet.x,packet.y,2,0,7);ctx.fill();
+          ctx.strokeStyle=rgba(C.MG,.15);ctx.beginPath();ctx.moveTo(packet.x,packet.y);ctx.lineTo(packet.x+14,packet.y);ctx.stroke();
+          if(packet.x<=D.x+8)packet=null;}}
+    }};
+  }
+  // =========================================================
+  // SCENE — FORGE: SOURCE -> ONE BINARY -> HARDLINKED WING
+  // Source motes (cyan) get drawn into a forge point; it pulses
+  // and a bright bar (the binary) charges; at full charge it
+  // stamps a wing of hardlinked drones that lift off rightward.
+  // =========================================================
+  function buildForge(s,ctx,rgba,C){
+    var motes=[],charge=0,fleet=[],fx,fy;
+    function setup(){fx=s.W*0.38;fy=s.H*0.5;motes=[];for(var i=0;i<70;i++)motes.push(mk());fleet=[];charge=0;}
+    function mk(){var a=Math.random()*6.28,r=s.W*(0.18+Math.random()*0.22);return{x:fx+Math.cos(a)*r,y:fy+Math.sin(a)*r*.6,sp:.006+Math.random()*.012};}
+    return {resize:setup, draw:function(){
+      s.dim(.3);
+      // source motes spiral into the forge
+      for(var i=0;i<motes.length;i++){var m=motes[i];
+        m.x+=(fx-m.x)*m.sp;m.y+=(fy-m.y)*m.sp;
+        var d=Math.hypot(m.x-fx,m.y-fy);
+        if(d<6){charge=Math.min(1,charge+.012);motes[i]=mk();continue;}
+        ctx.fillStyle=rgba(C.C2,.5);ctx.beginPath();ctx.arc(m.x,m.y,1.3,0,7);ctx.fill();}
+      // the binary bar charging
+      var bw=90,bh=10;
+      ctx.strokeStyle=rgba(C.AC,.4);ctx.lineWidth=1;ctx.strokeRect(fx-bw/2,fy-bh/2,bw,bh);
+      ctx.fillStyle=rgba(C.AC,.25+.55*charge);ctx.fillRect(fx-bw/2+1,fy-bh/2+1,(bw-2)*charge,bh-2);
+      var gg=ctx.createRadialGradient(fx,fy,0,fx,fy,80+60*charge);gg.addColorStop(0,rgba(C.AC,.25+.35*charge));gg.addColorStop(1,rgba(C.AC,0));ctx.fillStyle=gg;ctx.fillRect(fx-140,fy-140,280,280);
+      // at full charge: stamp a wing of hardlinks
+      if(charge>=1){charge=0;for(var k=0;k<5;k++)fleet.push({x:fx+bw/2,y:fy,ty:s.H*(0.2+0.15*k),p:0});}
+      for(var f=fleet.length-1;f>=0;f--){var fl=fleet[f];fl.p+=.008;
+        fl.x+=3.2;fl.y+=(fl.ty-fl.y)*.04;
+        if(fl.x>s.W+30){fleet.splice(f,1);continue;}
+        ctx.fillStyle=rgba(C.AC,.85);ctx.beginPath();ctx.arc(fl.x,fl.y,2.2,0,7);ctx.fill();
+        ctx.strokeStyle=rgba(C.AC,.2);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(fl.x-18,fl.y);ctx.lineTo(fl.x,fl.y);ctx.stroke();}
+    }};
+  }
+  // =========================================================
+  // SCENE — NIGHTSHIFT: moon crosses; sorties arc up off the
+  // horizon and land back as green merge checkmarks by morning.
+  // =========================================================
+  function buildNightshift(s,ctx,rgba,C){
+    var t=0,sorties=[],stamps=[];
+    function setup(){t=0;sorties=[];stamps=[];}
+    return {resize:setup, draw:function(){
+      s.dim(.3);t+=.0022;var prog=t%1;
+      var hy=s.H*0.72;
+      ctx.strokeStyle=rgba(C.C2,.14);ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(s.W*0.08,hy);ctx.lineTo(s.W*0.92,hy);ctx.stroke();
+      var ma=Math.PI*(1-prog),mx=s.W*0.5+Math.cos(ma)*s.W*0.38,my=hy-Math.sin(ma)*s.H*0.42;
+      ctx.fillStyle=rgba(C.C2,.65);ctx.beginPath();ctx.arc(mx,my,3.6,0,7);ctx.fill();
+      ctx.fillStyle=rgba(C.C2,.07);ctx.beginPath();ctx.arc(mx,my,14,0,7);ctx.fill();
+      if(Math.random()<.018&&sorties.length<6)sorties.push({x:s.W*(0.14+Math.random()*0.64),y:hy,vy:-(1.5+Math.random()*.8),age:0});
+      for(var i=sorties.length-1;i>=0;i--){var o=sorties[i];o.age+=.01;o.y+=o.vy;o.vy+=.017;
+        if(o.y>=hy&&o.age>.25){sorties.splice(i,1);stamps.push({x:o.x,a:1});if(stamps.length>14)stamps.shift();continue;}
+        ctx.fillStyle=rgba(C.AC,.85);ctx.beginPath();ctx.arc(o.x,o.y,1.9,0,7);ctx.fill();
+        ctx.strokeStyle=rgba(C.AC,.14);ctx.beginPath();ctx.moveTo(o.x,o.y);ctx.lineTo(o.x,Math.min(hy,o.y+16));ctx.stroke();}
+      for(var k=0;k<stamps.length;k++){var st=stamps[k];st.a=Math.max(.35,st.a*.997);
+        ctx.strokeStyle=rgba(C.AC,.2+.6*st.a);ctx.lineWidth=1.6;
+        ctx.beginPath();ctx.moveTo(st.x-4,hy+9);ctx.lineTo(st.x-1,hy+13);ctx.lineTo(st.x+5,hy+4);ctx.stroke();}
+    }};
+  }
+  // =========================================================
+  // SCENE — PLANSPLIT: a PRD block feeds a dependency DAG;
+  // ready nodes complete in waves, unlocking their children.
+  // =========================================================
+  function buildPlansplit(s,ctx,rgba,C){
+    var nodes=[],links=[],t=0,hold=0;
+    function setup(){nodes=[];links=[];t=0;hold=0;
+      for(var c=0;c<4;c++){var n=2+((c*5+1)%3);
+        for(var r=0;r<n;r++)nodes.push({c:c,i:r,n:n,done:0});}
+      for(var k=0;k<nodes.length;k++){var b=nodes[k];if(b.c===0)continue;
+        var prevs=nodes.filter(function(m){return m.c===b.c-1;});
+        links.push({a:prevs[k%prevs.length],b:b});}}
+    function pos(nd){return{x:s.W*(0.24+nd.c*0.19),y:s.H*(0.5+(nd.i-(nd.n-1)/2)*0.19)};}
+    return {resize:setup, draw:function(){
+      s.dim(.3);t+=.016;
+      var px=s.W*0.08,py=s.H*0.5;
+      ctx.strokeStyle=rgba(C.C2,.4);ctx.lineWidth=1.2;ctx.strokeRect(px-13,py-19,26,38);
+      ctx.fillStyle=rgba(C.C2,.18);for(var q=0;q<4;q++)ctx.fillRect(px-8,py-13+q*9,16,2);
+      if(nodes.every(function(n){return n.done>=1;})){hold+=.016;if(hold>1.6){nodes.forEach(function(n){n.done=0;});hold=0;}}
+      nodes.forEach(function(nd){
+        var parents=links.filter(function(l){return l.b===nd;}).map(function(l){return l.a;});
+        var gate=parents.length?Math.min.apply(null,parents.map(function(p){return p.done;})):1;
+        if(gate>=1)nd.done=Math.min(1,nd.done+.005);});
+      ctx.strokeStyle=rgba(C.C2,.25);ctx.beginPath();ctx.moveTo(px+13,py);ctx.lineTo(pos(nodes[0]).x-7,pos(nodes[0]).y);ctx.stroke();
+      links.forEach(function(l){var A=pos(l.a),B=pos(l.b);
+        ctx.strokeStyle=rgba(l.a.done>=1?C.AC:C.C2,l.a.done>=1?.3:.1);ctx.lineWidth=1;
+        ctx.beginPath();ctx.moveTo(A.x,A.y);ctx.lineTo(B.x,B.y);ctx.stroke();});
+      nodes.forEach(function(nd){var P=pos(nd);var active=nd.done>0&&nd.done<1;
+        ctx.fillStyle=rgba(nd.done>0?C.AC:C.C2,nd.done>=1?.85:(active?.7:.3));
+        ctx.beginPath();ctx.arc(P.x,P.y,active?3.1:2.3,0,7);ctx.fill();
+        if(active){ctx.strokeStyle=rgba(C.AC,.25);ctx.beginPath();ctx.arc(P.x,P.y,6.5+2.5*Math.sin(t*5),0,7);ctx.stroke();}});
+    }};
+  }
+  // =========================================================
+  // SCENE — SCRAMBLE: one binary block hardlinks parts into a
+  // bay in fast bursts; the armed drone lifts off; next bay.
+  // =========================================================
+  function buildScramble(s,ctx,rgba,C){
+    var t=0,slot=0,fill=0,links=[],lift=null;
+    function setup(){t=0;slot=0;fill=0;links=[];lift=null;}
+    return {resize:setup, draw:function(){
+      s.dim(.3);t+=.016;
+      var bx=s.W*0.22,by=s.H*0.5;
+      ctx.strokeStyle=rgba(C.AC,.5);ctx.lineWidth=1.4;ctx.strokeRect(bx-32,by-11,64,22);
+      ctx.fillStyle=rgba(C.AC,.28);ctx.fillRect(bx-30,by-9,60,18);
+      var gx=s.W*(0.62),gy=s.H*(0.3+0.2*slot);
+      if(!lift){
+        if(Math.random()<.3&&links.length<3&&fill<5)links.push({p:0,tx:gx-18+9*fill,ty:gy});
+        for(var i=links.length-1;i>=0;i--){var L=links[i];L.p+=.09;
+          var lx=bx+32+(L.tx-bx-32)*L.p,ly=by+(L.ty-by)*L.p;
+          ctx.strokeStyle=rgba(C.C2,.5*(1-L.p)+.1);ctx.lineWidth=1;
+          ctx.beginPath();ctx.moveTo(bx+32,by);ctx.lineTo(lx,ly);ctx.stroke();
+          ctx.fillStyle=rgba(C.C2,.8);ctx.beginPath();ctx.arc(lx,ly,1.8,0,7);ctx.fill();
+          if(L.p>=1){links.splice(i,1);fill++;}}
+        for(var f=0;f<fill;f++){ctx.fillStyle=rgba(C.AC,.7);ctx.fillRect(gx-20+9*f,gy-3,6,6);}
+        ctx.strokeStyle=rgba(C.C2,.25);ctx.strokeRect(gx-24,gy-8,52,16);
+        if(fill>=5){lift={x:gx,y:gy};fill=0;links=[];}
+      } else {
+        lift.x+=4.2;lift.y-=1.3;
+        ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(lift.x,lift.y,2.4,0,7);ctx.fill();
+        ctx.strokeStyle=rgba(C.AC,.25);ctx.beginPath();ctx.moveTo(lift.x-20,lift.y+7);ctx.lineTo(lift.x,lift.y);ctx.stroke();
+        if(lift.x>s.W+30){lift=null;slot=(slot+1)%3;}}
+    }};
+  }
+  // =========================================================
+  // SCENE — CIPHER: host -> relay -> guest. Packets leave the
+  // host green, turn to magenta noise inside the relay band,
+  // and clear green again at the guest. Keys stay at the ends.
+  // =========================================================
+  function buildCipher(s,ctx,rgba,C){
+    var pk=[],t=0;
+    function setup(){pk=[];t=0;}
+    function key(x,y){ctx.strokeStyle=rgba(C.AC,.7);ctx.lineWidth=1.4;
+      ctx.beginPath();ctx.arc(x,y,3.4,0,7);ctx.stroke();
+      ctx.beginPath();ctx.moveTo(x+3.4,y);ctx.lineTo(x+11,y);ctx.moveTo(x+8,y);ctx.lineTo(x+8,y+4);ctx.stroke();}
+    return {resize:setup, draw:function(){
+      s.dim(.3);t+=.016;
+      var hx=s.W*0.16,gx2=s.W*0.84,cy=s.H*0.5,r1=s.W*0.42,r2=s.W*0.58;
+      ctx.strokeStyle=rgba(C.MG,.28);ctx.lineWidth=1;
+      ctx.strokeRect(r1,cy-s.H*0.26,r2-r1,s.H*0.52);
+      ctx.fillStyle=rgba(C.MG,.05);ctx.fillRect(r1,cy-s.H*0.26,r2-r1,s.H*0.52);
+      ctx.strokeStyle=rgba(C.C2,.4);ctx.strokeRect(hx-16,cy-22,32,44);
+      ctx.strokeRect(gx2-16,cy-22,32,44);
+      key(hx-4,cy+34);key(gx2-4,cy+34);
+      if(Math.random()<.06)pk.push({x:hx+16,y:cy-14+Math.random()*28,v:2.2+Math.random()});
+      if(Math.random()<.03)pk.push({x:gx2-16,y:cy-14+Math.random()*28,v:-(2.2+Math.random())});
+      for(var i=pk.length-1;i>=0;i--){var p=pk[i];p.x+=p.v;
+        if(p.x>s.W||p.x<0){pk.splice(i,1);continue;}
+        var inRelay=p.x>r1&&p.x<r2;
+        if(inRelay){ctx.fillStyle=rgba(C.MG,.7);
+          ctx.fillRect(p.x-2+(Math.random()*2-1),p.y-2+(Math.random()*2-1),4,4);}
+        else{ctx.fillStyle=rgba(C.AC,.8);ctx.beginPath();ctx.arc(p.x,p.y,1.9,0,7);ctx.fill();}}
+    }};
+  }
+  // =========================================================
+  // SCENE — ARSENAL: three racks of slots; a scanline sweeps
+  // and arms each slot green; racks cycle like an ordnance check.
+  // =========================================================
+  function buildArsenal(s,ctx,rgba,C){
+    var t=0;
+    function setup(){t=0;}
+    return {resize:setup, draw:function(){
+      s.dim(.3);t+=.016;
+      var racks=3,slots=6,sweep=(t*.35)%(racks+0.6);
+      for(var r=0;r<racks;r++){
+        var rx=s.W*(0.25+r*0.25),top=s.H*0.24,bh=s.H*0.52;
+        ctx.strokeStyle=rgba(C.C2,.25);ctx.lineWidth=1;
+        ctx.strokeRect(rx-30,top,60,bh);
+        for(var k=0;k<slots;k++){var sy=top+bh*(k+0.5)/slots;
+          var armed=sweep>r+(k/slots)*0.9;
+          ctx.fillStyle=rgba(armed?C.AC:C.C2,armed?.75:.18);
+          ctx.fillRect(rx-22,sy-3,44,6);
+          if(armed){ctx.fillStyle=rgba(C.AC,.9);ctx.beginPath();ctx.arc(rx+28,sy,1.6,0,7);ctx.fill();}}}
+      var lx=s.W*(0.25+((sweep%1))*0.5);
+      ctx.strokeStyle=rgba(C.AC,.12);ctx.beginPath();ctx.moveTo(lx,s.H*0.2);ctx.lineTo(lx,s.H*0.8);ctx.stroke();
+    }};
+  }
+  // =========================================================
+  // SCENE — IRCNET: callsigns on a ring; DMs travel chords in
+  // both directions; broadcasts pulse to everyone; a parked
+  // (dim) node that receives a packet lights up — revived.
+  // =========================================================
+  function buildIrcnet(s,ctx,rgba,C){
+    var N=7,peers=[],pk=[],pulse=null,t=0;
+    function setup(){t=0;pk=[];pulse=null;peers=[];
+      for(var i=0;i<N;i++)peers.push({a:(i/N)*6.28-1.57,parked:i===4,glow:0});}
+    function pos(p){return{x:s.W*0.5+Math.cos(p.a)*s.W*0.26,y:s.H*0.5+Math.sin(p.a)*s.H*0.3};}
+    return {resize:setup, draw:function(){
+      s.dim(.3);t+=.016;
+      // ring
+      ctx.strokeStyle=rgba(C.C2,.07);ctx.lineWidth=1;ctx.beginPath();
+      for(var q=0;q<=48;q++){var qa=(q/48)*6.28;var qx=s.W*0.5+Math.cos(qa)*s.W*0.26,qy=s.H*0.5+Math.sin(qa)*s.H*0.3;q===0?ctx.moveTo(qx,qy):ctx.lineTo(qx,qy);}ctx.stroke();
+      // peers
+      peers.forEach(function(p,i){var P=pos(p);p.glow*=.94;
+        var live=!p.parked||p.glow>.2;
+        ctx.fillStyle=rgba(live?C.AC:C.C2,live?.5+.5*Math.min(1,p.glow+.4):.18);
+        ctx.beginPath();ctx.arc(P.x,P.y,live?3:2.4,0,7);ctx.fill();
+        if(p.glow>.05){ctx.strokeStyle=rgba(C.AC,.3*p.glow);ctx.beginPath();ctx.arc(P.x,P.y,8+6*(1-p.glow),0,7);ctx.stroke();}});
+      // random DM chords
+      if(Math.random()<.045&&pk.length<5){var a=Math.floor(Math.random()*N),b=Math.floor(Math.random()*N);
+        if(a!==b)pk.push({f:a,to:b,p:0});}
+      for(var i=pk.length-1;i>=0;i--){var m=pk[i];m.p+=.03;
+        var A=pos(peers[m.f]),B=pos(peers[m.to]);
+        var mx=A.x+(B.x-A.x)*m.p,my=A.y+(B.y-A.y)*m.p;
+        ctx.strokeStyle=rgba(C.C2,.10);ctx.beginPath();ctx.moveTo(A.x,A.y);ctx.lineTo(B.x,B.y);ctx.stroke();
+        ctx.fillStyle=rgba(C.AC,.85);ctx.beginPath();ctx.arc(mx,my,1.8,0,7);ctx.fill();
+        if(m.p>=1){peers[m.to].glow=1;if(peers[m.to].parked&&Math.random()<.5)peers[m.to].parked=false;pk.splice(i,1);}}
+      // occasional broadcast pulse
+      if(!pulse&&Math.random()<.006)pulse={src:Math.floor(Math.random()*N),r:0};
+      if(pulse){pulse.r+=4.5;var S=pos(peers[pulse.src]);
+        ctx.strokeStyle=rgba(C.AC,Math.max(0,.4-pulse.r/(s.W*0.9)));ctx.lineWidth=1.4;
+        ctx.beginPath();ctx.arc(S.x,S.y,pulse.r,0,7);ctx.stroke();
+        peers.forEach(function(p){var P=pos(p);if(Math.abs(Math.hypot(P.x-S.x,P.y-S.y)-pulse.r)<5)p.glow=1;});
+        if(pulse.r>s.W*0.6)pulse=null;}
+      // re-park one node occasionally so the revive story loops
+      if(Math.random()<.002){var idx=1+Math.floor(Math.random()*(N-1));peers[idx].parked=true;}
+    }};
+  }
+  var BUILDERS={dispatch:buildDispatch,cnet:buildCNet,harness:buildHarness,lanes:buildLanes,engine:buildEngine,converge:buildConverge,relay:buildRelay,gatewall:buildGatewall,heal:buildHeal,ouro:buildOuro,triad:buildTriad,carrier:buildCarrier,swap:buildSwap,surfaces:buildSurfaces,journal:buildJournal,swarmer:buildSwarmer,hangar:buildHangar,strikeloop:buildStrikeloop,forge:buildForge,nightshift:buildNightshift,plansplit:buildPlansplit,scramble:buildScramble,cipher:buildCipher,arsenal:buildArsenal,ircnet:buildIrcnet};
+  // ---- wire up: build a Scene per canvas, run only when on-screen ----
+  var scenes=[];
+  document.querySelectorAll('canvas.scene').forEach(function(cv){
+    var kind=cv.getAttribute('data-scene');var b=BUILDERS[kind];if(!b)return;
+    var sc=Scene(cv,b);scenes.push({cv:cv,sc:sc});
+  });
+  // start every scene immediately (lightweight 2D); IO only pauses fully-offscreen ones for perf
+  scenes.forEach(function(s){s.sc.start();});
+  if('IntersectionObserver' in window){
+    var io=new IntersectionObserver(function(es){es.forEach(function(e){var s=scenes.find(function(x){return x.cv===e.target;});if(!s)return;if(e.isIntersecting)s.sc.start();else s.sc.stop();});},{rootMargin:'200px',threshold:0});
+    scenes.forEach(function(s){io.observe(s.cv);});
+  }
+})();
+/* ===== HERO ASCII DRONE FLEET (grid compositor — lead drone + a squad) =====
+   One blank char-grid per frame; each drone is STAMPED at an offset with its
+   own bob/drift phase, then the whole grid is colorized. The !!! (rotor) and ?
+   (eye) tokens survive stamping as literal chars, so a single per-line token
+   pass animates every drone. Minis use dimmer glyphs (%,=,(,)) -> depth. */
+(function(){
+ var el=document.getElementById('cine');if(!el)return;
+ el.classList.add('mascot');
+ // lead drone — bright body ($ @), big quad-rotor frame
+ var ART=["  .-=-.                   .-=-.   ", " ( !!! )                 ( !!! )  ", "  '-=-'._               _.'-=-'   ", "        '._           _.'         ", "           '=$$$$$$$=.'           ", "          =$$$$$$$$$$$=           ", "         $$$@@@@@@@@@@$$$         ", "        $$$@@        @@$$$        ", "        $$@    ?     @$$$         ", "        $$$@   '-'   @$$$         ", "        $$$@@        @@$$$        ", "         $$$@@@@@@@@@@$$$         ", "          =$$$$$$$$$$$=           ", "           '=$$$$$$$=.'           ", "        _.'           '._         ", "  .-=-.'                 '.-=-.   ", " ( !!! )                 ( !!! )  ", "  '-=-'                   '-=-'   "];
+ // companion drone — dim body (% =), compact quad
+ var MINI=["(!!!)   (!!!)", "  \\%==%/  ", "   %%?%%   ", "  /%==%\\  ", "(!!!)   (!!!)"];
+ var BL=['---','\\\\\\','|||','///'];
+ var GW=52,GH=27;
+ // fleet: lead centered, four companions clustered tight at its corners
+ var FLEET=[
+   {s:MINI,x:0,  y:2,  amp:1,sp:0.050,ph:0.0, dx:1,dsp:0.020},
+   {s:MINI,x:39, y:2,  amp:1,sp:0.044,ph:2.1, dx:1,dsp:0.017},
+   {s:MINI,x:1,  y:20, amp:1,sp:0.048,ph:4.2, dx:1,dsp:0.023},
+   {s:MINI,x:38, y:20, amp:1,sp:0.041,ph:1.3, dx:1,dsp:0.015},
+   {s:ART, x:10, y:5,  amp:2,sp:0.040,ph:0.0, dx:0,dsp:0.011}
+ ];
+ var t=0,phase=0;
+ function esc(c){return c==='&'?'&amp;':c==='<'?'&lt;':c==='>'?'&gt;':c;}
+ function cls(ch){
+   if(ch==='$'||ch==='@')return 'd';
+   if(ch==='='||ch==='%')return 'm';
+   if(ch==='\\'||ch==='/')return 'r';
+   if(ch==='('||ch===')'||ch==='-'||ch==='|'||ch==="'"||ch==='.')return 'c';
+   return 'b';
+ }
+ function paint(s){var html='',run='',rc='';for(var j=0;j<s.length;j++){var ch=s[j],c=cls(ch);if(c===rc)run+=esc(ch);else{if(run)html+='<span class="g-'+rc+'">'+run+'</span>';run=esc(ch);rc=c;}}if(run)html+='<span class="g-'+rc+'">'+run+'</span>';return html;}
+ function frame(){
+   t++; if(t%4===0)phase++;
+   var blade=BL[phase%4];
+   var p=Math.sin(t*0.07);
+   var core=p>0.45?'@':(p>-0.1?'o':'.');
+   // blank grid
+   var grid=[];for(var r=0;r<GH;r++){var row=[];for(var c=0;c<GW;c++)row.push(' ');grid.push(row);}
+   // stamp each drone (companions first, lead last so it sits in front)
+   for(var f=0;f<FLEET.length;f++){var d=FLEET[f];
+     var oy=d.y+Math.round(d.amp*Math.sin(t*d.sp+d.ph));
+     var ox=d.x+Math.round(d.dx*Math.sin(t*d.dsp+d.ph));
+     for(var i=0;i<d.s.length;i++){var ln=d.s[i],ry=oy+i;if(ry<0||ry>=GH)continue;
+       for(var j=0;j<ln.length;j++){var ch=ln[j];if(ch===' ')continue;var rx=ox+j;if(rx<0||rx>=GW)continue;grid[ry][rx]=ch;}}
+   }
+   // colorize grid line by line (same token pass as the single-drone build)
+   var out=[];
+   for(var r=0;r<GH;r++){
+     var line=grid[r].join('');var html='';var k=0;
+     while(k<line.length){
+       if(line.substr(k,3)==='!!!'){ html+='<span class="g-rb">'+blade+'</span>'; k+=3; }
+       else if(line[k]==='?'){ html+='<span class="g-eye">'+core+'</span>'; k+=1; }
+       else { var nb=line.indexOf('!!!',k); var nc=line.indexOf('?',k);
+         var nxt=Math.min(nb<0?1e9:nb, nc<0?1e9:nc, line.length);
+         html+=paint(line.slice(k,nxt)); k=nxt; }
+     }
+     out.push(html);
+   }
+   el.innerHTML='<span class="sprite">'+out.join('\n')+'</span>';
+   requestAnimationFrame(frame);
+ }
+ frame();
+})();
+/* ===== attach-mock live spinner (mirrors the real SPINNER_FRAMES braille set) ===== */
+(function(){
+ var F=['⠋','⠙','⠹','⠸','⠼','⠴','⠦','⠧','⠇','⠏'];
+ var s1=document.getElementById('sp1'),s2=document.getElementById('sp2');if(!s1&&!s2)return;
+ var t1=document.getElementById('spt1');
+ var stages=['opening OMP session','loading Rig session'];
+ var i=0,st=0;
+ setInterval(function(){i=(i+1)%F.length;if(s1)s1.textContent=F[i];if(s2)s2.textContent=F[(i+4)%F.length];},150);
+ setInterval(function(){st=(st+1)%stages.length;if(t1)t1.textContent=stages[st];},2600);
+})();
+/* ===== scroll reveal + pipeline cycle ===== */
+(function(){var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in');});},{threshold:.16});document.querySelectorAll('.rv').forEach(function(el){io.observe(el);});})();
+(function(){var st=document.querySelectorAll('#pipe .stage');if(!st.length)return;var i=0;setInterval(function(){st.forEach(function(s){s.classList.remove('on');});st[i].classList.add('on');i=(i+1)%st.length;},1300);})();
+/* ===== closing kill-line: crisp DOM text at rest, canvas shred only during the burst ===== */
+(function(){
+ var cv=document.querySelector('.ripcv'); if(!cv) return;
+ var host=cv.parentElement, l2=host&&host.querySelector('.l2'); if(!l2) return;
+ var ctx=cv.getContext('2d'); var DPR=Math.min(devicePixelRatio||1,2);
+ var pre=cv.dataset.pre||'', hot=cv.dataset.hot||'', post=cv.dataset.post||'';
+ var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;
+ var off=document.createElement('canvas'), octx=off.getContext('2d');
+ var W=0,H=0,fs=40,preW=0,hotW=0,postW=0,x0=0,hx=0,GP=20,t=0,BANDS=7,shredding=false;
+ function fontStr(){return '700 '+fs+"px 'Space Grotesk',system-ui,sans-serif";}
+ function build(){
+  fs=parseFloat(getComputedStyle(l2).fontSize)||40; GP=Math.round(fs*0.5);
+  ctx.font=fontStr();
+  preW=ctx.measureText(pre).width; hotW=ctx.measureText(hot).width; postW=ctx.measureText(post).width;
+  var lineW=preW+hotW+postW, padX=Math.round(fs);
+  W=Math.ceil(lineW+padX*2); H=Math.ceil(fs*1.75);
+  cv.width=W*DPR; cv.height=H*DPR; cv.style.width=W+'px'; cv.style.height=H+'px';
+  ctx.setTransform(DPR,0,0,DPR,0,0);
+  x0=Math.round((W-lineW)/2); hx=x0+preW;
+  off.width=Math.ceil((hotW+GP*2)*DPR); off.height=Math.ceil(H*DPR);
+  octx.setTransform(DPR,0,0,DPR,0,0); octx.clearRect(0,0,off.width,off.height);
+  octx.font=fontStr(); octx.textBaseline='middle';
+  octx.shadowColor='rgba(204,255,77,.5)'; octx.shadowBlur=Math.max(8,Math.round(fs*0.2)); octx.fillStyle='#ccff4d';
+  octx.fillText(hot, GP, H/2); octx.shadowBlur=0;
+ }
+ function ink(){ ctx.font=fontStr(); ctx.textBaseline='middle'; ctx.fillStyle='#f2f3f6'; ctx.fillText(pre,x0,H/2); ctx.fillText(post,hx+hotW,H/2); }
+ function frame(){
+  t++;
+  var cycle=170, ph=t%cycle;
+  var rip = ph<26 ? Math.pow(1-ph/26,1.7)*(ph<3?ph/3:1) : 0;
+  if(rip<0.015){
+   if(shredding){ shredding=false; cv.style.opacity='0'; l2.style.visibility='visible'; ctx.clearRect(0,0,W,H); }
+   requestAnimationFrame(frame); return;
+  }
+  if(!shredding){ shredding=true; cv.style.opacity='1'; l2.style.visibility='hidden'; }
+  ctx.clearRect(0,0,W,H); ink();
+  var bandH=H/BANDS;
+  for(var i=0;i<BANDS;i++){
+   var mid=(i+0.5)/BANDS-0.5;
+   var dx=(i%2?1:-1)*rip*(fs*0.12+Math.abs(mid)*fs*0.9);
+   var dy=mid*rip*fs*0.42;
+   ctx.drawImage(off, 0, Math.floor(i*bandH*DPR), off.width, Math.ceil(bandH*DPR), hx-GP+dx, i*bandH+dy, hotW+GP*2, bandH+0.6);
+  }
+  ctx.save(); ctx.globalAlpha=Math.min(0.92,rip); ctx.font=fontStr(); ctx.textBaseline='middle';
+  ctx.shadowColor='rgba(204,255,77,.85)'; ctx.shadowBlur=Math.round(fs*0.35); ctx.fillStyle='#f3ffce'; ctx.fillText(hot,hx,H/2); ctx.restore();
+  ctx.save(); ctx.globalAlpha=Math.min(1,rip*1.4); var ty=H/2+Math.sin(t*0.7)*2;
+  var g=ctx.createLinearGradient(hx-12,0,hx+hotW+12,0);
+  g.addColorStop(0,'rgba(204,255,77,0)'); g.addColorStop(.5,'rgba(255,255,255,.95)'); g.addColorStop(1,'rgba(204,255,77,0)');
+  ctx.fillStyle=g; ctx.shadowColor='#ccff4d'; ctx.shadowBlur=12; ctx.fillRect(hx-12,ty-Math.max(2,fs*0.045),hotW+24,Math.max(3,fs*0.08)); ctx.restore();
+  requestAnimationFrame(frame);
+ }
+ function start(){ build(); if(reduce)return; requestAnimationFrame(frame); }
+ if(document.fonts&&document.fonts.ready) document.fonts.ready.then(start); else start();
+ var rz; addEventListener('resize',function(){clearTimeout(rz);rz=setTimeout(build,150);});
+})();
+</script><script src="assets/site.js?v=v9"></script></body></html>