diff --git a/docs/assets/app.js b/docs/assets/app.js
new file mode 100644
index 0000000..ec5b772
--- /dev/null
+++ b/docs/assets/app.js
@@ -0,0 +1,43 @@
+const pages = [
+ { title: "Overview", href: "pages/overview.html" },
+ { title: "Service Definition", href: "pages/service-definition.html" },
+ { title: "Operating Model", href: "pages/operating-model.html" },
+ { title: "Architecture", href: "pages/architecture.html" },
+ { title: "KPIs", href: "pages/kpis.html" },
+ { title: "Roadmap", href: "pages/roadmap.html" },
+ { title: "Runbooks", href: "pages/runbooks.html" },
+ { title: "Templates", href: "pages/templates.html" },
+ { title: "Hybrid", href: "pages/hybrid.html" }
+];
+
+function buildNav() {
+ const nav = document.getElementById("nav-links");
+ pages.forEach((page) => {
+ const link = document.createElement("a");
+ link.href = page.href;
+ link.textContent = page.title;
+ nav.appendChild(link);
+ });
+}
+
+function setupSearch() {
+ const input = document.getElementById("search");
+ if (!input) return;
+ input.addEventListener("input", (event) => {
+ const query = event.target.value.toLowerCase();
+ const results = pages.filter((page) =>
+ page.title.toLowerCase().includes(query)
+ );
+ const nav = document.getElementById("nav-links");
+ nav.innerHTML = "";
+ results.forEach((page) => {
+ const link = document.createElement("a");
+ link.href = page.href;
+ link.textContent = page.title;
+ nav.appendChild(link);
+ });
+ });
+}
+
+buildNav();
+setupSearch();
diff --git a/docs/assets/style.css b/docs/assets/style.css
new file mode 100644
index 0000000..0ee9c39
--- /dev/null
+++ b/docs/assets/style.css
@@ -0,0 +1,80 @@
+:root {
+ --bg: #f7f9fb;
+ --text: #1f2933;
+ --nav: #ffffff;
+ --accent: #0b5cab;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+ color: var(--text);
+ background: var(--bg);
+}
+
+header {
+ background: var(--nav);
+ padding: 1rem 1.5rem;
+ border-bottom: 1px solid #e0e6ed;
+}
+
+.container {
+ display: flex;
+ min-height: calc(100vh - 60px);
+}
+
+nav {
+ width: 260px;
+ background: var(--nav);
+ border-right: 1px solid #e0e6ed;
+ padding: 1rem;
+}
+
+main {
+ flex: 1;
+ padding: 2rem;
+}
+
+nav a {
+ display: block;
+ color: var(--text);
+ text-decoration: none;
+ padding: 0.4rem 0;
+}
+
+nav a:hover {
+ color: var(--accent);
+}
+
+.search {
+ margin-bottom: 1rem;
+}
+
+.search input {
+ width: 100%;
+ padding: 0.5rem;
+ border: 1px solid #ccd6e0;
+ border-radius: 4px;
+}
+
+.card {
+ background: white;
+ padding: 1rem;
+ border-radius: 6px;
+ border: 1px solid #e0e6ed;
+ margin-bottom: 1rem;
+}
+
+@media (max-width: 900px) {
+ .container {
+ flex-direction: column;
+ }
+
+ nav {
+ width: 100%;
+ }
+}
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..d1f99ab
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+ Cloud Security Service Model
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Overview
+
+ This site summarizes the enterprise Cloud Security Service operating model. The canonical source of truth
+ is the Markdown documentation in the docs/ folder.
+
+
+ Start with the executive overview and service definition to understand scope, boundaries, and ownership.
+
+
+ Go to overview
+
+
+
+
+
+
+
diff --git a/docs/pages/architecture.html b/docs/pages/architecture.html
new file mode 100644
index 0000000..51bad0e
--- /dev/null
+++ b/docs/pages/architecture.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+ Architecture
+
+
+
+
+
+
+
+
diff --git a/docs/pages/hybrid.html b/docs/pages/hybrid.html
new file mode 100644
index 0000000..4962cf4
--- /dev/null
+++ b/docs/pages/hybrid.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Hybrid
+
+
+
+
+ Hybrid and Azure Local
+
+
+
+
+
+
+
+
+
+
+
Hybrid
+
Guidance for Azure Arc onboarding and Azure Local baseline controls.
+
View Markdown doc
+
+
+
+
+
+
diff --git a/docs/pages/kpis.html b/docs/pages/kpis.html
new file mode 100644
index 0000000..aab6694
--- /dev/null
+++ b/docs/pages/kpis.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ KPIs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Metrics and KPIs
+
Definitions, formulas, targets, and ownership for key metrics.
+
View Markdown doc
+
+
+
+
+
+
diff --git a/docs/pages/operating-model.html b/docs/pages/operating-model.html
new file mode 100644
index 0000000..aa84a57
--- /dev/null
+++ b/docs/pages/operating-model.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Operating Model
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Operating Model
+
Plan, build, run, and improve with defined cadence and escalation paths.
+
View Markdown doc
+
+
+
+
+
+
diff --git a/docs/pages/overview.html b/docs/pages/overview.html
new file mode 100644
index 0000000..ea1ead4
--- /dev/null
+++ b/docs/pages/overview.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Overview
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Executive Overview
+
High-level purpose, assumptions, and framework alignment.
+
View Markdown doc
+
+
+
+
+
+
diff --git a/docs/pages/roadmap.html b/docs/pages/roadmap.html
new file mode 100644
index 0000000..569e5e3
--- /dev/null
+++ b/docs/pages/roadmap.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Roadmap
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Roadmap and Maturity
+
Phased maturity model with a sample 12-month roadmap.
+
View Markdown doc
+
+
+
+
+
+
diff --git a/docs/pages/runbooks.html b/docs/pages/runbooks.html
new file mode 100644
index 0000000..49f28d3
--- /dev/null
+++ b/docs/pages/runbooks.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Runbooks
+
+
+
+
+
+
+
+
diff --git a/docs/pages/service-definition.html b/docs/pages/service-definition.html
new file mode 100644
index 0000000..fb0f8e0
--- /dev/null
+++ b/docs/pages/service-definition.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Service Definition
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Service Definition
+
Mission, outcomes, boundaries, and RACI for the Cloud Security Service.
+
View Markdown doc
+
+
+
+
+
+
diff --git a/docs/pages/templates.html b/docs/pages/templates.html
new file mode 100644
index 0000000..8ddc86f
--- /dev/null
+++ b/docs/pages/templates.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Templates
+
+
+
+
+
+
+
+