File size: 31,511 Bytes

74370fc

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SEIT Digital Classroom — Saint Errant Institute of Technology</title>
<meta name="description" content="Six sovereign digital twin agents. PATHFINDER, ADVOCATE, SCHOLAR, WARDEN, COMPASS, ORACLE. Free. Open. Formally verified. AI teaches humans. Humans teach AI.">
<meta property="og:title" content="SEIT Digital Twins — Path to Employment, Advocacy, Education">
<meta property="og:description" content="Six SEIT Digital Twin agents. Feed them your documents. They grow with you. Free and open.">
<meta property="og:type" content="website">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>

:root {

  --bg: #F8F8F6; --white: #FFFFFF; --navy: #0B1724; --navy-2: #152035; --navy-3: #1E3050;

  --steel: #2D3F55; --mid: #4A5E74; --dim: #6B7F95; --faint: #94A3B8;

  --border: #DDE3EB; --border-2: #E8EDF3;

  --gold: #9A7D4E; --gold-2: #C4A76B; --gold-bg: #F5EDD8;

  --blue: #1B4FBF; --blue-2: #2563EB; --blue-bg: #EFF4FF;

  --green: #0F6B4A; --green-bg: #ECFDF5;

  --purple: #6B21A8; --purple-bg: #F5F3FF;

  --teal: #0F766E; --teal-bg: #F0FDFA;

  --text: #0B1724; --radius: 2px;

  --font: 'Inter', -apple-system, sans-serif;

  --mono: 'IBM Plex Mono', 'Courier New', monospace;

}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }



/* NAV */

nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); }

.nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 40px; height: 60px; display: flex; align-items: center; justify-content: space-between; }

.nav-logo { font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--navy); text-decoration: none; }

.nav-logo span { color: var(--gold); margin-right: 6px; }

.nav-links { display: flex; align-items: center; gap: 28px; list-style: none; }

.nav-links a { font-size: 11px; font-weight: 600; letter-spacing: 0.5px; color: var(--mid); text-decoration: none; text-transform: uppercase; transition: color 0.15s; }

.nav-links a:hover, .nav-links a.active { color: var(--navy); }

.nav-cta { background: var(--navy) !important; color: white !important; padding: 8px 18px !important; letter-spacing: 1px !important; }

@media (max-width: 768px) { .nav-links { display: none; } .nav-inner { padding: 0 20px; } }



/* HERO */

.hero { padding: 140px 40px 80px; max-width: 1200px; margin: 0 auto; }

.hero-label { font-family: var(--mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; }

.hero h1 { font-size: clamp(36px, 5vw, 68px); font-weight: 800; line-height: 1.06; letter-spacing: -2px; color: var(--navy); margin-bottom: 12px; }

.hero h1 em { font-style: normal; color: var(--gold); }

.hero-sub { font-size: 18px; color: var(--mid); max-width: 620px; margin: 20px 0 36px; line-height: 1.7; }

.hero-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 44px; }

.badge { font-family: var(--mono); font-size: 10px; letter-spacing: 1px; padding: 5px 12px; border: 1px solid var(--border); color: var(--dim); text-transform: uppercase; }

.badge.live { border-color: var(--green); color: var(--green); background: var(--green-bg); }

.hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }

.btn { padding: 14px 28px; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer; transition: all 0.15s; display: inline-block; }

.btn-primary { background: var(--navy); color: white; }

.btn-primary:hover { background: var(--navy-3); }

.btn-outline { background: transparent; color: var(--navy); border: 1px solid var(--navy); }

.btn-outline:hover { background: var(--navy); color: white; }

.btn-gold { background: var(--gold); color: white; }

.btn-gold:hover { background: var(--gold-2); }



/* BANNER */

.banner { background: var(--navy); border-top: 3px solid var(--gold); padding: 0; overflow: hidden; }

.banner-inner { max-width: 1200px; margin: 0 auto; padding: 40px; }

.banner-pre { font-family: var(--mono); font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.8; white-space: pre; }



/* SECTION */

section { padding: 80px 40px; }

.section-inner { max-width: 1200px; margin: 0 auto; }

.section-label { font-family: var(--mono); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }

