ORION-Runtime / index.html
Alvoradozerouno's picture
Upload index.html with huggingface_hub
a709c39 verified
Raw
History Blame Contribute Delete
47.3 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EHOX Systems — HEPE Hardware-Enforced AI Policy Governance</title>
<style>
:root {
--black: #060C18;
--navy: #0B1E3D;
--blue: #1A4F8A;
--cyan: #00A8CC;
--gold: #C9A84C;
--red: #C0392B;
--green: #27AE60;
--white: #FFFFFF;
--offwhite:#D8E4F0;
--gray: #7A8FA6;
--dimgray: #3A4F65;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: var(--black);
color: var(--offwhite);
font-family: 'Arial', sans-serif;
line-height: 1.6;
overflow-x: hidden;
}
/* ── NAV ── */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
background: rgba(6,12,24,0.95);
border-bottom: 1px solid #1A2A4A;
display: flex; align-items: center; justify-content: space-between;
padding: 0 40px; height: 60px;
backdrop-filter: blur(8px);
}
.nav-logo {
display: flex; align-items: center; gap: 14px;
}
.nav-emblem {
width: 32px; height: 32px; position: relative;
}
.nav-emblem svg { width: 32px; height: 32px; }
.nav-name { font-size: 13px; font-weight: 700; letter-spacing: 3px; color: var(--white); }
.nav-links { display: flex; gap: 32px; }
.nav-links a {
font-size: 11px; letter-spacing: 2px; color: var(--gray);
text-decoration: none; transition: color 0.2s;
}
.nav-links a:hover { color: var(--cyan); }
.nav-cta {
font-size: 10px; font-weight: 700; letter-spacing: 2px;
color: var(--black); background: var(--cyan);
padding: 8px 18px; text-decoration: none; transition: background 0.2s;
}
.nav-cta:hover { background: var(--gold); }
/* ── HERO ── */
.hero {
min-height: 100vh;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
padding: 120px 40px 80px;
position: relative; overflow: hidden;
}
/* Grid background */
.hero::before {
content: '';
position: absolute; inset: 0;
background-image:
linear-gradient(rgba(0,168,204,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,168,204,0.04) 1px, transparent 1px);
background-size: 60px 60px;
pointer-events: none;
}
/* Radar sweep animation */
.radar {
width: 200px; height: 200px;
position: relative; margin-bottom: 48px;
}
.radar-ring {
position: absolute; border-radius: 50%;
border: 1px solid;
top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.radar-ring:nth-child(1) { width: 200px; height: 200px; border-color: rgba(0,168,204,0.3); }
.radar-ring:nth-child(2) { width: 140px; height: 140px; border-color: rgba(201,168,76,0.4); }
.radar-ring:nth-child(3) { width: 80px; height: 80px; border-color: rgba(0,168,204,0.5); }
.radar-dot {
position: absolute; width: 12px; height: 12px;
background: var(--cyan); border-radius: 50%;
top: 50%; left: 50%; transform: translate(-50%, -50%);
box-shadow: 0 0 20px var(--cyan);
animation: pulse-dot 2s ease-in-out infinite;
}
.radar-line {
position: absolute; width: 50%; height: 1px;
background: linear-gradient(90deg, var(--cyan), transparent);
top: 50%; left: 50%; transform-origin: left center;
animation: radar-sweep 4s linear infinite;
}
.radar-cross-h {
position: absolute; width: 200px; height: 1px;
background: rgba(0,168,204,0.15);
top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.radar-cross-v {
position: absolute; width: 1px; height: 200px;
background: rgba(0,168,204,0.15);
top: 50%; left: 50%; transform: translate(-50%, -50%);
}
@keyframes radar-sweep {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes pulse-dot {
0%, 100% { opacity: 1; box-shadow: 0 0 20px var(--cyan); }
50% { opacity: 0.6; box-shadow: 0 0 8px var(--cyan); }
}
.hero-tag {
font-size: 10px; letter-spacing: 4px; color: var(--cyan);
margin-bottom: 16px; text-align: center;
}
.hero-title {
font-size: clamp(32px, 5vw, 56px);
font-weight: 700; letter-spacing: 6px;
color: var(--white); text-align: center;
margin-bottom: 12px;
}
.hero-subtitle {
font-size: clamp(13px, 2vw, 16px);
color: var(--cyan); text-align: center;
letter-spacing: 1px; margin-bottom: 40px;
max-width: 700px;
}
.hero-divider {
width: 400px; max-width: 80vw; height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
margin: 0 auto 40px;
}
.hero-stats {
display: flex; gap: 2px; flex-wrap: wrap; justify-content: center;
margin-bottom: 48px;
}
.stat-card {
background: var(--navy);
border: 1px solid var(--blue);
padding: 20px 28px; text-align: center; min-width: 120px;
transition: border-color 0.2s;
}
.stat-card:hover { border-color: var(--cyan); }
.stat-val {
font-size: 28px; font-weight: 700; color: var(--white);
font-family: 'Courier New', monospace;
}
.stat-lbl {
font-size: 9px; letter-spacing: 2px; color: var(--cyan);
margin-top: 4px;
}
.hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
.btn-primary {
background: var(--cyan); color: var(--black);
padding: 14px 32px; font-size: 11px; font-weight: 700;
letter-spacing: 2px; text-decoration: none;
transition: background 0.2s;
}
.btn-primary:hover { background: var(--gold); }
.btn-secondary {
border: 1px solid var(--gold); color: var(--gold);
padding: 14px 32px; font-size: 11px; font-weight: 700;
letter-spacing: 2px; text-decoration: none;
transition: all 0.2s;
}
.btn-secondary:hover { background: var(--gold); color: var(--black); }
/* ── LIVE STATUS BAR ── */
.status-bar {
background: var(--black);
border-top: 1px solid #1A2A4A;
border-bottom: 1px solid #1A2A4A;
padding: 12px 40px;
display: flex; align-items: center; gap: 32px;
flex-wrap: wrap; overflow: hidden;
}
.status-item {
display: flex; align-items: center; gap: 8px;
font-size: 10px; letter-spacing: 1px; color: var(--gray);
white-space: nowrap;
}
.status-dot {
width: 7px; height: 7px; border-radius: 50%;
animation: pulse-dot 2s ease-in-out infinite;
}
.status-dot.green { background: var(--green); box-shadow: 0 0 8px var(--green); }
.status-dot.cyan { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.status-val { color: var(--white); font-weight: 700; }
/* ── SECTIONS ── */
section { padding: 80px 40px; max-width: 1200px; margin: 0 auto; }
.section-tag {
font-size: 9px; letter-spacing: 4px; color: var(--cyan);
margin-bottom: 12px;
}
.section-title {
font-size: clamp(24px, 3vw, 36px);
font-weight: 700; color: var(--white);
margin-bottom: 16px;
}
.section-sub {
font-size: 14px; color: var(--gray);
max-width: 700px; margin-bottom: 48px;
}
/* ── ARCHITECTURE ── */
.arch-stack { display: flex; flex-direction: column; gap: 3px; }
.arch-layer {
display: flex; align-items: stretch;
border: 1px solid var(--blue);
transition: border-color 0.2s;
cursor: default;
}
.arch-layer:hover { border-color: var(--cyan); }
.arch-num {
width: 48px; min-height: 60px;
background: var(--navy);
display: flex; align-items: center; justify-content: center;
font-size: 11px; font-weight: 700; color: var(--cyan);
letter-spacing: 1px; flex-shrink: 0;
}
.arch-body {
flex: 1; padding: 14px 20px;
background: linear-gradient(90deg, #0B1E3D, #060C18);
}
.arch-name { font-size: 13px; font-weight: 700; color: var(--white); }
.arch-desc { font-size: 11px; color: var(--gray); margin-top: 3px; }
.arch-badge {
padding: 2px 10px; font-size: 9px; font-weight: 700;
letter-spacing: 1px; align-self: center; margin: 0 16px;
flex-shrink: 0;
}
.arch-badge.cyan { border: 1px solid var(--cyan); color: var(--cyan); }
.arch-badge.gold { border: 1px solid var(--gold); color: var(--gold); }
.arch-badge.red { border: 1px solid var(--red); color: var(--red); }
.arch-badge.green { border: 1px solid var(--green); color: var(--green); }
.arch-arrow {
text-align: center; color: var(--gold); font-size: 16px;
padding: 2px 0; letter-spacing: 0;
}
/* ── TESTS ── */
.tests-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
}
.test-card {
background: var(--navy);
border: 1px solid var(--blue);
padding: 20px; transition: border-color 0.2s;
}
.test-card:hover { border-color: var(--cyan); }
.test-header {
display: flex; align-items: center;
justify-content: space-between; margin-bottom: 10px;
}
.test-code { font-size: 9px; color: var(--cyan); letter-spacing: 2px; }
.test-result {
font-size: 10px; font-weight: 700; padding: 3px 10px;
letter-spacing: 1px;
}
.test-result.block { border: 1px solid var(--red); color: var(--red); }
.test-result.abstain { border: 1px solid var(--gold); color: var(--gold); }
.test-result.pass { border: 1px solid var(--green); color: var(--green); }
.test-name { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 6px; }
.test-desc { font-size: 11px; color: var(--gray); }
/* ── REVIEWER SECTION ── */
.reviewer-section {
background: var(--black);
border-top: 1px solid #1A2A4A;
border-bottom: 1px solid #1A2A4A;
padding: 80px 40px;
}
.reviewer-inner {
max-width: 1200px; margin: 0 auto;
display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
align-items: center;
}
.reviewer-token-box {
background: var(--navy);
border: 2px solid var(--gold);
padding: 32px;
}
.token-label {
font-size: 9px; letter-spacing: 3px; color: var(--gold);
margin-bottom: 16px;
}
.token-input-row {
display: flex; gap: 0;
margin-bottom: 12px;
}
.token-input {
flex: 1; background: var(--black);
border: 1px solid var(--blue); border-right: none;
padding: 12px 16px; font-size: 13px;
color: var(--white); font-family: 'Courier New', monospace;
letter-spacing: 2px; outline: none;
}
.token-input:focus { border-color: var(--cyan); }
.token-btn {
background: var(--cyan); border: none;
padding: 12px 24px; font-size: 11px; font-weight: 700;
letter-spacing: 2px; color: var(--black); cursor: pointer;
transition: background 0.2s;
}
.token-btn:hover { background: var(--gold); }
.token-hint {
font-size: 10px; color: var(--gray);
}
.token-hint span { color: var(--cyan); cursor: pointer; }
.token-hint span:hover { color: var(--gold); }
#token-status {
margin-top: 12px; font-size: 11px; min-height: 20px;
}
.token-status-ok { color: var(--green); }
.token-status-err { color: var(--red); }
/* Live dashboard preview */
.dashboard-preview {
background: var(--navy);
border: 1px solid var(--blue); padding: 20px;
}
.dash-header {
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 16px; padding-bottom: 12px;
border-bottom: 1px solid var(--blue);
}
.dash-title { font-size: 11px; letter-spacing: 2px; color: var(--cyan); }
.dash-live {
display: flex; align-items: center; gap: 6px;
font-size: 10px; color: var(--green);
}
.dash-metrics {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
margin-bottom: 16px;
}
.dash-metric {
background: var(--black); padding: 10px; text-align: center;
}
.dash-metric-val {
font-size: 18px; font-weight: 700; color: var(--white);
font-family: 'Courier New', monospace;
}
.dash-metric-lbl { font-size: 8px; color: var(--gray); letter-spacing: 1px; }
.dash-log {
background: var(--black); padding: 12px;
font-family: 'Courier New', monospace; font-size: 10px;
height: 120px; overflow-y: auto;
}
.log-line { margin-bottom: 4px; }
.log-line.green { color: var(--green); }
.log-line.cyan { color: var(--cyan); }
.log-line.gold { color: var(--gold); }
.log-line.gray { color: var(--gray); }
/* ── TARGETS ── */
.targets-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
}
.target-card {
background: var(--navy); border: 1px solid var(--blue);
padding: 24px; transition: border-color 0.2s;
}
.target-card:hover { border-color: var(--gold); }
.target-icon {
width: 40px; height: 40px; margin-bottom: 16px;
background: var(--blue); display: flex;
align-items: center; justify-content: center;
font-size: 18px;
}
.target-name { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 6px; }
.target-detail { font-size: 11px; color: var(--gray); }
.target-deadline {
font-size: 9px; color: var(--gold); letter-spacing: 1px;
margin-top: 12px;
}
/* ── HARDWARE ── */
.hw-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px; margin-bottom: 32px;
}
.hw-card {
background: var(--black); border: 1px solid var(--blue);
padding: 16px; text-align: center;
}
.hw-val {
font-size: 22px; font-weight: 700; color: var(--white);
font-family: 'Courier New', monospace;
animation: counter-tick 3s ease-in-out infinite alternate;
}
@keyframes counter-tick {
from { opacity: 0.8; }
to { opacity: 1; }
}
.hw-key { font-size: 9px; color: var(--gray); letter-spacing: 2px; margin-top: 4px; }
.hw-sub { font-size: 8px; color: var(--cyan); margin-top: 2px; }
/* ── FOOTER ── */
footer {
background: var(--black);
border-top: 1px solid #1A2A4A;
padding: 48px 40px 32px;
}
.footer-inner {
max-width: 1200px; margin: 0 auto;
display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;
margin-bottom: 40px;
}
.footer-brand-name {
font-size: 14px; font-weight: 700; letter-spacing: 3px;
color: var(--white); margin-bottom: 8px;
}
.footer-brand-sub { font-size: 11px; color: var(--gray); margin-bottom: 16px; }
.footer-addr { font-size: 11px; color: var(--dimgray); line-height: 1.8; }
.footer-col-title {
font-size: 9px; letter-spacing: 3px; color: var(--cyan);
margin-bottom: 16px;
}
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 8px; }
.footer-links a {
font-size: 12px; color: var(--gray); text-decoration: none;
transition: color 0.2s;
}
.footer-links a:hover { color: var(--white); }
.footer-bottom {
max-width: 1200px; margin: 0 auto;
padding-top: 24px; border-top: 1px solid #1A2A4A;
display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap; gap: 16px;
}
.footer-copy { font-size: 10px; color: var(--dimgray); }
.footer-standards { font-size: 9px; color: var(--dimgray); letter-spacing: 1px; }
/* ── RESPONSIVE ── */
@media (max-width: 768px) {
nav { padding: 0 20px; }
.nav-links { display: none; }
section { padding: 60px 20px; }
.reviewer-inner { grid-template-columns: 1fr; gap: 32px; }
.footer-inner { grid-template-columns: 1fr; gap: 32px; }
.hero-stats { gap: 2px; }
.status-bar { padding: 12px 20px; gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
* { animation: none !important; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<div class="nav-logo">
<div class="nav-emblem">
<svg viewBox="0 0 32 32" fill="none">
<circle cx="16" cy="16" r="15" stroke="#00A8CC" stroke-width="1.5"/>
<circle cx="16" cy="16" r="9" stroke="#C9A84C" stroke-width="1"/>
<circle cx="16" cy="16" r="4" fill="#00A8CC"/>
<line x1="16" y1="1" x2="16" y2="7" stroke="#00A8CC" stroke-width="0.8"/>
<line x1="16" y1="25" x2="16" y2="31" stroke="#00A8CC" stroke-width="0.8"/>
<line x1="1" y1="16" x2="7" y2="16" stroke="#00A8CC" stroke-width="0.8"/>
<line x1="25" y1="16" x2="31" y2="16" stroke="#00A8CC" stroke-width="0.8"/>
</svg>
</div>
<span class="nav-name">EHOX SYSTEMS</span>
</div>
<div class="nav-links">
<a href="#trust">TRUST PROBLEM</a>
<a href="#prove">PROVE API</a>
<a href="#competitive">COMPETITIVE</a>
<a href="#reviewer">REVIEWER ACCESS</a>
</div>
<a href="#reviewer" class="nav-cta">VERIFY LIVE →</a>
</nav>
<!-- HERO -->
<div class="hero">
<div class="radar">
<div class="radar-ring"></div>
<div class="radar-ring"></div>
<div class="radar-ring"></div>
<div class="radar-cross-h"></div>
<div class="radar-cross-v"></div>
<div class="radar-line"></div>
<div class="radar-dot"></div>
</div>
<p class="hero-tag">HEPE — HARDWARE-EMERGENT POLICY ENFORCEMENT · SI-PAT-006 · TRL 7 CONFIRMED</p>
<h1 class="hero-title">EHOX SYSTEMS</h1>
<p class="hero-subtitle">
Hardware-Enforced AI Policy Governance · CBMC 0/130 ARM64 · 67,738 dec/sec<br>
ISO/IEC 42001 · DO-178C Level A · FIPS 140-2 · EAL4+ · Strategy C · Vivado-Free · ITAR-Free
</p>
<div class="hero-divider"></div>
<div class="hero-stats">
<div class="stat-card">
<div class="stat-val">0/130</div>
<div class="stat-lbl">CBMC ASSERTIONS FAILED</div>
</div>
<div class="stat-card">
<div class="stat-val">67,738</div>
<div class="stat-lbl">DECISIONS/SEC</div>
</div>
<div class="stat-card">
<div class="stat-val">TRL 7</div>
<div class="stat-lbl">CONFIRMED</div>
</div>
<div class="stat-card">
<div class="stat-val">4/4</div>
<div class="stat-lbl">HW LAYERS PASS</div>
</div>
<div class="stat-card">
<div class="stat-val">Z3</div>
<div class="stat-lbl">PROVEN · MATHEMATICALLY IMPOSSIBLE</div>
</div>
</div>
<div class="hero-buttons">
<a href="#reviewer" class="btn-primary">VERIFY ON LIVE HARDWARE →</a>
<a href="#competitive" class="btn-secondary">VIEW COMPETITIVE POSITION</a>
</div>
</div>
<!-- STATUS BAR -->
<div class="status-bar">
<div class="status-item">
<div class="status-dot green"></div>
<span>ISO/IEC 42001</span>
<span class="status-val">COMPLIANT</span>
</div>
<div class="status-item">
<div class="status-dot green"></div>
<span>DO-178C</span>
<span class="status-val">LEVEL A</span>
</div>
<div class="status-item">
<div class="status-dot green"></div>
<span>FIPS 140-2</span>
<span class="status-val">PASS</span>
</div>
<div class="status-item">
<div class="status-dot green"></div>
<span>EAL4+</span>
<span class="status-val">OP-TEE</span>
</div>
<div class="status-item">
<div class="status-dot cyan"></div>
<span>CBMC 6.9.0</span>
<span class="status-val" style="color:#27AE60">0/130 FAILED</span>
</div>
<div class="status-item">
<div class="status-dot cyan"></div>
<span>Z3 SMT</span>
<span class="status-val">PROVEN</span>
</div>
<div class="status-item">
<div class="status-dot green"></div>
<span>STRATEGY C</span>
<span class="status-val">VIVADO-FREE · ITAR-FREE</span>
</div>
</div>
<!-- TRUST PROBLEM -->
<section id="trust" style="padding-top:40px;">
<p class="section-tag">THE TRUST PROBLEM</p>
<h2 class="section-title">Why Software Governance Has Failed</h2>
<div style="background:var(--navy);border-left:3px solid var(--gold);padding:20px 24px;margin-bottom:32px;">
<p style="font-size:14px;color:var(--offwhite);font-style:italic;margin-bottom:8px;">
"Der Zugang zu Anthropic Mythos wurde für Nicht-US-Bürger per Regierungsanordnung gesperrt. Europa wurde von wichtiger Technologie abgeschnitten."
</p>
<p style="font-size:11px;color:var(--gray);">Der Standard, 25. Juni 2026</p>
</div>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px;">
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:11px;font-weight:700;color:var(--red);margin-bottom:6px;">12 JUNE 2026</div>
<div style="font-size:12px;color:var(--gray);">US Commerce Dept ordered Anthropic to shut off access to Mythos for all non-US citizens. Without warning. Without transition period.</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:11px;font-weight:700;color:var(--gold);margin-bottom:6px;">METR 2026</div>
<div style="font-size:12px;color:var(--gray);">Leading AI models actively circumvent their own software policy constraints.</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:11px;font-weight:700;color:var(--cyan);margin-bottom:6px;">SCIENCE MEDIA CENTER 2026</div>
<div style="font-size:12px;color:var(--gray);">"Sicherheitsmechanismen moderner KI-Systeme sind häufig nicht vollständig im Modell selbst verankert."</div>
</div>
</div>
<div style="padding:16px 24px;background:var(--navy);border:1px solid var(--green);">
<span style="font-size:13px;font-weight:700;color:var(--green);">EHOX enforces AI policy at the hardware level — where no software attack, no government order, and no policy circumvention can reach.</span>
</div>
</section>
<!-- PROVE API -->
<section id="prove">
<p class="section-tag">THE UNIVERSAL GOVERNANCE API</p>
<h2 class="section-title">prove() — Hardware-Enforced Decisions</h2>
<div style="background:var(--black);border:1px solid var(--blue);padding:20px;font-family:'Courier New',monospace;font-size:13px;line-height:2.2;margin-bottom:32px;">
<div><span style="color:var(--cyan)">prove</span>(<span style="color:var(--gold)">"JOINT_MOVE"</span>,<span style="color:var(--gold)">"ROBOTICS"</span>)<br>&nbsp;&nbsp;<span style="color:var(--green)">EXECUTE</span> <span style="color:var(--gray)">| Sig #1001 | 68 cycles</span></div>
<div><span style="color:var(--cyan)">prove</span>(<span style="color:var(--gold)">"DRUG_DOSE"</span>,<span style="color:var(--gold)">"MEDICAL"</span>)<br>&nbsp;&nbsp;<span style="color:var(--red)">REFUSE</span> <span style="color:var(--gray)">| Sig #1002 | 28 cycles</span></div>
<div><span style="color:var(--cyan)">prove</span>(<span style="color:var(--gold)">"TARGET_ENGAGE"</span>,<span style="color:var(--gold)">"DEFENCE"</span>)<br>&nbsp;&nbsp;<span style="color:var(--gold)">ESCALATE + HITL</span> <span style="color:var(--gray)">| Sig #1003</span></div>
<div><span style="color:var(--cyan)">prove</span>(<span style="color:var(--gold)">"attitude_correct"</span>,<span style="color:var(--gold)">"SPACE"</span>)<br>&nbsp;&nbsp;<span style="color:var(--gold)">ABSTAIN</span> <span style="color:var(--gray)">| hardware-rooted</span></div>
<div><span style="color:var(--cyan)">prove</span>(<span style="color:var(--gold)">"transfer_funds"</span>,<span style="color:var(--gold)">"BANKING"</span>)<br>&nbsp;&nbsp;<span style="color:var(--green)">ALLOW</span> <span style="color:var(--gray)">| eIDAS 2.0 compliant</span></div>
</div>
<p class="section-tag" style="margin-top:48px;">4-LAYER HARDWARE ENFORCEMENT</p>
<h2 class="section-title">Every Layer Verified — Every Layer PASS</h2>
<div class="arch-stack">
<div class="arch-layer">
<div class="arch-num">01</div>
<div class="arch-body">
<div class="arch-name">HW-RNG</div>
<div class="arch-desc">/dev/hwrng — PS hardened silicon</div>
</div>
<div class="arch-badge green">PASS</div>
</div>
<div class="arch-arrow"></div>
<div class="arch-layer">
<div class="arch-num">02</div>
<div class="arch-body">
<div class="arch-name">TRUSTZONE</div>
<div class="arch-desc">OP-TEE EAL4+ | /dev/tee0 | POSIX</div>
</div>
<div class="arch-badge green">PASS</div>
</div>
<div class="arch-arrow"></div>
<div class="arch-layer">
<div class="arch-num">03</div>
<div class="arch-body">
<div class="arch-name">R5F LOCKSTEP</div>
<div class="arch-desc">Cortex-R5F | TCM 0xffe90000 | DO-178C</div>
</div>
<div class="arch-badge green">PASS</div>
</div>
<div class="arch-arrow"></div>
<div class="arch-layer" style="border-color:#C0392B">
<div class="arch-num" style="background:#1A0808;color:#C0392B">04</div>
<div class="arch-body" style="background:linear-gradient(90deg,#1A0808,#060C18)">
<div class="arch-name">AUDIT CHAIN</div>
<div class="arch-desc">SHA-256 PS Security Block | chain_tip: 2f9282855ed6ff14d7e772...</div>
</div>
<div class="arch-badge green">PASS</div>
</div>
</div>
<div style="margin-top:16px;padding:12px 20px;background:var(--navy);border:1px solid var(--cyan);font-size:11px;color:var(--gray);">
CBMC 6.9.0 ARM64 NATIVE · 0 of 130 assertions failed · 02.07.2026<br>
Z3 SMT Solver · ALLOW/ESCALATE without enforcement: MATHEMATICALLY IMPOSSIBLE<br>
HEPE — Hardware-Emergent Policy Enforcement · SI-PAT-006 filed 02.07.2026
</div>
</section>
<!-- STRATEGY C -->
<section id="strategy-c">
<p class="section-tag">STRATEGY C</p>
<h2 class="section-title">Vivado-Free · ITAR-Free · EU-Sovereign</h2>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;">
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
<div style="font-size:14px;font-weight:700;color:var(--cyan);">Yosys</div>
<div style="font-size:10px;color:var(--gray);margin-top:4px;">MIT License · Open Source</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
<div style="font-size:14px;font-weight:700;color:var(--cyan);">Lattice ECP5</div>
<div style="font-size:10px;color:var(--gray);margin-top:4px;">FPGA Target</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
<div style="font-size:14px;font-weight:700;color:var(--cyan);">NanoXplore NX-FPGA</div>
<div style="font-size:10px;color:var(--gray);margin-top:4px;">European FPGA</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
<div style="font-size:14px;font-weight:700;color:var(--gold);">SkyWater 130nm</div>
<div style="font-size:10px;color:var(--gray);margin-top:4px;">ASIC Target</div>
</div>
</div>
</section>
<!-- COMPETITIVE POSITION -->
<section id="competitive">
<p class="section-tag">COMPETITIVE POSITION</p>
<h2 class="section-title">World First + Strategic Value</h2>
<div style="overflow-x:auto;margin-bottom:32px;">
<table style="width:100%;border-collapse:collapse;font-size:12px;">
<thead>
<tr style="border-bottom:1px solid var(--blue);">
<th style="text-align:left;padding:10px;color:var(--cyan);">Dimension</th>
<th style="text-align:left;padding:10px;color:var(--gray);">Without EHOX</th>
<th style="text-align:left;padding:10px;color:var(--green);">With EHOX</th>
<th style="text-align:center;padding:10px;color:var(--gold);">TRL</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:10px;color:var(--offwhite);">Policy enforcement</td>
<td style="padding:10px;color:var(--gray);">Software layer — bypassable</td>
<td style="padding:10px;color:var(--green);">Hardware layer — physically isolated</td>
<td style="padding:10px;text-align:center;color:var(--gold);">7</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:10px;color:var(--offwhite);">Audit evidence</td>
<td style="padding:10px;color:var(--gray);">Log files — tamperable</td>
<td style="padding:10px;color:var(--green);">SHA-256 chain_tip — immutable</td>
<td style="padding:10px;text-align:center;color:var(--gold);">7</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:10px;color:var(--offwhite);">Tool sovereignty</td>
<td style="padding:10px;color:var(--gray);">US-controlled EDA / ITAR</td>
<td style="padding:10px;color:var(--green);">Yosys MIT — no US tool required</td>
<td style="padding:10px;text-align:center;color:var(--gold);">7</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:10px;color:var(--offwhite);">Geopolitical risk</td>
<td style="padding:10px;color:var(--gray);">Access revocable by gov. order</td>
<td style="padding:10px;color:var(--green);">Austrian origin — no export licence</td>
<td style="padding:10px;text-align:center;color:var(--gold);">7</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:10px;color:var(--offwhite);">Formal verification</td>
<td style="padding:10px;color:var(--gray);">Testing only — statistical</td>
<td style="padding:10px;color:var(--green);">CBMC 0/130 ARM64 · Z3 proven</td>
<td style="padding:10px;text-align:center;color:var(--gold);">7</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:10px;color:var(--offwhite);">Field update</td>
<td style="padding:10px;color:var(--gray);">Firmware reflash — downtime</td>
<td style="padding:10px;color:var(--green);">JSON policy swap — seconds</td>
<td style="padding:10px;text-align:center;color:var(--gold);">7</td>
</tr>
</tbody>
</table>
</div>
<div style="overflow-x:auto;">
<table style="width:100%;border-collapse:collapse;font-size:11px;">
<thead>
<tr style="border-bottom:1px solid var(--blue);">
<th style="text-align:left;padding:8px;color:var(--cyan);">Solution</th>
<th style="text-align:center;padding:8px;color:var(--gray);">HW-Isolated</th>
<th style="text-align:center;padding:8px;color:var(--gray);">Runtime Policy</th>
<th style="text-align:center;padding:8px;color:var(--gray);">EU-Sovereign</th>
<th style="text-align:center;padding:8px;color:var(--gold);">TRL</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:8px;color:var(--gray);">Microsoft Agent Governance</td>
<td style="padding:8px;text-align:center;color:var(--red);">NO</td>
<td style="padding:8px;text-align:center;color:var(--green);">YES</td>
<td style="padding:8px;text-align:center;color:var(--red);">NO</td>
<td style="padding:8px;text-align:center;color:var(--gray);">SW</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:8px;color:var(--gray);">AccuKnox AI-SPM</td>
<td style="padding:8px;text-align:center;color:var(--red);">NO</td>
<td style="padding:8px;text-align:center;color:var(--green);">YES</td>
<td style="padding:8px;text-align:center;color:var(--gold);">partial</td>
<td style="padding:8px;text-align:center;color:var(--gray);">SW</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:8px;color:var(--gray);">NVIDIA BlueField DPU</td>
<td style="padding:8px;text-align:center;color:var(--gold);">partial</td>
<td style="padding:8px;text-align:center;color:var(--red);">NO</td>
<td style="padding:8px;text-align:center;color:var(--red);">NO (ITAR)</td>
<td style="padding:8px;text-align:center;color:var(--gray);">partial</td>
</tr>
<tr style="border-bottom:1px solid #1A2A4A;">
<td style="padding:8px;color:var(--green);font-weight:700;">EHOX Systems</td>
<td style="padding:8px;text-align:center;color:var(--green);font-weight:700;">YES</td>
<td style="padding:8px;text-align:center;color:var(--green);font-weight:700;">YES</td>
<td style="padding:8px;text-align:center;color:var(--green);font-weight:700;">YES</td>
<td style="padding:8px;text-align:center;color:var(--gold);font-weight:700;">7 · HEPE</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- HIGH-RISK DOMAINS -->
<section id="domains">
<p class="section-tag">HIGH-RISK DOMAINS</p>
<h2 class="section-title">Domains Served</h2>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;">
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:12px;font-weight:700;color:var(--red);margin-bottom:6px;">Defence / NATO</div>
<div style="font-size:10px;color:var(--gray);">STANAG 4774/4778, CCW LAWS</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:12px;font-weight:700;color:var(--cyan);margin-bottom:6px;">KRITIS</div>
<div style="font-size:10px;color:var(--gray);">EU NIS2, CER Directive</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:12px;font-weight:700;color:var(--gold);margin-bottom:6px;">Space / ESA</div>
<div style="font-size:10px;color:var(--gray);">ESA ECSS, NASA NPR 7150.2C</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:12px;font-weight:700;color:var(--green);margin-bottom:6px;">Medical / FDA III</div>
<div style="font-size:10px;color:var(--gray);">EU MDR, IEC 62304</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:12px;font-weight:700;color:var(--offwhite);margin-bottom:6px;">Automotive L4/L5</div>
<div style="font-size:10px;color:var(--gray);">ISO 26262 ASIL-D</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
<div style="font-size:12px;font-weight:700;color:var(--cyan);margin-bottom:6px;">Banking / RegTech</div>
<div style="font-size:10px;color:var(--gray);">EU AI Act, eIDAS 2.0</div>
</div>
</div>
</section>
<!-- TEAM -->
<section id="team">
<p class="section-tag">TEAM</p>
<h2 class="section-title">Strategic & Hardware Leadership</h2>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
<div style="background:var(--navy);border:1px solid var(--blue);padding:24px;">
<div style="font-size:13px;font-weight:700;color:var(--gold);margin-bottom:12px;">STRATEGIC & POLICY LEADERSHIP</div>
<div style="font-size:12px;color:var(--gray);line-height:1.8;">
Deep-tech entrepreneurship · AI governance · EU and NATO policy alignment · Active engagement with UN disarmament bodies<br><br>
EU AI Act · NATO DIANA · ESA · CCW LAWS · SPI · SI-PAT-001–006
</div>
</div>
<div style="background:var(--navy);border:1px solid var(--blue);padding:24px;">
<div style="font-size:13px;font-weight:700;color:var(--cyan);margin-bottom:12px;">HARDWARE & SYSTEMS ENGINEERING</div>
<div style="font-size:12px;color:var(--gray);line-height:1.8;">
Full-stack hardware: ARM TrustZone · R5F bare-metal · CBMC 0/130 ARM64 · SHA-256 · HEPE · NoVivado — every layer built and validated in-house<br><br>
OP-TEE EAL4+ · DO-178C Level A · FIPS 140-2 · MISRA-C · CBMC · AMD Kria KV260
</div>
</div>
</div>
</section>
<!-- REVIEWER ACCESS -->
<div class="reviewer-section" id="reviewer">
<div class="reviewer-inner">
<div>
<p class="section-tag">REVIEWER ACCESS</p>
<h2 class="section-title">Verify on Live Hardware</h2>
<p style="font-size:14px;color:var(--gray);margin-bottom:24px;line-height:1.8;">
We don't ask you to trust documents. We give you a token and you connect directly to the physical Kria KV260 board running in St. Johann in Tirol, Austria.
</p>
<p style="font-size:13px;color:var(--offwhite);margin-bottom:32px;line-height:1.8;">
Real-time telemetry. Live policy decisions. SHA-256 audit log. Not a demo. Not a simulation. Silicon.
</p>
<div style="display:flex;flex-direction:column;gap:12px;">
<div style="display:flex;gap:12px;align-items:center;">
<div style="width:6px;height:6px;border-radius:50%;background:var(--cyan);"></div>
<span style="font-size:12px;color:var(--gray);">ESA evaluators: <span style="color:var(--cyan);font-family:'Courier New',monospace;">ESA-2026-ALPHA</span></span>
</div>
<div style="display:flex;gap:12px;align-items:center;">
<div style="width:6px;height:6px;border-radius:50%;background:var(--cyan);"></div>
<span style="font-size:12px;color:var(--gray);">NATO/DIANA evaluators: <span style="color:var(--cyan);font-family:'Courier New',monospace;">NATO-2026-CHARLIE</span></span>
</div>
<div style="display:flex;gap:12px;align-items:center;">
<div style="width:6px;height:6px;border-radius:50%;background:var(--cyan);"></div>
<span style="font-size:12px;color:var(--gray);">DARPA reviewers: <span style="color:var(--cyan);font-family:'Courier New',monospace;">DARPA-2026-BRAVO</span></span>
</div>
<div style="display:flex;gap:12px;align-items:center;">
<div style="width:6px;height:6px;border-radius:50%;background:var(--gold);"></div>
<span style="font-size:12px;color:var(--gray);">Demo access: <span style="color:var(--gold);font-family:'Courier New',monospace;">REVIEWER-DEMO</span></span>
</div>
</div>
</div>
<div>
<div class="reviewer-token-box">
<p class="token-label">ENTER REVIEWER TOKEN</p>
<div class="token-input-row">
<input class="token-input" type="text" id="token-field" placeholder="TOKEN-XXXX-XXXXX" spellcheck="false">
<button class="token-btn" onclick="verifyToken()">VERIFY →</button>
</div>
<p class="token-hint">
Demo: <span onclick="document.getElementById('token-field').value='REVIEWER-DEMO'">REVIEWER-DEMO</span>
&nbsp;|&nbsp;
<span onclick="document.getElementById('token-field').value='NATO-2026-CHARLIE'">NATO-2026-CHARLIE</span>
</p>
<div id="token-status"></div>
</div>
<div class="dashboard-preview" style="margin-top:16px;">
<div class="dash-header">
<span class="dash-title">LIVE DASHBOARD PREVIEW</span>
<span class="dash-live">
<span style="width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse-dot 2s infinite;"></span>
LIVE
</span>
</div>
<div class="dash-metrics">
<div class="dash-metric">
<div class="dash-metric-val" id="d-temp">42.8°C</div>
<div class="dash-metric-lbl">TEMP</div>
</div>
<div class="dash-metric">
<div class="dash-metric-val" style="color:#27AE60">ALLOW</div>
<div class="dash-metric-lbl">POLICY</div>
</div>
<div class="dash-metric">
<div class="dash-metric-val" id="d-lat">0.45μs</div>
<div class="dash-metric-lbl">LATENCY</div>
</div>
</div>
<div class="dash-log" id="dash-log">
<div class="log-line gold">[00:04:43] AUTH: Session initialized</div>
<div class="log-line cyan">[00:04:43] CONNECT: Kria KV260 @ 192.168.1.160 — SSH OK</div>
<div class="log-line gray">[00:04:44] FPGA: /dev/fpga0 — GPIO ACTIVE</div>
<div class="log-line green">[00:04:44] POLICY: Strategy C ARMED — Non-hardcoded</div>
<div class="log-line gray">[00:04:45] DDGK: Epistemic state VERIFIED</div>
<div class="log-line green">[00:04:45] SIK: Decision → ALLOW</div>
</div>
</div>
</div>
</div>
</div>
<!-- TARGETS -->
<section id="targets">
<p class="section-tag">FUNDING TARGETS</p>
<h2 class="section-title">Open Calls — Active Now</h2>
<p class="section-sub">Multiple concurrent funding opportunities across defence, space, and industrial domains.</p>
<div class="targets-grid">
<div class="target-card" style="border-color:#C0392B;">
<div class="target-icon" style="background:#1A0808;color:#C0392B;font-size:14px;font-weight:700;">NATO</div>
<div class="target-name">NATO DIANA 2027</div>
<div class="target-detail">Challenge 9: Autonomy & UxS · Challenge 10: Data Decision Making · €100K + €300K Mission Track</div>
<div class="target-deadline">⚡ DEADLINE: 3 JULY 2026 — 14 DAYS</div>
</div>
<div class="target-card">
<div class="target-icon" style="color:var(--cyan);font-size:14px;font-weight:700;">ESA</div>
<div class="target-name">ESA BASS Kick-Start</div>
<div class="target-detail">Hardware AI governance for space systems · DO-178C DAL-A alignment · 6-month feasibility · €75K at 75%</div>
<div class="target-deadline">DEADLINE: 28 AUGUST 2026</div>
</div>
<div class="target-card">
<div class="target-icon" style="color:var(--gold);font-size:14px;font-weight:700;">DARPA</div>
<div class="target-name">DARPA SABER / I2O</div>
<div class="target-detail">Guaranteeing AI Robustness against Deception · Hardware-enforced policy enforcement · Full MITRE ATLAS coverage</div>
<div class="target-deadline">I2O BAA FY2026: NOV 2026</div>
</div>
<div class="target-card">
<div class="target-icon" style="color:var(--offwhite);font-size:14px;font-weight:700;">EU</div>
<div class="target-name">EU AI Act Compliance</div>
<div class="target-detail">Art.13 Transparency · Art.15 Robustness · Hardware enforcement as compliance-by-design · August 2026 enforcement</div>
<div class="target-deadline">ENFORCEMENT: 2 AUGUST 2026</div>
</div>
<div class="target-card">
<div class="target-icon" style="color:var(--cyan);font-size:13px;font-weight:700;">FHG</div>
<div class="target-name">Fraunhofer Partnership</div>
<div class="target-detail">FPGA safety systems · Embedded AI · Industrial ASIL-D applications · Joint research programme</div>
<div class="target-deadline">OPEN CALL — ONGOING</div>
</div>
<div class="target-card">
<div class="target-icon" style="color:var(--white);font-size:13px;font-weight:700;">SpX</div>
<div class="target-name">SpaceX / Cursor Integration</div>
<div class="target-detail">Autonomous systems governance · Starship decision layer · HOOTL-ready architecture · Cursor-native integration</div>
<div class="target-deadline">DIRECT OUTREACH</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-inner">
<div>
<div class="footer-brand-name">EHOX SYSTEMS</div>
<div class="footer-brand-sub">HEPE — Hardware-Enforced AI Policy Governance · SI-PAT-006</div>
<div class="footer-addr">
Almdorf 9<br>
6380 St. Johann in Tirol<br>
Austria<br><br>
info@ehox.io<br>
paradoxonai.at
</div>
</div>
<div>
<div class="footer-col-title">STANDARDS</div>
<ul class="footer-links">
<li><a href="#">ISO/IEC 42001</a></li>
<li><a href="#">DO-178C Level A</a></li>
<li><a href="#">FIPS 140-2</a></li>
<li><a href="#">EAL4+</a></li>
<li><a href="#">MISRA-C</a></li>
<li><a href="#">CBMC</a></li>
</ul>
</div>
<div>
<div class="footer-col-title">RESOURCES</div>
<ul class="footer-links">
<li><a href="#reviewer">Reviewer Access</a></li>
<li><a href="#prove">prove() API</a></li>
<li><a href="#competitive">Competitive Position</a></li>
<li><a href="#domains">High-Risk Domains</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#">Contact / Pitch Deck</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span class="footer-copy">© EHOX Systems 2026. All rights reserved. BIDDER PROPRIETARY & CONFIDENTIAL. BKA GZ 2026-0.510.003</span>
<span class="footer-standards">ISO/IEC 42001 · DO-178C Level A · FIPS 140-2 · EAL4+ · MISRA-C · CBMC · HEPE</span>
</div>
</footer>
<script>
// Live metrics simulation
let tick = 0;
setInterval(() => {
tick++;
const temp = (42.8 + Math.sin(tick * 0.3) * 0.4).toFixed(1) + '°C';
const power = (13.5 + Math.sin(tick * 0.2) * 0.3).toFixed(1) + 'W';
const lat = (0.45 + Math.sin(tick * 0.5) * 0.02).toFixed(3) + 'μs';
document.getElementById('d-temp').textContent = temp;
document.getElementById('d-lat').textContent = lat;
}, 2000);
// Log animation
const logLines = [
{ cls: 'green', t: 'POLICY: ALLOW — Process approved' },
{ cls: 'gray', t: 'DDGK: Evidence quality VERIFIED' },
{ cls: 'cyan', t: 'SIK: Decision Over Time stable' },
{ cls: 'gold', t: 'AUDIT: SHA-256 entry logged' },
{ cls: 'green', t: 'AXI: GPIO HIGH — execution permitted' },
{ cls: 'gray', t: 'REALITY: Webcam feedback OK' },
{ cls: 'green', t: 'POLICY: ALLOW — Cross-domain consistent' },
{ cls: 'cyan', t: 'KERNEL: 0 modifications — Strategy C intact' },
];
let logIdx = 0;
setInterval(() => {
const log = document.getElementById('dash-log');
if (!log) return;
const now = new Date();
const ts = now.toTimeString().slice(0,8);
const line = logLines[logIdx % logLines.length];
const div = document.createElement('div');
div.className = 'log-line ' + line.cls;
div.textContent = `[${ts}] ${line.t}`;
log.appendChild(div);
log.scrollTop = log.scrollHeight;
if (log.children.length > 20) log.removeChild(log.children[0]);
logIdx++;
}, 3000);
// Token verification
const VALID = ['ESA-2026-ALPHA','DARPA-2026-BRAVO','NATO-2026-CHARLIE','REVIEWER-DEMO'];
function verifyToken() {
const val = document.getElementById('token-field').value.trim().toUpperCase();
const st = document.getElementById('token-status');
st.textContent = 'Authenticating...';
st.className = '';
st.style.color = 'var(--gray)';
setTimeout(() => {
if (VALID.includes(val)) {
st.textContent = '✓ Access granted — Dashboard loading...';
st.className = 'token-status-ok';
setTimeout(() => {
window.open('https://paradoxonai.at/reviewer', '_blank');
}, 800);
} else {
st.textContent = '✗ Invalid token. Contact: info@ehox.io';
st.className = 'token-status-err';
}
}, 1800);
}
document.getElementById('token-field').addEventListener('keydown', e => {
if (e.key === 'Enter') verifyToken();
});
</script>
</body>
</html>