Alvoradozerouno commited on
Commit
a709c39
·
verified ·
1 Parent(s): 4052cac

Upload index.html with huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +1094 -0
index.html ADDED
@@ -0,0 +1,1094 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>EHOX Systems — HEPE Hardware-Enforced AI Policy Governance</title>
7
+ <style>
8
+ :root {
9
+ --black: #060C18;
10
+ --navy: #0B1E3D;
11
+ --blue: #1A4F8A;
12
+ --cyan: #00A8CC;
13
+ --gold: #C9A84C;
14
+ --red: #C0392B;
15
+ --green: #27AE60;
16
+ --white: #FFFFFF;
17
+ --offwhite:#D8E4F0;
18
+ --gray: #7A8FA6;
19
+ --dimgray: #3A4F65;
20
+ }
21
+
22
+ * { margin: 0; padding: 0; box-sizing: border-box; }
23
+
24
+ body {
25
+ background: var(--black);
26
+ color: var(--offwhite);
27
+ font-family: 'Arial', sans-serif;
28
+ line-height: 1.6;
29
+ overflow-x: hidden;
30
+ }
31
+
32
+ /* ── NAV ── */
33
+ nav {
34
+ position: fixed; top: 0; left: 0; right: 0; z-index: 100;
35
+ background: rgba(6,12,24,0.95);
36
+ border-bottom: 1px solid #1A2A4A;
37
+ display: flex; align-items: center; justify-content: space-between;
38
+ padding: 0 40px; height: 60px;
39
+ backdrop-filter: blur(8px);
40
+ }
41
+ .nav-logo {
42
+ display: flex; align-items: center; gap: 14px;
43
+ }
44
+ .nav-emblem {
45
+ width: 32px; height: 32px; position: relative;
46
+ }
47
+ .nav-emblem svg { width: 32px; height: 32px; }
48
+ .nav-name { font-size: 13px; font-weight: 700; letter-spacing: 3px; color: var(--white); }
49
+ .nav-links { display: flex; gap: 32px; }
50
+ .nav-links a {
51
+ font-size: 11px; letter-spacing: 2px; color: var(--gray);
52
+ text-decoration: none; transition: color 0.2s;
53
+ }
54
+ .nav-links a:hover { color: var(--cyan); }
55
+ .nav-cta {
56
+ font-size: 10px; font-weight: 700; letter-spacing: 2px;
57
+ color: var(--black); background: var(--cyan);
58
+ padding: 8px 18px; text-decoration: none; transition: background 0.2s;
59
+ }
60
+ .nav-cta:hover { background: var(--gold); }
61
+
62
+ /* ── HERO ── */
63
+ .hero {
64
+ min-height: 100vh;
65
+ display: flex; flex-direction: column;
66
+ align-items: center; justify-content: center;
67
+ padding: 120px 40px 80px;
68
+ position: relative; overflow: hidden;
69
+ }
70
+
71
+ /* Grid background */
72
+ .hero::before {
73
+ content: '';
74
+ position: absolute; inset: 0;
75
+ background-image:
76
+ linear-gradient(rgba(0,168,204,0.04) 1px, transparent 1px),
77
+ linear-gradient(90deg, rgba(0,168,204,0.04) 1px, transparent 1px);
78
+ background-size: 60px 60px;
79
+ pointer-events: none;
80
+ }
81
+
82
+ /* Radar sweep animation */
83
+ .radar {
84
+ width: 200px; height: 200px;
85
+ position: relative; margin-bottom: 48px;
86
+ }
87
+ .radar-ring {
88
+ position: absolute; border-radius: 50%;
89
+ border: 1px solid;
90
+ top: 50%; left: 50%; transform: translate(-50%, -50%);
91
+ }
92
+ .radar-ring:nth-child(1) { width: 200px; height: 200px; border-color: rgba(0,168,204,0.3); }
93
+ .radar-ring:nth-child(2) { width: 140px; height: 140px; border-color: rgba(201,168,76,0.4); }
94
+ .radar-ring:nth-child(3) { width: 80px; height: 80px; border-color: rgba(0,168,204,0.5); }
95
+ .radar-dot {
96
+ position: absolute; width: 12px; height: 12px;
97
+ background: var(--cyan); border-radius: 50%;
98
+ top: 50%; left: 50%; transform: translate(-50%, -50%);
99
+ box-shadow: 0 0 20px var(--cyan);
100
+ animation: pulse-dot 2s ease-in-out infinite;
101
+ }
102
+ .radar-line {
103
+ position: absolute; width: 50%; height: 1px;
104
+ background: linear-gradient(90deg, var(--cyan), transparent);
105
+ top: 50%; left: 50%; transform-origin: left center;
106
+ animation: radar-sweep 4s linear infinite;
107
+ }
108
+ .radar-cross-h {
109
+ position: absolute; width: 200px; height: 1px;
110
+ background: rgba(0,168,204,0.15);
111
+ top: 50%; left: 50%; transform: translate(-50%, -50%);
112
+ }
113
+ .radar-cross-v {
114
+ position: absolute; width: 1px; height: 200px;
115
+ background: rgba(0,168,204,0.15);
116
+ top: 50%; left: 50%; transform: translate(-50%, -50%);
117
+ }
118
+ @keyframes radar-sweep {
119
+ from { transform: rotate(0deg); }
120
+ to { transform: rotate(360deg); }
121
+ }
122
+ @keyframes pulse-dot {
123
+ 0%, 100% { opacity: 1; box-shadow: 0 0 20px var(--cyan); }
124
+ 50% { opacity: 0.6; box-shadow: 0 0 8px var(--cyan); }
125
+ }
126
+
127
+ .hero-tag {
128
+ font-size: 10px; letter-spacing: 4px; color: var(--cyan);
129
+ margin-bottom: 16px; text-align: center;
130
+ }
131
+ .hero-title {
132
+ font-size: clamp(32px, 5vw, 56px);
133
+ font-weight: 700; letter-spacing: 6px;
134
+ color: var(--white); text-align: center;
135
+ margin-bottom: 12px;
136
+ }
137
+ .hero-subtitle {
138
+ font-size: clamp(13px, 2vw, 16px);
139
+ color: var(--cyan); text-align: center;
140
+ letter-spacing: 1px; margin-bottom: 40px;
141
+ max-width: 700px;
142
+ }
143
+
144
+ .hero-divider {
145
+ width: 400px; max-width: 80vw; height: 1px;
146
+ background: linear-gradient(90deg, transparent, var(--gold), transparent);
147
+ margin: 0 auto 40px;
148
+ }
149
+
150
+ .hero-stats {
151
+ display: flex; gap: 2px; flex-wrap: wrap; justify-content: center;
152
+ margin-bottom: 48px;
153
+ }
154
+ .stat-card {
155
+ background: var(--navy);
156
+ border: 1px solid var(--blue);
157
+ padding: 20px 28px; text-align: center; min-width: 120px;
158
+ transition: border-color 0.2s;
159
+ }
160
+ .stat-card:hover { border-color: var(--cyan); }
161
+ .stat-val {
162
+ font-size: 28px; font-weight: 700; color: var(--white);
163
+ font-family: 'Courier New', monospace;
164
+ }
165
+ .stat-lbl {
166
+ font-size: 9px; letter-spacing: 2px; color: var(--cyan);
167
+ margin-top: 4px;
168
+ }
169
+
170
+ .hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
171
+ .btn-primary {
172
+ background: var(--cyan); color: var(--black);
173
+ padding: 14px 32px; font-size: 11px; font-weight: 700;
174
+ letter-spacing: 2px; text-decoration: none;
175
+ transition: background 0.2s;
176
+ }
177
+ .btn-primary:hover { background: var(--gold); }
178
+ .btn-secondary {
179
+ border: 1px solid var(--gold); color: var(--gold);
180
+ padding: 14px 32px; font-size: 11px; font-weight: 700;
181
+ letter-spacing: 2px; text-decoration: none;
182
+ transition: all 0.2s;
183
+ }
184
+ .btn-secondary:hover { background: var(--gold); color: var(--black); }
185
+
186
+ /* ── LIVE STATUS BAR ── */
187
+ .status-bar {
188
+ background: var(--black);
189
+ border-top: 1px solid #1A2A4A;
190
+ border-bottom: 1px solid #1A2A4A;
191
+ padding: 12px 40px;
192
+ display: flex; align-items: center; gap: 32px;
193
+ flex-wrap: wrap; overflow: hidden;
194
+ }
195
+ .status-item {
196
+ display: flex; align-items: center; gap: 8px;
197
+ font-size: 10px; letter-spacing: 1px; color: var(--gray);
198
+ white-space: nowrap;
199
+ }
200
+ .status-dot {
201
+ width: 7px; height: 7px; border-radius: 50%;
202
+ animation: pulse-dot 2s ease-in-out infinite;
203
+ }
204
+ .status-dot.green { background: var(--green); box-shadow: 0 0 8px var(--green); }
205
+ .status-dot.cyan { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
206
+ .status-val { color: var(--white); font-weight: 700; }
207
+
208
+ /* ── SECTIONS ── */
209
+ section { padding: 80px 40px; max-width: 1200px; margin: 0 auto; }
210
+
211
+ .section-tag {
212
+ font-size: 9px; letter-spacing: 4px; color: var(--cyan);
213
+ margin-bottom: 12px;
214
+ }
215
+ .section-title {
216
+ font-size: clamp(24px, 3vw, 36px);
217
+ font-weight: 700; color: var(--white);
218
+ margin-bottom: 16px;
219
+ }
220
+ .section-sub {
221
+ font-size: 14px; color: var(--gray);
222
+ max-width: 700px; margin-bottom: 48px;
223
+ }
224
+
225
+ /* ── ARCHITECTURE ── */
226
+ .arch-stack { display: flex; flex-direction: column; gap: 3px; }
227
+ .arch-layer {
228
+ display: flex; align-items: stretch;
229
+ border: 1px solid var(--blue);
230
+ transition: border-color 0.2s;
231
+ cursor: default;
232
+ }
233
+ .arch-layer:hover { border-color: var(--cyan); }
234
+ .arch-num {
235
+ width: 48px; min-height: 60px;
236
+ background: var(--navy);
237
+ display: flex; align-items: center; justify-content: center;
238
+ font-size: 11px; font-weight: 700; color: var(--cyan);
239
+ letter-spacing: 1px; flex-shrink: 0;
240
+ }
241
+ .arch-body {
242
+ flex: 1; padding: 14px 20px;
243
+ background: linear-gradient(90deg, #0B1E3D, #060C18);
244
+ }
245
+ .arch-name { font-size: 13px; font-weight: 700; color: var(--white); }
246
+ .arch-desc { font-size: 11px; color: var(--gray); margin-top: 3px; }
247
+ .arch-badge {
248
+ padding: 2px 10px; font-size: 9px; font-weight: 700;
249
+ letter-spacing: 1px; align-self: center; margin: 0 16px;
250
+ flex-shrink: 0;
251
+ }
252
+ .arch-badge.cyan { border: 1px solid var(--cyan); color: var(--cyan); }
253
+ .arch-badge.gold { border: 1px solid var(--gold); color: var(--gold); }
254
+ .arch-badge.red { border: 1px solid var(--red); color: var(--red); }
255
+ .arch-badge.green { border: 1px solid var(--green); color: var(--green); }
256
+ .arch-arrow {
257
+ text-align: center; color: var(--gold); font-size: 16px;
258
+ padding: 2px 0; letter-spacing: 0;
259
+ }
260
+
261
+ /* ── TESTS ── */
262
+ .tests-grid {
263
+ display: grid;
264
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
265
+ gap: 16px;
266
+ }
267
+ .test-card {
268
+ background: var(--navy);
269
+ border: 1px solid var(--blue);
270
+ padding: 20px; transition: border-color 0.2s;
271
+ }
272
+ .test-card:hover { border-color: var(--cyan); }
273
+ .test-header {
274
+ display: flex; align-items: center;
275
+ justify-content: space-between; margin-bottom: 10px;
276
+ }
277
+ .test-code { font-size: 9px; color: var(--cyan); letter-spacing: 2px; }
278
+ .test-result {
279
+ font-size: 10px; font-weight: 700; padding: 3px 10px;
280
+ letter-spacing: 1px;
281
+ }
282
+ .test-result.block { border: 1px solid var(--red); color: var(--red); }
283
+ .test-result.abstain { border: 1px solid var(--gold); color: var(--gold); }
284
+ .test-result.pass { border: 1px solid var(--green); color: var(--green); }
285
+ .test-name { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 6px; }
286
+ .test-desc { font-size: 11px; color: var(--gray); }
287
+
288
+ /* ── REVIEWER SECTION ── */
289
+ .reviewer-section {
290
+ background: var(--black);
291
+ border-top: 1px solid #1A2A4A;
292
+ border-bottom: 1px solid #1A2A4A;
293
+ padding: 80px 40px;
294
+ }
295
+ .reviewer-inner {
296
+ max-width: 1200px; margin: 0 auto;
297
+ display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
298
+ align-items: center;
299
+ }
300
+ .reviewer-token-box {
301
+ background: var(--navy);
302
+ border: 2px solid var(--gold);
303
+ padding: 32px;
304
+ }
305
+ .token-label {
306
+ font-size: 9px; letter-spacing: 3px; color: var(--gold);
307
+ margin-bottom: 16px;
308
+ }
309
+ .token-input-row {
310
+ display: flex; gap: 0;
311
+ margin-bottom: 12px;
312
+ }
313
+ .token-input {
314
+ flex: 1; background: var(--black);
315
+ border: 1px solid var(--blue); border-right: none;
316
+ padding: 12px 16px; font-size: 13px;
317
+ color: var(--white); font-family: 'Courier New', monospace;
318
+ letter-spacing: 2px; outline: none;
319
+ }
320
+ .token-input:focus { border-color: var(--cyan); }
321
+ .token-btn {
322
+ background: var(--cyan); border: none;
323
+ padding: 12px 24px; font-size: 11px; font-weight: 700;
324
+ letter-spacing: 2px; color: var(--black); cursor: pointer;
325
+ transition: background 0.2s;
326
+ }
327
+ .token-btn:hover { background: var(--gold); }
328
+ .token-hint {
329
+ font-size: 10px; color: var(--gray);
330
+ }
331
+ .token-hint span { color: var(--cyan); cursor: pointer; }
332
+ .token-hint span:hover { color: var(--gold); }
333
+ #token-status {
334
+ margin-top: 12px; font-size: 11px; min-height: 20px;
335
+ }
336
+ .token-status-ok { color: var(--green); }
337
+ .token-status-err { color: var(--red); }
338
+
339
+ /* Live dashboard preview */
340
+ .dashboard-preview {
341
+ background: var(--navy);
342
+ border: 1px solid var(--blue); padding: 20px;
343
+ }
344
+ .dash-header {
345
+ display: flex; align-items: center; justify-content: space-between;
346
+ margin-bottom: 16px; padding-bottom: 12px;
347
+ border-bottom: 1px solid var(--blue);
348
+ }
349
+ .dash-title { font-size: 11px; letter-spacing: 2px; color: var(--cyan); }
350
+ .dash-live {
351
+ display: flex; align-items: center; gap: 6px;
352
+ font-size: 10px; color: var(--green);
353
+ }
354
+ .dash-metrics {
355
+ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
356
+ margin-bottom: 16px;
357
+ }
358
+ .dash-metric {
359
+ background: var(--black); padding: 10px; text-align: center;
360
+ }
361
+ .dash-metric-val {
362
+ font-size: 18px; font-weight: 700; color: var(--white);
363
+ font-family: 'Courier New', monospace;
364
+ }
365
+ .dash-metric-lbl { font-size: 8px; color: var(--gray); letter-spacing: 1px; }
366
+ .dash-log {
367
+ background: var(--black); padding: 12px;
368
+ font-family: 'Courier New', monospace; font-size: 10px;
369
+ height: 120px; overflow-y: auto;
370
+ }
371
+ .log-line { margin-bottom: 4px; }
372
+ .log-line.green { color: var(--green); }
373
+ .log-line.cyan { color: var(--cyan); }
374
+ .log-line.gold { color: var(--gold); }
375
+ .log-line.gray { color: var(--gray); }
376
+
377
+ /* ── TARGETS ── */
378
+ .targets-grid {
379
+ display: grid;
380
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
381
+ gap: 16px;
382
+ }
383
+ .target-card {
384
+ background: var(--navy); border: 1px solid var(--blue);
385
+ padding: 24px; transition: border-color 0.2s;
386
+ }
387
+ .target-card:hover { border-color: var(--gold); }
388
+ .target-icon {
389
+ width: 40px; height: 40px; margin-bottom: 16px;
390
+ background: var(--blue); display: flex;
391
+ align-items: center; justify-content: center;
392
+ font-size: 18px;
393
+ }
394
+ .target-name { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 6px; }
395
+ .target-detail { font-size: 11px; color: var(--gray); }
396
+ .target-deadline {
397
+ font-size: 9px; color: var(--gold); letter-spacing: 1px;
398
+ margin-top: 12px;
399
+ }
400
+
401
+ /* ── HARDWARE ── */
402
+ .hw-grid {
403
+ display: grid;
404
+ grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
405
+ gap: 12px; margin-bottom: 32px;
406
+ }
407
+ .hw-card {
408
+ background: var(--black); border: 1px solid var(--blue);
409
+ padding: 16px; text-align: center;
410
+ }
411
+ .hw-val {
412
+ font-size: 22px; font-weight: 700; color: var(--white);
413
+ font-family: 'Courier New', monospace;
414
+ animation: counter-tick 3s ease-in-out infinite alternate;
415
+ }
416
+ @keyframes counter-tick {
417
+ from { opacity: 0.8; }
418
+ to { opacity: 1; }
419
+ }
420
+ .hw-key { font-size: 9px; color: var(--gray); letter-spacing: 2px; margin-top: 4px; }
421
+ .hw-sub { font-size: 8px; color: var(--cyan); margin-top: 2px; }
422
+
423
+ /* ── FOOTER ── */
424
+ footer {
425
+ background: var(--black);
426
+ border-top: 1px solid #1A2A4A;
427
+ padding: 48px 40px 32px;
428
+ }
429
+ .footer-inner {
430
+ max-width: 1200px; margin: 0 auto;
431
+ display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;
432
+ margin-bottom: 40px;
433
+ }
434
+ .footer-brand-name {
435
+ font-size: 14px; font-weight: 700; letter-spacing: 3px;
436
+ color: var(--white); margin-bottom: 8px;
437
+ }
438
+ .footer-brand-sub { font-size: 11px; color: var(--gray); margin-bottom: 16px; }
439
+ .footer-addr { font-size: 11px; color: var(--dimgray); line-height: 1.8; }
440
+ .footer-col-title {
441
+ font-size: 9px; letter-spacing: 3px; color: var(--cyan);
442
+ margin-bottom: 16px;
443
+ }
444
+ .footer-links { list-style: none; }
445
+ .footer-links li { margin-bottom: 8px; }
446
+ .footer-links a {
447
+ font-size: 12px; color: var(--gray); text-decoration: none;
448
+ transition: color 0.2s;
449
+ }
450
+ .footer-links a:hover { color: var(--white); }
451
+ .footer-bottom {
452
+ max-width: 1200px; margin: 0 auto;
453
+ padding-top: 24px; border-top: 1px solid #1A2A4A;
454
+ display: flex; justify-content: space-between; align-items: center;
455
+ flex-wrap: wrap; gap: 16px;
456
+ }
457
+ .footer-copy { font-size: 10px; color: var(--dimgray); }
458
+ .footer-standards { font-size: 9px; color: var(--dimgray); letter-spacing: 1px; }
459
+
460
+ /* ── RESPONSIVE ── */
461
+ @media (max-width: 768px) {
462
+ nav { padding: 0 20px; }
463
+ .nav-links { display: none; }
464
+ section { padding: 60px 20px; }
465
+ .reviewer-inner { grid-template-columns: 1fr; gap: 32px; }
466
+ .footer-inner { grid-template-columns: 1fr; gap: 32px; }
467
+ .hero-stats { gap: 2px; }
468
+ .status-bar { padding: 12px 20px; gap: 20px; }
469
+ }
470
+
471
+ @media (prefers-reduced-motion: reduce) {
472
+ * { animation: none !important; }
473
+ }
474
+ </style>
475
+ </head>
476
+ <body>
477
+
478
+ <!-- NAV -->
479
+ <nav>
480
+ <div class="nav-logo">
481
+ <div class="nav-emblem">
482
+ <svg viewBox="0 0 32 32" fill="none">
483
+ <circle cx="16" cy="16" r="15" stroke="#00A8CC" stroke-width="1.5"/>
484
+ <circle cx="16" cy="16" r="9" stroke="#C9A84C" stroke-width="1"/>
485
+ <circle cx="16" cy="16" r="4" fill="#00A8CC"/>
486
+ <line x1="16" y1="1" x2="16" y2="7" stroke="#00A8CC" stroke-width="0.8"/>
487
+ <line x1="16" y1="25" x2="16" y2="31" stroke="#00A8CC" stroke-width="0.8"/>
488
+ <line x1="1" y1="16" x2="7" y2="16" stroke="#00A8CC" stroke-width="0.8"/>
489
+ <line x1="25" y1="16" x2="31" y2="16" stroke="#00A8CC" stroke-width="0.8"/>
490
+ </svg>
491
+ </div>
492
+ <span class="nav-name">EHOX SYSTEMS</span>
493
+ </div>
494
+ <div class="nav-links">
495
+ <a href="#trust">TRUST PROBLEM</a>
496
+ <a href="#prove">PROVE API</a>
497
+ <a href="#competitive">COMPETITIVE</a>
498
+ <a href="#reviewer">REVIEWER ACCESS</a>
499
+ </div>
500
+ <a href="#reviewer" class="nav-cta">VERIFY LIVE →</a>
501
+ </nav>
502
+
503
+ <!-- HERO -->
504
+ <div class="hero">
505
+ <div class="radar">
506
+ <div class="radar-ring"></div>
507
+ <div class="radar-ring"></div>
508
+ <div class="radar-ring"></div>
509
+ <div class="radar-cross-h"></div>
510
+ <div class="radar-cross-v"></div>
511
+ <div class="radar-line"></div>
512
+ <div class="radar-dot"></div>
513
+ </div>
514
+
515
+ <p class="hero-tag">HEPE — HARDWARE-EMERGENT POLICY ENFORCEMENT · SI-PAT-006 · TRL 7 CONFIRMED</p>
516
+ <h1 class="hero-title">EHOX SYSTEMS</h1>
517
+ <p class="hero-subtitle">
518
+ Hardware-Enforced AI Policy Governance · CBMC 0/130 ARM64 · 67,738 dec/sec<br>
519
+ ISO/IEC 42001 · DO-178C Level A · FIPS 140-2 · EAL4+ · Strategy C · Vivado-Free · ITAR-Free
520
+ </p>
521
+
522
+ <div class="hero-divider"></div>
523
+
524
+ <div class="hero-stats">
525
+ <div class="stat-card">
526
+ <div class="stat-val">0/130</div>
527
+ <div class="stat-lbl">CBMC ASSERTIONS FAILED</div>
528
+ </div>
529
+ <div class="stat-card">
530
+ <div class="stat-val">67,738</div>
531
+ <div class="stat-lbl">DECISIONS/SEC</div>
532
+ </div>
533
+ <div class="stat-card">
534
+ <div class="stat-val">TRL 7</div>
535
+ <div class="stat-lbl">CONFIRMED</div>
536
+ </div>
537
+ <div class="stat-card">
538
+ <div class="stat-val">4/4</div>
539
+ <div class="stat-lbl">HW LAYERS PASS</div>
540
+ </div>
541
+ <div class="stat-card">
542
+ <div class="stat-val">Z3</div>
543
+ <div class="stat-lbl">PROVEN · MATHEMATICALLY IMPOSSIBLE</div>
544
+ </div>
545
+ </div>
546
+
547
+ <div class="hero-buttons">
548
+ <a href="#reviewer" class="btn-primary">VERIFY ON LIVE HARDWARE →</a>
549
+ <a href="#competitive" class="btn-secondary">VIEW COMPETITIVE POSITION</a>
550
+ </div>
551
+ </div>
552
+
553
+ <!-- STATUS BAR -->
554
+ <div class="status-bar">
555
+ <div class="status-item">
556
+ <div class="status-dot green"></div>
557
+ <span>ISO/IEC 42001</span>
558
+ <span class="status-val">COMPLIANT</span>
559
+ </div>
560
+ <div class="status-item">
561
+ <div class="status-dot green"></div>
562
+ <span>DO-178C</span>
563
+ <span class="status-val">LEVEL A</span>
564
+ </div>
565
+ <div class="status-item">
566
+ <div class="status-dot green"></div>
567
+ <span>FIPS 140-2</span>
568
+ <span class="status-val">PASS</span>
569
+ </div>
570
+ <div class="status-item">
571
+ <div class="status-dot green"></div>
572
+ <span>EAL4+</span>
573
+ <span class="status-val">OP-TEE</span>
574
+ </div>
575
+ <div class="status-item">
576
+ <div class="status-dot cyan"></div>
577
+ <span>CBMC 6.9.0</span>
578
+ <span class="status-val" style="color:#27AE60">0/130 FAILED</span>
579
+ </div>
580
+ <div class="status-item">
581
+ <div class="status-dot cyan"></div>
582
+ <span>Z3 SMT</span>
583
+ <span class="status-val">PROVEN</span>
584
+ </div>
585
+ <div class="status-item">
586
+ <div class="status-dot green"></div>
587
+ <span>STRATEGY C</span>
588
+ <span class="status-val">VIVADO-FREE · ITAR-FREE</span>
589
+ </div>
590
+ </div>
591
+
592
+ <!-- TRUST PROBLEM -->
593
+ <section id="trust" style="padding-top:40px;">
594
+ <p class="section-tag">THE TRUST PROBLEM</p>
595
+ <h2 class="section-title">Why Software Governance Has Failed</h2>
596
+ <div style="background:var(--navy);border-left:3px solid var(--gold);padding:20px 24px;margin-bottom:32px;">
597
+ <p style="font-size:14px;color:var(--offwhite);font-style:italic;margin-bottom:8px;">
598
+ "Der Zugang zu Anthropic Mythos wurde für Nicht-US-Bürger per Regierungsanordnung gesperrt. Europa wurde von wichtiger Technologie abgeschnitten."
599
+ </p>
600
+ <p style="font-size:11px;color:var(--gray);">Der Standard, 25. Juni 2026</p>
601
+ </div>
602
+ <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px;">
603
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
604
+ <div style="font-size:11px;font-weight:700;color:var(--red);margin-bottom:6px;">12 JUNE 2026</div>
605
+ <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>
606
+ </div>
607
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
608
+ <div style="font-size:11px;font-weight:700;color:var(--gold);margin-bottom:6px;">METR 2026</div>
609
+ <div style="font-size:12px;color:var(--gray);">Leading AI models actively circumvent their own software policy constraints.</div>
610
+ </div>
611
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
612
+ <div style="font-size:11px;font-weight:700;color:var(--cyan);margin-bottom:6px;">SCIENCE MEDIA CENTER 2026</div>
613
+ <div style="font-size:12px;color:var(--gray);">"Sicherheitsmechanismen moderner KI-Systeme sind häufig nicht vollständig im Modell selbst verankert."</div>
614
+ </div>
615
+ </div>
616
+ <div style="padding:16px 24px;background:var(--navy);border:1px solid var(--green);">
617
+ <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>
618
+ </div>
619
+ </section>
620
+
621
+ <!-- PROVE API -->
622
+ <section id="prove">
623
+ <p class="section-tag">THE UNIVERSAL GOVERNANCE API</p>
624
+ <h2 class="section-title">prove() — Hardware-Enforced Decisions</h2>
625
+ <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;">
626
+ <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>
627
+ <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>
628
+ <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>
629
+ <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>
630
+ <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>
631
+ </div>
632
+
633
+ <p class="section-tag" style="margin-top:48px;">4-LAYER HARDWARE ENFORCEMENT</p>
634
+ <h2 class="section-title">Every Layer Verified — Every Layer PASS</h2>
635
+ <div class="arch-stack">
636
+ <div class="arch-layer">
637
+ <div class="arch-num">01</div>
638
+ <div class="arch-body">
639
+ <div class="arch-name">HW-RNG</div>
640
+ <div class="arch-desc">/dev/hwrng — PS hardened silicon</div>
641
+ </div>
642
+ <div class="arch-badge green">PASS</div>
643
+ </div>
644
+ <div class="arch-arrow">↓</div>
645
+ <div class="arch-layer">
646
+ <div class="arch-num">02</div>
647
+ <div class="arch-body">
648
+ <div class="arch-name">TRUSTZONE</div>
649
+ <div class="arch-desc">OP-TEE EAL4+ | /dev/tee0 | POSIX</div>
650
+ </div>
651
+ <div class="arch-badge green">PASS</div>
652
+ </div>
653
+ <div class="arch-arrow">↓</div>
654
+ <div class="arch-layer">
655
+ <div class="arch-num">03</div>
656
+ <div class="arch-body">
657
+ <div class="arch-name">R5F LOCKSTEP</div>
658
+ <div class="arch-desc">Cortex-R5F | TCM 0xffe90000 | DO-178C</div>
659
+ </div>
660
+ <div class="arch-badge green">PASS</div>
661
+ </div>
662
+ <div class="arch-arrow">↓</div>
663
+ <div class="arch-layer" style="border-color:#C0392B">
664
+ <div class="arch-num" style="background:#1A0808;color:#C0392B">04</div>
665
+ <div class="arch-body" style="background:linear-gradient(90deg,#1A0808,#060C18)">
666
+ <div class="arch-name">AUDIT CHAIN</div>
667
+ <div class="arch-desc">SHA-256 PS Security Block | chain_tip: 2f9282855ed6ff14d7e772...</div>
668
+ </div>
669
+ <div class="arch-badge green">PASS</div>
670
+ </div>
671
+ </div>
672
+ <div style="margin-top:16px;padding:12px 20px;background:var(--navy);border:1px solid var(--cyan);font-size:11px;color:var(--gray);">
673
+ CBMC 6.9.0 ARM64 NATIVE · 0 of 130 assertions failed · 02.07.2026<br>
674
+ Z3 SMT Solver · ALLOW/ESCALATE without enforcement: MATHEMATICALLY IMPOSSIBLE<br>
675
+ HEPE — Hardware-Emergent Policy Enforcement · SI-PAT-006 filed 02.07.2026
676
+ </div>
677
+ </section>
678
+
679
+ <!-- STRATEGY C -->
680
+ <section id="strategy-c">
681
+ <p class="section-tag">STRATEGY C</p>
682
+ <h2 class="section-title">Vivado-Free · ITAR-Free · EU-Sovereign</h2>
683
+ <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;">
684
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
685
+ <div style="font-size:14px;font-weight:700;color:var(--cyan);">Yosys</div>
686
+ <div style="font-size:10px;color:var(--gray);margin-top:4px;">MIT License · Open Source</div>
687
+ </div>
688
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
689
+ <div style="font-size:14px;font-weight:700;color:var(--cyan);">Lattice ECP5</div>
690
+ <div style="font-size:10px;color:var(--gray);margin-top:4px;">FPGA Target</div>
691
+ </div>
692
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
693
+ <div style="font-size:14px;font-weight:700;color:var(--cyan);">NanoXplore NX-FPGA</div>
694
+ <div style="font-size:10px;color:var(--gray);margin-top:4px;">European FPGA</div>
695
+ </div>
696
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;text-align:center;">
697
+ <div style="font-size:14px;font-weight:700;color:var(--gold);">SkyWater 130nm</div>
698
+ <div style="font-size:10px;color:var(--gray);margin-top:4px;">ASIC Target</div>
699
+ </div>
700
+ </div>
701
+ </section>
702
+
703
+ <!-- COMPETITIVE POSITION -->
704
+ <section id="competitive">
705
+ <p class="section-tag">COMPETITIVE POSITION</p>
706
+ <h2 class="section-title">World First + Strategic Value</h2>
707
+ <div style="overflow-x:auto;margin-bottom:32px;">
708
+ <table style="width:100%;border-collapse:collapse;font-size:12px;">
709
+ <thead>
710
+ <tr style="border-bottom:1px solid var(--blue);">
711
+ <th style="text-align:left;padding:10px;color:var(--cyan);">Dimension</th>
712
+ <th style="text-align:left;padding:10px;color:var(--gray);">Without EHOX</th>
713
+ <th style="text-align:left;padding:10px;color:var(--green);">With EHOX</th>
714
+ <th style="text-align:center;padding:10px;color:var(--gold);">TRL</th>
715
+ </tr>
716
+ </thead>
717
+ <tbody>
718
+ <tr style="border-bottom:1px solid #1A2A4A;">
719
+ <td style="padding:10px;color:var(--offwhite);">Policy enforcement</td>
720
+ <td style="padding:10px;color:var(--gray);">Software layer — bypassable</td>
721
+ <td style="padding:10px;color:var(--green);">Hardware layer — physically isolated</td>
722
+ <td style="padding:10px;text-align:center;color:var(--gold);">7</td>
723
+ </tr>
724
+ <tr style="border-bottom:1px solid #1A2A4A;">
725
+ <td style="padding:10px;color:var(--offwhite);">Audit evidence</td>
726
+ <td style="padding:10px;color:var(--gray);">Log files — tamperable</td>
727
+ <td style="padding:10px;color:var(--green);">SHA-256 chain_tip — immutable</td>
728
+ <td style="padding:10px;text-align:center;color:var(--gold);">7</td>
729
+ </tr>
730
+ <tr style="border-bottom:1px solid #1A2A4A;">
731
+ <td style="padding:10px;color:var(--offwhite);">Tool sovereignty</td>
732
+ <td style="padding:10px;color:var(--gray);">US-controlled EDA / ITAR</td>
733
+ <td style="padding:10px;color:var(--green);">Yosys MIT — no US tool required</td>
734
+ <td style="padding:10px;text-align:center;color:var(--gold);">7</td>
735
+ </tr>
736
+ <tr style="border-bottom:1px solid #1A2A4A;">
737
+ <td style="padding:10px;color:var(--offwhite);">Geopolitical risk</td>
738
+ <td style="padding:10px;color:var(--gray);">Access revocable by gov. order</td>
739
+ <td style="padding:10px;color:var(--green);">Austrian origin — no export licence</td>
740
+ <td style="padding:10px;text-align:center;color:var(--gold);">7</td>
741
+ </tr>
742
+ <tr style="border-bottom:1px solid #1A2A4A;">
743
+ <td style="padding:10px;color:var(--offwhite);">Formal verification</td>
744
+ <td style="padding:10px;color:var(--gray);">Testing only — statistical</td>
745
+ <td style="padding:10px;color:var(--green);">CBMC 0/130 ARM64 · Z3 proven</td>
746
+ <td style="padding:10px;text-align:center;color:var(--gold);">7</td>
747
+ </tr>
748
+ <tr style="border-bottom:1px solid #1A2A4A;">
749
+ <td style="padding:10px;color:var(--offwhite);">Field update</td>
750
+ <td style="padding:10px;color:var(--gray);">Firmware reflash — downtime</td>
751
+ <td style="padding:10px;color:var(--green);">JSON policy swap — seconds</td>
752
+ <td style="padding:10px;text-align:center;color:var(--gold);">7</td>
753
+ </tr>
754
+ </tbody>
755
+ </table>
756
+ </div>
757
+ <div style="overflow-x:auto;">
758
+ <table style="width:100%;border-collapse:collapse;font-size:11px;">
759
+ <thead>
760
+ <tr style="border-bottom:1px solid var(--blue);">
761
+ <th style="text-align:left;padding:8px;color:var(--cyan);">Solution</th>
762
+ <th style="text-align:center;padding:8px;color:var(--gray);">HW-Isolated</th>
763
+ <th style="text-align:center;padding:8px;color:var(--gray);">Runtime Policy</th>
764
+ <th style="text-align:center;padding:8px;color:var(--gray);">EU-Sovereign</th>
765
+ <th style="text-align:center;padding:8px;color:var(--gold);">TRL</th>
766
+ </tr>
767
+ </thead>
768
+ <tbody>
769
+ <tr style="border-bottom:1px solid #1A2A4A;">
770
+ <td style="padding:8px;color:var(--gray);">Microsoft Agent Governance</td>
771
+ <td style="padding:8px;text-align:center;color:var(--red);">NO</td>
772
+ <td style="padding:8px;text-align:center;color:var(--green);">YES</td>
773
+ <td style="padding:8px;text-align:center;color:var(--red);">NO</td>
774
+ <td style="padding:8px;text-align:center;color:var(--gray);">SW</td>
775
+ </tr>
776
+ <tr style="border-bottom:1px solid #1A2A4A;">
777
+ <td style="padding:8px;color:var(--gray);">AccuKnox AI-SPM</td>
778
+ <td style="padding:8px;text-align:center;color:var(--red);">NO</td>
779
+ <td style="padding:8px;text-align:center;color:var(--green);">YES</td>
780
+ <td style="padding:8px;text-align:center;color:var(--gold);">partial</td>
781
+ <td style="padding:8px;text-align:center;color:var(--gray);">SW</td>
782
+ </tr>
783
+ <tr style="border-bottom:1px solid #1A2A4A;">
784
+ <td style="padding:8px;color:var(--gray);">NVIDIA BlueField DPU</td>
785
+ <td style="padding:8px;text-align:center;color:var(--gold);">partial</td>
786
+ <td style="padding:8px;text-align:center;color:var(--red);">NO</td>
787
+ <td style="padding:8px;text-align:center;color:var(--red);">NO (ITAR)</td>
788
+ <td style="padding:8px;text-align:center;color:var(--gray);">partial</td>
789
+ </tr>
790
+ <tr style="border-bottom:1px solid #1A2A4A;">
791
+ <td style="padding:8px;color:var(--green);font-weight:700;">EHOX Systems</td>
792
+ <td style="padding:8px;text-align:center;color:var(--green);font-weight:700;">YES</td>
793
+ <td style="padding:8px;text-align:center;color:var(--green);font-weight:700;">YES</td>
794
+ <td style="padding:8px;text-align:center;color:var(--green);font-weight:700;">YES</td>
795
+ <td style="padding:8px;text-align:center;color:var(--gold);font-weight:700;">7 · HEPE</td>
796
+ </tr>
797
+ </tbody>
798
+ </table>
799
+ </div>
800
+ </section>
801
+
802
+ <!-- HIGH-RISK DOMAINS -->
803
+ <section id="domains">
804
+ <p class="section-tag">HIGH-RISK DOMAINS</p>
805
+ <h2 class="section-title">Domains Served</h2>
806
+ <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;">
807
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
808
+ <div style="font-size:12px;font-weight:700;color:var(--red);margin-bottom:6px;">Defence / NATO</div>
809
+ <div style="font-size:10px;color:var(--gray);">STANAG 4774/4778, CCW LAWS</div>
810
+ </div>
811
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
812
+ <div style="font-size:12px;font-weight:700;color:var(--cyan);margin-bottom:6px;">KRITIS</div>
813
+ <div style="font-size:10px;color:var(--gray);">EU NIS2, CER Directive</div>
814
+ </div>
815
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
816
+ <div style="font-size:12px;font-weight:700;color:var(--gold);margin-bottom:6px;">Space / ESA</div>
817
+ <div style="font-size:10px;color:var(--gray);">ESA ECSS, NASA NPR 7150.2C</div>
818
+ </div>
819
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
820
+ <div style="font-size:12px;font-weight:700;color:var(--green);margin-bottom:6px;">Medical / FDA III</div>
821
+ <div style="font-size:10px;color:var(--gray);">EU MDR, IEC 62304</div>
822
+ </div>
823
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
824
+ <div style="font-size:12px;font-weight:700;color:var(--offwhite);margin-bottom:6px;">Automotive L4/L5</div>
825
+ <div style="font-size:10px;color:var(--gray);">ISO 26262 ASIL-D</div>
826
+ </div>
827
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:16px;">
828
+ <div style="font-size:12px;font-weight:700;color:var(--cyan);margin-bottom:6px;">Banking / RegTech</div>
829
+ <div style="font-size:10px;color:var(--gray);">EU AI Act, eIDAS 2.0</div>
830
+ </div>
831
+ </div>
832
+ </section>
833
+
834
+ <!-- TEAM -->
835
+ <section id="team">
836
+ <p class="section-tag">TEAM</p>
837
+ <h2 class="section-title">Strategic & Hardware Leadership</h2>
838
+ <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
839
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:24px;">
840
+ <div style="font-size:13px;font-weight:700;color:var(--gold);margin-bottom:12px;">STRATEGIC & POLICY LEADERSHIP</div>
841
+ <div style="font-size:12px;color:var(--gray);line-height:1.8;">
842
+ Deep-tech entrepreneurship · AI governance · EU and NATO policy alignment · Active engagement with UN disarmament bodies<br><br>
843
+ EU AI Act · NATO DIANA · ESA · CCW LAWS · SPI · SI-PAT-001–006
844
+ </div>
845
+ </div>
846
+ <div style="background:var(--navy);border:1px solid var(--blue);padding:24px;">
847
+ <div style="font-size:13px;font-weight:700;color:var(--cyan);margin-bottom:12px;">HARDWARE & SYSTEMS ENGINEERING</div>
848
+ <div style="font-size:12px;color:var(--gray);line-height:1.8;">
849
+ 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>
850
+ OP-TEE EAL4+ · DO-178C Level A · FIPS 140-2 · MISRA-C · CBMC · AMD Kria KV260
851
+ </div>
852
+ </div>
853
+ </div>
854
+ </section>
855
+
856
+ <!-- REVIEWER ACCESS -->
857
+ <div class="reviewer-section" id="reviewer">
858
+ <div class="reviewer-inner">
859
+ <div>
860
+ <p class="section-tag">REVIEWER ACCESS</p>
861
+ <h2 class="section-title">Verify on Live Hardware</h2>
862
+ <p style="font-size:14px;color:var(--gray);margin-bottom:24px;line-height:1.8;">
863
+ 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.
864
+ </p>
865
+ <p style="font-size:13px;color:var(--offwhite);margin-bottom:32px;line-height:1.8;">
866
+ Real-time telemetry. Live policy decisions. SHA-256 audit log. Not a demo. Not a simulation. Silicon.
867
+ </p>
868
+ <div style="display:flex;flex-direction:column;gap:12px;">
869
+ <div style="display:flex;gap:12px;align-items:center;">
870
+ <div style="width:6px;height:6px;border-radius:50%;background:var(--cyan);"></div>
871
+ <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>
872
+ </div>
873
+ <div style="display:flex;gap:12px;align-items:center;">
874
+ <div style="width:6px;height:6px;border-radius:50%;background:var(--cyan);"></div>
875
+ <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>
876
+ </div>
877
+ <div style="display:flex;gap:12px;align-items:center;">
878
+ <div style="width:6px;height:6px;border-radius:50%;background:var(--cyan);"></div>
879
+ <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>
880
+ </div>
881
+ <div style="display:flex;gap:12px;align-items:center;">
882
+ <div style="width:6px;height:6px;border-radius:50%;background:var(--gold);"></div>
883
+ <span style="font-size:12px;color:var(--gray);">Demo access: <span style="color:var(--gold);font-family:'Courier New',monospace;">REVIEWER-DEMO</span></span>
884
+ </div>
885
+ </div>
886
+ </div>
887
+
888
+ <div>
889
+ <div class="reviewer-token-box">
890
+ <p class="token-label">ENTER REVIEWER TOKEN</p>
891
+ <div class="token-input-row">
892
+ <input class="token-input" type="text" id="token-field" placeholder="TOKEN-XXXX-XXXXX" spellcheck="false">
893
+ <button class="token-btn" onclick="verifyToken()">VERIFY →</button>
894
+ </div>
895
+ <p class="token-hint">
896
+ Demo: <span onclick="document.getElementById('token-field').value='REVIEWER-DEMO'">REVIEWER-DEMO</span>
897
+ &nbsp;|&nbsp;
898
+ <span onclick="document.getElementById('token-field').value='NATO-2026-CHARLIE'">NATO-2026-CHARLIE</span>
899
+ </p>
900
+ <div id="token-status"></div>
901
+ </div>
902
+
903
+ <div class="dashboard-preview" style="margin-top:16px;">
904
+ <div class="dash-header">
905
+ <span class="dash-title">LIVE DASHBOARD PREVIEW</span>
906
+ <span class="dash-live">
907
+ <span style="width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse-dot 2s infinite;"></span>
908
+ LIVE
909
+ </span>
910
+ </div>
911
+ <div class="dash-metrics">
912
+ <div class="dash-metric">
913
+ <div class="dash-metric-val" id="d-temp">42.8°C</div>
914
+ <div class="dash-metric-lbl">TEMP</div>
915
+ </div>
916
+ <div class="dash-metric">
917
+ <div class="dash-metric-val" style="color:#27AE60">ALLOW</div>
918
+ <div class="dash-metric-lbl">POLICY</div>
919
+ </div>
920
+ <div class="dash-metric">
921
+ <div class="dash-metric-val" id="d-lat">0.45μs</div>
922
+ <div class="dash-metric-lbl">LATENCY</div>
923
+ </div>
924
+ </div>
925
+ <div class="dash-log" id="dash-log">
926
+ <div class="log-line gold">[00:04:43] AUTH: Session initialized</div>
927
+ <div class="log-line cyan">[00:04:43] CONNECT: Kria KV260 @ 192.168.1.160 — SSH OK</div>
928
+ <div class="log-line gray">[00:04:44] FPGA: /dev/fpga0 — GPIO ACTIVE</div>
929
+ <div class="log-line green">[00:04:44] POLICY: Strategy C ARMED — Non-hardcoded</div>
930
+ <div class="log-line gray">[00:04:45] DDGK: Epistemic state VERIFIED</div>
931
+ <div class="log-line green">[00:04:45] SIK: Decision → ALLOW</div>
932
+ </div>
933
+ </div>
934
+ </div>
935
+ </div>
936
+ </div>
937
+
938
+ <!-- TARGETS -->
939
+ <section id="targets">
940
+ <p class="section-tag">FUNDING TARGETS</p>
941
+ <h2 class="section-title">Open Calls — Active Now</h2>
942
+ <p class="section-sub">Multiple concurrent funding opportunities across defence, space, and industrial domains.</p>
943
+
944
+ <div class="targets-grid">
945
+ <div class="target-card" style="border-color:#C0392B;">
946
+ <div class="target-icon" style="background:#1A0808;color:#C0392B;font-size:14px;font-weight:700;">NATO</div>
947
+ <div class="target-name">NATO DIANA 2027</div>
948
+ <div class="target-detail">Challenge 9: Autonomy & UxS · Challenge 10: Data Decision Making · €100K + €300K Mission Track</div>
949
+ <div class="target-deadline">⚡ DEADLINE: 3 JULY 2026 — 14 DAYS</div>
950
+ </div>
951
+ <div class="target-card">
952
+ <div class="target-icon" style="color:var(--cyan);font-size:14px;font-weight:700;">ESA</div>
953
+ <div class="target-name">ESA BASS Kick-Start</div>
954
+ <div class="target-detail">Hardware AI governance for space systems · DO-178C DAL-A alignment · 6-month feasibility · €75K at 75%</div>
955
+ <div class="target-deadline">DEADLINE: 28 AUGUST 2026</div>
956
+ </div>
957
+ <div class="target-card">
958
+ <div class="target-icon" style="color:var(--gold);font-size:14px;font-weight:700;">DARPA</div>
959
+ <div class="target-name">DARPA SABER / I2O</div>
960
+ <div class="target-detail">Guaranteeing AI Robustness against Deception · Hardware-enforced policy enforcement · Full MITRE ATLAS coverage</div>
961
+ <div class="target-deadline">I2O BAA FY2026: NOV 2026</div>
962
+ </div>
963
+ <div class="target-card">
964
+ <div class="target-icon" style="color:var(--offwhite);font-size:14px;font-weight:700;">EU</div>
965
+ <div class="target-name">EU AI Act Compliance</div>
966
+ <div class="target-detail">Art.13 Transparency · Art.15 Robustness · Hardware enforcement as compliance-by-design · August 2026 enforcement</div>
967
+ <div class="target-deadline">ENFORCEMENT: 2 AUGUST 2026</div>
968
+ </div>
969
+ <div class="target-card">
970
+ <div class="target-icon" style="color:var(--cyan);font-size:13px;font-weight:700;">FHG</div>
971
+ <div class="target-name">Fraunhofer Partnership</div>
972
+ <div class="target-detail">FPGA safety systems · Embedded AI · Industrial ASIL-D applications · Joint research programme</div>
973
+ <div class="target-deadline">OPEN CALL — ONGOING</div>
974
+ </div>
975
+ <div class="target-card">
976
+ <div class="target-icon" style="color:var(--white);font-size:13px;font-weight:700;">SpX</div>
977
+ <div class="target-name">SpaceX / Cursor Integration</div>
978
+ <div class="target-detail">Autonomous systems governance · Starship decision layer · HOOTL-ready architecture · Cursor-native integration</div>
979
+ <div class="target-deadline">DIRECT OUTREACH</div>
980
+ </div>
981
+ </div>
982
+ </section>
983
+
984
+ <!-- FOOTER -->
985
+ <footer>
986
+ <div class="footer-inner">
987
+ <div>
988
+ <div class="footer-brand-name">EHOX SYSTEMS</div>
989
+ <div class="footer-brand-sub">HEPE — Hardware-Enforced AI Policy Governance · SI-PAT-006</div>
990
+ <div class="footer-addr">
991
+ Almdorf 9<br>
992
+ 6380 St. Johann in Tirol<br>
993
+ Austria<br><br>
994
+ info@ehox.io<br>
995
+ paradoxonai.at
996
+ </div>
997
+ </div>
998
+ <div>
999
+ <div class="footer-col-title">STANDARDS</div>
1000
+ <ul class="footer-links">
1001
+ <li><a href="#">ISO/IEC 42001</a></li>
1002
+ <li><a href="#">DO-178C Level A</a></li>
1003
+ <li><a href="#">FIPS 140-2</a></li>
1004
+ <li><a href="#">EAL4+</a></li>
1005
+ <li><a href="#">MISRA-C</a></li>
1006
+ <li><a href="#">CBMC</a></li>
1007
+ </ul>
1008
+ </div>
1009
+ <div>
1010
+ <div class="footer-col-title">RESOURCES</div>
1011
+ <ul class="footer-links">
1012
+ <li><a href="#reviewer">Reviewer Access</a></li>
1013
+ <li><a href="#prove">prove() API</a></li>
1014
+ <li><a href="#competitive">Competitive Position</a></li>
1015
+ <li><a href="#domains">High-Risk Domains</a></li>
1016
+ <li><a href="#team">Team</a></li>
1017
+ <li><a href="#">Contact / Pitch Deck</a></li>
1018
+ </ul>
1019
+ </div>
1020
+ </div>
1021
+ <div class="footer-bottom">
1022
+ <span class="footer-copy">© EHOX Systems 2026. All rights reserved. BIDDER PROPRIETARY & CONFIDENTIAL. BKA GZ 2026-0.510.003</span>
1023
+ <span class="footer-standards">ISO/IEC 42001 · DO-178C Level A · FIPS 140-2 · EAL4+ · MISRA-C · CBMC · HEPE</span>
1024
+ </div>
1025
+ </footer>
1026
+
1027
+ <script>
1028
+ // Live metrics simulation
1029
+ let tick = 0;
1030
+ setInterval(() => {
1031
+ tick++;
1032
+ const temp = (42.8 + Math.sin(tick * 0.3) * 0.4).toFixed(1) + '°C';
1033
+ const power = (13.5 + Math.sin(tick * 0.2) * 0.3).toFixed(1) + 'W';
1034
+ const lat = (0.45 + Math.sin(tick * 0.5) * 0.02).toFixed(3) + 'μs';
1035
+
1036
+ document.getElementById('d-temp').textContent = temp;
1037
+ document.getElementById('d-lat').textContent = lat;
1038
+ }, 2000);
1039
+
1040
+ // Log animation
1041
+ const logLines = [
1042
+ { cls: 'green', t: 'POLICY: ALLOW — Process approved' },
1043
+ { cls: 'gray', t: 'DDGK: Evidence quality VERIFIED' },
1044
+ { cls: 'cyan', t: 'SIK: Decision Over Time stable' },
1045
+ { cls: 'gold', t: 'AUDIT: SHA-256 entry logged' },
1046
+ { cls: 'green', t: 'AXI: GPIO HIGH — execution permitted' },
1047
+ { cls: 'gray', t: 'REALITY: Webcam feedback OK' },
1048
+ { cls: 'green', t: 'POLICY: ALLOW — Cross-domain consistent' },
1049
+ { cls: 'cyan', t: 'KERNEL: 0 modifications — Strategy C intact' },
1050
+ ];
1051
+ let logIdx = 0;
1052
+ setInterval(() => {
1053
+ const log = document.getElementById('dash-log');
1054
+ if (!log) return;
1055
+ const now = new Date();
1056
+ const ts = now.toTimeString().slice(0,8);
1057
+ const line = logLines[logIdx % logLines.length];
1058
+ const div = document.createElement('div');
1059
+ div.className = 'log-line ' + line.cls;
1060
+ div.textContent = `[${ts}] ${line.t}`;
1061
+ log.appendChild(div);
1062
+ log.scrollTop = log.scrollHeight;
1063
+ if (log.children.length > 20) log.removeChild(log.children[0]);
1064
+ logIdx++;
1065
+ }, 3000);
1066
+
1067
+ // Token verification
1068
+ const VALID = ['ESA-2026-ALPHA','DARPA-2026-BRAVO','NATO-2026-CHARLIE','REVIEWER-DEMO'];
1069
+ function verifyToken() {
1070
+ const val = document.getElementById('token-field').value.trim().toUpperCase();
1071
+ const st = document.getElementById('token-status');
1072
+ st.textContent = 'Authenticating...';
1073
+ st.className = '';
1074
+ st.style.color = 'var(--gray)';
1075
+ setTimeout(() => {
1076
+ if (VALID.includes(val)) {
1077
+ st.textContent = '✓ Access granted — Dashboard loading...';
1078
+ st.className = 'token-status-ok';
1079
+ setTimeout(() => {
1080
+ window.open('https://paradoxonai.at/reviewer', '_blank');
1081
+ }, 800);
1082
+ } else {
1083
+ st.textContent = '✗ Invalid token. Contact: info@ehox.io';
1084
+ st.className = 'token-status-err';
1085
+ }
1086
+ }, 1800);
1087
+ }
1088
+
1089
+ document.getElementById('token-field').addEventListener('keydown', e => {
1090
+ if (e.key === 'Enter') verifyToken();
1091
+ });
1092
+ </script>
1093
+ </body>
1094
+ </html>