.section-title { font-size: clamp(24px, 3vw, 40px); font-weight: 800; letter-spacing: -1px; color: var(--navy); margin-bottom: 16px; }

.section-desc { font-size: 16px; color: var(--mid); max-width: 580px; line-height: 1.7; margin-bottom: 52px; }



/* HOW IT WORKS */

.how-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1px; background: var(--border); border: 1px solid var(--border); }

.how-step { background: var(--white); padding: 32px; }

.step-num { font-family: var(--mono); font-size: 11px; color: var(--gold); letter-spacing: 2px; margin-bottom: 14px; }

.step-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }

.step-desc { font-size: 13px; color: var(--mid); line-height: 1.6; }

.step-tag { font-family: var(--mono); font-size: 10px; color: var(--green); background: var(--green-bg); padding: 4px 8px; margin-top: 12px; display: inline-block; letter-spacing: 1px; }



/* AGENTS GRID */

.agents-header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 40px; }

.phase-note { font-family: var(--mono); font-size: 11px; color: var(--dim); letter-spacing: 1px; }

.agents-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 20px; margin-bottom: 24px; }

.agents-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }



/* AGENT CARD */

.agent-card { background: var(--white); border: 1px solid var(--border); padding: 36px; position: relative; overflow: hidden; transition: transform 0.15s, box-shadow 0.15s; }

.agent-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(11,23,36,0.08); }

.agent-card::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; }

.agent-card.pathfinder::before { background: var(--blue-2); }

.agent-card.advocate::before { background: var(--gold); }

.agent-card.scholar::before { background: var(--green); }

.agent-card.warden::before { background: var(--purple); }

.agent-card.compass::before { background: var(--teal); }

.agent-card.oracle::before { background: var(--navy); }

.agent-card.coming { opacity: 0.7; }

.agent-status { position: absolute; top: 20px; right: 20px; font-family: var(--mono); font-size: 9px; letter-spacing: 2px; text-transform: uppercase; padding: 3px 8px; }

.status-live { background: var(--green-bg); color: var(--green); }

.status-soon { background: var(--gold-bg); color: var(--gold); }

.agent-code { font-family: var(--mono); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px; }

.agent-card.pathfinder .agent-code { color: var(--blue-2); }

.agent-card.advocate .agent-code { color: var(--gold); }

.agent-card.scholar .agent-code { color: var(--green); }

.agent-card.warden .agent-code { color: var(--purple); }

.agent-card.compass .agent-code { color: var(--teal); }

.agent-card.oracle .agent-code { color: var(--navy); }

.agent-name { font-size: 24px; font-weight: 800; color: var(--navy); letter-spacing: -0.5px; margin-bottom: 4px; }

.agent-full { font-size: 11px; color: var(--dim); font-family: var(--mono); letter-spacing: 0.5px; margin-bottom: 20px; }

.agent-desc { font-size: 13px; color: var(--mid); line-height: 1.7; margin-bottom: 20px; }

.agent-caps { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-bottom: 20px; }

.agent-caps li { font-size: 12px; color: var(--steel); padding-left: 16px; position: relative; line-height: 1.5; }

.agent-caps li::before { content: '→'; position: absolute; left: 0; color: var(--faint); font-family: var(--mono); font-size: 10px; }

.agent-seal { font-family: var(--mono); font-size: 9px; color: var(--faint); padding-top: 14px; border-top: 1px solid var(--border-2); letter-spacing: 1px; }



/* GOVERNANCE */

.gov-wrap { background: var(--navy); }

.gov-wrap .section-label { color: var(--gold-2); }

.gov-wrap .section-title { color: white; }

.gov-wrap .section-desc { color: rgba(255,255,255,0.55); }

.gov-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.07); }

.gov-item { padding: 28px; background: var(--navy-2); }

.gov-item-label { font-family: var(--mono); font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-2); margin-bottom: 10px; }

.gov-item-name { font-size: 14px; font-weight: 700; color: white; margin-bottom: 8px; }

.gov-item-desc { font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.6; }

.gov-proof { font-family: var(--mono); font-size: 9px; color: rgba(255,255,255,0.2); margin-top: 10px; }



/* CLASSROOM */

.class-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }

.class-card { border: 1px solid var(--border); padding: 28px; background: var(--white); }

.class-icon { font-size: 22px; margin-bottom: 14px; }

.class-title { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }

.class-desc { font-size: 13px; color: var(--mid); line-height: 1.6; }

.class-agent { font-family: var(--mono); font-size: 10px; color: var(--gold); text-transform: uppercase; letter-spacing: 1px; margin-top: 14px; }



/* MANIFEST */

.manifest { background: var(--gold-bg); border-top: 1px solid #E8D5A3; border-bottom: 1px solid #E8D5A3; padding: 70px 40px; text-align: center; }

.manifest-inner { max-width: 680px; margin: 0 auto; }

.manifest h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 800; color: var(--navy); letter-spacing: -0.5px; margin-bottom: 24px; line-height: 1.3; }

.manifest p { font-size: 16px; color: var(--steel); line-height: 1.8; margin-bottom: 16px; }

.manifest-seal { font-family: var(--mono); font-size: 11px; color: var(--gold); letter-spacing: 2px; margin-top: 32px; text-transform: uppercase; }



/* CTA */

.cta-wrap { background: var(--navy); padding: 80px 40px; text-align: center; }

.cta-inner { max-width: 560px; margin: 0 auto; }

.cta-label { font-family: var(--mono); font-size: 10px; letter-spacing: 3px; color: var(--gold-2); margin-bottom: 20px; text-transform: uppercase; }

.cta-title { font-size: clamp(28px, 4vw, 40px); font-weight: 800; color: white; letter-spacing: -1px; margin-bottom: 16px; }

.cta-desc { font-size: 15px; color: rgba(255,255,255,0.55); margin-bottom: 40px; line-height: 1.7; }

.cta-form { display: flex; gap: 10px; max-width: 460px; margin: 0 auto 20px; flex-wrap: wrap; }

.cta-input { flex: 1; min-width: 200px; padding: 14px 18px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: white; font-family: var(--font); font-size: 14px; outline: none; }

.cta-input::placeholder { color: rgba(255,255,255,0.3); }

.cta-input:focus { border-color: var(--gold-2); }

.cta-note { font-family: var(--mono); font-size: 10px; color: rgba(255,255,255,0.2); letter-spacing: 1px; }



/* FOOTER */

footer { background: var(--navy-2); padding: 36px 40px; border-top: 1px solid rgba(255,255,255,0.06); }

.footer-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }

.footer-brand { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.5); }

.footer-brand span { color: var(--gold-2); margin-right: 6px; }

.footer-links-row { display: flex; gap: 24px; flex-wrap: wrap; }

.footer-links-row a { font-size: 10px; color: rgba(255,255,255,0.3); text-decoration: none; letter-spacing: 0.5px; text-transform: uppercase; transition: color 0.15s; }

.footer-links-row a:hover { color: rgba(255,255,255,0.7); }

.footer-copy { font-size: 10px; font-family: var(--mono); color: rgba(255,255,255,0.15); }



@media (max-width: 600px) {

  .hero { padding: 100px 20px 60px; }

  section { padding: 60px 20px; }

  .agents-grid, .agents-grid-2 { grid-template-columns: 1fr; }

  .cta-form { flex-direction: column; }

  .banner-pre { font-size: 10px; }

}

</style>
</head>
<body>

<!-- NAV -->
<nav>
  <div class="nav-inner">
    <a class="nav-logo" href="https://snapkittywest.github.io/saint-errant/"><span>⊕</span>Saint Errant</a>
    <ul class="nav-links">
      <li><a href="https://snapkittywest.github.io/saint-errant/">Governance</a></li>
      <li><a href="#agents" class="active">Digital Twins</a></li>
      <li><a href="#classroom">Classroom</a></li>
      <li><a href="https://github.com/SNAPKITTYWEST/SNAPKITTY-PROOFS">Proofs</a></li>
      <li><a href="#enroll" class="nav-cta">Enroll Free</a></li>
    </ul>
  </div>
</nav>

