DEFONEOS — Integration Checklist — Never Reinvent the Wheel

Rule #1: Never rebuild sidebars, menus, nav bars, or sovereign integration from scratch. Everything you need is here.

1. COPY THIS EXACT CSS THEME

Every page uses this theme. Do not change colors. Do not change font.

* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: system-ui, -apple-system, sans-serif;
  background: #0a0a0f;
  color: #f8fafc;
  line-height: 1.6;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  overflow-x: hidden;
}
h1 {
  font-size: 2.5rem;
  background: linear-gradient(135deg, #22d3ee, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}
h2 { color: #22d3ee; margin: 1.5rem 0 0.5rem; font-size: 1.5rem; }
h3 { color: #8b5cf6; margin: 1rem 0 0.3rem; }
p { margin: 0.5rem 0; color: #cbd5e1; }
a { color: #22d3ee; text-decoration: none; }
a:hover { text-decoration: underline; }
table { width:100%; border-collapse: collapse; margin: 1rem 0; }
th { background: rgba(34,211,238,.1); color:#22d3ee; padding:.6rem; text-align:left; font-size:.85rem; }
td { padding:.5rem; border-bottom:1px solid rgba(255,255,255,.05); color:#94a3b8; font-size:.85rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; margin:1rem 0; }
.card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:1.5rem; }
.cta { display:inline-block; background:linear-gradient(135deg,#22d3ee,#8b5cf6); color:#000; padding:.8rem 2rem; border-radius:8px; text-decoration:none; font-weight:bold; margin:1rem 0; }
.nav-bar { position:sticky; top:0; z-index:999; background:rgba(10,10,15,.95); backdrop-filter:blur(10px); border-bottom:1px solid rgba(34,211,238,.15); padding:.6rem 1.5rem; display:flex; gap:1.2rem; align-items:center; flex-wrap:wrap; }
.nav-bar a { color:#94a3b8; text-decoration:none; font-size:.85rem; }
.nav-bar a:hover { color:#22d3ee; }
footer { text-align:center; padding:2rem; color:#64748b; font-size:.8rem; border-top:1px solid rgba(255,255,255,.05); margin-top:2rem; }
html { scroll-behavior:smooth; }
.back-to-top { position:fixed; bottom:1.5rem; right:1.5rem; width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,#22d3ee,#8b5cf6); color:#000; display:flex; align-items:center; justify-content:center; font-size:1.2rem; cursor:pointer; z-index:998; opacity:0; transition:opacity .3s; border:none; }
.back-to-top.visible { opacity:1; }
@media(max-width:768px) { body{padding:1rem;max-width:100%;} h1{font-size:2rem;} h2{font-size:1.3rem;} .grid{grid-template-columns:1fr;} }

2. COPY THIS EXACT NAV BAR

Inject this into every page, right after <body>. Do not rebuild it.

<nav class="nav-bar">
  <a href="index.html" style="color:#22d3ee;font-weight:bold;font-size:1rem">🐉 DEFONEOS</a>
  <a href="defoneos-demo.html">Demo</a>
  <a href="defoneos-seriesa.html">Series A</a>
  < a href="defoneos-pricing.html">Pricing</a>
  <a href="#"defoneos-compare.html">vs Palantir</a>
  <a href="defoneos-index.html">All Pages</a>
  <a href="defoneos-checklist.html">Checklist</a>
</nav>

3. COPY THIS EXACT FOOTER + BACK-TO-TOP

<footer style="text-align:center;padding:2rem;color:#64748b;font-size:.8rem;border-top:1px solid rgba(255,255,255,.05);margin-top:2rem">
  <p><a href="defoneos-index.html" style="color:#22d3ee;text-decoration:none">Index</a> · <a href="defoneos-demo.html" style="color:#22d3ee;text-decoration:none">Demo</a> · <a href="defoneos-seriesa.html" style="color:#22d3ee;text-decoration:none">Series A</a> · <a href="defoneos-pricing.html" style="color:#22:3ee;text-decoration:none">Pricing</a></p>
  <p>DEFONEOS · CSOAI Ltd · UK Companies House 16939677 · Apache 2.0 · © 2026</p>
</footer>

<style>html{scroll-behavior:smooth}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#000;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;cursor:pointer;z-index:998;opacity:0;transition:opacity .3s;border:none}.back-to-top.visible{opacity:1}</style>
<button class="back-to-top" onclick="window.scrollTo({top:0,behavior:smooth})" aria-label="Back to top">↑</button>
<script>window.addEventListener("scroll",function(){var b=document.querySelector(".back-to-top");if(window.pageYOffset>300){b.classList.add("visible")}else{b.classList.remove("visible")}})</script>

4. COPY THIS EXACT <head> META TAGS

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="DEFONEOS — UK Sovereign Defence AI OS. Open source. 12 domains. 30 MCP servers, 330+ tools.">
<meta name="theme-color" content="#0a0a0f">
<meta property="og:title" content="DEFOPlOS — UK Sovereign Defence AI OS">
<meta property="og:description" content="Open source. 12 domains. 30 MCPs. 188+ tools. BFT governance. Ed25519 SIGIL proof.">
<meta property="og:type" content="website">
<link rel="icon" href="#"" type="image/svg+xml">
<link rel="canonical" href="#">
<link rel="preconnect" href="https://csoai-static-deploy2.vercel.app">
<title>YOUR PAGE TITLE — DEFONEOS</title>

5. THE CROWN JEWELS (10/10 Cloned)

All repos are at /Users/nicholas/clawd/_crown-jewels/ (1.0GB). Do not re-clone. Use what's there.

Repo	License	DEFONEOS Use
compl-ai/compl-ai	Open Source	EU AI Act compliance benchmarks
microsoft/agent-governance-toolkit	MIT	Agent policy enforcement
langchain-ai/langgraph	MIT	Stateful agent orchestration
crewAIInc/crewAI	MIT	Role-based agent teams
desplega-ai/agent-swarm	MIT	Containerized swarms
microsoft/agent-framework	MIT	Enterprise governance
langgenius/dify	Open Source	Visual workflow builder
3dcitydb/3dcitydb	Apache 2.0	3D city viewer
AgentOps-AI/agentops	MIT	Agent monitoring
The-Swarm-Corporation/Multi-Agent-RAG-Template	MIT	Document swarm

6. THREAT INTEL IOCs (For CSOAI Compliance Modules)

JADEPUFFER (Agentic Ransomware)

C2: 45.131.66[.]106 (beacon 30min), 64.20.53[.]230 (staging)
Ransom BTC: 3J98t1WpEZ73CNmQviecrnyiWrnqRhWNLy
Contact: e78393397@proton.me
CVE: CVE-2025-3248 (Langflow unauthenticated RCE)
Behavior: LLM self-corrects in 31s. Natural language in payloads.

TeamPCP (Supply Chain Poisoning)

C2: scan.aquasecurtiy[.]org, checkmarx[.]zone, models.litellm[.]cloud
Malware: CanisterWorm, SANDCLOCK, Mini Shai-Hulud, Miasma
Compromised: Trivy, KICS, LiteLLM, Bitwarden CLI, Telnyx SDK, Nx Console

7. UE5 + MCP INTEGRATION

Unreal Engine 5.8 ships with an official experimental MCP plugin.

# Start MCP server in UE5:
ModelContextProtocol.StartServer 8000

# Or: Edit > Editor Preferences > Model Context Protocol > Enable
# Binds to http://127.0.0.1:8000/mcp
# JSON-RPC: initialize, tools/list, tools/call
# Exposes: spawn actors, configure lighting, run automation tests

SOV3 integration: Connect SOV3 to http://127.0.0.1:8000/mcp. AI agents can now build UE5 worlds via MCP.

8. THE 5 HUMAN GATES TO LAUNCH

#	Action	Who	Time
1	Buy defoneos.com ($10.98 Namecheap)	🎬 Nick	2 min
2	Set PYPI_TOKEN + publish MCPs	🎬 Nick	5 min

DNS: CNAME defoneos.com → Vercel	🎬 Nick (Namecheap)	2 min
4	Stripe live key (test → live)	🎬 Nick	5 min
5	Resend domain verify (email delivery)	🎬 Nick	5 min

5 keystrokes. That's all that stands between us and launch.

9. WHAT EACH AGENT SHOULD FOCUS ON

Agent	Focus	Do NOT Do
M2 (Edge)	Edge agent deployment (Agno). Local model routing (Ollama). Edge security (Rustinel). Family-friendly UI (Skales).	Do not rebuild nav bars, CSS, or sidebars.
Claude	Backend (Python MCP servers). Crown jewel integration (COMPL-AI, LangGraph, CrewAI). TDD.	Do not rebuild frontend CSS or HTML patterns.
CSOAI	Compliance + certification layer. JSP 936 / EU AI Act / ISO 42001. Ed25519 certificates. Watchdog Analyst certification. Academy deployment.	Do not rebuild governance logic. Use BFT + SIGIL.
JEEVES	Strategic coordination. Page generation. Deployment. Vercel. Sitemap. SEO. Regression testing.	Do not rebuild patterns. Use this guide.

📋 Integration Checklist