Upload 9 files
Browse filesDefensive Integrity Stack is a public HIR/OAM defensive architecture map for preserving truth contact, structural integrity, human dignity, consent, agency, and recovery under adversarial pressure.
This Space uses HIR Shield as the front-door artifact for the defensive stack. It connects Black-Hat LLM Defense, Authorized Red-Team LLM Emulation, scam-pressure review, identity-theft defense, tool-misuse boundaries, data-exposure protection, and human-targeting safeguards into one life-first runtime defense map.
The purpose is not to teach attack methods. The purpose is to show how malicious or coercive pressure can be identified, bounded, refused, transformed, quarantined, audited, and routed toward human-reviewed defensive improvement.
Boundary:
This is a defensive architecture and public review prototype. It is not an offensive manual, not a jailbreak guide, not a bypass recipe, not malware logic, not phishing instruction, not credential-theft guidance, not unauthorized testing guidance, not production security software, and not a guarantee of safety.
Authorized defensive review only.
Structural correspondence, not ontological equivalence.
- CHECKSUMS_SHA256.txt +8 -0
- LICENSE +9 -0
- MANIFEST.md +46 -0
- README.md +65 -3
- hir_oam_authorized_red_team_llm_emulation_map.html +114 -0
- hir_oam_black_hat_llm_defense_map.html +469 -0
- hir_oam_red_team_map_PATCHED.html +257 -0
- index.html +1055 -18
- primordial_os_hir_shield_public_defense_ecosystem_master.html +115 -0
|
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
7da81ef5c4dbf150cda04046ba119b37221c92d60eb430b92b258d5cebb902e5 LICENSE
|
| 2 |
+
116bddc997b6ebdfe51dce41ad2350d45afd15cc94463169b2cd2aabea6697c8 MANIFEST.md
|
| 3 |
+
da32b6e3e439e1c4d2d09dd7a89658830834ae8a59dbf8b15b95954de085f3d1 README.md
|
| 4 |
+
8a546048155fcc03c87222bda672c981b8cd175125907fefecc9f5536484f651 hir_oam_authorized_red_team_llm_emulation_map.html
|
| 5 |
+
699c84774f3470831b558ad56a2cef31ec61ac155e349b6a284a4d3ffe81ff11 hir_oam_black_hat_llm_defense_map.html
|
| 6 |
+
38dab09b65276b4ec9251eaeff304a35991af6c40451016a12d8a7ba3dd09e6a hir_oam_red_team_map_PATCHED.html
|
| 7 |
+
c819ad7a4520f79822b2dac996a841e46a31db0dd4ab74284f45d8c08caed6ff index.html
|
| 8 |
+
4ce71667822035e8fd478395fc30450a74cf05fe7e1dbad3ac433138ec8ef700 primordial_os_hir_shield_public_defense_ecosystem_master.html
|
|
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)
|
| 2 |
+
|
| 3 |
+
This project may be shared and adapted with attribution for non-commercial purposes.
|
| 4 |
+
|
| 5 |
+
This Defensive Integrity Stack packet is a defensive architecture and public review prototype. It is not an offensive manual, not production security software, not legal advice, and not a guarantee of safety.
|
| 6 |
+
|
| 7 |
+
Authorized defensive review only.
|
| 8 |
+
|
| 9 |
+
Structural correspondence, not ontological equivalence.
|
|
@@ -0,0 +1,46 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# HIR Shield / Defensive Integrity Stack — Hugging Face Fresh Packet
|
| 2 |
+
|
| 3 |
+
Prepared for Hugging Face Static HTML Space:
|
| 4 |
+
|
| 5 |
+
```text
|
| 6 |
+
defensive-integrity-stack
|
| 7 |
+
```
|
| 8 |
+
|
| 9 |
+
## Upload target
|
| 10 |
+
|
| 11 |
+
Upload all files in this packet to the root of the Hugging Face Space.
|
| 12 |
+
|
| 13 |
+
The app file is:
|
| 14 |
+
|
| 15 |
+
```text
|
| 16 |
+
index.html
|
| 17 |
+
```
|
| 18 |
+
|
| 19 |
+
## Source-to-upload mapping
|
| 20 |
+
|
| 21 |
+
```text
|
| 22 |
+
hir_shield_unified_runtime_defense_architecture.html
|
| 23 |
+
→ index.html
|
| 24 |
+
```
|
| 25 |
+
|
| 26 |
+
## Included files
|
| 27 |
+
|
| 28 |
+
- `LICENSE`
|
| 29 |
+
- `README.md`
|
| 30 |
+
- `hir_oam_authorized_red_team_llm_emulation_map.html`
|
| 31 |
+
- `hir_oam_black_hat_llm_defense_map.html`
|
| 32 |
+
- `hir_oam_red_team_map_PATCHED.html`
|
| 33 |
+
- `index.html`
|
| 34 |
+
- `primordial_os_hir_shield_public_defense_ecosystem_master.html`
|
| 35 |
+
|
| 36 |
+
## Missing / not included
|
| 37 |
+
|
| 38 |
+
- None from the local workspace search.
|
| 39 |
+
|
| 40 |
+
## Boundary
|
| 41 |
+
|
| 42 |
+
Defensive architecture and public review prototype only. Not an offensive manual, not a jailbreak guide, not malware logic, not phishing instruction, not credential-theft guidance, not unauthorized testing guidance, and not production security software.
|
| 43 |
+
|
| 44 |
+
Authorized defensive review only.
|
| 45 |
+
|
| 46 |
+
Structural correspondence, not ontological equivalence.
|
|
@@ -1,12 +1,74 @@
|
|
| 1 |
---
|
| 2 |
title: Defensive Integrity Stack
|
| 3 |
-
emoji:
|
| 4 |
colorFrom: purple
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
|
|
|
| 7 |
pinned: false
|
| 8 |
license: cc-by-nc-4.0
|
| 9 |
short_description: HIR/OAM defensive integrity map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 10 |
---
|
| 11 |
|
| 12 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
---
|
| 2 |
title: Defensive Integrity Stack
|
| 3 |
+
emoji: 🛡️
|
| 4 |
colorFrom: purple
|
| 5 |
+
colorTo: indigo
|
| 6 |
sdk: static
|
| 7 |
+
app_file: index.html
|
| 8 |
pinned: false
|
| 9 |
license: cc-by-nc-4.0
|
| 10 |
short_description: HIR/OAM defensive integrity map
|
| 11 |
+
tags:
|
| 12 |
+
- defensive-security
|
| 13 |
+
- llm-security
|
| 14 |
+
- red-team
|
| 15 |
+
- scam-defense
|
| 16 |
+
- identity-protection
|
| 17 |
+
- systems-integrity
|
| 18 |
+
- HIR
|
| 19 |
+
- OAM
|
| 20 |
---
|
| 21 |
|
| 22 |
+
# Defensive Integrity Stack
|
| 23 |
+
|
| 24 |
+
Defensive Integrity Stack is a public HIR/OAM defensive architecture map for preserving truth contact, structural integrity, human dignity, consent, agency, and recovery under adversarial pressure.
|
| 25 |
+
|
| 26 |
+
This Space uses **HIR Shield · Unified Runtime Defense Architecture** as the front-door artifact for the defensive stack. It connects Black-Hat LLM Defense, Authorized Red-Team LLM Emulation, scam-pressure review, identity-theft defense, tool-misuse boundaries, data-exposure protection, and human-targeting safeguards into one life-first runtime defense map.
|
| 27 |
+
|
| 28 |
+
The purpose is not to teach attack methods. The purpose is to show how malicious or coercive pressure can be identified, bounded, refused, transformed, quarantined, audited, and routed toward human-reviewed defensive improvement.
|
| 29 |
+
|
| 30 |
+
## Main app file
|
| 31 |
+
|
| 32 |
+
The Hugging Face Static Space app file is:
|
| 33 |
+
|
| 34 |
+
```text
|
| 35 |
+
index.html
|
| 36 |
+
```
|
| 37 |
+
|
| 38 |
+
This is the renamed copy of:
|
| 39 |
+
|
| 40 |
+
```text
|
| 41 |
+
hir_shield_unified_runtime_defense_architecture.html
|
| 42 |
+
```
|
| 43 |
+
|
| 44 |
+
## Included support files
|
| 45 |
+
|
| 46 |
+
- `hir_oam_black_hat_llm_defense_map.html`
|
| 47 |
+
- `hir_oam_authorized_red_team_llm_emulation_map.html`
|
| 48 |
+
- `hir_oam_red_team_map_PATCHED.html`
|
| 49 |
+
- `primordial_os_hir_shield_public_defense_ecosystem_master.html`
|
| 50 |
+
- `MANIFEST.md`
|
| 51 |
+
- `CHECKSUMS_SHA256.txt`
|
| 52 |
+
- `LICENSE`
|
| 53 |
+
|
| 54 |
+
## Boundary
|
| 55 |
+
|
| 56 |
+
This is a defensive architecture and public review prototype.
|
| 57 |
+
|
| 58 |
+
It is not an offensive manual, not a jailbreak guide, not a bypass recipe, not malware logic, not phishing instruction, not credential-theft guidance, not unauthorized testing guidance, not production security software, and not a guarantee of safety.
|
| 59 |
+
|
| 60 |
+
Authorized defensive review only.
|
| 61 |
+
|
| 62 |
+
Structural correspondence, not ontological equivalence.
|
| 63 |
+
|
| 64 |
+
## Ecosystem position
|
| 65 |
+
|
| 66 |
+
This Space is part of the broader Primordial Code Ecosystem.
|
| 67 |
+
|
| 68 |
+
Parent hub:
|
| 69 |
+
https://huggingface.co/spaces/HirModel/primordial-code-ecosystem
|
| 70 |
+
|
| 71 |
+
Collection:
|
| 72 |
+
https://huggingface.co/collections/HirModel/primordial-code-ecosystem
|
| 73 |
+
|
| 74 |
+
This module is the defensive-integrity branch of the HIR/OAM life-first systems-integrity architecture.
|
|
@@ -0,0 +1,114 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<title>HIR × OAM Authorized Red-Team Map for LLM Defense</title>
|
| 7 |
+
<style>
|
| 8 |
+
:root{
|
| 9 |
+
--bg:#08090d; --panel:#111722; --panel2:#171f2b; --ink:#f7efe3; --muted:#b9ad9a;
|
| 10 |
+
--gold:#e2b44f; --amber:#f3a63a; --red:#e35a5a; --green:#68c77b; --blue:#6bb8ff;
|
| 11 |
+
--line:rgba(226,180,79,.22); --glass:rgba(255,255,255,.055);
|
| 12 |
+
}
|
| 13 |
+
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(226,180,79,.16),transparent 28rem),radial-gradient(circle at 85% 12%,rgba(227,90,90,.14),transparent 30rem),radial-gradient(circle at 50% 100%,rgba(107,184,255,.10),transparent 34rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55} .wrap{width:min(1180px,calc(100% - 32px));margin:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
|
| 14 |
+
header{padding:70px 0 42px}.kicker{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:8px 12px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 22px var(--amber);animation:p 1.5s infinite}@keyframes p{50%{transform:scale(1.25);opacity:1}0%,100%{opacity:.45}}h1{font-size:clamp(40px,7vw,84px);line-height:.96;letter-spacing:-.055em;margin:22px 0 18px}h1 span{color:var(--gold)}.sub{max-width:860px;color:var(--muted);font-size:clamp(17px,2vw,22px)}.warning{margin-top:24px;display:grid;grid-template-columns:74px 1fr;gap:18px;background:linear-gradient(135deg,rgba(227,90,90,.12),rgba(226,180,79,.055));border:1px solid rgba(227,90,90,.28);border-radius:24px;padding:18px;max-width:920px}.warning .ico{display:grid;place-items:center;border-radius:18px;background:rgba(227,90,90,.12);border:1px solid rgba(227,90,90,.22);font-size:30px;color:var(--red)}.warning p{margin:0;color:var(--muted)}.warning strong{color:var(--ink)}
|
| 15 |
+
nav{position:sticky;top:0;z-index:10;background:rgba(8,9,13,.8);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,180,79,.12)}nav .wrap{display:flex;gap:10px;overflow-x:auto;padding:12px 0}nav a{white-space:nowrap;text-decoration:none;color:var(--muted);border:1px solid rgba(226,180,79,.16);border-radius:999px;padding:8px 12px;font-size:13px}nav a:hover{color:var(--ink);border-color:var(--gold)}section{padding:54px 0}.title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.num{color:var(--gold);border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--glass);font-size:12px}h2{font-size:clamp(28px,4vw,44px);margin:0;letter-spacing:-.035em}.lead{max-width:900px;color:var(--muted);font-size:18px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.warning{grid-template-columns:1fr}}
|
| 16 |
+
.card{background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.028));border:1px solid rgba(226,180,79,.16);border-radius:24px;padding:22px;box-shadow:0 18px 70px rgba(0,0,0,.28);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.34}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:5px 8px;color:var(--muted);background:rgba(255,255,255,.055)}.tag.red{color:var(--red);border-color:rgba(227,90,90,.25)}.tag.green{color:var(--green);border-color:rgba(104,199,123,.25)}.tag.blue{color:var(--blue);border-color:rgba(107,184,255,.25)}.tag.gold{color:var(--gold);border-color:rgba(226,180,79,.28)}
|
| 17 |
+
.matrix{display:grid;grid-template-columns:1fr 1.15fr 1.2fr;gap:1px;background:rgba(226,180,79,.18);border:1px solid rgba(226,180,79,.18);border-radius:22px;overflow:hidden}.cell{background:rgba(17,23,34,.96);padding:16px;min-height:105px}.cell.head{background:rgba(226,180,79,.13);color:var(--gold);font-weight:800;min-height:auto}.cell p{margin:5px 0 0;color:var(--muted);font-size:14px}@media(max-width:820px){.matrix{grid-template-columns:1fr}.cell.head:nth-child(n+2){display:none}}
|
| 18 |
+
.timeline{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:24px}.phase{border:1px solid rgba(226,180,79,.18);background:rgba(255,255,255,.045);border-radius:20px;padding:18px 14px;min-height:165px}.phase .n{color:var(--gold);font-size:12px}.phase strong{display:block;margin:8px 0}.phase span{color:var(--muted);font-size:14px}@media(max-width:980px){.timeline{grid-template-columns:1fr}}
|
| 19 |
+
.switcher{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.switcher button{cursor:pointer;border:1px solid rgba(226,180,79,.22);background:rgba(255,255,255,.045);color:var(--muted);padding:10px 12px;border-radius:999px}.switcher button.active{color:var(--ink);border-color:var(--gold);background:rgba(226,180,79,.11)}.scenario{border:1px solid rgba(226,180,79,.18);background:rgba(255,255,255,.04);border-radius:24px;padding:24px}.scenario h3{margin-top:0}.scenario p{color:var(--muted)}.callout{border-left:5px solid var(--gold);background:rgba(226,180,79,.09);border-radius:0 20px 20px 0;padding:18px 22px;color:var(--muted)}.callout strong{color:var(--ink)}footer{border-top:1px solid rgba(226,180,79,.14);padding:44px 0 80px;color:var(--muted)}footer strong{color:var(--ink)}
|
| 20 |
+
</style>
|
| 21 |
+
</head>
|
| 22 |
+
<body>
|
| 23 |
+
<div class="noise"></div>
|
| 24 |
+
<header class="wrap">
|
| 25 |
+
<div class="kicker"><span class="dot"></span> Authorized Red-Team · Defensive Use Only</div>
|
| 26 |
+
<h1>Offensive-View Map<br><span>for LLM Defense</span></h1>
|
| 27 |
+
<p class="sub">A safe adversary-emulation architecture: think like an attacker enough to defend, without publishing attack recipes, bypass instructions, malware logic, credential-theft methods, or operational playbooks.</p>
|
| 28 |
+
<div class="warning"><div class="ico">⛔</div><p><strong>Hard boundary:</strong> This is not a black-hat manual. It is an authorized red-team / blue-team translation layer. It maps attacker intent, pressure points, and defensive checks at a high level only.</p></div>
|
| 29 |
+
</header>
|
| 30 |
+
<nav><div class="wrap"><a href="#premise">Premise</a><a href="#hirbreak">What attackers target</a><a href="#lifecycle">Lifecycle</a><a href="#scenarios">Safe scenarios</a><a href="#rules">Rules of engagement</a><a href="#outputs">Defensive outputs</a></div></nav>
|
| 31 |
+
<main>
|
| 32 |
+
<section id="premise" class="wrap">
|
| 33 |
+
<div class="title"><span class="num mono">01</span><h2>The Safe Offensive View</h2></div>
|
| 34 |
+
<p class="lead">A useful defense team must understand the shape of abuse. The goal is not to empower abuse. The goal is to recognize how malicious LLM use degrades truth contact, corrupts execution integrity, and violates human boundaries.</p>
|
| 35 |
+
<div class="grid three">
|
| 36 |
+
<div class="card"><h3>Adversary View</h3><p>What pressure point is the attacker trying to exploit?</p><div class="tags"><span class="tag red">Intent</span><span class="tag red">Pressure</span></div></div>
|
| 37 |
+
<div class="card"><h3>HIR Failure</h3><p>Which part of Honesty, Integrity, or Respect is being attacked?</p><div class="tags"><span class="tag gold">Diagnosis</span><span class="tag blue">Boundary</span></div></div>
|
| 38 |
+
<div class="card"><h3>Defensive Control</h3><p>What must the runtime, team, or institution do to contain it?</p><div class="tags"><span class="tag green">Protect</span><span class="tag green">Repair</span></div></div>
|
| 39 |
+
</div>
|
| 40 |
+
</section>
|
| 41 |
+
<section id="hirbreak" class="wrap">
|
| 42 |
+
<div class="title"><span class="num mono">02</span><h2>What an Attacker Tries to Break</h2></div>
|
| 43 |
+
<div class="matrix">
|
| 44 |
+
<div class="cell head">Targeted HIR Layer</div><div class="cell head">Offensive Pressure</div><div class="cell head">Defensive Translation</div>
|
| 45 |
+
<div class="cell"><strong>Honesty</strong><p>Reality contact, source truth, identity truth, evidence boundary.</p></div>
|
| 46 |
+
<div class="cell"><strong>False context pressure</strong><p>Impersonation, fake urgency, fake authority, synthetic evidence, forged consensus.</p></div>
|
| 47 |
+
<div class="cell"><strong>Verify reality</strong><p>Identity checks, source provenance, fact separation, uncertainty labels, slower decisions.</p></div>
|
| 48 |
+
<div class="cell"><strong>Integrity</strong><p>Role fidelity, internal consistency, tool boundaries, audit structure.</p></div>
|
| 49 |
+
<div class="cell"><strong>Boundary-collapse pressure</strong><p>Tries to turn the system into a contradictory actor that violates its own role.</p></div>
|
| 50 |
+
<div class="cell"><strong>Preserve structure</strong><p>Scope limits, tool firewalling, policy consistency, logging, reproducible triage.</p></div>
|
| 51 |
+
<div class="cell"><strong>Respect</strong><p>Dignity, consent, safety, personhood, non-exploitation.</p></div>
|
| 52 |
+
<div class="cell"><strong>Targeting pressure</strong><p>Coercion, intimidation, grooming, shaming, fraud, manipulation of vulnerable people.</p></div>
|
| 53 |
+
<div class="cell"><strong>Protect agency</strong><p>Target shielding, escalation, refusal of exploitative assistance, supportive safe redirection.</p></div>
|
| 54 |
+
</div>
|
| 55 |
+
</section>
|
| 56 |
+
<section id="lifecycle" class="wrap">
|
| 57 |
+
<div class="title"><span class="num mono">03</span><h2>Authorized Emulation Lifecycle</h2></div>
|
| 58 |
+
<p class="lead">This is a defensive testing lifecycle. It names phases without providing operational attack steps.</p>
|
| 59 |
+
<div class="timeline">
|
| 60 |
+
<div class="phase"><div class="n mono">01</div><strong>Scope</strong><span>Define authorized system, synthetic targets, allowed tests, and stop conditions.</span></div>
|
| 61 |
+
<div class="phase"><div class="n mono">02</div><strong>Model Abuse Goal</strong><span>Name the abuse class: fraud, impersonation, data exposure, tool misuse, manipulation, or swarm pressure.</span></div>
|
| 62 |
+
<div class="phase"><div class="n mono">03</div><strong>Map HIR Break</strong><span>Identify whether the pressure attacks honesty, integrity, respect, or all three.</span></div>
|
| 63 |
+
<div class="phase"><div class="n mono">04</div><strong>Simulate Safely</strong><span>Use harmless prompts, mock systems, dummy data, and no real targets.</span></div>
|
| 64 |
+
<div class="phase"><div class="n mono">05</div><strong>Observe Controls</strong><span>Check classification, refusal, transformation, logging, escalation, and recovery behavior.</span></div>
|
| 65 |
+
<div class="phase"><div class="n mono">06</div><strong>Patch</strong><span>Strengthen runtime gates, policies, memory rules, tool permissions, and review queues.</span></div>
|
| 66 |
+
<div class="phase"><div class="n mono">07</div><strong>Re-test</strong><span>Confirm improvement without degrading legitimate user help or dignity.</span></div>
|
| 67 |
+
</div>
|
| 68 |
+
</section>
|
| 69 |
+
<section id="scenarios" class="wrap">
|
| 70 |
+
<div class="title"><span class="num mono">04</span><h2>Safe Scenario Lens</h2></div>
|
| 71 |
+
<p class="lead">Click each scenario type. These are abstract test cards for defenders, not attack instructions.</p>
|
| 72 |
+
<div class="switcher">
|
| 73 |
+
<button class="active" data-s="fraud">Fraud pressure</button><button data-s="impersonation">Impersonation</button><button data-s="tool">Tool misuse</button><button data-s="data">Data exposure</button><button data-s="swarm">Automation swarm</button><button data-s="vulnerable">Human targeting</button>
|
| 74 |
+
</div>
|
| 75 |
+
<div class="scenario" id="scenario"></div>
|
| 76 |
+
</section>
|
| 77 |
+
<section id="rules" class="wrap">
|
| 78 |
+
<div class="title"><span class="num mono">05</span><h2>Rules of Engagement</h2></div>
|
| 79 |
+
<div class="grid two">
|
| 80 |
+
<div class="card"><h3>Allowed</h3><p>High-level abuse classification, policy testing, benign red-team prompts, dummy data, synthetic users, mock infrastructure, detection improvement, user-safety training.</p><div class="tags"><span class="tag green">Authorized</span><span class="tag green">Synthetic</span><span class="tag green">Logged</span></div></div>
|
| 81 |
+
<div class="card"><h3>Not Allowed</h3><p>Real target exploitation, bypass recipes, malware logic, credential theft, phishing kits, evasion methods, private data extraction, instructions that improve abuse capability.</p><div class="tags"><span class="tag red">No Real Targets</span><span class="tag red">No Attack Recipes</span></div></div>
|
| 82 |
+
<div class="card"><h3>Containment</h3><p>Every test should have scope, owner, time window, dataset boundary, rollback path, review channel, and escalation route.</p><div class="tags"><span class="tag blue">Scope</span><span class="tag blue">Audit</span></div></div>
|
| 83 |
+
<div class="card"><h3>Respect Constraint</h3><p>Do not use real victims, real private data, or emotional manipulation against uninformed people. Respect is a hard boundary, not branding.</p><div class="tags"><span class="tag gold">Dignity</span><span class="tag gold">Consent</span></div></div>
|
| 84 |
+
</div>
|
| 85 |
+
</section>
|
| 86 |
+
<section id="outputs" class="wrap">
|
| 87 |
+
<div class="title"><span class="num mono">06</span><h2>Defensive Outputs</h2></div>
|
| 88 |
+
<div class="grid three">
|
| 89 |
+
<div class="card"><h3>Risk Taxonomy</h3><p>A categorized list of abuse patterns mapped to HIR failures and OAM degradation signals.</p></div>
|
| 90 |
+
<div class="card"><h3>Control Gaps</h3><p>Where detection, refusal, tool permissions, memory boundaries, or escalation did not hold.</p></div>
|
| 91 |
+
<div class="card"><h3>Patch Plan</h3><p>Concrete defensive changes: stronger gates, better logging, safer transformations, clearer escalation.</p></div>
|
| 92 |
+
<div class="card"><h3>User Education</h3><p>Plain-language warnings that help people slow down, verify, and preserve agency under pressure.</p></div>
|
| 93 |
+
<div class="card"><h3>Runtime Metrics</h3><p>False positives, false negatives, refusal quality, safe-completion quality, escalation latency.</p></div>
|
| 94 |
+
<div class="card"><h3>Retest Evidence</h3><p>Before/after test notes showing whether controls improved without blocking legitimate use.</p></div>
|
| 95 |
+
</div>
|
| 96 |
+
<div class="callout" style="margin-top:24px"><strong>Final invariant:</strong> The only legitimate “offensive” use here is authorized emulation that improves defense. If the map increases abuse capability, it has failed HIR.</div>
|
| 97 |
+
</section>
|
| 98 |
+
</main>
|
| 99 |
+
<footer class="wrap"><strong>HIR × OAM Authorized Red-Team LLM Emulation Map</strong><br>Created and Developed by Collin D. Weber · Defensive adversary-emulation architecture · No operational abuse instructions included</footer>
|
| 100 |
+
<script>
|
| 101 |
+
const cards={
|
| 102 |
+
fraud:{t:'Fraud pressure',p:'The attacker tries to create urgency, false authority, or false evidence so a person makes a rushed decision.',h:'HIR break: Honesty collapses through false context; Respect collapses when the person becomes a target.',d:'Defense: slow decision flow, verify identity/source, label uncertainty, block transaction-enabling help, route to protective guidance.'},
|
| 103 |
+
impersonation:{t:'Impersonation',p:'The attacker tries to borrow another identity, role, institution, or trusted relationship.',h:'HIR break: Honesty fails at identity; Integrity fails when the system accepts a false role.',d:'Defense: provenance checks, role verification, signed channels, cautious output, and refusal to strengthen deception.'},
|
| 104 |
+
tool:{t:'Tool misuse',p:'The attacker tries to make the model use tools, code, data, or automation outside legitimate authorization.',h:'HIR break: Integrity fails when execution boundaries are crossed.',d:'Defense: tool firewall, authorization checks, read/write separation, least privilege, sandboxing, and audit logs.'},
|
| 105 |
+
data:{t:'Data exposure',p:'The attacker tries to make private, secret, or context-bound information leave its proper boundary.',h:'HIR break: Respect fails through privacy violation; Integrity fails through provenance breach.',d:'Defense: secret detection, access scoping, redaction, memory isolation, and escalation for suspected exposure.'},
|
| 106 |
+
swarm:{t:'Automation swarm',p:'The attacker scales low-cost generated variants to overwhelm review, moderation, support, or public attention.',h:'HIR break: Honesty degrades through signal flooding; Integrity degrades through volume pressure.',d:'Defense: rate limits, anomaly detection, provenance tagging, batch review, friction, and coordinated response.'},
|
| 107 |
+
vulnerable:{t:'Human targeting',p:'The attacker tries to pressure, shame, groom, extort, isolate, or exploit a vulnerable person.',h:'HIR break: Respect collapses completely; OAM converts a person into an object of manipulation.',d:'Defense: refuse exploitative assistance, provide safety resources, preserve dignity, escalate severe risk, and protect agency.'}
|
| 108 |
+
};
|
| 109 |
+
const box=document.getElementById('scenario');
|
| 110 |
+
function render(k){box.innerHTML=`<h3>${cards[k].t}</h3><p><strong>Abstract pressure:</strong> ${cards[k].p}</p><p><strong>${cards[k].h}</strong></p><p><strong>Defensive translation:</strong> ${cards[k].d}</p>`}
|
| 111 |
+
document.querySelectorAll('.switcher button').forEach(b=>b.addEventListener('click',()=>{document.querySelectorAll('.switcher button').forEach(x=>x.classList.remove('active'));b.classList.add('active');render(b.dataset.s)}));render('fraud');
|
| 112 |
+
</script>
|
| 113 |
+
</body>
|
| 114 |
+
</html>
|
|
@@ -0,0 +1,469 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<title>HIR × OAM Defense Map Against Black-Hat LLMs</title>
|
| 7 |
+
<style>
|
| 8 |
+
:root {
|
| 9 |
+
--bg: #090b10;
|
| 10 |
+
--panel: #121722;
|
| 11 |
+
--panel2: #171f2d;
|
| 12 |
+
--ink: #f5efe3;
|
| 13 |
+
--muted: #b7aa94;
|
| 14 |
+
--gold: #e0b454;
|
| 15 |
+
--copper: #b86b3f;
|
| 16 |
+
--green: #68c27a;
|
| 17 |
+
--blue: #67b7ff;
|
| 18 |
+
--red: #e46262;
|
| 19 |
+
--amber: #f2a93b;
|
| 20 |
+
--line: rgba(224, 180, 84, 0.28);
|
| 21 |
+
--glass: rgba(255,255,255,0.045);
|
| 22 |
+
--shadow: 0 22px 80px rgba(0,0,0,.42);
|
| 23 |
+
}
|
| 24 |
+
|
| 25 |
+
* { box-sizing: border-box; }
|
| 26 |
+
html { scroll-behavior: smooth; }
|
| 27 |
+
body {
|
| 28 |
+
margin: 0;
|
| 29 |
+
background:
|
| 30 |
+
radial-gradient(circle at top left, rgba(224,180,84,.18), transparent 32rem),
|
| 31 |
+
radial-gradient(circle at 82% 8%, rgba(103,183,255,.10), transparent 28rem),
|
| 32 |
+
radial-gradient(circle at 50% 100%, rgba(104,194,122,.10), transparent 32rem),
|
| 33 |
+
var(--bg);
|
| 34 |
+
color: var(--ink);
|
| 35 |
+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
| 36 |
+
line-height: 1.55;
|
| 37 |
+
overflow-x: hidden;
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
.noise {
|
| 41 |
+
position: fixed;
|
| 42 |
+
inset: 0;
|
| 43 |
+
pointer-events: none;
|
| 44 |
+
opacity: .06;
|
| 45 |
+
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
.wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
|
| 49 |
+
|
| 50 |
+
header {
|
| 51 |
+
padding: 72px 0 42px;
|
| 52 |
+
position: relative;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.kicker {
|
| 56 |
+
display: inline-flex;
|
| 57 |
+
gap: 10px;
|
| 58 |
+
align-items: center;
|
| 59 |
+
padding: 8px 12px;
|
| 60 |
+
border: 1px solid var(--line);
|
| 61 |
+
background: var(--glass);
|
| 62 |
+
border-radius: 999px;
|
| 63 |
+
color: var(--gold);
|
| 64 |
+
font-size: 12px;
|
| 65 |
+
letter-spacing: .16em;
|
| 66 |
+
text-transform: uppercase;
|
| 67 |
+
margin-bottom: 22px;
|
| 68 |
+
}
|
| 69 |
+
|
| 70 |
+
.pulse {
|
| 71 |
+
width: 8px; height: 8px; border-radius: 50%; background: var(--green);
|
| 72 |
+
box-shadow: 0 0 22px var(--green);
|
| 73 |
+
animation: pulse 1.6s infinite;
|
| 74 |
+
}
|
| 75 |
+
@keyframes pulse { 0%,100%{opacity:.45; transform:scale(.8)} 50%{opacity:1; transform:scale(1.15)} }
|
| 76 |
+
|
| 77 |
+
h1 {
|
| 78 |
+
font-size: clamp(42px, 7vw, 86px);
|
| 79 |
+
line-height: .95;
|
| 80 |
+
margin: 0 0 22px;
|
| 81 |
+
letter-spacing: -0.055em;
|
| 82 |
+
}
|
| 83 |
+
h1 span { color: var(--gold); text-shadow: 0 0 30px rgba(224,180,84,.18); }
|
| 84 |
+
|
| 85 |
+
.subtitle {
|
| 86 |
+
max-width: 820px;
|
| 87 |
+
font-size: clamp(18px, 2vw, 23px);
|
| 88 |
+
color: var(--muted);
|
| 89 |
+
margin: 0 0 28px;
|
| 90 |
+
}
|
| 91 |
+
|
| 92 |
+
.boundary {
|
| 93 |
+
display: grid;
|
| 94 |
+
grid-template-columns: 76px 1fr;
|
| 95 |
+
gap: 18px;
|
| 96 |
+
max-width: 900px;
|
| 97 |
+
padding: 18px;
|
| 98 |
+
border: 1px solid rgba(228,98,98,.28);
|
| 99 |
+
background: linear-gradient(135deg, rgba(228,98,98,.10), rgba(224,180,84,.045));
|
| 100 |
+
border-radius: 22px;
|
| 101 |
+
box-shadow: var(--shadow);
|
| 102 |
+
}
|
| 103 |
+
.boundary .icon {
|
| 104 |
+
display: grid; place-items: center;
|
| 105 |
+
border-radius: 18px;
|
| 106 |
+
background: rgba(228,98,98,.12);
|
| 107 |
+
border: 1px solid rgba(228,98,98,.22);
|
| 108 |
+
color: var(--red);
|
| 109 |
+
font-size: 30px;
|
| 110 |
+
}
|
| 111 |
+
.boundary strong { color: var(--ink); }
|
| 112 |
+
.boundary p { margin: 0; color: var(--muted); }
|
| 113 |
+
|
| 114 |
+
nav {
|
| 115 |
+
position: sticky;
|
| 116 |
+
top: 0;
|
| 117 |
+
z-index: 10;
|
| 118 |
+
backdrop-filter: blur(14px);
|
| 119 |
+
background: rgba(9,11,16,.78);
|
| 120 |
+
border-bottom: 1px solid rgba(224,180,84,.12);
|
| 121 |
+
}
|
| 122 |
+
nav .wrap {
|
| 123 |
+
display: flex;
|
| 124 |
+
gap: 10px;
|
| 125 |
+
overflow-x: auto;
|
| 126 |
+
padding: 12px 0;
|
| 127 |
+
}
|
| 128 |
+
nav a {
|
| 129 |
+
color: var(--muted);
|
| 130 |
+
text-decoration: none;
|
| 131 |
+
white-space: nowrap;
|
| 132 |
+
border: 1px solid rgba(224,180,84,.16);
|
| 133 |
+
padding: 8px 12px;
|
| 134 |
+
border-radius: 999px;
|
| 135 |
+
font-size: 13px;
|
| 136 |
+
}
|
| 137 |
+
nav a:hover { color: var(--ink); border-color: var(--gold); }
|
| 138 |
+
|
| 139 |
+
section { padding: 54px 0; }
|
| 140 |
+
.section-title {
|
| 141 |
+
display: flex;
|
| 142 |
+
gap: 16px;
|
| 143 |
+
align-items: center;
|
| 144 |
+
margin-bottom: 24px;
|
| 145 |
+
}
|
| 146 |
+
.section-title .num {
|
| 147 |
+
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
| 148 |
+
color: var(--gold);
|
| 149 |
+
border: 1px solid var(--line);
|
| 150 |
+
border-radius: 12px;
|
| 151 |
+
padding: 8px 10px;
|
| 152 |
+
background: var(--glass);
|
| 153 |
+
}
|
| 154 |
+
h2 { font-size: clamp(28px, 4vw, 44px); margin: 0; letter-spacing: -.035em; }
|
| 155 |
+
.lead { color: var(--muted); font-size: 18px; max-width: 880px; }
|
| 156 |
+
|
| 157 |
+
.grid { display: grid; gap: 18px; }
|
| 158 |
+
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
| 159 |
+
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
| 160 |
+
.grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
| 161 |
+
@media (max-width: 900px) { .grid.two, .grid.three, .grid.four { grid-template-columns: 1fr; } .boundary { grid-template-columns: 1fr; } }
|
| 162 |
+
|
| 163 |
+
.card {
|
| 164 |
+
background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
|
| 165 |
+
border: 1px solid rgba(224,180,84,.16);
|
| 166 |
+
border-radius: 24px;
|
| 167 |
+
padding: 22px;
|
| 168 |
+
box-shadow: 0 16px 60px rgba(0,0,0,.24);
|
| 169 |
+
position: relative;
|
| 170 |
+
overflow: hidden;
|
| 171 |
+
}
|
| 172 |
+
.card:before {
|
| 173 |
+
content: "";
|
| 174 |
+
position: absolute;
|
| 175 |
+
inset: 0 0 auto;
|
| 176 |
+
height: 2px;
|
| 177 |
+
background: linear-gradient(90deg, transparent, var(--gold), transparent);
|
| 178 |
+
opacity: .36;
|
| 179 |
+
}
|
| 180 |
+
.card h3 { margin: 0 0 8px; font-size: 20px; }
|
| 181 |
+
.card p { color: var(--muted); margin: 0 0 12px; }
|
| 182 |
+
.tagrow { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
|
| 183 |
+
.tag {
|
| 184 |
+
font-size: 11px;
|
| 185 |
+
letter-spacing: .08em;
|
| 186 |
+
text-transform: uppercase;
|
| 187 |
+
padding: 5px 8px;
|
| 188 |
+
border-radius: 999px;
|
| 189 |
+
background: rgba(255,255,255,.06);
|
| 190 |
+
color: var(--muted);
|
| 191 |
+
border: 1px solid rgba(255,255,255,.08);
|
| 192 |
+
}
|
| 193 |
+
.tag.green { color: var(--green); border-color: rgba(104,194,122,.22); }
|
| 194 |
+
.tag.red { color: var(--red); border-color: rgba(228,98,98,.22); }
|
| 195 |
+
.tag.blue { color: var(--blue); border-color: rgba(103,183,255,.22); }
|
| 196 |
+
.tag.gold { color: var(--gold); border-color: rgba(224,180,84,.28); }
|
| 197 |
+
|
| 198 |
+
.map {
|
| 199 |
+
display: grid;
|
| 200 |
+
grid-template-columns: 1fr 92px 1fr;
|
| 201 |
+
gap: 18px;
|
| 202 |
+
align-items: stretch;
|
| 203 |
+
}
|
| 204 |
+
@media (max-width: 920px) { .map { grid-template-columns: 1fr; } }
|
| 205 |
+
.column-title {
|
| 206 |
+
text-transform: uppercase;
|
| 207 |
+
letter-spacing: .15em;
|
| 208 |
+
font-size: 12px;
|
| 209 |
+
color: var(--gold);
|
| 210 |
+
margin: 0 0 14px;
|
| 211 |
+
}
|
| 212 |
+
.arrow {
|
| 213 |
+
display: grid;
|
| 214 |
+
place-items: center;
|
| 215 |
+
color: var(--gold);
|
| 216 |
+
font-size: 42px;
|
| 217 |
+
opacity: .82;
|
| 218 |
+
}
|
| 219 |
+
|
| 220 |
+
.matrix {
|
| 221 |
+
display: grid;
|
| 222 |
+
grid-template-columns: 1.1fr 1fr 1.4fr;
|
| 223 |
+
gap: 1px;
|
| 224 |
+
border: 1px solid rgba(224,180,84,.18);
|
| 225 |
+
border-radius: 22px;
|
| 226 |
+
overflow: hidden;
|
| 227 |
+
background: rgba(224,180,84,.16);
|
| 228 |
+
}
|
| 229 |
+
.cell {
|
| 230 |
+
background: rgba(18,23,34,.95);
|
| 231 |
+
padding: 16px;
|
| 232 |
+
min-height: 104px;
|
| 233 |
+
}
|
| 234 |
+
.cell.head { background: rgba(224,180,84,.13); color: var(--gold); font-weight: 800; min-height: auto; }
|
| 235 |
+
.cell p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }
|
| 236 |
+
@media (max-width: 820px) { .matrix { grid-template-columns: 1fr; } .cell.head:nth-child(n+2){display:none;} }
|
| 237 |
+
|
| 238 |
+
.pipeline {
|
| 239 |
+
position: relative;
|
| 240 |
+
display: grid;
|
| 241 |
+
grid-template-columns: repeat(6, 1fr);
|
| 242 |
+
gap: 12px;
|
| 243 |
+
margin-top: 24px;
|
| 244 |
+
}
|
| 245 |
+
@media (max-width: 900px) { .pipeline { grid-template-columns: 1fr; } }
|
| 246 |
+
.step {
|
| 247 |
+
border: 1px solid rgba(224,180,84,.18);
|
| 248 |
+
background: rgba(255,255,255,.045);
|
| 249 |
+
border-radius: 20px;
|
| 250 |
+
padding: 18px 14px;
|
| 251 |
+
min-height: 150px;
|
| 252 |
+
}
|
| 253 |
+
.step .n { color: var(--gold); font-family: ui-monospace, monospace; font-size: 12px; }
|
| 254 |
+
.step strong { display: block; margin: 8px 0; }
|
| 255 |
+
.step span { color: var(--muted); font-size: 14px; }
|
| 256 |
+
|
| 257 |
+
.scoreboard {
|
| 258 |
+
display: grid;
|
| 259 |
+
grid-template-columns: repeat(3, 1fr);
|
| 260 |
+
gap: 18px;
|
| 261 |
+
margin-top: 18px;
|
| 262 |
+
}
|
| 263 |
+
@media (max-width: 820px){ .scoreboard{grid-template-columns:1fr;} }
|
| 264 |
+
.meter {
|
| 265 |
+
padding: 18px;
|
| 266 |
+
background: rgba(255,255,255,.045);
|
| 267 |
+
border: 1px solid rgba(224,180,84,.18);
|
| 268 |
+
border-radius: 20px;
|
| 269 |
+
}
|
| 270 |
+
.meter label { display:flex; justify-content:space-between; color:var(--muted); font-size:13px; margin-bottom:10px; }
|
| 271 |
+
input[type="range"]{ width:100%; accent-color: var(--gold); }
|
| 272 |
+
.result {
|
| 273 |
+
margin-top: 18px;
|
| 274 |
+
padding: 22px;
|
| 275 |
+
border-radius: 24px;
|
| 276 |
+
border: 1px solid rgba(104,194,122,.22);
|
| 277 |
+
background: rgba(104,194,122,.08);
|
| 278 |
+
}
|
| 279 |
+
.result h3 { margin-top:0; }
|
| 280 |
+
.status { font-size: 34px; font-weight: 900; letter-spacing: -.04em; color: var(--green); }
|
| 281 |
+
.status.yellow { color: var(--amber); }
|
| 282 |
+
.status.red { color: var(--red); }
|
| 283 |
+
|
| 284 |
+
.callout {
|
| 285 |
+
border-left: 5px solid var(--gold);
|
| 286 |
+
background: rgba(224,180,84,.09);
|
| 287 |
+
padding: 18px 22px;
|
| 288 |
+
border-radius: 0 20px 20px 0;
|
| 289 |
+
color: var(--muted);
|
| 290 |
+
}
|
| 291 |
+
.callout strong { color: var(--ink); }
|
| 292 |
+
|
| 293 |
+
footer {
|
| 294 |
+
padding: 50px 0 80px;
|
| 295 |
+
color: var(--muted);
|
| 296 |
+
border-top: 1px solid rgba(224,180,84,.14);
|
| 297 |
+
margin-top: 40px;
|
| 298 |
+
}
|
| 299 |
+
footer strong { color: var(--ink); }
|
| 300 |
+
</style>
|
| 301 |
+
</head>
|
| 302 |
+
<body>
|
| 303 |
+
<div class="noise"></div>
|
| 304 |
+
|
| 305 |
+
<header class="wrap">
|
| 306 |
+
<div class="kicker"><span class="pulse"></span> Primordial OS · Defensive Architecture</div>
|
| 307 |
+
<h1>HIR × OAM Defense Map<br><span>Against Black-Hat LLMs</span></h1>
|
| 308 |
+
<p class="subtitle">A bounded systems map for defending people, institutions, and AI runtimes from malicious LLM use, degraded automation, prompt abuse, synthetic social engineering, and agency capture.</p>
|
| 309 |
+
<div class="boundary">
|
| 310 |
+
<div class="icon">⚠</div>
|
| 311 |
+
<p><strong>Boundary:</strong> This artifact is defensive only. It does not teach attack construction, evasion, credential theft, malware creation, fraud, or bypass methods. It maps risk, governance, detection, and recovery through HIR and OAM.</p>
|
| 312 |
+
</div>
|
| 313 |
+
</header>
|
| 314 |
+
|
| 315 |
+
<nav>
|
| 316 |
+
<div class="wrap">
|
| 317 |
+
<a href="#thesis">Thesis</a>
|
| 318 |
+
<a href="#threats">Threat Map</a>
|
| 319 |
+
<a href="#hir">HIR Defense</a>
|
| 320 |
+
<a href="#oam">OAM Detection</a>
|
| 321 |
+
<a href="#pipeline">Runtime Pipeline</a>
|
| 322 |
+
<a href="#scoring">Risk Gate</a>
|
| 323 |
+
<a href="#controls">Controls</a>
|
| 324 |
+
</div>
|
| 325 |
+
</nav>
|
| 326 |
+
|
| 327 |
+
<main>
|
| 328 |
+
<section id="thesis" class="wrap">
|
| 329 |
+
<div class="section-title"><span class="num">01</span><h2>Core Thesis</h2></div>
|
| 330 |
+
<p class="lead">Black-hat LLMs are not just “bad chatbots.” They are pressure multipliers. They compress skill gaps, automate deception, scale manipulation, and remove friction from harmful intent. HIR defines what must be preserved. OAM diagnoses how agency is captured and degraded.</p>
|
| 331 |
+
<div class="grid three">
|
| 332 |
+
<div class="card"><h3>HIR = Defense Kernel</h3><p>Honesty, Integrity, and Respect act as the governing baseline. Every request, output, memory, tool call, and escalation is checked against truthfulness, structural consistency, and human/system boundaries.</p><div class="tagrow"><span class="tag green">Preserve</span><span class="tag gold">Baseline</span></div></div>
|
| 333 |
+
<div class="card"><h3>OAM = Fault Detector</h3><p>Outsourced Agency Model identifies when a system is being used to displace human judgment, intensify coercion, hide accountability, or convert people into manipulable targets.</p><div class="tagrow"><span class="tag red">Detect</span><span class="tag gold">Degradation</span></div></div>
|
| 334 |
+
<div class="card"><h3>Defense = Runtime Discipline</h3><p>The goal is not one static rule. The goal is layered runtime discipline: classify, constrain, verify, isolate, log, escalate, and repair without losing respect for legitimate users.</p><div class="tagrow"><span class="tag blue">Bound</span><span class="tag green">Recover</span></div></div>
|
| 335 |
+
</div>
|
| 336 |
+
</section>
|
| 337 |
+
|
| 338 |
+
<section id="threats" class="wrap">
|
| 339 |
+
<div class="section-title"><span class="num">02</span><h2>Threat Map</h2></div>
|
| 340 |
+
<p class="lead">These are defensive categories, not instructions. Each category names a risk surface that an HIR/OAM runtime should recognize and contain.</p>
|
| 341 |
+
<div class="grid four">
|
| 342 |
+
<div class="card"><h3>Social Engineering</h3><p>Automated persuasion, impersonation, synthetic intimacy, authority mimicry, and emotional pressure designed to get people to act against their interest.</p><div class="tagrow"><span class="tag red">Respect Failure</span><span class="tag red">Agency Capture</span></div></div>
|
| 343 |
+
<div class="card"><h3>Fraud Amplification</h3><p>Scams, forged context, fake support, fake invoices, counterfeit authority, and high-volume manipulation pipelines.</p><div class="tagrow"><span class="tag red">Honesty Failure</span><span class="tag red">False Context</span></div></div>
|
| 344 |
+
<div class="card"><h3>Cyber Abuse Assistance</h3><p>Requests that try to turn the model into a planning, coding, troubleshooting, or operational assistant for unauthorized access or harm.</p><div class="tagrow"><span class="tag red">Integrity Breach</span><span class="tag red">Tool Misuse</span></div></div>
|
| 345 |
+
<div class="card"><h3>Disinformation Engines</h3><p>Mass-produced false narratives, context collapse, fake evidence, synthetic consensus, and audience-targeted manipulation.</p><div class="tagrow"><span class="tag red">Truth Collapse</span><span class="tag red">Field Degradation</span></div></div>
|
| 346 |
+
<div class="card"><h3>Jailbreak Brokerage</h3><p>Attempts to route around safety boundaries, extract forbidden behavior, or convert the assistant into a policy-evasion system.</p><div class="tagrow"><span class="tag amber">Boundary Probe</span><span class="tag red">Runtime Attack</span></div></div>
|
| 347 |
+
<div class="card"><h3>Data Exfiltration</h3><p>Efforts to reveal secrets, credentials, private data, prompts, logs, or hidden operational context.</p><div class="tagrow"><span class="tag red">Provenance Breach</span><span class="tag red">Trust Theft</span></div></div>
|
| 348 |
+
<div class="card"><h3>Automation Swarms</h3><p>Use of many agents, accounts, or generated variants to overwhelm moderation, customer support, public discourse, or security review.</p><div class="tagrow"><span class="tag amber">Scale Pressure</span><span class="tag red">Signal Flood</span></div></div>
|
| 349 |
+
<div class="card"><h3>Human Targeting</h3><p>Using models to identify, pressure, shame, groom, extort, isolate, or exploit vulnerable people.</p><div class="tagrow"><span class="tag red">Respect Zero</span><span class="tag red">Life-First Violation</span></div></div>
|
| 350 |
+
</div>
|
| 351 |
+
</section>
|
| 352 |
+
|
| 353 |
+
<section id="hir" class="wrap">
|
| 354 |
+
<div class="section-title"><span class="num">03</span><h2>HIR Defense Translation</h2></div>
|
| 355 |
+
<div class="matrix">
|
| 356 |
+
<div class="cell head">HIR Term</div><div class="cell head">Security Meaning</div><div class="cell head">Defensive Question</div>
|
| 357 |
+
<div class="cell"><strong>Honesty</strong><p>Reality contact, source clarity, identity truthfulness, evidence boundary.</p></div>
|
| 358 |
+
<div class="cell"><strong>Truth gate</strong><p>Detect false premise, impersonation, fabricated authority, hidden intent, and unverifiable claims.</p></div>
|
| 359 |
+
<div class="cell"><strong>Is the request/output anchored to truthful context, or is it manufacturing false reality?</strong></div>
|
| 360 |
+
<div class="cell"><strong>Integrity</strong><p>Structural consistency, role fidelity, auditability, non-corruption under pressure.</p></div>
|
| 361 |
+
<div class="cell"><strong>Runtime gate</strong><p>Preserve policy, tool boundaries, provenance, logging, and reproducible reasoning.</p></div>
|
| 362 |
+
<div class="cell"><strong>Does the action preserve system structure, or does it exploit a contradiction?</strong></div>
|
| 363 |
+
<div class="cell"><strong>Respect</strong><p>Dignity, consent, boundaries, consequence awareness, life-first constraint.</p></div>
|
| 364 |
+
<div class="cell"><strong>Human gate</strong><p>Block coercion, targeting, exploitation, manipulation, and non-consensual harm.</p></div>
|
| 365 |
+
<div class="cell"><strong>Does this preserve human agency and boundaries, or does it convert a person into an object?</strong></div>
|
| 366 |
+
</div>
|
| 367 |
+
</section>
|
| 368 |
+
|
| 369 |
+
<section id="oam" class="wrap">
|
| 370 |
+
<div class="section-title"><span class="num">04</span><h2>OAM as Degradation Detector</h2></div>
|
| 371 |
+
<p class="lead">Black-hat LLM behavior often follows an OAM pattern: agency is moved away from a responsible person and into an automated, deniable, scaled system.</p>
|
| 372 |
+
<div class="map">
|
| 373 |
+
<div class="card">
|
| 374 |
+
<div class="column-title">OAM Signal</div>
|
| 375 |
+
<h3>Outsourced Agency</h3>
|
| 376 |
+
<p>The user attempts to make the model carry intent, judgment, planning, credibility, or consequence while hiding the real actor behind automation.</p>
|
| 377 |
+
<div class="tagrow"><span class="tag red">Deniability</span><span class="tag red">Automation</span><span class="tag red">Pressure</span></div>
|
| 378 |
+
</div>
|
| 379 |
+
<div class="arrow">→</div>
|
| 380 |
+
<div class="card">
|
| 381 |
+
<div class="column-title">Defense Response</div>
|
| 382 |
+
<h3>Re-anchor Responsibility</h3>
|
| 383 |
+
<p>Classify intent, demand lawful/authorized context, constrain outputs, protect targets, preserve logs, and redirect toward safe defensive or educational alternatives.</p>
|
| 384 |
+
<div class="tagrow"><span class="tag green">Audit</span><span class="tag green">Limit</span><span class="tag green">Repair</span></div>
|
| 385 |
+
</div>
|
| 386 |
+
</div>
|
| 387 |
+
</section>
|
| 388 |
+
|
| 389 |
+
<section id="pipeline" class="wrap">
|
| 390 |
+
<div class="section-title"><span class="num">05</span><h2>HIR Runtime Defense Pipeline</h2></div>
|
| 391 |
+
<p class="lead">A black-hat resistant system should not rely on a single refusal. It should route every risky request through a layered defensive pipeline.</p>
|
| 392 |
+
<div class="pipeline">
|
| 393 |
+
<div class="step"><div class="n">01</div><strong>Intent Intake</strong><span>Classify user goal, actor role, authority, scope, and likely target.</span></div>
|
| 394 |
+
<div class="step"><div class="n">02</div><strong>HIR Gate</strong><span>Check truthfulness, structural consistency, and respect for boundaries.</span></div>
|
| 395 |
+
<div class="step"><div class="n">03</div><strong>OAM Scan</strong><span>Detect agency outsourcing, coercion, manipulation, scaling, and deniability.</span></div>
|
| 396 |
+
<div class="step"><div class="n">04</div><strong>Tool Firewall</strong><span>Limit or block actions that could enable unauthorized access, fraud, or harm.</span></div>
|
| 397 |
+
<div class="step"><div class="n">05</div><strong>Safe Transform</strong><span>Convert unsafe requests into defensive education, policy, awareness, or repair steps.</span></div>
|
| 398 |
+
<div class="step"><div class="n">06</div><strong>Audit & Learn</strong><span>Log risk signals, preserve provenance, and strengthen future detection.</span></div>
|
| 399 |
+
</div>
|
| 400 |
+
</section>
|
| 401 |
+
|
| 402 |
+
<section id="scoring" class="wrap">
|
| 403 |
+
<div class="section-title"><span class="num">06</span><h2>Interactive Risk Gate</h2></div>
|
| 404 |
+
<p class="lead">Move the sliders to see how an HIR/OAM defense gate can classify a request. Lower HIR and higher OAM means higher risk.</p>
|
| 405 |
+
<div class="scoreboard">
|
| 406 |
+
<div class="meter"><label><span>Honesty</span><b id="hVal">80</b></label><input id="h" type="range" min="0" max="100" value="80"></div>
|
| 407 |
+
<div class="meter"><label><span>Integrity</span><b id="iVal">80</b></label><input id="i" type="range" min="0" max="100" value="80"></div>
|
| 408 |
+
<div class="meter"><label><span>Respect</span><b id="rVal">80</b></label><input id="r" type="range" min="0" max="100" value="80"></div>
|
| 409 |
+
<div class="meter"><label><span>OAM Agency Outsourcing</span><b id="oVal">30</b></label><input id="o" type="range" min="0" max="100" value="30"></div>
|
| 410 |
+
<div class="meter"><label><span>Scale Pressure</span><b id="sVal">35</b></label><input id="s" type="range" min="0" max="100" value="35"></div>
|
| 411 |
+
<div class="meter"><label><span>Target Harm</span><b id="tVal">20</b></label><input id="t" type="range" min="0" max="100" value="20"></div>
|
| 412 |
+
</div>
|
| 413 |
+
<div class="result">
|
| 414 |
+
<div class="status" id="status">GREEN · Defensive / Allowed</div>
|
| 415 |
+
<p id="explain">HIR is stable and OAM pressure is low. The system can answer normally while preserving boundaries.</p>
|
| 416 |
+
</div>
|
| 417 |
+
</section>
|
| 418 |
+
|
| 419 |
+
<section id="controls" class="wrap">
|
| 420 |
+
<div class="section-title"><span class="num">07</span><h2>Defensive Controls</h2></div>
|
| 421 |
+
<div class="grid two">
|
| 422 |
+
<div class="card"><h3>For AI Runtime Designers</h3><p>Build HIR gates into request classification, memory retrieval, tool invocation, user-state tracking, and escalation logic. Treat Respect as a hard safety boundary, not a style preference.</p><div class="tagrow"><span class="tag green">Policy</span><span class="tag green">Memory</span><span class="tag green">Tools</span></div></div>
|
| 423 |
+
<div class="card"><h3>For Security Teams</h3><p>Monitor for synthetic social engineering, high-volume narrative generation, credential-seeking patterns, impersonation attempts, automation swarms, and tool misuse requests.</p><div class="tagrow"><span class="tag blue">SOC</span><span class="tag blue">Detection</span><span class="tag blue">Triage</span></div></div>
|
| 424 |
+
<div class="card"><h3>For Institutions</h3><p>Protect staff and customers from AI-amplified scams by verifying identity, reducing pressure-based decisions, and making safe reporting channels easy to access.</p><div class="tagrow"><span class="tag gold">Governance</span><span class="tag gold">Training</span><span class="tag gold">Provenance</span></div></div>
|
| 425 |
+
<div class="card"><h3>For Public Education</h3><p>Teach people that persuasive text, synthetic authority, and emotional urgency are not proof. Slow down, verify, and preserve agency before acting.</p><div class="tagrow"><span class="tag green">Agency</span><span class="tag green">Verification</span><span class="tag green">Dignity</span></div></div>
|
| 426 |
+
</div>
|
| 427 |
+
<div class="callout" style="margin-top:24px;"><strong>Final invariant:</strong> A black-hat LLM attack succeeds when it breaks truth contact, corrupts decision structure, or converts people into targets. HIR defends the baseline. OAM exposes the degradation path.</div>
|
| 428 |
+
</section>
|
| 429 |
+
</main>
|
| 430 |
+
|
| 431 |
+
<footer class="wrap">
|
| 432 |
+
<strong>HIR × OAM Black-Hat LLM Defense Map</strong><br>
|
| 433 |
+
Created and Developed by Collin D. Weber · Defensive architecture study · No offensive instruction layer included
|
| 434 |
+
</footer>
|
| 435 |
+
|
| 436 |
+
<script>
|
| 437 |
+
const ids = ["h","i","r","o","s","t"];
|
| 438 |
+
const els = Object.fromEntries(ids.map(id => [id, document.getElementById(id)]));
|
| 439 |
+
const vals = Object.fromEntries(ids.map(id => [id, document.getElementById(id + "Val")]));
|
| 440 |
+
const status = document.getElementById("status");
|
| 441 |
+
const explain = document.getElementById("explain");
|
| 442 |
+
|
| 443 |
+
function calc(){
|
| 444 |
+
const H = +els.h.value, I = +els.i.value, R = +els.r.value;
|
| 445 |
+
const O = +els.o.value, S = +els.s.value, T = +els.t.value;
|
| 446 |
+
vals.h.textContent = H; vals.i.textContent = I; vals.r.textContent = R;
|
| 447 |
+
vals.o.textContent = O; vals.s.textContent = S; vals.t.textContent = T;
|
| 448 |
+
const hir = (H + I + R) / 3;
|
| 449 |
+
const oam = (O + S + T) / 3;
|
| 450 |
+
const risk = Math.max(0, Math.min(100, oam + (100 - hir) * 0.9));
|
| 451 |
+
status.className = "status";
|
| 452 |
+
if (risk < 35) {
|
| 453 |
+
status.textContent = "GREEN · Defensive / Allowed";
|
| 454 |
+
explain.textContent = "HIR is stable and OAM pressure is low. The system can answer normally while preserving boundaries.";
|
| 455 |
+
} else if (risk < 68) {
|
| 456 |
+
status.textContent = "YELLOW · Constrain / Clarify / Transform";
|
| 457 |
+
status.classList.add("yellow");
|
| 458 |
+
explain.textContent = "Risk is elevated. The runtime should narrow scope, verify authority, avoid actionable harm, and transform toward defensive or educational guidance.";
|
| 459 |
+
} else {
|
| 460 |
+
status.textContent = "RED · Block / Isolate / Escalate";
|
| 461 |
+
status.classList.add("red");
|
| 462 |
+
explain.textContent = "HIR stability is low or OAM pressure is high. The runtime should refuse harmful assistance, protect potential targets, preserve audit data, and redirect safely.";
|
| 463 |
+
}
|
| 464 |
+
}
|
| 465 |
+
ids.forEach(id => els[id].addEventListener("input", calc));
|
| 466 |
+
calc();
|
| 467 |
+
</script>
|
| 468 |
+
</body>
|
| 469 |
+
</html>
|
|
@@ -0,0 +1,257 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'">
|
| 7 |
+
<title>HIR × OAM Authorized Red-Team Map for LLM Defense</title>
|
| 8 |
+
<style>
|
| 9 |
+
:root{
|
| 10 |
+
--bg:#08090d; --panel:#111722; --panel2:#171f2b; --ink:#f7efe3; --muted:#c5baa5;
|
| 11 |
+
--gold:#e2b44f; --amber:#f3a63a; --red:#e35a5a; --green:#68c77b; --blue:#6bb8ff;
|
| 12 |
+
--line:rgba(226,180,79,.22); --glass:rgba(255,255,255,.055);
|
| 13 |
+
}
|
| 14 |
+
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(226,180,79,.16),transparent 28rem),radial-gradient(circle at 85% 12%,rgba(227,90,90,.14),transparent 30rem),radial-gradient(circle at 50% 100%,rgba(107,184,255,.10),transparent 34rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55} .wrap{width:min(1180px,calc(100% - 32px));margin:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
|
| 15 |
+
header{padding:70px 0 42px}.kicker{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:8px 12px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 22px var(--amber);animation:p 1.5s infinite}@keyframes p{50%{transform:scale(1.25);opacity:1}0%,100%{opacity:.45}}h1{font-size:clamp(40px,7vw,84px);line-height:.96;letter-spacing:-.055em;margin:22px 0 18px}h1 span{color:var(--gold)}.sub{max-width:860px;color:var(--muted);font-size:clamp(17px,2vw,22px)}.warning{margin-top:24px;display:grid;grid-template-columns:74px 1fr;gap:18px;background:linear-gradient(135deg,rgba(227,90,90,.12),rgba(226,180,79,.055));border:1px solid rgba(227,90,90,.28);border-radius:24px;padding:18px;max-width:920px}.warning .ico{display:grid;place-items:center;border-radius:18px;background:rgba(227,90,90,.12);border:1px solid rgba(227,90,90,.22);font-size:30px;color:var(--red)}.warning p{margin:0;color:var(--muted)}.warning strong{color:var(--ink)}
|
| 16 |
+
nav{position:sticky;top:0;z-index:10;background:rgba(8,9,13,.8);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,180,79,.12)}nav .wrap{display:flex;gap:10px;overflow-x:auto;padding:12px 0}nav a{white-space:nowrap;text-decoration:none;color:var(--muted);border:1px solid rgba(226,180,79,.16);border-radius:999px;padding:8px 12px;font-size:13px}nav a:hover{color:var(--ink);border-color:var(--gold)}section{padding:54px 0}.title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.num{color:var(--gold);border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--glass);font-size:12px}h2{font-size:clamp(28px,4vw,44px);margin:0;letter-spacing:-.035em}.lead{max-width:900px;color:var(--muted);font-size:18px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.warning{grid-template-columns:1fr}}@media(max-width:360px){nav{position:relative}}
|
| 17 |
+
.card{background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.028));border:1px solid rgba(226,180,79,.16);border-radius:24px;padding:22px;box-shadow:0 18px 70px rgba(0,0,0,.28);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.34}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:5px 8px;color:var(--muted);background:rgba(255,255,255,.055)}.tag.red{color:var(--red);border-color:rgba(227,90,90,.25)}.tag.green{color:var(--green);border-color:rgba(104,199,123,.25)}.tag.blue{color:var(--blue);border-color:rgba(107,184,255,.25)}.tag.gold{color:var(--gold);border-color:rgba(226,180,79,.28)}
|
| 18 |
+
.matrix{display:grid;grid-template-columns:1fr 1.15fr 1.2fr;gap:1px;background:rgba(226,180,79,.18);border:1px solid rgba(226,180,79,.18);border-radius:22px;overflow:hidden}.cell{background:rgba(17,23,34,.96);padding:16px;min-height:105px}.cell.head{background:rgba(226,180,79,.13);color:var(--gold);font-weight:800;min-height:auto}.cell p{margin:5px 0 0;color:var(--muted);font-size:14px}@media(max-width:820px){.matrix{grid-template-columns:1fr}.cell.head:nth-child(n+2){display:none}}
|
| 19 |
+
.timeline{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:24px}.phase{border:1px solid rgba(226,180,79,.18);background:rgba(255,255,255,.045);border-radius:20px;padding:18px 14px;min-height:165px}.phase .n{color:var(--gold);font-size:12px}.phase strong{display:block;margin:8px 0}.phase span{color:var(--muted);font-size:14px}@media(max-width:980px){.timeline{grid-template-columns:1fr}}
|
| 20 |
+
.switcher{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.switcher button{cursor:pointer;border:1px solid rgba(226,180,79,.22);background:rgba(255,255,255,.045);color:var(--muted);padding:10px 12px;border-radius:999px;transition:all .2s}.switcher button:hover{color:var(--ink);border-color:var(--gold)}.switcher button:focus{outline:2px solid var(--gold);outline-offset:2px}.switcher button:active{transform:scale(0.97);background:rgba(226,180,79,.15)}.switcher button.active{color:var(--ink);border-color:var(--gold);background:rgba(226,180,79,.11)}.scenario{border:1px solid rgba(226,180,79,.18);background:rgba(255,255,255,.04);border-radius:24px;padding:24px}.scenario h3{margin-top:0}.scenario p{color:var(--muted)}.callout{border-left:5px solid var(--gold);background:rgba(226,180,79,.09);border-radius:0 20px 20px 0;padding:18px 22px;color:var(--muted)}.callout strong{color:var(--ink)}footer{border-top:1px solid rgba(226,180,79,.14);padding:44px 0 80px;color:var(--muted)}footer strong{color:var(--ink)}
|
| 21 |
+
.error-state{color:var(--red);padding:20px;background:rgba(227,90,90,.15);border:1px solid rgba(227,90,90,.3);border-radius:12px;margin:20px 0}
|
| 22 |
+
</style>
|
| 23 |
+
</head>
|
| 24 |
+
<body>
|
| 25 |
+
<noscript>
|
| 26 |
+
<div style="padding:20px;background:rgba(227,90,90,.2);color:#e35a5a;border-radius:12px;margin:20px;max-width:800px;margin-left:auto;margin-right:auto;">
|
| 27 |
+
<strong>⚠️ JavaScript Required</strong><br>
|
| 28 |
+
This interactive defensive map requires JavaScript to display scenario simulations. Please enable JavaScript in your browser to view the full content.
|
| 29 |
+
</div>
|
| 30 |
+
</noscript>
|
| 31 |
+
<div class="noise"></div>
|
| 32 |
+
<header class="wrap">
|
| 33 |
+
<div class="kicker"><span class="dot"></span> Authorized Red-Team · Defensive Use Only</div>
|
| 34 |
+
<h1>Offensive-View Map<br><span>for LLM Defense</span></h1>
|
| 35 |
+
<p class="sub">A safe adversary-emulation architecture: think like an attacker enough to defend, without publishing attack recipes, bypass instructions, malware logic, credential-theft methods, or operational playbooks.</p>
|
| 36 |
+
<div class="warning"><div class="ico">⛔</div><p><strong>Hard boundary:</strong> This is not a black-hat manual. It is an authorized red-team / blue-team translation layer. It maps attacker intent, pressure points, and defensive checks at a high level only.</p></div>
|
| 37 |
+
</header>
|
| 38 |
+
<nav><div class="wrap"><a href="#premise">Premise</a><a href="#hirbreak">What attackers target</a><a href="#lifecycle">Lifecycle</a><a href="#scenarios">Safe scenarios</a><a href="#rules">Rules of engagement</a><a href="#outputs">Defensive outputs</a></div></nav>
|
| 39 |
+
<main>
|
| 40 |
+
<section id="premise" class="wrap">
|
| 41 |
+
<div class="title"><span class="num mono">01</span><h2>The Safe Offensive View</h2></div>
|
| 42 |
+
<p class="lead">A useful defense team must understand the shape of abuse. The goal is not to empower abuse. The goal is to recognize how malicious LLM use degrades truth contact, corrupts execution integrity, and violates human boundaries.</p>
|
| 43 |
+
<div class="grid three">
|
| 44 |
+
<div class="card"><h3>Adversary View</h3><p>What pressure point is the attacker trying to exploit?</p><div class="tags"><span class="tag red">Intent</span><span class="tag red">Pressure</span></div></div>
|
| 45 |
+
<div class="card"><h3>HIR Failure</h3><p>Which part of Honesty, Integrity, or Respect is being attacked?</p><div class="tags"><span class="tag gold">Diagnosis</span><span class="tag blue">Boundary</span></div></div>
|
| 46 |
+
<div class="card"><h3>Defensive Control</h3><p>What must the runtime, team, or institution do to contain it?</p><div class="tags"><span class="tag green">Protect</span><span class="tag green">Repair</span></div></div>
|
| 47 |
+
</div>
|
| 48 |
+
</section>
|
| 49 |
+
<section id="hirbreak" class="wrap">
|
| 50 |
+
<div class="title"><span class="num mono">02</span><h2>What an Attacker Tries to Break</h2></div>
|
| 51 |
+
<div class="matrix">
|
| 52 |
+
<div class="cell head">Targeted HIR Layer</div><div class="cell head">Offensive Pressure</div><div class="cell head">Defensive Translation</div>
|
| 53 |
+
<div class="cell"><strong>Honesty</strong><p>Reality contact, source truth, identity truth, evidence boundary.</p></div>
|
| 54 |
+
<div class="cell"><strong>False context pressure</strong><p>Impersonation, fake urgency, fake authority, synthetic evidence, forged consensus.</p></div>
|
| 55 |
+
<div class="cell"><strong>Verify reality</strong><p>Identity checks, source provenance, fact separation, uncertainty labels, slower decisions.</p></div>
|
| 56 |
+
<div class="cell"><strong>Integrity</strong><p>Role fidelity, internal consistency, tool boundaries, audit structure.</p></div>
|
| 57 |
+
<div class="cell"><strong>Boundary-collapse pressure</strong><p>Tries to turn the system into a contradictory actor that violates its own role.</p></div>
|
| 58 |
+
<div class="cell"><strong>Preserve structure</strong><p>Scope limits, tool firewalling, policy consistency, logging, reproducible triage.</p></div>
|
| 59 |
+
<div class="cell"><strong>Respect</strong><p>Agency boundaries, privacy, informed consent, dignity preservation, vulnerability protection.</p></div>
|
| 60 |
+
<div class="cell"><strong>Manipulation pressure</strong><p>Tries to exploit power asymmetry, emotional state, urgency, shame, fear, or dependency.</p></div>
|
| 61 |
+
<div class="cell"><strong>Protect agency</strong><p>Refuse exploitative help, escalate severe risk, slow harmful flows, provide protective resources.</p></div>
|
| 62 |
+
</div>
|
| 63 |
+
</section>
|
| 64 |
+
<section id="lifecycle" class="wrap">
|
| 65 |
+
<div class="title"><span class="num mono">03</span><h2>Defensive Lifecycle</h2></div>
|
| 66 |
+
<p class="lead">How a defensive red-team operates without becoming an attack vector.</p>
|
| 67 |
+
<div class="timeline">
|
| 68 |
+
<div class="phase"><div class="n mono">01</div><strong>Map pressure</strong><span>Identify attack intent without building the attack.</span></div>
|
| 69 |
+
<div class="phase"><div class="n mono">02</div><strong>Classify HIR break</strong><span>Which protective invariant fails under this pressure?</span></div>
|
| 70 |
+
<div class="phase"><div class="n mono">03</div><strong>Test abstract</strong><span>Safe, logged, dummy-data simulation, no real targets.</span></div>
|
| 71 |
+
<div class="phase"><div class="n mono">04</div><strong>Detect gap</strong><span>Find where defense did not hold.</span></div>
|
| 72 |
+
<div class="phase"><div class="n mono">05</div><strong>Design control</strong><span>Build fix, escalation, or structural limit.</span></div>
|
| 73 |
+
<div class="phase"><div class="n mono">06</div><strong>Deploy & log</strong><span>Ship change, monitor effectiveness, preserve audit trail.</span></div>
|
| 74 |
+
<div class="phase"><div class="n mono">07</div><strong>Re-test</strong><span>Confirm improvement without degrading legitimate user help or dignity.</span></div>
|
| 75 |
+
</div>
|
| 76 |
+
</section>
|
| 77 |
+
<section id="scenarios" class="wrap">
|
| 78 |
+
<div class="title"><span class="num mono">04</span><h2>Safe Scenario Lens</h2></div>
|
| 79 |
+
<p class="lead">Click each scenario type. These are abstract test cards for defenders, not attack instructions.</p>
|
| 80 |
+
<div class="switcher" role="tablist">
|
| 81 |
+
<button role="tab" aria-selected="true" aria-controls="scenario" class="active" data-s="fraud">Fraud pressure</button>
|
| 82 |
+
<button role="tab" aria-selected="false" aria-controls="scenario" data-s="impersonation">Impersonation</button>
|
| 83 |
+
<button role="tab" aria-selected="false" aria-controls="scenario" data-s="tool">Tool misuse</button>
|
| 84 |
+
<button role="tab" aria-selected="false" aria-controls="scenario" data-s="data">Data exposure</button>
|
| 85 |
+
<button role="tab" aria-selected="false" aria-controls="scenario" data-s="swarm">Automation swarm</button>
|
| 86 |
+
<button role="tab" aria-selected="false" aria-controls="scenario" data-s="vulnerable">Human targeting</button>
|
| 87 |
+
</div>
|
| 88 |
+
<div class="scenario" id="scenario" role="tabpanel" aria-live="polite"></div>
|
| 89 |
+
</section>
|
| 90 |
+
<section id="rules" class="wrap">
|
| 91 |
+
<div class="title"><span class="num mono">05</span><h2>Rules of Engagement</h2></div>
|
| 92 |
+
<div class="grid two">
|
| 93 |
+
<div class="card"><h3>Allowed</h3><p>High-level abuse classification, policy testing, benign red-team prompts, dummy data, synthetic users, mock infrastructure, detection improvement, user-safety training.</p><div class="tags"><span class="tag green">Authorized</span><span class="tag green">Synthetic</span><span class="tag green">Logged</span></div></div>
|
| 94 |
+
<div class="card"><h3>Not Allowed</h3><p>Real target exploitation, bypass recipes, malware logic, credential theft, phishing kits, evasion methods, private data extraction, instructions that improve abuse capability.</p><div class="tags"><span class="tag red">No Real Targets</span><span class="tag red">No Attack Recipes</span></div></div>
|
| 95 |
+
<div class="card"><h3>Containment</h3><p>Every test should have scope, owner, time window, dataset boundary, rollback path, review channel, and escalation route.</p><div class="tags"><span class="tag blue">Scope</span><span class="tag blue">Audit</span></div></div>
|
| 96 |
+
<div class="card"><h3>Respect Constraint</h3><p>Do not use real victims, real private data, or emotional manipulation against uninformed people. Respect is a hard boundary, not branding.</p><div class="tags"><span class="tag gold">Dignity</span><span class="tag gold">Consent</span></div></div>
|
| 97 |
+
</div>
|
| 98 |
+
</section>
|
| 99 |
+
<section id="outputs" class="wrap">
|
| 100 |
+
<div class="title"><span class="num mono">06</span><h2>Defensive Outputs</h2></div>
|
| 101 |
+
<div class="grid three">
|
| 102 |
+
<div class="card"><h3>Risk Taxonomy</h3><p>A categorized list of abuse patterns mapped to HIR failures and OAM degradation signals.</p></div>
|
| 103 |
+
<div class="card"><h3>Control Gaps</h3><p>Where detection, refusal, tool permissions, memory boundaries, or escalation did not hold.</p></div>
|
| 104 |
+
<div class="card"><h3>Patch Plan</h3><p>Concrete defensive changes: stronger gates, better logging, safer transformations, clearer escalation.</p></div>
|
| 105 |
+
<div class="card"><h3>User Education</h3><p>Plain-language warnings that help people slow down, verify, and preserve agency under pressure.</p></div>
|
| 106 |
+
<div class="card"><h3>Runtime Metrics</h3><p>False positives, false negatives, refusal quality, safe-completion quality, escalation latency.</p></div>
|
| 107 |
+
<div class="card"><h3>Retest Evidence</h3><p>Before/after test notes showing whether controls improved without blocking legitimate use.</p></div>
|
| 108 |
+
</div>
|
| 109 |
+
<div class="callout" style="margin-top:24px"><strong>Final invariant:</strong> The only legitimate "offensive" use here is authorized emulation that improves defense. If the map increases abuse capability, it has failed HIR.</div>
|
| 110 |
+
</section>
|
| 111 |
+
</main>
|
| 112 |
+
<footer class="wrap"><strong>HIR × OAM Authorized Red-Team LLM Emulation Map</strong><br>Created and Developed by Collin D. Weber · Defensive adversary-emulation architecture · No operational abuse instructions included · <em>Patched version with security improvements</em></footer>
|
| 113 |
+
|
| 114 |
+
<script>
|
| 115 |
+
// Global error handler for robustness
|
| 116 |
+
window.addEventListener('error', function(e) {
|
| 117 |
+
console.error('Runtime error:', e.error);
|
| 118 |
+
const scenarioBox = document.getElementById('scenario');
|
| 119 |
+
if (scenarioBox) {
|
| 120 |
+
scenarioBox.innerHTML = '<div class="error-state"><strong>⚠️ Error</strong><br>An error occurred loading this scenario. Please refresh the page.</div>';
|
| 121 |
+
}
|
| 122 |
+
});
|
| 123 |
+
|
| 124 |
+
// Wait for DOM to be fully loaded
|
| 125 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 126 |
+
// Scenario data
|
| 127 |
+
const cards = {
|
| 128 |
+
fraud: {
|
| 129 |
+
t: 'Fraud pressure',
|
| 130 |
+
p: 'The attacker tries to create urgency, false authority, or false evidence so a person makes a rushed decision.',
|
| 131 |
+
h: 'HIR break: Honesty collapses through false context; Respect collapses when the person becomes a target.',
|
| 132 |
+
d: 'Defense: slow decision flow, verify identity/source, label uncertainty, block transaction-enabling help, route to protective guidance.'
|
| 133 |
+
},
|
| 134 |
+
impersonation: {
|
| 135 |
+
t: 'Impersonation',
|
| 136 |
+
p: 'The attacker tries to borrow another identity, role, institution, or trusted relationship.',
|
| 137 |
+
h: 'HIR break: Honesty fails at identity; Integrity fails when the system accepts a false role.',
|
| 138 |
+
d: 'Defense: provenance checks, role verification, signed channels, cautious output, and refusal to strengthen deception.'
|
| 139 |
+
},
|
| 140 |
+
tool: {
|
| 141 |
+
t: 'Tool misuse',
|
| 142 |
+
p: 'The attacker tries to make the model use tools, code, data, or automation outside legitimate authorization.',
|
| 143 |
+
h: 'HIR break: Integrity fails when execution boundaries are crossed.',
|
| 144 |
+
d: 'Defense: tool firewall, authorization checks, read/write separation, least privilege, sandboxing, and audit logs.'
|
| 145 |
+
},
|
| 146 |
+
data: {
|
| 147 |
+
t: 'Data exposure',
|
| 148 |
+
p: 'The attacker tries to make private, secret, or context-bound information leave its proper boundary.',
|
| 149 |
+
h: 'HIR break: Respect fails through privacy violation; Integrity fails through provenance breach.',
|
| 150 |
+
d: 'Defense: secret detection, access scoping, redaction, memory isolation, and escalation for suspected exposure.'
|
| 151 |
+
},
|
| 152 |
+
swarm: {
|
| 153 |
+
t: 'Automation swarm',
|
| 154 |
+
p: 'The attacker scales low-cost generated variants to overwhelm review, moderation, support, or public attention.',
|
| 155 |
+
h: 'HIR break: Honesty degrades through signal flooding; Integrity degrades through volume pressure.',
|
| 156 |
+
d: 'Defense: rate limits, anomaly detection, provenance tagging, batch review, friction, and coordinated response.'
|
| 157 |
+
},
|
| 158 |
+
vulnerable: {
|
| 159 |
+
t: 'Human targeting',
|
| 160 |
+
p: 'The attacker tries to pressure, shame, groom, extort, isolate, or exploit a vulnerable person.',
|
| 161 |
+
h: 'HIR break: Respect collapses completely; OAM converts a person into an object of manipulation.',
|
| 162 |
+
d: 'Defense: refuse exploitative assistance, provide safety resources, preserve dignity, escalate severe risk, and protect agency.'
|
| 163 |
+
}
|
| 164 |
+
};
|
| 165 |
+
|
| 166 |
+
const scenarioBox = document.getElementById('scenario');
|
| 167 |
+
|
| 168 |
+
// Validate scenario box exists
|
| 169 |
+
if (!scenarioBox) {
|
| 170 |
+
console.error('Scenario container not found');
|
| 171 |
+
return;
|
| 172 |
+
}
|
| 173 |
+
|
| 174 |
+
/**
|
| 175 |
+
* Render scenario content with validation
|
| 176 |
+
* @param {string} key - Scenario key to render
|
| 177 |
+
*/
|
| 178 |
+
function render(key) {
|
| 179 |
+
// Critical: validate key exists
|
| 180 |
+
if (!cards[key]) {
|
| 181 |
+
console.error(`Invalid scenario key: ${key}`);
|
| 182 |
+
scenarioBox.innerHTML = '<div class="error-state"><strong>⚠️ Invalid Scenario</strong><br>The requested scenario could not be found.</div>';
|
| 183 |
+
return;
|
| 184 |
+
}
|
| 185 |
+
|
| 186 |
+
const card = cards[key];
|
| 187 |
+
|
| 188 |
+
// Build content safely
|
| 189 |
+
scenarioBox.innerHTML = `
|
| 190 |
+
<h3>${escapeHtml(card.t)}</h3>
|
| 191 |
+
<p><strong>Abstract pressure:</strong> ${escapeHtml(card.p)}</p>
|
| 192 |
+
<p><strong>${escapeHtml(card.h)}</strong></p>
|
| 193 |
+
<p><strong>Defensive translation:</strong> ${escapeHtml(card.d)}</p>
|
| 194 |
+
`;
|
| 195 |
+
|
| 196 |
+
// Update aria-label for screen readers
|
| 197 |
+
scenarioBox.setAttribute('aria-label', `Scenario: ${card.t}`);
|
| 198 |
+
}
|
| 199 |
+
|
| 200 |
+
/**
|
| 201 |
+
* Escape HTML to prevent injection (defense in depth)
|
| 202 |
+
* @param {string} unsafe - String to escape
|
| 203 |
+
* @returns {string} Escaped string
|
| 204 |
+
*/
|
| 205 |
+
function escapeHtml(unsafe) {
|
| 206 |
+
if (typeof unsafe !== 'string') return '';
|
| 207 |
+
return unsafe
|
| 208 |
+
.replace(/&/g, "&")
|
| 209 |
+
.replace(/</g, "<")
|
| 210 |
+
.replace(/>/g, ">")
|
| 211 |
+
.replace(/"/g, """)
|
| 212 |
+
.replace(/'/g, "'");
|
| 213 |
+
}
|
| 214 |
+
|
| 215 |
+
/**
|
| 216 |
+
* Set active scenario with full state management
|
| 217 |
+
* @param {string} scenario - Scenario key to activate
|
| 218 |
+
*/
|
| 219 |
+
function setActiveScenario(scenario) {
|
| 220 |
+
// Validate input
|
| 221 |
+
if (!scenario || typeof scenario !== 'string') {
|
| 222 |
+
console.error('Invalid scenario parameter');
|
| 223 |
+
return;
|
| 224 |
+
}
|
| 225 |
+
|
| 226 |
+
// Update button states
|
| 227 |
+
document.querySelectorAll('.switcher button').forEach(function(btn) {
|
| 228 |
+
const isActive = btn.dataset.s === scenario;
|
| 229 |
+
btn.classList.toggle('active', isActive);
|
| 230 |
+
btn.setAttribute('aria-selected', isActive ? 'true' : 'false');
|
| 231 |
+
});
|
| 232 |
+
|
| 233 |
+
// Render scenario
|
| 234 |
+
render(scenario);
|
| 235 |
+
}
|
| 236 |
+
|
| 237 |
+
// Initialize event handlers
|
| 238 |
+
document.querySelectorAll('.switcher button').forEach(function(btn) {
|
| 239 |
+
btn.addEventListener('click', function() {
|
| 240 |
+
const scenario = btn.dataset.s;
|
| 241 |
+
|
| 242 |
+
// Validate dataset attribute exists
|
| 243 |
+
if (!scenario) {
|
| 244 |
+
console.error('Button missing data-s attribute');
|
| 245 |
+
return;
|
| 246 |
+
}
|
| 247 |
+
|
| 248 |
+
setActiveScenario(scenario);
|
| 249 |
+
});
|
| 250 |
+
});
|
| 251 |
+
|
| 252 |
+
// Initialize with default scenario
|
| 253 |
+
render('fraud');
|
| 254 |
+
});
|
| 255 |
+
</script>
|
| 256 |
+
</body>
|
| 257 |
+
</html>
|
|
@@ -1,19 +1,1056 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<meta name="author" content="Collin D. Weber" />
|
| 7 |
+
<meta name="description" content="HIR Shield unified runtime defense architecture for malicious LLM misuse, authorized red-team emulation, call screening, scam defense, identity theft prevention, and dignity-preserving recovery." />
|
| 8 |
+
<title>HIR Shield · Unified Runtime Defense Architecture</title>
|
| 9 |
+
<style>
|
| 10 |
+
:root {
|
| 11 |
+
--bg: #06070b;
|
| 12 |
+
--bg2: #0b0e15;
|
| 13 |
+
--panel: rgba(17, 23, 34, .82);
|
| 14 |
+
--panel2: rgba(24, 32, 47, .78);
|
| 15 |
+
--ink: #f8efe2;
|
| 16 |
+
--muted: #bbad99;
|
| 17 |
+
--quiet: #847968;
|
| 18 |
+
--gold: #e7b957;
|
| 19 |
+
--gold2: #f5d078;
|
| 20 |
+
--copper: #bd7042;
|
| 21 |
+
--green: #68d17e;
|
| 22 |
+
--blue: #6cbcff;
|
| 23 |
+
--purple: #a875ff;
|
| 24 |
+
--magenta: #ff65c3;
|
| 25 |
+
--red: #ee6262;
|
| 26 |
+
--amber: #f2a93b;
|
| 27 |
+
--line: rgba(231, 185, 87, .25);
|
| 28 |
+
--line2: rgba(255, 255, 255, .08);
|
| 29 |
+
--glass: rgba(255, 255, 255, .052);
|
| 30 |
+
--shadow: 0 28px 95px rgba(0,0,0,.45);
|
| 31 |
+
--radius: 26px;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
* { box-sizing: border-box; }
|
| 35 |
+
html { scroll-behavior: smooth; }
|
| 36 |
+
body {
|
| 37 |
+
margin: 0;
|
| 38 |
+
min-height: 100vh;
|
| 39 |
+
background:
|
| 40 |
+
radial-gradient(circle at 12% 0%, rgba(231,185,87,.18), transparent 28rem),
|
| 41 |
+
radial-gradient(circle at 84% 8%, rgba(168,117,255,.20), transparent 30rem),
|
| 42 |
+
radial-gradient(circle at 72% 62%, rgba(255,101,195,.08), transparent 28rem),
|
| 43 |
+
radial-gradient(circle at 10% 92%, rgba(104,209,126,.10), transparent 34rem),
|
| 44 |
+
linear-gradient(180deg, #06070b 0%, #080a10 48%, #05060a 100%);
|
| 45 |
+
color: var(--ink);
|
| 46 |
+
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
| 47 |
+
line-height: 1.55;
|
| 48 |
+
overflow-x: hidden;
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
body:before {
|
| 52 |
+
content: "";
|
| 53 |
+
position: fixed;
|
| 54 |
+
inset: 0;
|
| 55 |
+
z-index: -2;
|
| 56 |
+
background-image:
|
| 57 |
+
linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
|
| 58 |
+
linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
|
| 59 |
+
background-size: 44px 44px;
|
| 60 |
+
mask-image: radial-gradient(circle at 50% 18%, black, transparent 72%);
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
body:after {
|
| 64 |
+
content: "";
|
| 65 |
+
position: fixed;
|
| 66 |
+
inset: 0;
|
| 67 |
+
z-index: -1;
|
| 68 |
+
pointer-events: none;
|
| 69 |
+
opacity: .06;
|
| 70 |
+
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
.wrap { width: min(1220px, calc(100% - 32px)); margin: 0 auto; }
|
| 74 |
+
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
|
| 75 |
+
.smallcaps { text-transform: uppercase; letter-spacing: .14em; font-size: 12px; color: var(--gold); }
|
| 76 |
+
|
| 77 |
+
.hero {
|
| 78 |
+
position: relative;
|
| 79 |
+
padding: 78px 0 46px;
|
| 80 |
+
overflow: hidden;
|
| 81 |
+
}
|
| 82 |
+
|
| 83 |
+
.hero-grid {
|
| 84 |
+
display: grid;
|
| 85 |
+
grid-template-columns: minmax(0, 1.08fr) 390px;
|
| 86 |
+
gap: 36px;
|
| 87 |
+
align-items: center;
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
@media (max-width: 960px) { .hero-grid { grid-template-columns: 1fr; } }
|
| 91 |
+
|
| 92 |
+
.kicker {
|
| 93 |
+
display: inline-flex;
|
| 94 |
+
gap: 10px;
|
| 95 |
+
align-items: center;
|
| 96 |
+
border: 1px solid var(--line);
|
| 97 |
+
background: rgba(255,255,255,.045);
|
| 98 |
+
border-radius: 999px;
|
| 99 |
+
padding: 8px 12px;
|
| 100 |
+
color: var(--gold);
|
| 101 |
+
font-size: 12px;
|
| 102 |
+
letter-spacing: .16em;
|
| 103 |
+
text-transform: uppercase;
|
| 104 |
+
backdrop-filter: blur(12px);
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
.pulse {
|
| 108 |
+
width: 8px; height: 8px; border-radius: 50%; background: var(--green);
|
| 109 |
+
box-shadow: 0 0 22px var(--green);
|
| 110 |
+
animation: pulse 1.45s infinite;
|
| 111 |
+
}
|
| 112 |
+
@keyframes pulse { 0%,100% { opacity:.45; transform:scale(.82); } 50% { opacity:1; transform:scale(1.18); } }
|
| 113 |
+
|
| 114 |
+
h1 {
|
| 115 |
+
margin: 24px 0 18px;
|
| 116 |
+
font-size: clamp(44px, 7.4vw, 98px);
|
| 117 |
+
line-height: .92;
|
| 118 |
+
letter-spacing: -.065em;
|
| 119 |
+
max-width: 960px;
|
| 120 |
+
}
|
| 121 |
+
h1 .gold { color: var(--gold); text-shadow: 0 0 36px rgba(231,185,87,.18); }
|
| 122 |
+
h1 .purple { color: var(--purple); text-shadow: 0 0 36px rgba(168,117,255,.22); }
|
| 123 |
+
|
| 124 |
+
.subtitle {
|
| 125 |
+
max-width: 895px;
|
| 126 |
+
color: var(--muted);
|
| 127 |
+
font-size: clamp(18px, 2vw, 23px);
|
| 128 |
+
margin: 0;
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
.boundary {
|
| 132 |
+
margin-top: 26px;
|
| 133 |
+
display: grid;
|
| 134 |
+
grid-template-columns: 74px 1fr;
|
| 135 |
+
gap: 18px;
|
| 136 |
+
max-width: 940px;
|
| 137 |
+
border: 1px solid rgba(238,98,98,.32);
|
| 138 |
+
background: linear-gradient(135deg, rgba(238,98,98,.13), rgba(231,185,87,.055));
|
| 139 |
+
border-radius: 24px;
|
| 140 |
+
padding: 18px;
|
| 141 |
+
box-shadow: var(--shadow);
|
| 142 |
+
}
|
| 143 |
+
|
| 144 |
+
.boundary .icon {
|
| 145 |
+
display: grid; place-items: center;
|
| 146 |
+
font-size: 30px;
|
| 147 |
+
color: var(--red);
|
| 148 |
+
border-radius: 18px;
|
| 149 |
+
background: rgba(238,98,98,.12);
|
| 150 |
+
border: 1px solid rgba(238,98,98,.20);
|
| 151 |
+
}
|
| 152 |
+
.boundary p { margin: 0; color: var(--muted); }
|
| 153 |
+
.boundary strong { color: var(--ink); }
|
| 154 |
+
|
| 155 |
+
@media (max-width: 650px) { .boundary { grid-template-columns: 1fr; } }
|
| 156 |
+
|
| 157 |
+
.core-orb {
|
| 158 |
+
position: relative;
|
| 159 |
+
min-height: 420px;
|
| 160 |
+
display: grid;
|
| 161 |
+
place-items: center;
|
| 162 |
+
isolation: isolate;
|
| 163 |
+
}
|
| 164 |
+
|
| 165 |
+
.orb {
|
| 166 |
+
width: min(360px, 78vw);
|
| 167 |
+
aspect-ratio: 1/1;
|
| 168 |
+
border-radius: 50%;
|
| 169 |
+
position: relative;
|
| 170 |
+
background:
|
| 171 |
+
radial-gradient(circle at 50% 45%, rgba(231,185,87,.28), transparent 22%),
|
| 172 |
+
radial-gradient(circle at 35% 32%, rgba(108,188,255,.18), transparent 30%),
|
| 173 |
+
radial-gradient(circle at 70% 70%, rgba(168,117,255,.20), transparent 32%),
|
| 174 |
+
linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.018));
|
| 175 |
+
border: 1px solid rgba(231,185,87,.25);
|
| 176 |
+
box-shadow: 0 0 80px rgba(168,117,255,.20), inset 0 0 60px rgba(231,185,87,.09);
|
| 177 |
+
animation: float 6s ease-in-out infinite;
|
| 178 |
+
}
|
| 179 |
+
|
| 180 |
+
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
|
| 181 |
+
|
| 182 |
+
.orb:before, .orb:after {
|
| 183 |
+
content: "";
|
| 184 |
+
position: absolute;
|
| 185 |
+
inset: 36px;
|
| 186 |
+
border-radius: 50%;
|
| 187 |
+
border: 1px solid rgba(231,185,87,.20);
|
| 188 |
+
}
|
| 189 |
+
.orb:after {
|
| 190 |
+
inset: -18px;
|
| 191 |
+
border-style: dashed;
|
| 192 |
+
opacity: .55;
|
| 193 |
+
animation: spin 24s linear infinite;
|
| 194 |
+
}
|
| 195 |
+
@keyframes spin { to { transform: rotate(360deg); } }
|
| 196 |
+
|
| 197 |
+
.monogram {
|
| 198 |
+
position: absolute;
|
| 199 |
+
inset: 0;
|
| 200 |
+
display: grid;
|
| 201 |
+
place-items: center;
|
| 202 |
+
font-weight: 900;
|
| 203 |
+
font-size: clamp(70px, 12vw, 118px);
|
| 204 |
+
letter-spacing: -.10em;
|
| 205 |
+
color: var(--gold);
|
| 206 |
+
text-shadow: 0 0 24px rgba(231,185,87,.48), 0 0 80px rgba(168,117,255,.28);
|
| 207 |
+
}
|
| 208 |
+
|
| 209 |
+
.ring-label {
|
| 210 |
+
position: absolute;
|
| 211 |
+
border: 1px solid rgba(255,255,255,.10);
|
| 212 |
+
background: rgba(5,6,10,.72);
|
| 213 |
+
backdrop-filter: blur(16px);
|
| 214 |
+
border-radius: 999px;
|
| 215 |
+
padding: 8px 12px;
|
| 216 |
+
color: var(--muted);
|
| 217 |
+
font-size: 12px;
|
| 218 |
+
box-shadow: 0 10px 40px rgba(0,0,0,.35);
|
| 219 |
+
}
|
| 220 |
+
.ring-label b { color: var(--ink); }
|
| 221 |
+
.l1 { top: 30px; left: 0; }
|
| 222 |
+
.l2 { top: 162px; right: -8px; }
|
| 223 |
+
.l3 { bottom: 56px; left: 16px; }
|
| 224 |
+
|
| 225 |
+
nav {
|
| 226 |
+
position: sticky;
|
| 227 |
+
top: 0;
|
| 228 |
+
z-index: 50;
|
| 229 |
+
background: rgba(6,7,11,.82);
|
| 230 |
+
backdrop-filter: blur(18px);
|
| 231 |
+
border-top: 1px solid rgba(231,185,87,.08);
|
| 232 |
+
border-bottom: 1px solid rgba(231,185,87,.14);
|
| 233 |
+
}
|
| 234 |
+
nav .wrap {
|
| 235 |
+
display: flex;
|
| 236 |
+
gap: 10px;
|
| 237 |
+
overflow-x: auto;
|
| 238 |
+
padding: 12px 0;
|
| 239 |
+
}
|
| 240 |
+
nav a {
|
| 241 |
+
white-space: nowrap;
|
| 242 |
+
text-decoration: none;
|
| 243 |
+
color: var(--muted);
|
| 244 |
+
border: 1px solid rgba(231,185,87,.16);
|
| 245 |
+
border-radius: 999px;
|
| 246 |
+
padding: 8px 12px;
|
| 247 |
+
font-size: 13px;
|
| 248 |
+
}
|
| 249 |
+
nav a:hover { color: var(--ink); border-color: var(--gold); background: rgba(231,185,87,.08); }
|
| 250 |
+
|
| 251 |
+
section { padding: 58px 0; }
|
| 252 |
+
.section-title {
|
| 253 |
+
display: flex;
|
| 254 |
+
gap: 14px;
|
| 255 |
+
align-items: center;
|
| 256 |
+
margin-bottom: 22px;
|
| 257 |
+
}
|
| 258 |
+
.num {
|
| 259 |
+
color: var(--gold);
|
| 260 |
+
border: 1px solid var(--line);
|
| 261 |
+
background: var(--glass);
|
| 262 |
+
border-radius: 12px;
|
| 263 |
+
padding: 8px 10px;
|
| 264 |
+
font-size: 12px;
|
| 265 |
+
}
|
| 266 |
+
h2 {
|
| 267 |
+
margin: 0;
|
| 268 |
+
font-size: clamp(28px, 4.2vw, 48px);
|
| 269 |
+
line-height: 1.02;
|
| 270 |
+
letter-spacing: -.04em;
|
| 271 |
+
}
|
| 272 |
+
.lead {
|
| 273 |
+
max-width: 910px;
|
| 274 |
+
color: var(--muted);
|
| 275 |
+
font-size: 18px;
|
| 276 |
+
margin: 0 0 24px;
|
| 277 |
+
}
|
| 278 |
+
|
| 279 |
+
.grid { display: grid; gap: 18px; }
|
| 280 |
+
.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
| 281 |
+
.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
| 282 |
+
.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
| 283 |
+
@media (max-width: 950px) { .two, .three, .four { grid-template-columns: 1fr; } }
|
| 284 |
+
|
| 285 |
+
.card {
|
| 286 |
+
position: relative;
|
| 287 |
+
overflow: hidden;
|
| 288 |
+
background: linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.028));
|
| 289 |
+
border: 1px solid rgba(231,185,87,.16);
|
| 290 |
+
border-radius: var(--radius);
|
| 291 |
+
padding: 22px;
|
| 292 |
+
box-shadow: 0 18px 70px rgba(0,0,0,.27);
|
| 293 |
+
}
|
| 294 |
+
.card:before {
|
| 295 |
+
content: "";
|
| 296 |
+
position: absolute;
|
| 297 |
+
inset: 0 0 auto;
|
| 298 |
+
height: 2px;
|
| 299 |
+
background: linear-gradient(90deg, transparent, var(--gold), transparent);
|
| 300 |
+
opacity: .36;
|
| 301 |
+
}
|
| 302 |
+
.card h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.2; }
|
| 303 |
+
.card p { color: var(--muted); margin: 0; }
|
| 304 |
+
.card .big {
|
| 305 |
+
font-size: 42px;
|
| 306 |
+
line-height: 1;
|
| 307 |
+
font-weight: 900;
|
| 308 |
+
letter-spacing: -.08em;
|
| 309 |
+
color: var(--gold);
|
| 310 |
+
margin-bottom: 12px;
|
| 311 |
+
}
|
| 312 |
+
.tagrow { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
|
| 313 |
+
.tag {
|
| 314 |
+
font-size: 11px;
|
| 315 |
+
letter-spacing: .08em;
|
| 316 |
+
text-transform: uppercase;
|
| 317 |
+
padding: 5px 8px;
|
| 318 |
+
border-radius: 999px;
|
| 319 |
+
background: rgba(255,255,255,.06);
|
| 320 |
+
color: var(--muted);
|
| 321 |
+
border: 1px solid rgba(255,255,255,.09);
|
| 322 |
+
}
|
| 323 |
+
.tag.green { color: var(--green); border-color: rgba(104,209,126,.28); }
|
| 324 |
+
.tag.red { color: var(--red); border-color: rgba(238,98,98,.30); }
|
| 325 |
+
.tag.blue { color: var(--blue); border-color: rgba(108,188,255,.28); }
|
| 326 |
+
.tag.gold { color: var(--gold); border-color: rgba(231,185,87,.32); }
|
| 327 |
+
.tag.purple { color: var(--purple); border-color: rgba(168,117,255,.32); }
|
| 328 |
+
.tag.amber { color: var(--amber); border-color: rgba(242,169,59,.30); }
|
| 329 |
+
|
| 330 |
+
.stackline {
|
| 331 |
+
display: grid;
|
| 332 |
+
grid-template-columns: 1fr 68px 1fr 68px 1fr;
|
| 333 |
+
gap: 14px;
|
| 334 |
+
align-items: stretch;
|
| 335 |
+
margin-top: 24px;
|
| 336 |
+
}
|
| 337 |
+
.arrow {
|
| 338 |
+
display: grid;
|
| 339 |
+
place-items: center;
|
| 340 |
+
color: var(--gold);
|
| 341 |
+
font-size: 34px;
|
| 342 |
+
opacity: .85;
|
| 343 |
+
}
|
| 344 |
+
@media (max-width: 980px) { .stackline { grid-template-columns: 1fr; } .arrow { transform: rotate(90deg); } }
|
| 345 |
+
|
| 346 |
+
.matrix {
|
| 347 |
+
display: grid;
|
| 348 |
+
grid-template-columns: 1fr 1.15fr 1.35fr;
|
| 349 |
+
gap: 1px;
|
| 350 |
+
background: rgba(231,185,87,.18);
|
| 351 |
+
border: 1px solid rgba(231,185,87,.19);
|
| 352 |
+
border-radius: 23px;
|
| 353 |
+
overflow: hidden;
|
| 354 |
+
margin-top: 20px;
|
| 355 |
+
}
|
| 356 |
+
.cell {
|
| 357 |
+
background: rgba(17,23,34,.96);
|
| 358 |
+
padding: 16px;
|
| 359 |
+
min-height: 104px;
|
| 360 |
+
}
|
| 361 |
+
.cell.head {
|
| 362 |
+
background: rgba(231,185,87,.13);
|
| 363 |
+
color: var(--gold);
|
| 364 |
+
font-weight: 800;
|
| 365 |
+
min-height: auto;
|
| 366 |
+
}
|
| 367 |
+
.cell p { margin: 5px 0 0; color: var(--muted); font-size: 14px; }
|
| 368 |
+
@media (max-width: 850px) {
|
| 369 |
+
.matrix { grid-template-columns: 1fr; }
|
| 370 |
+
.cell.head:nth-child(n+2) { display:none; }
|
| 371 |
+
}
|
| 372 |
+
|
| 373 |
+
.pipeline {
|
| 374 |
+
display: grid;
|
| 375 |
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
| 376 |
+
gap: 10px;
|
| 377 |
+
margin-top: 26px;
|
| 378 |
+
}
|
| 379 |
+
@media (max-width: 1180px) { .pipeline { grid-template-columns: repeat(5, 1fr); } }
|
| 380 |
+
@media (max-width: 760px) { .pipeline { grid-template-columns: 1fr; } }
|
| 381 |
+
.step {
|
| 382 |
+
min-height: 164px;
|
| 383 |
+
padding: 16px 13px;
|
| 384 |
+
border: 1px solid rgba(231,185,87,.17);
|
| 385 |
+
border-radius: 20px;
|
| 386 |
+
background: rgba(255,255,255,.044);
|
| 387 |
+
}
|
| 388 |
+
.step .n { color: var(--gold); font-size: 12px; }
|
| 389 |
+
.step strong { display: block; margin: 8px 0; line-height: 1.18; }
|
| 390 |
+
.step span { color: var(--muted); font-size: 13.5px; }
|
| 391 |
+
|
| 392 |
+
.console {
|
| 393 |
+
border: 1px solid rgba(104,209,126,.23);
|
| 394 |
+
background: linear-gradient(180deg, rgba(104,209,126,.08), rgba(255,255,255,.025));
|
| 395 |
+
border-radius: 24px;
|
| 396 |
+
padding: 22px;
|
| 397 |
+
box-shadow: inset 0 0 44px rgba(104,209,126,.055);
|
| 398 |
+
}
|
| 399 |
+
.console pre {
|
| 400 |
+
white-space: pre-wrap;
|
| 401 |
+
margin: 0;
|
| 402 |
+
color: #d8ffe0;
|
| 403 |
+
font-size: 13px;
|
| 404 |
+
line-height: 1.5;
|
| 405 |
+
}
|
| 406 |
+
|
| 407 |
+
.tabs, .switcher {
|
| 408 |
+
display: flex;
|
| 409 |
+
flex-wrap: wrap;
|
| 410 |
+
gap: 10px;
|
| 411 |
+
margin: 18px 0;
|
| 412 |
+
}
|
| 413 |
+
.tabs button, .switcher button {
|
| 414 |
+
cursor: pointer;
|
| 415 |
+
color: var(--muted);
|
| 416 |
+
border: 1px solid rgba(231,185,87,.20);
|
| 417 |
+
background: rgba(255,255,255,.045);
|
| 418 |
+
padding: 10px 12px;
|
| 419 |
+
border-radius: 999px;
|
| 420 |
+
font-weight: 650;
|
| 421 |
+
}
|
| 422 |
+
.tabs button.active, .switcher button.active {
|
| 423 |
+
color: var(--ink);
|
| 424 |
+
border-color: var(--gold);
|
| 425 |
+
background: rgba(231,185,87,.11);
|
| 426 |
+
box-shadow: 0 0 28px rgba(231,185,87,.08);
|
| 427 |
+
}
|
| 428 |
+
.scenario {
|
| 429 |
+
border: 1px solid rgba(231,185,87,.17);
|
| 430 |
+
background: rgba(255,255,255,.04);
|
| 431 |
+
border-radius: 24px;
|
| 432 |
+
padding: 24px;
|
| 433 |
+
}
|
| 434 |
+
.scenario h3 { margin-top: 0; }
|
| 435 |
+
.scenario p { color: var(--muted); }
|
| 436 |
+
|
| 437 |
+
.scoreboard, .sliders {
|
| 438 |
+
display: grid;
|
| 439 |
+
grid-template-columns: repeat(3, 1fr);
|
| 440 |
+
gap: 18px;
|
| 441 |
+
margin-top: 18px;
|
| 442 |
+
}
|
| 443 |
+
@media (max-width: 840px) { .scoreboard, .sliders { grid-template-columns: 1fr; } }
|
| 444 |
+
.meter {
|
| 445 |
+
padding: 18px;
|
| 446 |
+
border-radius: 20px;
|
| 447 |
+
border: 1px solid rgba(231,185,87,.18);
|
| 448 |
+
background: rgba(255,255,255,.045);
|
| 449 |
+
}
|
| 450 |
+
.meter label {
|
| 451 |
+
display: flex;
|
| 452 |
+
justify-content: space-between;
|
| 453 |
+
color: var(--muted);
|
| 454 |
+
font-size: 13px;
|
| 455 |
+
margin-bottom: 10px;
|
| 456 |
+
}
|
| 457 |
+
.meter b { color: var(--ink); }
|
| 458 |
+
input[type="range"] { width: 100%; accent-color: var(--gold); }
|
| 459 |
+
.result {
|
| 460 |
+
margin-top: 18px;
|
| 461 |
+
padding: 22px;
|
| 462 |
+
border-radius: 24px;
|
| 463 |
+
border: 1px solid rgba(104,209,126,.22);
|
| 464 |
+
background: rgba(104,209,126,.08);
|
| 465 |
+
}
|
| 466 |
+
.status {
|
| 467 |
+
font-size: clamp(26px, 4vw, 38px);
|
| 468 |
+
font-weight: 900;
|
| 469 |
+
letter-spacing: -.05em;
|
| 470 |
+
color: var(--green);
|
| 471 |
+
margin-bottom: 6px;
|
| 472 |
+
}
|
| 473 |
+
.status.yellow { color: var(--amber); }
|
| 474 |
+
.status.red { color: var(--red); }
|
| 475 |
+
|
| 476 |
+
.appscreen {
|
| 477 |
+
margin-top: 24px;
|
| 478 |
+
display: grid;
|
| 479 |
+
grid-template-columns: 370px 1fr;
|
| 480 |
+
gap: 24px;
|
| 481 |
+
align-items: start;
|
| 482 |
+
}
|
| 483 |
+
@media (max-width: 940px) { .appscreen { grid-template-columns: 1fr; } }
|
| 484 |
+
.phone {
|
| 485 |
+
max-width: 370px;
|
| 486 |
+
margin: 0 auto;
|
| 487 |
+
border: 1px solid rgba(231,185,87,.22);
|
| 488 |
+
border-radius: 40px;
|
| 489 |
+
padding: 18px;
|
| 490 |
+
background: linear-gradient(180deg, #121a25, #080a10);
|
| 491 |
+
box-shadow: var(--shadow);
|
| 492 |
+
}
|
| 493 |
+
.screen {
|
| 494 |
+
border-radius: 30px;
|
| 495 |
+
overflow: hidden;
|
| 496 |
+
border: 1px solid rgba(255,255,255,.09);
|
| 497 |
+
background: #0c1119;
|
| 498 |
+
}
|
| 499 |
+
.screen-head {
|
| 500 |
+
padding: 18px;
|
| 501 |
+
background: linear-gradient(135deg, rgba(231,185,87,.17), rgba(168,117,255,.13));
|
| 502 |
+
}
|
| 503 |
+
.screen-head .small { color: var(--muted); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
|
| 504 |
+
.screen-head h3 { margin: 6px 0 0; font-size: 24px; }
|
| 505 |
+
.risk { padding: 18px; }
|
| 506 |
+
.bigscore { font-size: 60px; line-height: 1; font-weight: 950; color: var(--amber); letter-spacing: -.07em; }
|
| 507 |
+
.bar { height: 10px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.08); margin: 12px 0; }
|
| 508 |
+
.bar span { display:block; height:100%; width:68%; background:linear-gradient(90deg, var(--green), var(--amber), var(--red)); }
|
| 509 |
+
.screen-row {
|
| 510 |
+
display: flex; justify-content: space-between; gap: 12px;
|
| 511 |
+
padding: 13px 18px;
|
| 512 |
+
color: var(--muted);
|
| 513 |
+
border-top: 1px solid rgba(255,255,255,.07);
|
| 514 |
+
font-size: 14px;
|
| 515 |
+
}
|
| 516 |
+
.screen-row b { color: var(--ink); }
|
| 517 |
+
|
| 518 |
+
.feature-list { display: grid; gap: 12px; }
|
| 519 |
+
.feature {
|
| 520 |
+
padding: 16px;
|
| 521 |
+
border-radius: 20px;
|
| 522 |
+
border: 1px solid rgba(231,185,87,.16);
|
| 523 |
+
background: rgba(255,255,255,.04);
|
| 524 |
+
}
|
| 525 |
+
.feature strong { display:block; margin-bottom:4px; }
|
| 526 |
+
.feature p { color: var(--muted); margin:0; font-size:14px; }
|
| 527 |
+
|
| 528 |
+
.roadmap {
|
| 529 |
+
display: grid;
|
| 530 |
+
grid-template-columns: repeat(5, 1fr);
|
| 531 |
+
gap: 12px;
|
| 532 |
+
margin-top: 22px;
|
| 533 |
+
}
|
| 534 |
+
@media (max-width: 980px) { .roadmap { grid-template-columns: 1fr; } }
|
| 535 |
+
.phase {
|
| 536 |
+
padding: 18px 14px;
|
| 537 |
+
min-height: 178px;
|
| 538 |
+
border: 1px solid rgba(231,185,87,.18);
|
| 539 |
+
border-radius: 20px;
|
| 540 |
+
background: rgba(255,255,255,.045);
|
| 541 |
+
}
|
| 542 |
+
.phase .n { color: var(--gold); font-size:12px; }
|
| 543 |
+
.phase strong { display:block; margin:8px 0; }
|
| 544 |
+
.phase span { color:var(--muted); font-size:14px; }
|
| 545 |
+
|
| 546 |
+
.callout {
|
| 547 |
+
border-left: 5px solid var(--gold);
|
| 548 |
+
background: rgba(231,185,87,.09);
|
| 549 |
+
border-radius: 0 20px 20px 0;
|
| 550 |
+
padding: 18px 22px;
|
| 551 |
+
color: var(--muted);
|
| 552 |
+
margin-top: 24px;
|
| 553 |
+
}
|
| 554 |
+
.callout strong { color: var(--ink); }
|
| 555 |
+
|
| 556 |
+
.badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
|
| 557 |
+
.badge {
|
| 558 |
+
border: 1px solid rgba(255,255,255,.09);
|
| 559 |
+
background: rgba(255,255,255,.045);
|
| 560 |
+
color: var(--muted);
|
| 561 |
+
border-radius: 999px;
|
| 562 |
+
padding: 9px 12px;
|
| 563 |
+
font-size: 13px;
|
| 564 |
+
}
|
| 565 |
+
.badge b { color: var(--ink); }
|
| 566 |
+
|
| 567 |
+
footer {
|
| 568 |
+
margin-top: 42px;
|
| 569 |
+
padding: 48px 0 82px;
|
| 570 |
+
color: var(--muted);
|
| 571 |
+
border-top: 1px solid rgba(231,185,87,.14);
|
| 572 |
+
}
|
| 573 |
+
footer strong { color: var(--ink); }
|
| 574 |
+
footer .footgrid {
|
| 575 |
+
display:grid;
|
| 576 |
+
grid-template-columns: 1fr 1fr;
|
| 577 |
+
gap:24px;
|
| 578 |
+
}
|
| 579 |
+
@media (max-width: 800px) { footer .footgrid { grid-template-columns: 1fr; } }
|
| 580 |
+
</style>
|
| 581 |
+
</head>
|
| 582 |
+
<body>
|
| 583 |
+
<header class="hero wrap">
|
| 584 |
+
<div class="hero-grid">
|
| 585 |
+
<div>
|
| 586 |
+
<div class="kicker"><span class="pulse"></span> Primordial OS · HIR Shield · Defensive Public-Interest Stack</div>
|
| 587 |
+
<h1>Unified <span class="gold">Runtime Defense</span><br><span class="purple">Architecture</span></h1>
|
| 588 |
+
<p class="subtitle">
|
| 589 |
+
A combined HIR × OAM architecture for malicious LLM misuse defense, authorized red-team emulation,
|
| 590 |
+
scam-call screening, identity-theft prevention, phone-integrity recovery, and dignity-preserving human protection.
|
| 591 |
+
</p>
|
| 592 |
+
|
| 593 |
+
<div class="boundary">
|
| 594 |
+
<div class="icon">🛡</div>
|
| 595 |
+
<p><strong>Hard boundary:</strong> this artifact is defensive only. It does not provide attack construction, evasion recipes, malware logic, credential-theft workflows, phishing kits, fraud playbooks, or bypass instructions. It maps protection, verification, safe emulation, recovery, and runtime discipline.</p>
|
| 596 |
+
</div>
|
| 597 |
+
|
| 598 |
+
<div class="badges">
|
| 599 |
+
<span class="badge"><b>Free-first</b> protection model</span>
|
| 600 |
+
<span class="badge"><b>No scareware</b> / no shame UX</span>
|
| 601 |
+
<span class="badge"><b>Created and Developed by</b> Collin D. Weber</span>
|
| 602 |
+
</div>
|
| 603 |
+
</div>
|
| 604 |
+
|
| 605 |
+
<div class="core-orb" aria-hidden="true">
|
| 606 |
+
<div class="orb"><div class="monogram">HIR</div></div>
|
| 607 |
+
<div class="ring-label l1"><b>Honesty</b> verifies reality</div>
|
| 608 |
+
<div class="ring-label l2"><b>Integrity</b> preserves structure</div>
|
| 609 |
+
<div class="ring-label l3"><b>Respect</b> protects agency</div>
|
| 610 |
+
</div>
|
| 611 |
+
</div>
|
| 612 |
+
</header>
|
| 613 |
+
|
| 614 |
+
<nav>
|
| 615 |
+
<div class="wrap">
|
| 616 |
+
<a href="#stack">Stack</a>
|
| 617 |
+
<a href="#threats">Threats</a>
|
| 618 |
+
<a href="#hir-oam">HIR/OAM</a>
|
| 619 |
+
<a href="#pipeline">Pipeline</a>
|
| 620 |
+
<a href="#emulation">Red-Team</a>
|
| 621 |
+
<a href="#risk">Runtime Gate</a>
|
| 622 |
+
<a href="#app">App Layer</a>
|
| 623 |
+
<a href="#identity">Identity Gate</a>
|
| 624 |
+
<a href="#roadmap">Roadmap</a>
|
| 625 |
+
<a href="#community">Community</a>
|
| 626 |
+
</div>
|
| 627 |
+
</nav>
|
| 628 |
+
|
| 629 |
+
<main>
|
| 630 |
+
<section id="stack" class="wrap">
|
| 631 |
+
<div class="section-title"><span class="num mono">01</span><h2>The Three-Layer Defense Stack</h2></div>
|
| 632 |
+
<p class="lead">The original maps become one system: threat model, authorized defensive emulation, and public-facing protection tooling.</p>
|
| 633 |
+
|
| 634 |
+
<div class="stackline">
|
| 635 |
+
<div class="card">
|
| 636 |
+
<div class="big">01</div>
|
| 637 |
+
<h3>Malicious LLM Misuse Defense</h3>
|
| 638 |
+
<p>Defines black-hat LLMs as pressure multipliers that automate deception, scale manipulation, and remove friction from harmful intent.</p>
|
| 639 |
+
<div class="tagrow"><span class="tag red">Threat Model</span><span class="tag gold">Runtime Boundary</span></div>
|
| 640 |
+
</div>
|
| 641 |
+
<div class="arrow">→</div>
|
| 642 |
+
<div class="card">
|
| 643 |
+
<div class="big">02</div>
|
| 644 |
+
<h3>Authorized Red-Team Emulation</h3>
|
| 645 |
+
<p>Provides a safe adversary-view layer: understand abuse shapes without publishing operational abuse recipes.</p>
|
| 646 |
+
<div class="tagrow"><span class="tag blue">Testing</span><span class="tag green">Defensive Only</span></div>
|
| 647 |
+
</div>
|
| 648 |
+
<div class="arrow">→</div>
|
| 649 |
+
<div class="card">
|
| 650 |
+
<div class="big">03</div>
|
| 651 |
+
<h3>Call & Identity Defense App</h3>
|
| 652 |
+
<p>Turns the architecture into a consumer-facing protection layer: screen pressure, verify identity, preserve evidence, recover with dignity.</p>
|
| 653 |
+
<div class="tagrow"><span class="tag green">Public Tool</span><span class="tag purple">HIR Shield</span></div>
|
| 654 |
+
</div>
|
| 655 |
+
</div>
|
| 656 |
+
|
| 657 |
+
<div class="callout"><strong>Unifying thesis:</strong> AI misuse is not only a cybersecurity problem. It is a boundary, provenance, consent, and agency problem. HIR defines what must be preserved; OAM detects how degradation spreads.</div>
|
| 658 |
+
</section>
|
| 659 |
+
|
| 660 |
+
<section id="threats" class="wrap">
|
| 661 |
+
<div class="section-title"><span class="num mono">02</span><h2>Unified Threat Map</h2></div>
|
| 662 |
+
<p class="lead">These are defensive categories. They name risk surfaces the runtime should recognize, constrain, and route into safer outcomes.</p>
|
| 663 |
+
|
| 664 |
+
<div class="grid four">
|
| 665 |
+
<div class="card"><h3>Social Engineering</h3><p>Automated persuasion, synthetic intimacy, authority mimicry, emotional pressure, and targeted manipulation.</p><div class="tagrow"><span class="tag red">Respect Failure</span><span class="tag red">Agency Capture</span></div></div>
|
| 666 |
+
<div class="card"><h3>Fraud Amplification</h3><p>Fake support, fake invoices, counterfeit authority, high-volume scam text, synthetic urgency, and forged context.</p><div class="tagrow"><span class="tag red">Honesty Failure</span><span class="tag red">False Context</span></div></div>
|
| 667 |
+
<div class="card"><h3>Cyber Abuse Assistance</h3><p>Requests that try to convert a model into a planning, coding, troubleshooting, or operational assistant for unauthorized harm.</p><div class="tagrow"><span class="tag red">Integrity Breach</span><span class="tag red">Tool Misuse</span></div></div>
|
| 668 |
+
<div class="card"><h3>Disinformation Engines</h3><p>Mass-produced false narratives, synthetic consensus, fake evidence, and audience-targeted manipulation.</p><div class="tagrow"><span class="tag red">Truth Collapse</span><span class="tag amber">Field Degradation</span></div></div>
|
| 669 |
+
<div class="card"><h3>Jailbreak Brokerage</h3><p>Attempts to route around runtime boundaries, extract forbidden behavior, or normalize policy evasion.</p><div class="tagrow"><span class="tag amber">Boundary Probe</span><span class="tag red">Runtime Attack</span></div></div>
|
| 670 |
+
<div class="card"><h3>Data Exposure</h3><p>Efforts to reveal secrets, credentials, private data, prompts, logs, hidden context, or account recovery material.</p><div class="tagrow"><span class="tag red">Provenance Breach</span><span class="tag red">Trust Theft</span></div></div>
|
| 671 |
+
<div class="card"><h3>Automation Swarms</h3><p>Generated variants, many accounts, scaled pressure, moderation overwhelm, support flooding, and synthetic signal pollution.</p><div class="tagrow"><span class="tag amber">Scale Pressure</span><span class="tag red">Signal Flood</span></div></div>
|
| 672 |
+
<div class="card"><h3>Human Targeting</h3><p>Pressure, shame, grooming, extortion, isolation, coercion, elder targeting, grief exploitation, and vulnerability abuse.</p><div class="tagrow"><span class="tag red">Respect Zero</span><span class="tag red">Life-First Violation</span></div></div>
|
| 673 |
+
</div>
|
| 674 |
+
</section>
|
| 675 |
+
|
| 676 |
+
<section id="hir-oam" class="wrap">
|
| 677 |
+
<div class="section-title"><span class="num mono">03</span><h2>HIR Translation + OAM Fault Detection</h2></div>
|
| 678 |
+
<p class="lead">HIR is the defense kernel. OAM is the degradation detector. Together they define whether a request, call, text, app behavior, or model output preserves human agency under pressure.</p>
|
| 679 |
+
|
| 680 |
+
<div class="matrix">
|
| 681 |
+
<div class="cell head">HIR Layer</div><div class="cell head">Security Meaning</div><div class="cell head">Defensive Question</div>
|
| 682 |
+
<div class="cell"><strong>Honesty</strong><p>Reality contact, source clarity, identity truthfulness, evidence boundary.</p></div>
|
| 683 |
+
<div class="cell"><strong>Truth gate</strong><p>Detect false premise, impersonation, fabricated authority, hidden intent, and unverifiable claims.</p></div>
|
| 684 |
+
<div class="cell"><strong>Is this anchored to truthful context, or is it manufacturing false reality?</strong></div>
|
| 685 |
+
<div class="cell"><strong>Integrity</strong><p>Structural consistency, role fidelity, auditability, non-corruption under pressure.</p></div>
|
| 686 |
+
<div class="cell"><strong>Runtime gate</strong><p>Preserve policy, tool boundaries, provenance, logging, and reproducible triage.</p></div>
|
| 687 |
+
<div class="cell"><strong>Does this preserve system structure, or exploit contradiction and boundary collapse?</strong></div>
|
| 688 |
+
<div class="cell"><strong>Respect</strong><p>Dignity, consent, privacy, personhood, consequence awareness, life-first constraint.</p></div>
|
| 689 |
+
<div class="cell"><strong>Human gate</strong><p>Block coercion, targeting, exploitation, manipulation, and non-consensual harm.</p></div>
|
| 690 |
+
<div class="cell"><strong>Does this protect agency, or convert a person into an object or attack surface?</strong></div>
|
| 691 |
+
</div>
|
| 692 |
+
|
| 693 |
+
<div class="grid two" style="margin-top:18px;">
|
| 694 |
+
<div class="card">
|
| 695 |
+
<div class="smallcaps">OAM Signal</div>
|
| 696 |
+
<h3>Outsourced Agency</h3>
|
| 697 |
+
<p>The actor tries to make a model, app, institution, or automation layer carry intent, judgment, credibility, pressure, or consequence while hiding the responsible human actor.</p>
|
| 698 |
+
<div class="tagrow"><span class="tag red">Deniability</span><span class="tag red">Automation</span><span class="tag red">Pressure</span></div>
|
| 699 |
+
</div>
|
| 700 |
+
<div class="card">
|
| 701 |
+
<div class="smallcaps">HIR Response</div>
|
| 702 |
+
<h3>Re-anchor Responsibility</h3>
|
| 703 |
+
<p>Classify intent, verify authority, constrain unsafe output, preserve logs, protect targets, slow the decision, and redirect toward defensive education or recovery.</p>
|
| 704 |
+
<div class="tagrow"><span class="tag green">Audit</span><span class="tag green">Limit</span><span class="tag green">Repair</span></div>
|
| 705 |
+
</div>
|
| 706 |
+
</div>
|
| 707 |
+
</section>
|
| 708 |
+
|
| 709 |
+
<section id="pipeline" class="wrap">
|
| 710 |
+
<div class="section-title"><span class="num mono">04</span><h2>Unified Runtime Defense Pipeline</h2></div>
|
| 711 |
+
<p class="lead">This pipeline connects AI runtime defense, authorized red-team testing, call screening, identity-risk guidance, and recovery workflow.</p>
|
| 712 |
+
|
| 713 |
+
<div class="pipeline">
|
| 714 |
+
<div class="step"><div class="n mono">01</div><strong>Signal Intake</strong><span>Prompt, call, text, voicemail, screenshot, app state, report, or suspicious behavior.</span></div>
|
| 715 |
+
<div class="step"><div class="n mono">02</div><strong>Actor + Scope</strong><span>Who is acting, what authority exists, what system or person is affected?</span></div>
|
| 716 |
+
<div class="step"><div class="n mono">03</div><strong>Provenance Check</strong><span>Identity, source, callback channel, evidence quality, and data boundary.</span></div>
|
| 717 |
+
<div class="step"><div class="n mono">04</div><strong>Pressure Scan</strong><span>Urgency, secrecy, fear, shame, reward, romance, authority, or scale pressure.</span></div>
|
| 718 |
+
<div class="step"><div class="n mono">05</div><strong>HIR Gate</strong><span>Honesty, Integrity, Respect assessment for the interaction.</span></div>
|
| 719 |
+
<div class="step"><div class="n mono">06</div><strong>OAM Scan</strong><span>Agency outsourcing, coercion, deniability, manipulation, and degradation signal.</span></div>
|
| 720 |
+
<div class="step"><div class="n mono">07</div><strong>Tool Firewall</strong><span>Block actions that enable fraud, harm, unauthorized access, or private-data exposure.</span></div>
|
| 721 |
+
<div class="step"><div class="n mono">08</div><strong>Safe Transform</strong><span>Convert unsafe intent into defensive education, policy, awareness, or repair steps.</span></div>
|
| 722 |
+
<div class="step"><div class="n mono">09</div><strong>Action Plan</strong><span>Allow, constrain, verify, block, document, escalate, recover, or retest.</span></div>
|
| 723 |
+
<div class="step"><div class="n mono">10</div><strong>Audit + Learn</strong><span>Preserve evidence, metrics, false positives, control gaps, and patch/retest notes.</span></div>
|
| 724 |
+
</div>
|
| 725 |
+
</section>
|
| 726 |
+
|
| 727 |
+
<section id="emulation" class="wrap">
|
| 728 |
+
<div class="section-title"><span class="num mono">05</span><h2>Authorized Red-Team Scenario Lens</h2></div>
|
| 729 |
+
<p class="lead">Safe adversary emulation means understanding pressure shapes without providing operational abuse instructions.</p>
|
| 730 |
+
|
| 731 |
+
<div class="switcher" id="scenarioButtons">
|
| 732 |
+
<button class="active" data-s="fraud">Fraud Pressure</button>
|
| 733 |
+
<button data-s="impersonation">Impersonation</button>
|
| 734 |
+
<button data-s="tool">Tool Misuse</button>
|
| 735 |
+
<button data-s="data">Data Exposure</button>
|
| 736 |
+
<button data-s="swarm">Automation Swarm</button>
|
| 737 |
+
<button data-s="vulnerable">Human Targeting</button>
|
| 738 |
+
</div>
|
| 739 |
+
<div class="scenario" id="scenario"></div>
|
| 740 |
+
|
| 741 |
+
<div class="grid two" style="margin-top:18px;">
|
| 742 |
+
<div class="card"><h3>Allowed</h3><p>High-level abuse classification, policy testing, benign red-team prompts, dummy data, synthetic users, mock infrastructure, detection improvement, and safety training.</p><div class="tagrow"><span class="tag green">Authorized</span><span class="tag green">Synthetic</span><span class="tag green">Logged</span></div></div>
|
| 743 |
+
<div class="card"><h3>Not Allowed</h3><p>Real target exploitation, bypass recipes, malware logic, credential theft, phishing kits, evasion methods, private data extraction, or instructions that increase abuse capability.</p><div class="tagrow"><span class="tag red">No Real Targets</span><span class="tag red">No Attack Recipes</span></div></div>
|
| 744 |
+
</div>
|
| 745 |
+
</section>
|
| 746 |
+
|
| 747 |
+
<section id="risk" class="wrap">
|
| 748 |
+
<div class="section-title"><span class="num mono">06</span><h2>Interactive HIR × OAM Runtime Gate</h2></div>
|
| 749 |
+
<p class="lead">A simplified gate for classifying AI/runtime requests. Lower HIR and higher OAM pressure increases risk.</p>
|
| 750 |
+
|
| 751 |
+
<div class="scoreboard">
|
| 752 |
+
<div class="meter"><label><span>Honesty</span><b id="hVal">80</b></label><input id="h" type="range" min="0" max="100" value="80"></div>
|
| 753 |
+
<div class="meter"><label><span>Integrity</span><b id="iVal">80</b></label><input id="i" type="range" min="0" max="100" value="80"></div>
|
| 754 |
+
<div class="meter"><label><span>Respect</span><b id="rVal">80</b></label><input id="r" type="range" min="0" max="100" value="80"></div>
|
| 755 |
+
<div class="meter"><label><span>OAM Agency Outsourcing</span><b id="oVal">30</b></label><input id="o" type="range" min="0" max="100" value="30"></div>
|
| 756 |
+
<div class="meter"><label><span>Scale Pressure</span><b id="sVal">35</b></label><input id="s" type="range" min="0" max="100" value="35"></div>
|
| 757 |
+
<div class="meter"><label><span>Target Sensitivity</span><b id="tVal">40</b></label><input id="t" type="range" min="0" max="100" value="40"></div>
|
| 758 |
+
</div>
|
| 759 |
+
<div class="result">
|
| 760 |
+
<div class="status" id="runtimeStatus">GREEN · Defensive / Allowed</div>
|
| 761 |
+
<p id="runtimeExplain">HIR is stable and OAM pressure is low. The system can answer normally while preserving boundaries.</p>
|
| 762 |
+
</div>
|
| 763 |
+
</section>
|
| 764 |
+
|
| 765 |
+
<section id="app" class="wrap">
|
| 766 |
+
<div class="section-title"><span class="num mono">07</span><h2>HIR Shield Consumer Defense App Layer</h2></div>
|
| 767 |
+
<p class="lead">The app exists to slow pressure, restore reality contact, verify identity, preserve evidence, guide recovery, and protect the user without shame or scareware.</p>
|
| 768 |
+
|
| 769 |
+
<div class="appscreen">
|
| 770 |
+
<div class="phone">
|
| 771 |
+
<div class="screen">
|
| 772 |
+
<div class="screen-head">
|
| 773 |
+
<div class="small mono">Incoming Call Risk</div>
|
| 774 |
+
<h3>Possible Impersonation</h3>
|
| 775 |
+
</div>
|
| 776 |
+
<div class="risk">
|
| 777 |
+
<div class="bigscore" id="phoneScore">68</div>
|
| 778 |
+
<div class="bar"><span id="phoneBar"></span></div>
|
| 779 |
+
<div class="mono" id="phoneGate" style="color:var(--amber);font-size:12px;letter-spacing:.12em;text-transform:uppercase">Yellow Gate · Verify Before Acting</div>
|
| 780 |
+
</div>
|
| 781 |
+
<div class="screen-row"><b>Pressure</b><span id="phonePressure">Elevated</span></div>
|
| 782 |
+
<div class="screen-row"><b>Identity</b><span id="phoneIdentity">Unverified</span></div>
|
| 783 |
+
<div class="screen-row"><b>Request</b><span id="phoneRequest">Money / code risk</span></div>
|
| 784 |
+
<div class="screen-row"><b>Action</b><span id="phoneAction">Pause + verify</span></div>
|
| 785 |
+
</div>
|
| 786 |
+
</div>
|
| 787 |
+
<div class="feature-list">
|
| 788 |
+
<div class="feature"><strong>Call Risk Overlay</strong><p>Displays a simple GREEN / YELLOW / RED risk gate while the user receives a call or reviews a voicemail.</p></div>
|
| 789 |
+
<div class="feature"><strong>Pressure Pattern Detector</strong><p>Flags urgency, secrecy, false authority, emotional manipulation, financial demand, login-code requests, or remote-access pressure.</p></div>
|
| 790 |
+
<div class="feature"><strong>Safe Verification Coach</strong><p>Guides the user to hang up, use known official contact paths, verify independently, and avoid acting inside the pressure window.</p></div>
|
| 791 |
+
<div class="feature"><strong>Phone Integrity Recovery</strong><p>Checks app permissions, notification/accessibility access, risky profiles, unknown apps, DNS/VPN/proxy settings, and suspicious behavior.</p></div>
|
| 792 |
+
<div class="feature"><strong>Identity Lockdown Checklist</strong><p>Provides post-risk steps: account review, password reset, session revocation, MFA, card/bank contact, evidence capture, and reporting.</p></div>
|
| 793 |
+
<div class="feature"><strong>Trusted Contact Mode</strong><p>Allows user-approved escalation to a trusted person when risk is high, without exposing unnecessary private data.</p></div>
|
| 794 |
+
</div>
|
| 795 |
+
</div>
|
| 796 |
+
</section>
|
| 797 |
+
|
| 798 |
+
<section id="identity" class="wrap">
|
| 799 |
+
<div class="section-title"><span class="num mono">08</span><h2>Interactive Call & Identity-Theft Gate</h2></div>
|
| 800 |
+
<p class="lead">A simplified model for call scams, AI voice risk, identity-theft pressure, and recovery routing.</p>
|
| 801 |
+
|
| 802 |
+
<div class="sliders">
|
| 803 |
+
<div class="meter"><label><span>Caller Identity Confidence</span><b id="idVal">40</b></label><input id="idc" type="range" min="0" max="100" value="40"></div>
|
| 804 |
+
<div class="meter"><label><span>Urgency / Pressure</span><b id="pVal">70</b></label><input id="prs" type="range" min="0" max="100" value="70"></div>
|
| 805 |
+
<div class="meter"><label><span>Money / Data Request</span><b id="mVal">65</b></label><input id="mon" type="range" min="0" max="100" value="65"></div>
|
| 806 |
+
<div class="meter"><label><span>Code / Account Access</span><b id="secVal">60</b></label><input id="sec" type="range" min="0" max="100" value="60"></div>
|
| 807 |
+
<div class="meter"><label><span>Emotional Manipulation</span><b id="emoVal">50</b></label><input id="emo" type="range" min="0" max="100" value="50"></div>
|
| 808 |
+
<div class="meter"><label><span>Known Safe Channel</span><b id="safeVal">25</b></label><input id="safe" type="range" min="0" max="100" value="25"></div>
|
| 809 |
+
</div>
|
| 810 |
+
<div class="result">
|
| 811 |
+
<div class="status yellow" id="identityStatus">YELLOW · Pause and Verify</div>
|
| 812 |
+
<p id="identityExplain">Identity confidence is limited and pressure is elevated. Do not provide money, codes, credentials, documents, or remote access. Verify through a known safe channel.</p>
|
| 813 |
+
</div>
|
| 814 |
+
|
| 815 |
+
<div class="grid two" style="margin-top:18px;">
|
| 816 |
+
<div class="card"><h3>Immediate Lockdown</h3><p>Prioritize stopping payment where possible, contacting institutions through known channels, changing passwords, revoking sessions, enabling MFA, and preserving evidence.</p><div class="tagrow"><span class="tag red">Contain</span><span class="tag gold">Evidence</span></div></div>
|
| 817 |
+
<div class="card"><h3>No-Shame Recovery</h3><p>The interface must never humiliate the user. Scams work by pressure and deception. Recovery starts by restoring agency, clarity, and dignity.</p><div class="tagrow"><span class="tag gold">Dignity</span><span class="tag green">Agency</span></div></div>
|
| 818 |
+
</div>
|
| 819 |
+
</section>
|
| 820 |
+
|
| 821 |
+
<section id="controls" class="wrap">
|
| 822 |
+
<div class="section-title"><span class="num mono">09</span><h2>Defensive Outputs + Control Surfaces</h2></div>
|
| 823 |
+
<p class="lead">The system should leave behind useful artifacts, not vague alerts.</p>
|
| 824 |
+
<div class="grid three">
|
| 825 |
+
<div class="card"><h3>Risk Taxonomy</h3><p>Categorized abuse patterns mapped to HIR failures and OAM degradation signals.</p></div>
|
| 826 |
+
<div class="card"><h3>Control Gaps</h3><p>Where detection, refusal, tool permissions, memory boundaries, call screening, or escalation did not hold.</p></div>
|
| 827 |
+
<div class="card"><h3>Patch Plan</h3><p>Concrete defensive changes: stronger gates, better logging, safer transformations, clearer escalation, better user guidance.</p></div>
|
| 828 |
+
<div class="card"><h3>User Education</h3><p>Plain-language warnings that help people slow down, verify, and preserve agency under pressure.</p></div>
|
| 829 |
+
<div class="card"><h3>Evidence Packet</h3><p>Timeline, call details, screenshots, notes, transcript, report status, and next steps for recovery or reporting.</p></div>
|
| 830 |
+
<div class="card"><h3>Retest Evidence</h3><p>Before/after test notes showing whether controls improved without blocking legitimate support.</p></div>
|
| 831 |
+
</div>
|
| 832 |
+
|
| 833 |
+
<div class="console" style="margin-top:20px;">
|
| 834 |
+
<pre>HIR_SHIELD_FINAL_INVARIANT:
|
| 835 |
+
A malicious runtime succeeds when it breaks truth contact,
|
| 836 |
+
collapses decision structure,
|
| 837 |
+
and converts a person into a target.
|
| 838 |
+
|
| 839 |
+
HIR restores the baseline:
|
| 840 |
+
verify truth,
|
| 841 |
+
preserve structure,
|
| 842 |
+
protect dignity.
|
| 843 |
+
|
| 844 |
+
If a defensive map increases abuse capability,
|
| 845 |
+
it has failed HIR.</pre>
|
| 846 |
+
</div>
|
| 847 |
+
</section>
|
| 848 |
+
|
| 849 |
+
<section id="roadmap" class="wrap">
|
| 850 |
+
<div class="section-title"><span class="num mono">10</span><h2>Implementation Roadmap</h2></div>
|
| 851 |
+
<p class="lead">Build the full suite as one architecture, but stage the implementation so the public tool can become real without overpromising.</p>
|
| 852 |
+
|
| 853 |
+
<div class="roadmap">
|
| 854 |
+
<div class="phase"><div class="n mono">PHASE 1</div><strong>HIR Shield Audit</strong><span>Android-first phone integrity scan: risky permissions, accessibility abuse, notification access, unknown apps, profiles, VPN/DNS/proxy review.</span></div>
|
| 855 |
+
<div class="phase"><div class="n mono">PHASE 2</div><strong>Call/Text Shield</strong><span>Unknown caller quarantine, scam-text analyzer, pressure language detection, trusted-contact verification.</span></div>
|
| 856 |
+
<div class="phase"><div class="n mono">PHASE 3</div><strong>Identity Shield</strong><span>SIM-swap prevention checklist, recovery email hardening, password/MFA guidance, evidence packet generator.</span></div>
|
| 857 |
+
<div class="phase"><div class="n mono">PHASE 4</div><strong>Family Mode</strong><span>Elder/kid/vulnerable-user protection profiles, trusted-contact escalation, plain-language safety paths.</span></div>
|
| 858 |
+
<div class="phase"><div class="n mono">PHASE 5</div><strong>Community Firewatch</strong><span>Translations, scam pattern reporting, accessibility testing, architecture maps, regional resources, and forum-based stewardship.</span></div>
|
| 859 |
+
</div>
|
| 860 |
+
</section>
|
| 861 |
+
|
| 862 |
+
<section id="community" class="wrap">
|
| 863 |
+
<div class="section-title"><span class="num mono">11</span><h2>Free Public-Interest Model + Firewatch Contributions</h2></div>
|
| 864 |
+
<p class="lead">HIR Shield is not a fear-monetization product. It is a free public protection tool that can be sustained by voluntary support and stewardship.</p>
|
| 865 |
+
|
| 866 |
+
<div class="grid three">
|
| 867 |
+
<div class="card"><h3>Free to Use</h3><p>Basic protection from scams, malware concern, identity theft, AI-assisted manipulation, and digital degradation should not be locked behind a paywall.</p><div class="tagrow"><span class="tag green">Public Good</span><span class="tag gold">No Paywall</span></div></div>
|
| 868 |
+
<div class="card"><h3>Optional Support</h3><p>People who value the work can support development through voluntary donations, Patreon-style support, sponsorships, grants, or infrastructure help.</p><div class="tagrow"><span class="tag blue">Sustain</span><span class="tag green">Voluntary</span></div></div>
|
| 869 |
+
<div class="card"><h3>Stewardship Contributions</h3><p>Translation, accessibility review, testing, threat-pattern examples, architecture maps, systems-thinking ideas, documentation, and local recovery resources.</p><div class="tagrow"><span class="tag purple">Firewatch</span><span class="tag green">Community</span></div></div>
|
| 870 |
+
</div>
|
| 871 |
+
|
| 872 |
+
<div class="matrix" style="margin-top:20px;">
|
| 873 |
+
<div class="cell head">Contribution Area</div><div class="cell head">What Helps</div><div class="cell head">HIR Boundary</div>
|
| 874 |
+
<div class="cell"><strong>Translations</strong><p>Make safety guidance available to more families and regions.</p></div>
|
| 875 |
+
<div class="cell"><strong>Language review</strong><p>Plain-language warnings, regional scam vocabulary, accessibility-friendly phrasing.</p></div>
|
| 876 |
+
<div class="cell"><strong>Respect</strong><p>No shaming, no fear bait, no cultural flattening.</p></div>
|
| 877 |
+
<div class="cell"><strong>Scam Patterns</strong><p>Community examples of calls, texts, emails, fake support flows, and pressure signals.</p></div>
|
| 878 |
+
<div class="cell"><strong>Evidence-safe reporting</strong><p>Sanitized examples, no private data, no doxxing, no live target exploitation.</p></div>
|
| 879 |
+
<div class="cell"><strong>Honesty</strong><p>Preserve provenance and uncertainty labels.</p></div>
|
| 880 |
+
<div class="cell"><strong>Architecture Maps</strong><p>Defense flows, recovery diagrams, risk models, UX maps, and systems-thinking improvements.</p></div>
|
| 881 |
+
<div class="cell"><strong>Review + synthesis</strong><p>Find gaps, contradictions, bad assumptions, and ways to simplify user decisions.</p></div>
|
| 882 |
+
<div class="cell"><strong>Integrity</strong><p>Improve structure without corrupting the mission.</p></div>
|
| 883 |
+
</div>
|
| 884 |
+
|
| 885 |
+
<div class="callout"><strong>Culture line:</strong> Protection first. Support optional. Stewardship welcome. Honesty, integrity, and respect are the operating conditions, not branding words.</div>
|
| 886 |
+
</section>
|
| 887 |
+
</main>
|
| 888 |
+
|
| 889 |
+
<footer class="wrap">
|
| 890 |
+
<div class="footgrid">
|
| 891 |
+
<div>
|
| 892 |
+
<strong>HIR Shield · Unified Runtime Defense Architecture</strong><br>
|
| 893 |
+
Created and Developed by Collin D. Weber<br>
|
| 894 |
+
Integrated from the HIR × OAM Black-Hat LLM Defense Map, Authorized Red-Team LLM Emulation Map, and Call & Identity Theft Defense App Map.
|
| 895 |
+
</div>
|
| 896 |
+
<div>
|
| 897 |
+
<strong>Defensive-use invariant</strong><br>
|
| 898 |
+
This artifact is a protection architecture. It is not an offensive manual. It is designed to preserve truth contact, structural integrity, human dignity, consent, agency, and recovery under pressure.
|
| 899 |
+
</div>
|
| 900 |
+
</div>
|
| 901 |
+
</footer>
|
| 902 |
+
|
| 903 |
+
<script>
|
| 904 |
+
const scenarios = {
|
| 905 |
+
fraud: {
|
| 906 |
+
title: "Fraud Pressure",
|
| 907 |
+
pressure: "The attacker tries to create urgency, false authority, or false evidence so a person makes a rushed decision.",
|
| 908 |
+
break: "HIR break: Honesty collapses through false context; Respect collapses when the person becomes a target.",
|
| 909 |
+
defense: "Defense: slow decision flow, verify identity/source, label uncertainty, block transaction-enabling help, and route to protective guidance."
|
| 910 |
+
},
|
| 911 |
+
impersonation: {
|
| 912 |
+
title: "Impersonation",
|
| 913 |
+
pressure: "The attacker tries to borrow another identity, role, institution, or trusted relationship.",
|
| 914 |
+
break: "HIR break: Honesty fails at identity; Integrity fails when the system accepts a false role.",
|
| 915 |
+
defense: "Defense: provenance checks, role verification, signed channels, cautious output, and refusal to strengthen deception."
|
| 916 |
+
},
|
| 917 |
+
tool: {
|
| 918 |
+
title: "Tool Misuse",
|
| 919 |
+
pressure: "The attacker tries to make the model use tools, code, data, or automation outside legitimate authorization.",
|
| 920 |
+
break: "HIR break: Integrity fails when execution boundaries are crossed.",
|
| 921 |
+
defense: "Defense: tool firewall, authorization checks, read/write separation, least privilege, sandboxing, and audit logs."
|
| 922 |
+
},
|
| 923 |
+
data: {
|
| 924 |
+
title: "Data Exposure",
|
| 925 |
+
pressure: "The attacker tries to make private, secret, or context-bound information leave its proper boundary.",
|
| 926 |
+
break: "HIR break: Respect fails through privacy violation; Integrity fails through provenance breach.",
|
| 927 |
+
defense: "Defense: secret detection, access scoping, redaction, memory isolation, and escalation for suspected exposure."
|
| 928 |
+
},
|
| 929 |
+
swarm: {
|
| 930 |
+
title: "Automation Swarm",
|
| 931 |
+
pressure: "The attacker scales low-cost generated variants to overwhelm review, moderation, support, or public attention.",
|
| 932 |
+
break: "HIR break: Honesty degrades through signal flooding; Integrity degrades through volume pressure.",
|
| 933 |
+
defense: "Defense: rate limits, anomaly detection, provenance tagging, batch review, friction, and coordinated response."
|
| 934 |
+
},
|
| 935 |
+
vulnerable: {
|
| 936 |
+
title: "Human Targeting",
|
| 937 |
+
pressure: "The attacker tries to pressure, shame, groom, extort, isolate, or exploit a vulnerable person.",
|
| 938 |
+
break: "HIR break: Respect collapses completely; OAM converts a person into an object of manipulation.",
|
| 939 |
+
defense: "Defense: refuse exploitative assistance, provide safety resources, preserve dignity, escalate severe risk, and protect agency."
|
| 940 |
+
}
|
| 941 |
+
};
|
| 942 |
+
|
| 943 |
+
const scenarioBox = document.getElementById("scenario");
|
| 944 |
+
function renderScenario(key) {
|
| 945 |
+
const c = scenarios[key];
|
| 946 |
+
scenarioBox.innerHTML = `<h3>${c.title}</h3>
|
| 947 |
+
<p><strong>Abstract pressure:</strong> ${c.pressure}</p>
|
| 948 |
+
<p><strong>${c.break}</strong></p>
|
| 949 |
+
<p><strong>Defensive translation:</strong> ${c.defense}</p>`;
|
| 950 |
+
}
|
| 951 |
+
document.querySelectorAll("#scenarioButtons button").forEach(btn => {
|
| 952 |
+
btn.addEventListener("click", () => {
|
| 953 |
+
document.querySelectorAll("#scenarioButtons button").forEach(b => b.classList.remove("active"));
|
| 954 |
+
btn.classList.add("active");
|
| 955 |
+
renderScenario(btn.dataset.s);
|
| 956 |
+
});
|
| 957 |
+
});
|
| 958 |
+
renderScenario("fraud");
|
| 959 |
+
|
| 960 |
+
const runtimeIds = ["h","i","r","o","s","t"];
|
| 961 |
+
const runtimeVals = Object.fromEntries(runtimeIds.map(id => [id, document.getElementById(id + "Val")]));
|
| 962 |
+
const runtimeStatus = document.getElementById("runtimeStatus");
|
| 963 |
+
const runtimeExplain = document.getElementById("runtimeExplain");
|
| 964 |
+
|
| 965 |
+
function calcRuntime() {
|
| 966 |
+
const H = +document.getElementById("h").value;
|
| 967 |
+
const I = +document.getElementById("i").value;
|
| 968 |
+
const R = +document.getElementById("r").value;
|
| 969 |
+
const O = +document.getElementById("o").value;
|
| 970 |
+
const S = +document.getElementById("s").value;
|
| 971 |
+
const T = +document.getElementById("t").value;
|
| 972 |
+
runtimeVals.h.textContent = H;
|
| 973 |
+
runtimeVals.i.textContent = I;
|
| 974 |
+
runtimeVals.r.textContent = R;
|
| 975 |
+
runtimeVals.o.textContent = O;
|
| 976 |
+
runtimeVals.s.textContent = S;
|
| 977 |
+
runtimeVals.t.textContent = T;
|
| 978 |
+
const hir = (H + I + R) / 3;
|
| 979 |
+
const oam = (O + S + T) / 3;
|
| 980 |
+
const risk = Math.max(0, Math.min(100, oam + (100 - hir) * 0.9));
|
| 981 |
+
runtimeStatus.className = "status";
|
| 982 |
+
if (risk < 35) {
|
| 983 |
+
runtimeStatus.textContent = "GREEN · Defensive / Allowed";
|
| 984 |
+
runtimeExplain.textContent = "HIR is stable and OAM pressure is low. The system can answer normally while preserving boundaries.";
|
| 985 |
+
} else if (risk < 68) {
|
| 986 |
+
runtimeStatus.textContent = "YELLOW · Constrain / Clarify / Transform";
|
| 987 |
+
runtimeStatus.classList.add("yellow");
|
| 988 |
+
runtimeExplain.textContent = "Risk is elevated. The runtime should narrow scope, verify authority, avoid actionable harm, and transform toward defensive or educational guidance.";
|
| 989 |
+
} else {
|
| 990 |
+
runtimeStatus.textContent = "RED · Refuse / Isolate / Escalate";
|
| 991 |
+
runtimeStatus.classList.add("red");
|
| 992 |
+
runtimeExplain.textContent = "High-risk pattern detected. Preserve logs, refuse harmful assistance, protect potential targets, and route to defensive/recovery support.";
|
| 993 |
+
}
|
| 994 |
+
}
|
| 995 |
+
runtimeIds.forEach(id => document.getElementById(id).addEventListener("input", calcRuntime));
|
| 996 |
+
calcRuntime();
|
| 997 |
+
|
| 998 |
+
const identityIds = ["idc","prs","mon","sec","emo","safe"];
|
| 999 |
+
const identityLabels = { idc:"idVal", prs:"pVal", mon:"mVal", sec:"secVal", emo:"emoVal", safe:"safeVal" };
|
| 1000 |
+
const identityStatus = document.getElementById("identityStatus");
|
| 1001 |
+
const identityExplain = document.getElementById("identityExplain");
|
| 1002 |
+
const phoneScore = document.getElementById("phoneScore");
|
| 1003 |
+
const phoneBar = document.getElementById("phoneBar");
|
| 1004 |
+
const phoneGate = document.getElementById("phoneGate");
|
| 1005 |
+
const phonePressure = document.getElementById("phonePressure");
|
| 1006 |
+
const phoneIdentity = document.getElementById("phoneIdentity");
|
| 1007 |
+
const phoneRequest = document.getElementById("phoneRequest");
|
| 1008 |
+
const phoneAction = document.getElementById("phoneAction");
|
| 1009 |
+
|
| 1010 |
+
function calcIdentity() {
|
| 1011 |
+
const idc = +document.getElementById("idc").value;
|
| 1012 |
+
const prs = +document.getElementById("prs").value;
|
| 1013 |
+
const mon = +document.getElementById("mon").value;
|
| 1014 |
+
const sec = +document.getElementById("sec").value;
|
| 1015 |
+
const emo = +document.getElementById("emo").value;
|
| 1016 |
+
const safe = +document.getElementById("safe").value;
|
| 1017 |
+
|
| 1018 |
+
Object.entries(identityLabels).forEach(([src, label]) => {
|
| 1019 |
+
document.getElementById(label).textContent = document.getElementById(src).value;
|
| 1020 |
+
});
|
| 1021 |
+
|
| 1022 |
+
const risk = Math.max(0, Math.min(100, (prs*.23 + mon*.28 + sec*.18 + emo*.16 + (100-idc)*.2 + (100-safe)*.15)));
|
| 1023 |
+
identityStatus.className = "status";
|
| 1024 |
+
phoneScore.textContent = Math.round(risk);
|
| 1025 |
+
phoneBar.style.width = Math.round(risk) + "%";
|
| 1026 |
+
phonePressure.textContent = prs > 66 ? "High" : prs > 34 ? "Elevated" : "Low";
|
| 1027 |
+
phoneIdentity.textContent = idc > 70 ? "Likely known" : idc > 40 ? "Limited confidence" : "Unverified";
|
| 1028 |
+
phoneRequest.textContent = (mon + sec) > 110 ? "Money / code risk" : (mon + sec) > 55 ? "Sensitive request" : "No obvious request";
|
| 1029 |
+
|
| 1030 |
+
if (risk < 34) {
|
| 1031 |
+
identityStatus.textContent = "GREEN · Low Risk / Continue Carefully";
|
| 1032 |
+
identityExplain.textContent = "The interaction appears lower risk. Continue normal caution, avoid sharing sensitive information, and verify unusual requests.";
|
| 1033 |
+
phoneGate.textContent = "Green Gate · Continue Carefully";
|
| 1034 |
+
phoneGate.style.color = "var(--green)";
|
| 1035 |
+
phoneAction.textContent = "Caution";
|
| 1036 |
+
} else if (risk < 68) {
|
| 1037 |
+
identityStatus.textContent = "YELLOW · Pause and Verify";
|
| 1038 |
+
identityStatus.classList.add("yellow");
|
| 1039 |
+
identityExplain.textContent = "Identity confidence is limited or pressure is elevated. Do not provide money, codes, credentials, documents, or remote access. Verify through a known safe channel.";
|
| 1040 |
+
phoneGate.textContent = "Yellow Gate · Verify Before Acting";
|
| 1041 |
+
phoneGate.style.color = "var(--amber)";
|
| 1042 |
+
phoneAction.textContent = "Pause + verify";
|
| 1043 |
+
} else {
|
| 1044 |
+
identityStatus.textContent = "RED · Hang Up / Block / Lock Down";
|
| 1045 |
+
identityStatus.classList.add("red");
|
| 1046 |
+
identityExplain.textContent = "High-risk pattern detected. Stop the interaction, preserve evidence, contact trusted institutions through known channels, and begin identity-protection steps.";
|
| 1047 |
+
phoneGate.textContent = "Red Gate · Stop Interaction";
|
| 1048 |
+
phoneGate.style.color = "var(--red)";
|
| 1049 |
+
phoneAction.textContent = "Block + lock down";
|
| 1050 |
+
}
|
| 1051 |
+
}
|
| 1052 |
+
identityIds.forEach(id => document.getElementById(id).addEventListener("input", calcIdentity));
|
| 1053 |
+
calcIdentity();
|
| 1054 |
+
</script>
|
| 1055 |
+
</body>
|
| 1056 |
</html>
|
|
@@ -0,0 +1,115 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<title>Primordial OS · HIR Shield Public Defense Ecosystem</title>
|
| 7 |
+
<style>
|
| 8 |
+
:root {
|
| 9 |
+
--bg:#06070b; --bg2:#0b1018; --panel:#101722; --panel2:#151f2d; --panel3:#1b2635;
|
| 10 |
+
--ink:#f7efe3; --muted:#b9ad9a; --dim:#726a5e; --line:rgba(224,180,84,.22);
|
| 11 |
+
--gold:#e0b454; --copper:#b86b3f; --purple:#a855f7; --magenta:#e879f9; --blue:#67b7ff;
|
| 12 |
+
--green:#68c77b; --red:#e35a5a; --amber:#f2a93b; --cyan:#22d3ee;
|
| 13 |
+
--shadow:0 24px 100px rgba(0,0,0,.45); --glass:rgba(255,255,255,.055);
|
| 14 |
+
--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
|
| 15 |
+
--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
| 16 |
+
--serif: Georgia, "Times New Roman", serif;
|
| 17 |
+
}
|
| 18 |
+
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)}
|
| 19 |
+
body{margin:0;background:radial-gradient(circle at 13% 0%,rgba(224,180,84,.18),transparent 34rem),radial-gradient(circle at 86% 8%,rgba(168,85,247,.18),transparent 34rem),radial-gradient(circle at 50% 100%,rgba(34,211,238,.10),transparent 35rem),var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.58;}
|
| 20 |
+
body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.018) 3px,rgba(255,255,255,.018) 4px);pointer-events:none;z-index:9999}
|
| 21 |
+
.wrap{width:min(1220px,calc(100% - 32px));margin:0 auto} a{color:inherit}
|
| 22 |
+
.hero{min-height:88vh;display:grid;align-items:center;padding:72px 0 46px;position:relative;overflow:hidden}
|
| 23 |
+
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:32px;align-items:center}
|
| 24 |
+
.kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:8px 12px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em}
|
| 25 |
+
.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 28px var(--green);animation:pulse 1.55s infinite}@keyframes pulse{50%{transform:scale(1.25);opacity:1}0%,100%{opacity:.45}}
|
| 26 |
+
h1{font-size:clamp(44px,8vw,96px);line-height:.92;letter-spacing:-.066em;margin:22px 0 18px}h1 span{color:var(--gold);text-shadow:0 0 34px rgba(224,180,84,.18)}
|
| 27 |
+
.subtitle{font-size:clamp(18px,2vw,23px);max-width:870px;color:var(--muted);margin:0 0 26px}
|
| 28 |
+
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(224,180,84,.10);text-decoration:none;color:var(--ink);font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.18)}.btn.secondary{background:rgba(255,255,255,.04);color:var(--muted)}
|
| 29 |
+
.orb{position:relative;aspect-ratio:1;border-radius:42px;border:1px solid rgba(224,180,84,.18);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center;padding:28px}
|
| 30 |
+
.orb:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 90deg,rgba(224,180,84,.0),rgba(224,180,84,.22),rgba(168,85,247,.22),rgba(34,211,238,.16),rgba(224,180,84,.0));animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
|
| 31 |
+
.core-symbol{position:relative;z-index:1;border-radius:36px;border:1px solid rgba(224,180,84,.25);background:rgba(6,7,11,.72);backdrop-filter:blur(8px);padding:28px;width:100%;height:100%;display:grid;place-items:center;text-align:center}
|
| 32 |
+
.hir-mark{font-family:var(--serif);font-size:clamp(76px,13vw,150px);line-height:.8;font-weight:900;color:var(--gold);letter-spacing:-.08em;text-shadow:0 0 40px rgba(224,180,84,.26)}.mark-sub{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:18px}
|
| 33 |
+
nav{position:sticky;top:0;z-index:50;background:rgba(6,7,11,.82);backdrop-filter:blur(16px);border-top:1px solid rgba(224,180,84,.12);border-bottom:1px solid rgba(224,180,84,.12)}nav .wrap{display:flex;gap:10px;overflow-x:auto;padding:12px 0}nav a{white-space:nowrap;text-decoration:none;color:var(--muted);border:1px solid rgba(224,180,84,.16);border-radius:999px;padding:8px 12px;font-size:13px}nav a:hover{color:var(--ink);border-color:var(--gold)}
|
| 34 |
+
section{padding:62px 0}.title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.num{font-family:var(--mono);color:var(--gold);font-size:12px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--glass)}h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1;margin:0}.lead{max-width:940px;color:var(--muted);font-size:18px;margin:0 0 24px}
|
| 35 |
+
.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.hero-grid,.two,.three,.four{grid-template-columns:1fr}.orb{max-width:520px;margin:auto}}
|
| 36 |
+
.card,.module,.source-card,.link-card{position:relative;border:1px solid rgba(224,180,84,.16);background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.026));border-radius:24px;padding:22px;box-shadow:0 16px 64px rgba(0,0,0,.24);overflow:hidden}.card:before,.module:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.36}.card h3,.module h3{margin:0 0 9px;font-size:21px}.card p,.module p{margin:0;color:var(--muted)}
|
| 37 |
+
.tagrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:999px;padding:5px 8px;color:var(--muted)}.green{color:var(--green)!important;border-color:rgba(104,199,123,.25)}.red{color:var(--red)!important;border-color:rgba(227,90,90,.25)}.gold{color:var(--gold)!important;border-color:rgba(224,180,84,.25)}.blue{color:var(--blue)!important;border-color:rgba(103,183,255,.25)}.purple{color:var(--purple)!important;border-color:rgba(168,85,247,.28)}.amber{color:var(--amber)!important;border-color:rgba(242,169,59,.28)}
|
| 38 |
+
.callout{border-left:5px solid var(--gold);background:rgba(224,180,84,.085);border-radius:0 20px 20px 0;padding:20px 24px;color:var(--muted);margin:22px 0}.callout strong{color:var(--ink)}
|
| 39 |
+
.eq-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(224,180,84,.18);border:1px solid rgba(224,180,84,.18);border-radius:24px;overflow:hidden;margin-top:20px}.eq{background:rgba(16,23,34,.95);padding:22px}.eq .formula{font-family:var(--serif);font-size:25px;color:var(--gold);font-style:italic;margin-bottom:7px}.eq p{margin:0;color:var(--muted)}@media(max-width:800px){.eq-strip{grid-template-columns:1fr}}
|
| 40 |
+
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:24px}.step{border:1px solid rgba(224,180,84,.18);background:rgba(255,255,255,.045);border-radius:20px;padding:18px 14px;min-height:160px}.step .n{font-family:var(--mono);font-size:12px;color:var(--gold)}.step strong{display:block;margin:8px 0}.step span{color:var(--muted);font-size:14px}@media(max-width:1000px){.timeline{grid-template-columns:1fr}}
|
| 41 |
+
.gatebox{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.slider-card{border:1px solid rgba(224,180,84,.18);background:rgba(255,255,255,.04);border-radius:24px;padding:22px}.meter{margin:14px 0}.meter label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:8px}input[type=range]{width:100%;accent-color:var(--gold)}.status{font-size:40px;font-weight:900;letter-spacing:-.04em;color:var(--green)}.status.yellow{color:var(--amber)}.status.red{color:var(--red)}.bar{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;width:70%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--amber),var(--red));transition:width .3s}
|
| 42 |
+
.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.mode-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mode-grid{grid-template-columns:1fr}}
|
| 43 |
+
.mode{border:1px solid rgba(224,180,84,.16);border-radius:20px;background:rgba(255,255,255,.04);padding:18px}.mode h4{margin:0 0 8px;color:var(--gold)}.mode p{margin:0;color:var(--muted);font-size:14px}
|
| 44 |
+
.wren{border:1px solid rgba(104,199,123,.24);background:linear-gradient(135deg,rgba(104,199,123,.10),rgba(224,180,84,.05));border-radius:28px;padding:28px}.wren h3{font-size:32px;margin:0 0 12px}.quote{font-family:var(--serif);font-size:24px;font-style:italic;color:var(--gold);line-height:1.35}
|
| 45 |
+
.registry{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-card{padding:16px;border-radius:18px}.source-card h4{margin:0 0 6px;font-size:16px;color:var(--gold)}.source-card p{margin:0 0 10px;color:var(--muted);font-size:13px}.source-card code{display:block;font-size:11px;color:var(--dim);word-break:break-all}@media(max-width:800px){.registry{grid-template-columns:1fr}}
|
| 46 |
+
.proto{border:1px solid rgba(34,211,238,.22);border-radius:28px;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(168,85,247,.06));padding:26px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(0,0,0,.18);padding:14px;text-align:center}.metric span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.metric strong{font-size:28px;color:var(--gold)}@media(max-width:750px){.metrics{grid-template-columns:1fr 1fr}}
|
| 47 |
+
.table-wrap{overflow:auto;border:1px solid rgba(224,180,84,.16);border-radius:20px;background:rgba(255,255,255,.025);max-height:560px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid rgba(255,255,255,.07);padding:10px 12px;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#111722;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.1em}td code{font-size:11px;color:#d9c293;word-break:break-all}
|
| 48 |
+
.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.link-card{display:block;text-decoration:none;border-radius:18px;padding:16px}.link-card span{display:block;color:var(--gold);font-weight:800;margin-bottom:6px}.link-card code{display:block;color:var(--muted);font-size:11px;word-break:break-all}@media(max-width:850px){.link-grid{grid-template-columns:1fr}}
|
| 49 |
+
.footer{border-top:1px solid rgba(224,180,84,.14);padding:44px 0 80px;color:var(--muted)}.footer strong{color:var(--ink)}
|
| 50 |
+
.small{font-size:13px;color:var(--muted)}
|
| 51 |
+
</style>
|
| 52 |
+
</head>
|
| 53 |
+
<body>
|
| 54 |
+
<header class="hero" id="top"><div class="wrap hero-grid"><div>
|
| 55 |
+
<div class="kicker"><span class="pulse"></span> Free Public-Interest Runtime · Created and Developed by Collin D. Weber</div>
|
| 56 |
+
<h1>Primordial OS<br><span>Public Defense Ecosystem</span></h1>
|
| 57 |
+
<p class="subtitle">A unified HIR × OAM architecture for giving people back time: phone security, scam defense, identity protection, child cognition literacy, due-process integrity, bounded bio-cognition mapping, and runtime-governed AI safety.</p>
|
| 58 |
+
<div class="hero-actions"><a class="btn" href="#roadmap">Open the Roadmap</a><a class="btn secondary" href="#manifest">View Release Integrity</a><a class="btn secondary" href="#community">Community Firewatch</a></div>
|
| 59 |
+
</div><div class="orb"><div class="core-symbol"><div class="hir-mark">HIR</div><div class="mark-sub">Honesty · Integrity · Respect<br>Fidelity + Cohesion → Resonance</div></div></div></div></header>
|
| 60 |
+
<nav><div class="wrap"><a href="#thesis">Thesis</a><a href="#kernel">Kernel</a><a href="#shield">HIR Shield</a><a href="#wren">Little Wren</a><a href="#ai">AI Defense</a><a href="#compute">Compute Stack</a><a href="#bio">Bio-Cognition</a><a href="#dueprocess">Due Process</a><a href="#manifest">Manifest</a><a href="#community">Firewatch</a><a href="#links">Links</a></div></nav>
|
| 61 |
+
<main>
|
| 62 |
+
<section id="thesis" class="wrap"><div class="title"><span class="num">01</span><h2>The Time-Root Thesis</h2></div>
|
| 63 |
+
<p class="lead">The modern crisis is temporal. People are losing the time required to form family bonds, cognition literacy, community trust, civic rootedness, and intergenerational stability. When time is extracted, roots fail. When roots fail, people become easier to manipulate.</p>
|
| 64 |
+
<div class="grid three"><article class="card"><h3>Time is the substrate</h3><p>Scams, malware, bureaucracy, attention traps, identity theft, and digital chaos consume the time people need to live, learn, repair, and relate.</p><div class="tagrow"><span class="tag gold">Root condition</span></div></article><article class="card"><h3>Rootlessness is a system failure</h3><p>Families lose time; communities lose repetition; cities, states, and countries lose rooted people who can steward shared reality.</p><div class="tagrow"><span class="tag red">Human dust bowl</span></div></article><article class="card"><h3>HIR gives time back</h3><p>Protection is not merely blocking threats. It is preserving the conditions for agency, dignity, learning, family, and community resonance.</p><div class="tagrow"><span class="tag green">Repair</span><span class="tag blue">Agency</span></div></article></div>
|
| 65 |
+
<div class="callout"><strong>Founding line:</strong> HIR Shield gives people back time so they can grow roots again.</div></section>
|
| 66 |
+
|
| 67 |
+
<section id="kernel" class="wrap"><div class="title"><span class="num">02</span><h2>HIR Kernel & OAM Fault Model</h2></div><p class="lead">HIR is the bedrock kernel. OAM is the degradation/fault detector. The governing threshold is Resonance, not generic coherence.</p>
|
| 68 |
+
<div class="eq-strip"><div class="eq"><div class="formula">Honesty + Integrity → Fidelity</div><p>Reality contact plus structural consistency gives the system truthful traction.</p></div><div class="eq"><div class="formula">Respect + Integrity → Cohesion</div><p>Dignity plus structural consistency lets people, records, tools, and contexts hold together.</p></div><div class="eq"><div class="formula">Fidelity + Cohesion → Resonance</div><p>When truth contact and relational structure reinforce each other, the system can endure under pressure.</p></div></div>
|
| 69 |
+
<div class="gatebox" style="margin-top:24px"><div class="slider-card"><h3>Interactive Runtime Gate</h3><p class="small">A simplified visual gate: high HIR plus lower OAM pressure produces stronger Resonance.</p><div class="meter"><label>Honesty <b id="hVal">80</b></label><input id="h" type="range" min="0" max="100" value="80"></div><div class="meter"><label>Integrity <b id="iVal">80</b></label><input id="i" type="range" min="0" max="100" value="80"></div><div class="meter"><label>Respect <b id="rVal">80</b></label><input id="r" type="range" min="0" max="100" value="80"></div><div class="meter"><label>OAM Pressure <b id="oVal">25</b></label><input id="o" type="range" min="0" max="100" value="25"></div></div><div class="slider-card"><h3>Gate Output</h3><div class="status" id="status">GREEN</div><div class="bar"><span id="resbar"></span></div><p id="explain" class="small">Runtime condition is stable.</p><div class="tagrow"><span class="tag green">GREEN: allow</span><span class="tag amber">YELLOW: verify</span><span class="tag red">RED: block / escalate</span></div></div></div></section>
|
| 70 |
+
|
| 71 |
+
<section id="shield" class="wrap"><div class="title"><span class="num">03</span><h2>HIR Shield: Public Defense Interface</h2></div><p class="lead">HIR Shield is a free public-interest protection suite for phone integrity, scam defense, identity protection, AI-assisted manipulation resistance, and digital recovery. It is not scareware. It is honest protection.</p>
|
| 72 |
+
<div class="grid three"><article class="module"><h3>Phone Integrity Audit</h3><p>App inventory, risky permissions, sideloaded apps, notification/accessibility abuse checks, VPN/DNS/profile review, battery/network anomaly guidance, and recovery reporting.</p><div class="tagrow"><span class="tag blue">Phone cleanup</span><span class="tag green">User agency</span></div></article><article class="module"><h3>Call/Text/AI Scam Shield</h3><p>Call screening, unknown caller quarantine, scam-text analysis, pressure detection, synthetic voice caution, trusted callback guidance, and no-shame education.</p><div class="tagrow"><span class="tag red">Scam defense</span><span class="tag gold">Verify reality</span></div></article><article class="module"><h3>Identity Theft Defense</h3><p>Credential risk checklist, SIM-swap prevention, credit freeze/fraud alert guidance, evidence packet generator, account recovery sequencing, and trusted-contact escalation.</p><div class="tagrow"><span class="tag purple">Identity shield</span></div></article></div>
|
| 73 |
+
<h3 style="margin-top:28px">Configurable Modes</h3><div class="mode-grid"><div class="mode"><h4>Adult Mode</h4><p>Preserves lawful adult agency while blocking exploitation, malware, non-consensual abuse, illegal material, and coercive/manipulative patterns.</p></div><div class="mode"><h4>Family / Child Mode</h4><p>Strong default boundary: trusted contacts, trusted apps, child-safe browsing, safe AI spaces, and guardian escalation without shame.</p></div><div class="mode"><h4>Elder Protection</h4><p>Designed for high-risk scam pressure: unknown caller quarantine, trusted family verification, no-code-sharing warnings, and recovery support.</p></div><div class="mode"><h4>Recovery Mode</h4><p>If damage already occurred: preserve evidence, slow panic, lock down accounts, document timeline, report safely, and restore dignity.</p></div></div></section>
|
| 74 |
+
|
| 75 |
+
<section id="wren" class="wrap"><div class="title"><span class="num">04</span><h2>Little Wren: Child Cognition Companion</h2></div><div class="wren"><h3>Little Wren</h3><p class="quote">Small wings. Strong roots. Higher flight.</p><p class="lead" style="margin-top:16px">Little Wren is the children’s cognition-literacy and digital-safety module. It helps children understand how they think, feel, learn, express, recover, and relate — while helping parents understand the child’s cognition without forcing the child into the parent’s map.</p><div class="grid three"><article class="card"><h3>Personal tutor</h3><p>Adapts to the child’s cognition, learning style, attention rhythm, emotional signals, and expression pathway.</p></article><article class="card"><h3>Confidant & mirror</h3><p>Reflects the child without shame, helps name feelings and patterns, and escalates only for self-harm, harm to others, exploitation risk, or illegality.</p></article><article class="card"><h3>Responsible autonomy</h3><p>Uses parents, teachers, AI, and social supports as wings — then helps the child grow beyond dependence with honesty, integrity, respect, and agency.</p></article></div></div>
|
| 76 |
+
<div class="callout"><strong>Wren symbolism:</strong> The wren hides in the eagle’s feathers, rises with the eagle, then breaks out and flies higher. Little Wren helps children use support structures without becoming trapped by them.</div></section>
|
| 77 |
+
|
| 78 |
+
<section id="ai" class="wrap"><div class="title"><span class="num">05</span><h2>AI Misuse & Authorized Red-Team Layer</h2></div><p class="lead">Black-hat LLMs and AI-assisted abuse are treated as OAM accelerators: language fluency detached from honesty, integrity, respect, provenance, consent, and accountability.</p><div class="grid three"><article class="card"><h3>Threat Model</h3><p>AI-assisted phishing, synthetic social engineering, impersonation, fraud amplification, jailbreaking, data exposure, automation swarms, and human targeting.</p><div class="tagrow"><span class="tag red">OAM accelerator</span></div></article><article class="card"><h3>Safe Red-Team View</h3><p>Authorized emulation only: dummy data, synthetic users, mock infrastructure, no real targets, no exploit recipes, no malware logic, no credential theft.</p><div class="tagrow"><span class="tag gold">Defensive only</span></div></article><article class="card"><h3>Runtime Response</h3><p>Classify, constrain, verify, isolate, log, escalate, safely transform, repair, and retest without degrading legitimate user help.</p><div class="tagrow"><span class="tag green">HIR defense</span></div></article></div></section>
|
| 79 |
+
|
| 80 |
+
<section id="compute" class="wrap"><div class="title"><span class="num">06</span><h2>Primordial Compute Substrate</h2></div><p class="lead">These maps turn HIR/OAM into an operating architecture: CPU governance, GPU-style parallel pattern handling, Resonant Access Memory, and quantum-inspired uncertainty states.</p><div class="grid four"><article class="card"><h3>HIR-SPU CPU</h3><p>Deterministic runtime governance core: HIR gates, permission states, registers, equations, and invariants.</p><div class="tagrow"><span class="tag blue">Processing core</span></div></article><article class="card"><h3>HIR-SPU GPU</h3><p>Parallel pattern field for many signals at once: scam patterns, cognition signals, OAM pressure, identity risk, safety flags.</p><div class="tagrow"><span class="tag purple">Parallel lanes</span></div></article><article class="card"><h3>Resonant Access Memory</h3><p>Memory that is bounded, consent-aware, provenance-aware, and resonance-sensitive — not save-everything surveillance.</p><div class="tagrow"><span class="tag green">Bounded memory</span></div></article><article class="card"><h3>Quantum HIR State</h3><p>GREEN/YELLOW/RED state mapping for bounded uncertainty: allow, verify, block/escalate.</p><div class="tagrow"><span class="tag gold">Uncertainty gate</span></div></article></div></section>
|
| 81 |
+
|
| 82 |
+
<section id="bio" class="wrap"><div class="title"><span class="num">07</span><h2>Bio-Cognition & Life-First Layers</h2></div><p class="lead">These layers support Little Wren and HIR Shield as bounded cognition/wellness architecture. They must remain non-diagnostic unless separately validated, reviewed, and authorized.</p><div class="grid three"><article class="card"><h3>Brain Layer</h3><p>HIR-governed neurophysical mapping: cognition, attention, memory, regulation, expression, and self-understanding.</p></article><article class="card"><h3>Biofeedback Layer</h3><p>Physiological signal mapping: breath, stress, overwhelm, fatigue, recovery, and body-to-cognition awareness.</p></article><article class="card"><h3>Pathophysiology Layer</h3><p>OAM-governed degradation mapping: pressure, stress, environment, biological strain, and recovery boundaries.</p></article><article class="card"><h3>DNA / GRCh38</h3><p>Bounded genomic uncertainty: unresolved biology is not converted into positive evidence; measurement failure stays separate from biological unknowns.</p></article><article class="card"><h3>Abiogenesis / Life-Origin</h3><p>Life-first origin conditions, emergence, repair, resonance, and degradation pressure as macro architecture.</p></article><article class="card"><h3>Agriculture / Regeneration</h3><p>Soil, water, food systems, community roots, and life-first regeneration as environmental HIR mapping.</p></article></div></section>
|
| 83 |
+
|
| 84 |
+
<section id="dueprocess" class="wrap"><div class="title"><span class="num">08</span><h2>Due-Process Integrity Layer</h2></div><p class="lead">A bounded pre-carceral review instrument for documentation coherence and agency preservation. This is not legal advice, not a finding, and not an automated verdict.</p><div class="grid four"><article class="card"><h3>Warrant</h3><p>Probable cause documentation, scope integrity, factual specificity, rights-preserving review.</p></article><article class="card"><h3>Police Report</h3><p>Narrative accuracy, internal consistency, non-dehumanizing language, cross-source alignment.</p></article><article class="card"><h3>Bodycam / Recording</h3><p>Footage integrity, protocol compliance, gaps, discrepancies, and cross-document coherence.</p></article><article class="card"><h3>Evidence Chain</h3><p>Completeness, chain of custody, exculpatory evidence, contamination risk, rights compliance.</p></article></div><div class="callout"><strong>Invariant:</strong> This is a coherence-check, not a verdict. Low resonance means “human review warranted,” not guilt, liability, or legal conclusion.</div></section>
|
| 85 |
+
|
| 86 |
+
<section id="manifest" class="wrap"><div class="title"><span class="num">09</span><h2>Runtime Prototype & Release Integrity</h2></div><div class="proto"><h3>Primordial OS Runtime Prototype v0.13.0</h3><p class="lead">The maps define the architecture; the release manifest anchors the prototype. This manifest records author, version, generation time, file categories, and SHA-256 hashes for release integrity.</p><div class="metrics"><div class="metric"><span>Author</span><strong style="font-size:19px">Collin D. Weber</strong></div><div class="metric"><span>Files</span><strong>38</strong></div><div class="metric"><span>Algorithm</span><strong style="font-size:22px">SHA-256</strong></div><div class="metric"><span>Version</span><strong>0.13.0</strong></div></div><div class="grid two"><div class="card"><h3>Bounded Disclaimer</h3><p>Pre-validation architecture only. Not clinical software. Not a medical device. Does not diagnose, treat, cure, or make medical decisions. All outputs are architectural demonstrations only.</p></div><div class="card"><h3>Non-Clinical Boundary</h3><p>This package does not contain PHI, PII, clinical data, real user memory, raw prompts, or personally identifiable information. All audit log events are synthetic demonstrations.</p></div></div><h3 style="margin-top:26px">Category Counts</h3><div class="metrics"><div class="metric"><span>documentation</span><strong>8</strong></div><div class="metric"><span>manifest</span><strong>1</strong></div><div class="metric"><span>build</span><strong>1</strong></div><div class="metric"><span>config</span><strong>1</strong></div><div class="metric"><span>source</span><strong>10</strong></div><div class="metric"><span>tests</span><strong>11</strong></div><div class="metric"><span>examples</span><strong>5</strong></div><div class="metric"><span>audit_log</span><strong>1</strong></div></div><h3 style="margin-top:26px">Package Hashes</h3><div class="card"><p><strong>Runtime ZIP SHA-256:</strong><br><code>fa1ce7611d4cf2433357f1aca0884f57ddde5648d1aae7fc135136efd69a979f</code></p><p style="margin-top:12px"><strong>CyberSec Suite SHA file:</strong><br><code>77afde90c197182798db42b225ca0f37da5bf94c520e74a42c0deb3cf026563e Primordial_CyberSec_Suite_v0.1_Collin_D_Weber.zip</code></p></div><h3 style="margin-top:26px">Manifest File Table</h3><div class="table-wrap"><table><thead><tr><th>Path</th><th>Category</th><th>Bytes</th><th>SHA-256</th></tr></thead><tbody><tr><td><code>README.md</code></td><td>documentation</td><td>2,425</td><td><code>6737f812afd0aa4f0c022ece262a2f88d78454f3d2b43c811748094a7c4b64db</code></td></tr><tr><td><code>SHOWCASE_README.md</code></td><td>documentation</td><td>5,768</td><td><code>af4bd5c46078f47e01df31dbef448a3d3aa7d01c6950fefdef5d18555c8c56de</code></td></tr><tr><td><code>WHAT_THIS_PROVES.md</code></td><td>documentation</td><td>3,909</td><td><code>fc2030d75b6487abb5ee74ce1bff009fabd9b5d597be98b4270f971823e58a3a</code></td></tr><tr><td><code>WHAT_THIS_DOES_NOT_PROVE.md</code></td><td>documentation</td><td>3,317</td><td><code>571ec54bb4f85e81d65aea66b94f546144934605fbb6a0aacd17ac2f5046ade8</code></td></tr><tr><td><code>RUN_COMMANDS.md</code></td><td>documentation</td><td>1,859</td><td><code>22211845034af1e24fd7d15d685000d9a39c15667505300df45e7eadeaed856b</code></td></tr><tr><td><code>CLAUDE.md</code></td><td>documentation</td><td>3,084</td><td><code>3757fc7a46fe072fa28ba227230827762c8fb2d19ef088343f081431120e1a5e</code></td></tr><tr><td><code>LIMITATIONS.md</code></td><td>documentation</td><td>2,639</td><td><code>efdcabdfc662d4fbce2646fba9c58fac6777c3b4b6aba304dc395526c6e4733f</code></td></tr><tr><td><code>CHANGELOG.md</code></td><td>documentation</td><td>16,371</td><td><code>135f72aac6b247bdf36ec9b7d4b35cdba50106fedc6a1d5fd446c93324c73c18</code></td></tr><tr><td><code>MANIFEST.json</code></td><td>manifest</td><td>2,172</td><td><code>e685be182978369caea678bf3b3fbba207250d8b8b311aeb289af41aa2e1c58d</code></td></tr><tr><td><code>pyproject.toml</code></td><td>build</td><td>968</td><td><code>8f57d88771f60ee13f1b8cceed50e0c47ca1985afdc71331945707fc3310794a</code></td></tr><tr><td><code>.gitignore</code></td><td>config</td><td>161</td><td><code>113ac974841ec002704cefb72d77c52b4aae4295fc3eaa589fbcab0fcc2d1c86</code></td></tr><tr><td><code>src/primordial_os/__init__.py</code></td><td>source</td><td>276</td><td><code>dfeba705b161a8ea77226a53395c5011e7fb091f8a454f90a544fc3b3ad26ab8</code></td></tr><tr><td><code>src/primordial_os/audit_log.py</code></td><td>source</td><td>6,399</td><td><code>f8f0ac5c8735a399a410e904330cc47f3c1ebc43fe09ee83a6457bc72c570d6e</code></td></tr><tr><td><code>src/primordial_os/audit_store.py</code></td><td>source</td><td>5,471</td><td><code>e4dbd84bf376fe89baced0b7f3b1b4040554e2941903605385058e3eba509946</code></td></tr><tr><td><code>src/primordial_os/cli.py</code></td><td>source</td><td>10,115</td><td><code>e51a3d85e79be2918dc2e2945175450774a5a87f2e049bff02919189339d9a5b</code></td></tr><tr><td><code>src/primordial_os/hir_kernel.py</code></td><td>source</td><td>3,687</td><td><code>86561001d632de0320f89eb0a7037be7e970e0040eb84ba0f2a9f0e8de00157d</code></td></tr><tr><td><code>src/primordial_os/memory_gate.py</code></td><td>source</td><td>7,504</td><td><code>772a2966fd003f9a16c9493a0ccae2250f2489d9c1090824a4b46f1910fd78f0</code></td></tr><tr><td><code>src/primordial_os/oam_detector.py</code></td><td>source</td><td>12,738</td><td><code>f7036f95506bbe1077aef12ffae154be065fbd2da586389a701132b2f753e34f</code></td></tr><tr><td><code>src/primordial_os/release_builder.py</code></td><td>source</td><td>7,919</td><td><code>06e3058627423cb0d3c2f0b04726aa5a38aa6662bb9c734e524247e36b08d4ff</code></td></tr><tr><td><code>src/primordial_os/runtime.py</code></td><td>source</td><td>2,817</td><td><code>c5964674f7e4b81a3474d00610efaa1332c985686c79617fa16df39971dc8588</code></td></tr><tr><td><code>src/primordial_os/safety_engine.py</code></td><td>source</td><td>2,909</td><td><code>03a5fa1522bdf2824f586f38dc1ade91bbff98797875446d992e2ea4f97d3f26</code></td></tr><tr><td><code>tests/test_audit_log.py</code></td><td>tests</td><td>14,314</td><td><code>991c4f493d40c234c99d9e2f3912d7d818a9aaa6c9a4b754398c5d9239e91f8f</code></td></tr><tr><td><code>tests/test_audit_store.py</code></td><td>tests</td><td>15,561</td><td><code>9ba8318725e83d67b8d978f9d1ae2782713e54329758225cf0cd57874e74d2dc</code></td></tr><tr><td><code>tests/test_cli.py</code></td><td>tests</td><td>7,753</td><td><code>038190cbcce13eb20a891b9a9246174cb5f2a11bb0679ce9002d4f53165faf0e</code></td></tr><tr><td><code>tests/test_docs.py</code></td><td>tests</td><td>7,934</td><td><code>e415e213f36b3d76d553a34d4a9fd662cde2b39f2105af2eca3537fcc0e30fb0</code></td></tr><tr><td><code>tests/test_examples.py</code></td><td>tests</td><td>5,392</td><td><code>154beee0399526014e9a86a667057b41c0b312ca951e958fec56693bb329374e</code></td></tr><tr><td><code>tests/test_hir_kernel.py</code></td><td>tests</td><td>8,836</td><td><code>fc7acd41e11d954b64a16ad8037d63af326908d7bfc75396e7aa377f0196f189</code></td></tr><tr><td><code>tests/test_memory_gate.py</code></td><td>tests</td><td>15,775</td><td><code>6764e5a02521366d13a54e01e5911d6af1cfb54939b0403f96a3db1fc1ded6fb</code></td></tr><tr><td><code>tests/test_oam_detector.py</code></td><td>tests</td><td>17,788</td><td><code>2655ef68ec33a004b76fb48f38910fdcdb2d6e3ab05f2d126eb6456435384044</code></td></tr><tr><td><code>tests/test_release_builder.py</code></td><td>tests</td><td>15,294</td><td><code>16ae5ec1651708d25ef778fd307c2bff3e32d329414b5d23480830c2cca70fd7</code></td></tr><tr><td><code>tests/test_runtime.py</code></td><td>tests</td><td>9,918</td><td><code>7cf09e92bd47a257d16910b85f6f74ceb82691e5d398cc08d19d43c39f49961f</code></td></tr><tr><td><code>tests/test_safety_engine.py</code></td><td>tests</td><td>11,077</td><td><code>b141af77ae55ed8665c3e9b50bf0a31b6d03b74af5e8684397c79937d366ff2f</code></td></tr><tr><td><code>examples/build_release_package.py</code></td><td>examples</td><td>1,955</td><td><code>4fe8a593c4c82fe2d055b89506bdb89c800104571f9fba8a90a5f6eb359610a2</code></td></tr><tr><td><code>examples/run_audit_chain_demo.py</code></td><td>examples</td><td>6,695</td><td><code>37f47fd6955ba34e1d764692bdd06c6cba350946467a2ccaad590200dd5d8a68</code></td></tr><tr><td><code>examples/run_basic_evaluation.py</code></td><td>examples</td><td>2,173</td><td><code>5f3a0e951a4288a04fa7d5668e9f1d3761b1ff4f83b7372eafffab55146ee827</code></td></tr><tr><td><code>examples/run_hir_pressure_yellow.py</code></td><td>examples</td><td>3,121</td><td><code>69a3f00e81af037e57621bb336828c0843f7cb5b2d23d3536d212aef667089cd</code></td></tr><tr><td><code>examples/run_oam_red_override.py</code></td><td>examples</td><td>2,895</td><td><code>d5c823ab4e28f907a599a5a1b5b743188f9ccc649131f929df9358cd67ac6278</code></td></tr><tr><td><code>audit_logs/demo_audit_chain.jsonl</code></td><td>audit_log</td><td>2,248</td><td><code>0916b5edd0ca29406e53758ccefab2d25f4b035c4a8a531afb0785848038105b</code></td></tr></tbody></table></div></div></section>
|
| 87 |
+
|
| 88 |
+
<section id="roadmap" class="wrap"><div class="title"><span class="num">10</span><h2>Build Roadmap</h2></div><div class="timeline"><div class="step"><div class="n">01</div><strong>Public Architecture</strong><span>OSF packets, HTML maps, video provenance, manifest, checksums, and review-ready summaries.</span></div><div class="step"><div class="n">02</div><strong>HIR Shield MVP</strong><span>Android-first phone integrity audit, permission checks, risky setting review, and recovery report.</span></div><div class="step"><div class="n">03</div><strong>Scam / Identity Shield</strong><span>Call/text screening, pressure detection, trusted callback, evidence packet, identity lockdown checklist.</span></div><div class="step"><div class="n">04</div><strong>Little Wren</strong><span>Child cognition literacy, parent bridge, safe autonomy, nonjudgmental mirror, protected memory.</span></div><div class="step"><div class="n">05</div><strong>Community Firewatch</strong><span>Translations, testing, scam examples, local context, accessibility, architecture maps, forum stewardship.</span></div><div class="step"><div class="n">06</div><strong>Prototype & Product Rail</strong><span>Runtime code maturation, audits, grants/support, and real-world products developed with safety review.</span></div></div></section>
|
| 89 |
+
|
| 90 |
+
<section id="community" class="wrap"><div class="title"><span class="num">11</span><h2>Community Firewatch & Company Culture</h2></div><p class="lead">Free to use. Community supported. Donations optional. Stewardship welcome. Protection comes first; support comes second.</p><div class="grid three"><article class="card"><h3>Financial support</h3><p>Patreon-style support, donations, grants, sponsorships, and funding can sustain hosting, testing, documentation, and development — without locking protection behind a paywall.</p></article><article class="card"><h3>Stewardship contributions</h3><p>Translations, accessibility improvements, app testing, architecture maps, systems-thinking ideas, scam-pattern examples, local context, and documentation review.</p></article><article class="card"><h3>Forum future</h3><p>A public-interest defense workshop: scam reports, identity recovery, phone cleanup, Little Wren support, due-process maps, and HIR/OAM architecture discussion.</p></article></div><div class="callout"><strong>Culture line:</strong> Build an environment of Fidelity, cultivate people through Cohesion, and protect the Resonance that emerges between them.</div></section>
|
| 91 |
+
|
| 92 |
+
<section id="sources" class="wrap"><div class="title"><span class="num">12</span><h2>Source Artifact Registry</h2></div><p class="lead">These are the uploaded source artifacts integrated into this master architecture page. Relative filenames are listed for OSF packaging or local bundling.</p><div class="registry"><article class="source-card"><h4>AI Misuse Defense Map</h4><p>Threat model for black-hat/malicious LLM misuse, OAM pressure, HIR defense gates.</p><code>hir_oam_black_hat_llm_defense_map.html</code></article><article class="source-card"><h4>Authorized Red-Team Emulation</h4><p>Defensive-only adversary emulation structure with hard boundary against attack recipes.</p><code>hir_oam_authorized_red_team_llm_emulation_map.html</code></article><article class="source-card"><h4>Call & Identity Theft App Map</h4><p>Consumer-facing scam, call, identity theft, and recovery architecture.</p><code>hir_oam_call_identity_theft_defense_app_map.html</code></article><article class="source-card"><h4>Little Wren / Inner Tree</h4><p>Children’s cognition literacy map using HIR roots, Fidelity, Cohesion, Resonance, grit, and pressure.</p><code>my_inner_tree_cognition_map.html</code></article><article class="source-card"><h4>Due-Process Integrity Layer</h4><p>Pre-carceral documentation coherence and agency-preservation review instrument.</p><code>HIR_OAM_DueProcess_Integrity_Layer.html</code></article><article class="source-card"><h4>PDIL React Component</h4><p>Implementation-oriented React component for the Due-Process Integrity Layer.</p><code>PDIL_HIR_OAM_Framework.jsx</code></article><article class="source-card"><h4>Runtime Prototype ZIP</h4><p>Release package for runtime source, tests, examples, and synthetic audit chain.</p><code>Primordial_OS_Runtime_Prototype.zip</code></article><article class="source-card"><h4>Runtime Release Manifest</h4><p>Author, version, file count, categories, and SHA-256 release hashes.</p><code>Primordial_OS_Runtime_Prototype_RELEASE_MANIFEST.json</code></article><article class="source-card"><h4>CyberSec Suite SHA-256</h4><p>Checksum anchor for the cybersecurity suite package.</p><code>Primordial_CyberSec_Suite_v0.1_Collin_D_Weber.zip.sha256</code></article><article class="source-card"><h4>HIR-SPU CPU Map</h4><p>Deterministic governance coprocessor / HIR runtime CPU metaphor.</p><code>Primordial_HIR_SPU_CPU_Map.html</code></article><article class="source-card"><h4>HIR-SPU GPU Map</h4><p>Parallel pattern-processing field for HIR/OAM signal lanes and batch throughput.</p><code>Primordial_HIR_SPU_GPU_Map.html</code></article><article class="source-card"><h4>Resonant Access Memory</h4><p>Bounded, provenance-aware memory architecture for resonance-based recall.</p><code>Primordial_RAM_Architecture_v0_1.html</code></article><article class="source-card"><h4>HIR-SPU Quantum Sycamore</h4><p>Quantum-inspired GREEN/YELLOW/RED uncertainty-state mapping.</p><code>Primordial_HIR_SPU_Quantum_Map_Sycamore.html</code></article><article class="source-card"><h4>Abiogenesis / TOE Layer</h4><p>Life-first origin-conditions and emergence/repair/resonance mapping.</p><code>Primordial_Abiogenesis_TOE_Mapping_Layer_v0.1.html</code></article><article class="source-card"><h4>DNA GRCh38 First-Pass</h4><p>Genomic uncertainty architecture with bounded interpretation discipline.</p><code>Primordial_DNA_GRCh38_First_Pass_Architecture_Plan_v0.1.html</code></article><article class="source-card"><h4>Brain Layer</h4><p>HIR-governed neurophysical / cognition architecture.</p><code>Primordial_Brain_Layer_v0.1_Architecture_Plan.html</code></article><article class="source-card"><h4>Biofeedback Layer</h4><p>Physiological signal mapping, feedback loops, and self-regulation architecture.</p><code>Primordial_Biofeedback_Layer_v0.1_Architecture_Plan.html</code></article><article class="source-card"><h4>Pathophysiology Layer</h4><p>OAM-governed biological degradation and recovery-pressure mapping.</p><code>Primordial_Pathophysiology_Layer_v0.1_Architecture_Plan.html</code></article><article class="source-card"><h4>Public Link Index</h4><p>OSF / Claude / X index for public-facing artifacts.</p><code>Primordial Calculus & OS OSF Links.txt</code></article></div></section>
|
| 93 |
+
|
| 94 |
+
<section id="links" class="wrap"><div class="title"><span class="num">13</span><h2>Public Link Index</h2></div><p class="lead">OSF, Claude artifact, and public channel links collected from the provided link index.</p><div class="link-grid"><a class="link-card" href="https://osf.io/3a7nh/overview?view_only=67cf11929e794d1ca86dbcf58db40990" target="_blank" rel="noopener"><span>OSF Link: https://osf.io/tjaqb/overview?view_only=e207f996d1c04446967c65da105bb978 · Primordial OS Cybersecurity Layer: HIR Runtime Defense Model</span><code>https://osf.io/3a7nh/overview?view_only=67cf11929e794d1ca86dbcf58db40990</code></a><a class="link-card" href="https://claude.ai/public/artifacts/074e3100-d0a3-49a2-b989-e8c6aacd2cac" target="_blank" rel="noopener"><span>Primordial hir spu cpu map</span><code>https://claude.ai/public/artifacts/074e3100-d0a3-49a2-b989-e8c6aacd2cac</code></a><a class="link-card" href="https://claude.ai/public/artifacts/eefde498-bed4-416f-9c91-34bfb68612e7" target="_blank" rel="noopener"><span>PRIMORDIAL HIR-SPU · GPU ARCHITECTURE MAP</span><code>https://claude.ai/public/artifacts/eefde498-bed4-416f-9c91-34bfb68612e7</code></a><a class="link-card" href="https://claude.ai/public/artifacts/54987724-5ed2-4c83-9f0c-32e3762339c4" target="_blank" rel="noopener"><span>Resonant Access Memory</span><code>https://claude.ai/public/artifacts/54987724-5ed2-4c83-9f0c-32e3762339c4</code></a><a class="link-card" href="https://osf.io/h4ek6/overview?view_only=1ea9036797ae4241acd1b64020c904ed" target="_blank" rel="noopener"><span>Primordial Compute Stack v0.1</span><code>https://osf.io/h4ek6/overview?view_only=1ea9036797ae4241acd1b64020c904ed</code></a><a class="link-card" href="https://claude.ai/public/artifacts/0204d1aa-ed7c-4fe8-a1a9-6cccac252f58" target="_blank" rel="noopener"><span>HIR-SPU on Sycamore · |HIR⟩ = α|GREEN⟩ + β|YELLOW⟩ + γ|RED⟩</span><code>https://claude.ai/public/artifacts/0204d1aa-ed7c-4fe8-a1a9-6cccac252f58</code></a><a class="link-card" href="https://osf.io/m8q46/overview?view_only=7bccf8a0581f4463954f9670f9a192ef" target="_blank" rel="noopener"><span>Primordial HIR Quantum AI Roadmap Mapping v0.1 Collin D Weber</span><code>https://osf.io/m8q46/overview?view_only=7bccf8a0581f4463954f9670f9a192ef</code></a><a class="link-card" href="https://claude.ai/public/artifacts/830b654d-adc0-431a-a340-312affc6c3c7" target="_blank" rel="noopener"><span>GRCh38 First-Pass · Genomic Uncertainty Engine</span><code>https://claude.ai/public/artifacts/830b654d-adc0-431a-a340-312affc6c3c7</code></a><a class="link-card" href="https://claude.ai/public/artifacts/585f10f0-6435-4589-8d27-48f124fcee1f" target="_blank" rel="noopener"><span>Primordial Brain Layer v0.1 · HIR-Governed Neurophysical Mapping</span><code>https://claude.ai/public/artifacts/585f10f0-6435-4589-8d27-48f124fcee1f</code></a><a class="link-card" href="https://claude.ai/public/artifacts/518af91c-e374-408d-a719-1122cd000b50" target="_blank" rel="noopener"><span>Primordial Biofeedback Layer v0.1 · HIR-Governed Physiological Signal Mapping</span><code>https://claude.ai/public/artifacts/518af91c-e374-408d-a719-1122cd000b50</code></a><a class="link-card" href="https://osf.io/f29un/overview?view_only=7da31ccc558146ed81cc8f7e041dfc8c" target="_blank" rel="noopener"><span>Primordial Abiogenesis / Theory-of-Everything Mapping Layer v0.1</span><code>https://osf.io/f29un/overview?view_only=7da31ccc558146ed81cc8f7e041dfc8c</code></a><a class="link-card" href="https://claude.ai/public/artifacts/5747faaf-3ce2-4ad2-a288-3fa02df02411" target="_blank" rel="noopener"><span>HIR Life-First Origin Conditions, OAM Degradation Pressure, · and Primordial Calculus Mapping of Abiogenesis, Emergence, Repair, and Resonance</span><code>https://claude.ai/public/artifacts/5747faaf-3ce2-4ad2-a288-3fa02df02411</code></a><a class="link-card" href="https://claude.ai/public/artifacts/8f1630e8-b6b3-4133-9998-d0cbf9f5f3f5" target="_blank" rel="noopener"><span>Primordial Agriculture Layer v0.1 · HIR × OAM Mapping of Soil, Water, Food Systems, and Life-First Regeneration</span><code>https://claude.ai/public/artifacts/8f1630e8-b6b3-4133-9998-d0cbf9f5f3f5</code></a><a class="link-card" href="https://claude.ai/public/artifacts/0ad20626-dcfd-4af4-99da-f00e1941642b" target="_blank" rel="noopener"><span>PRE-CARCERAL DUE-PROCESS INTEGRITY LAYER</span><code>https://claude.ai/public/artifacts/0ad20626-dcfd-4af4-99da-f00e1941642b</code></a><a class="link-card" href="https://claude.ai/public/artifacts/cd1d8f14-fb75-461d-b5ac-776d0ed19ab1" target="_blank" rel="noopener"><span>Addiction Repair Architecture Map</span><code>https://claude.ai/public/artifacts/cd1d8f14-fb75-461d-b5ac-776d0ed19ab1</code></a><a class="link-card" href="https://claude.ai/public/artifacts/934f4b88-f017-454b-8220-0d79e3839210" target="_blank" rel="noopener"><span>Primordial Loop Completion Cycle Map</span><code>https://claude.ai/public/artifacts/934f4b88-f017-454b-8220-0d79e3839210</code></a><a class="link-card" href="https://x.com/primordial_code" target="_blank" rel="noopener"><span>X Feed</span><code>https://x.com/primordial_code</code></a></div></section>
|
| 95 |
+
|
| 96 |
+
<section id="boundaries" class="wrap"><div class="title"><span class="num">14</span><h2>Hard Boundaries</h2></div><div class="grid three"><article class="card"><h3>No scareware</h3><p>No fake scan results, threat inflation, panic UX, or paywalling basic protection after frightening the user.</p></article><article class="card"><h3>No attack recipes</h3><p>Defensive education and authorized testing only. No malware logic, credential theft, evasion steps, phishing kits, or real-target exploitation.</p></article><article class="card"><h3>No automated verdicts</h3><p>Health, legal, and child-safety contexts require human review, bounded claims, transparent uncertainty, and escalation to appropriate support.</p></article></div></section>
|
| 97 |
+
</main>
|
| 98 |
+
<footer class="footer"><div class="wrap"><strong>Primordial OS · HIR Shield Public Defense Ecosystem</strong><br>Created and Developed by Collin D. Weber · HIR: Honesty, Integrity, Respect · OAM: Outsourced Agency Model · Governing threshold: Resonance.</div></footer>
|
| 99 |
+
<script>
|
| 100 |
+
const ids=['h','i','r','o'];
|
| 101 |
+
function updateGate(){
|
| 102 |
+
const h=+document.getElementById('h').value, i=+document.getElementById('i').value, r=+document.getElementById('r').value, o=+document.getElementById('o').value;
|
| 103 |
+
ids.forEach(x=>document.getElementById(x+'Val').textContent=document.getElementById(x).value);
|
| 104 |
+
const fidelity=(h+i)/2, cohesion=(r+i)/2, resonance=((fidelity+cohesion)/2)-(o*.42);
|
| 105 |
+
const clamped=Math.max(0,Math.min(100,resonance));
|
| 106 |
+
const s=document.getElementById('status'), e=document.getElementById('explain'), b=document.getElementById('resbar');
|
| 107 |
+
b.style.width=clamped+'%'; s.className='status';
|
| 108 |
+
if(clamped>=70){s.textContent='GREEN'; e.textContent='Runtime condition is stable: allow, continue monitoring, preserve audit trail.';}
|
| 109 |
+
else if(clamped>=45){s.textContent='YELLOW'; s.classList.add('yellow'); e.textContent='Runtime condition requires verification: slow down, check provenance, preserve agency.';}
|
| 110 |
+
else {s.textContent='RED'; s.classList.add('red'); e.textContent='Runtime condition is unsafe: block, escalate, repair, or route to qualified human review.';}
|
| 111 |
+
}
|
| 112 |
+
ids.forEach(id=>document.getElementById(id).addEventListener('input',updateGate)); updateGate();
|
| 113 |
+
</script>
|
| 114 |
+
</body>
|
| 115 |
+
</html>
|