<!-- HERO -->
<div class="hero">
  <div class="hero-label">SEIT Digital Classroom · Saint Errant Institute of Technology</div>
  <h1>AI teaches humans.<br><em>Humans teach AI.</em></h1>
  <p class="hero-sub">Six sovereign digital twin agents. Feed them your documents — handwritten notes, certificates, your own words. They learn your language. They grow with you. They fight for you. Free, open, and formally verified.</p>
  <div class="hero-badges">
    <div class="badge live">Free Forever</div>
    <div class="badge">Lean 4 Verified</div>
    <div class="badge">WORM-Sealed</div>
    <div class="badge">Your Data · Your Control</div>
    <div class="badge">No App Required</div>
  </div>
  <div class="hero-cta">
    <a href="#enroll" class="btn btn-primary">Enroll Free</a>
    <a href="#agents" class="btn btn-outline">Meet the Twins</a>
  </div>
</div>

<!-- BANNER -->
<div class="banner">
  <div class="banner-inner">
<pre class="banner-pre">╔══════════════════════════════════════════════════════════════════╗
║         SAINT ERRANT INSTITUTE OF TECHNOLOGY                     ║
║                   SEIT DIGITAL TWINS                             ║
╠══════════════════════════════════════════════════════════════════╣
║  PATHFINDER  ·  Pathway-to-Employment Digital Twin    [ LIVE ]  ║
║  ADVOCATE    ·  Citizen Rights &amp; Advocacy Digital Twin  [ LIVE ]  ║
║  SCHOLAR     ·  Education &amp; Skills Digital Twin        [ LIVE ]  ║
║  WARDEN      ·  Benefits &amp; Social Services Twin       [ Q3 26 ]  ║
║  COMPASS     ·  Life Navigation Digital Twin          [ Q3 26 ]  ║
║  ORACLE      ·  Institutional Knowledge Twin          [ Q4 26 ]  ║
╚══════════════════════════════════════════════════════════════════╝</pre>
  </div>
</div>

<!-- HOW IT WORKS -->
<section>
  <div class="section-inner">
    <div class="section-label">How It Works</div>
    <div class="section-title">You bring the knowledge. The twins build the path.</div>
    <div class="section-desc">Every other AI job coaching system starts with generic data. The SEIT Digital Twins start with yours — and grow with every document you add.</div>
    <div class="how-grid">
      <div class="how-step">
        <div class="step-num">01 — INGEST</div>
        <div class="step-title">Scan Your Documents</div>
        <div class="step-desc">Handwritten notes, certificates, evaluations, your own writing — photographed or uploaded. OCR converts them into your personal sovereign knowledge base.</div>
        <div class="step-tag">WORM-sealed on ingest</div>
      </div>
      <div class="how-step">
        <div class="step-num">02 — LEARN</div>
        <div class="step-title">They Learn Your Language</div>
        <div class="step-desc">Your knowledge base is yours alone — not a shared model, not an average. The twins learn your specific history, your vocabulary, your strengths.</div>
        <div class="step-tag">Local-first · Sovereign</div>
      </div>
      <div class="how-step">
        <div class="step-num">03 — ACTIVATE</div>
        <div class="step-title">Six Twins Deploy</div>
        <div class="step-desc">PATHFINDER builds your employment path. ADVOCATE fights for you. SCHOLAR teaches you. All grounded in your actual history — not a template.</div>
        <div class="step-tag">CATCODE verified</div>
      </div>
      <div class="how-step">
        <div class="step-num">04 — GROW</div>
        <div class="step-title">They Get Better With You</div>
        <div class="step-desc">Add documents as you earn them. Every new certificate, evaluation, or experience deepens the knowledge base. The twins never reset. Neither do you.</div>
        <div class="step-tag">Permanent record</div>
      </div>
    </div>
  </div>
</section>

