Documentation: Roadmap, Business Value, Partner Integrations, and Collective Sync (#217)

* Add comprehensive documentation: Roadmap, Business Value, and Partner Integrations

Documentation Additions:
- Roadmap page organized by GitHub Initiatives (Edge Platform, Monetization, Transaction Trust)
- Business Use Cases page with 12 detailed ROI scenarios
- Partner Integrations section with 8 integration guides

New Pages:
- /roadmap.md - 2026 roadmap with quarterly timeline
- /business-use-cases.md - Business value and ROI calculations
- /guide/integrations/lockr.md - Identity management (production)
- /guide/integrations/didomi.md - CMP integration (production)
- /guide/integrations/permutive.md - Audience data platform (production)
- /guide/integrations/prebid.md - Header bidding (production)
- /guide/integrations/nextjs.md - Framework support (production)
- /guide/integrations/gam.md - Ad serving (planned 2026)
- /guide/integrations/aps.md - Amazon demand (planned 2026)
- /guide/integrations/kargo.md - SSP integration (in development)

Navigation Updates:
- Added "Business Value" to top navigation
- Added "Roadmap" to top navigation
- Added "Partner Integrations" sidebar section with taxonomy:
  - Identity: Lockr
  - CMP: Didomi
  - Data: Permutive
  - Ad Serving: GAM
  - Demand Wrapper: Prebid, APS
  - SSP: Kargo
  - Framework Support: Next.js

Business Impact:
- Comprehensive business use cases showing 18.4x ROI for mid-sized publishers
- Clear product roadmap aligned with GitHub initiatives
- Detailed integration guides for partners and developers

* Add VitePress theming, Collective Sync spec, and documentation updates

- Add IAB Tech Lab brand theming (custom.css with #dd3333 red)
- Add hero image to homepage
- Add Mermaid diagram support via vitepress-plugin-mermaid
- Add Collective Sync architecture spec (KV Store + Object Store model)
- Add Revenue Operations Dashboard epic
- Remove duplicate integration_guide.md (keeping integration-guide.md)
- Update synthetic-ids.md with sequence diagram

---------

Co-authored-by: Aram Grigoryan <132480+aram356@users.noreply.github.com>

Author: jevansnyc

docs/.vitepress/config.mts

@@ -1,7 +1,8 @@
 import { defineConfig } from 'vitepress'
+import { withMermaid } from 'vitepress-plugin-mermaid'
 
 // https://vitepress.dev/reference/site-config
-export default defineConfig({
+export default withMermaid(defineConfig({
   title: "Trusted Server",
   description: "Privacy-preserving edge computing for ad serving and synthetic ID generation",
   base: "/trusted-server",
@@ -53,7 +54,8 @@ export default defineConfig({
       {
         text: 'Advanced',
         items: [
-          { text: 'RSC Hydration', link: '/guide/rsc-hydration' }
+          { text: 'RSC Hydration', link: '/guide/rsc-hydration' },
+          { text: 'Collective Sync', link: '/guide/collective-sync' }
         ]
       },
       {
@@ -101,5 +103,12 @@ export default defineConfig({
       message: 'Released under the Apache License 2.0.',
       copyright: 'Copyright © 2018-present IAB Technology Laboratory'
     }
+  },
+  // Mermaid configuration
+  mermaid: {
+    // https://mermaid.js.org/config/setup/modules/mermaidAPI.html#mermaidapi-configuration-defaults
+  },
+  mermaidPlugin: {
+    class: 'mermaid'
   }
-})
+}))

docs/.vitepress/theme/custom.css

@@ -0,0 +1,47 @@
+/* IAB Tech Lab brand colors */
+:root {
+  /* Primary brand red */
+  --vp-c-brand-1: #dd3333;
+  --vp-c-brand-2: #c42e2e;
+  --vp-c-brand-3: #ab2828;
+  --vp-c-brand-soft: rgba(221, 51, 51, 0.14);
+
+  /* Button colors */
+  --vp-button-brand-bg: #dd3333;
+  --vp-button-brand-hover-bg: #c42e2e;
+  --vp-button-brand-active-bg: #ab2828;
+
+  /* Home hero name gradient - solid red to match brand */
+  --vp-home-hero-name-color: #dd3333;
+  --vp-home-hero-name-background: linear-gradient(135deg, #dd3333 0%, #ab2828 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+
+}
+
+/* Dark mode adjustments */
+.dark {
+  --vp-c-brand-1: #e64545;
+  --vp-c-brand-2: #dd3333;
+  --vp-c-brand-3: #ff6b6b;
+  --vp-c-brand-soft: rgba(221, 51, 51, 0.24);
+
+  --vp-button-brand-bg: #dd3333;
+  --vp-button-brand-hover-bg: #e64545;
+  --vp-button-brand-active-bg: #c42e2e;
+
+  --vp-home-hero-name-color: #e64545;
+  --vp-home-hero-name-background: linear-gradient(135deg, #e64545 0%, #dd3333 100%);
+}
+
+/* Hero title size */
+.VPHero .name {
+  font-size: 76px !important;
+  line-height: 1.1 !important;
+}
+
+@media (max-width: 768px) {
+  .VPHero .name {
+    font-size: 48px !important;
+  }
+}

docs/.vitepress/theme/index.ts

@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme