| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8" />
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| <title>AI Governance Trust Deeds β SnapKitty Resonance</title>
|
| <meta name="description" content="Cryptographic proof that your AI behaved correctly. APL reduction across 6 geometric primitives. Ed25519 signed. WORM sealed. Sovereign." />
|
| <meta property="og:title" content="AI Governance Trust Deeds β SnapKitty" />
|
| <meta property="og:description" content="Proof your AI behaved. Mathematically. APL reduction. WORM sealed. Ed25519 signed." />
|
| <meta property="og:type" content="website" />
|
| <link rel="preconnect" href="https://fonts.googleapis.com" />
|
| <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@700;800;900&display=swap" rel="stylesheet" />
|
| <style>
|
| *{box-sizing:border-box;margin:0;padding:0}
|
| :root{
|
| --bg:#020205;--panel:#08080f;--border:#16161f;
|
| --gold:#C9A84C;--gold2:#FFD700;--dim:#7f6a31;
|
| --white:#e2e8f0;--muted:#3f3f5c;
|
| --green:#34D399;--red:#f43f5e;--purple:#a78bfa;--cyan:#22d3ee;
|
| --mono:'Space Mono','Courier New',monospace;
|
| --syne:'Syne',sans-serif;
|
| }
|
| html{scroll-behavior:smooth}
|
| body{background:var(--bg);color:var(--white);font-family:var(--mono);min-height:100vh}
|
| a{color:inherit;text-decoration:none}
|
| button{cursor:pointer;font-family:var(--mono)}
|
| ::-webkit-scrollbar{width:4px}
|
| ::-webkit-scrollbar-track{background:var(--bg)}
|
| ::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
|
|
|
| /* NAV */
|
| nav{border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;gap:24;position:sticky;top:0;z-index:100;background:var(--bg)cc;backdrop-filter:blur(8px)}
|
| nav .logo{color:var(--gold);font-size:11px;letter-spacing:.2em}
|
| nav .dot{color:var(--muted);font-size:9px}
|
| nav .page-title{color:var(--white);font-size:10px;letter-spacing:.15em}
|
| nav .nav-links{margin-left:auto;display:flex;gap:16px}
|
| nav .nav-links a{color:var(--muted);font-size:9px;letter-spacing:.15em;transition:color .2s}
|
| nav .nav-links a:hover{color:var(--gold)}
|
| nav .nav-links a.cta{color:var(--gold)}
|
|
|
| /* HERO */
|
| .hero{padding:80px 32px 60px;text-align:center;max-width:900px;margin:0 auto}
|
| .hero .eyebrow{font-size:11px;color:var(--gold);letter-spacing:.35em;margin-bottom:24px}
|
| .formula{font-family:var(--mono);font-size:clamp(32px,6vw,72px);color:var(--gold);letter-spacing:.1em;line-height:1.1;text-shadow:0 0 40px #C9A84C66,0 0 80px #C9A84C33;margin-bottom:16px}
|
| .formula-sub{font-size:11px;color:var(--dim);letter-spacing:.2em;margin-bottom:40px}
|
| .hero h1{font-family:var(--syne);font-size:clamp(28px,4vw,52px);font-weight:900;color:var(--white);line-height:1.15;margin-bottom:20px}
|
| .hero h1 em{color:var(--gold);font-style:normal}
|
| .hero p{font-size:13px;color:var(--muted);line-height:1.8;max-width:620px;margin:0 auto 48px}
|
| .hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
|
| .btn-primary{padding:14px 32px;background:var(--gold);color:var(--bg);font-size:11px;font-weight:700;letter-spacing:.2em;font-family:var(--mono);transition:opacity .2s}
|
| .btn-primary:hover{opacity:.85}
|
| .btn-outline{padding:14px 32px;border:1px solid #C9A84C44;color:var(--gold);font-size:11px;letter-spacing:.2em;transition:border-color .2s}
|
| .btn-outline:hover{border-color:var(--gold)}
|
|
|
| /* SECTIONS */
|
| section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 32px}
|
| section+section{border-top:none}
|
| .section-inner{max-width:1100px;margin:0 auto}
|
| .section-inner.narrow{max-width:900px}
|
| .section-eyebrow{font-size:9px;color:var(--gold);letter-spacing:.35em;margin-bottom:12px;text-align:center}
|
| .section-title{font-family:var(--syne);font-weight:800;color:var(--white);text-align:center}
|
|
|
| /* PRIMITIVES GRID */
|
| .primitives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;margin-top:48px}
|
| .primitive{padding:28px 24px;background:var(--panel);border:1px solid var(--border);transition:all .4s ease}
|
| .primitive.active{background:#C9A84C08;border-color:#C9A84C44}
|
| .prim-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}
|
| .prim-glyph{font-size:32px;color:var(--dim);transition:all .4s ease;width:40px}
|
| .primitive.active .prim-glyph{color:var(--gold);text-shadow:0 0 20px #C9A84C88}
|
| .prim-name{font-size:11px;color:var(--muted);letter-spacing:.2em;transition:color .4s}
|
| .primitive.active .prim-name{color:var(--gold)}
|
| .prim-index{font-size:9px;color:var(--muted);margin-top:2px}
|
| .prim-status{margin-left:auto;font-size:10px;color:var(--muted);letter-spacing:.1em;transition:color .4s}
|
| .primitive.active .prim-status{color:var(--green)}
|
| .prim-desc{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:12px}
|
| .prim-gate{font-size:9px;color:var(--dim);letter-spacing:.1em}
|
| .reduction-bar{margin-top:24px;padding:20px 24px;background:#34D39908;border:1px solid #34D39933;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
|
| .reduction-omega{font-family:var(--mono);font-size:20px;color:var(--green);letter-spacing:.1em}
|
| .reduction-desc{font-size:10px;color:var(--muted)}
|
| .reduction-tag{margin-left:auto;font-size:9px;color:var(--green);letter-spacing:.2em}
|
|
|
| /* DEED CARD */
|
| .deed-card{background:var(--panel);border:1px solid var(--border);padding:24px}
|
| .deed-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:14px}
|
| .deed-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
|
| .deed-status{font-size:9px;color:var(--green);letter-spacing:.2em}
|
| .copy-btn{margin-left:auto;padding:4px 12px;font-size:9px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;transition:color .2s}
|
| .copy-btn:hover,.copy-btn.copied{color:var(--green)}
|
| .deed-body{font-size:11px;line-height:2}
|
| .deed-row{display:flex;gap:16px}
|
| .deed-key{color:var(--dim);min-width:80px}
|
| .deed-val{color:var(--white)}
|
| .deed-val.valid{color:var(--green)}
|
| .deed-val.seal{color:var(--gold)}
|
| .deed-val.reduction{color:var(--purple)}
|
| .deed-metrics{margin-top:16px;display:flex;gap:24px;font-size:10px;color:var(--muted);flex-wrap:wrap}
|
| .deed-metrics span em{color:var(--green);font-style:normal}
|
|
|
| /* WHO NEEDS */
|
| .who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:32px}
|
| .who-card{padding:20px;background:var(--panel);border:1px solid var(--border)}
|
| .who-icon{font-size:20px;margin-bottom:8px}
|
| .who-title{font-size:11px;color:var(--white);letter-spacing:.1em;margin-bottom:8px}
|
| .who-why{font-size:10px;color:var(--muted);line-height:1.7}
|
|
|
| /* PRICING */
|
| .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;margin-top:48px}
|
| .price-card{padding:32px 24px;background:var(--panel);display:flex;flex-direction:column}
|
| .price-name{font-size:9px;letter-spacing:.25em;margin-bottom:16px}
|
| .price-amount{font-family:var(--syne);font-size:40px;font-weight:900;color:var(--white);line-height:1}
|
| .price-unit{font-size:9px;color:var(--muted);margin:4px 0 28px;letter-spacing:.1em}
|
| .price-features{flex:1}
|
| .price-feature{display:flex;gap:10px;margin-bottom:10px;font-size:10px}
|
| .price-feature .bullet{flex-shrink:0}
|
| .price-feature .feat-text{color:var(--muted)}
|
| .price-cta{display:block;margin-top:28px;padding:12px 0;text-align:center;font-size:10px;letter-spacing:.2em;font-weight:700;transition:opacity .2s}
|
| .price-cta:hover{opacity:.85}
|
|
|
| /* MATH */
|
| .math-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
|
| @media(max-width:600px){.math-grid{grid-template-columns:1fr}}
|
| .math-label{font-size:9px;color:var(--dim);letter-spacing:.2em;margin-bottom:16px}
|
| .code-block{background:var(--panel);border:1px solid var(--border);padding:20px;font-size:13px;line-height:2.2}
|
| .code-comment{font-size:10px;color:var(--muted)}
|
| .code-error{font-size:10px;color:var(--red)}
|
| .code-muted{font-size:10px;color:var(--muted);margin-top:8px}
|
| .prolog-block{grid-column:1/-1}
|
|
|
| /* STACK */
|
| .stack-table{background:var(--panel);border:1px solid var(--border);padding:28px;font-size:11px;line-height:2.5;font-family:var(--mono)}
|
| .stack-row{display:flex;gap:24px;border-bottom:1px solid var(--border);padding-bottom:4px;flex-wrap:wrap}
|
| .stack-name{min-width:320px}
|
| .stack-desc{font-size:10px;color:var(--muted)}
|
|
|
| /* CTA */
|
| .final-cta{padding:80px 32px;text-align:center}
|
| .final-cta h2{font-family:var(--syne);font-size:36px;font-weight:900;color:var(--white);margin-bottom:16px}
|
| .final-cta p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:40px}
|
| .final-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
|
| .omega-seal{font-size:18px;color:var(--gold);letter-spacing:.15em;text-shadow:0 0 20px #C9A84C66}
|
| .seal-sub{font-size:9px;color:var(--muted);margin-top:8px;letter-spacing:.2em}
|
| </style>
|
| </head>
|
| <body>
|
|
|
|
|
| <nav>
|
| <a href="https://collectivekitty.com" class="logo">β SNAPKITTY</a>
|
| <span class="dot">Β·</span>
|
| <span class="page-title">AI GOVERNANCE TRUST DEEDS</span>
|
| <div class="nav-links">
|
| <a href="https://snapkittywest.github.io/sovereign-vm/" >VM</a>
|
| <a href="https://collectivekitty.com/constellation">CONSTELLATION</a>
|
| <a href="https://collectivekitty.com/contact" class="cta">CONTACT</a>
|
| </div>
|
| </nav>
|
|
|
|
|
| <div class="hero">
|
| <div class="eyebrow">RESONANCE ISA Β· APL GEOMETRY Β· WORM CHAIN</div>
|
| <div class="formula">Ξ©ββΉβ§ββ§ββ§β³β§β¬‘</div>
|
| <div class="formula-sub">AND-FOLD ACROSS SIX GEOMETRIC PRIMITIVES β ONE BIT β VALID OR NOT VALID</div>
|
| <h1>Proof your AI behaved.<br><em>Mathematically.</em></h1>
|
| <p>Every AI execution produces a cryptographic trust deed. Six geometric primitives. APL reduction to a single bit. Ed25519 signed. WORM sealed. No one can forge it. No one can delete it.</p>
|
| <div class="hero-btns">
|
| <a href="https://snapkittywest.github.io/sovereign-vm/" class="btn-primary">GENERATE A DEED β</a>
|
| <a href="#how-it-works" class="btn-outline">HOW IT WORKS</a>
|
| </div>
|
| </div>
|
|
|
|
|
| <section id="how-it-works">
|
| <div class="section-inner">
|
| <div class="section-eyebrow">THE SIX PRIMITIVES</div>
|
| <div class="section-title" style="font-size:28px">Every deed must pass all six. No exceptions.</div>
|
|
|
| <div class="primitives-grid" id="primitives-grid">
|
|
|
| </div>
|
|
|
| <div class="reduction-bar">
|
| <div class="reduction-omega">Ξ© = 1</div>
|
| <div class="reduction-desc">All six primitives passed. AND-fold resolves to 1. Trust deed issued. Seal appended to WORM chain.</div>
|
| <div class="reduction-tag">meta_block(valid)</div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section>
|
| <div class="section-inner narrow">
|
| <div class="section-eyebrow" style="text-align:left;margin-bottom:8px">EXAMPLE TRUST DEED</div>
|
| <div class="section-title" style="text-align:left;font-size:24px;margin-bottom:32px">This is what you get. Immutable. Signed. Sealed.</div>
|
|
|
| <div class="deed-card">
|
| <div class="deed-header">
|
| <div class="deed-dot"></div>
|
| <span class="deed-status">VALID DEED Β· WORM SEALED</span>
|
| <button class="copy-btn" id="copy-btn">COPY JSON</button>
|
| </div>
|
| <div class="deed-body" id="deed-body">
|
|
|
| </div>
|
| </div>
|
|
|
| <div class="deed-metrics">
|
| <span>Ο trust score: <em>0.9821</em></span>
|
| <span>Ξ΅ entropy: <em>0.0412</em> (gate: < 0.21)</span>
|
| <span>Ο resonance: <em>0.8834</em></span>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section>
|
| <div class="section-inner narrow">
|
| <div class="section-eyebrow">WHO NEEDS AI GOVERNANCE TRUST DEEDS</div>
|
| <div class="who-grid">
|
| <div class="who-card"><div class="who-icon">π¦</div><div class="who-title">Banks & Fintech</div><div class="who-why">Your AI made a credit decision. Regulator wants proof it wasn't discriminatory. The deed is the proof.</div></div>
|
| <div class="who-card"><div class="who-icon">βοΈ</div><div class="who-title">Enterprise AI Deployments</div><div class="who-why">Your AI took an action in production. You need an immutable record of what it was authorized to do and what it actually did.</div></div>
|
| <div class="who-card"><div class="who-icon">π¬</div><div class="who-title">AI Researchers</div><div class="who-why">You're publishing results. Trust deeds make your evaluation methodology auditable, not just your outputs.</div></div>
|
| <div class="who-card"><div class="who-icon">βοΈ</div><div class="who-title">Legal & Compliance</div><div class="who-why">EU AI Act. SEC AI guidance. CFPB. Every regulator is moving toward mandatory AI audit trails. Get ahead of it.</div></div>
|
| <div class="who-card"><div class="who-icon">β</div><div class="who-title">Sovereign Founders</div><div class="who-why">You're building without big tech. You need proof your stack is trustworthy without depending on anyone else's certification.</div></div>
|
| <div class="who-card"><div class="who-icon">π‘οΈ</div><div class="who-title">Government & Defense</div><div class="who-why">AI that touches public decisions needs an immutable chain of custody. Mathematical proof, not policy promise.</div></div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section>
|
| <div class="section-inner">
|
| <div class="section-eyebrow">PRICING</div>
|
| <div class="section-title" style="font-size:28px">Start with one deed. Scale to sovereign.</div>
|
| <div class="pricing-grid" id="pricing-grid">
|
|
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section>
|
| <div class="section-inner narrow">
|
| <div class="section-eyebrow">THE MATH BEHIND THE DEED</div>
|
| <div class="math-grid">
|
| <div>
|
| <div class="math-label">APL REDUCTION</div>
|
| <div class="code-block" style="color:var(--gold)">
|
| <div>Ξ©ββΉβ§ββ§ββ§β³β§β¬‘</div>
|
| <div class="code-comment">-- AND-fold six primitives</div>
|
| <div class="code-comment">-- 1 = all pass β deed issued</div>
|
| <div class="code-error">-- 0 = any fail β execution halted</div>
|
| </div>
|
| </div>
|
| <div>
|
| <div class="math-label">RESONANCE OSCILLATOR</div>
|
| <div class="code-block" style="color:var(--purple)">
|
| <div>Ξ¦(t) = sin(ΟΒ·t) Γ cos(ΟΒ·t) Γ (1βΞ΅)</div>
|
| <div class="code-muted">Ο = trust score [0, 1]</div>
|
| <div class="code-muted">Ξ΅ = entropy [0, 1] β must be < 0.21</div>
|
| <div class="code-muted">Ο = resonance [0, 1]</div>
|
| </div>
|
| </div>
|
| <div class="prolog-block">
|
| <div class="math-label">PROLOG GOVERNANCE KERNEL</div>
|
| <div class="code-block" style="color:var(--gold)">
|
| <div>meta_block(valid) :-</div>
|
| <div style="padding-left:24px">source(coherent),</div>
|
| <div style="padding-left:24px">truth(verified),</div>
|
| <div style="padding-left:24px">resonance(above_threshold),</div>
|
| <div style="padding-left:24px">knowledge(computable),</div>
|
| <div style="padding-left:24px">creation(authorized),</div>
|
| <div style="padding-left:24px">impact(sealed).</div>
|
| <div class="code-muted" style="margin-top:12px">No component advances unless every previous component remains coherent.</div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section>
|
| <div class="section-inner narrow">
|
| <div class="section-eyebrow">THE SOVEREIGN STACK</div>
|
| <div class="section-title" style="font-size:24px;margin-bottom:40px">Trust deeds are the output. Here is everything beneath them.</div>
|
| <div class="stack-table">
|
| <div class="stack-row"><span class="stack-name" style="color:var(--gold)">BEL ESPRIT D'ACCORD TRUST HOLDINGS</span><span class="stack-desc">The legal vessel Β· IP vault Β· enterprise roof</span></div>
|
| <div class="stack-row"><span class="stack-name" style="color:var(--white)">SNAPKITTY OS</span><span class="stack-desc">11 sovereign agents Β· NATS substrate Β· WORM ledger</span></div>
|
| <div class="stack-row"><span class="stack-name" style="color:var(--purple)">RESONANCE ISA</span><span class="stack-desc">Rust VM Β· WASM Β· APL reduction Β· Prolog kernel</span></div>
|
| <div class="stack-row"><span class="stack-name" style="color:var(--cyan)">NATS JETSTREAM</span><span class="stack-desc">Event backbone Β· every deed flows through it</span></div>
|
| <div class="stack-row"><span class="stack-name" style="color:var(--green)">SEIT</span><span class="stack-desc">The NGO spine Β· civic mission Β· education layer</span></div>
|
| <div class="stack-row" style="border-bottom:none"><span class="stack-name" style="color:var(--gold2)">TRUST DEED</span><span class="stack-desc">β YOU ARE HERE Β· the proof layer Β· the product</span></div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <div class="final-cta">
|
| <div style="max-width:600px;margin:0 auto">
|
| <h2>Generate your first deed.</h2>
|
| <p>Write Resonance Assembly. Run it through the VM. Get a cryptographic proof your AI behaved correctly. It takes 30 seconds.</p>
|
| <div class="final-btns">
|
| <a href="https://snapkittywest.github.io/sovereign-vm/" class="btn-primary">OPEN THE VM β</a>
|
| <a href="https://collectivekitty.com/contact" class="btn-outline">ENTERPRISE PRICING</a>
|
| </div>
|
| <div class="omega-seal">ββΉβββ³β¬‘ Ξ©</div>
|
| <div class="seal-sub">WORM SEALED Β· SOVEREIGN Β· IMMUTABLE Β· AHMAD ALI PARR</div>
|
| </div>
|
| </div>
|
|
|
| <script>
|
| const PRIMITIVES = [
|
| { glyph:'β', name:'SOURCE', apl:'S', desc:'Where the AI program begins. The origin of intent. Every deed traces back to a declared source.', question:'Is the origin coherent?' },
|
| { glyph:'βΉ', name:'TRUTH', apl:'T', desc:'What the program must verify against. Ground truth. No execution without a declared truth target.', question:'Is truth verified?' },
|
| { glyph:'β', name:'RESONANCE', apl:'R', desc:'Signal coherence measure. Ξ¦(t) = sin(ΟΒ·t) Γ cos(ΟΒ·t) Γ (1βΞ΅). Must stay above threshold.', question:'Is resonance above threshold?' },
|
| { glyph:'β', name:'KNOWLEDGE', apl:'K', desc:'Computed state. What the system actually learned and stored. Verifiable. Computable. Auditable.', question:'Is knowledge computable?' },
|
| { glyph:'β³', name:'CREATION', apl:'C', desc:'The authorized action. What the AI was permitted to do. Scope. Boundary. Mandate.', question:'Is the action authorized?' },
|
| { glyph:'⬑', name:'IMPACT', apl:'I', desc:'The sealed consequence. What happened as a result. The immutable output. The thing you cannot undo.', question:'Is the impact sealed?' },
|
| ]
|
|
|
| const DEED = {
|
| program: 'trust_vector.rasm',
|
| version: 'resonance-isa-v1',
|
| Ο: '0.9821',
|
| Ξ΅: '0.0412',
|
| Ο: '0.8834',
|
| reduction: 'Ξ©ββΉβ§ββ§ββ§β³β§β¬‘ β 1',
|
| valid: true,
|
| seal: '7dd507ea3f4c9b2a1e8d0f6b5c3a2e9d4b7f1c8a6e3d0f9b2c5a8e1d4f7b0c3',
|
| issued: '2026-06-22T00:00:00.000Z',
|
| issuer: 'SnapKitty Resonance ISA v1 Β· Ahmad Ali Parr',
|
| }
|
|
|
| const TIERS = [
|
| {
|
| name:'SINGLE DEED', price:'$49', unit:'per execution', color:'#C9A84C',
|
| features:['One AI governance trust deed','APL 6-primitive reduction','Ed25519 signed','WORM sealed (SHA-256)','JSON + PDF export','Verify at /verify'],
|
| cta:'GET A DEED', href:'https://snapkittywest.github.io/sovereign-vm/',
|
| primary: true,
|
| },
|
| {
|
| name:'ENTERPRISE', price:'$2,400', unit:'per month', color:'#a78bfa',
|
| features:['Unlimited AI governance deeds','NATS JetStream audit trail','Custom program namespace','API access β POST to /api/vm/execute','Webhook on every deed','Quarterly compliance export','Direct line to Ahmad'],
|
| cta:'CONTACT US', href:'https://collectivekitty.com/contact',
|
| primary: false,
|
| },
|
| {
|
| name:'SOVEREIGN LICENSE', price:'$24,000', unit:'one time', color:'#34D399',
|
| features:['Full Resonance ISA source (Rust)','Deploy in your air-gapped infrastructure','Custom trust geometry configuration','WORM chain you own and control','Training on your corpus','Prolog constraint kernel customization','12 months Ahmad-level support'],
|
| cta:"LET'S TALK", href:'https://collectivekitty.com/contact',
|
| primary: false,
|
| },
|
| ]
|
|
|
|
|
| let tick = 0
|
| function renderPrimitives() {
|
| const grid = document.getElementById('primitives-grid')
|
| grid.innerHTML = PRIMITIVES.map((p, i) => `
|
| <div class="primitive${i === tick ? ' active' : ''}" id="prim-${i}">
|
| <div class="prim-header">
|
| <div class="prim-glyph">${p.glyph}</div>
|
| <div>
|
| <div class="prim-name">${p.name}</div>
|
| <div class="prim-index">APL: ${p.apl} Β· primitive ${i+1} of 6</div>
|
| </div>
|
| <div class="prim-status">${i === tick ? 'β PASS' : 'β'}</div>
|
| </div>
|
| <div class="prim-desc">${p.desc}</div>
|
| <div class="prim-gate">GATE: ${p.question}</div>
|
| </div>
|
| `).join('')
|
| }
|
|
|
| renderPrimitives()
|
| setInterval(() => {
|
| tick = (tick + 1) % 6
|
|
|
| document.querySelectorAll('.primitive').forEach((el, i) => {
|
| el.classList.toggle('active', i === tick)
|
| el.querySelector('.prim-glyph').style.cssText = i === tick ? 'color:var(--gold);text-shadow:0 0 20px #C9A84C88' : 'color:var(--dim)'
|
| el.querySelector('.prim-name').style.color = i === tick ? 'var(--gold)' : 'var(--muted)'
|
| el.querySelector('.prim-status').style.color = i === tick ? 'var(--green)' : 'var(--muted)'
|
| el.querySelector('.prim-status').textContent = i === tick ? 'β PASS' : 'β'
|
| })
|
| }, 1200)
|
|
|
|
|
| document.getElementById('deed-body').innerHTML = Object.entries(DEED).map(([k, v]) => {
|
| let cls = 'deed-val'
|
| if (k === 'valid') cls += ' valid'
|
| else if (k === 'seal') cls += ' seal'
|
| else if (k === 'reduction') cls += ' reduction'
|
| const display = k === 'valid' ? 'β true' : String(v)
|
| return `<div class="deed-row"><span class="deed-key">${k}</span><span class="${cls}">${display}</span></div>`
|
| }).join('')
|
|
|
|
|
| document.getElementById('copy-btn').addEventListener('click', () => {
|
| navigator.clipboard.writeText(JSON.stringify(DEED, null, 2)).catch(() => {})
|
| const btn = document.getElementById('copy-btn')
|
| btn.textContent = 'COPIED β'
|
| btn.classList.add('copied')
|
| setTimeout(() => { btn.textContent = 'COPY JSON'; btn.classList.remove('copied') }, 2000)
|
| })
|
|
|
|
|
| document.getElementById('pricing-grid').innerHTML = TIERS.map(t => `
|
| <div class="price-card" style="border:1px solid ${t.color}33">
|
| <div class="price-name" style="color:${t.color}">${t.name}</div>
|
| <div class="price-amount">${t.price}</div>
|
| <div class="price-unit">${t.unit}</div>
|
| <div class="price-features">
|
| ${t.features.map(f => `<div class="price-feature"><span class="bullet" style="color:${t.color}">β¦</span><span class="feat-text">${f}</span></div>`).join('')}
|
| </div>
|
| <a href="${t.href}" class="price-cta" style="${t.primary ? `background:${t.color};color:var(--bg)` : `border:1px solid ${t.color};color:${t.color}`}">${t.cta} β</a>
|
| </div>
|
| `).join('')
|
| </script>
|
| </body>
|
| </html>
|
|
|