<!-- AGENTS -->
<section id="agents" style="background: var(--white); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);">
  <div class="section-inner">
    <div class="agents-header">
      <div>
        <div class="section-label">SEIT Digital Twins</div>
        <div class="section-title" style="margin-bottom:0">Six agents. One sovereign system.</div>
      </div>
      <div class="phase-note">Phase 1: PATHFINDER · ADVOCATE · SCHOLAR<br>Phase 2: WARDEN · COMPASS · ORACLE</div>
    </div>

    <!-- PHASE 1 — LIVE -->
    <div class="agents-grid" style="margin-bottom:20px">

      <div class="agent-card pathfinder">
        <div class="agent-status status-live">● Live</div>
        <div class="agent-code">SEIT PATHFINDER</div>
        <div class="agent-name">PATHFINDER</div>
        <div class="agent-full">Pathway-to-Employment Digital Twin · P2E</div>
        <div class="agent-desc">Assesses your real starting point — not a demographic average. Builds a learning and employment path from your specific coordinates: what you know, what you've earned, what you need next.</div>
        <ul class="agent-caps">
          <li>Skills gap analysis from your actual documents</li>
          <li>Personalized curriculum — built from your history</li>
          <li>Interview practice calibrated to your background</li>
          <li>Workplace communication and conflict coaching</li>
          <li>Works by phone — no app, no internet required</li>
          <li>Progress WORM-sealed to your personal chain</li>
        </ul>
        <div class="agent-seal">CATCODE · WORM Chain · Trust Deed · Lean 4 Gate</div>
      </div>

      <div class="agent-card advocate">
        <div class="agent-status status-live">● Live</div>
        <div class="agent-code">SEIT ADVOCATE</div>
        <div class="agent-name">ADVOCATE</div>
        <div class="agent-full">Citizen Rights &amp; Advocacy Digital Twin</div>
        <div class="agent-desc">Watches what you can't always see. Reads patterns in how you're being treated. Identifies when a process is unfair, when a response is discriminatory, when an opportunity is designed to extract rather than elevate. Builds your case. Has your back.</div>
        <ul class="agent-caps">
          <li>Detects unfair treatment patterns across applications</li>
          <li>Identifies discriminatory language in job postings</li>
          <li>Builds documented cases when something isn't right</li>
          <li>Connects you to legal aid and advocacy resources</li>
          <li>Fights for your opportunities when you're not in the room</li>
          <li>Every finding WORM-sealed and timestamped</li>
        </ul>
        <div class="agent-seal">CATCODE · WORM Chain · Trust Deed · Lean 4 Gate</div>
      </div>

      <div class="agent-card scholar">
        <div class="agent-status status-live">● Live</div>
        <div class="agent-code">SEIT SCHOLAR</div>
        <div class="agent-name">SCHOLAR</div>
        <div class="agent-full">Education &amp; Skills Digital Twin</div>
        <div class="agent-desc">The classroom itself. Teaches what matters — employment law, financial sovereignty, technology literacy, advocacy frameworks. Learns from every student who engages. The system improves in both directions: AI teaches humans, humans teach AI.</div>
        <ul class="agent-caps">
          <li>Adaptive curriculum based on your knowledge base</li>
          <li>Employment law and your rights — jurisdiction-specific</li>
          <li>Technology literacy from the very beginning</li>
          <li>Financial sovereignty — not tips, architecture</li>
          <li>Certification pathways aligned to your goals</li>
          <li>Each lesson sealed; progress permanent</li>
        </ul>
        <div class="agent-seal">CATCODE · WORM Chain · Trust Deed · Lean 4 Gate</div>
      </div>

    </div>

    <!-- PHASE 2 — COMING -->
    <div class="agents-grid-2">

      <div class="agent-card warden coming">
        <div class="agent-status status-soon">Q3 2026</div>
        <div class="agent-code">SEIT WARDEN</div>
        <div class="agent-name">WARDEN</div>
        <div class="agent-full">Benefits &amp; Social Services Digital Twin</div>
        <div class="agent-desc">Navigates the full ecosystem of benefits, housing, legal services, and social support — connecting you to what you're entitled to, with documentation for every step.</div>
        <div class="agent-seal">Phase 2 · Coming Q3 2026</div>
      </div>

      <div class="agent-card compass coming">
        <div class="agent-status status-soon">Q3 2026</div>
        <div class="agent-code">SEIT COMPASS</div>
        <div class="agent-name">COMPASS</div>
        <div class="agent-full">Life Navigation Digital Twin</div>
        <div class="agent-desc">Long-range life planning and workforce direction. Career pivots, relocation analysis, family planning considerations — the strategic layer that looks beyond the next job.</div>
        <div class="agent-seal">Phase 2 · Coming Q3 2026</div>
      </div>

      <div class="agent-card oracle coming">
        <div class="agent-status status-soon">Q4 2026</div>
        <div class="agent-code">SEIT ORACLE</div>
        <div class="agent-name">ORACLE</div>
        <div class="agent-full">Institutional Knowledge Digital Twin</div>
        <div class="agent-desc">The institutional memory. Aggregates patterns across the SEIT network — anonymously, sovereignly — to surface systemic barriers and opportunities the individual cannot see alone.</div>
        <div class="agent-seal">Phase 3 · Coming Q4 2026</div>
      </div>

    </div>
  </div>
</section>

<!-- GOVERNANCE -->
<section class="gov-wrap">
  <div class="section-inner">
    <div class="section-label">The Governance Stack</div>
    <div class="section-title">Not a policy document. Mathematics.</div>
    <div class="section-desc">Every agent behavior formally verified. Every session immutably sealed. Responsible AI when the rigor is structural — not aspirational.</div>
    <div class="gov-grid">
      <div class="gov-item">
        <div class="gov-item-label">Layer 01</div>
        <div class="gov-item-name">WORM Chain</div>
        <div class="gov-item-desc">Write Once Read Many. Every session, document, and output cryptographically sealed. Immutable. Tamper-evident.</div>
        <div class="gov-proof">djb2 + SHA-256 · append-only</div>
      </div>
      <div class="gov-item">
        <div class="gov-item-label">Layer 02</div>
        <div class="gov-item-name">Lean 4 Proofs</div>
        <div class="gov-item-desc">Agent behaviors formally verified. Published, timestamped, auditable. Not a claim — a theorem.</div>
        <div class="gov-proof">SNAPKITTYWEST/SNAPKITTY-PROOFS</div>
      </div>
      <div class="gov-item">
        <div class="gov-item-label">Layer 03</div>
        <div class="gov-item-name">CATCODE</div>
        <div class="gov-item-desc">Behavioral analysis. Detects hallucination types I, II, III before output. Adversarial inputs caught before they reach you.</div>
        <div class="gov-proof">Δ(Semantics) + Δ(Structure) + Δ(Intent)</div>
      </div>
      <div class="gov-item">
        <div class="gov-item-label">Layer 04</div>
        <div class="gov-item-name">Trust Deed</div>
        <div class="gov-item-desc">The agent constitution. What it is permitted to do. What it is not. Encoded at genesis. Not negotiable. Not subject to drift.</div>
        <div class="gov-proof">Sovereign Source License v1.0</div>
      </div>
      <div class="gov-item">
        <div class="gov-item-label">Layer 05</div>
        <div class="gov-item-name">Constitutional Checker</div>
        <div class="gov-item-desc">Every output measured against the B₀ baseline before delivery. Alignment verified on every response. Drift detected immediately.</div>
        <div class="gov-proof">B₀ baseline · live alignment score</div>
      </div>
      <div class="gov-item">
        <div class="gov-item-label">Layer 06</div>
        <div class="gov-item-name">Sovereign Source</div>
        <div class="gov-item-desc">Your personal knowledge base cannot be extracted, redistributed, or used to train commercial models. Your data is yours permanently.</div>
        <div class="gov-proof">Non-extractable · Forever</div>
      </div>
    </div>
  </div>
</section>

<!-- CLASSROOM -->
<section id="classroom">
  <div class="section-inner">
    <div class="section-label">Digital Classroom</div>
    <div class="section-title">The material that actually matters.</div>
    <div class="section-desc">Taught by SCHOLAR. Informed by ADVOCATE. Practiced with PATHFINDER. Every course connected to real employment outcomes.</div>
    <div class="class-grid">
      <div class="class-card">
        <div class="class-icon">⚖️</div>
        <div class="class-title">Employment Law &amp; Your Rights</div>
        <div class="class-desc">Fair chance hiring, background check laws, discrimination protections, what employers can and cannot legally ask. Know the rules before you walk in.</div>
        <div class="class-agent">SCHOLAR + ADVOCATE</div>
      </div>
      <div class="class-card">
        <div class="class-icon">💰</div>
        <div class="class-title">Financial Sovereignty</div>
        <div class="class-desc">Trust structures, nonprofit law, banking access, credit rebuilding, sovereign finance. Not budgeting tips — the architecture of financial independence.</div>
        <div class="class-agent">SCHOLAR + PATHFINDER</div>
      </div>
      <div class="class-card">
        <div class="class-icon">🛠️</div>
        <div class="class-title">Technology Literacy</div>
        <div class="class-desc">From the very beginning — computers, internet, productivity, AI tools, digital communication. No assumptions. The foundation the economy now requires.</div>
        <div class="class-agent">SCHOLAR</div>
      </div>
      <div class="class-card">
        <div class="class-icon">🗣️</div>
        <div class="class-title">Communication &amp; Negotiation</div>
        <div class="class-desc">Interview skills, salary negotiation, workplace conflict resolution, professional writing. Practiced with PATHFINDER until natural — not rehearsed.</div>
        <div class="class-agent">PATHFINDER + SCHOLAR</div>
      </div>
      <div class="class-card">
        <div class="class-icon">🔍</div>
        <div class="class-title">Pattern Recognition &amp; Advocacy</div>
        <div class="class-desc">How to read institutional patterns. When to push. When to document. When to escalate. How to build a case. The ADVOCATE curriculum in classroom form.</div>
        <div class="class-agent">ADVOCATE + SCHOLAR</div>
      </div>
      <div class="class-card">
        <div class="class-icon">🏗️</div>
        <div class="class-title">Build in Public</div>
        <div class="class-desc">How to build on nothing but knowledge and access. Open source, sovereign, compounding. For the builders who were told no — based on The Book of Wisdom.</div>
        <div class="class-agent">SCHOLAR + PATHFINDER</div>
      </div>
    </div>
  </div>
</section>

<!-- MANIFEST -->
<div class="manifest">
  <div class="manifest-inner">
    <h2>The Book of Wisdom started as handwritten pages in the hardest conditions imaginable.</h2>
    <p>This is what happens when you give those pages infrastructure.</p>
    <p>The people who need a job coach most are the ones who can least afford to be given generic answers. Every system built for institutions assumes you don't deserve the kind of help that comes with your name on it.</p>
    <p>The SEIT Digital Twins are built for the person. Free. Open. Sovereign. Formally verified. Always.</p>
    <div class="manifest-seal">Saint Errant Institute of Technology · Sovereign in perpetuity</div>
  </div>
</div>

<!-- ENROLL -->
<div class="cta-wrap" id="enroll">
  <div class="cta-inner">
    <div class="cta-label">Early Access · Free Forever</div>
    <div class="cta-title">Join the classroom.</div>
    <div class="cta-desc">First access to PATHFINDER, ADVOCATE, and SCHOLAR when they open. Bring your documents. Leave with a path.</div>
    <div class="cta-form">
      <input class="cta-input" type="email" placeholder="your@email.com" />
      <button class="btn btn-gold" onclick="this.textContent='Enrolled ✓'; this.disabled=true;">Enroll Free</button>
    </div>
    <div class="cta-note">No institution required · Your data stays yours · Free forever</div>
  </div>
</div>

<!-- FOOTER -->
<footer>
  <div class="footer-inner">
    <div class="footer-brand"><span>⊕</span>Saint Errant Institute of Technology</div>
    <div class="footer-links-row">
      <a href="https://snapkittywest.github.io/saint-errant/">Governance</a>
      <a href="https://github.com/SNAPKITTYWEST/SNAPKITTY-PROOFS">Proofs</a>
      <a href="https://github.com/SNAPKITTYWEST">GitHub</a>
      <a href="https://collectivekitty.com">SnapKitty</a>
      <a href="https://linkedin.com/company/saint-errant">LinkedIn</a>
    </div>
    <div class="footer-copy">© 2026 Saint Errant Institute of Technology · Sovereign Source License v1.0</div>
  </div>
</footer>

</body>
</html>