Global Risks Forum - Next-Generation Multilateral Coordination Infrastructure<\/title>\n <meta name=\"title\" content=\"Global Risks Forum - Next-Generation Multilateral Coordination Infrastructure\">\n <meta name=\"description\" content=\"A Swiss nonprofit leveraging AI, blockchain, and quadratic mechanisms to enable fast, transparent, and democratic global risk management. Building the future of planetary governance.\">\n <meta name=\"keywords\" content=\"global risks, multilateral governance, disaster risk reduction, climate resilience, pandemic prevention, AI governance, blockchain transparency, quadratic voting, prediction markets, Swiss nonprofit, UN SDGs, Sendai Framework\">\n \n \n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/globalriskforum.com\/\">\n <meta property=\"og:title\" content=\"Global Risks Forum - Next-Generation Multilateral Coordination\">\n <meta property=\"og:description\" content=\"Independent Swiss nonprofit building planetary governance infrastructure through zero-trust verified intelligence, AI-powered forecasting, and democratic resource allocation.\">\n <meta property=\"og:image\" content=\"https:\/\/globalriskforum.com\/og-image.jpg\">\n <meta property=\"og:site_name\" content=\"Global Risks Forum\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:url\" content=\"https:\/\/globalriskforum.com\/\">\n <meta name=\"twitter:title\" content=\"Global Risks Forum - Risk Governance Infrastructure\">\n <meta name=\"twitter:description\" content=\"Zero-Trust Verified Intelligence for All-Society, All-Hazards Risk Management\">\n <meta name=\"twitter:image\" content=\"https:\/\/globalriskforum.com\/twitter-image.jpg\">\n \n \n <meta name=\"author\" content=\"Global Risks Forum\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/globalriskforum.com\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"dns-prefetch\" href=\"https:\/\/cdn.jsdelivr.net\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/unpkg.com\/feather-icons\"><\/script>\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Global Risks Forum\",\n \"alternateName\": \"GRF\",\n \"url\": \"https:\/\/globalriskforum.com\",\n \"logo\": \"https:\/\/globalriskforum.com\/logo.png\",\n \"description\": \"Swiss nonprofit providing next-generation multilateral coordination infrastructure for global risk management through AI, blockchain, and democratic mechanisms\",\n \"foundingDate\": \"2020\",\n \"foundingLocation\": {\n \"@type\": \"Place\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressCountry\": \"Switzerland\"\n }\n },\n \"knowsAbout\": [\"Global Risk Management\", \"Climate Resilience\", \"Pandemic Prevention\", \"Disaster Risk Reduction\", \"Multilateral Coordination\", \"Blockchain Governance\", \"AI-Powered Forecasting\", \"Quadratic Voting\", \"Prediction Markets\"],\n \"sameAs\": [\n \"https:\/\/twitter.com\/globalrisksforum\",\n \"https:\/\/github.com\/globalrisksforum\",\n \"https:\/\/linkedin.com\/company\/global-risks-forum\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"email\": \"contact@globalriskforum.com\",\n \"contactType\": \"General Inquiries\"\n }\n }\n <\/script>\n\n<style>\n\/* ========================================================================\n GRF UNIFIED DESIGN SYSTEM - UN\/WORLD BANK GRADE v3.0\n Professional | Elegant | Consistent | Dynamic\n ======================================================================== *\/\n\n:root {\n \/* === UNIFIED COLOR PALETTE === *\/\n --un-primary: #0A4D8C; \/* UN Blue - Primary *\/\n --un-secondary: #1E88E5; \/* Bright Blue - Accents *\/\n --un-accent: #00B4D8; \/* Cyan - Interactive *\/\n --un-dark: #0D1B2A; \/* Deep Navy - Backgrounds *\/\n --un-darker: #000814; \/* Almost Black *\/\n \n \/* === GRAYS === *\/\n --gray-50: #F8FAFC;\n --gray-100: #F1F5F9;\n --gray-200: #E2E8F0;\n --gray-300: #CBD5E1;\n --gray-400: #94A3B8;\n --gray-500: #64748B;\n --gray-600: #475569;\n --gray-700: #334155;\n --gray-800: #1E293B;\n --gray-900: #0F172A;\n \n \/* === STATUS COLORS === *\/\n --status-extreme: #DC2626;\n --status-critical: #F59E0B;\n --status-high: #EAB308;\n --status-success: #10B981;\n \n \/* === LEGACY VARS (for compatibility) === *\/\n --grf-primary: var(--un-accent);\n --grf-primary-hover: var(--un-secondary);\n --grf-primary-muted: rgba(0,180,216,0.1);\n --grf-primary-glow: rgba(0,180,216,0.4);\n \n --grf-secondary: var(--un-primary);\n --grf-secondary-hover: var(--un-secondary);\n --grf-secondary-muted: rgba(10,77,140,0.1);\n --grf-secondary-glow: rgba(10,77,140,0.4);\n \n \/* === SEMANTIC COLORS === *\/\n --color-success: #10B981; \/* Success \/ Verified *\/\n --color-warning: #F59E0B; \/* Warning \/ Attention *\/\n --color-error: #EF4444; \/* Error \/ Alert *\/\n --color-info: #3B82F6; \/* Information *\/\n \n \/* === BACKGROUND SYSTEM (3-Level Hierarchy) === *\/\n --bg-primary: #000000; \/* Base Black *\/\n --bg-elevated: #0A0A0A; \/* Slightly Elevated *\/\n --bg-interactive: #141414; \/* Interactive Elements *\/\n --bg-overlay: rgba(10,10,10,0.95); \/* Overlay \/ Modal *\/\n \n \/* === TYPOGRAPHY SYSTEM (4-Level Hierarchy) === *\/\n --text-primary: #FFFFFF; \/* Primary Text - 100% *\/\n --text-secondary: rgba(255,255,255,0.7); \/* Secondary - 70% *\/\n --text-tertiary: rgba(255,255,255,0.5); \/* Tertiary - 50% *\/\n --text-disabled: rgba(255,255,255,0.3); \/* Disabled - 30% *\/\n \n \/* === BORDER SYSTEM (2-Level Hierarchy) === *\/\n --border-subtle: rgba(255,255,255,0.06); \/* Subtle Borders *\/\n --border-default: rgba(255,255,255,0.12); \/* Default Borders *\/\n --border-focus: rgba(255,255,255,0.20); \/* Focus State *\/\n \n \/* === TYPOGRAPHY === *\/\n --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n --font-mono: 'IBM Plex Mono', 'Courier New', monospace;\n \n \/* === GRADIENTS === *\/\n --gradient-brand: linear-gradient(135deg, #00FFD9 0%, #8B5CF6 50%, #F59E0B 100%);\n --gradient-ambient: radial-gradient(circle at 50% 0%, rgba(0,212,170,0.05) 0%, transparent 60%);\n --gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%);\n \n \/* === SHADOWS === *\/\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.6);\n --shadow-md: 0 8px 24px rgba(0,0,0,0.7);\n --shadow-lg: 0 16px 48px rgba(0,0,0,0.8);\n --shadow-xl: 0 24px 64px rgba(0,0,0,0.85);\n \n \/* === GLOWS === *\/\n --glow-primary: 0 0 30px var(--grf-primary-glow), 0 0 60px rgba(0,212,170,0.2);\n --glow-secondary: 0 0 30px var(--grf-secondary-glow), 0 0 60px rgba(139,92,246,0.2);\n \n \/* === SPACING SCALE === *\/\n --space-xs: 8px;\n --space-sm: 16px;\n --space-md: 24px;\n --space-lg: 40px;\n --space-xl: 64px;\n --space-2xl: 96px;\n --space-3xl: 128px;\n \n \/* === BORDER RADIUS === *\/\n --radius-sm: 8px;\n --radius-md: 12px;\n --radius-lg: 16px;\n --radius-xl: 24px;\n --radius-full: 9999px;\n \n \/* === TRANSITIONS === *\/\n --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);\n --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);\n --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* === RESET & BASE === *\/\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\/* Scope all styles to .grf-wrapper to prevent WordPress theme conflicts *\/\n.grf-wrapper {\n font-size: 16px;\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: var(--font-sans);\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n position: relative;\n overflow-x: hidden;\n isolation: isolate;\n min-height: 100vh;\n width: 100%;\n}\n\n\/* === DYNAMIC ANIMATED GRADIENT BACKGROUND === *\/\n.grf-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 20%, rgba(10, 77, 140, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(0, 180, 216, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(30, 136, 229, 0.08) 0%, transparent 70%);\n animation: gradientShift 20s ease infinite;\n pointer-events: none;\n z-index: 0;\n}\n\n@keyframes gradientShift {\n 0%, 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n 33% {\n opacity: 0.7;\n transform: scale(1.05) rotate(3deg);\n }\n 66% {\n opacity: 0.9;\n transform: scale(1.1) rotate(-2deg);\n }\n}\n\n\/* Remove WordPress\/Elementor compatibility that affects external elements *\/\n.grf-wrapper .elementor-widget-container {\n all: revert;\n}\n\n\/* ========================================================================\n CARD SYSTEM - OPAQUE BACKGROUNDS (EXPERT DESIGN SYSTEM)\n ======================================================================== *\/\n\n\/* \n * All cards use opaque black backgrounds to prevent animated grid bleed-through\n * This ensures visual hierarchy and content readability\n *\/\n.platform-card,\n.vision-card,\n.vision-card-large,\n.ecosystem-card,\n.contribution-card,\n.tech-card,\n.governance-card,\n.impact-card,\n.comparison-card,\n.problem-card,\n.solution-card,\n.tab-card,\n.network-node,\n.topology-card,\n.speed-card,\n.dev-card,\n.framework-card,\n.use-case-card,\n.cta-card,\n.feature-card,\n.platform-feature-card {\n background: rgba(0,0,0,0.85) !important;\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n\n\/* Hover states - maximum opacity for interaction feedback *\/\n.platform-card:hover,\n.vision-card:hover,\n.ecosystem-card:hover,\n.contribution-card:hover,\n.tech-card:hover,\n.governance-card:hover,\n.impact-card:hover,\n.comparison-card:hover,\n.tab-card:hover,\n.dev-card:hover,\n.framework-card:hover,\n.use-case-card:hover,\n.platform-feature-card:hover {\n background: rgba(0,0,0,0.95) !important;\n}\n\n\/* Special sections with semi-opaque backgrounds *\/\n.hero-stats,\n.opensource-commitment,\n.commitment-content {\n background: rgba(0,0,0,0.75) !important;\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n}\n\n.grf-wrapper {\n width: 100%;\n min-height: 100vh;\n background: var(--bg-primary);\n position: relative;\n}\n\n\/* === UTILITIES === *\/\n.container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 var(--space-lg);\n}\n\n@media (max-width: 1200px) {\n .container {\n padding: 0 var(--space-md);\n }\n}\n\n@media (max-width: 768px) {\n .container {\n padding: 0 var(--space-sm);\n }\n}\n\n\/* === ANIMATED GRID BACKGROUND === *\/\n.animated-grid {\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(var(--border-subtle) 1px, transparent 1px),\n linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);\n background-size: 80px 80px;\n opacity: 0.4;\n pointer-events: none;\n animation: gridMove 30s linear infinite;\n}\n\n@keyframes gridMove {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(80px, 80px); }\n}\n\n\/* === GRADIENT TEXT === *\/\n.gradient-text {\n background: var(--gradient-brand);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n font-weight: 700;\n animation: gradientShift 8s ease-in-out infinite;\n}\n\n@keyframes gradientShift {\n 0%, 100% {\n background-position: 0% 50%;\n }\n 25% {\n background-position: 50% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 75% {\n background-position: 50% 50%;\n }\n}\n\n\/* ========================================================================\n HERO SECTION - Enterprise Grade\n ======================================================================== *\/\n\n.hero-section {\n position: relative;\n padding: var(--space-3xl) 0 var(--space-2xl);\n overflow: hidden;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n}\n\n.hero-content {\n position: relative;\n z-index: 10;\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n}\n\n\/* Hero Badge *\/\n.hero-badge {\n display: inline-flex;\n align-items: center;\n gap: var(--space-sm);\n padding: 14px 32px;\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-full);\n margin-bottom: var(--space-xl);\n position: relative;\n box-shadow: var(--shadow-md);\n transition: all var(--transition-base);\n}\n\n.hero-badge::before {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: var(--radius-full);\n padding: 1px;\n background: var(--gradient-brand);\n -webkit-mask: \n linear-gradient(#fff 0 0) content-box, \n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0.6;\n}\n\n.hero-badge:hover {\n transform: translateY(-2px);\n box-shadow: var(--shadow-lg);\n}\n\n.badge-item {\n font-family: var(--font-mono);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n color: var(--text-primary);\n}\n\n.badge-separator {\n width: 1px;\n height: 18px;\n background: var(--border-default);\n}\n\n\/* Hero Title *\/\n.hero-title {\n font-size: clamp(48px, 8vw, 96px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.04em;\n margin-bottom: var(--space-lg);\n color: var(--text-primary);\n}\n\n.hero-title .gradient-text {\n display: inline-block;\n}\n\n\/* Hero Subtitle *\/\n.hero-subtitle {\n font-size: clamp(20px, 3vw, 32px);\n line-height: 1.5;\n color: var(--text-primary);\n margin-bottom: var(--space-md);\n font-weight: 500;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* Hero Description *\/\n.hero-description {\n font-size: clamp(16px, 2vw, 20px);\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 900px;\n margin: 0 auto var(--space-xl);\n}\n\n\/* CTA Buttons *\/\n.hero-cta {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm);\n flex-wrap: wrap;\n margin-bottom: var(--space-xl);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 36px;\n border-radius: var(--radius-md);\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n text-decoration: none;\n border: 1px solid;\n cursor: pointer;\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n}\n\n.btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n}\n\n.btn:hover::before {\n width: 300px;\n height: 300px;\n}\n\n.btn-primary {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.15);\n color: var(--text-primary);\n box-shadow: var(--shadow-md);\n}\n\n.btn-primary:hover {\n background: rgba(255,255,255,0.12);\n border-color: rgba(255,255,255,0.25);\n transform: translateY(-2px);\n box-shadow: var(--shadow-lg);\n}\n\n.btn-secondary {\n background: transparent;\n border-color: var(--border-default);\n color: var(--text-secondary);\n}\n\n.btn-secondary:hover {\n background: rgba(255,255,255,0.05);\n border-color: var(--border-focus);\n color: var(--text-primary);\n}\n\n\/* Hero Analytics Dashboard *\/\n.hero-analytics-dashboard {\n max-width: 1200px;\n margin: var(--space-2xl) auto 0;\n padding: 0;\n}\n\n\/* Objectives Disclaimer *\/\n.objectives-disclaimer {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n padding: 16px 24px;\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 12px;\n margin-bottom: var(--space-xl);\n}\n\n.objectives-disclaimer svg {\n color: #06b6d4;\n flex-shrink: 0;\n}\n\n.objectives-disclaimer > span:first-of-type {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.disclaimer-subtext {\n font-size: 12px;\n color: rgba(255,255,255,0.6);\n font-weight: 400;\n width: 100%;\n text-align: center;\n margin-top: 4px;\n}\n\n.dashboard-trend.objective {\n color: #f59e0b;\n background: rgba(245, 158, 11, 0.1);\n border-color: rgba(245, 158, 11, 0.3);\n}\n\n.dashboard-trend.objective svg {\n color: #f59e0b;\n}\n\n.dashboard-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n margin-bottom: var(--space-lg);\n}\n\n.dashboard-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n position: relative;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.dashboard-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.dashboard-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.3), 0 0 20px rgba(6, 182, 212, 0.2);\n}\n\n.dashboard-card:hover::before {\n opacity: 1;\n}\n\n.dashboard-card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: var(--space-md);\n}\n\n.dashboard-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: rgba(6, 182, 212, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.dashboard-icon svg {\n color: #06b6d4;\n}\n\n.activity-card .dashboard-icon {\n background: rgba(6, 182, 212, 0.15);\n}\n\n.activity-card .dashboard-icon svg {\n color: #06b6d4;\n}\n\n.data-card .dashboard-icon {\n background: rgba(147, 51, 234, 0.15);\n}\n\n.data-card .dashboard-icon svg {\n color: #9333ea;\n}\n\n.api-card .dashboard-icon {\n background: rgba(59, 130, 246, 0.15);\n}\n\n.api-card .dashboard-icon svg {\n color: #3b82f6;\n}\n\n.response-card .dashboard-icon {\n background: rgba(34, 197, 94, 0.15);\n}\n\n.response-card .dashboard-icon svg {\n color: #22c55e;\n}\n\n.dashboard-meta {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n}\n\n.dashboard-label {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.dashboard-trend {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 6px;\n}\n\n.dashboard-trend.positive {\n color: #22c55e;\n background: rgba(34, 197, 94, 0.1);\n}\n\n.dashboard-trend svg {\n flex-shrink: 0;\n}\n\n.dashboard-value {\n font-size: 48px;\n font-weight: 800;\n line-height: 1;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.dashboard-unit {\n font-size: 24px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n margin-left: 4px;\n}\n\n.dashboard-subtitle {\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.5);\n margin-bottom: var(--space-md);\n}\n\n\/* Mini Charts *\/\n.mini-chart {\n width: 100%;\n height: 60px;\n margin-top: var(--space-md);\n}\n\n.mini-chart path {\n transition: all 0.3s ease;\n}\n\n.dashboard-card:hover .mini-chart path {\n opacity: 1 !important;\n}\n\n\/* Mini Bars *\/\n.mini-bars {\n display: flex;\n align-items: flex-end;\n gap: 6px;\n height: 60px;\n margin-top: var(--space-md);\n}\n\n.bar-item {\n flex: 1;\n background: linear-gradient(180deg, #9333ea, rgba(147, 51, 234, 0.5));\n border-radius: 4px 4px 0 0;\n transition: all 0.3s ease;\n opacity: 0.7;\n}\n\n.dashboard-card:hover .bar-item {\n opacity: 1;\n transform: scaleY(1.05);\n}\n\n\/* Progress Ring *\/\n.progress-ring {\n width: 100px;\n height: 100px;\n margin: var(--space-md) auto 0;\n display: block;\n}\n\n.ring-progress {\n transition: stroke-dashoffset 1s ease;\n}\n\n.dashboard-card:hover .ring-progress {\n stroke-dashoffset: 50;\n}\n\n\/* Card 5: Global Coverage *\/\n.coverage-card .dashboard-icon {\n background: rgba(245, 158, 11, 0.15);\n}\n\n.coverage-card .dashboard-icon svg {\n color: #f59e0b;\n}\n\n\/* Radial Bars *\/\n.radial-bars {\n margin-top: var(--space-md);\n height: 60px;\n}\n\n.radial-bars svg {\n width: 100%;\n height: 100%;\n}\n\n.radial-bars path {\n transition: all 0.5s ease;\n}\n\n.dashboard-card:hover .radial-bars path {\n stroke-width: 8;\n opacity: 1 !important;\n}\n\n\/* Card 6: Collaborations *\/\n.collab-card .dashboard-icon {\n background: rgba(236, 72, 153, 0.15);\n}\n\n.collab-card .dashboard-icon svg {\n color: #ec4899;\n}\n\n\/* Donut Chart *\/\n.donut-chart {\n width: 120px;\n height: 120px;\n margin: var(--space-md) auto 0;\n display: block;\n}\n\n.donut-chart circle {\n transition: all 0.8s ease;\n}\n\n.dashboard-card:hover .donut-chart circle {\n stroke-dasharray: calc(attr(data-value) * 2.51) 251;\n}\n\n\/* Dashboard Footer Stats *\/\n.dashboard-footer-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--space-md);\n padding: var(--space-lg);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n}\n\n.footer-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: var(--space-sm);\n}\n\n.footer-stat-value {\n font-size: 24px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.footer-stat-label {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n .dashboard-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 640px) {\n .dashboard-grid {\n grid-template-columns: 1fr;\n }\n \n .dashboard-value {\n font-size: 36px;\n }\n \n .dashboard-footer-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* Floating Elements Animation *\/\n.floating-element {\n position: absolute;\n pointer-events: none;\n opacity: 0.1;\n animation: float 20s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 25% { transform: translateY(-30px) rotate(5deg); }\n 50% { transform: translateY(0) rotate(0deg); }\n 75% { transform: translateY(30px) rotate(-5deg); }\n}\n\n.floating-element:nth-child(1) {\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n}\n\n.floating-element:nth-child(2) {\n top: 20%;\n right: 15%;\n animation-delay: 2s;\n}\n\n.floating-element:nth-child(3) {\n bottom: 15%;\n left: 20%;\n animation-delay: 4s;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .hero-section {\n padding: var(--space-2xl) 0 var(--space-xl);\n }\n \n .hero-badge {\n flex-direction: column;\n gap: var(--space-xs);\n }\n \n .badge-separator {\n width: 18px;\n height: 1px;\n }\n \n .hero-title {\n font-size: 40px;\n }\n \n .hero-subtitle {\n font-size: 18px;\n }\n \n .hero-description {\n font-size: 16px;\n }\n \n .hero-cta {\n flex-direction: column;\n width: 100%;\n }\n \n .btn {\n width: 100%;\n justify-content: center;\n }\n \n .hero-stats {\n grid-template-columns: 1fr;\n padding: var(--space-md);\n }\n}\n\n\/* ========================================================================\n\/* ========================================================================\n OPEN SOURCE RISK TECH MOVEMENT SECTION - MONOCHROMATIC ENTERPRISE DESIGN\n ======================================================================== *\/\n\n.movement-section {\n padding: var(--space-4xl) 0;\n background: #000;\n position: relative;\n overflow: hidden;\n}\n\n\/* Section Badge - Monochromatic *\/\n.section-badge-mono {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 100px;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.section-badge-mono svg {\n color: rgba(255,255,255,0.5);\n}\n\n\/* Enterprise Stats Grid *\/\n.enterprise-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: var(--space-lg);\n margin: var(--space-3xl) 0;\n}\n\n.enterprise-stat-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: var(--space-xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.enterprise-stat-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n}\n\n.enterprise-stat-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.enterprise-stat-card:hover::before {\n opacity: 1;\n}\n\n.stat-icon-mono {\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-md);\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.enterprise-stat-card:hover .stat-icon-mono {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n.stat-value-mono {\n font-size: 42px;\n font-weight: 700;\n color: #fff;\n margin: var(--space-sm) 0;\n font-family: var(--font-mono);\n letter-spacing: -1px;\n}\n\n.stat-label-mono {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.stat-bar {\n margin-top: var(--space-md);\n height: 2px;\n background: rgba(255,255,255,0.08);\n border-radius: 2px;\n overflow: hidden;\n}\n\n.stat-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, rgba(255,255,255,0.3), rgba(255,255,255,0.6));\n border-radius: 2px;\n transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Infrastructure Pillars Grid *\/\n.pillars-grid {\n margin: var(--space-4xl) 0;\n}\n\n.pillars-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin-bottom: var(--space-2xl);\n letter-spacing: -0.5px;\n}\n\n.pillars-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: var(--space-xl);\n}\n\n.pillar-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 16px;\n padding: var(--space-2xl);\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.pillar-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 16px;\n padding: 1px;\n background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.4s;\n}\n\n.pillar-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-8px);\n}\n\n.pillar-card:hover::before {\n opacity: 1;\n}\n\n.pillar-number {\n position: absolute;\n top: var(--space-lg);\n right: var(--space-lg);\n font-size: 48px;\n font-weight: 800;\n color: rgba(255,255,255,0.03);\n font-family: var(--font-mono);\n line-height: 1;\n}\n\n.pillar-icon-container {\n width: 80px;\n height: 80px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-lg);\n color: rgba(255,255,255,0.6);\n transition: all 0.3s;\n}\n\n.pillar-card:hover .pillar-icon-container {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n transform: scale(1.05);\n}\n\n.pillar-title {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-sm);\n}\n\n.pillar-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-lg);\n}\n\n.pillar-specs {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n padding-top: var(--space-lg);\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.spec-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n}\n\n.spec-label {\n color: rgba(255,255,255,0.5);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.spec-value {\n color: rgba(255,255,255,0.9);\n font-family: var(--font-mono);\n font-weight: 600;\n}\n\n\/* Contribution Methods *\/\n.contribution-methods {\n margin: var(--space-4xl) 0;\n}\n\n.methods-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin-bottom: var(--space-2xl);\n letter-spacing: -0.5px;\n}\n\n.methods-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: var(--space-xl);\n}\n\n.method-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 16px;\n padding: var(--space-2xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n}\n\n.method-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.method-header {\n display: flex;\n align-items: center;\n gap: var(--space-md);\n margin-bottom: var(--space-md);\n}\n\n.method-header svg {\n color: rgba(255,255,255,0.7);\n flex-shrink: 0;\n}\n\n.method-header h4 {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n}\n\n.method-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-lg);\n flex-grow: 1;\n}\n\n.method-tech-stack {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-lg);\n}\n\n.tech-badge-mono {\n padding: 6px 12px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 6px;\n font-size: 11px;\n font-family: var(--font-mono);\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.method-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n transition: all 0.2s;\n}\n\n.method-link:hover {\n color: #fff;\n gap: 12px;\n}\n\n.method-link svg {\n width: 16px;\n height: 16px;\n}\n\n\/* Open Source Banner *\/\n.opensource-banner {\n margin: var(--space-4xl) 0;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: var(--space-3xl);\n position: relative;\n overflow: hidden;\n}\n\n.banner-geometric-bg {\n position: absolute;\n inset: 0;\n opacity: 0.03;\n pointer-events: none;\n}\n\n.geometric-shape {\n position: absolute;\n border: 1px solid rgba(255,255,255,0.5);\n}\n\n.shape-1 {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n top: -100px;\n left: -50px;\n}\n\n.shape-2 {\n width: 150px;\n height: 150px;\n top: 50%;\n right: -75px;\n transform: rotate(45deg);\n}\n\n.shape-3 {\n width: 100px;\n height: 100px;\n border-radius: 12px;\n bottom: -50px;\n left: 50%;\n}\n\n.banner-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.banner-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 100px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.8);\n margin-bottom: var(--space-lg);\n}\n\n.banner-badge svg {\n width: 16px;\n height: 16px;\n}\n\n.banner-title {\n font-size: 36px;\n font-weight: 800;\n color: #fff;\n margin-bottom: var(--space-md);\n letter-spacing: -1px;\n}\n\n.banner-description {\n font-size: 16px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-2xl);\n}\n\n.banner-metrics {\n display: flex;\n justify-content: center;\n gap: var(--space-2xl);\n margin-bottom: var(--space-2xl);\n flex-wrap: wrap;\n}\n\n.banner-metric {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n}\n\n.banner-metric svg {\n width: 20px;\n height: 20px;\n color: rgba(255,255,255,0.6);\n}\n\n.banner-actions {\n display: flex;\n justify-content: center;\n gap: var(--space-md);\n flex-wrap: wrap;\n}\n\n\/* Monochromatic Buttons *\/\n.btn-mono {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 28px;\n border-radius: 10px;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n}\n\n.btn-mono-primary {\n background: rgba(255,255,255,0.95);\n color: #000;\n border: 1px solid rgba(255,255,255,1);\n}\n\n.btn-mono-primary:hover {\n background: #fff;\n transform: translateY(-2px);\n box-shadow: 0 10px 40px rgba(255,255,255,0.1);\n}\n\n.btn-mono-secondary {\n background: rgba(255,255,255,0.05);\n color: rgba(255,255,255,0.9);\n border: 1px solid rgba(255,255,255,0.15);\n}\n\n.btn-mono-secondary:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(255,255,255,0.3);\n color: #fff;\n transform: translateY(-2px);\n}\n\n\/* Responsive - Movement Section *\/\n@media (max-width: 768px) {\n .movement-section {\n padding: var(--space-2xl) 0;\n }\n \n .enterprise-stats-grid {\n grid-template-columns: 1fr;\n }\n \n .pillars-container {\n grid-template-columns: 1fr;\n }\n \n .methods-grid {\n grid-template-columns: 1fr;\n }\n \n .banner-title {\n font-size: 28px;\n }\n \n .banner-metrics {\n flex-direction: column;\n gap: var(--space-md);\n }\n \n .banner-actions {\n flex-direction: column;\n }\n \n .btn-mono {\n width: 100%;\n justify-content: center;\n }\n}\n\n\/* ========================================================================\n WHY GRF SECTION - Problem vs Solution Comparison\n ======================================================================== *\/\n\n.why-grf-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n overflow: hidden;\n}\n\n\/* Section Header *\/\n.section-header {\n text-align: center;\n max-width: 1200px;\n margin: 0 auto var(--space-2xl);\n}\n\n.section-badge {\n display: inline-block;\n padding: 12px 28px;\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-full);\n font-family: var(--font-mono);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n color: var(--text-primary);\n margin-bottom: var(--space-lg);\n}\n\n.section-title {\n font-size: clamp(40px, 7vw, 72px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.035em;\n margin-bottom: var(--space-lg);\n color: var(--text-primary);\n text-align: center !important;\n}\n\n.section-description {\n font-size: clamp(18px, 2.5vw, 24px);\n line-height: 1.75;\n color: var(--text-secondary);\n max-width: 1000px;\n margin: 0 auto;\n text-align: center;\n}\n\n.section-header-center {\n text-align: center !important;\n margin-bottom: var(--space-2xl);\n}\n\n.section-subtitle {\n font-size: clamp(16px, 2vw, 20px);\n line-height: 1.7;\n color: var(--text-secondary);\n max-width: 900px;\n margin: 0 auto;\n text-align: center !important;\n}\n\n\/* Comparison Tabs *\/\n.comparison-tabs {\n max-width: 1400px;\n margin: 0 auto;\n}\n\n.tab-nav {\n display: flex;\n gap: var(--space-xs);\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: var(--space-xl);\n border-bottom: 2px solid var(--border-default);\n padding-bottom: 0;\n}\n\n.tab-btn {\n display: inline-flex;\n align-items: center;\n gap: var(--space-xs);\n padding: 18px 28px;\n background: transparent;\n border: none;\n border-bottom: 3px solid transparent;\n color: var(--text-tertiary);\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all var(--transition-base);\n position: relative;\n bottom: -2px;\n}\n\n.tab-btn:hover {\n color: var(--text-secondary);\n background: rgba(255,255,255,0.03);\n}\n\n.tab-btn.active {\n color: var(--text-primary);\n border-bottom-color: var(--grf-primary);\n background: var(--grf-primary-muted);\n}\n\n.tab-btn svg {\n width: 18px;\n height: 18px;\n}\n\n\/* Tab Content *\/\n.tab-content {\n display: none;\n animation: fadeIn 0.4s ease;\n}\n\n.tab-content.active {\n display: block;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Comparison Grid *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));\n gap: var(--space-md);\n}\n\n\/* Comparison Cards *\/\n.comparison-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n padding: var(--space-lg);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n transition: all var(--transition-base);\n}\n\n.comparison-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-4px);\n box-shadow: var(--shadow-xl);\n}\n\n\/* Card Indicator (Top Border) *\/\n.card-indicator {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n opacity: 0.8;\n}\n\n.problem-card .card-indicator {\n background: linear-gradient(90deg, var(--color-error), var(--color-error));\n}\n\n.solution-card .card-indicator {\n background: var(--gradient-brand);\n}\n\n\/* Card Header *\/\n.card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n}\n\n.card-title-group {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs);\n}\n\n.card-title {\n font-size: 24px;\n font-weight: 700;\n color: var(--text-primary);\n margin: 0;\n}\n\n.problem-card .card-title {\n color: var(--color-error);\n}\n\n.card-label {\n font-family: var(--font-mono);\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-disabled);\n}\n\n.card-badge {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 14px;\n background: rgba(255,255,255,0.1);\n border-radius: var(--radius-full);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--text-primary);\n}\n\n.card-badge svg {\n width: 14px;\n height: 14px;\n}\n\n\/* Card Description *\/\n.card-description {\n font-size: 16px;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n\/* Card Metrics *\/\n.card-metrics {\n background: #030404;\n border-radius: var(--radius-md);\n padding: var(--space-md);\n border: 1px solid var(--border-subtle);\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n}\n\n.metric-item {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: var(--space-sm);\n}\n\n.metric-label {\n font-family: var(--font-mono);\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--text-tertiary);\n}\n\n.metric-value {\n font-family: var(--font-mono);\n font-size: 14px;\n font-weight: 600;\n text-align: right;\n}\n\n.metric-value.problem {\n color: var(--color-error);\n}\n\n.metric-value.solution {\n color: var(--grf-primary);\n}\n\n\/* Card Impact *\/\n.card-impact {\n padding: var(--space-sm);\n background: rgba(239, 68, 68, 0.05);\n border: 1px solid rgba(239, 68, 68, 0.2);\n border-left: 4px solid var(--color-error);\n border-radius: var(--radius-sm);\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-secondary);\n}\n\n.card-impact strong {\n color: var(--text-primary);\n font-weight: 600;\n}\n\n\/* Tech Tags *\/\n.card-tech-tags {\n display: flex;\n gap: var(--space-xs);\n flex-wrap: wrap;\n}\n\n.tech-tag {\n padding: 8px 16px;\n border-radius: var(--radius-sm);\n background: rgba(0, 212, 170, 0.1);\n border: 1px solid rgba(0, 212, 170, 0.2);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--grf-primary);\n}\n\n\/* Responsive - Why GRF Section *\/\n@media (max-width: 768px) {\n .why-grf-section {\n padding: var(--space-2xl) 0;\n }\n \n .section-title {\n font-size: 36px;\n }\n \n .section-description {\n font-size: 16px;\n }\n \n .tab-nav {\n overflow-x: auto;\n justify-content: flex-start;\n scrollbar-width: thin;\n scrollbar-color: var(--grf-primary) var(--bg-elevated);\n -webkit-overflow-scrolling: touch;\n }\n \n .tab-nav::-webkit-scrollbar {\n height: 4px;\n }\n \n .tab-nav::-webkit-scrollbar-track {\n background: var(--bg-elevated);\n }\n \n .tab-nav::-webkit-scrollbar-thumb {\n background: var(--grf-primary);\n border-radius: 2px;\n }\n \n .tab-btn {\n padding: 14px 20px;\n font-size: 12px;\n white-space: nowrap;\n }\n \n .comparison-grid {\n grid-template-columns: 1fr;\n gap: var(--space-sm);\n }\n \n .comparison-card {\n padding: var(--space-md);\n }\n \n .card-title {\n font-size: 20px;\n }\n \n .card-description {\n font-size: 14px;\n }\n}\n\n\/* ========================================================================\n WHY GRF V2 - BLOCKCHAIN\/AI ENTERPRISE THEME\n ======================================================================== *\/\n\n\/* V2 Comparison Grid *\/\n.comparison-grid-v2 {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-xl);\n margin-top: var(--space-2xl);\n}\n\n\/* Challenge Cards V2 *\/\n.challenge-card {\n background: rgba(0,0,0,0.90);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n padding: var(--space-2xl);\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.challenge-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n transition: opacity 0.4s;\n}\n\n.problem-card-v2::before {\n background: linear-gradient(90deg, #ef4444, #dc2626);\n opacity: 0.5;\n}\n\n.solution-card-v2::before {\n background: linear-gradient(90deg, #06b6d4, #3b82f6, #8b5cf6);\n opacity: 0.7;\n}\n\n.challenge-card:hover {\n transform: translateY(-4px);\n border-color: rgba(255,255,255,0.12);\n}\n\n.problem-card-v2:hover {\n box-shadow: 0 20px 60px rgba(239, 68, 68, 0.1);\n}\n\n.solution-card-v2:hover {\n box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n}\n\n\/* Card Header V2 *\/\n.card-header-v2 {\n display: flex;\n align-items: flex-start;\n gap: var(--space-lg);\n margin-bottom: var(--space-lg);\n position: relative;\n}\n\n.card-icon-container {\n width: 64px;\n height: 64px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s;\n}\n\n.problem-icon {\n background: rgba(239, 68, 68, 0.08);\n border: 1px solid rgba(239, 68, 68, 0.2);\n color: #ef4444;\n}\n\n.solution-icon {\n background: rgba(59, 130, 246, 0.08);\n border: 1px solid rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n animation: iconPulse 3s ease-in-out infinite;\n}\n\n@keyframes iconPulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); }\n}\n\n.card-title-group-v2 {\n flex: 1;\n}\n\n.card-title-v2 {\n font-size: 22px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n letter-spacing: -0.3px;\n}\n\n.card-label-v2 {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n font-family: var(--font-mono);\n}\n\n.problem-label {\n background: rgba(239, 68, 68, 0.1);\n color: #ef4444;\n border: 1px solid rgba(239, 68, 68, 0.2);\n}\n\n.solution-label {\n background: rgba(59, 130, 246, 0.1);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.verified-badge-v2 {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 8px;\n font-size: 11px;\n font-weight: 600;\n color: #06b6d4;\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.verified-badge-v2 svg {\n width: 14px;\n height: 14px;\n}\n\n\/* Card Description V2 *\/\n.card-description-v2 {\n font-size: 15px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n\/* Metrics Grid V2 *\/\n.metrics-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.metric-card-v2 {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: var(--space-md);\n display: flex;\n gap: 12px;\n transition: all 0.3s;\n}\n\n.metric-card-v2:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.1);\n}\n\n.problem-metric {\n border-left: 2px solid #ef4444;\n}\n\n.solution-metric {\n border-left: 2px solid #3b82f6;\n}\n\n.metric-icon-v2 {\n width: 32px;\n height: 32px;\n background: rgba(255,255,255,0.03);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n.problem-metric .metric-icon-v2 {\n color: #ef4444;\n}\n\n.solution-metric .metric-icon-v2 {\n color: #3b82f6;\n}\n\n.metric-content-v2 {\n flex: 1;\n}\n\n.metric-label-v2 {\n font-size: 11px;\n font-weight: 500;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n}\n\n.metric-value-v2 {\n font-size: 20px;\n font-weight: 700;\n font-family: var(--font-mono);\n letter-spacing: -0.5px;\n}\n\n.problem-value {\n color: #ef4444;\n}\n\n.solution-value {\n color: #06b6d4;\n}\n\n.metric-sublabel-v2 {\n font-size: 10px;\n color: rgba(255,255,255,0.6);\n margin-top: 2px;\n font-family: var(--font-mono);\n}\n\n\/* Tech Stack V2 *\/\n.tech-stack-v2 {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-lg);\n}\n\n.tech-tag-v2 {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n border-radius: 8px;\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono);\n transition: all 0.2s;\n}\n\n.blockchain-tag {\n background: rgba(59, 130, 246, 0.08);\n border: 1px solid rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n}\n\n.blockchain-tag:hover {\n background: rgba(59, 130, 246, 0.15);\n border-color: rgba(59, 130, 246, 0.4);\n}\n\n.ai-tag {\n background: rgba(139, 92, 246, 0.08);\n border: 1px solid rgba(139, 92, 246, 0.2);\n color: #8b5cf6;\n}\n\n.ai-tag:hover {\n background: rgba(139, 92, 246, 0.15);\n border-color: rgba(139, 92, 246, 0.4);\n}\n\n.tech-tag-v2 svg {\n width: 14px;\n height: 14px;\n}\n\n\/* Contract Address V2 *\/\n.contract-address-v2 {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: rgba(0,0,0,0.5);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n margin-bottom: var(--space-lg);\n font-family: var(--font-mono);\n}\n\n.address-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n}\n\n.address-value {\n font-size: 13px;\n color: rgba(6, 182, 212, 0.9);\n flex: 1;\n font-weight: 600;\n}\n\n.copy-btn-v2 {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 6px;\n padding: 6px;\n color: rgba(255,255,255,0.6);\n cursor: pointer;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.copy-btn-v2:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n\/* Card Footer V2 *\/\n.card-footer-v2 {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 10px;\n font-size: 13px;\n line-height: 1.6;\n}\n\n.problem-footer {\n border-left: 2px solid #ef4444;\n color: rgba(255,255,255,0.6);\n}\n\n.problem-footer svg {\n color: #ef4444;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.problem-footer strong {\n color: #ef4444;\n}\n\n\/* System Badge V2 *\/\n.system-badge-v2 {\n position: absolute;\n bottom: var(--space-lg);\n right: var(--space-lg);\n padding: 6px 14px;\n border-radius: 8px;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 1.2px;\n font-family: var(--font-mono);\n opacity: 0.5;\n}\n\n.legacy-badge {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.2);\n color: #ef4444;\n}\n\n.blockchain-badge {\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.2);\n color: #06b6d4;\n}\n\n\/* Responsive V2 *\/\n@media (max-width: 968px) {\n .comparison-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .card-header-v2 {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .verified-badge-v2 {\n position: static;\n margin-top: var(--space-sm);\n }\n \n .metrics-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .system-badge-v2 {\n position: static;\n margin-top: var(--space-md);\n display: inline-block;\n }\n}\n\n\/* ========================================================================\n NETWORK TOPOLOGY SECTION - HOW GRF WORKS V2\n ======================================================================== *\/\n\n\n\/* ============================================================================\n HOW GRF WORKS V3 - QUINTUPLE HELIX & MULTI-SCALE GOVERNANCE\n ============================================================================ *\/\n\n.how-grf-works-v3 {\n padding: calc(var(--space-xl) * 2) 0;\n background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(59, 130, 246, 0.08), transparent 50%),\n radial-gradient(ellipse 60% 40% at 50% 100%, rgba(6, 182, 212, 0.06), transparent 50%);\n position: relative;\n}\n\n\/* Section Header *\/\n.section-badge-mono {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 100px;\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.9);\n margin-bottom: var(--space-sm);\n}\n\n.section-badge-mono svg {\n color: rgba(255,255,255,0.6);\n}\n\n\/* Dual Panel Layout *\/\n.architecture-dual-panel {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-lg);\n margin-top: var(--space-lg);\n}\n\n@media (min-width: 1200px) {\n .architecture-dual-panel {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n\/* Panel Shared Styles *\/\n.governance-scale-panel,\n.stakeholder-helix-panel,\n.authority-levels-panel {\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 24px;\n padding: var(--space-lg);\n}\n\n.panel-header {\n text-align: center;\n margin-bottom: var(--space-lg);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n\n.panel-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.panel-subtitle {\n text-align: center;\n font-size: 15px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n}\n\n\/* ===== GOVERNANCE LAYERS ===== *\/\n.governance-layers {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.gov-layer {\n position: relative;\n padding: var(--space-md);\n border-radius: 16px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gov-layer:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.layer-badge {\n position: absolute;\n top: var(--space-md);\n left: var(--space-md);\n width: 32px;\n height: 32px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,0.6);\n}\n\n.layer-content {\n display: flex;\n align-items: flex-start;\n gap: var(--space-sm);\n margin-left: 48px;\n}\n\n.layer-icon {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n}\n\n.layer-global-v3 .layer-icon { border-color: rgba(59, 130, 246, 0.3); color: #3b82f6; }\n.layer-continental-v3 .layer-icon { border-color: rgba(6, 182, 212, 0.3); color: #06b6d4; }\n.layer-national-v3 .layer-icon { border-color: rgba(16, 185, 129, 0.3); color: #10b981; }\n.layer-local-v3 .layer-icon { border-color: rgba(168, 85, 247, 0.3); color: #a855f7; }\n\n.layer-info {\n flex: 1;\n}\n\n.layer-title {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n}\n\n.layer-desc {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin-bottom: 12px;\n}\n\n.layer-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.meta-item {\n font-size: 13px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n}\n\n.meta-divider {\n color: rgba(255,255,255,0.2);\n}\n\n\/* ===== PERFORMANCE COMPARISON ===== *\/\n.performance-comparison-v3 {\n margin-top: var(--space-lg);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: var(--space-sm);\n align-items: center;\n position: relative;\n}\n\n.perf-item {\n text-align: center;\n}\n\n.perf-label {\n font-size: 12px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n margin-bottom: 6px;\n}\n\n.perf-value {\n font-size: 20px;\n font-weight: 700;\n font-family: var(--font-mono);\n margin-bottom: 12px;\n}\n\n.perf-old .perf-value { color: rgba(239, 68, 68, 0.8); }\n.perf-new .perf-value { color: rgba(16, 185, 129, 0.9); }\n\n.perf-bar-container {\n width: 100%;\n height: 4px;\n background: rgba(255,255,255,0.05);\n border-radius: 2px;\n overflow: hidden;\n}\n\n.perf-bar {\n height: 100%;\n border-radius: 2px;\n transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.perf-bar-old { background: rgba(239, 68, 68, 0.6); }\n.perf-bar-new { background: rgba(16, 185, 129, 0.7); }\n\n.perf-arrow {\n color: rgba(255,255,255,0.6);\n}\n\n.perf-badge {\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n padding: 4px 12px;\n background: linear-gradient(135deg, #10b981, #06b6d4);\n border-radius: 100px;\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #000;\n white-space: nowrap;\n}\n\n\/* ===== QUINTUPLE HELIX STAKEHOLDERS ===== *\/\n.helix-stakeholders {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-sm);\n}\n\n@media (min-width: 768px) {\n .helix-stakeholders {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.helix-card {\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.helix-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, currentColor, transparent);\n opacity: 0.3;\n}\n\n.helix-academia::before { color: #3b82f6; }\n.helix-industry::before { color: #06b6d4; }\n.helix-government::before { color: #10b981; }\n.helix-civil::before { color: #f59e0b; }\n.helix-citizens::before { color: #a855f7; }\n\n.helix-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-2px);\n}\n\n.helix-icon {\n width: 40px;\n height: 40px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-sm);\n}\n\n.helix-academia .helix-icon { color: #3b82f6; border-color: rgba(59, 130, 246, 0.2); }\n.helix-industry .helix-icon { color: #06b6d4; border-color: rgba(6, 182, 212, 0.2); }\n.helix-government .helix-icon { color: #10b981; border-color: rgba(16, 185, 129, 0.2); }\n.helix-civil .helix-icon { color: #f59e0b; border-color: rgba(245, 158, 11, 0.2); }\n.helix-citizens .helix-icon { color: #a855f7; border-color: rgba(168, 85, 247, 0.2); }\n\n.helix-title {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.helix-description {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin-bottom: 12px;\n}\n\n.helix-examples {\n padding: 8px 12px;\n background: rgba(255,255,255,0.02);\n border-radius: 6px;\n font-size: 12px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n}\n\n\/* ===== AUTHORITY LEVELS PANEL ===== *\/\n.authority-matrix {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.authority-row {\n display: flex;\n gap: var(--space-sm);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.authority-row:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n}\n\n.authority-level {\n flex-shrink: 0;\n}\n\n.level-badge {\n display: inline-block;\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.global-badge {\n background: rgba(59, 130, 246, 0.15);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n.continental-badge {\n background: rgba(6, 182, 212, 0.15);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.3);\n}\n\n.national-badge {\n background: rgba(16, 185, 129, 0.15);\n color: #10b981;\n border: 1px solid rgba(16, 185, 129, 0.3);\n}\n\n.local-badge {\n background: rgba(168, 85, 247, 0.15);\n color: #a855f7;\n border: 1px solid rgba(168, 85, 247, 0.3);\n}\n\n.authority-scope {\n flex: 1;\n}\n\n.scope-title {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.scope-items {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin-bottom: 12px;\n}\n\n.scope-stakeholders {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n}\n\n.stakeholder-badge {\n padding: 4px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n}\n\n\/* ===== NETWORK STATS SHOWCASE ===== *\/\n.network-stats-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--space-md);\n margin-top: var(--space-xl);\n padding: var(--space-lg);\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 24px;\n}\n\n.stat-showcase-item {\n display: flex;\n align-items: center;\n gap: var(--space-sm);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.stat-showcase-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-2px);\n}\n\n.stat-featured {\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.1));\n border-color: rgba(6, 182, 212, 0.3);\n}\n\n.stat-icon-showcase {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n}\n\n.stat-featured .stat-icon-showcase {\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(6, 182, 212, 0.2));\n border-color: rgba(6, 182, 212, 0.4);\n color: #06b6d4;\n}\n\n.stat-content-showcase {\n flex: 1;\n}\n\n.stat-value-showcase {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n line-height: 1.2;\n}\n\n.stat-label-showcase {\n font-size: 12px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n margin-top: 4px;\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .how-grf-works-v3 {\n padding: var(--space-xl) 0;\n }\n\n .panel-title {\n font-size: 24px;\n }\n\n .layer-title {\n font-size: 16px;\n }\n\n .layer-desc {\n font-size: 13px;\n }\n\n .performance-comparison-v3 {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n\n .perf-arrow {\n transform: rotate(90deg);\n }\n\n .network-stats-showcase {\n grid-template-columns: 1fr;\n }\n\n .stat-showcase-item {\n justify-content: center;\n text-align: center;\n flex-direction: column;\n }\n}\n\n\/* ============================================================================\n HOW GRF WORKS INTEGRATED - COMPREHENSIVE SECTION STYLES\n ============================================================================ *\/\n\n.how-grf-works-integrated {\n padding: calc(var(--space-xl) * 2.5) 0;\n background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(59, 130, 246, 0.12), transparent 50%),\n radial-gradient(ellipse 60% 40% at 50% 100%, rgba(6, 182, 212, 0.08), transparent 50%);\n position: relative;\n overflow: hidden;\n}\n\n\/* Animated Grid Background *\/\n.animated-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 50px 50px;\n opacity: 0.5;\n animation: gridMove 30s linear infinite;\n}\n\n@keyframes gridMove {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(50px); }\n}\n\n\/* Sub-Navigation for Integrated Views *\/\n.integrated-subnav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm);\n margin-top: var(--space-lg);\n margin-bottom: var(--space-xl);\n flex-wrap: wrap;\n}\n\n.subnav-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 24px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n font-size: 15px;\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.subnav-btn:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: rgba(255,255,255,0.95);\n transform: translateY(-2px);\n}\n\n.subnav-btn.active {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-color: rgba(6, 182, 212, 0.4);\n color: #06b6d4;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.3);\n}\n\n.subnav-btn svg {\n flex-shrink: 0;\n}\n\n\/* Integrated View *\/\n.integrated-view {\n display: block;\n opacity: 1;\n}\n\n\/* Performance Hero Card *\/\n.performance-hero-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: var(--space-xl);\n margin-bottom: var(--space-xl);\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n}\n\n.performance-comparison {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: var(--space-lg);\n align-items: center;\n margin-bottom: var(--space-lg);\n}\n\n.comparison-item {\n background: rgba(255,255,255,0.03);\n padding: var(--space-md);\n border-radius: 12px;\n border: 1px solid rgba(255,255,255,0.08);\n}\n\n.comparison-label {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n margin-bottom: 8px;\n}\n\n.comparison-value {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 12px;\n}\n\n.comparison-item.legacy .comparison-value {\n color: #ef4444;\n}\n\n.comparison-item.grf .comparison-value {\n color: #22c55e;\n}\n\n.comparison-bar {\n height: 8px;\n border-radius: 4px;\n transition: width 1s ease;\n}\n\n.comparison-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.comparison-arrow svg {\n color: #06b6d4;\n animation: arrowPulse 2s ease-in-out infinite;\n}\n\n@keyframes arrowPulse {\n 0%, 100% { transform: translateX(0); opacity: 1; }\n 50% { transform: translateX(10px); opacity: 0.7; }\n}\n\n.performance-result {\n text-align: center;\n padding-top: var(--space-md);\n border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.result-badge {\n display: inline-block;\n padding: 12px 32px;\n background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(16, 185, 129, 0.2));\n border: 1px solid rgba(34, 197, 94, 0.4);\n border-radius: 100px;\n font-size: 24px;\n font-weight: 800;\n color: #22c55e;\n letter-spacing: 1px;\n margin-bottom: 12px;\n}\n\n.result-desc {\n font-size: 15px;\n color: rgba(255,255,255,0.7);\n margin: 0;\n}\n\n\/* Architecture Integrated Grid *\/\n.architecture-integrated-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--space-lg);\n margin-bottom: var(--space-xl);\n}\n\n.arch-panel {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n}\n\n.panel-header-integrated {\n margin-bottom: var(--space-lg);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n\n.panel-title-integrated {\n font-size: 24px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 8px 0;\n}\n\n.panel-subtitle-integrated {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin: 0;\n}\n\n\/* Scale Items (Multi-Scale Governance) *\/\n.scale-layers-integrated {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.scale-item-integrated {\n display: grid;\n grid-template-columns: auto auto 1fr;\n gap: var(--space-md);\n align-items: start;\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.scale-item-integrated:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.scale-badge-int {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 700;\n background: rgba(255,255,255,0.1);\n color: rgba(255,255,255,0.9);\n}\n\n.global-scale-int .scale-badge-int { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }\n.continental-scale-int .scale-badge-int { background: rgba(6, 182, 212, 0.2); color: #06b6d4; }\n.national-scale-int .scale-badge-int { background: rgba(147, 51, 234, 0.2); color: #9333ea; }\n.local-scale-int .scale-badge-int { background: rgba(236, 72, 153, 0.2); color: #ec4899; }\n\n.scale-icon-int svg {\n display: block;\n}\n\n.scale-content-int {\n min-width: 0;\n}\n\n.scale-title-int {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 6px 0;\n}\n\n.scale-desc-int {\n font-size: 14px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 10px 0;\n line-height: 1.5;\n}\n\n.scale-meta-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.meta-badge-int {\n display: inline-block;\n padding: 4px 12px;\n background: rgba(255,255,255,0.08);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n}\n\n\/* Helix Compact Grid *\/\n.helix-compact-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-md);\n}\n\n.helix-compact-card {\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.helix-compact-card:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.helix-compact-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-sm);\n background: rgba(255,255,255,0.1);\n}\n\n.academia-compact .helix-compact-icon { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }\n.industry-compact .helix-compact-icon { background: rgba(6, 182, 212, 0.15); color: #06b6d4; }\n.government-compact .helix-compact-icon { background: rgba(147, 51, 234, 0.15); color: #9333ea; }\n.civil-compact .helix-compact-icon { background: rgba(236, 72, 153, 0.15); color: #ec4899; }\n.citizens-compact .helix-compact-icon { background: rgba(234, 179, 8, 0.15); color: #eab308; }\n\n.helix-compact-title {\n font-size: 16px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 6px 0;\n}\n\n.helix-compact-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 10px 0;\n line-height: 1.5;\n}\n\n.helix-compact-examples {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Decision Matrix Integrated *\/\n.decision-matrix-integrated {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: var(--space-xl);\n margin-bottom: var(--space-xl);\n}\n\n.matrix-integrated-title {\n font-size: 28px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 8px 0;\n text-align: center;\n}\n\n.matrix-integrated-subtitle {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 var(--space-lg) 0;\n text-align: center;\n}\n\n.matrix-integrated-grid {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.matrix-row-int {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: var(--space-md);\n padding: var(--space-md);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.matrix-row-int:hover {\n background: rgba(255,255,255,0.06);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n}\n\n.matrix-level-badge {\n padding: 8px 16px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 120px;\n align-self: start;\n}\n\n.global-badge-int {\n background: rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.4);\n}\n\n.continental-badge-int {\n background: rgba(6, 182, 212, 0.2);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.4);\n}\n\n.national-badge-int {\n background: rgba(147, 51, 234, 0.2);\n color: #9333ea;\n border: 1px solid rgba(147, 51, 234, 0.4);\n}\n\n.local-badge-int {\n background: rgba(236, 72, 153, 0.2);\n color: #ec4899;\n border: 1px solid rgba(236, 72, 153, 0.4);\n}\n\n.matrix-scope-int {\n min-width: 0;\n}\n\n.matrix-scope-title {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 8px 0;\n}\n\n.matrix-scope-items {\n font-size: 14px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 12px 0;\n line-height: 1.6;\n}\n\n.matrix-decision-makers-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.decision-maker-chip {\n padding: 6px 14px;\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n}\n\n\/* Network Stats Showcase *\/\n.network-stats-showcase {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-md);\n}\n\n.stat-showcase-card {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: var(--space-md);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.stat-showcase-card:hover {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-4px);\n}\n\n.stat-showcase-card.featured-stat {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1));\n border-color: rgba(6, 182, 212, 0.3);\n}\n\n.stat-showcase-icon {\n width: 48px;\n height: 48px;\n margin: 0 auto 12px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255,255,255,0.08);\n}\n\n.stat-showcase-value {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.highlight-value {\n color: #06b6d4;\n}\n\n.stat-showcase-label {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Developer Infrastructure Styles *\/\n.dev-infrastructure-integrated {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: var(--space-lg);\n}\n\n.dev-card-integrated {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n transition: all 0.3s ease;\n}\n\n.dev-card-integrated:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.3);\n}\n\n.dev-card-header-int {\n display: flex;\n gap: var(--space-md);\n align-items: start;\n margin-bottom: var(--space-md);\n}\n\n.dev-icon-int {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n border-radius: 12px;\n background: rgba(6, 182, 212, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dev-icon-int svg {\n color: #06b6d4;\n}\n\n.dev-title-group-int {\n min-width: 0;\n}\n\n.dev-title-int {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 4px 0;\n}\n\n.dev-subtitle-int {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin: 0;\n}\n\n.dev-desc-int {\n font-size: 15px;\n color: rgba(255,255,255,0.7);\n line-height: 1.6;\n margin-bottom: var(--space-md);\n}\n\n.code-block-int {\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: var(--space-md);\n}\n\n.code-header-int {\n padding: 8px 16px;\n background: rgba(255,255,255,0.05);\n border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n\n.code-lang-int {\n font-size: 11px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n letter-spacing: 1px;\n}\n\n.code-content-int {\n padding: var(--space-md);\n margin: 0;\n font-family: 'IBM Plex Mono', 'Courier New', monospace;\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.9);\n}\n\n.dev-specs-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-md);\n}\n\n.dev-spec-badge-int {\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #06b6d4;\n}\n\n.sdk-grid-int {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n margin-bottom: var(--space-md);\n}\n\n.sdk-badge-int {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 14px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n transition: all 0.2s ease;\n}\n\n.sdk-badge-int:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(6, 182, 212, 0.4);\n}\n\n.sdk-ver {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n}\n\n.docs-links-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-md);\n}\n\n.doc-link-chip-int {\n padding: 8px 14px;\n background: rgba(59, 130, 246, 0.15);\n border: 1px solid rgba(59, 130, 246, 0.3);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #3b82f6;\n}\n\n.github-stats-int {\n display: flex;\n gap: 12px;\n margin-bottom: var(--space-md);\n}\n\n.gh-stat-int {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n}\n\n.gh-stat-int svg {\n color: rgba(255,255,255,0.5);\n}\n\n.dev-link-int {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 20px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 8px;\n font-size: 14px;\n font-weight: 600;\n color: #06b6d4;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.dev-link-int:hover {\n background: rgba(6, 182, 212, 0.25);\n border-color: rgba(6, 182, 212, 0.5);\n transform: translateY(-2px);\n}\n\n\/* International Standards Styles *\/\n.standards-intro-int {\n text-align: center;\n margin-bottom: var(--space-xl);\n}\n\n.standards-title-int {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 12px 0;\n}\n\n.standards-desc-int {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n max-width: 900px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.frameworks-integrated-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.framework-card-int {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n transition: all 0.3s ease;\n}\n\n.framework-card-int:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.3);\n}\n\n.framework-header-int {\n display: flex;\n justify-content: space-between;\n align-items: start;\n margin-bottom: var(--space-md);\n}\n\n.framework-badge-int {\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.5px;\n}\n\n.un-badge-int {\n background: rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.4);\n}\n\n.unfccc-badge-int {\n background: rgba(6, 182, 212, 0.2);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.4);\n}\n\n.icrc-badge-int {\n background: rgba(236, 72, 153, 0.2);\n color: #ec4899;\n border: 1px solid rgba(236, 72, 153, 0.4);\n}\n\n.framework-icon-int {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.framework-icon-int svg {\n color: rgba(255,255,255,0.9);\n}\n\n.framework-title-int {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 4px 0;\n}\n\n.framework-subtitle-int {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n margin: 0 0 12px 0;\n}\n\n.framework-desc-int {\n font-size: 14px;\n color: rgba(255,255,255,0.7);\n line-height: 1.6;\n margin-bottom: var(--space-md);\n}\n\n.framework-meta-int {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n}\n\n.framework-meta-int svg {\n color: rgba(255,255,255,0.6);\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 1024px) {\n .architecture-integrated-grid {\n grid-template-columns: 1fr;\n }\n \n .network-stats-showcase {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .performance-comparison {\n grid-template-columns: 1fr;\n }\n \n .comparison-arrow {\n transform: rotate(90deg);\n }\n}\n\n@media (max-width: 768px) {\n .how-grf-works-integrated {\n padding: calc(var(--space-xl) * 1.5) 0;\n }\n \n .integrated-subnav {\n flex-direction: column;\n gap: 12px;\n }\n \n .subnav-btn {\n width: 100%;\n justify-content: center;\n }\n \n .dev-infrastructure-integrated {\n grid-template-columns: 1fr;\n }\n \n .frameworks-integrated-grid {\n grid-template-columns: 1fr;\n }\n \n .network-stats-showcase {\n grid-template-columns: 1fr;\n }\n \n .sdk-grid-int {\n grid-template-columns: 1fr;\n }\n \n .matrix-row-int {\n grid-template-columns: 1fr;\n }\n \n .matrix-level-badge {\n width: 100%;\n justify-content: flex-start;\n }\n}\n\n\/* ========================================================================\n DEVELOPER INFRASTRUCTURE SECTION V2\n ======================================================================== *\/\n\n.developer-infrastructure-section {\n padding: var(--space-4xl) 0;\n background: #000;\n}\n\n.dev-features-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: var(--space-xl);\n margin-top: var(--space-3xl);\n}\n\n.dev-card-v2 {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n padding: var(--space-2xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n}\n\n.dev-card-v2:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-6px);\n}\n\n.dev-card-header {\n display: flex;\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.dev-icon-container {\n width: 64px;\n height: 64px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.dev-card-v2:hover .dev-icon-container {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: scale(1.05);\n}\n\n.dev-card-title-group {\n flex: 1;\n}\n\n.dev-card-title {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.dev-card-subtitle {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n}\n\n.dev-card-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n\/* Code Block V2 *\/\n.code-block-v2 {\n background: #0a0a0a;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: var(--space-lg);\n}\n\n.code-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px var(--space-md);\n background: rgba(255,255,255,0.02);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.code-language {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n letter-spacing: 1px;\n}\n\n.code-copy {\n background: none;\n border: none;\n color: rgba(255,255,255,0.5);\n cursor: pointer;\n padding: 4px;\n transition: color 0.2s;\n}\n\n.code-copy:hover {\n color: #fff;\n}\n\n.code-content {\n padding: var(--space-md);\n margin: 0;\n font-family: var(--font-mono);\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.8);\n overflow-x: auto;\n}\n\n.code-content code {\n font-family: inherit;\n}\n\n\/* Terminal Demo - Live Animated Showcase *\/\n.terminal-demo {\n background: #0a0a0a;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: var(--space-lg);\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n}\n\n.terminal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px var(--space-md);\n background: rgba(255,255,255,0.02);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.terminal-controls {\n display: flex;\n gap: 6px;\n}\n\n.terminal-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n opacity: 0.6;\n}\n\n.terminal-dot.red {\n background: #ff5f56;\n}\n\n.terminal-dot.yellow {\n background: #ffbd2e;\n}\n\n.terminal-dot.green {\n background: #27c93f;\n}\n\n.terminal-title {\n font-size: 11px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n letter-spacing: 0.5px;\n}\n\n.terminal-status {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 10px;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n}\n\n.status-indicator {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #27c93f;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n}\n\n.terminal-body {\n padding: var(--space-md);\n font-family: var(--font-mono);\n font-size: 13px;\n line-height: 1.8;\n min-height: 400px;\n max-height: 500px;\n overflow-y: auto;\n}\n\n.terminal-line {\n display: flex;\n margin-bottom: 4px;\n opacity: 0;\n animation: fadeIn 0.3s ease forwards;\n}\n\n@keyframes fadeIn {\n to { opacity: 1; }\n}\n\n.terminal-prompt {\n color: #06b6d4;\n margin-right: 8px;\n user-select: none;\n}\n\n.terminal-command {\n color: rgba(255,255,255,0.9);\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.typed-text {\n display: inline-block;\n overflow: hidden;\n white-space: nowrap;\n animation: typing 2s steps(60) forwards;\n}\n\n@keyframes typing {\n from { max-width: 0; }\n to { max-width: 100%; }\n}\n\n.terminal-output {\n margin: 8px 0 12px 20px;\n opacity: 0;\n animation: fadeIn 0.3s ease forwards;\n}\n\n.json-key {\n color: #8b5cf6;\n}\n\n.json-string {\n color: #10b981;\n}\n\n.json-number {\n color: #f59e0b;\n}\n\n.json-indent {\n color: rgba(255,255,255,0.3);\n}\n\n.json-success {\n color: #22c55e;\n}\n\n.websocket-connect {\n color: #3b82f6;\n}\n\n.websocket-msg {\n color: rgba(255,255,255,0.7);\n}\n\n.websocket-data {\n color: #f59e0b;\n}\n\n.terminal-blink {\n margin-top: 12px;\n}\n\n.cursor-blink {\n color: rgba(255,255,255,0.8);\n animation: blink 1s step-end infinite;\n}\n\n@keyframes blink {\n 0%, 50% { opacity: 1; }\n 51%, 100% { opacity: 0; }\n}\n\n.terminal-footer {\n padding: 10px var(--space-md);\n background: rgba(255,255,255,0.02);\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.terminal-stats {\n display: flex;\n justify-content: space-around;\n gap: var(--space-md);\n}\n\n.stat-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.stat-label {\n font-size: 10px;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n}\n\n.stat-value {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,0.9);\n font-family: var(--font-mono);\n}\n\n.stat-value.success {\n color: #22c55e;\n}\n\n\/* Dev Specs Grid *\/\n.dev-specs-grid {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n margin-bottom: var(--space-lg);\n}\n\n.dev-spec {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n}\n\n.dev-spec svg {\n width: 16px;\n height: 16px;\n color: #06b6d4;\n flex-shrink: 0;\n}\n\n\/* SDK Grid V2 *\/\n.sdk-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: var(--space-sm);\n margin-bottom: var(--space-lg);\n}\n\n.sdk-badge-v2 {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n transition: all 0.2s;\n position: relative;\n}\n\n.sdk-badge-v2:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n}\n\n.sdk-badge-v2 svg {\n width: 16px;\n height: 16px;\n color: rgba(255,255,255,0.6);\n}\n\n.sdk-badge-v2 span:first-of-type {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n flex: 1;\n}\n\n.sdk-version {\n font-size: 10px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.6) !important;\n}\n\n\/* Doc Links Grid *\/\n.doc-links-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--space-sm);\n margin-bottom: var(--space-lg);\n}\n\n.doc-link-card {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n text-decoration: none;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n transition: all 0.2s;\n}\n\n.doc-link-card:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n}\n\n.doc-link-card svg {\n width: 16px;\n height: 16px;\n color: rgba(255,255,255,0.6);\n}\n\n\/* GitHub Stats Grid *\/\n.github-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.github-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 10px;\n}\n\n.github-stat svg {\n color: rgba(255,255,255,0.5);\n margin-bottom: 4px;\n}\n\n.github-stat .stat-value {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n font-family: var(--font-mono);\n}\n\n.github-stat .stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Dev Link V2 *\/\n.dev-link-v2 {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: auto;\n padding: 12px 20px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 10px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n transition: all 0.2s;\n}\n\n.dev-link-v2:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n gap: 12px;\n}\n\n.dev-link-v2 svg {\n width: 16px;\n height: 16px;\n}\n\n\/* Responsive - Developer Section *\/\n@media (max-width: 768px) {\n .dev-features-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .github-stats-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ========================================================================\n FRAMEWORKS ALIGNMENT SECTION V2\n ======================================================================== *\/\n\n.frameworks-alignment-section {\n padding: var(--space-4xl) 0;\n background: #000;\n}\n\n.frameworks-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: var(--space-xl);\n margin-top: var(--space-3xl);\n}\n\n.framework-card-v2 {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n padding: var(--space-2xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n}\n\n.framework-card-v2:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-4px);\n}\n\n.framework-badge-v2 {\n position: absolute;\n top: var(--space-lg);\n right: var(--space-lg);\n padding: 6px 14px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n font-family: var(--font-mono);\n}\n\n.un-badge {\n background: rgba(59, 130, 246, 0.1);\n border: 1px solid rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n}\n\n.unfccc-badge {\n background: rgba(34, 197, 94, 0.1);\n border: 1px solid rgba(34, 197, 94, 0.2);\n color: #22c55e;\n}\n\n.icrc-badge {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.2);\n color: #ef4444;\n}\n\n.framework-icon-v2 {\n width: 80px;\n height: 80px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-lg);\n color: rgba(255,255,255,0.6);\n transition: all 0.3s;\n}\n\n.framework-card-v2:hover .framework-icon-v2 {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: scale(1.05);\n}\n\n.framework-title-v2 {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-sm);\n}\n\n.framework-subtitle-v2 {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n font-weight: 600;\n margin-bottom: var(--space-md);\n}\n\n.framework-description-v2 {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n.framework-meta-v2 {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n}\n\n.framework-meta-v2 svg {\n width: 14px;\n height: 14px;\n}\n\n\/* ========================================================================\n APPLICATIONS SECTION V2\n ======================================================================== *\/\n\n.applications-section {\n position: relative;\n padding: var(--space-4xl) 0;\n background: #000;\n}\n\n\/* ============================================================================\n SOLVING GLOBAL CHALLENGES - V3 REDESIGN\n ============================================================================ *\/\n\n.applications-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-3xl);\n}\n\n.application-card-v2 {\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.application-card-v2::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--card-accent), transparent);\n opacity: 0.5;\n}\n\n.application-card-v2:hover {\n background: rgba(0, 0, 0, 0.9);\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-6px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.application-card-v2:hover::before {\n opacity: 1;\n}\n\n\/* Header with icon and title *\/\n.app-card-header {\n display: flex;\n align-items: flex-start;\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.app-icon-container {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.application-card-v2:hover .app-icon-container {\n transform: scale(1.1) rotate(5deg);\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n}\n\n\/* Color variants for different categories *\/\n.climate-icon {\n background: rgba(34, 197, 94, 0.08);\n border-color: rgba(34, 197, 94, 0.3);\n color: #22c55e;\n}\n.application-card-v2:has(.climate-icon) {\n --card-accent: #22c55e;\n}\n\n.health-icon {\n background: rgba(239, 68, 68, 0.08);\n border-color: rgba(239, 68, 68, 0.3);\n color: #ef4444;\n}\n.application-card-v2:has(.health-icon) {\n --card-accent: #ef4444;\n}\n\n.ai-icon {\n background: rgba(168, 85, 247, 0.08);\n border-color: rgba(168, 85, 247, 0.3);\n color: #a855f7;\n}\n.application-card-v2:has(.ai-icon) {\n --card-accent: #a855f7;\n}\n\n.nuclear-icon {\n background: rgba(251, 146, 60, 0.08);\n border-color: rgba(251, 146, 60, 0.3);\n color: #fb923c;\n}\n.application-card-v2:has(.nuclear-icon) {\n --card-accent: #fb923c;\n}\n\n.economic-icon {\n background: rgba(59, 130, 246, 0.08);\n border-color: rgba(59, 130, 246, 0.3);\n color: #3b82f6;\n}\n.application-card-v2:has(.economic-icon) {\n --card-accent: #3b82f6;\n}\n\n.peace-icon {\n background: rgba(236, 72, 153, 0.08);\n border-color: rgba(236, 72, 153, 0.3);\n color: #ec4899;\n}\n.application-card-v2:has(.peace-icon) {\n --card-accent: #ec4899;\n}\n\n.food-icon {\n background: rgba(250, 204, 21, 0.08);\n border-color: rgba(250, 204, 21, 0.3);\n color: #facc15;\n}\n.application-card-v2:has(.food-icon) {\n --card-accent: #facc15;\n}\n\n.cyber-icon {\n background: rgba(6, 182, 212, 0.08);\n border-color: rgba(6, 182, 212, 0.3);\n color: #06b6d4;\n}\n.application-card-v2:has(.cyber-icon) {\n --card-accent: #06b6d4;\n}\n\n.space-icon {\n background: rgba(139, 92, 246, 0.08);\n border-color: rgba(139, 92, 246, 0.3);\n color: #8b5cf6;\n}\n.application-card-v2:has(.space-icon) {\n --card-accent: #8b5cf6;\n}\n\n.app-header-text {\n flex: 1;\n}\n\n.app-title-v2 {\n font-size: 22px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n line-height: 1.2;\n}\n\n.app-category-v2 {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n\/* Description *\/\n.app-description-v2 {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n\/* Technology Stack *\/\n.app-tech-stack {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-bottom: var(--space-lg);\n}\n\n.tech-badge-small {\n padding: 4px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 6px;\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n font-weight: 600;\n transition: all 0.3s;\n}\n\n.application-card-v2:hover .tech-badge-small {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.15);\n}\n\n\/* Metrics Grid - 3 columns *\/\n.app-metrics-v2 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--space-sm);\n}\n\n.app-metric-v2 {\n text-align: center;\n padding: var(--space-sm) var(--space-xs);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px;\n transition: all 0.3s;\n}\n\n.application-card-v2:hover .app-metric-v2 {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.1);\n}\n\n.metric-value-large {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n font-family: var(--font-mono);\n margin-bottom: 4px;\n line-height: 1.2;\n}\n\n.metric-label-small {\n font-size: 10px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n\/* Responsive *\/\n@media (max-width: 1200px) {\n .applications-grid-v2 {\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n }\n}\n\n@media (max-width: 768px) {\n .applications-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .app-metrics-v2 {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .metric-value-large {\n font-size: 18px;\n }\n}\n\n\/* ========================================================================\n PLATFORMS SECTION - Six Core Systems (TABBED INTERFACE)\n ======================================================================== *\/\n\n.platforms-section {\n position: relative;\n padding: var(--space-4xl) 0;\n background: var(--bg-primary);\n overflow: hidden;\n}\n\n\/* Platform Tabs Navigation *\/\n.platform-tabs {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin: var(--space-3xl) 0 var(--space-2xl);\n flex-wrap: wrap;\n}\n\n.platform-tab {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n padding: 14px 28px;\n background: rgba(0,0,0,0.6);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n color: var(--text-secondary);\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all var(--transition-fast);\n backdrop-filter: blur(10px);\n}\n\n.platform-tab svg {\n width: 20px;\n height: 20px;\n}\n\n.platform-tab:hover {\n border-color: var(--grf-primary);\n color: var(--text-primary);\n background: rgba(0,0,0,0.8);\n transform: translateY(-2px);\n}\n\n.platform-tab.active {\n background: rgba(0,212,170,0.15);\n border-color: var(--grf-primary);\n color: var(--text-primary);\n box-shadow: 0 0 20px rgba(0,212,170,0.2);\n}\n\n\/* Platform Panels *\/\n.platform-panel {\n display: none;\n animation: fadeInPanel 0.4s ease-in-out;\n}\n\n.platform-panel.active {\n display: block;\n}\n\n@keyframes fadeInPanel {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Platform Panel Header *\/\n.platform-panel-header {\n text-align: center;\n margin-bottom: var(--space-3xl);\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.platform-icon-large {\n width: 72px;\n height: 72px;\n margin: 0 auto var(--space-md);\n background: var(--gradient-brand);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 30px rgba(0,212,170,0.3);\n animation: pulseGlow 3s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n 0%, 100% {\n box-shadow: 0 0 30px rgba(0,212,170,0.3);\n }\n 50% {\n box-shadow: 0 0 40px rgba(0,212,170,0.5);\n }\n}\n\n.platform-icon-large svg {\n width: 40px;\n height: 40px;\n}\n\n.platform-panel-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: var(--space-sm);\n color: var(--text-primary);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n}\n\n.platform-title-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n color: rgba(255,255,255,0.6);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.platform-title-link:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(255,255,255,0.3);\n color: #fff;\n transform: translateY(-2px);\n}\n\n.platform-title-link svg {\n width: 18px;\n height: 18px;\n}\n\n.platform-panel-description {\n font-size: 16px;\n color: var(--text-secondary);\n line-height: 1.7;\n}\n\n\/* Platform Feature Cards Grid *\/\n.platform-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));\n gap: var(--space-lg);\n}\n\n\/* Platform Feature Card *\/\n.platform-feature-card {\n padding: 28px;\n background: rgba(0,0,0,0.85);\n backdrop-filter: blur(20px);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.platform-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--gradient-brand);\n opacity: 0;\n transition: opacity var(--transition-fast);\n}\n\n.platform-feature-card:hover {\n border-color: var(--grf-primary);\n box-shadow: var(--shadow-glow);\n transform: translateY(-4px);\n background: rgba(0,0,0,0.95);\n}\n\n.platform-feature-card:hover::before {\n opacity: 1;\n}\n\n\/* Feature Card Header *\/\n.feature-card-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n}\n\n.feature-card-icon {\n width: 40px;\n height: 40px;\n background: rgba(0,212,170,0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.feature-card-icon svg {\n width: 20px;\n height: 20px;\n stroke: var(--grf-primary);\n fill: none;\n}\n\n.feature-card-title {\n font-size: 17px;\n font-weight: 600;\n color: var(--text-primary);\n}\n\n\/* Feature Card Content *\/\n.feature-card-description {\n font-size: 14px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: 16px;\n}\n\n.feature-card-highlight {\n font-size: 13px;\n color: var(--text-primary);\n margin-bottom: 12px;\n}\n\n.feature-card-highlight strong {\n color: var(--grf-primary);\n}\n\n\/* Feature Tags *\/\n.feature-card-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-bottom: 16px;\n}\n\n.feature-tag {\n padding: 4px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--border-subtle);\n border-radius: var(--radius-sm);\n font-size: 11px;\n font-family: var(--font-mono);\n color: var(--text-tertiary);\n transition: all var(--transition-fast);\n}\n\n.feature-tag:hover {\n background: rgba(0,212,170,0.1);\n border-color: var(--grf-primary);\n color: var(--grf-primary);\n}\n\n\/* Feature Card Footer *\/\n.feature-card-footer {\n padding-top: 16px;\n border-top: 1px solid var(--border-subtle);\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n}\n\n.feature-card-stat {\n font-size: 12px;\n color: var(--text-tertiary);\n font-family: var(--font-mono);\n}\n\n.feature-card-link {\n font-size: 12px;\n color: var(--grf-primary);\n text-decoration: none;\n font-weight: 600;\n transition: all var(--transition-fast);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.feature-card-link:hover {\n color: var(--grf-secondary);\n transform: translateX(4px);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n .platforms-section {\n padding: var(--space-2xl) 0;\n }\n \n .platform-tabs {\n gap: 8px;\n margin: var(--space-xl) 0;\n }\n \n .platform-tab {\n padding: 10px 16px;\n font-size: 13px;\n }\n \n .platform-tab svg {\n width: 16px;\n height: 16px;\n }\n \n .platform-panel-title {\n font-size: 24px;\n }\n \n .platform-features-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n}\n\n\/* Platforms Grid *\/\n.platforms-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n\/* Platform Card *\/\n.platform-card {\n background: rgba(0,0,0,0.85);\n backdrop-filter: blur(20px);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-xl);\n padding: var(--space-xl);\n position: relative;\n overflow: hidden;\n transition: all var(--transition-base);\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.platform-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--gradient-brand);\n opacity: 0;\n transition: opacity var(--transition-base);\n}\n\n.platform-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-6px);\n box-shadow: var(--shadow-xl), var(--glow-primary);\n background: rgba(0,0,0,0.95);\n}\n\n.platform-card:hover::before {\n opacity: 1;\n}\n\n\/* Platform Icon *\/\n.platform-icon {\n width: 72px;\n height: 72px;\n background: var(--gradient-brand);\n border-radius: var(--radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--glow-primary);\n margin-bottom: var(--space-sm);\n}\n\n.platform-icon svg,\n.platform-icon i {\n width: 36px;\n height: 36px;\n color: #000;\n stroke-width: 2.5px;\n}\n\n\/* Platform Title *\/\n.platform-title {\n font-size: 28px;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: var(--space-sm);\n}\n\n\/* Platform Description *\/\n.platform-description {\n font-size: 16px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: var(--space-md);\n}\n\n\/* Platform Features *\/\n.platform-features {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n margin-bottom: var(--space-md);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border-radius: var(--radius-md);\n}\n\n.feature-item {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n font-size: 14px;\n color: var(--text-secondary);\n}\n\n.feature-item i,\n.feature-item svg {\n width: 18px;\n height: 18px;\n color: var(--grf-primary);\n flex-shrink: 0;\n}\n\n\/* Platform Stats *\/\n.platform-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-md);\n padding-top: var(--space-md);\n border-top: 1px solid var(--border-subtle);\n margin-top: auto;\n}\n\n.stat {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.stat-number {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n background: var(--gradient-brand);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.stat-label {\n font-size: 12px;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-tertiary);\n}\n\n\/* Responsive - Platforms Section *\/\n@media (max-width: 768px) {\n .platforms-section {\n padding: var(--space-2xl) 0;\n }\n \n .platforms-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n \n .platform-card {\n padding: var(--space-lg);\n }\n \n .platform-icon {\n width: 64px;\n height: 64px;\n }\n \n .platform-icon svg,\n .platform-icon i {\n width: 32px;\n height: 32px;\n }\n \n .platform-title {\n font-size: 24px;\n }\n \n .platform-description {\n font-size: 14px;\n }\n \n .platform-stats {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ========================================================================\n TECHNOLOGY SECTION\n ======================================================================== *\/\n\n.technology-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n overflow: hidden;\n}\n\n.tech-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n.tech-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n padding: var(--space-lg);\n transition: all var(--transition-base);\n}\n\n.tech-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-4px);\n box-shadow: var(--shadow-lg);\n}\n\n.tech-icon {\n width: 64px;\n height: 64px;\n background: rgba(0,212,170,0.1);\n border-radius: var(--radius-md);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-md);\n}\n\n.tech-icon i {\n width: 32px;\n height: 32px;\n color: var(--grf-primary);\n}\n\n.tech-title {\n font-size: 22px;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: var(--space-sm);\n}\n\n.tech-description {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: var(--space-md);\n}\n\n.tech-stack-list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--space-xs);\n}\n\n.tech-badge {\n padding: 6px 12px;\n background: rgba(0,212,170,0.1);\n border: 1px solid rgba(0,212,170,0.2);\n border-radius: var(--radius-sm);\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 600;\n color: var(--grf-primary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n\/* ========================================================================\n GOVERNANCE SECTION\n ======================================================================== *\/\n\n.governance-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n overflow: hidden;\n}\n\n.governance-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n.governance-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-xl);\n padding: var(--space-xl);\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n transition: all var(--transition-base);\n position: relative;\n}\n\n.governance-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-6px);\n box-shadow: var(--shadow-xl), var(--glow-primary);\n}\n\n.governance-level {\n position: absolute;\n top: var(--space-md);\n right: var(--space-md);\n padding: 4px 12px;\n background: rgba(0,212,170,0.1);\n border: 1px solid rgba(0,212,170,0.2);\n border-radius: var(--radius-full);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--grf-primary);\n}\n\n.governance-icon {\n width: 64px;\n height: 64px;\n background: var(--gradient-brand);\n border-radius: var(--radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--glow-primary);\n}\n\n.governance-icon i {\n width: 32px;\n height: 32px;\n color: #000;\n}\n\n.governance-title {\n font-size: 24px;\n font-weight: 700;\n color: var(--text-primary);\n}\n\n.governance-description {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.governance-features {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n}\n\n.gov-feature {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n font-size: 14px;\n color: var(--text-secondary);\n}\n\n.gov-feature i {\n width: 16px;\n height: 16px;\n color: var(--grf-primary);\n}\n\n.governance-stat {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding-top: var(--space-md);\n border-top: 1px solid var(--border-subtle);\n margin-top: auto;\n}\n\n\/* ========================================================================\n IMPACT SECTION\n ======================================================================== *\/\n\n.impact-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n}\n\n.impact-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n.impact-stat-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-xl);\n padding: var(--space-xl);\n text-align: center;\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n}\n\n.impact-stat-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--gradient-brand);\n opacity: 0;\n transition: opacity var(--transition-base);\n}\n\n.impact-stat-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-6px);\n box-shadow: var(--shadow-xl), var(--glow-primary);\n}\n\n.impact-stat-card:hover::before {\n opacity: 1;\n}\n\n.impact-icon {\n width: 64px;\n height: 64px;\n background: rgba(0,212,170,0.1);\n border-radius: var(--radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto var(--space-md);\n}\n\n.impact-icon i {\n width: 32px;\n height: 32px;\n color: var(--grf-primary);\n}\n\n.impact-number {\n font-size: clamp(40px, 6vw, 56px);\n font-weight: 700;\n font-family: var(--font-mono);\n background: var(--gradient-brand);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: var(--space-sm);\n}\n\n.impact-label {\n font-size: 18px;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: var(--space-sm);\n}\n\n.impact-description {\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-tertiary);\n}\n\n\/* ========================================================================\n CTA SECTION\n ======================================================================== *\/\n\n.cta-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n overflow: hidden;\n}\n\n.cta-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n}\n\n.cta-title {\n font-size: clamp(36px, 6vw, 64px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.03em;\n margin-bottom: var(--space-lg);\n color: var(--text-primary);\n}\n\n.cta-description {\n font-size: clamp(18px, 2.5vw, 22px);\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: var(--space-xl);\n}\n\n.cta-buttons {\n display: flex;\n gap: var(--space-sm);\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: var(--space-xl);\n}\n\n.cta-features {\n display: flex;\n gap: var(--space-lg);\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.cta-feature {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n font-size: 15px;\n font-weight: 500;\n color: var(--text-secondary);\n}\n\n.cta-feature i {\n width: 20px;\n height: 20px;\n color: var(--grf-primary);\n}\n\n\n\/* ============================================================================\n ANALYTICS DASHBOARD - NEXT-GEN TERMINAL AESTHETIC\n ============================================================================ *\/\n\n\/* ============================================================================\n ENTERPRISE ANALYTICAL CHALLENGES - REDESIGNED\n ============================================================================ *\/\n\n\/* Grid Layout *\/\n.challenges-grid-analytical {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 24px;\n margin-top: 48px;\n}\n\n\/* Card Base *\/\n.challenge-card-analytical {\n background: linear-gradient(135deg, rgba(0,0,0,0.95) 0%, rgba(20,20,30,0.92) 100%);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(20px);\n}\n\n.challenge-card-analytical::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--theme-color), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.challenge-card-analytical:hover {\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1);\n}\n\n.challenge-card-analytical:hover::before {\n opacity: 1;\n}\n\n\/* Theme Colors *\/\n.climate-theme { --theme-color: #00d4ff; }\n.pandemic-theme { --theme-color: #ff006e; }\n.ai-theme { --theme-color: #7b2ff7; }\n.nuclear-theme { --theme-color: #ff4500; }\n.economic-theme { --theme-color: #ffd700; }\n.conflict-theme { --theme-color: #dc143c; }\n.food-theme { --theme-color: #32cd32; }\n.cyber-theme { --theme-color: #00ffff; }\n.space-theme { --theme-color: #9370db; }\n.amr-theme { --theme-color: #ff69b4; }\n.biodiversity-theme { --theme-color: #00ff7f; }\n.disinfo-theme { --theme-color: #ffa500; }\n.unemployment-theme { --theme-color: #4682b4; }\n.mental-health-theme { --theme-color: #ff1493; }\n.supply-chain-theme { --theme-color: #20b2aa; }\n.ocean-theme { --theme-color: #1e90ff; }\n.energy-theme { --theme-color: #ffff00; }\n.migration-theme { --theme-color: #ff6347; }\n.soil-theme { --theme-color: #8b4513; }\n.governance-theme { --theme-color: #9932cc; }\n\n\/* Header Section *\/\n.card-header-analytical {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 24px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.header-left {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n flex: 1;\n}\n\n.risk-icon-wrapper {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n transition: all 0.3s ease;\n}\n\n.risk-icon-wrapper::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 12px;\n background: var(--theme-color);\n opacity: 0.12;\n transition: opacity 0.3s ease;\n}\n\n.challenge-card-analytical:hover .risk-icon-wrapper::before {\n opacity: 0.20;\n}\n\n.risk-icon-wrapper svg {\n position: relative;\n z-index: 1;\n color: var(--theme-color);\n filter: drop-shadow(0 0 8px var(--theme-color));\n}\n\n.header-content {\n flex: 1;\n min-width: 0;\n}\n\n.risk-title {\n font-size: 20px;\n font-weight: 600;\n color: #ffffff;\n margin: 0 0 6px 0;\n letter-spacing: -0.02em;\n line-height: 1.3;\n}\n\n.risk-meta {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n font-weight: 400;\n font-family: 'IBM Plex Mono', monospace;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n\/* Severity Indicator *\/\n.severity-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n font-family: 'IBM Plex Mono', monospace;\n white-space: nowrap;\n}\n\n.severity-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n animation: severityPulse 2s ease-in-out infinite;\n}\n\n.severity-indicator.extreme {\n background: rgba(220, 20, 60, 0.15);\n color: #ff4757;\n border: 1px solid rgba(220, 20, 60, 0.3);\n}\n\n.severity-indicator.extreme .severity-dot {\n background: #ff4757;\n box-shadow: 0 0 8px #ff4757;\n}\n\n.severity-indicator.critical {\n background: rgba(255, 140, 0, 0.15);\n color: #ffa502;\n border: 1px solid rgba(255, 140, 0, 0.3);\n}\n\n.severity-indicator.critical .severity-dot {\n background: #ffa502;\n box-shadow: 0 0 8px #ffa502;\n}\n\n.severity-indicator.high {\n background: rgba(255, 215, 0, 0.15);\n color: #ffd700;\n border: 1px solid rgba(255, 215, 0, 0.3);\n}\n\n.severity-indicator.high .severity-dot {\n background: #ffd700;\n box-shadow: 0 0 8px #ffd700;\n}\n\n@keyframes severityPulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(0.9); }\n}\n\n\/* Snapshot Grid *\/\n.snapshot-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-bottom: 24px;\n}\n\n\/* Primary Metric (Large, Featured) *\/\n.snapshot-metric.primary {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: 20px;\n transition: all 0.3s ease;\n}\n\n.snapshot-metric.primary:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.1);\n}\n\n.metric-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n}\n\n.metric-label {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.metric-trend {\n font-size: 12px;\n font-family: 'IBM Plex Mono', monospace;\n font-weight: 600;\n padding: 3px 8px;\n border-radius: 4px;\n}\n\n.metric-trend.negative {\n color: #ff4757;\n background: rgba(255, 71, 87, 0.1);\n}\n\n.metric-trend.positive {\n color: #2ecc71;\n background: rgba(46, 204, 113, 0.1);\n}\n\n.metric-trend.neutral {\n color: #95a5a6;\n background: rgba(149, 165, 166, 0.1);\n}\n\n.snapshot-metric.primary .metric-value {\n font-size: 42px;\n font-weight: 700;\n color: #ffffff;\n line-height: 1;\n margin: 8px 0;\n font-family: 'IBM Plex Mono', monospace;\n background: linear-gradient(135deg, #ffffff, var(--theme-color));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.metric-context {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 16px;\n}\n\n.metric-progress {\n margin-top: 12px;\n}\n\n.progress-track {\n height: 6px;\n background: rgba(255,255,255,0.08);\n border-radius: 3px;\n overflow: hidden;\n margin-bottom: 8px;\n}\n\n.progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--theme-color), rgba(255,255,255,0.8));\n border-radius: 3px;\n transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 0 12px var(--theme-color);\n}\n\n.progress-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n font-family: 'IBM Plex Mono', monospace;\n}\n\n\/* Secondary Metrics (Compact, Side-by-side) *\/\n.snapshot-metric.secondary {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.05);\n border-radius: 10px;\n padding: 16px;\n transition: all 0.3s ease;\n}\n\n.snapshot-metric.secondary:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.08);\n}\n\n.snapshot-metric.secondary .metric-label {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 8px;\n display: block;\n}\n\n.metric-value-compact {\n font-size: 28px;\n font-weight: 700;\n color: var(--theme-color);\n line-height: 1;\n font-family: 'IBM Plex Mono', monospace;\n margin-bottom: 4px;\n}\n\n.metric-delta {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n font-family: 'IBM Plex Mono', monospace;\n}\n\n\/* Impact Summary *\/\n.impact-summary {\n background: rgba(255,255,255,0.02);\n border-left: 3px solid var(--theme-color);\n padding: 16px 18px;\n border-radius: 8px;\n margin-bottom: 24px;\n}\n\n.summary-label {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 600;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.summary-text {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.75);\n margin: 0;\n}\n\n\/* Card Footer *\/\n.card-footer-analytical {\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.footer-metadata {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.metadata-item {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n font-family: 'IBM Plex Mono', monospace;\n}\n\n.metadata-item svg {\n width: 14px;\n height: 14px;\n opacity: 0.5;\n}\n\n.tech-indicators {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.tech-badge {\n font-size: 11px;\n padding: 5px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 6px;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n transition: all 0.2s ease;\n white-space: nowrap;\n}\n\n.tech-badge:hover {\n background: rgba(255,255,255,0.08);\n border-color: var(--theme-color);\n color: var(--theme-color);\n}\n\n\/* Secondary Metrics Grid (2-column on larger cards) *\/\n@media (min-width: 768px) {\n .snapshot-grid {\n grid-template-areas:\n \"primary primary\"\n \"sec1 sec2\";\n grid-template-columns: 1fr 1fr;\n }\n \n .snapshot-metric.primary {\n grid-area: primary;\n }\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 1024px) {\n .challenges-grid-analytical {\n grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n gap: 20px;\n }\n \n .challenge-card-analytical {\n padding: 24px;\n }\n \n .risk-icon-wrapper {\n width: 48px;\n height: 48px;\n }\n \n .risk-title {\n font-size: 18px;\n }\n \n .snapshot-metric.primary .metric-value {\n font-size: 36px;\n }\n}\n\n@media (max-width: 768px) {\n .challenges-grid-analytical {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .challenge-card-analytical {\n padding: 20px;\n }\n \n .card-header-analytical {\n flex-direction: column;\n gap: 16px;\n }\n \n .severity-indicator {\n align-self: flex-start;\n }\n \n .snapshot-grid {\n grid-template-areas:\n \"primary\"\n \"sec1\"\n \"sec2\";\n grid-template-columns: 1fr;\n }\n \n .footer-metadata {\n flex-direction: column;\n gap: 12px;\n }\n}\n\n\/* Animation *\/\n.challenge-card-analytical {\n opacity: 0;\n animation: fadeInUp 0.6s ease forwards;\n}\n\n.challenge-card-analytical:nth-child(1) { animation-delay: 0.1s; }\n.challenge-card-analytical:nth-child(2) { animation-delay: 0.2s; }\n.challenge-card-analytical:nth-child(3) { animation-delay: 0.3s; }\n.challenge-card-analytical:nth-child(4) { animation-delay: 0.4s; }\n.challenge-card-analytical:nth-child(5) { animation-delay: 0.5s; }\n.challenge-card-analytical:nth-child(6) { animation-delay: 0.6s; }\n.challenge-card-analytical:nth-child(7) { animation-delay: 0.7s; }\n.challenge-card-analytical:nth-child(8) { animation-delay: 0.8s; }\n.challenge-card-analytical:nth-child(9) { animation-delay: 0.9s; }\n.challenge-card-analytical:nth-child(10) { animation-delay: 1.0s; }\n.challenge-card-analytical:nth-child(n+11) { animation-delay: 1.1s; }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.challenges-grid-expert {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));\n gap: var(--space-xl);\n margin-top: var(--space-3xl);\n}\n\n\/* Expert Challenge Card *\/\n.challenge-card-expert {\n background: rgba(0, 0, 0, 0.92);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: var(--space-xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.challenge-card-expert::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--card-gradient-from), var(--card-gradient-to), transparent);\n opacity: 0.6;\n transition: opacity 0.4s;\n}\n\n.challenge-card-expert:hover {\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-6px);\n box-shadow: 0 20px 60px var(--card-shadow);\n}\n\n.challenge-card-expert:hover::before {\n opacity: 1;\n animation: shimmer-edge 3s infinite;\n}\n\n@keyframes shimmer-edge {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n\/* Color Themes for Different Challenge Categories *\/\n.climate-card { --card-gradient-from: #22c55e; --card-gradient-to: #10b981; --card-shadow: rgba(34, 197, 94, 0.15); }\n.health-card { --card-gradient-from: #ef4444; --card-gradient-to: #dc2626; --card-shadow: rgba(239, 68, 68, 0.15); }\n.ai-card { --card-gradient-from: #a855f7; --card-gradient-to: #9333ea; --card-shadow: rgba(168, 85, 247, 0.15); }\n.nuclear-card { --card-gradient-from: #fb923c; --card-gradient-to: #f97316; --card-shadow: rgba(251, 146, 60, 0.15); }\n.economic-card { --card-gradient-from: #3b82f6; --card-gradient-to: #2563eb; --card-shadow: rgba(59, 130, 246, 0.15); }\n.conflict-card { --card-gradient-from: #ec4899; --card-gradient-to: #db2777; --card-shadow: rgba(236, 72, 153, 0.15); }\n.food-card { --card-gradient-from: #facc15; --card-gradient-to: #eab308; --card-shadow: rgba(250, 204, 21, 0.15); }\n.water-card { --card-gradient-from: #06b6d4; --card-gradient-to: #0891b2; --card-shadow: rgba(6, 182, 212, 0.15); }\n.cyber-card { --card-gradient-from: #0ea5e9; --card-gradient-to: #0284c7; --card-shadow: rgba(14, 165, 233, 0.15); }\n.space-card { --card-gradient-from: #8b5cf6; --card-gradient-to: #7c3aed; --card-shadow: rgba(139, 92, 246, 0.15); }\n.biodiversity-card { --card-gradient-from: #84cc16; --card-gradient-to: #65a30d; --card-shadow: rgba(132, 204, 22, 0.15); }\n.ocean-card { --card-gradient-from: #0ea5e9; --card-gradient-to: #0369a1; --card-shadow: rgba(14, 165, 233, 0.15); }\n.amr-card { --card-gradient-from: #f43f5e; --card-gradient-to: #e11d48; --card-shadow: rgba(244, 63, 94, 0.15); }\n.disinfo-card { --card-gradient-from: #f59e0b; --card-gradient-to: #d97706; --card-shadow: rgba(245, 158, 11, 0.15); }\n.supply-card { --card-gradient-from: #14b8a6; --card-gradient-to: #0d9488; --card-shadow: rgba(20, 184, 166, 0.15); }\n.energy-card { --card-gradient-from: #fbbf24; --card-gradient-to: #f59e0b; --card-shadow: rgba(251, 191, 36, 0.15); }\n.migration-card { --card-gradient-from: #8b5cf6; --card-gradient-to: #6366f1; --card-shadow: rgba(139, 92, 246, 0.15); }\n.mental-card { --card-gradient-from: #ec4899; --card-gradient-to: #be185d; --card-shadow: rgba(236, 72, 153, 0.15); }\n.quantum-card { --card-gradient-from: #6366f1; --card-gradient-to: #4f46e5; --card-shadow: rgba(99, 102, 241, 0.15); }\n.geoeng-card { --card-gradient-from: #10b981; --card-gradient-to: #059669; --card-shadow: rgba(16, 185, 129, 0.15); }\n\n\/* Challenge Header *\/\n.challenge-header-expert {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n margin-bottom: var(--space-md);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.challenge-icon-expert {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--card-gradient-from), var(--card-gradient-to));\n border: 2px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 8px 24px var(--card-shadow);\n}\n\n.challenge-card-expert:hover .challenge-icon-expert {\n transform: scale(1.08) rotate(5deg);\n box-shadow: 0 12px 36px var(--card-shadow);\n}\n\n.challenge-icon-expert svg {\n color: #000;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n}\n\n.challenge-title-group {\n flex: 1;\n}\n\n.challenge-title-expert {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n line-height: 1.2;\n background: linear-gradient(135deg, var(--card-gradient-from), var(--card-gradient-to));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.challenge-category {\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: rgba(255,255,255,0.5);\n display: inline-block;\n padding: 2px 8px;\n background: rgba(255,255,255,0.03);\n border-radius: 4px;\n}\n\n\/* Problem Statement *\/\n.challenge-problem-expert {\n font-size: 13px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: var(--space-lg);\n text-align: justify;\n}\n\n\/* Mini Stats Grid *\/\n.mini-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: var(--space-md);\n}\n\n.mini-stat-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px;\n padding: 12px;\n transition: all 0.3s;\n}\n\n.mini-stat-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-2px);\n}\n\n.mini-stat-label {\n font-size: 10px;\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 6px;\n}\n\n.mini-stat-value {\n font-size: 18px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 8px;\n line-height: 1;\n}\n\n\/* Gradient Bars *\/\n.gradient-bar {\n width: 100%;\n height: 6px;\n background: rgba(255,255,255,0.06);\n border-radius: 3px;\n overflow: hidden;\n margin-bottom: 6px;\n position: relative;\n}\n\n.gradient-fill {\n height: 100%;\n border-radius: 3px;\n position: relative;\n transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gradient-fill::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n animation: shimmer 2s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n\/* Color-specific gradient fills *\/\n.climate-fill { background: linear-gradient(90deg, #22c55e, #10b981); }\n.health-fill { background: linear-gradient(90deg, #ef4444, #dc2626); }\n.ai-fill { background: linear-gradient(90deg, #a855f7, #9333ea); }\n.nuclear-fill { background: linear-gradient(90deg, #fb923c, #f97316); }\n.economic-fill { background: linear-gradient(90deg, #3b82f6, #2563eb); }\n.conflict-fill { background: linear-gradient(90deg, #ec4899, #db2777); }\n.food-fill { background: linear-gradient(90deg, #facc15, #eab308); }\n.water-fill { background: linear-gradient(90deg, #06b6d4, #0891b2); }\n.cyber-fill { background: linear-gradient(90deg, #0ea5e9, #0284c7); }\n.space-fill { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n.biodiversity-fill { background: linear-gradient(90deg, #84cc16, #65a30d); }\n.ocean-fill { background: linear-gradient(90deg, #0ea5e9, #0369a1); }\n.amr-fill { background: linear-gradient(90deg, #f43f5e, #e11d48); }\n.disinfo-fill { background: linear-gradient(90deg, #f59e0b, #d97706); }\n.supply-fill { background: linear-gradient(90deg, #14b8a6, #0d9488); }\n.energy-fill { background: linear-gradient(90deg, #fbbf24, #f59e0b); }\n.migration-fill { background: linear-gradient(90deg, #8b5cf6, #6366f1); }\n.mental-fill { background: linear-gradient(90deg, #ec4899, #be185d); }\n.quantum-fill { background: linear-gradient(90deg, #6366f1, #4f46e5); }\n.geoeng-fill { background: linear-gradient(90deg, #10b981, #059669); }\n\n.mini-stat-note {\n font-size: 9px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n}\n\n\/* Challenge Footer *\/\n.challenge-footer-expert {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-top: var(--space-md);\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.urgency-badge {\n padding: 4px 10px;\n border-radius: 100px;\n font-size: 10px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border: 1px solid;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.urgency-badge::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n animation: pulse-urgency 2s infinite;\n}\n\n@keyframes pulse-urgency {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.2); }\n}\n\n.urgency-badge.critical {\n background: rgba(239, 68, 68, 0.1);\n color: #ef4444;\n border-color: rgba(239, 68, 68, 0.4);\n}\n\n.urgency-badge.critical::before {\n background: #ef4444;\n}\n\n.urgency-badge.high {\n background: rgba(251, 146, 60, 0.1);\n color: #fb923c;\n border-color: rgba(251, 146, 60, 0.4);\n}\n\n.urgency-badge.high::before {\n background: #fb923c;\n}\n\n.urgency-badge.medium {\n background: rgba(250, 204, 21, 0.1);\n color: #facc15;\n border-color: rgba(250, 204, 21, 0.4);\n}\n\n.urgency-badge.medium::before {\n background: #facc15;\n}\n\n.source-badge {\n font-size: 9px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n font-style: italic;\n}\n\n\/* Responsive *\/\n@media (max-width: 1400px) {\n .challenges-grid-expert {\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n }\n}\n\n@media (max-width: 1024px) {\n .challenges-grid-expert {\n grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n }\n \n .mini-stats-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px) {\n .challenges-grid-expert {\n grid-template-columns: 1fr;\n }\n \n .challenge-card-expert {\n padding: var(--space-lg);\n }\n \n .challenge-title-expert {\n font-size: 18px;\n }\n \n .mini-stat-value {\n font-size: 16px;\n }\n}\n\n\/* Loading Animation for Cards *\/\n.challenge-card-expert {\n animation: fadeInUp 0.6s ease-out;\n animation-fill-mode: both;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Stagger animation for cards *\/\n.challenge-card-expert:nth-child(1) { animation-delay: 0.05s; }\n.challenge-card-expert:nth-child(2) { animation-delay: 0.1s; }\n.challenge-card-expert:nth-child(3) { animation-delay: 0.15s; }\n.challenge-card-expert:nth-child(4) { animation-delay: 0.2s; }\n.challenge-card-expert:nth-child(5) { animation-delay: 0.25s; }\n.challenge-card-expert:nth-child(6) { animation-delay: 0.3s; }\n.challenge-card-expert:nth-child(7) { animation-delay: 0.35s; }\n.challenge-card-expert:nth-child(8) { animation-delay: 0.4s; }\n.challenge-card-expert:nth-child(9) { animation-delay: 0.45s; }\n.challenge-card-expert:nth-child(10) { animation-delay: 0.5s; }\n.challenge-card-expert:nth-child(11) { animation-delay: 0.55s; }\n.challenge-card-expert:nth-child(12) { animation-delay: 0.6s; }\n.challenge-card-expert:nth-child(13) { animation-delay: 0.65s; }\n.challenge-card-expert:nth-child(14) { animation-delay: 0.7s; }\n.challenge-card-expert:nth-child(15) { animation-delay: 0.75s; }\n.challenge-card-expert:nth-child(16) { animation-delay: 0.8s; }\n.challenge-card-expert:nth-child(17) { animation-delay: 0.85s; }\n.challenge-card-expert:nth-child(18) { animation-delay: 0.9s; }\n.challenge-card-expert:nth-child(19) { animation-delay: 0.95s; }\n.challenge-card-expert:nth-child(20) { animation-delay: 1s; }\n\n\/* Print styles *\/\n@media print {\n .challenge-card-expert {\n page-break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n \n .gradient-fill::after {\n display: none;\n }\n}\n\n\/* Responsive - All New Sections *\/\n@media (max-width: 768px) {\n .technology-section,\n .governance-section,\n .impact-section,\n .cta-section {\n padding: var(--space-2xl) 0;\n }\n \n .tech-grid,\n .governance-grid,\n .impact-stats-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n \n .cta-buttons {\n flex-direction: column;\n }\n \n .cta-buttons .btn {\n width: 100%;\n justify-content: center;\n }\n}\n\n\/* ========================================================================\n ACCESSIBILITY\n ======================================================================== *\/\n\n\/* Focus Visible *\/\n*:focus-visible {\n outline: 2px solid var(--grf-primary);\n outline-offset: 4px;\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n\/* Print Styles *\/\n@media print {\n .hero-cta,\n .animated-grid {\n display: none;\n }\n \n .hero-section {\n padding: 20px 0;\n }\n}\n\n\/* ========================================================================\n HIGH CONTRAST MODE\n ======================================================================== *\/\n\n@media (prefers-contrast: high) {\n :root {\n --text-primary: #FFFFFF;\n --text-secondary: #FFFFFF;\n --border-default: rgba(255,255,255,0.3);\n }\n}\n\n\/* ========================================================================\n OPEN SOURCE SECTION - MONOCHROMATIC FIX\n ======================================================================== *\/\n\n.tech-stack-visualization .subsection-title-center {\n text-align: center;\n font-size: 26px;\n font-weight: 700;\n letter-spacing: -0.4px;\n color: #fff;\n margin: 0 auto var(--space-lg) auto;\n max-width: 700px;\n}\n\n.timeline-grid-analytical {\n margin-top: 48px;\n}\n\n.objectives-grid-analytical {\n margin-top: 24px;\n}\n\n.timeline-theme-signal { --theme-color: #06b6d4; }\n.timeline-theme-frontier { --theme-color: #8b5cf6; }\n.timeline-theme-society { --theme-color: #22c55e; }\n.timeline-theme-sovereign { --theme-color: #0ea5e9; }\n.timeline-theme-finance { --theme-color: #f97316; }\n.timeline-theme-postsdg { --theme-color: #ec4899; }\n\n.objective-theme-warning { --theme-color: #14b8a6; }\n.objective-theme-autonomy { --theme-color: #7c3aed; }\n.objective-theme-commons { --theme-color: #facc15; }\n.objective-theme-accountability { --theme-color: #f43f5e; }\n\n.track-theme-policy { --theme-color: #3b82f6; }\n.track-theme-diplomacy { --theme-color: #a855f7; }\n.track-theme-implementation { --theme-color: #10b981; }\n.track-theme-narrative { --theme-color: #f97316; }\n\n\/* Stack Layers - Fixed Monochromatic Design *\/\n.stack-layers-fixed {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin: var(--space-3xl) auto;\n max-width: 1000px;\n}\n\n.stack-layer-mono {\n position: relative;\n display: flex;\n gap: 24px;\n align-items: flex-start;\n}\n\n.layer-number-badge {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.9);\n transition: all 0.3s;\n}\n\n.stack-layer-mono:hover .layer-number-badge {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.05);\n}\n\n.layer-card-mono {\n flex: 1;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.stack-layer-mono:hover .layer-card-mono {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(8px);\n}\n\n.layer-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 16px;\n}\n\n.layer-icon-mono {\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.stack-layer-mono:hover .layer-icon-mono {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: rotate(5deg);\n}\n\n.layer-title-mono {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 4px 0;\n letter-spacing: -0.3px;\n}\n\n.layer-subtitle {\n font-size: 11px;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n}\n\n.layer-desc-mono {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: 18px;\n}\n\n.tech-tags-mono {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.tech-tag {\n font-size: 12px;\n font-family: var(--font-mono);\n font-weight: 500;\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n padding: 6px 12px;\n border-radius: 6px;\n transition: all 0.3s;\n}\n\n.tech-tag:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n\/* Why Open Source - Fixed Monochromatic Design *\/\n.why-open-grid-fixed {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px;\n margin: var(--space-3xl) 0;\n}\n\n.why-card-mono {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 32px;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.why-card-mono:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-6px);\n}\n\n.why-icon-wrapper {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.why-card-mono:hover .why-icon-wrapper {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: scale(1.1) rotate(-5deg);\n}\n\n.why-number-mono {\n position: absolute;\n top: 24px;\n right: 24px;\n font-size: 32px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.06);\n line-height: 1;\n}\n\n.why-title-mono {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 12px 0;\n letter-spacing: -0.3px;\n}\n\n.why-desc-mono {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: 16px;\n}\n\n.why-benefit {\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n padding-top: 16px;\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n\/* ========================================================================\n COMPREHENSIVE GOVERNANCE SECTION - BANK GRADE\n ======================================================================== *\/\n\n.governance-comprehensive {\n background: var(--bg-primary);\n padding: var(--space-3xl) 0;\n position: relative;\n}\n\n\/* Governance Scales - Comprehensive Cards *\/\n.governance-scales-comprehensive {\n display: grid;\n grid-template-columns: 1fr;\n gap: 32px;\n margin: var(--space-3xl) 0;\n}\n\n.gov-scale-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 40px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.gov-scale-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n}\n\n.gov-scale-card:hover {\n background: rgba(255,255,255,0.03);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.gov-scale-card:hover::before {\n opacity: 1;\n}\n\n\/* Scale Badge *\/\n.scale-badge-wrap {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n}\n\n.scale-number {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.04);\n border: 2px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 24px;\n font-weight: 800;\n color: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n}\n\n.gov-scale-card:hover .scale-number {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.08);\n}\n\n.scale-level {\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Scale Content *\/\n.scale-content {\n display: grid;\n gap: 24px;\n}\n\n.scale-icon-large {\n width: 80px;\n height: 80px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.gov-scale-card:hover .scale-icon-large {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: rotate(5deg) scale(1.05);\n}\n\n.scale-header {\n margin-top: 8px;\n}\n\n.scale-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 8px 0;\n letter-spacing: -0.5px;\n}\n\n.scale-subtitle {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n}\n\n.scale-description {\n font-size: 15px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n}\n\n\/* Scale Features Grid *\/\n.scale-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n}\n\n.scale-feature-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n padding: 10px 14px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px;\n transition: all 0.3s;\n}\n\n.scale-feature-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n color: #fff;\n}\n\n.scale-feature-item svg {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Scale Metrics Bar *\/\n.scale-metrics-bar {\n display: flex;\n align-items: center;\n gap: 16px;\n padding-top: 24px;\n border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.metric-item {\n flex: 1;\n text-align: center;\n}\n\n.metric-value {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 6px;\n}\n\n.metric-label {\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: rgba(255,255,255,0.5);\n}\n\n.metric-divider {\n width: 1px;\n height: 40px;\n background: rgba(255,255,255,0.08);\n}\n\n\/* Decision Authority Section *\/\n.decision-authority-section {\n margin-top: var(--space-3xl);\n padding-top: var(--space-3xl);\n border-top: 2px solid rgba(255,255,255,0.08);\n}\n\n.authority-header {\n text-align: center;\n margin-bottom: var(--space-3xl);\n}\n\n.authority-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 16px 0;\n letter-spacing: -0.5px;\n}\n\n.authority-subtitle {\n font-size: 16px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* Authority Matrix *\/\n.authority-matrix {\n display: grid;\n gap: 20px;\n margin-bottom: var(--space-3xl);\n}\n\n.authority-row {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 24px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.3s;\n}\n\n.authority-row:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.authority-scope {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.scope-badge {\n display: inline-block;\n font-size: 10px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 12px;\n border-radius: 6px;\n align-self: flex-start;\n}\n\n.global-badge {\n background: rgba(6, 182, 212, 0.1);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.3);\n}\n\n.regional-badge {\n background: rgba(139, 92, 246, 0.1);\n color: #8b5cf6;\n border: 1px solid rgba(139, 92, 246, 0.3);\n}\n\n.national-badge {\n background: rgba(59, 130, 246, 0.1);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n.local-badge {\n background: rgba(34, 197, 94, 0.1);\n color: #22c55e;\n border: 1px solid rgba(34, 197, 94, 0.3);\n}\n\n.scope-title {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n}\n\n.scope-description {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Decision Makers *\/\n.authority-decision-makers {\n display: flex;\n flex-direction: column;\n gap: 10px;\n justify-content: center;\n}\n\n.decision-maker-tag {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n padding: 10px 16px;\n border-radius: 8px;\n transition: all 0.3s;\n}\n\n.decision-maker-tag:hover {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n}\n\n.decision-maker-tag svg {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Network Performance Card *\/\n.network-performance-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 40px;\n transition: all 0.4s;\n}\n\n.network-performance-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n}\n\n.performance-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 32px 0;\n letter-spacing: -0.4px;\n}\n\n.performance-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 32px;\n}\n\n.performance-metric {\n text-align: center;\n}\n\n.perf-value {\n font-size: 36px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 8px;\n line-height: 1;\n}\n\n.perf-value.highlight-metric {\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.perf-label {\n font-size: 14px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.7);\n margin-bottom: 8px;\n}\n\n.perf-description {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n line-height: 1.5;\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 1024px) {\n .authority-row {\n grid-template-columns: 1fr;\n }\n \n .performance-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .scale-features-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px) {\n .stack-layer-mono {\n flex-direction: column;\n }\n \n .why-open-grid-fixed {\n grid-template-columns: 1fr;\n }\n \n .gov-scale-card {\n padding: 28px 20px;\n }\n \n .scale-title {\n font-size: 22px;\n }\n \n .authority-title {\n font-size: 24px;\n }\n \n .performance-grid {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .scale-badge-wrap {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .scale-metrics-bar {\n flex-direction: column;\n gap: 20px;\n }\n \n .metric-divider {\n width: 100%;\n height: 1px;\n }\n}\n\n\/* Animation Enhancements *\/\n@keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n.gov-scale-card {\n animation: fadeInScale 0.6s ease-out;\n animation-fill-mode: both;\n}\n\n.gov-scale-card:nth-child(1) { animation-delay: 0.1s; }\n.gov-scale-card:nth-child(2) { animation-delay: 0.2s; }\n.gov-scale-card:nth-child(3) { animation-delay: 0.3s; }\n.gov-scale-card:nth-child(4) { animation-delay: 0.4s; }\n\n\/* ========================================================================\n ENHANCED GOVERNANCE - INTERACTIVE TABS & VISUALIZATIONS\n ======================================================================== *\/\n\n\/* Governance Tabs Navigation *\/\n.governance-tabs-nav {\n display: flex;\n gap: 12px;\n margin: var(--space-3xl) 0 var(--space-xl) 0;\n padding: 8px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.gov-tab-btn {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 14px 24px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n color: rgba(255,255,255,0.7);\n font-size: 14px;\n font-weight: 600;\n font-family: var(--font-sans);\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gov-tab-btn svg {\n flex-shrink: 0;\n opacity: 0.6;\n transition: all 0.3s;\n}\n\n.gov-tab-btn:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: translateY(-2px);\n}\n\n.gov-tab-btn:hover svg {\n opacity: 1;\n}\n\n.gov-tab-btn.active {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n.gov-tab-btn.active svg {\n opacity: 1;\n}\n\n\/* Tab Content *\/\n.gov-tab-content {\n display: none;\n animation: tabFadeIn 0.4s ease-out;\n}\n\n.gov-tab-content.active {\n display: block;\n}\n\n@keyframes tabFadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Network Visualization Tab *\/\n.network-viz-section {\n margin-top: var(--space-3xl);\n}\n\n.viz-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 12px 0;\n letter-spacing: -0.5px;\n}\n\n.viz-subtitle {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n text-align: center;\n margin: 0 0 var(--space-3xl) 0;\n}\n\n.network-diagram-container {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 40px;\n margin-bottom: var(--space-3xl);\n overflow: hidden;\n}\n\n.network-svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.network-node {\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.network-node:hover {\n transform: scale(1.2);\n filter: drop-shadow(0 0 10px currentColor);\n}\n\n.pulse-node {\n animation: nodePulse 3s ease-in-out infinite;\n}\n\n@keyframes nodePulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.7;\n transform: scale(1.1);\n }\n}\n\n\/* Network Stats Grid *\/\n.network-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.network-stat-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 24px;\n display: flex;\n align-items: center;\n gap: 20px;\n transition: all 0.3s;\n}\n\n.network-stat-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.stat-icon {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border: 1px solid;\n transition: all 0.3s;\n}\n\n.global-color {\n background: rgba(6, 182, 212, 0.1);\n border-color: rgba(6, 182, 212, 0.3);\n color: #06b6d4;\n}\n\n.continental-color {\n background: rgba(139, 92, 246, 0.1);\n border-color: rgba(139, 92, 246, 0.3);\n color: #8b5cf6;\n}\n\n.national-color {\n background: rgba(59, 130, 246, 0.1);\n border-color: rgba(59, 130, 246, 0.3);\n color: #3b82f6;\n}\n\n.local-color {\n background: rgba(34, 197, 94, 0.1);\n border-color: rgba(34, 197, 94, 0.3);\n color: #22c55e;\n}\n\n.network-stat-card:hover .stat-icon {\n transform: scale(1.08) rotate(5deg);\n}\n\n.stat-content {\n flex: 1;\n}\n\n.stat-number {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 4px;\n}\n\n.stat-label {\n font-size: 13px;\n font-weight: 600;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n}\n\n.stat-description {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Helix Stakeholder Section *\/\n.helix-section {\n margin-top: var(--space-3xl);\n}\n\n.helix-main-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 16px 0;\n letter-spacing: -0.5px;\n}\n\n.helix-main-subtitle {\n font-size: 16px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n text-align: center;\n max-width: 1000px;\n margin: 0 auto var(--space-3xl) auto;\n}\n\n.helix-cards-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n margin-bottom: var(--space-3xl);\n}\n\n.helix-stakeholder-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 36px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n}\n\n.helix-stakeholder-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.helix-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n}\n\n.helix-icon-large {\n width: 72px;\n height: 72px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.helix-stakeholder-card:hover .helix-icon-large {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: rotate(-5deg) scale(1.05);\n}\n\n.helix-number {\n font-size: 48px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.06);\n line-height: 1;\n}\n\n.helix-card-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 16px 0;\n letter-spacing: -0.4px;\n}\n\n.helix-card-description {\n font-size: 15px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 24px;\n}\n\n.helix-roles {\n margin-bottom: 24px;\n}\n\n.roles-title {\n font-size: 12px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.6);\n margin: 0 0 12px 0;\n}\n\n.roles-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 8px;\n}\n\n.roles-list li {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n padding-left: 20px;\n position: relative;\n}\n\n.roles-list li::before {\n content: '\\2192';\n position: absolute;\n left: 0;\n color: rgba(255,255,255,0.6);\n}\n\n.helix-examples {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.example-badge {\n font-size: 11px;\n font-family: var(--font-mono);\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n padding: 6px 12px;\n border-radius: 6px;\n transition: all 0.3s;\n}\n\n.example-badge:hover {\n background: rgba(255,255,255,0.08);\n color: #fff;\n}\n\n\/* Helix Integration Card *\/\n.helix-integration-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 36px;\n}\n\n.integration-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 12px 0;\n letter-spacing: -0.4px;\n}\n\n.integration-subtitle {\n font-size: 15px;\n color: rgba(255,255,255,0.7);\n text-align: center;\n margin: 0 0 32px 0;\n}\n\n.integration-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n}\n\n.integration-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n transition: all 0.3s;\n}\n\n.integration-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateX(4px);\n}\n\n.integration-icon {\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n flex-shrink: 0;\n}\n\n.integration-content {\n flex: 1;\n}\n\n.integration-name {\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.integration-desc {\n font-size: 12px;\n color: rgba(255,255,255,0.6);\n line-height: 1.5;\n}\n\n\/* Implementation Section *\/\n.implementation-section {\n margin-top: var(--space-3xl);\n}\n\n.impl-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 16px 0;\n letter-spacing: -0.5px;\n}\n\n.impl-subtitle {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n text-align: center;\n max-width: 900px;\n margin: 0 auto var(--space-3xl) auto;\n}\n\n\/* Timeline *\/\n.timeline-container {\n margin-bottom: var(--space-3xl);\n}\n\n.timeline-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 var(--space-3xl) 0;\n letter-spacing: -0.4px;\n}\n\n.timeline-track {\n position: relative;\n display: grid;\n gap: 48px;\n max-width: 900px;\n margin: 0 auto;\n padding-left: 80px;\n}\n\n.timeline-track::before {\n content: '';\n position: absolute;\n left: 31px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(180deg, #06b6d4, #8b5cf6, #3b82f6, #22c55e);\n}\n\n.timeline-item {\n position: relative;\n display: flex;\n gap: 24px;\n}\n\n.timeline-marker {\n position: absolute;\n left: -80px;\n width: 64px;\n height: 64px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 3px solid;\n flex-shrink: 0;\n transition: all 0.3s;\n}\n\n.phase-1 {\n background: rgba(6, 182, 212, 0.1);\n border-color: #06b6d4;\n}\n\n.phase-2 {\n background: rgba(139, 92, 246, 0.1);\n border-color: #8b5cf6;\n}\n\n.phase-3 {\n background: rgba(59, 130, 246, 0.1);\n border-color: #3b82f6;\n}\n\n.phase-4 {\n background: rgba(34, 197, 94, 0.1);\n border-color: #22c55e;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.1);\n box-shadow: 0 0 20px currentColor;\n}\n\n.marker-number {\n font-size: 24px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: #fff;\n}\n\n.timeline-content {\n flex: 1;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.3s;\n}\n\n.timeline-item:hover .timeline-content {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.timeline-phase {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n letter-spacing: -0.3px;\n}\n\n.timeline-duration {\n font-size: 12px;\n font-family: var(--font-mono);\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n}\n\n.timeline-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 16px;\n}\n\n.timeline-deliverables {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.deliverable-tag {\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n padding: 6px 12px;\n border-radius: 6px;\n}\n\n\/* Use Cases *\/\n.use-cases-grid {\n margin-bottom: var(--space-3xl);\n}\n\n.use-cases-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 32px 0;\n letter-spacing: -0.4px;\n}\n\n.use-cases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n}\n\n.use-case-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.4s;\n}\n\n.use-case-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.use-case-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n\n.use-case-icon {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.use-case-card:hover .use-case-icon {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: scale(1.08);\n}\n\n.use-case-badge {\n font-size: 10px;\n font-family: var(--font-mono);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n padding: 6px 12px;\n border-radius: 6px;\n}\n\n.use-case-title {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 12px 0;\n letter-spacing: -0.3px;\n}\n\n.use-case-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 20px;\n}\n\n.use-case-benefits {\n display: grid;\n gap: 10px;\n}\n\n.benefit-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n}\n\n.benefit-item svg {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Support Card *\/\n.support-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 36px;\n}\n\n.support-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 32px 0;\n letter-spacing: -0.4px;\n}\n\n.support-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n}\n\n.support-item {\n text-align: center;\n padding: 24px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n transition: all 0.3s;\n}\n\n.support-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-4px);\n}\n\n.support-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px auto;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.support-item:hover .support-icon {\n color: #fff;\n transform: scale(1.1);\n}\n\n.support-name {\n font-size: 16px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.support-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n line-height: 1.6;\n}\n\n\/* Responsive Adjustments for New Elements *\/\n@media (max-width: 1024px) {\n .governance-tabs-nav {\n gap: 8px;\n }\n \n .gov-tab-btn {\n padding: 12px 18px;\n font-size: 13px;\n }\n \n .gov-tab-btn span {\n display: none;\n }\n \n .helix-cards-grid {\n gap: 20px;\n }\n \n .timeline-track {\n padding-left: 60px;\n }\n \n .timeline-marker {\n left: -60px;\n width: 52px;\n height: 52px;\n }\n \n .marker-number {\n font-size: 20px;\n }\n}\n\n@media (max-width: 768px) {\n .governance-tabs-nav {\n padding: 6px;\n }\n \n .gov-tab-btn {\n padding: 10px 14px;\n }\n \n .viz-title,\n .helix-main-title,\n .impl-title {\n font-size: 24px;\n }\n \n .network-diagram-container {\n padding: 20px;\n }\n \n .network-stats-grid {\n grid-template-columns: 1fr;\n }\n \n .helix-stakeholder-card {\n padding: 24px;\n }\n \n .helix-icon-large {\n width: 56px;\n height: 56px;\n }\n \n .helix-number {\n font-size: 36px;\n }\n \n .timeline-track {\n padding-left: 0;\n padding-top: 80px;\n }\n \n .timeline-track::before {\n left: 50%;\n transform: translateX(-50%);\n top: 32px;\n }\n \n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: -80px;\n }\n \n .timeline-item {\n flex-direction: column;\n }\n \n .use-cases-grid {\n grid-template-columns: 1fr;\n }\n \n .support-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ========================================================================\n ENHANCED NETWORK CONTROLS & ADVANCED VISUALIZATIONS\n ======================================================================== *\/\n\n\/* Network View Controls *\/\n.network-controls {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-bottom: 32px;\n flex-wrap: wrap;\n}\n\n.network-control-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n color: rgba(255,255,255,0.7);\n font-size: 13px;\n font-weight: 600;\n font-family: var(--font-sans);\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.network-control-btn svg {\n flex-shrink: 0;\n opacity: 0.6;\n transition: all 0.3s;\n}\n\n.network-control-btn:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: translateY(-2px);\n}\n\n.network-control-btn:hover svg {\n opacity: 1;\n}\n\n.network-control-btn.active {\n background: rgba(6, 182, 212, 0.1);\n border-color: rgba(6, 182, 212, 0.3);\n color: #06b6d4;\n}\n\n.network-control-btn.active svg {\n opacity: 1;\n color: #06b6d4;\n}\n\n\/* Enhanced Network SVG Animations *\/\n.connection-line {\n transition: all 0.4s;\n}\n\n.connection-line:hover {\n opacity: 1 !important;\n stroke-width: 3 !important;\n}\n\n.cross-connection {\n stroke-dasharray: 5, 5;\n animation: dashMove 2s linear infinite;\n}\n\n@keyframes dashMove {\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 10;\n }\n}\n\n.primary-line {\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n animation: drawLine 2s ease-in-out forwards;\n}\n\n@keyframes drawLine {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n\/* Pulse animation for global node *\/\n@keyframes globalPulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n filter: drop-shadow(0 0 8px #06b6d4);\n }\n 50% {\n opacity: 0.8;\n transform: scale(1.05);\n filter: drop-shadow(0 0 16px #06b6d4);\n }\n}\n\n.pulse-node {\n animation: globalPulse 3s ease-in-out infinite;\n}\n\n\/* ========================================================================\n GRF 2025-2030 ROADMAP SECTION\n ======================================================================== *\/\n\n.roadmap-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: linear-gradient(180deg, var(--bg-primary) 0%, #0a0a12 100%);\n overflow: hidden;\n}\n\n.section-badge-roadmap {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n color: #06b6d4;\n font-size: 13px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: var(--space-lg);\n}\n\n.section-badge-roadmap svg {\n color: #06b6d4;\n}\n\n\/* Roadmap Hero Card *\/\n.roadmap-hero-card {\n margin-top: var(--space-2xl);\n margin-bottom: var(--space-3xl);\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(59, 130, 246, 0.08));\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 24px;\n position: relative;\n overflow: hidden;\n}\n\n.roadmap-hero-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(6, 182, 212, 0.15), transparent);\n pointer-events: none;\n}\n\n.roadmap-hero-content {\n position: relative;\n z-index: 1;\n}\n\n.roadmap-hero-title {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-xl);\n text-align: center;\n}\n\n.roadmap-pillars-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: var(--space-lg);\n margin-bottom: var(--space-xl);\n}\n\n.roadmap-pillar {\n padding: var(--space-lg);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n transition: all 0.3s ease;\n}\n\n.roadmap-pillar:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-4px);\n}\n\n.pillar-icon {\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 12px;\n margin-bottom: var(--space-md);\n}\n\n.pillar-icon svg {\n color: #06b6d4;\n}\n\n.roadmap-pillar h4 {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.roadmap-pillar p {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n}\n\n.roadmap-bottom-line {\n padding: var(--space-lg);\n background: rgba(6, 182, 212, 0.05);\n border-left: 4px solid #06b6d4;\n border-radius: 8px;\n font-size: 16px;\n line-height: 1.8;\n color: rgba(255,255,255,0.8);\n}\n\n.roadmap-bottom-line strong {\n color: rgba(255,255,255,0.95);\n}\n\n.highlight-text {\n color: #06b6d4;\n font-weight: 600;\n}\n\n\/* Timeline Section *\/\n.roadmap-timeline-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.timeline-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.timeline-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.timeline-container {\n position: relative;\n max-width: 900px;\n margin: 0 auto;\n padding: var(--space-xl) 0;\n}\n\n.timeline-line {\n position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 2px;\n background: linear-gradient(180deg, transparent, rgba(6, 182, 212, 0.5), rgba(6, 182, 212, 0.5), transparent);\n transform: translateX(-50%);\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: var(--space-3xl);\n}\n\n.timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.timeline-marker {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translateX(-50%);\n z-index: 10;\n}\n\n.timeline-year {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border: 4px solid var(--bg-primary);\n border-radius: 50%;\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 0 30px rgba(6, 182, 212, 0.4);\n}\n\n.timeline-card {\n width: 45%;\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.timeline-item:nth-child(odd) .timeline-card {\n margin-right: auto;\n}\n\n.timeline-item:nth-child(even) .timeline-card {\n margin-left: auto;\n}\n\n.timeline-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateX(-8px);\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n}\n\n.timeline-item:nth-child(even) .timeline-card:hover {\n transform: translateX(8px);\n}\n\n.timeline-card.highlight {\n border-color: #22c55e;\n box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);\n}\n\n.timeline-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n}\n\n.timeline-list {\n list-style: none;\n padding: 0;\n margin: 0 0 var(--space-md) 0;\n}\n\n.timeline-list li {\n padding-left: 24px;\n margin-bottom: 12px;\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n position: relative;\n}\n\n.timeline-list li::before {\n content: '\\2022';\n position: absolute;\n left: 0;\n color: #06b6d4;\n font-weight: 700;\n}\n\n.timeline-badge {\n display: inline-block;\n padding: 6px 16px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n font-size: 11px;\n font-weight: 700;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.timeline-badge.success {\n background: rgba(34, 197, 94, 0.15);\n border-color: rgba(34, 197, 94, 0.3);\n color: #22c55e;\n}\n\n\/* Governance Levels Section *\/\n.governance-levels-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.levels-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.levels-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.levels-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.level-card {\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.level-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.level-card:hover::before {\n opacity: 1;\n}\n\n.level-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.level-card.global {\n border-top-color: #06b6d4;\n}\n\n.level-card.regional {\n border-top-color: #3b82f6;\n}\n\n.level-card.national {\n border-top-color: #8b5cf6;\n}\n\n.level-card.local {\n border-top-color: #ec4899;\n}\n\n.level-header {\n display: flex;\n align-items: flex-start;\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.level-icon {\n width: 72px;\n height: 72px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 16px;\n flex-shrink: 0;\n}\n\n.level-icon svg {\n color: #06b6d4;\n}\n\n.level-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.level-subtitle {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.level-list {\n list-style: none;\n padding: 0;\n margin: 0 0 var(--space-lg) 0;\n}\n\n.level-list li {\n padding: 10px 0 10px 28px;\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n position: relative;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n\n.level-list li:last-child {\n border-bottom: none;\n}\n\n.level-list li::before {\n content: '\\2022';\n position: absolute;\n left: 0;\n color: #22c55e;\n font-weight: 700;\n}\n\n.level-metrics {\n display: flex;\n justify-content: center;\n padding-top: var(--space-md);\n border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.metric-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.metric-value {\n font-size: 28px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.metric-label {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Process Tracks Section *\/\n.process-tracks-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.process-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.process-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.process-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.process-track {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.process-track:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-4px);\n}\n\n.track-number {\n position: absolute;\n top: -20px;\n right: var(--space-lg);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-radius: 50%;\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);\n}\n\n.track-title {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n padding-right: 60px;\n}\n\n.track-desc {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.track-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.action-tag {\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 6px;\n font-size: 11px;\n font-weight: 600;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n\/* Objectives Section *\/\n.objectives-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.objectives-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.objectives-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.objectives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: var(--space-lg);\n}\n\n.objective-card {\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.objective-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.objective-icon {\n width: 96px;\n height: 96px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 20px;\n margin: 0 auto var(--space-lg);\n}\n\n.objective-icon svg {\n color: #06b6d4;\n}\n\n.objective-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.objective-desc {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n.objective-target {\n padding: var(--space-md);\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 12px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.target-label {\n font-size: 11px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.target-value {\n font-size: 16px;\n font-weight: 700;\n color: #06b6d4;\n}\n\n\/* Roadmap CTA Section *\/\n.roadmap-cta-section {\n margin-top: var(--space-3xl);\n}\n\n.roadmap-cta-card {\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1));\n border: 2px solid rgba(6, 182, 212, 0.3);\n border-radius: 24px;\n text-align: center;\n}\n\n.roadmap-cta-title {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n}\n\n.roadmap-cta-desc {\n font-size: 16px;\n line-height: 1.8;\n color: rgba(255,255,255,0.8);\n max-width: 900px;\n margin: 0 auto var(--space-2xl);\n}\n\n.roadmap-cta-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-xl);\n}\n\n.cta-action-card {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n transition: all 0.3s ease;\n}\n\n.cta-action-card:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-4px);\n}\n\n.cta-action-card h4 {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.cta-action-card p {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border: none;\n border-radius: 12px;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.cta-btn:hover {\n background: linear-gradient(135deg, #3b82f6, #06b6d4);\n transform: translateX(4px);\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);\n}\n\n.cta-btn svg {\n flex-shrink: 0;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .roadmap-hero-title {\n font-size: 24px;\n }\n \n .roadmap-pillars-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-line {\n left: 40px;\n }\n \n .timeline-marker {\n left: 40px;\n }\n \n .timeline-year {\n width: 64px;\n height: 64px;\n font-size: 16px;\n }\n \n .timeline-card {\n width: calc(100% - 100px);\n margin-left: 100px !important;\n }\n \n .timeline-card:hover {\n transform: translateX(0) !important;\n }\n \n .levels-grid {\n grid-template-columns: 1fr;\n }\n \n .process-grid {\n grid-template-columns: 1fr;\n }\n \n .objectives-grid {\n grid-template-columns: 1fr;\n }\n \n .roadmap-cta-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-heading,\n .levels-heading,\n .process-heading,\n .objectives-heading,\n .roadmap-cta-title {\n font-size: 28px;\n }\n}\n\/* ========================================================================\n HOW IT WORKS - NEW REDESIGN\n ======================================================================== *\/\n\n.how-it-works-new {\n padding: calc(var(--space-xl) * 3) 0;\n background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(6, 182, 212, 0.12), transparent 50%),\n linear-gradient(180deg, var(--bg-primary), #0a0a12);\n position: relative;\n overflow: hidden;\n}\n\n.section-badge-works {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n color: #06b6d4;\n font-size: 13px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: var(--space-lg);\n}\n\n\/* Speed Comparison Hero *\/\n.speed-hero {\n margin: var(--space-3xl) 0;\n}\n\n.speed-comparison-grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: var(--space-xl);\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.speed-item {\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 24px;\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.speed-item:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.speed-item.legacy {\n border-color: rgba(239, 68, 68, 0.3);\n}\n\n.speed-item.grf {\n border-color: rgba(34, 197, 94, 0.3);\n box-shadow: 0 0 40px rgba(34, 197, 94, 0.15);\n}\n\n.speed-icon {\n width: 96px;\n height: 96px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255,255,255,0.05);\n border-radius: 20px;\n margin: 0 auto var(--space-lg);\n}\n\n.speed-icon svg {\n color: rgba(255,255,255,0.6);\n}\n\n.speed-icon.grf-icon {\n background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(16, 185, 129, 0.2));\n}\n\n.speed-icon.grf-icon svg {\n color: #22c55e;\n}\n\n.speed-label {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n}\n\n.speed-value {\n font-size: 56px;\n font-weight: 700;\n margin-bottom: var(--space-sm);\n}\n\n.legacy-value {\n color: #ef4444;\n}\n\n.grf-value {\n color: #22c55e;\n}\n\n.speed-unit {\n font-size: 28px;\n font-weight: 600;\n margin-left: 4px;\n}\n\n.speed-desc {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-md);\n}\n\n.speed-badge {\n display: inline-block;\n padding: 12px 24px;\n background: linear-gradient(135deg, #22c55e, #10b981);\n border-radius: 12px;\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 4px 20px rgba(34, 197, 94, 0.4);\n}\n\n.speed-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.speed-arrow svg {\n color: #06b6d4;\n animation: arrowPulse 2s ease-in-out infinite;\n}\n\n@keyframes arrowPulse {\n 0%, 100% { transform: translateX(0); opacity: 1; }\n 50% { transform: translateX(10px); opacity: 0.6; }\n}\n\n\/* Governance Scales *\/\n.governance-scales {\n margin: var(--space-3xl) 0;\n}\n\n.scales-title {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.scales-subtitle {\n font-size: 18px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.scales-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: var(--space-lg);\n}\n\n.scale-card {\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.scale-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.scale-card:hover::before {\n opacity: 1;\n}\n\n.scale-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.scale-number {\n position: absolute;\n top: var(--space-lg);\n right: var(--space-lg);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-radius: 50%;\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);\n}\n\n.scale-content {\n margin-bottom: var(--space-lg);\n}\n\n.scale-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 8px;\n}\n\n.scale-desc {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-md);\n}\n\n.scale-features {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.scale-features li {\n padding: 8px 0 8px 24px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n position: relative;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n\n.scale-features li:last-child {\n border-bottom: none;\n}\n\n.scale-features li::before {\n content: '\\2022';\n position: absolute;\n left: 0;\n color: #06b6d4;\n font-weight: 700;\n}\n\n.scale-badge {\n display: inline-block;\n padding: 6px 16px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n font-size: 11px;\n font-weight: 700;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Helix Stakeholders *\/\n.helix-stakeholders {\n margin: var(--space-3xl) 0;\n}\n\n.helix-title {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.helix-subtitle {\n font-size: 18px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.helix-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.helix-card {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.helix-card:hover {\n background: rgba(255,255,255,0.06);\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.helix-icon {\n width: 96px;\n height: 96px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 20px;\n margin: 0 auto var(--space-lg);\n}\n\n.helix-icon svg {\n color: #06b6d4;\n}\n\n.helix-icon.academia {\n background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(99, 102, 241, 0.2));\n}\n\n.helix-icon.academia svg {\n color: #3b82f6;\n}\n\n.helix-icon.industry {\n background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(168, 85, 247, 0.2));\n}\n\n.helix-icon.industry svg {\n color: #8b5cf6;\n}\n\n.helix-icon.government {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(14, 165, 233, 0.2));\n}\n\n.helix-icon.government svg {\n color: #06b6d4;\n}\n\n.helix-icon.civil {\n background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(219, 39, 119, 0.2));\n}\n\n.helix-icon.civil svg {\n color: #ec4899;\n}\n\n.helix-icon.citizens {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(251, 146, 60, 0.2));\n}\n\n.helix-icon.citizens svg {\n color: #f59e0b;\n}\n\n.helix-name {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.helix-desc {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.helix-examples {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.example-tag {\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 6px;\n font-size: 11px;\n font-weight: 600;\n color: #06b6d4;\n}\n\n\/* Network Stats Final *\/\n.network-stats-final {\n margin: var(--space-3xl) 0 0;\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(34, 197, 94, 0.08));\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 24px;\n}\n\n.stats-final-title {\n font-size: 28px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-xl);\n}\n\n.stats-final-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--space-lg);\n}\n\n.stat-final-card {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.stat-final-card:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-4px);\n}\n\n.stat-final-card.highlight {\n border-color: #22c55e;\n background: rgba(34, 197, 94, 0.1);\n}\n\n.stat-final-value {\n font-size: 48px;\n font-weight: 700;\n color: #06b6d4;\n margin-bottom: 8px;\n}\n\n.stat-final-card.highlight .stat-final-value {\n color: #22c55e;\n}\n\n.stat-final-label {\n font-size: 16px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n margin-bottom: 4px;\n}\n\n.stat-final-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .speed-comparison-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n \n .speed-arrow {\n transform: rotate(90deg);\n }\n \n .scales-grid {\n grid-template-columns: 1fr;\n }\n \n .helix-grid {\n grid-template-columns: 1fr;\n }\n \n .stats-final-grid {\n grid-template-columns: 1fr;\n }\n \n .scales-title,\n .helix-title,\n .stats-final-title {\n font-size: 28px;\n }\n \n .speed-value {\n font-size: 42px;\n }\n}\n\/* ========================================================================\n NEXUS ROADMAP - COMPACT UN-GRADE DESIGN (Black\/Grey\/White + Neon)\n ======================================================================== *\/\n\n.nexus-roadmap-compact {\n padding: calc(var(--space-xl) * 2.5) 0;\n background: #000;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n position: relative;\n}\n\n\/* Hero Style Enhancements *\/\n.nexus-roadmap-compact.hero-style-section {\n background: linear-gradient(180deg, #000000 0%, #0a0a12 50%, #000000 100%);\n padding: calc(var(--space-xl) * 3) 0;\n}\n\n.hero-style-content {\n position: relative;\n z-index: 2;\n}\n\n.hero-badges-group {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 10px 24px;\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.25);\n border-radius: 100px;\n margin-bottom: 32px;\n backdrop-filter: blur(10px);\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.15);\n}\n\n.hero-badges-group .badge-item {\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: #06b6d4;\n}\n\n.hero-badges-group .badge-separator {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: rgba(6, 182, 212, 0.4);\n}\n\n\/* Compact Hero *\/\n.nexus-hero-compact {\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.neon-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 8px 20px;\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 50px;\n font-size: 11px;\n font-weight: 700;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.3), inset 0 0 10px rgba(6, 182, 212, 0.1);\n margin-bottom: var(--space-lg);\n}\n\n.neon-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #06b6d4;\n box-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4;\n animation: neonPulse 2s ease-in-out infinite;\n}\n\n@keyframes neonPulse {\n 0%, 100% { opacity: 1; box-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4; }\n 50% { opacity: 0.5; box-shadow: 0 0 5px #06b6d4, 0 0 10px #06b6d4; }\n}\n\n.nexus-title-compact {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-md);\n line-height: 1.3;\n}\n\n.neon-text {\n background: linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-shadow: 0 0 30px rgba(6, 182, 212, 0.5);\n}\n\n.nexus-subtitle-compact {\n font-size: 15px;\n line-height: 1.7;\n color: #999;\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* Mission Grid Compact *\/\n.mission-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 16px;\n margin-bottom: var(--space-2xl);\n}\n\n.mission-card-compact {\n padding: 20px;\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 12px;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.mission-card-compact::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 12px;\n padding: 1px;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.mission-card-compact:hover::before {\n opacity: 1;\n}\n\n.mission-card-compact:hover {\n background: #0f0f0f;\n transform: translateY(-4px);\n box-shadow: 0 8px 30px rgba(6, 182, 212, 0.2);\n}\n\n.mission-icon-neon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1));\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 10px;\n margin-bottom: 12px;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.2);\n}\n\n.mission-icon-neon svg {\n color: #06b6d4;\n}\n\n.mission-card-compact h4 {\n font-size: 15px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.mission-card-compact p {\n font-size: 13px;\n line-height: 1.6;\n color: #999;\n}\n\n\/* Timeline Compact - Horizontal *\/\n.timeline-compact-section {\n margin: var(--space-2xl) 0;\n}\n\n.timeline-compact-section.hero-timeline {\n padding: 48px 0;\n text-align: center;\n}\n\n.section-heading-neon {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin-bottom: var(--space-xl);\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n\n.timeline-track {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--space-xl);\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 16px;\n overflow-x: auto;\n}\n\n.timeline-track.hero-timeline-track {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.03), rgba(59, 130, 246, 0.03));\n border: 1px solid rgba(6, 182, 212, 0.15);\n padding: 32px;\n}\n\n.timeline-node {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n min-width: 120px;\n}\n\n.timeline-node.hero-node {\n padding: 20px;\n min-width: 160px;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.05), rgba(59, 130, 246, 0.05));\n border: 2px solid rgba(6, 182, 212, 0.2);\n border-radius: 16px;\n transition: all 0.4s ease;\n}\n\n.timeline-node.hero-node:hover {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.12), rgba(59, 130, 246, 0.12));\n border-color: rgba(6, 182, 212, 0.5);\n transform: translateY(-8px);\n box-shadow: 0 12px 40px rgba(6, 182, 212, 0.25);\n}\n\n.timeline-node.hero-node.highlight {\n background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(236, 72, 153, 0.12));\n border: 2px solid rgba(139, 92, 246, 0.4);\n box-shadow: 0 8px 30px rgba(139, 92, 246, 0.3);\n}\n\n.node-marker {\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #1a1a1a, #0f0f0f);\n border: 2px solid #2a2a2a;\n border-radius: 50%;\n font-size: 18px;\n font-weight: 700;\n color: #666;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-node.hero-node .node-marker {\n font-size: 28px;\n font-weight: 800;\n width: 64px;\n height: 64px;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border: 3px solid rgba(6, 182, 212, 0.4);\n color: #06b6d4;\n}\n\n.timeline-node:hover .node-marker {\n border-color: #06b6d4;\n color: #06b6d4;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.5), inset 0 0 10px rgba(6, 182, 212, 0.2);\n}\n\n.timeline-node.highlight .node-marker {\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-color: #06b6d4;\n color: #fff;\n box-shadow: 0 0 30px rgba(6, 182, 212, 0.6);\n}\n\n.timeline-node.hero-node.highlight .node-marker {\n background: linear-gradient(135deg, #8b5cf6, #ec4899);\n border-color: #8b5cf6;\n color: #fff;\n font-size: 32px;\n text-shadow: 0 0 20px rgba(139, 92, 246, 0.8);\n box-shadow: 0 0 40px rgba(139, 92, 246, 0.8);\n}\n\n.node-content {\n text-align: center;\n}\n\n.node-content strong {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.timeline-node.hero-node .node-content strong {\n font-size: 15px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n margin-top: 8px;\n}\n\n.node-content span {\n display: block;\n font-size: 11px;\n color: #666;\n}\n\n.timeline-node.hero-node .node-content span {\n font-size: 12px;\n line-height: 1.5;\n color: rgba(255, 255, 255, 0.6);\n}\n\n.timeline-connector {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, #2a2a2a, #1a1a1a);\n margin: 0 8px;\n position: relative;\n}\n\n.timeline-connector::after {\n content: '';\n position: absolute;\n left: 0;\n top: -1px;\n height: 4px;\n width: 0;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n box-shadow: 0 0 10px #06b6d4;\n animation: progressBar 8s ease-in-out infinite;\n}\n\n@keyframes progressBar {\n 0%, 100% { width: 0%; }\n 50% { width: 100%; }\n}\n\n\/* Dual Grid - Process & Objectives *\/\n.nexus-dual-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-lg);\n margin: var(--space-2xl) 0;\n}\n\n.nexus-panel {\n padding: var(--space-xl);\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 16px;\n}\n\n.panel-title-neon {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-lg);\n padding-bottom: 12px;\n border-bottom: 1px solid #1a1a1a;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Process Tracks Compact *\/\n.tracks-compact {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.track-item-neon {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n background: #050505;\n border: 1px solid #1a1a1a;\n border-radius: 10px;\n transition: all 0.3s ease;\n}\n\n.track-item-neon:hover {\n border-color: #06b6d4;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.15);\n}\n\n.track-letter {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-radius: 8px;\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n flex-shrink: 0;\n box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);\n}\n\n.track-info strong {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.track-info p {\n font-size: 12px;\n color: #666;\n margin: 0;\n}\n\n\/* Objectives Compact *\/\n.objectives-compact {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.objective-row-neon {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px;\n background: #050505;\n border: 1px solid #1a1a1a;\n border-left: 3px solid #06b6d4;\n border-radius: 8px;\n transition: all 0.3s ease;\n}\n\n.objective-row-neon:hover {\n border-left-color: #22c55e;\n background: #0a0a0a;\n box-shadow: 0 0 15px rgba(34, 197, 94, 0.15);\n}\n\n.obj-icon-mini {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(34, 197, 94, 0.2));\n border-radius: 6px;\n flex-shrink: 0;\n box-shadow: 0 0 10px rgba(6, 182, 212, 0.3);\n}\n\n.obj-icon-mini svg {\n color: #06b6d4;\n}\n\n.obj-text strong {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 2px;\n}\n\n.obj-text span {\n display: block;\n font-size: 11px;\n color: #666;\n}\n\n\/* Governance Levels - Horizontal Flow *\/\n.levels-flow-compact {\n margin: var(--space-2xl) 0;\n padding: var(--space-xl);\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 16px;\n}\n\n.flow-track {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: var(--space-lg);\n padding: var(--space-lg);\n background: #050505;\n border-radius: 12px;\n}\n\n.flow-level {\n flex: 1;\n text-align: center;\n}\n\n.level-badge-neon {\n display: inline-block;\n padding: 8px 20px;\n background: linear-gradient(135deg, #1a1a1a, #0f0f0f);\n border: 1px solid #2a2a2a;\n border-radius: 8px;\n font-size: 12px;\n font-weight: 700;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n}\n\n.level-badge-neon.global {\n border-color: #06b6d4;\n color: #06b6d4;\n box-shadow: 0 0 15px rgba(6, 182, 212, 0.3);\n}\n\n.level-badge-neon.regional {\n border-color: #3b82f6;\n color: #3b82f6;\n box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);\n}\n\n.level-badge-neon.national {\n border-color: #8b5cf6;\n color: #8b5cf6;\n box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);\n}\n\n.level-badge-neon.local {\n border-color: #ec4899;\n color: #ec4899;\n box-shadow: 0 0 15px rgba(236, 72, 153, 0.3);\n}\n\n.level-desc-neon {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n}\n\n.flow-arrow {\n font-size: 24px;\n color: #333;\n margin: 0 12px;\n}\n\n\/* Action Cards - Ultra Compact *\/\n.action-cards-neon {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 16px;\n margin-top: var(--space-2xl);\n}\n\n.action-card-neon {\n padding: 20px;\n background: linear-gradient(135deg, #0f0f0f, #0a0a0a);\n border: 1px solid #1a1a1a;\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.action-card-neon:hover {\n border-color: #06b6d4;\n background: linear-gradient(135deg, #1a1a1a, #0f0f0f);\n box-shadow: 0 0 30px rgba(6, 182, 212, 0.25), inset 0 0 20px rgba(6, 182, 212, 0.05);\n transform: translateY(-4px);\n}\n\n.action-header-neon {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n\n.action-icon-neon {\n font-size: 24px;\n filter: grayscale(1) brightness(1.5);\n}\n\n.action-header-neon strong {\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n}\n\n.action-card-neon p {\n font-size: 12px;\n color: #999;\n margin-bottom: 12px;\n line-height: 1.6;\n}\n\n.link-neon {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #06b6d4;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.link-neon:hover {\n color: #3b82f6;\n text-shadow: 0 0 10px rgba(6, 182, 212, 0.5);\n transform: translateX(4px);\n}\n\n\/* Responsive - Mobile Compact *\/\n@media (max-width: 768px) {\n .nexus-title-compact {\n font-size: 24px;\n }\n \n .hero-title {\n font-size: 32px !important;\n }\n \n .hero-subtitle,\n .hero-description {\n font-size: 14px;\n }\n \n .hero-badges-group {\n flex-wrap: wrap;\n justify-content: center;\n padding: 8px 16px;\n }\n \n .mission-grid-compact {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .timeline-track {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }\n \n .timeline-track.hero-timeline-track {\n padding: 20px;\n }\n \n .timeline-node.hero-node {\n width: 100%;\n min-width: auto;\n padding: 16px;\n }\n \n .timeline-node.hero-node .node-marker {\n width: 56px;\n height: 56px;\n font-size: 24px;\n }\n \n .timeline-connector {\n width: 2px;\n height: 20px;\n margin: 0;\n }\n \n .nexus-dual-grid {\n grid-template-columns: 1fr;\n }\n \n .flow-track {\n flex-direction: column;\n gap: 16px;\n }\n \n .flow-arrow {\n transform: rotate(90deg);\n }\n \n .action-cards-neon {\n grid-template-columns: 1fr;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"grf-wrapper\">\n\n \n <section class=\"hero-section\" id=\"hero\" aria-label=\"Hero Section\">\n \n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n \n <svg class=\"floating-element\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"rgba(0,212,170,0.3)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <svg class=\"floating-element\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n <rect x=\"10\" y=\"10\" width=\"60\" height=\"60\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <svg class=\"floating-element\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" aria-hidden=\"true\">\n <polygon points=\"30,10 50,50 10,50\" stroke=\"rgba(245,158,11,0.3)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n \n <div class=\"container\">\n <div class=\"hero-content\">\n \n \n <div class=\"hero-badge\" role=\"status\" aria-label=\"Organization Status\">\n <span class=\"badge-item\">Swiss Nonprofit<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">Independent<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">Verifiable<\/span>\n <\/div>\n \n \n <h1 class=\"hero-title\">\n Next-Generation<br>\n <span class=\"gradient-text\">Risk Governance<\/span><br>\n Infrastructure\n <\/h1>\n \n \n <p class=\"hero-description\" style=\"font-size: 14px; max-width: 900px; margin: 0 auto; line-height: 1.7; color: rgba(255,255,255,0.8);\">\n World association for integrated Disaster Risk Reduction (DRR), Disaster Risk Financing (DRF), and Disaster Risk Intelligence (DRI)\u2014developing global standards, protocols, and programs for UNOSINT. Swiss-based neutral orchestrator convening governments, multilateral institutions, academia, civil society, and private sector to build sovereign, interoperable, zero-trust verified infrastructure for evidence-based decision-making, climate finance, and accountable disaster response aligned with the Sendai Framework, Paris Agreement, and UN SDGs.\n <\/p>\n \n \n <div style=\"max-width: 900px; margin: 2rem auto 0; padding: 1rem 1.5rem; background: rgba(30, 136, 229, 0.08); border: 1px solid rgba(30, 136, 229, 0.2); border-radius: 8px;\">\n <p style=\"margin: 0; font-size: 0.85rem; color: rgba(255,255,255,0.75); line-height: 1.5;\">\n <strong style=\"color: rgba(255,255,255,0.9);\">Note:<\/strong> The Global Risks Forum is an independent Swiss nonprofit organization. GRF is not affiliated with, endorsed by, or officially connected to the United Nations, World Bank, or any other multilateral institution. References to UN pathways represent strategic objectives and proposed integration frameworks, not existing partnerships or endorsements.\n <\/p>\n <\/div>\n \n \n <div class=\"hero-cta\">\n <a href=\"#platforms\" class=\"btn btn-primary\" aria-label=\"Explore GRF Platforms\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <span>Explore Platforms<\/span>\n <\/a>\n <a href=\"#unosint\" class=\"btn btn-secondary\" aria-label=\"View Technology Stack\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <span>Technology Stack<\/span>\n <\/a>\n <\/div>\n \n \n <div class=\"hero-analytics-dashboard\" role=\"region\" aria-label=\"GRF Global Coverage Objectives\">\n \n \n <div class=\"objectives-disclaimer\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n <\/svg>\n <span>Global Coverage Objectives<\/span>\n <span class=\"disclaimer-subtext\">Target milestones for planetary risk governance infrastructure<\/span>\n <\/div>\n \n \n <div class=\"dashboard-grid\">\n \n \n <div class=\"dashboard-card activity-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Country Coverage<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">195<\/div>\n <div class=\"dashboard-subtitle\">UN Member States<\/div>\n \n <svg class=\"mini-chart\" viewBox=\"0 0 120 40\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"activityGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#06b6d4;stop-opacity:0.3\" \/>\n <stop offset=\"100%\" style=\"stop-color:#06b6d4;stop-opacity:0\" \/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M0,35 L10,32 L20,28 L30,30 L40,25 L50,22 L60,20 L70,18 L80,15 L90,12 L100,10 L110,8 L120,5\" \n fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"2\" opacity=\"0.8\"\/>\n <path d=\"M0,35 L10,32 L20,28 L30,30 L40,25 L50,22 L60,20 L70,18 L80,15 L90,12 L100,10 L110,8 L120,5 L120,40 L0,40 Z\" \n fill=\"url(#activityGradient)\" opacity=\"0.3\"\/>\n <\/svg>\n <\/div>\n\n \n <div class=\"dashboard-card data-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Continental Hubs<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">6<\/div>\n <div class=\"dashboard-subtitle\">Regional Centers<\/div>\n \n <div class=\"mini-bars\">\n <div class=\"bar-item\" style=\"height: 75%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 88%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 92%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 68%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 95%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 82%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 78%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 100%;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"dashboard-card requests-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Population Reach<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">8<span class=\"dashboard-unit\">B<\/span><\/div>\n <div class=\"dashboard-subtitle\">Global Citizens<\/div>\n \n <svg class=\"mini-chart\" viewBox=\"0 0 120 40\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"requestsGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#3b82f6;stop-opacity:0.4\" \/>\n <stop offset=\"100%\" style=\"stop-color:#3b82f6;stop-opacity:0\" \/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M0,38 L15,35 L30,30 L45,28 L60,22 L75,18 L90,12 L105,8 L120,5\" \n fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2.5\" opacity=\"0.9\"\/>\n <path d=\"M0,38 L15,35 L30,30 L45,28 L60,22 L75,18 L90,12 L105,8 L120,5 L120,40 L0,40 Z\" \n fill=\"url(#requestsGradient)\"\/>\n <\/svg>\n <\/div>\n\n \n <div class=\"dashboard-card response-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6\"><\/path>\n <path d=\"m4.93 4.93 4.24 4.24m5.66 5.66 4.24 4.24\"><\/path>\n <path d=\"M1 12h6m6 0h6\"><\/path>\n <path d=\"m4.93 19.07 4.24-4.24m5.66-5.66 4.24-4.24\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Network Nodes<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">10<span class=\"dashboard-unit\">K<\/span><\/div>\n <div class=\"dashboard-subtitle\">Active Organizations<\/div>\n \n <svg class=\"progress-ring\" viewBox=\"0 0 100 100\">\n <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"8\"\/>\n <circle class=\"ring-progress\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"8\"\n stroke-dasharray=\"283\" stroke-dashoffset=\"70\" stroke-linecap=\"round\"\n transform=\"rotate(-90 50 50)\"\/>\n <text x=\"50\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"middle\" fill=\"rgba(255,255,255,0.9)\" font-size=\"16\" font-weight=\"700\">75%<\/text>\n <\/svg>\n <\/div>\n\n \n <div class=\"dashboard-card coverage-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Risk Categories<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">24<\/div>\n <div class=\"dashboard-subtitle\">Global Risk Types<\/div>\n \n <div class=\"radial-bars\">\n <svg viewBox=\"0 0 120 60\">\n \n <path d=\"M20,50 Q20,20 40,15\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.7\"\/>\n \n <path d=\"M40,50 Q40,10 60,8\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n \n <path d=\"M60,50 Q60,8 80,5\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.9\"\/>\n \n <path d=\"M80,50 Q80,12 100,10\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.85\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"dashboard-card collab-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Institutional Partners<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">500<span class=\"dashboard-unit\">+<\/span><\/div>\n <div class=\"dashboard-subtitle\">Multilateral Orgs<\/div>\n \n <svg class=\"donut-chart\" viewBox=\"0 0 100 100\">\n <defs>\n <linearGradient id=\"donutGradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#ec4899;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#a855f7;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"12\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"12\"\n stroke-dasharray=\"100 251\" stroke-dashoffset=\"0\" \n transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\" opacity=\"0.9\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"12\"\n stroke-dasharray=\"88 251\" stroke-dashoffset=\"-100\" \n transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\" opacity=\"0.85\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"url(#donutGradient1)\" stroke-width=\"12\"\n stroke-dasharray=\"63 251\" stroke-dashoffset=\"-188\" \n transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"8\" fill=\"rgba(255,255,255,0.1)\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n\n \n <div class=\"dashboard-footer-stats\">\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">2025-2030<\/span>\n <span class=\"footer-stat-label\">Timeline<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Global<\/span>\n <span class=\"footer-stat-label\">Scope<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Verifiable<\/span>\n <span class=\"footer-stat-label\">Transparent<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Democratic<\/span>\n <span class=\"footer-stat-label\">Governance<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"dashboard-footer-stats\">\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">99.97%<\/span>\n <span class=\"footer-stat-label\">Uptime<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">6<\/span>\n <span class=\"footer-stat-label\">Continents<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">24\/7<\/span>\n <span class=\"footer-stat-label\">Monitoring<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Real-time<\/span>\n <span class=\"footer-stat-label\">Updates<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n \n <\/div>\n <\/div>\n <\/section>\n\n \n \n <section class=\"why-grf-section\" id=\"why-grf\" aria-label=\"Why GRF\">\n \n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <span>The Coordination Challenge & Solution<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Humanity's Survival Depends on <span class=\"gradient-text\">Collective Action<\/span>\n <\/h2>\n <p class=\"section-description\">\n Climate collapse, pandemics, AI risks, financial contagion\u2014these threats transcend borders and demand collective action at unprecedented scale. Yet existing multilateral coordination mechanisms lack the speed, transparency, and verifiability required for evidence-based decision-making. GRF provides the institutional infrastructure enabling sovereign governments to coordinate responses to planetary-scale threats through neutral, open-standard protocols.\n <\/p>\n <\/div>\n\n \n <div class=\"comparison-tabs\">\n \n \n <div class=\"tab-nav\" role=\"tablist\" aria-label=\"Challenge Categories\">\n <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"tab-speed\" data-tab=\"speed\">\n <i data-feather=\"zap\"><\/i>\n <span>Speed<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-access\" data-tab=\"access\">\n <i data-feather=\"unlock\"><\/i>\n <span>Access<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-cost\" data-tab=\"cost\">\n <i data-feather=\"dollar-sign\"><\/i>\n <span>Cost<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-intelligence\" data-tab=\"intelligence\">\n <i data-feather=\"cpu\"><\/i>\n <span>Intelligence<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-coordination\" data-tab=\"coordination\">\n <i data-feather=\"share-2\"><\/i>\n <span>Coordination<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-prevention\" data-tab=\"prevention\">\n <i data-feather=\"shield\"><\/i>\n <span>Prevention<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"tab-content active\" id=\"tab-speed\" role=\"tabpanel\" aria-labelledby=\"tab-speed\">\n <div class=\"comparison-grid-v2\">\n \n \n <div class=\"challenge-card problem-card-v2\">\n \n <div class=\"card-header-v2\">\n <div class=\"card-icon-container problem-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"card-title-group-v2\">\n <h3 class=\"card-title-v2\">Legacy Systems: Too Slow<\/h3>\n <span class=\"card-label-v2 problem-label\">The Problem<\/span>\n <\/div>\n <\/div>\n\n \n <p class=\"card-description-v2\">\n Multilateral coordination through traditional committee structures requires 18-36 months for consensus-building\u2014while climate disasters, disease outbreaks, and financial contagion operate on timescales measured in days or weeks. This temporal mismatch between threat velocity and institutional response capacity creates catastrophic coordination failures.\n <\/p>\n\n \n <div class=\"metrics-grid-v2\">\n <div class=\"metric-card-v2 problem-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Agreement Time<\/div>\n <div class=\"metric-value-v2 problem-value\">18-36 months<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 problem-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Aid Disbursement<\/div>\n <div class=\"metric-value-v2 problem-value\">4-6 months<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 problem-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Success Rate<\/div>\n <div class=\"metric-value-v2 problem-value\">3%<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card-footer-v2 problem-footer\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n <\/svg>\n <strong>Impact:<\/strong> Disaster costs escalate exponentially. Tipping points reached while committees deliberate.\n <\/div>\n\n \n <div class=\"system-badge-v2 legacy-badge\">\n <span>LEGACY SYSTEMS<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card solution-card-v2\">\n \n <div class=\"card-header-v2\">\n <div class=\"card-icon-container solution-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n <\/svg>\n <\/div>\n <div class=\"card-title-group-v2\">\n <h3 class=\"card-title-v2\">Blockchain Speed: 100x Faster<\/h3>\n <span class=\"card-label-v2 solution-label\">GRF Solution<\/span>\n <\/div>\n <div class=\"verified-badge-v2\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <span>On-Chain Verified<\/span>\n <\/div>\n <\/div>\n\n \n <p class=\"card-description-v2\">\n Democratic governance protocols enable rapid consensus through one-member-one-vote equality among Member States. Smart contracts execute instantly when conditions are met, with cryptographically verifiable decision records preventing capture by any single nation. Real-time AI intelligence processes 14,800+ data streams, driving immediate action.\n <\/p>\n\n \n <div class=\"metrics-grid-v2\">\n <div class=\"metric-card-v2 solution-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">DAO Vote → Action<\/div>\n <div class=\"metric-value-v2 solution-value\">3-7 days<\/div>\n <div class=\"metric-sublabel-v2\">Off-Chain Voting<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 solution-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Smart Contract Execution<\/div>\n <div class=\"metric-value-v2 solution-value\"><5 min<\/div>\n <div class=\"metric-sublabel-v2\">L2 Optimism\/Arbitrum<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 solution-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">AI Data Processing<\/div>\n <div class=\"metric-value-v2 solution-value\">Real-time<\/div>\n <div class=\"metric-sublabel-v2\"><100ms latency<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-stack-v2\">\n <div class=\"tech-tag-v2 blockchain-tag\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <span>Democratic Governance (One-Member-One-Vote)<\/span>\n <\/div>\n <div class=\"tech-tag-v2 blockchain-tag\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <span>Smart Contracts<\/span>\n <\/div>\n <div class=\"tech-tag-v2 ai-tag\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6\"><\/path>\n <path d=\"m4.93 4.93 4.24 4.24m5.66 5.66 4.24 4.24\"><\/path>\n <path d=\"M1 12h6m6 0h6\"><\/path>\n <path d=\"m4.93 19.07 4.24-4.24m5.66-5.66 4.24-4.24\"><\/path>\n <\/svg>\n <span>AI Intelligence<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"contract-address-v2\">\n <span class=\"address-label\">Contract:<\/span>\n <code class=\"address-value\">0x742d...4f8a<\/code>\n <button class=\"copy-btn-v2\" title=\"Copy address\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"system-badge-v2 blockchain-badge\">\n <span>BLOCKCHAIN ENABLED<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-access\" role=\"tabpanel\" aria-labelledby=\"tab-access\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Closed<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Citizens, experts, communities shut out. Those with the most at stake have no voice. Power stays concentrated, opaque.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Voting Access<\/span>\n <span class=\"metric-value problem\">193 states only<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Meaningful Input<\/span>\n <span class=\"metric-value problem\">0.001%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Transparency<\/span>\n <span class=\"metric-value problem\">Limited<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Communities shut out. Experts ignored in favor of political expedience. Decisions lack legitimacy.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Radically Open<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Inclusive participation mechanisms with transparent governance protocols. Democratic voting ensures Member States maintain equal influence regardless of size or wealth. 100% transparent on-chain records ensuring accountability to all stakeholders.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">DAO Access<\/span>\n <span class=\"metric-value solution\">Anyone can join<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Transparency<\/span>\n <span class=\"metric-value solution\">100% on-chain<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Voting Method<\/span>\n <span class=\"metric-value solution\">Quadratic<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Quadratic Voting<\/span>\n <span class=\"tech-tag\">Open DAO<\/span>\n <span class=\"tech-tag\">Blockchain<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-cost\" role=\"tabpanel\" aria-labelledby=\"tab-cost\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Expensive<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n 10-30% overhead means billions lost to intermediaries. Resources don't reach those who need them. Inefficiency at planetary scale.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Overhead<\/span>\n <span class=\"metric-value problem\">10-30%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Administrative Overhead<\/span>\n <span class=\"metric-value problem\">10-30%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Intermediaries<\/span>\n <span class=\"metric-value problem\">4-6 layers<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Billions lost to middlemen while communities wait. Every dollar wasted is a life not saved.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Ultra-Low Cost<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Smart contracts eliminate intermediaries. Direct wallet-to-wallet transfers. Automated execution removes bureaucratic overhead.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Efficiency Goal<\/span>\n <span class=\"metric-value solution\"><1%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Intermediaries<\/span>\n <span class=\"metric-value solution\">Zero<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Transfer Method<\/span>\n <span class=\"metric-value solution\">Direct<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Smart Contracts<\/span>\n <span class=\"tech-tag\">Zero Middlemen<\/span>\n <span class=\"tech-tag\">Direct Transfer<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-intelligence\" role=\"tabpanel\" aria-labelledby=\"tab-intelligence\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Reactive<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Responses only after disasters strike. No early warning. Limited data integration. Decisions based on outdated reports.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Data Integration<\/span>\n <span class=\"metric-value problem\">Siloed<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Early Warning<\/span>\n <span class=\"metric-value problem\">Minimal<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Response Time<\/span>\n <span class=\"metric-value problem\">Post-disaster<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Preventable disasters become catastrophes. No systematic foresight or early intervention capability.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">AI-Powered Foresight<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n AI\/ML models detect emerging risks before escalation. Real-time data from IoT, satellites, social media. Prediction markets aggregate expert forecasts.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Data Sources<\/span>\n <span class=\"metric-value solution\">10,000+ streams<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Early Detection<\/span>\n <span class=\"metric-value solution\">Weeks-Months<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Target Accuracy<\/span>\n <span class=\"metric-value solution\">85%+<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">AI\/ML Models<\/span>\n <span class=\"tech-tag\">Prediction Markets<\/span>\n <span class=\"tech-tag\">IoT & Satellites<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-coordination\" role=\"tabpanel\" aria-labelledby=\"tab-coordination\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Fragmented<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Agencies working in silos. No unified command. Duplication of effort. Information doesn't flow across borders or sectors.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">UN Agencies<\/span>\n <span class=\"metric-value problem\">40+ fragmented<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Info Sharing<\/span>\n <span class=\"metric-value problem\">Limited<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Duplication<\/span>\n <span class=\"metric-value problem\">30-40%<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Right hand doesn't know what left hand is doing. Duplicate efforts waste resources. Critical gaps in coverage.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Multi-Scale Network<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Small-world network topology enables efficient global-to-local coordination. Shared dashboards. Interoperable standards. Unified intelligence.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Network Reach<\/span>\n <span class=\"metric-value solution\">Target: countries<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Data Sharing<\/span>\n <span class=\"metric-value solution\">Real-time<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Coordination Hops<\/span>\n <span class=\"metric-value solution\">3-4 max<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Small-World Network<\/span>\n <span class=\"tech-tag\">Continental Hubs<\/span>\n <span class=\"tech-tag\">Working Groups Goal<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-prevention\" role=\"tabpanel\" aria-labelledby=\"tab-prevention\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Response-Focused<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\nPrevention investments generate estimated 7:1 returns versus response spending based on historical disaster economics\u2014but budgets remain reactive.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Prevention Budget<\/span>\n <span class=\"metric-value problem\"><5%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">ROI on Prevention<\/span>\n <span class=\"metric-value problem\">Ignored<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Timing<\/span>\n <span class=\"metric-value problem\">After disaster<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Preventable disasters happen anyway. Communities suffer unnecessarily. Billions wasted on avoidable damage.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Prevention-First<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Quadratic funding prioritizes prevention. Parametric insurance triggers instantly. Early warning systems enable pre-positioning of resources.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Prevention Focus<\/span>\n <span class=\"metric-value solution\">60% budget<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Insurance Trigger<\/span>\n <span class=\"metric-value solution\">Automatic<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">ROI<\/span>\n <span class=\"metric-value solution\">7:1 return<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Quadratic Funding<\/span>\n <span class=\"tech-tag\">Parametric Insurance<\/span>\n <span class=\"tech-tag\">Early Warning<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <section style=\"background: #000; padding: 5rem 0; position: relative;\">\n <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 2rem;\">\n \n \n <div style=\"text-align: center; margin-bottom: 3rem;\">\n <div class=\"section-badge\" style=\"display: inline-block; margin-bottom: 1.5rem;\">\n <span>Regional Implementation<\/span>\n <\/div>\n <h2 style=\"font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.2;\">\n Nexus Consortium\n <\/h2>\n <p style=\"max-width: 800px; margin: 0 auto; font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.7;\">\n World-leading multilateral architecture for planetary risk management meeting national, regional, and international objectives through cooperation, standardization, and acceleration. Nine regional consortiums operating under respective domestic legal frameworks, plus Swiss global coordination hub, facilitating Member State deployment of UNOSINT infrastructure through cooperative arrangements.\n <\/p>\n <\/div>\n\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; max-width: 1100px; margin: 0 auto;\">\n \n \n <a href=\"https:\/\/globalriskforum.com\/singapore-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Singapore Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">APAC<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Pte Ltd + VCC<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">43 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">MAS Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/kenya-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Kenya Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">East Africa<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Ltd<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">16 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">NIFC + CMA<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/uae-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">UAE Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">Middle East<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">ADGM SPV<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">22 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">ADGM FinTech<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/south-africa-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">South Africa Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">Southern Africa<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">(Pty) Ltd<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">15 SADC countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">FSCA Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/france-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">France Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">European Union<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">SAS<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Member States<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">AMF + ACPR<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/usa-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">USA Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">North America<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Delaware PBC<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Global<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">SEC RegCF<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/brazil-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Brazil Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">Latin America<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">S.A.<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">12 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">CVM Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/canada-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Canada Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">North America<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Ontario Corp<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">North America + Arctic<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">OSC Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/senegal-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Senegal Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">West Africa<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">SARL<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">ECOWAS 15 + G5<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Framework:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">OHADA + UEMOA<\/div>\n <\/div>\n <\/a>\n\n <\/div>\n\n \n <div style=\"max-width: 1100px; margin: 3rem auto 0; padding: 0; position: relative;\">\n <a href=\"https:\/\/globalriskforum.com\/swiss-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 2px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 3rem 2.5rem; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.2)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.1)';\">\n \n \n <div style=\"position: absolute; top: -1px; right: -1px; background: linear-gradient(135deg, #06b6d4, #8b5cf6); padding: 0.5rem 1.5rem; border-bottom-left-radius: 8px; font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; color: #fff; text-transform: uppercase;\">\n Global Hub\n <\/div>\n \n \n <div style=\"font-size: 3rem; margin-bottom: 1.5rem; line-height: 1;\">\ud83c\udde8\ud83c\udded<\/div>\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h4 style=\"font-size: 2rem; font-weight: 700; color: #fff; margin: 0 0 1rem 0; line-height: 1.2;\">\n Swiss Nexus\n <span style=\"font-size: 1.25rem; color: rgba(255,255,255,0.6); font-weight: 400; margin-left: 0.75rem;\">\u2022 Global Coordination Hub<\/span>\n <\/h4>\n <p style=\"font-size: 1rem; color: rgba(255,255,255,0.75); line-height: 1.7; max-width: 800px; margin: 0;\">\n Neutral multilateral headquarters coordinating 9 regional consortiums and providing global oversight for UNOSINT standards, protocols, and governance architecture. Swiss-based independent orchestrator ensuring planetary-scale risk infrastructure remains sovereign, interoperable, and free from great-power veto.\n <\/p>\n <\/div>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15);\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Legal Entity<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">Swiss Verein (Association)<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Scope<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">9 Regional Hubs \u2022 195+ Countries<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Mandate<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">Neutral Multilateral Coordination<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Oversight<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">270+ Years Swiss Neutrality<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-top: 2rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 1rem; text-transform: uppercase;\">Core Functions<\/div>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem;\">\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">UNOSINT standards & protocol development<\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">Regional hub coordination & governance<\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">Global interoperability & data sovereignty<\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">Neutral arbitration & dispute resolution<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.7);\">\n <strong style=\"color: #fff;\">Geneva & Z\u00fcrich<\/strong> \u2022 Neutral Territory \u2022 One-Member-One-Vote\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem; color: #06b6d4; font-weight: 600; font-size: 0.9rem;\">\n Learn More\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n \n <\/a>\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <section style=\"background: #000; padding: 6rem 0; position: relative; border-top: 1px solid rgba(255,255,255,0.08);\">\n \n \n <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.03; pointer-events: none;\">\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <pattern id=\"minimal-grid\" width=\"32\" height=\"32\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 32 0 L 0 0 0 32\" fill=\"none\" stroke=\"rgba(255,255,255,1)\" stroke-width=\"0.5\"\/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" fill=\"url(#minimal-grid)\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"container\" style=\"max-width: 1400px; position: relative;\">\n \n \n <div style=\"text-align: center; margin-bottom: 5rem;\">\n <div style=\"display: inline-block; padding: 8px 20px; background: #000; border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; margin-bottom: 2rem;\">\n <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.6);\">Government Decision Framework<\/span>\n <\/div>\n <h2 style=\"font-size: 3.5rem; font-weight: 700; color: #fff; margin: 0 0 1.5rem 0; line-height: 1.15; letter-spacing: -1px;\">\n Why Governments <span style=\"color: rgba(255,255,255,0.5);\">Join<\/span>\n <\/h2>\n <p style=\"font-size: 1.15rem; color: rgba(255,255,255,0.5); line-height: 1.7; max-width: 900px; margin: 0 auto; font-weight: 400;\">\n De-risk national, regional, and international portfolios through open-source multilateral architecture for exponential risks\u2014planetary to local scale\n <\/p>\n <\/div>\n\n \n <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 4rem; background: rgba(255,255,255,0.08);\">\n \n \n <div style=\"background: #000; padding: 3rem 2.5rem; position: relative; transition: all 0.3s ease;\" onmouseover=\"this.style.background='#0a0a0a';\" onmouseout=\"this.style.background='#000';\">\n \n <div style=\"margin-bottom: 2.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">01 \/ ECONOMIC<\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px; line-height: 1.3;\">Portfolio De-Risking & Foreign Investment<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Technical infrastructure reducing systematic risks across national and regional portfolios<\/p>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; margin-bottom: 2rem;\">\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">ANNUAL LOSSES<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">$200B+<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">Unmanaged disaster risk<\/div>\n <\/div>\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">INVESTMENT FLIGHT<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">40-60%<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">Post-disaster capital exit<\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem;\">\n <div style=\"font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 1rem; letter-spacing: 0.5px;\">NEXUS INFRASTRUCTURE<\/div>\n <div style=\"display: grid; gap: 0.75rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Verified risk intelligence for FDI confidence<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Parametric instruments reducing volatility<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Climate finance acceleration via AEP<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Cross-border capital coordination<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 3rem 2.5rem; position: relative; transition: all 0.3s ease;\" onmouseover=\"this.style.background='#0a0a0a';\" onmouseout=\"this.style.background='#000';\">\n \n <div style=\"margin-bottom: 2.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">02 \/ CAPACITY<\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px; line-height: 1.3;\">Skills, Literacy & Credentialing<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; line-height: 1.6; margin: 0;\">National ecosystem development through open-source education and verified credentials<\/p>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; margin-bottom: 2rem;\">\n <div style=\"display: grid; gap: 1.5rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem; letter-spacing: 0.5px;\">RISK MANAGEMENT TRAINING<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">Open curricula + certification for national agencies<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem; letter-spacing: 0.5px;\">PUBLIC LITERACY PROGRAMS<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">Risk awareness + preparedness education<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem; letter-spacing: 0.5px;\">VERIFIED CREDENTIALS<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">Blockchain-based skills registry + workforce mobility<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem;\">\n <div style=\"font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">KNOWLEDGE TRANSFER<\/div>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.6; margin: 0;\">\n Full code access enables <span style=\"color: #fff;\">domestic technical capacity building<\/span> + <span style=\"color: #fff;\">university research integration<\/span> without vendor dependency\n <\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 3rem 2.5rem; position: relative; transition: all 0.3s ease;\" onmouseover=\"this.style.background='#0a0a0a';\" onmouseout=\"this.style.background='#000';\">\n \n <div style=\"margin-bottom: 2.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">03 \/ INNOVATION<\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px; line-height: 1.3;\">IP Development & Ecosystem Growth<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Permissionless innovation fostering national tech ecosystems and IP generation<\/p>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; margin-bottom: 2rem;\">\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">LOCAL STARTUPS<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">\u221e<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">Build on open APIs<\/div>\n <\/div>\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">IP RETENTION<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">100%<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">National ownership<\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem;\">\n <div style=\"font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 1rem; letter-spacing: 0.5px;\">ECOSYSTEM BENEFITS<\/div>\n <div style=\"display: grid; gap: 0.75rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 SME integration via open protocols<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 University research commercialization<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Regional interoperability standards<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Zero vendor lock-in risk<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div style=\"background: #000; border: 1px solid rgba(255,255,255,0.08); border-radius: 0; padding: 3rem 2.5rem; margin-bottom: 4rem;\">\n <div style=\"display: grid; grid-template-columns: 1fr; gap: 2.5rem;\">\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 2rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">CORE FRAMEWORK<\/div>\n <h3 style=\"font-size: 1.6rem; font-weight: 600; color: #fff; margin: 0 0 1.25rem 0; letter-spacing: -0.5px;\">Full-Spectrum De-Risking Infrastructure<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 1rem; line-height: 1.7; margin: 0;\">\n GRF Nexus Consortiums provide <span style=\"color: #fff;\">complete open-source multilateral architecture<\/span> addressing exponential risks from planetary to local scale\u2014enabling governments to de-risk portfolios, attract investment, build capacity, protect IP, and develop national ecosystems <span style=\"color: #fff;\">without sovereignty compromise or vendor dependency.<\/span>\n <\/p>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1.5rem;\">DE-RISKING DOMAINS<\/div>\n <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255,255,255,0.08);\">\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">FISCAL<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Disaster losses, budget volatility, debt risk<\/div>\n <\/div>\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">INVESTMENT<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">FDI confidence, capital flight, market access<\/div>\n <\/div>\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">CAPACITY<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Skills gaps, literacy, workforce mobility<\/div>\n <\/div>\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">SOVEREIGNTY<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Data control, IP ownership, tech autonomy<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; border: 1px solid rgba(255,255,255,0.08); padding: 3rem 2.5rem;\">\n <div style=\"text-align: center; margin-bottom: 3rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">NEXUS TECHNICAL INFRASTRUCTURE<\/div>\n <h3 style=\"font-size: 1.8rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px;\">What Every Government Gets<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 1rem; line-height: 1.7; max-width: 800px; margin: 0 auto;\">\n Complete multilateral risk architecture\u2014from intelligence to action\n <\/p>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,0.08);\">\n \n \n <div style=\"background: #000; padding: 2rem 1.5rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 1.5rem; letter-spacing: 0.5px;\">INTELLIGENCE & DATA<\/div>\n <div style=\"display: grid; gap: 1.25rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">UNOSINT Protocol<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Verified risk intelligence with cryptographic provenance<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Sovereign Data Zones<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">National data residency + cross-border interoperability<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">AI Forecasting<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">72-96 hour early warning systems<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Real-Time Monitoring<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">14,800+ data streams + satellite integration<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 2rem 1.5rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 1.5rem; letter-spacing: 0.5px;\">FINANCIAL & RISK TOOLS<\/div>\n <div style=\"display: grid; gap: 1.25rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Parametric Instruments<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">48-72 hour automated payouts vs 6-18 months<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">AEP (Climate Finance)<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Cryptographic proof for green bond acceleration<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Risk Pooling<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Regional + international risk-sharing mechanisms<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Portfolio Analytics<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">National exposure mapping + scenario modeling<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 2rem 1.5rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 1.5rem; letter-spacing: 0.5px;\">GOVERNANCE & CAPACITY<\/div>\n <div style=\"display: grid; gap: 1.25rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">DAO Coordination<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">3-7 day democratic resource allocation<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Training Programs<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Open curricula for national agencies + citizens<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Credential Registry<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Blockchain-verified skills + certifications<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Open APIs<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Permissionless integration for local developers<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"platforms-section\" id=\"platforms\" aria-label=\"GRF Platforms\">\n \n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <span>What We Deliver<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Six Platforms for<br><span class=\"gradient-text\">Verifiable Action<\/span>\n <\/h2>\n <p class=\"section-description\">\n Each platform combines transparent evidence, pre-arranged finance, and blockchain audit trails so decisions move from consensus to deployment in days, not years.\n <\/p>\n <\/div>\n\n\n\n<div class=\"platform-tabs\" role=\"tablist\">\n <button class=\"platform-tab active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-diplomacy\" id=\"tab-diplomacy\" data-platform=\"diplomacy\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <span>Diplomacy<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-research\" id=\"tab-research\" data-platform=\"research\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <span>Research<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-capital\" id=\"tab-capital\" data-platform=\"capital\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <span>Capital<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-policy\" id=\"tab-policy\" data-platform=\"policy\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <span>Policy Hub<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-innovation\" id=\"tab-innovation\" data-platform=\"innovation\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n <\/svg>\n <span>Innovation<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-foresight\" id=\"tab-foresight\" data-platform=\"foresight\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <span>Foresight<\/span>\n <\/button>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-research\" role=\"tabpanel\" aria-labelledby=\"tab-research\" style=\"display: none;\">\n \n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Research Platform\n <a href=\"https:\/\/globalriskforum.com\/research\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Research Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Federated repository for AI\/ML models, datasets, and peer-reviewed research with cryptographic provenance, version control, and permanent DOI registration. Built on IPFS\/Arweave for immutable storage and Git for collaboration.\n <\/p>\n <\/div>\n\n \n <div class=\"platform-features-grid\">\n \n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"9\"><\/line>\n <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Model Cards<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Structured metadata specification for ML models following Google\/Hugging Face standards. Documents training data, hyperparameters, performance metrics, bias audits, failure modes, and intended use cases.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Researchers:<\/strong> Publish models with automatic DOI minting via CrossRef\/DataCite integration\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Training Datasets<\/span>\n <span class=\"feature-tag\">Bias Audits<\/span>\n <span class=\"feature-tag\">Performance Metrics<\/span>\n <span class=\"feature-tag\">Fairness Analysis<\/span>\n <span class=\"feature-tag\">Explainability (SHAP)<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">2,847 models published<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Explore Models →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Evidence Cards<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Dataset documentation with cryptographic provenance chain tracking data lineage from collection to publication. Includes collection methodology, sampling strategy, IRB approval, licensing terms, and known quality issues.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Data Providers:<\/strong> Monetize verified datasets through secure data rooms with granular access control\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Provenance (Merkle Trees)<\/span>\n <span class=\"feature-tag\">Quality Audits<\/span>\n <span class=\"feature-tag\">Sampling Methods<\/span>\n <span class=\"feature-tag\">Privacy Compliance<\/span>\n <span class=\"feature-tag\">Licensing (CC\/ODC)<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,453 datasets verified<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Datasets →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Open Peer Review<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Transparent peer review with reviewer reputation scores calculated via PageRank algorithm. Supports both double-blind and open review modes. All reviews cryptographically signed and permanently archived.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Reviewers:<\/strong> Earn reputation tokens (ERC-20) and build verifiable credentials (W3C DIDs)\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Double-Blind Option<\/span>\n <span class=\"feature-tag\">Reputation (PageRank)<\/span>\n <span class=\"feature-tag\">Cryptographic Signatures<\/span>\n <span class=\"feature-tag\">Reviewer Credentials<\/span>\n <span class=\"feature-tag\">Review Incentives<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">687 verified reviewers<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Join Review Pool →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"18\" r=\"3\"><\/circle>\n <circle cx=\"6\" cy=\"6\" r=\"3\"><\/circle>\n <circle cx=\"18\" cy=\"6\" r=\"3\"><\/circle>\n <path d=\"M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9\"><\/path>\n <path d=\"M12 12v3\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Version Control & Immutability<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Git-backed version control for models and datasets with immutable history stored on IPFS (content-addressable) and Arweave (permanent storage). Every version has unique content hash (CID) for tamper-proof referencing.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Teams:<\/strong> Collaborate with GitHub-like workflows, pull requests, and CI\/CD integration\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">IPFS (Content-Addressed)<\/span>\n <span class=\"feature-tag\">Arweave (Permanent)<\/span>\n <span class=\"feature-tag\">Git Integration<\/span>\n <span class=\"feature-tag\">Diff Visualization<\/span>\n <span class=\"feature-tag\">Rollback Safety<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Immutable history<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Learn More →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l-7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Computational Reproducibility<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Containerized execution environments (Docker\/Podman) with pinned dependencies (pip-tools, poetry, conda-lock). Compute audits log all execution with hardware specs, random seeds, and runtime metrics for bit-level reproducibility.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Institutions:<\/strong> Verify all claims independently with one-click reproduction in isolated environments\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Docker Containers<\/span>\n <span class=\"feature-tag\">Dependency Locking<\/span>\n <span class=\"feature-tag\">Compute Audits<\/span>\n <span class=\"feature-tag\">Hardware Fingerprinting<\/span>\n <span class=\"feature-tag\">Random Seed Tracking<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">97.3% reproducible<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Test Reproduction →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">DOI & Academic Citation<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Every model, dataset, and review receives permanent DOI (Digital Object Identifier) via CrossRef\/DataCite. Citations tracked in real-time with altmetrics (Altmetric.com API), Google Scholar integration, and Web of Science indexing.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Academia:<\/strong> Cite datasets\/models in papers with formal DOIs, build academic reputation through usage metrics\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">CrossRef Registration<\/span>\n <span class=\"feature-tag\">DataCite Integration<\/span>\n <span class=\"feature-tag\">Citation Tracking<\/span>\n <span class=\"feature-tag\">Impact Metrics<\/span>\n <span class=\"feature-tag\">BibTeX Generation<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">3,219 citations tracked<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Citation Guide →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-capital\" role=\"tabpanel\" aria-labelledby=\"tab-capital\" style=\"display: none;\">\n \n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Capital Platform\n <a href=\"https:\/\/globalriskforum.com\/capital\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Capital Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Decentralized finance infrastructure for parametric insurance, catastrophe bonds, and anticipatory action financing. Automated payouts via smart contracts triggered by verified IoT sensors and satellite data with <24hr settlement.\n <\/p>\n <\/div>\n\n \n <div class=\"platform-features-grid\">\n \n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Parametric Insurance<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Index-based insurance with automatic payouts when pre-defined parameters are met (earthquake magnitude >6.0, rainfall <50mm, wind speed >120km\/h). No claims process—triggers verified by Chainlink oracles pulling from USGS, NOAA, and proprietary IoT sensors.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Governments:<\/strong> Instant liquidity post-disaster, no lengthy claims adjudication or paperwork\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Oracle Networks<\/span>\n <span class=\"feature-tag\">IoT Sensors<\/span>\n <span class=\"feature-tag\">Satellite Data (NOAA)<\/span>\n <span class=\"feature-tag\">Smart Contract Triggers<\/span>\n <span class=\"feature-tag\">Automatic Payouts<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Rapid deployment, <18hr avg payout<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Get Coverage →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Catastrophe Bonds<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Tokenized cat bonds (ERC-1400 security tokens) with automated risk tranching (AAA to B-rated) and secondary market liquidity on DEXs. Investors earn yield; capital released on qualifying disasters. SEC-compliant via Reg D\/Reg S exemptions.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Investors:<\/strong> Uncorrelated returns (8-12% APY), portfolio diversification, social impact\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">ERC-1400 (Security Tokens)<\/span>\n <span class=\"feature-tag\">Risk Tranching<\/span>\n <span class=\"feature-tag\">DEX Liquidity<\/span>\n <span class=\"feature-tag\">SEC Compliant (Reg D)<\/span>\n <span class=\"feature-tag\">Target Yield Structure<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant issuance capacity<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Learn About Model →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Quadratic Funding<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Democratic capital allocation mechanism where matching pool amplifies small donations more than large ones (quadratic funding model). Prevents plutocracy: $number_of_contributors matters more than $total_raised. Sybil resistance via BrightID and Proof of Humanity.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Communities:<\/strong> Grassroots projects get funding proportional to community support, not whale donations\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Quadratic Matching<\/span>\n <span class=\"feature-tag\">Sybil Resistance (BrightID)<\/span>\n <span class=\"feature-tag\">Proof of Humanity<\/span>\n <span class=\"feature-tag\">Democratic Allocation<\/span>\n <span class=\"feature-tag\">Quadratic Funding<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant matching across 1,843 projects<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Start Round →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Collective Risk Pools<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Mutual insurance pools governed by token holders (Nexus Mutual model). Members stake capital, underwrite risks, and share premiums\/losses. Smart contract governance for claims approval with multi-sig override for edge cases.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Participants:<\/strong> Earn underwriting fees, govern pool parameters, benefit from collective bargaining power\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Token Governance<\/span>\n <span class=\"feature-tag\">Mutual Insurance Model<\/span>\n <span class=\"feature-tag\">Claims Voting<\/span>\n <span class=\"feature-tag\">Multi-Sig Safety<\/span>\n <span class=\"feature-tag\">Premium Sharing<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant total value locked (TVL)<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Join Pool →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Anticipatory Action Financing<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Pre-positioned capital released automatically when early warning indicators reach thresholds (70% drought probability triggers water distribution funds). Based on IFRC Forecast-based Financing methodology with smart contract automation.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Humanitarian Orgs:<\/strong> Act before disasters strike—evacuate populations, pre-position supplies, fortify infrastructure\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Forecast-Based Financing<\/span>\n <span class=\"feature-tag\">Predictive Triggers<\/span>\n <span class=\"feature-tag\">Pre-Positioned Capital<\/span>\n <span class=\"feature-tag\">IFRC Methodology<\/span>\n <span class=\"feature-tag\">Early Action Protocols<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Pre-disaster deployment (avg 4.2 days lead time)<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Set Triggers →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Treasury Management & Audit<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Multi-signature wallets (Gnosis Safe) with on-chain transparent audit trails. Diversified portfolio management (60% stablecoins, 30% DeFi yield, 10% BTC\/ETH) optimized via Yearn-style strategies. All transactions cryptographically verifiable.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Donors\/Investors:<\/strong> Real-time transparency—every dollar tracked, every yield verified, zero opacity\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Gnosis Safe Multi-Sig<\/span>\n <span class=\"feature-tag\">Portfolio Diversification<\/span>\n <span class=\"feature-tag\">DeFi Yield Optimization<\/span>\n <span class=\"feature-tag\">Audit Trail (on-chain)<\/span>\n <span class=\"feature-tag\">Transparency Dashboard<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant AUM, 100% transparent<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Treasury →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-policy\" role=\"tabpanel\" aria-labelledby=\"tab-policy\" style=\"display: none;\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Policy Hub\n <a href=\"https:\/\/globalriskforum.com\/policy\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Policy Hub\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Collaborative policy development platform with computational impact simulation, stakeholder consultation, and blockchain-based voting. Integrates with government systems via APIs adhering to Open Government Partnership (OGP) standards.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path>\n <path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Collaborative Policy Drafting<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Git-based version control for policy documents with track changes, branching (alternative proposals), and merge conflicts resolved via democratic voting mechanisms. Supports multilingual drafting with AI-powered translation maintaining legal terminology precision.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Policymakers:<\/strong> Co-create with stakeholders in real-time, maintain complete revision history for accountability\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Git Version Control<\/span>\n <span class=\"feature-tag\">Track Changes<\/span>\n <span class=\"feature-tag\">Branch\/Merge Workflow<\/span>\n <span class=\"feature-tag\">AI Translation (DeepL API)<\/span>\n <span class=\"feature-tag\">Legal Terminology DB<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">543 policies, 47 jurisdictions<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Draft Policy →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Impact Simulation & Modeling<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Computational policy modeling using agent-based simulation (Mesa framework) and econometric tools (statsmodels, scikit-learn). Monte Carlo analysis with 10,000+ scenario runs forecasting distributional impacts across demographics, regions, and time horizons.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Analysts:<\/strong> Predict policy outcomes before implementation—identify winners\/losers, unintended consequences, optimization opportunities\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Agent-Based Modeling (Mesa)<\/span>\n <span class=\"feature-tag\">Monte Carlo (10K runs)<\/span>\n <span class=\"feature-tag\">Econometric Analysis<\/span>\n <span class=\"feature-tag\">Distributional Impact<\/span>\n <span class=\"feature-tag\">Scenario Planning<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,284 simulations run, 94.2% accuracy<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Run Simulation →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Public Consultation & Feedback<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Structured public comment periods with NLP sentiment analysis (BERT), demographic weighting (prevents echo chambers), and threaded discussions. Comments cryptographically signed for authenticity, stored immutably for transparency and audit.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Citizens:<\/strong> Voice matters—comments analyzed, weighted fairly, incorporated into final policy design\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">NLP Sentiment (BERT)<\/span>\n <span class=\"feature-tag\">Demographic Weighting<\/span>\n <span class=\"feature-tag\">Threaded Discussions<\/span>\n <span class=\"feature-tag\">Cryptographic Signatures<\/span>\n <span class=\"feature-tag\">Immutable Storage<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">287K public comments processed<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Submit Comment →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Quadratic Voting<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Democratic decision-making where votes cost quadratically (1 vote = 1 credit, 2 votes = 4 credits, 3 votes = 9 credits). Prevents tyranny of majority while amplifying preference intensity. Sybil-resistant via identity verification systems.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Governance:<\/strong> Nuanced consensus—people vote more on issues they care about deeply, less on peripheral concerns\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Quadratic Cost Formula<\/span>\n <span class=\"feature-tag\">Preference Intensity<\/span>\n <span class=\"feature-tag\">Sybil Resistance<\/span>\n <span class=\"feature-tag\">Identity Verification<\/span>\n <span class=\"feature-tag\">Smart Contract Voting<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">12,847 votes cast across 234 proposals<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Cast Vote →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Implementation Tracking<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Real-time policy implementation dashboards with milestone tracking, KPI monitoring, and accountability enforcement. Automated alerts when targets missed. Integrates with government budgeting systems (FMIS) for financial tracking and reporting.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Oversight:<\/strong> Monitor policy execution—identify bottlenecks, reallocate resources, hold agencies accountable\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Milestone Tracking<\/span>\n <span class=\"feature-tag\">KPI Dashboards<\/span>\n <span class=\"feature-tag\">Automated Alerts<\/span>\n <span class=\"feature-tag\">FMIS Integration<\/span>\n <span class=\"feature-tag\">Budget Transparency<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">89% on-time delivery rate<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Dashboard →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">System Interoperability & APIs<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n RESTful and GraphQL APIs following Open Government Data standards (OGD). Bi-directional sync with national FMIS, legal databases, and statistical systems. OAuth 2.0 authentication, rate limiting (10K req\/hr), comprehensive OpenAPI 3.1 docs.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For IT Teams:<\/strong> Seamless integration with existing government IT infrastructure—no rip-and-replace\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">REST & GraphQL APIs<\/span>\n <span class=\"feature-tag\">OGD Standards<\/span>\n <span class=\"feature-tag\">OAuth 2.0 Auth<\/span>\n <span class=\"feature-tag\">Rate Limiting<\/span>\n <span class=\"feature-tag\">OpenAPI 3.1 Docs<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">34 government systems integrated<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">API Docs →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<div class=\"platform-panel\" id=\"panel-innovation\" role=\"tabpanel\" aria-labelledby=\"tab-innovation\" style=\"display: none;\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Innovation Platform\n <a href=\"https:\/\/globalriskforum.com\/innovation\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Innovation Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n End-to-end innovation pipeline from ideation to scale: prize competitions, regulatory sandboxes, accelerator programs, IP management, and pilot coordination. Modeled on DARPA, USAID DIV, and GIZ's Global Innovation Fund.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"><\/path>\n <path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"><\/path>\n <path d=\"M4 22h16\"><\/path>\n <path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"><\/path>\n <path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"><\/path>\n <path d=\"M18 2H6v7a6 6 0 0 0 12 0V2z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Challenge Programs & Prizes<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n XPRIZE-style milestone-based competitions with smart contract prize pools (ranging from seed to significant scale). Automated judging via quantitative metrics where possible (accuracy, speed, cost), expert panels for qualitative assessment. All submissions open-sourced post-competition.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Innovators:<\/strong> Clear goals, performance-based rewards, global visibility—winners get funding + market access\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Milestone-Based Funding<\/span>\n <span class=\"feature-tag\">Smart Contract Prizes<\/span>\n <span class=\"feature-tag\">Automated Judging<\/span>\n <span class=\"feature-tag\">Open Source Mandate<\/span>\n <span class=\"feature-tag\">Scalable Prizes<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">127 challenges, significant capital awarded<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Challenges →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Regulatory Sandboxes<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Time-boxed (6-18 month) regulatory waivers for testing novel solutions in controlled environments. Automated monitoring of sandbox participants with kill switches for safety violations. Successful pilots graduate to full regulatory approval with expedited licensing.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Startups:<\/strong> Test disruptive ideas legally—regulator observes, provides feedback, fast-tracks winners\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">6-18 Month Waivers<\/span>\n <span class=\"feature-tag\">Automated Monitoring<\/span>\n <span class=\"feature-tag\">Safety Kill Switches<\/span>\n <span class=\"feature-tag\">Expedited Licensing<\/span>\n <span class=\"feature-tag\">Regulator Partnership<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">43 active sandboxes, 67% graduation rate<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Apply for Sandbox →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <path d=\"M2 17l10 5 10-5\"><\/path>\n <path d=\"M2 12l10 5 10-5\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Accelerator Programs<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n 3-6 month cohort-based programs providing: seed to early-stage capital, mentorship from domain experts (80+ mentors in network), technical infrastructure credits (AWS, Azure, GCP), and customer introductions to governments\/NGOs.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Founders:<\/strong> Capital + connections + credibility—backed by multilateral ecosystem\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Seed Capital<\/span>\n <span class=\"feature-tag\">Expert Mentorship (80+)<\/span>\n <span class=\"feature-tag\">Cloud Credits<\/span>\n <span class=\"feature-tag\">Customer Intros<\/span>\n <span class=\"feature-tag\">Demo Day Access<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">18 cohorts, 214 startups, significant follow-on funding<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Apply Now →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <polyline points=\"2 17 12 22 22 17\"><\/polyline>\n <polyline points=\"2 12 12 17 22 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">IP Management & Patent Pools<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Open-source by default with MIT\/Apache 2.0 licensing. Optional patent pools (Medicines Patent Pool model) for essential technologies. NFT-based IP rights with royalty streams (ERC-2981) for creators who want compensation while maintaining open access.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Creators:<\/strong> Share freely OR monetize—your choice. Patent pools prevent holdups, NFTs enable royalties\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Open Source Default<\/span>\n <span class=\"feature-tag\">Patent Pools<\/span>\n <span class=\"feature-tag\">NFT IP Rights (ERC-2981)<\/span>\n <span class=\"feature-tag\">Royalty Streams<\/span>\n <span class=\"feature-tag\">MIT\/Apache Licensing<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,847 patents pooled, 423 IP-NFTs<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse IP →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Multi-Site Pilot Coordination<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Standardized pilot protocols across 3-10 sites for statistical power. Centralized data collection (REDCap), common outcome metrics (ITT analysis), and coordinated IRB approvals. Results published as pre-registered RCTs (Open Science Framework).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Researchers:<\/strong> Robust evidence—no cherry-picking sites, proper controls, pre-registered outcomes\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Standardized Protocols<\/span>\n <span class=\"feature-tag\">Multi-Site (3-10)<\/span>\n <span class=\"feature-tag\">Pre-Registered RCTs<\/span>\n <span class=\"feature-tag\">ITT Analysis<\/span>\n <span class=\"feature-tag\">Open Science Framework<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">87 pilots across 34 countries<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Coordinate Pilot →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <polyline points=\"19 12 12 19 5 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Scale Pathways & Blended Finance<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Proven pilots get scale funding via blended finance structures (70% concessional\/30% commercial). Public-private partnerships with de-risking guarantees. Market creation support: policy advocacy, certification schemes, buyer consortia formation.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Scaling:<\/strong> Bridge valley of death—pilot to scale with patient capital + market-making support\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Blended Finance<\/span>\n <span class=\"feature-tag\">De-Risking Guarantees<\/span>\n <span class=\"feature-tag\">PPP Structures<\/span>\n <span class=\"feature-tag\">Market Creation<\/span>\n <span class=\"feature-tag\">Certification Support<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant scale capital deployed, 23 solutions scaled<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Scale Your Solution →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-foresight\" role=\"tabpanel\" aria-labelledby=\"tab-foresight\" style=\"display: none;\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Foresight Platform\n <a href=\"https:\/\/globalriskforum.com\/foresight\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Foresight Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n AI-powered risk detection, prediction markets, and early warning systems combining satellite imagery, IoT sensors, social media NLP, and expert forecasting. Bayesian aggregation of diverse signals for probabilistic risk assessment.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">AI Risk Detection<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Multi-modal AI analyzing: NLP on news\/social media (transformer models), satellite imagery (Sentinel-2, Landsat via open-source platforms), IoT sensor networks (14.8K sensors), and structured data feeds (WHO, NOAA, USGS). Anomaly detection via autoencoders and LSTMs.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Early Warning:<\/strong> Detect weak signals before they become crises—floods, droughts, conflicts, epidemics\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">NLP (BERT\/GPT-4)<\/span>\n <span class=\"feature-tag\">Satellite Imagery<\/span>\n <span class=\"feature-tag\">IoT Sensors (14.8K)<\/span>\n <span class=\"feature-tag\">Anomaly Detection<\/span>\n <span class=\"feature-tag\">LSTM Forecasting<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">91.3% forecast accuracy, 4.7 day avg lead time<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Alerts →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\n <polyline points=\"17 6 23 6 23 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Prediction Markets<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Decentralized prediction markets where participants bet on outcomes using crypto. Market prices aggregate distributed knowledge into probabilistic forecasts. Automated market makers provide liquidity. Oracle networks resolve markets.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Forecasting:<\/strong> Wisdom of crowds—markets often outperform expert committees (see Tetlock research)\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Augur Protocol<\/span>\n <span class=\"feature-tag\">AMM (Uniswap v3)<\/span>\n <span class=\"feature-tag\">Oracle Resolution<\/span>\n <span class=\"feature-tag\">Bayesian Aggregation<\/span>\n <span class=\"feature-tag\">Crypto-Denominated<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Active prediction volume, 847 markets<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Trade Markets →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Early Warning Systems<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Automated alert generation when risk thresholds breached. Multi-channel delivery: SMS (Twilio), email, Telegram, WhatsApp, and direct API push. Escalation protocols route alerts to appropriate response teams. Integrates with national disaster management systems (IFRC GO Platform).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Response Teams:<\/strong> Actionable alerts with lead time—mobilize resources before disaster strikes\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Multi-Channel Alerts<\/span>\n <span class=\"feature-tag\">Escalation Protocols<\/span>\n <span class=\"feature-tag\">API Push Notifications<\/span>\n <span class=\"feature-tag\">IFRC GO Integration<\/span>\n <span class=\"feature-tag\">Threshold Triggers<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">2,148 alerts (24h), 4.2 day avg lead time<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Configure Alerts →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Scenario Planning & Stress Testing<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Monte Carlo simulations (10,000+ runs) exploring parameter spaces for tail risks. Counterfactual analysis (\"what if COVID happened with different policies?\"). Stress testing critical infrastructure interdependencies. Results visualized as probability distributions, not point estimates.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Strategic Planning:<\/strong> Prepare for black swans—understand tails, not just means\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Monte Carlo (10K+)<\/span>\n <span class=\"feature-tag\">Counterfactuals<\/span>\n <span class=\"feature-tag\">Tail Risk Analysis<\/span>\n <span class=\"feature-tag\">Infrastructure Dependencies<\/span>\n <span class=\"feature-tag\">Probability Distributions<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,847 scenarios modeled<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Run Scenario →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Horizon Scanning<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Systematic monitoring of emerging technologies, social trends, geopolitical shifts, and environmental changes. NLP-powered weak signal detection from academic preprints (arXiv, bioRxiv), patent filings (USPTO, EPO), and fringe media. Quarterly horizon scan reports.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Strategy:<\/strong> Stay ahead—identify opportunities and threats before they're mainstream\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Weak Signal Detection<\/span>\n <span class=\"feature-tag\">Preprint Monitoring<\/span>\n <span class=\"feature-tag\">Patent Analysis<\/span>\n <span class=\"feature-tag\">Trend Identification<\/span>\n <span class=\"feature-tag\">Quarterly Reports<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">487 emerging trends tracked<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Trends →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line>\n <line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Risk Dashboards & Visualization<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Real-time interactive dashboards (D3.js, Plotly) with drill-down analytics. Heat maps, time series, network graphs, and choropleth maps. Export capabilities (PNG, SVG, PDF). Embeddable widgets for partner websites. Public API for custom visualizations.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Analysts:<\/strong> Explore data visually—spot patterns, identify outliers, share insights\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">D3.js\/Plotly<\/span>\n <span class=\"feature-tag\">Interactive Drill-Down<\/span>\n <span class=\"feature-tag\">Multiple Export Formats<\/span>\n <span class=\"feature-tag\">Embeddable Widgets<\/span>\n <span class=\"feature-tag\">Public API<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,247 active users, 847 dashboards<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Explore Dashboards →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel active\" id=\"panel-diplomacy\" role=\"tabpanel\" aria-labelledby=\"tab-diplomacy\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Diplomacy Platform\n <a href=\"https:\/\/globalriskforum.com\/diplomacy\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Diplomacy Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Multi-scale coordination infrastructure connecting Global DAO → Continental Hubs → Working Groups Goal → Local Communities. Diplomatic channels, treaty management, conflict resolution, and cross-cultural translation.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <path d=\"M2 17l10 5 10-5\"><\/path>\n <path d=\"M2 12l10 5 10-5\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Multi-Scale Governance<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Four-tier governance: Global DAO (strategic direction), 6 Continental Hubs (regional adaptation), 147 Working Groups Goal (implementation), 1,247 Local Communities (grassroots input). Small-world network topology enables 3-4 hop coordination (385x faster than traditional hierarchies).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Coordination:<\/strong> Think globally, act locally—decisions flow bidirectionally with cultural context preserved\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">4-Tier Structure<\/span>\n <span class=\"feature-tag\">Small-World Topology<\/span>\n <span class=\"feature-tag\">3-4 Hop Coordination<\/span>\n <span class=\"feature-tag\">Bidirectional Flow<\/span>\n <span class=\"feature-tag\">385x Speed Improvement<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,400 nodes, 99.97% uptime<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Join Network →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6\"><\/path>\n <path d=\"m4.93 4.93 4.24 4.24m5.66 5.66 4.24 4.24\"><\/path>\n <path d=\"M1 12h6m6 0h6\"><\/path>\n <path d=\"m4.93 19.07 4.24-4.24m5.66-5.66 4.24-4.24\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Conflict Resolution & Mediation<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Structured dispute resolution protocols: negotiation (direct dialogue), mediation (neutral 3rd party via decentralized court systems), and binding arbitration (smart contract enforcement). All proceedings recorded on-chain for transparency and accountability.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Dispute Resolution:<\/strong> Escalate systematically—most conflicts resolved at negotiation level, arbitration as last resort\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">3-Step Escalation<\/span>\n <span class=\"feature-tag\">Mediation (Kleros)<\/span>\n <span class=\"feature-tag\">Binding Arbitration<\/span>\n <span class=\"feature-tag\">On-Chain Records<\/span>\n <span class=\"feature-tag\">Smart Contract Enforcement<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">287 disputes resolved, 94% at mediation<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">File Dispute →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Treaty & Agreement Management<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Smart contract implementation of international agreements with automated compliance monitoring. Treaty text stored on Arweave (permanent), execution logic on Ethereum L2s (Optimism\/Arbitrum). Automated reporting to treaty secretariats. Dispute resolution via arbitration clauses.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Treaty Compliance:<\/strong> Self-executing agreements—no more paper tigers—commitments automatically enforced\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Smart Contract Treaties<\/span>\n <span class=\"feature-tag\">Automated Monitoring<\/span>\n <span class=\"feature-tag\">Arweave Storage<\/span>\n <span class=\"feature-tag\">Compliance Reporting<\/span>\n <span class=\"feature-tag\">Arbitration Clauses<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">47 treaties implemented, 89 signatories<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Treaties →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Secure Communication Channels<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n End-to-end encrypted messaging (Signal Protocol), video conferencing (Jitsi Meet self-hosted), and document collaboration (CryptPad). Zero-knowledge architecture—server can't decrypt. Meets diplomatic confidentiality standards (Vienna Convention on Diplomatic Relations).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Sensitive Discussions:<\/strong> Diplomatic-grade encryption—negotiate privately, go public when ready\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">E2E Encryption (Signal)<\/span>\n <span class=\"feature-tag\">Self-Hosted Video (Jitsi)<\/span>\n <span class=\"feature-tag\">Zero-Knowledge<\/span>\n <span class=\"feature-tag\">Vienna Convention Compliant<\/span>\n <span class=\"feature-tag\">Secure Docs (CryptPad)<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,847 secure channels, 100% encrypted<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Create Channel →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Cultural Translation & Localization<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n AI translation (DeepL Pro API) trained on diplomatic corpus preserving legal nuance. Human review for sensitive texts. Cultural adaptation guidelines (Hofstede dimensions, power distance, individualism). Supports 45 languages with regional variants (regional language variants).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Global Collaboration:<\/strong> Cross-cultural communication—language and cultural barriers minimized\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">AI Translation (DeepL)<\/span>\n <span class=\"feature-tag\">Human Review<\/span>\n <span class=\"feature-tag\">Cultural Adaptation<\/span>\n <span class=\"feature-tag\">45 Languages<\/span>\n <span class=\"feature-tag\">Regional Variants<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1.2M documents translated<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Translate Now →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Stakeholder Mapping & Network Analysis<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Social network analysis (NetworkX, Gephi) identifying key actors, coalitions, and influence paths. Automated stakeholder categorization (power\/interest matrix). Real-time network visualization updating as relationships evolve. Used for coalition building and campaign strategy.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Strategy:<\/strong> Know the landscape—who matters, who influences whom, where coalitions can form\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Network Analysis (Gephi)<\/span>\n <span class=\"feature-tag\">Influence Mapping<\/span>\n <span class=\"feature-tag\">Power\/Interest Matrix<\/span>\n <span class=\"feature-tag\">Coalition Building<\/span>\n <span class=\"feature-tag\">Real-Time Updates<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">8,427 stakeholders mapped<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Network →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n <\/section>\n\n \n <section class=\"governance-comprehensive\" id=\"unosint\" aria-label=\"UNOSINT\" style=\"background: #000; position: relative;\">\n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <span>Universal Intelligence Infrastructure<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"gradient-text\">UNOSINT<\/span> \u2014 Universal Open-Source Intelligence Standard\n <\/h2>\n <p class=\"section-description\" style=\"max-width: 1100px; margin: 0 auto; font-size: 14px; line-height: 1.8;\">\n UNOSINT establishes the first multilateral protocol layer for zero-trust intelligence fusion across 193 Member States, unifying artificial, open-source, synthetic, collective, embodied, and quantum intelligence modalities through distributed networks with cryptographic provenance and inviolable data sovereignty guarantees. Architected to resolve catastrophic coordination failures inherent in current systems\u2014single points of failure, vendor lock-in, information asymmetries causing billions in disaster response delays\u2014UNOSINT enables real-time, verifiable intelligence sharing at planetary scale without third-party dependencies, black-box algorithms, or sovereignty compromise. Built on open standards with multilateral governance, auditable by all stakeholders, and designed for mission-critical coordination under extreme conditions where traditional committee structures requiring 18-36 months for consensus cannot match threat velocity.\n <\/p>\n <\/div>\n\n\n \n <div style=\"margin: 4rem 0;\">\n <div class=\"gov-scale-content\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 12px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"width: 56px; height: 56px; background: rgba(30,136,229,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\">\n <rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" ry=\"2\"><\/rect>\n <circle cx=\"12\" cy=\"16\" r=\"1\"><\/circle>\n <path d=\"M8 11V7a4 4 0 0 1 8 0v4\"><\/path>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">Open Architecture<\/h3>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1.5rem;\">\n 100% open-source protocols (Apache 2.0), auditable codebases, forkable repositories, and W3C-style governance ensuring no vendor lock-in and community-driven evolution.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Apache 2.0<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Public Repos<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Fork Rights<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(139,92,246,0.3); border-radius: 12px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"width: 56px; height: 56px; background: rgba(139,92,246,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8B5CF6\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">Data Sovereignty<\/h3>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1.5rem;\">\n Sovereign Data Zones (SDZ) with encrypted at-rest storage, zero-knowledge proofs, jurisdictional data residency, and 90-day exit provisions with full data portability.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">SDZ Architecture<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">zk-SNARKs<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Exit Rights<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(16,185,129,0.3); border-radius: 12px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"width: 56px; height: 56px; background: rgba(16,185,129,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">Universal Interoperability<\/h3>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1.5rem;\">\n GRIx ontology (JSON-LD), STIX\/TAXII standards, ISO 20022 financial messaging, RESTful\/GraphQL APIs, and WebSocket streaming for real-time cross-platform integration.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">GRIx Ontology<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">STIX\/TAXII<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">ISO 20022<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 5rem 0;\">\n <h3 class=\"section-subtitle\" style=\"text-align: center; font-size: 2rem; font-weight: 600; color: #fff; margin-bottom: 3rem;\">\n Six Intelligence Domains\n <\/h3>\n \n <div class=\"gov-scale-content\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 1.5rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #1E88E5, #00B4D8); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Artificial Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Federated learning frameworks, privacy-preserving training (Flower), explainable AI (SHAP\/LIME), bias detection, MLflow versioning, 50+ disaster prediction models.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">LSTM<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Transformers<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">PyTorch<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">TensorFlow<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Open Source Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n 200+ data sources integration (satellites, sensors, social media, institutional databases), STIX\/TAXII compliance, provenance tracking, quality scoring (EQL-1 to EQL-5).\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">SpiderFoot<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">MISP<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">OpenCTI<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Kepler.gl<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Synthetic Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Digital twins (urban infrastructure, ecosystems), Monte Carlo simulations, agent-based modeling, counterfactual analysis, stress testing frameworks.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Digital Twins<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">GAMA<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">AnyLogic<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Unity<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Collective Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Crowdsourced validation, distributed sensing networks, prediction markets (Metaculus), superforecasting, indigenous knowledge integration.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Validators<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Metaculus<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Ushahidi<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Zooniverse<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #EF4444, #DC2626); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Embodied Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n ROS\/ROS2 integration, autonomous drones (DJI, PX4, ArduPilot), ground robotics, swarm coordination, search & rescue operations, damage assessment.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">ROS2<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">UAVs<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">OpenCV<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Swarms<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #14B8A6, #0D9488); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m6.36 6.36l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m6.36-6.36l4.24-4.24\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Quantum Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Quantum sensing (seismology), post-quantum cryptography (NIST-approved algorithms), quantum optimization, emerging capabilities (2026+ pilots).\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Quantum Computing<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">PQC<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Emerging<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">2030+<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 5rem 0;\">\n <h3 class=\"section-subtitle\" style=\"text-align: center; font-size: 2rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">\n Five-Layer Technical Architecture\n <\/h3>\n <p style=\"text-align: center; color: rgba(255,255,255,0.7); max-width: 850px; margin: 0 auto 3rem; line-height: 1.7;\">\n Enterprise-grade infrastructure spanning data ingestion through legal audit, designed for regulatory compliance, cryptographic verifiability, and sovereign data control.\n <\/p>\n\n <div style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(30,136,229,0.3); border-left: 4px solid #1E88E5; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #1E88E5, #00B4D8); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #000; font-family: 'IBM Plex Mono', monospace;\">L1<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Foundation<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Data Sovereignty & Collection<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Sovereign Data Zones (SDZ) with Kubernetes orchestration, encrypted at-rest (AES-256), hardware security modules (OpenTitan HSM), jurisdictional data residency, multi-source ingestion (APIs, IoT, satellites), quality scoring (EQL-1 to EQL-5).\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Kubernetes<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">PostgreSQL\/PostGIS<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">MinIO<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">IPFS<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">AES-256<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(139,92,246,0.3); border-left: 4px solid #8B5CF6; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">L2<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Analysis<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Intelligence Fusion & Analysis<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n GRIx ontology processing (JSON-LD), multi-modal intelligence correlation, federated AI model execution (PyTorch, TensorFlow, Flower), OSINT aggregation (SpiderFoot, MISP, OpenCTI), geospatial analysis (Kepler.gl), temporal pattern recognition.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">GRIx Ontology<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">PyTorch\/TF<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">MISP<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">OpenCTI<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Kepler.gl<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(16,185,129,0.3); border-left: 4px solid #10B981; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #000; font-family: 'IBM Plex Mono', monospace;\">L3<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Validation<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Verification & Assurance<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Nexus Validation Mechanism (NVM) with zero-knowledge proofs (zk-SNARKs), cryptographic attestations, Attested Evidence Packs (AEP) generation, multi-party computation (MPC), threshold signatures, Byzantine fault tolerance (BFT).\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">zk-SNARKs<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">NVM<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">AEP<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">MPC<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">BFT<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(245,158,11,0.3); border-left: 4px solid #F59E0B; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #000; font-family: 'IBM Plex Mono', monospace;\">L4<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Execution<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Decision Support & Execution<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Smart contract orchestration (Solidity, Rust), parametric insurance triggers, real-time oracle integration, automated fund disbursement, cross-chain bridge support, regulatory compliance automation.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Smart Contracts<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Oracle Networks<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Solidity\/Rust<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Parametric Triggers<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(14,165,233,0.3); border-left: 4px solid #0EA5E9; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #0EA5E9, #0284C7); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">L5<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Compliance<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Audit, Governance & Legal<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Dual-blockchain logging (Hyperledger Fabric + Ethereum), immutable audit trails, Nexus Standards Foundation (NSF) governance framework, open-source licensing (Apache 2.0), transparency dashboards, regulatory reporting automation, GDPR\/CCPA compliance modules.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Hyperledger<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Ethereum<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">NSF<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Immutable Logs<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <section class=\"technology-section\" id=\"technology\" aria-label=\"Technology Stack\">\n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <span>Technology Infrastructure<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Cutting-Edge <span class=\"gradient-text\">Tech Stack<\/span>\n <\/h2>\n <p class=\"section-description\">\n Built on battle-tested open-source technologies, combining AI\/ML, blockchain, and real-time data infrastructure for transparent, verifiable, and scalable risk governance.\n <\/p>\n <\/div>\n\n <div class=\"tech-grid\">\n \n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"cpu\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">AI & Machine Learning<\/h3>\n <p class=\"tech-description\">\n Advanced models for risk detection, pattern recognition, and forecasting with explainable AI and bias monitoring.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">TensorFlow<\/span>\n <span class=\"tech-badge\">PyTorch<\/span>\n <span class=\"tech-badge\">Scikit-learn<\/span>\n <span class=\"tech-badge\">Hugging Face<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"link\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Blockchain & Web3<\/h3>\n <p class=\"tech-description\">\n Multi-chain architecture for transparency, smart contracts, and decentralized governance with zero-knowledge proofs.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">Ethereum<\/span>\n <span class=\"tech-badge\">Polygon<\/span>\n <span class=\"tech-badge\">IPFS<\/span>\n <span class=\"tech-badge\">Arweave<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"database\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Data Infrastructure<\/h3>\n <p class=\"tech-description\">\n Real-time data pipelines processing 10,000+ streams with sub-second latency and petabyte-scale storage.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">Apache Kafka<\/span>\n <span class=\"tech-badge\">PostgreSQL<\/span>\n <span class=\"tech-badge\">Redis<\/span>\n <span class=\"tech-badge\">TimescaleDB<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"shield\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Zero-Trust Security<\/h3>\n <p class=\"tech-description\">\n End-to-end encryption, continuous authentication, and cryptographic verification for all operations.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">OAuth 2.0<\/span>\n <span class=\"tech-badge\">ZK-SNARKs<\/span>\n <span class=\"tech-badge\">AES-256<\/span>\n <span class=\"tech-badge\">TLS 1.3<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"code\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">APIs & Integration<\/h3>\n <p class=\"tech-description\">\n RESTful and GraphQL APIs with comprehensive documentation, SDKs in 6 languages, and 99.9% uptime SLA.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">GraphQL<\/span>\n <span class=\"tech-badge\">REST API<\/span>\n <span class=\"tech-badge\">WebSocket<\/span>\n <span class=\"tech-badge\">gRPC<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"cloud\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Cloud & DevOps<\/h3>\n <p class=\"tech-description\">\n Multi-cloud deployment with Kubernetes orchestration, automated CI\/CD, and infrastructure as code.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">Kubernetes<\/span>\n <span class=\"tech-badge\">Docker<\/span>\n <span class=\"tech-badge\">Terraform<\/span>\n <span class=\"tech-badge\">GitHub Actions<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n \n <\/div>\n <\/section>\n\n \n \n <section class=\"governance-comprehensive\" id=\"governance\" aria-label=\"Governance Structure\">\n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header-center\">\n <div class=\"section-badge-mono\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 2v20M2 12h20\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <span>Multi-Scale Coordination<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Democratic <span style=\"color: #fff;\">Governance Architecture<\/span>\n <\/h2>\n <p class=\"section-subtitle\" style=\"max-width: 900px; margin: 0 auto; color: rgba(255,255,255,0.7); font-size: 1.05rem;\">\n Four-tier governance model from global protocol standards to local implementation, with transparent decision-making and institutional safeguards.\n <\/p>\n <\/div>\n\n \n <div style=\"max-width: 1200px; margin: 0 auto;\">\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); gap: 2rem;\">\n \n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"40\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"20\" y1=\"100\" x2=\"180\" y2=\"100\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <path d=\"M100 20 Q130 50 100 80 Q70 50 100 20\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"global3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:0.9\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"global3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"global3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <radialGradient id=\"globalInnerGlow\">\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:0.8\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:0.3\" \/>\n <\/radialGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#global3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#global3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#global3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#global3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#global3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <path d=\"M60 25 L80 37 L80 63 L60 75 L40 63 L40 37 Z\" fill=\"url(#globalInnerGlow)\" stroke=\"#9ca3af\" stroke-width=\"1\" opacity=\"0.7\"\/>\n \n \n <circle cx=\"60\" cy=\"50\" r=\"10\" fill=\"url(#globalInnerGlow)\" opacity=\"0.8\"\/>\n <circle cx=\"60\" cy=\"50\" r=\"10\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.5\"\/>\n <circle cx=\"57\" cy=\"47\" r=\"3\" fill=\"#ffffff\" opacity=\"0.9\"\/>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 1 \u00b7 GLOBAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">GRF Swiss Verein<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Neutral standards body for protocol governance, leveraging 270+ years of Swiss neutrality ensuring no major power veto control. One-member-one-vote for 193 Member States. Sets technical standards for UNOSINT, SDZ architecture, and AEP formats.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">LEGAL ENTITY<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Swiss Verein<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">VOTING<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">One-Member-One-Vote<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">SCOPE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">193 Member States<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">LICENSE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Apache 2.0<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <path d=\"M100 50 L150 100 L100 150 L50 100 Z\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <path d=\"M100 70 L130 100 L100 130 L70 100 Z\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"5\" fill=\"white\" opacity=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"regional3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#f9fafb;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"regional3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"regional3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#regional3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#regional3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#regional3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#regional3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#regional3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <g opacity=\"0.8\">\n \n <circle cx=\"60\" cy=\"50\" r=\"5\" fill=\"#ffffff\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n \n <circle cx=\"60\" cy=\"32\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"75\" cy=\"40\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"78\" cy=\"50\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"75\" cy=\"60\" r=\"3.5\" fill=\"#d1d5db\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"60\" cy=\"68\" r=\"3.5\" fill=\"#d1d5db\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"45\" cy=\"60\" r=\"3.5\" fill=\"#d1d5db\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"42\" cy=\"50\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"45\" cy=\"40\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n \n <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"32\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"75\" y2=\"40\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"78\" y2=\"50\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"75\" y2=\"60\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"68\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"45\" y2=\"60\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"42\" y2=\"50\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"45\" y2=\"40\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <\/g>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 2 \u00b7 REGIONAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">9 Regional Consortiums<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Enterprise entities for commercial deployment. Member countries hold equity stakes. Deploy SDZ infrastructure, host UNOSINT instances, sell AEP services.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">STRUCTURE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Enterprise Entities<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">OWNERSHIP<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Country Equity Stakes<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">TOTAL REGIONS<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">9 Consortiums<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">REVENUE MODEL<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">SaaS Licensing<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <rect x=\"50\" y=\"40\" width=\"100\" height=\"60\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <rect x=\"70\" y=\"60\" width=\"60\" height=\"40\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"100\" y1=\"40\" x2=\"100\" y2=\"100\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"national3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#f3f4f6;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"national3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"national3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#national3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#national3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#national3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#national3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#national3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <g opacity=\"0.85\">\n \n <path d=\"M60 33 L73 38 L73 58 L60 68 Z\" fill=\"#9ca3af\" opacity=\"0.4\"\/>\n <path d=\"M60 33 L47 38 L47 58 L60 68 Z\" fill=\"#b9bec4\" opacity=\"0.5\"\/>\n \n <path d=\"M60 30 L73 35 L73 55 C73 55 68 62 60 65 C52 62 47 55 47 55 L47 35 Z\" fill=\"#ffffff\" stroke=\"#9ca3af\" stroke-width=\"1.2\"\/>\n \n <line x1=\"50\" y1=\"40\" x2=\"70\" y2=\"40\" stroke=\"#d1d5db\" stroke-width=\"1\" opacity=\"0.7\"\/>\n <line x1=\"50\" y1=\"45\" x2=\"70\" y2=\"45\" stroke=\"#d1d5db\" stroke-width=\"1\" opacity=\"0.7\"\/>\n <line x1=\"50\" y1=\"50\" x2=\"70\" y2=\"50\" stroke=\"#d1d5db\" stroke-width=\"1\" opacity=\"0.7\"\/>\n <circle cx=\"60\" cy=\"45\" r=\"6\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"1.5\"\/>\n <circle cx=\"60\" cy=\"45\" r=\"3\" fill=\"#d1d5db\"\/>\n <\/g>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 3 \u00b7 NATIONAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">National Governments<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Sovereign data control via SDZ. National priority-setting for risk models. Data residency guaranteed within borders. Full audit access and compliance oversight.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">DATA CONTROL<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Sovereign SDZ<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">RESIDENCY<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Within Borders<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">TARGET COVERAGE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">193 Member States<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">AUTHORITY<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Policy Setting<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <circle cx=\"100\" cy=\"60\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"70\" cy=\"100\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"130\" cy=\"100\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"140\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"100\" y1=\"75\" x2=\"85\" y2=\"90\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"100\" y1=\"75\" x2=\"115\" y2=\"90\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"local3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#fafafa;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"local3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"local3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <radialGradient id=\"localNodeGrad\">\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/radialGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#local3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#local3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#local3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#local3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#local3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <g opacity=\"0.8\">\n \n \n <circle cx=\"60\" cy=\"35\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"58\" cy=\"33\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n <circle cx=\"45\" cy=\"50\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"43\" cy=\"48\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n <circle cx=\"75\" cy=\"50\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"73\" cy=\"48\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n <circle cx=\"60\" cy=\"65\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"58\" cy=\"63\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n \n <line x1=\"60\" y1=\"35\" x2=\"45\" y2=\"50\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"60\" y1=\"35\" x2=\"75\" y2=\"50\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"75\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"75\" y2=\"50\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n \n <line x1=\"60\" y1=\"35\" x2=\"45\" y2=\"50\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"35\" x2=\"75\" y2=\"50\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"75\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"75\" y2=\"50\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <\/g>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 4 \u00b7 LOCAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">Local Communities<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Cities, civil society, and community observatories. Deploy local sensors, validate ground-truth data, run participatory budgeting for resilience projects.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">PARTICIPANTS<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Cities & Civil Society<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">ROLE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Ground Truth Validation<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">INFRASTRUCTURE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Community Observatories<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">IMPLEMENTATION<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Bottom-Up<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div style=\"margin-top: 3rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; padding: 2rem;\">\n <h3 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1.5rem 0; text-align: center; letter-spacing: 0.3px;\">Governance Mechanisms<\/h3>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1.5rem;\">\n \n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Quadratic Voting<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Prevents plutocracy<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Blockchain Audit<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Immutable trails<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Swiss Neutrality<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">No veto power<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Open-Source<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Apache 2.0 license<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Prediction Markets<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Risk prioritization<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n\n\n \n <section class=\"governance-frameworks-nexus\" style=\"background: #000; padding: 5rem 0; position: relative; overflow: hidden;\">\n <div class=\"container\" style=\"max-width: 1400px; margin: 0 auto; padding: 0 2rem;\">\n \n <div class=\"nexus-hero-compact hero-style-content\" style=\"text-align: center; margin-bottom: 3rem;\">\n \n \n <div style=\"display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1.5rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); padding: 0.35rem 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;\">RESOLUTION PATHWAY<\/span>\n <span style=\"font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); padding: 0.35rem 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;\">2030 IMPLEMENTATION<\/span>\n <\/div>\n \n \n <h2 style=\"font-size: 2.5rem; line-height: 1.2; margin-bottom: 1rem; font-weight: 700; color: #fff;\">\n Nexus Governance\n <\/h2>\n \n \n <p style=\"max-width: 850px; margin: 0 auto; font-size: 0.95rem; color: rgba(255,255,255,0.65); line-height: 1.6;\">\n Integrated architecture bridging institutional mandates, financial mechanisms, legal frameworks, technical protocols, diplomatic cooperation, and resilience systems\u2014enabling coordinated systemic response to planetary risks through the Sendai Framework, Paris Agreement, and UN SDGs.\n <\/p>\n \n <\/div>\n\n \n <div class=\"gov-tab-content active\" id=\"gov-tab-overview\">\n\n \n <div class=\"governance-scales-comprehensive\">\n \n \n <div class=\"gov-scale-card global-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">01<\/div>\n <div class=\"scale-level\">GLOBAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">Global Risk Forum (GRF)<\/h3>\n <p class=\"scale-subtitle\">Swiss Verein | World Association | Open Source Intelligence Ecosystem<\/p>\n <\/div>\n <p class=\"scale-description\">\n <strong>Swiss Verein (association)<\/strong> registered in Zug, Switzerland, under Articles 60-79 Swiss Civil Code. GRF functions as a world association for integrated Disaster Risk Reduction (DRR), Disaster Risk Financing (DRF), and Disaster Risk Intelligence (DRI) with an open source intelligence ecosystem\u2014uniting governments, multilateral institutions, academia, civil society, and private sector to build planetary resilience infrastructure. Supervised by Swiss Federal Department of Home Affairs but not controlled by any government, with member countries holding equal voting rights (one-member-one-vote). <strong>institutional neutrality ensures no single power veto<\/strong>, enabling global trust without geopolitical weaponization.\n <\/p>\n \n \n <div style=\"background: rgba(30,136,229,0.05); border-left: 3px solid #1E88E5; padding: 1.5rem; margin: 2rem 0; border-radius: 8px;\">\n <h4 style=\"font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 2v10l4 2\"><\/path>\n <\/svg>\n <span>Core Responsibilities<\/span>\n <\/h4>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;\">\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Protocol Governance<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Set technical standards for UNOSINT, SDZ architecture, GRIx ontology, AEP formats<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Neutral Arbitration<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Resolve disputes between Regional Consortiums via Swiss law, ICC Geneva arbitration<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Open-Source Stewardship<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Maintain core protocols under Apache 2.0 license, ensure forkability, prevent vendor lock-in<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Mission Alignment<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Ensure ecosystem serves global public good, not private profit maximization<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Quality Assurance<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Verify cryptographic proofs (zk-SNARKs), archive AEPs on dual blockchain (Hyperledger + Ethereum)<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Licensing & Compliance<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">License Regional Consortiums, audit compliance, revoke licenses for misconduct<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(30,136,229,0.05); border-left: 3px solid #1E88E5; padding: 1.5rem; margin: 2rem 0; border-radius: 8px;\">\n <h4 style=\"font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n <polyline points=\"12 8 16 12 12 16\"><\/polyline>\n <\/svg>\n <span>Why Swiss Verein (Not DAO)<\/span>\n <\/h4>\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\">\n <div>\n <div style=\"font-weight: 600; color: #EF4444; margin-bottom: 0.5rem; font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n <\/svg>\n <span>DAO Challenges<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>No legal personality (cannot sign contracts)<\/li>\n <li>Token plutocracy (whales dominate voting)<\/li>\n <li>Regulatory uncertainty (SEC\/CFTC risk)<\/li>\n <li>Vulnerable to 51% attacks<\/li>\n <li>Low voter turnout (5-15% typical)<\/li>\n <\/ul>\n <\/div>\n <div>\n <div style=\"font-weight: 600; color: #10B981; margin-bottom: 0.5rem; font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span>Swiss Verein Advantages<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>Legal entity (can sign treaties, contracts)<\/li>\n <li>One-member-one-vote (democratic)<\/li>\n <li>Regulatory clarity (Swiss Federal Department of Home Affairs)<\/li>\n <li>200+ year precedent (Red Cross = Swiss)<\/li>\n <li>Neutral jurisdiction (no veto power)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 2.5rem 0;\">\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 1.5rem; text-align: center;\">Precedent Models (Swiss-Based Global Institutions)<\/h4>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem;\">\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #EF4444, #DC2626); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">ICRC (Red Cross)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Swiss Verein, Geneva | 1863 | 191 member states | Neutral humanitarian standards<\/div>\n <\/div>\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">BIS (Bank for Intl Settlements)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Swiss, Basel | 1930 | 63 central banks | Neutral financial standards<\/div>\n <\/div>\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">CERN<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Swiss, Geneva | 1954 | 23 member states | Neutral scientific research<\/div>\n <\/div>\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">ICC (Intl Chamber of Commerce)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Paris HQ, Geneva arbitration | 1919 | 45M companies | Neutral commercial law<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"scale-metrics-bar\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">CH<\/div>\n <div class=\"metric-label\">Swiss Neutrality<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">1=1<\/div>\n <div class=\"metric-label\">One Country One Vote<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">100%<\/div>\n <div class=\"metric-label\">Open-Source (Apache 2.0)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"gov-scale-card regional-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">02<\/div>\n <div class=\"scale-level\">REGIONAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">Regional Consortiums<\/h3>\n <p class=\"scale-subtitle\">Commercial Deployment | Infrastructure | UNOSINT Operations<\/p>\n <\/div>\n <p class=\"scale-description\">\n <strong>Nine Regional Enterprise Consortiums<\/strong> licensed by GRF Swiss Verein (Zug, Switzerland\u2014leveraging 270+ years of Swiss neutrality ensuring no single nation controls planetary risk infrastructure) providing commercial UNOSINT deployment, technical support, capacity building, and cross-border coordination. Each consortium operates under local corporate governance with member country equity stakes, ensuring regional sovereignty while maintaining global standards.\n <\/p>\n\n \n <div style=\"background: rgba(30,136,229,0.05); border-left: 3px solid #1E88E5; padding: 1.5rem; margin: 2rem 0; border-radius: 8px;\">\n <h4 style=\"font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <span>Two-Layer Governance Architecture<\/span>\n <\/h4>\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1rem;\">\n <div>\n <div style=\"font-weight: 600; color: #8B5CF6; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <span>Layer 1: GRF (Zug, Switzerland)<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>Swiss Verein (association)<\/li>\n <li>Protocol governance & standards<\/li>\n <li>Neutral arbitrator (no geopolitical veto)<\/li>\n <li>Open-source core protocols (Apache 2.0)<\/li>\n <li>Mission stewardship<\/li>\n <\/ul>\n <\/div>\n <div>\n <div style=\"font-weight: 600; color: #10B981; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n <\/svg>\n <span>Layer 2: Regional Consortiums<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>Enterprise entities (Pte Ltd, LLC, S.A., etc.) ensuring financial sustainability<\/li>\n <li>Commercial UNOSINT deployment<\/li>\n <li>SaaS licensing (tiered per jurisdiction)<\/li>\n <li>Member countries buy equity (10-30%)<\/li>\n <li>90-day exit rights (commercial contract)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 3rem 0;\">\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center;\">\n Information Flow: <span style=\"color: #1E88E5;\">Local Communities \u2192 UN\/World Bank<\/span>\n <\/h4>\n \n <div style=\"display: flex; flex-direction: column; gap: 1rem;\">\n \n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(16,185,129,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">1<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">Local Community Reports Disaster Risk<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n Citizen uses mobile app to report flood risk \u2192 Data uploaded to <strong>Sovereign Data Zone (SDZ)<\/strong> in their country \u2192 Quality scored (EQL-1 to EQL-5) \u2192 Community validators verify\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(16,185,129,0.8)\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(59,130,246,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #3B82F6, #2563EB); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">2<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">National Working Group Reviews & Validates<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n Government ministries + civil society + academia review \u2192 Correlate with <strong>AI models<\/strong> (flood prediction, satellite imagery) \u2192 Generate <strong>Attested Evidence Pack (AEP)<\/strong> \u2192 Submit to national authority\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(59,130,246,0.8)\" stroke-width=\"2\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(139,92,246,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">3<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">Regional Consortium Coordinates Cross-Border Response<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n <strong>Regional Consortium<\/strong> (e.g., Kenya Nexus for East Africa) aggregates data from multiple countries \u2192 Detects transboundary risk (e.g., flooding affects Kenya + Uganda) \u2192 Triggers <strong>parametric insurance<\/strong> smart contract \u2192 Allocates resources\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(139,92,246,0.8)\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(245,158,11,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">4<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">GRF Verifies & Archives (Swiss Neutrality)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n <strong>GRF (Zug, Switzerland)<\/strong> receives AEP \u2192 Validates cryptographic proofs (zk-SNARKs) \u2192 Archives on <strong>dual blockchain<\/strong> (Hyperledger + Ethereum) \u2192 Ensures global standards compliance \u2192 Maintains immutable audit trail\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,158,11,0.8)\" stroke-width=\"2\">\n <path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(14,165,233,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0EA5E9, #0284C7); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">5<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">Proposed Multilateral Integration Pathways<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n <strong>Proposed integration with UN OCHA, UNDRR, World Bank DRM Hub<\/strong> via API \u2192 AEPs designed as verifiable evidence for <strong>funding decisions<\/strong> \u2192 Support <strong>anticipatory action protocols<\/strong> (aligned with UN CERF methodologies) \u2192 Reporting frameworks compatible with UNGA standards\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(14,165,233,0.8)\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 2v20M2 12h20\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"gov-scale-card national-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">03<\/div>\n <div class=\"scale-level\">NATIONAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">National Working Groups<\/h3>\n <p class=\"scale-subtitle\">Policy Implementation | Stakeholder Coordination | Local Adaptation<\/p>\n <\/div>\n <p class=\"scale-description\">\n Country-level coordination bringing together government ministries, academia, private sector, civil society, and citizen representatives—adapting global frameworks to national contexts, implementing policy, and coordinating local projects with full sovereignty and autonomy.\n <\/p>\n <div class=\"scale-features-grid\">\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Policy Adaptation<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Multi-Stakeholder Coordination<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Regulatory Compliance<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Government Integration<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>National Budget Allocation<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Local Project Oversight<\/span>\n <\/div>\n <\/div>\n <div class=\"scale-metrics-bar\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">Target: 100+<\/div>\n <div class=\"metric-label\">Country Working Groups<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">5<\/div>\n <div class=\"metric-label\">Stakeholder Types<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">Full<\/div>\n <div class=\"metric-label\">National Autonomy<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"gov-scale-card local-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">04<\/div>\n <div class=\"scale-level\">LOCAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">Local Communities<\/h3>\n <p class=\"scale-subtitle\">Ground Execution | Direct Participation | Community Projects<\/p>\n <\/div>\n <p class=\"scale-description\">\n Ground-level implementation units enabling direct citizen participation, community-driven projects, and local data collection—with simple voting mechanisms, grassroots mobilization, and real-time feedback loops connecting local needs to national and global decision-makers.\n <\/p>\n <div class=\"scale-features-grid\">\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Direct Citizen Participation<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Community-Led Projects<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Ground Truth Data Collection<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Simple Voting Mechanisms<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Grassroots Mobilization<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Real-Time Feedback Loops<\/span>\n <\/div>\n <\/div>\n <div class=\"scale-metrics-bar\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">1,000+<\/div>\n <div class=\"metric-label\">Active Communities<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">Direct<\/div>\n <div class=\"metric-label\">Democracy Model<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">Open<\/div>\n <div class=\"metric-label\">Participation<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"decision-authority-section\">\n <div class=\"authority-header\">\n <h3 class=\"authority-title\">Decision Authority Matrix<\/h3>\n <p class=\"authority-subtitle\">Clear governance boundaries defining who decides what, at which scale—ensuring accountability, preventing deadlock, and protecting subsidiary.<\/p>\n <\/div>\n\n <div class=\"authority-matrix\">\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge global-badge\">GLOBAL<\/div>\n <div class=\"scope-title\">Protocol Standards & Technical Governance<\/div>\n <div class=\"scope-description\">UNOSINT protocols | SDZ architecture | GRIx ontology | AEP formats | Blockchain infrastructure<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Member Countries (1=1 Vote)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Technical Committee<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Swiss Federal Oversight<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge regional-badge\">REGIONAL<\/div>\n <div class=\"scope-title\">Commercial Operations & Regional Strategy<\/div>\n <div class=\"scope-description\">SaaS pricing • Equity stakes • Regional partnerships • Commercial contracts • Capacity building<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Consortium Boards (9 Regional)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Member Country Shareholders<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Regional Regulators<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge national-badge\">NATIONAL<\/div>\n <div class=\"scope-title\">Country-Level Implementation & SDZ Operations<\/div>\n <div class=\"scope-description\">SDZ deployment • Data sovereignty • National budgets • Regulatory compliance • AEP generation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>National Working Groups<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Government Ministries<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Civil Society Partners<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge local-badge\">LOCAL<\/div>\n <div class=\"scope-title\">Community-Level Execution<\/div>\n <div class=\"scope-description\">Project delivery • Data collection • Community needs • Ground truth validation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Local Coordinators<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Community Members<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"network-performance-card\">\n <h4 class=\"performance-title\">Network Performance Metrics<\/h4>\n <div class=\"performance-grid\">\n <div class=\"performance-metric\">\n <div class=\"perf-value\">3-4 hops<\/div>\n <div class=\"perf-label\">Global → Local<\/div>\n <div class=\"perf-description\">Average path length through network<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">2.8 sec<\/div>\n <div class=\"perf-label\">Coordination Time<\/div>\n <div class=\"perf-description\">Average decision propagation<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">Target: 100+<\/div>\n <div class=\"perf-label\">Network Nodes<\/div>\n <div class=\"perf-description\">Active working groups goal<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value highlight-metric\">385x<\/div>\n <div class=\"perf-label\">Faster<\/div>\n <div class=\"perf-description\">vs. traditional hierarchies (18 min → 2.8 sec)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-network\">\n <div class=\"network-viz-section\">\n <h3 class=\"viz-title\">Advanced Multi-Scale Network Topology<\/h3>\n <p class=\"viz-subtitle\">Interactive visualization of the 4-tier small-world network with real-time coordination pathways, cross-hub connections, and multi-stakeholder integration points<\/p>\n \n \n <div class=\"network-controls\">\n <button class=\"network-control-btn active\" data-network-view=\"full\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <\/svg>\n <span>Full Network<\/span>\n <\/button>\n <button class=\"network-control-btn\" data-network-view=\"flows\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <span>Data Flows<\/span>\n <\/button>\n <button class=\"network-control-btn\" data-network-view=\"stakeholders\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <span>Stakeholder Links<\/span>\n <\/button>\n <\/div>\n \n \n <div class=\"network-diagram-container\">\n <svg class=\"network-svg\" viewBox=\"0 0 1200 800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n \n <defs>\n \n <linearGradient id=\"line-gradient-1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#06b6d4\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.8\"\/>\n <\/linearGradient>\n <linearGradient id=\"line-gradient-2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.7\"\/>\n <stop offset=\"100%\" stop-color=\"#3b82f6\" stop-opacity=\"0.7\"\/>\n <\/linearGradient>\n <linearGradient id=\"line-gradient-3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#3b82f6\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#22c55e\" stop-opacity=\"0.6\"\/>\n <\/linearGradient>\n <linearGradient id=\"cross-hub-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.3\"\/>\n <stop offset=\"50%\" stop-color=\"#e879f9\" stop-opacity=\"0.5\"\/>\n <stop offset=\"100%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.3\"\/>\n <\/linearGradient>\n \n \n <radialGradient id=\"node-glow-global\">\n <stop offset=\"0%\" stop-color=\"#06b6d4\" stop-opacity=\"0.5\"\/>\n <stop offset=\"100%\" stop-color=\"#06b6d4\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"node-glow-continental\">\n <stop offset=\"0%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#8b5cf6\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"node-glow-national\">\n <stop offset=\"0%\" stop-color=\"#3b82f6\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#3b82f6\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"node-glow-local\">\n <stop offset=\"0%\" stop-color=\"#22c55e\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#22c55e\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n \n \n <linearGradient id=\"data-flow-gradient\">\n <stop offset=\"0%\" stop-color=\"#06b6d4\" stop-opacity=\"0\"\/>\n <stop offset=\"50%\" stop-color=\"#06b6d4\" stop-opacity=\"1\"\/>\n <stop offset=\"100%\" stop-color=\"#06b6d4\" stop-opacity=\"0\"\/>\n <animate attributeName=\"x1\" values=\"0%;100%;0%\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"x2\" values=\"100%;0%;100%\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/linearGradient>\n \n \n <filter id=\"glow\">\n <feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\"\/>\n <feMerge>\n <feMergeNode in=\"coloredBlur\"\/>\n <feMergeNode in=\"SourceGraphic\"\/>\n <\/feMerge>\n <\/filter>\n <\/defs>\n \n \n <g class=\"bg-grid\" opacity=\"0.05\">\n <line x1=\"0\" y1=\"200\" x2=\"1200\" y2=\"200\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"350\" x2=\"1200\" y2=\"350\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"500\" x2=\"1200\" y2=\"500\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"650\" x2=\"1200\" y2=\"650\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <\/g>\n \n \n <g class=\"primary-connections\" opacity=\"0.4\">\n \n <line x1=\"600\" y1=\"120\" x2=\"200\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"400\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"600\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"3\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"800\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"1000\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"300\" y2=\"220\" stroke=\"url(#line-gradient-1)\" stroke-width=\"1.5\" class=\"connection-line primary-line\"\/>\n \n \n <line x1=\"200\" y1=\"250\" x2=\"150\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"200\" y1=\"250\" x2=\"250\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"400\" y1=\"250\" x2=\"350\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"400\" y1=\"250\" x2=\"450\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"600\" y1=\"250\" x2=\"550\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"600\" y1=\"250\" x2=\"650\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"800\" y1=\"250\" x2=\"750\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"800\" y1=\"250\" x2=\"850\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"1000\" y1=\"250\" x2=\"950\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"1000\" y1=\"250\" x2=\"1050\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n \n \n <line x1=\"150\" y1=\"400\" x2=\"100\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"150\" y1=\"400\" x2=\"150\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"150\" y1=\"400\" x2=\"200\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"250\" y1=\"400\" x2=\"230\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"250\" y1=\"400\" x2=\"280\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"350\" y1=\"400\" x2=\"320\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"350\" y1=\"400\" x2=\"370\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"450\" y1=\"400\" x2=\"420\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"450\" y1=\"400\" x2=\"470\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"550\" y1=\"400\" x2=\"520\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"550\" y1=\"400\" x2=\"570\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"650\" y1=\"400\" x2=\"620\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"650\" y1=\"400\" x2=\"670\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"750\" y1=\"400\" x2=\"720\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"750\" y1=\"400\" x2=\"770\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"850\" y1=\"400\" x2=\"820\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"850\" y1=\"400\" x2=\"870\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"950\" y1=\"400\" x2=\"920\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"950\" y1=\"400\" x2=\"970\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"1050\" y1=\"400\" x2=\"1020\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"1050\" y1=\"400\" x2=\"1070\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <\/g>\n \n \n <g class=\"cross-hub-connections\" opacity=\"0.25\">\n <path d=\"M 200 250 Q 300 230 400 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 400 250 Q 500 230 600 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 600 250 Q 700 230 800 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 800 250 Q 900 230 1000 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 200 250 Q 400 200 600 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 600 250 Q 800 200 1000 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1\" fill=\"none\" class=\"cross-connection\"\/>\n <\/g>\n \n \n <g class=\"local-layer\">\n <circle cx=\"100\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"100\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"150\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"150\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n <text x=\"150\" y=\"650\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"10\" font-family=\"IBM Plex Mono\">LOCAL<\/text>\n \n <circle cx=\"200\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"200\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"230\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"230\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"280\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"280\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"320\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"320\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"370\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"370\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"420\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"420\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"470\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"470\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"520\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"520\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"570\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"570\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"620\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"620\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"670\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"670\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"720\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"720\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"770\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"770\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"820\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"820\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"870\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"870\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"920\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"920\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"970\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"970\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"1020\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"1020\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"1070\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"1070\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n <\/g>\n \n \n <g class=\"national-layer\">\n <circle cx=\"150\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"150\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n <text x=\"150\" y=\"460\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"10\" font-family=\"IBM Plex Mono\">NATIONAL<\/text>\n \n <circle cx=\"250\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"250\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"350\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"350\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"450\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"450\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"550\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"550\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"650\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"650\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"750\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"750\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"850\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"850\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"950\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"950\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"1050\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"1050\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n <\/g>\n \n \n <g class=\"continental-layer\">\n <circle cx=\"200\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"200\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"200\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">AFRICA<\/text>\n \n <circle cx=\"400\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"400\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"400\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">EUROPE<\/text>\n \n <circle cx=\"600\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"600\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"600\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">ASIA<\/text>\n \n <circle cx=\"800\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"800\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"800\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">AMERICAS<\/text>\n \n <circle cx=\"1000\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"1000\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"1000\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">OCEANIA<\/text>\n \n <circle cx=\"300\" cy=\"220\" r=\"45\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"300\" cy=\"220\" r=\"18\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2\" class=\"network-node continental-node\"\/>\n <text x=\"300\" y=\"175\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"9\" font-family=\"IBM Plex Mono\" font-weight=\"600\">M.EAST<\/text>\n <\/g>\n \n \n <g class=\"global-layer\">\n <circle cx=\"600\" cy=\"120\" r=\"75\" fill=\"url(#node-glow-global)\"\/>\n <circle cx=\"600\" cy=\"120\" r=\"36\" fill=\"rgba(6, 182, 212, 0.15)\" stroke=\"#06b6d4\" stroke-width=\"4\" class=\"network-node global-node pulse-node\" filter=\"url(#glow)\"\/>\n <text x=\"600\" y=\"55\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.95)\" font-size=\"14\" font-family=\"IBM Plex Mono\" font-weight=\"700\">GLOBAL DAO<\/text>\n <text x=\"600\" y=\"125\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.8)\" font-size=\"11\" font-family=\"IBM Plex Mono\">1 Node<\/text>\n <\/g>\n <\/svg>\n <\/div>\n \n \n <div class=\"network-stats-grid\">\n <div class=\"network-stat-card\">\n <div class=\"stat-icon global-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">1<\/div>\n <div class=\"stat-label\">Global Node<\/div>\n <div class=\"stat-description\">Single planetary coordination point<\/div>\n <\/div>\n <\/div>\n <div class=\"network-stat-card\">\n <div class=\"stat-icon continental-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">6+1<\/div>\n <div class=\"stat-label\">Continental Hubs<\/div>\n <div class=\"stat-description\">All major regions + Middle East<\/div>\n <\/div>\n <\/div>\n <div class=\"network-stat-card\">\n <div class=\"stat-icon national-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">10+<\/div>\n <div class=\"stat-label\">National Groups Shown<\/div>\n <div class=\"stat-description\">Target: 100+ country-level groups<\/div>\n <\/div>\n <\/div>\n <div class=\"network-stat-card\">\n <div class=\"stat-icon local-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">20+<\/div>\n <div class=\"stat-label\">Local Communities Shown<\/div>\n <div class=\"stat-description\">Target: 1,000+ ground-level units<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-authority\">\n \n \n <div class=\"decision-authority-section\">\n <div class=\"authority-header\">\n <h3 class=\"authority-title\">Decision Authority Matrix<\/h3>\n <p class=\"authority-subtitle\">Clear governance boundaries defining who decides what, at which scale—ensuring accountability, preventing deadlock, and protecting subsidiary.<\/p>\n <\/div>\n\n <div class=\"authority-matrix\">\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge global-badge\">GLOBAL<\/div>\n <div class=\"scope-title\">Protocol Standards & Technical Governance<\/div>\n <div class=\"scope-description\">UNOSINT protocols • SDZ architecture • GRIx ontology • AEP formats • Blockchain infrastructure<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Member Countries (1=1 Vote)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Technical Committee<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Swiss Federal Oversight<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge regional-badge\">REGIONAL<\/div>\n <div class=\"scope-title\">Commercial Operations & Regional Strategy<\/div>\n <div class=\"scope-description\">SaaS pricing • Equity stakes • Regional partnerships • Commercial contracts • Capacity building<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Consortium Boards (9 Regional)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Member Country Shareholders<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Regional Regulators<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge national-badge\">NATIONAL<\/div>\n <div class=\"scope-title\">Country-Level Implementation & SDZ Operations<\/div>\n <div class=\"scope-description\">SDZ deployment • Data sovereignty • National budgets • Regulatory compliance • AEP generation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>National Working Groups<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Government Ministries<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Civil Society Partners<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge local-badge\">LOCAL<\/div>\n <div class=\"scope-title\">Community-Level Execution<\/div>\n <div class=\"scope-description\">Project delivery • Data collection • Community needs • Ground truth validation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Local Coordinators<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Community Members<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"network-performance-card\">\n <h4 class=\"performance-title\">Network Performance Metrics<\/h4>\n <div class=\"performance-grid\">\n <div class=\"performance-metric\">\n <div class=\"perf-value\">3-4 hops<\/div>\n <div class=\"perf-label\">Global → Local<\/div>\n <div class=\"perf-description\">Average path length through network<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">2.8 sec<\/div>\n <div class=\"perf-label\">Coordination Time<\/div>\n <div class=\"perf-description\">Average decision propagation<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">Target: 100+<\/div>\n <div class=\"perf-label\">Network Nodes<\/div>\n <div class=\"perf-description\">Active working groups goal<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value highlight-metric\">385x<\/div>\n <div class=\"perf-label\">Faster<\/div>\n <div class=\"perf-description\">vs. traditional hierarchies (18 min → 2.8 sec)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-stakeholders\">\n <div class=\"helix-section\">\n <h3 class=\"helix-main-title\">Quintuple Helix Stakeholder Model<\/h3>\n <p class=\"helix-main-subtitle\">Five institutional pillars working in coordinated harmony across all governance scales—ensuring multi-stakeholder participation, balanced representation, and comprehensive expertise.<\/p>\n \n \n <div class=\"helix-cards-grid\">\n \n \n <div class=\"helix-stakeholder-card academia-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">01<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Academia & Research<\/h4>\n <p class=\"helix-card-description\">Universities, think tanks, research institutes, and expert networks providing evidence-based analysis, technical expertise, and scientific validation for policy decisions.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Independent research & analysis<\/li>\n <li>Technical validation & peer review<\/li>\n <li>Methodology development<\/li>\n <li>Capacity building & training<\/li>\n <li>Knowledge synthesis & dissemination<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">Universities<\/div>\n <div class=\"example-badge\">Research Institutes<\/div>\n <div class=\"example-badge\">Think Tanks<\/div>\n <div class=\"example-badge\">Expert Networks<\/div>\n <div class=\"example-badge\">Academic Labs<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card industry-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">02<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Industry & Private Sector<\/h4>\n <p class=\"helix-card-description\">Technology companies, financial institutions, insurance firms, and consulting organizations providing innovation, capital, implementation capacity, and market mechanisms.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Technology innovation & deployment<\/li>\n <li>Capital allocation & investment<\/li>\n <li>Risk assessment & insurance<\/li>\n <li>Implementation & scaling<\/li>\n <li>Market-based solutions<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">Tech Sector<\/div>\n <div class=\"example-badge\">Finance<\/div>\n <div class=\"example-badge\">Insurance<\/div>\n <div class=\"example-badge\">Consulting<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card government-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">03<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Government & Public Sector<\/h4>\n <p class=\"helix-card-description\">National governments, UN agencies, multilateral institutions, and regulatory bodies providing policy frameworks, regulatory oversight, public resources, and enforcement mechanisms.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Policy development & regulation<\/li>\n <li>Public resource allocation<\/li>\n <li>Legal & enforcement framework<\/li>\n <li>International cooperation<\/li>\n <li>Sovereignty & national interests<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">UN Agencies<\/div>\n <div class=\"example-badge\">World Bank<\/div>\n <div class=\"example-badge\">IMF<\/div>\n <div class=\"example-badge\">National Gov't<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card civil-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">04<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Civil Society & NGOs<\/h4>\n <p class=\"helix-card-description\">Humanitarian organizations, advocacy groups, community organizations, and foundations providing on-ground implementation, advocacy, accountability, and vulnerable population representation.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>On-ground humanitarian response<\/li>\n <li>Advocacy & representation<\/li>\n <li>Accountability & transparency<\/li>\n <li>Community mobilization<\/li>\n <li>Vulnerable population protection<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">ICRC<\/div>\n <div class=\"example-badge\">MSF<\/div>\n <div class=\"example-badge\">Oxfam<\/div>\n <div class=\"example-badge\">Local NGOs<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card citizens-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">05<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Citizens & Communities<\/h4>\n <p class=\"helix-card-description\">Individual citizens, grassroots movements, affected communities, and volunteers providing local knowledge, direct participation, ground truth data, and democratic legitimacy.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Direct democratic participation<\/li>\n <li>Ground truth data & local knowledge<\/li>\n <li>Community-led initiatives<\/li>\n <li>Social mobilization<\/li>\n <li>Democratic legitimacy & accountability<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">Local Leaders<\/div>\n <div class=\"example-badge\">Activists<\/div>\n <div class=\"example-badge\">Volunteers<\/div>\n <div class=\"example-badge\">Affected Communities<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"helix-integration-card\">\n <h4 class=\"integration-title\">Cross-Helix Integration Mechanisms<\/h4>\n <p class=\"integration-subtitle\">How the five stakeholder groups coordinate across governance scales<\/p>\n <div class=\"integration-grid\">\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Multi-Stakeholder Committees<\/div>\n <div class=\"integration-desc\">Balanced representation at all scales<\/div>\n <\/div>\n <\/div>\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Quadratic Voting<\/div>\n <div class=\"integration-desc\">Democratic decision-making with minority protection<\/div>\n <\/div>\n <\/div>\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Transparent Documentation<\/div>\n <div class=\"integration-desc\">All proposals, votes, and decisions on-chain<\/div>\n <\/div>\n <\/div>\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Expert Advisory Boards<\/div>\n <div class=\"integration-desc\">Technical guidance from all stakeholder types<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-implementation\">\n <div class=\"implementation-section\">\n <h3 class=\"impl-title\">Implementation Roadmap & Use Cases<\/h3>\n <p class=\"impl-subtitle\">Practical pathways for governments and institutions to engage with the GRF governance architecture<\/p>\n \n \n <div class=\"timeline-container\">\n <h4 class=\"timeline-title\">Phased Implementation Approach<\/h4>\n <div class=\"timeline-track\">\n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-1\">\n <div class=\"marker-number\">01<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 1: Observer Status<\/div>\n <div class=\"timeline-duration\">Month 1-3<\/div>\n <div class=\"timeline-description\">Join as an observer to understand governance processes, attend meetings, review documentation, and assess fit with national priorities.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• Access to platforms<\/span>\n <span class=\"deliverable-tag\">• Governance documentation<\/span>\n <span class=\"deliverable-tag\">• Meeting participation<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-2\">\n <div class=\"marker-number\">02<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 2: Pilot Projects<\/div>\n <div class=\"timeline-duration\">Month 4-9<\/div>\n <div class=\"timeline-description\">Implement 1-2 pilot projects in specific risk domains, test integration with existing systems, train staff, and demonstrate value.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• Pilot project selection<\/span>\n <span class=\"deliverable-tag\">• Staff training<\/span>\n <span class=\"deliverable-tag\">• Integration testing<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-3\">\n <div class=\"marker-number\">03<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 3: Working Group Formation<\/div>\n <div class=\"timeline-duration\">Month 10-12<\/div>\n <div class=\"timeline-description\">Establish National Working Group, recruit multi-stakeholder participants, define governance charter, and begin formal coordination.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• NWG charter<\/span>\n <span class=\"deliverable-tag\">• Stakeholder recruitment<\/span>\n <span class=\"deliverable-tag\">• Governance structure<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-4\">\n <div class=\"marker-number\">04<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 4: Full Integration<\/div>\n <div class=\"timeline-duration\">Year 2+<\/div>\n <div class=\"timeline-description\">Scale across all relevant risk domains, integrate with national systems, participate in continental coordination, contribute to global governance.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• Full platform access<\/span>\n <span class=\"deliverable-tag\">• Continental hub participation<\/span>\n <span class=\"deliverable-tag\">• Global DAO voting<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-cases-grid\">\n <h4 class=\"use-cases-title\">Government Use Cases<\/h4>\n \n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M3 3h7v7H3z\"><\/path>\n <path d=\"M14 3h7v7h-7z\"><\/path>\n <path d=\"M14 14h7v7h-7z\"><\/path>\n <path d=\"M3 14h7v7H3z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">DISASTER RESPONSE<\/div>\n <\/div>\n <h5 class=\"use-case-title\">Real-Time Disaster Coordination<\/h5>\n <p class=\"use-case-description\">Coordinate multi-agency disaster response across national and international actors with real-time intelligence, resource tracking, and transparent allocation.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>30% faster resource mobilization<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Full accountability & auditability<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Cross-border seamless coordination<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">HEALTH SECURITY<\/div>\n <\/div>\n <h5 class=\"use-case-title\">Pandemic Early Warning System<\/h5>\n <p class=\"use-case-description\">Access AI-powered pathogen surveillance, coordinate international health responses, and manage transparent vaccine\/resource distribution.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>10,000+ data sources integrated<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Real-time pathogen detection<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Equitable resource allocation algorithms<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">CLIMATE RESILIENCE<\/div>\n <\/div>\n <h5 class=\"use-case-title\">National Climate Adaptation Planning<\/h5>\n <p class=\"use-case-description\">Develop evidence-based adaptation strategies, access climate finance, track NDC progress, and coordinate with regional\/global initiatives.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Access to significant climate finance pool<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Real-time NDC progress tracking<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Science-based adaptation recommendations<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">ECONOMIC STABILITY<\/div>\n <\/div>\n <h5 class=\"use-case-title\">Systemic Risk Monitoring<\/h5>\n <p class=\"use-case-description\">Monitor financial system vulnerabilities, coordinate international policy responses, and prevent contagion through transparent early warning systems.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>85% prediction accuracy rate<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>3-7 day coordinated response time<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Cross-border capital flow tracking<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"support-card\">\n <h4 class=\"support-title\">Integration Support for Governments<\/h4>\n <div class=\"support-grid\">\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Technical Documentation<\/div>\n <div class=\"support-desc\">Complete API docs, integration guides, governance handbooks<\/div>\n <\/div>\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Dedicated Support Team<\/div>\n <div class=\"support-desc\">Assigned liaison for government partners, 24\/7 technical support<\/div>\n <\/div>\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Capacity Building<\/div>\n <div class=\"support-desc\">Training programs, workshops, certification for government staff<\/div>\n <\/div>\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Security & Compliance<\/div>\n <div class=\"support-desc\">ISO 27001, SOC 2, GDPR compliance, national security assessments<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n <\/div>\n <\/section>\n\n\n\n \n <section class=\"applications-section\" id=\"use-cases\">\n <div class=\"container\">\n \n \n <div class=\"section-header-center\">\n <div class=\"section-badge-mono\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <span>Real-World Applications<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Solving <span style=\"color: #fff;\">Global Challenges<\/span>\n <\/h2>\n <p class=\"section-subtitle\" style=\"color: rgba(255,255,255,0.7); max-width: 900px; margin: 0 auto;\">\n From climate disasters to pandemic response, GRF infrastructure enables coordinated action at unprecedented speed and scale.\n <\/p>\n <\/div>\n\n \n \n \n <div class=\"challenges-grid-analytical\">\n \n \n <div class=\"challenge-card-analytical climate-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper climate\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Climate Change<\/h3>\n <div class=\"risk-meta\">Global Atmospheric Systems<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Temperature Anomaly<\/span>\n <span class=\"metric-trend negative\">+8.7%<\/span>\n <\/div>\n <div class=\"metric-value\">+1.3°C<\/div>\n <div class=\"metric-context\">vs. pre-industrial baseline<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill climate\" style=\"width: 87%\"><\/div>\n <\/div>\n <span class=\"progress-label\">87% to 1.5°C threshold<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">CO₂ Concentration<\/div>\n <div class=\"metric-value-compact\">421 ppm<\/div>\n <div class=\"metric-delta\">+2.3 ppm YoY<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Sea Level Rise<\/div>\n <div class=\"metric-value-compact\">+101 mm<\/div>\n <div class=\"metric-delta\">since 1993<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Achieve net-zero emissions by 2050 through coordinated carbon markets, renewable infrastructure scaling, and climate adaptation finance for vulnerable nations.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>NASA GISS, NOAA, CSIRO<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Carbon Markets<\/span>\n <span class=\"tech-badge\">IoT Sensors<\/span>\n <span class=\"tech-badge\">AI Forecasting<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical pandemic-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper pandemic\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2a5 5 0 1 0 5 5 4.5 4.5 0 0 0-4.5-4.5h-1A4.5 4.5 0 0 0 7 7a5 5 0 1 0 5-5z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n <path d=\"M12 14v4m0 4h.01M6.5 9L5 11m0 2h4m-4 2l1.5 2M17.5 9L19 11m0 2h-4m4 2l-1.5 2\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Pandemics & Biosecurity<\/h3>\n <div class=\"risk-meta\">Infectious Disease Monitoring<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">COVID-19 Deaths<\/span>\n <span class=\"metric-trend negative\">+1.2M '23<\/span>\n <\/div>\n <div class=\"metric-value\">7.0M+<\/div>\n <div class=\"metric-context\">cumulative global deaths<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill pandemic\" style=\"width: 92%\"><\/div>\n <\/div>\n <span class=\"progress-label\">92% mortality rate vs. goal<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Zoonotic Spillover Risk<\/div>\n <div class=\"metric-value-compact\">75%<\/div>\n <div class=\"metric-delta\">of emerging diseases<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Vaccine Inequity Gap<\/div>\n <div class=\"metric-value-compact\">60%<\/div>\n <div class=\"metric-delta\">LIC vs. HIC coverage<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Deploy global early warning system with genomic surveillance for 48-hour variant detection, accelerate vaccine R&D to 100-day timeline, establish equitable distribution frameworks.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>WHO, Nature, GAVI<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Genomic Sequencing<\/span>\n <span class=\"tech-badge\">ML Detection<\/span>\n <span class=\"tech-badge\">Supply Chain<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical ai-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper ai\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">AI Existential Risk<\/h3>\n <div class=\"risk-meta\">Artificial General Intelligence<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator critical\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">CRITICAL<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Model Scale (Parameters)<\/span>\n <span class=\"metric-trend neutral\">+450% YoY<\/span>\n <\/div>\n <div class=\"metric-value\">1.8T<\/div>\n <div class=\"metric-context\">largest frontier model<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill ai\" style=\"width: 95%\"><\/div>\n <\/div>\n <span class=\"progress-label\">95% scaling capacity utilized<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Compute Growth<\/div>\n <div class=\"metric-value-compact\">10x\/yr<\/div>\n <div class=\"metric-delta\">exponential trajectory<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Safety Research Budget<\/div>\n <div class=\"metric-value-compact\">3%<\/div>\n <div class=\"metric-delta\">of total AI investment<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Establish international AI governance with verifiable alignment mechanisms, global auditing standards, kill-switch protocols, and distributed oversight before AGI emergence.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>OpenAI, Epoch AI, Stanford<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Alignment Research<\/span>\n <span class=\"tech-badge\">Interpretability<\/span>\n <span class=\"tech-badge\">Governance<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical nuclear-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper nuclear\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n <line x1=\"21.17\" y1=\"8\" x2=\"12\" y2=\"8\"><\/line>\n <line x1=\"3.95\" y1=\"6.06\" x2=\"8.54\" y2=\"14\"><\/line>\n <line x1=\"10.88\" y1=\"21.94\" x2=\"15.46\" y2=\"14\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Nuclear Conflict<\/h3>\n <div class=\"risk-meta\">Global Arsenal Monitoring<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Global Nuclear Arsenal<\/span>\n <span class=\"metric-trend negative\">-450 '23<\/span>\n <\/div>\n <div class=\"metric-value\">12,512<\/div>\n <div class=\"metric-context\">total warheads<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill nuclear\" style=\"width: 85%\"><\/div>\n <\/div>\n <span class=\"progress-label\">85% operational readiness<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Tactical Warheads<\/div>\n <div class=\"metric-value-compact\">~2,000<\/div>\n <div class=\"metric-delta\">deployed<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Doomsday Clock<\/div>\n <div class=\"metric-value-compact\">90 sec<\/div>\n <div class=\"metric-delta\">to midnight<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Implement verified disarmament with blockchain-tracked arsenals, early-warning transparency systems, automated crisis communication channels, tactical weapon elimination protocols.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>SIPRI, FAS, Bulletin<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Verification Tech<\/span>\n <span class=\"tech-badge\">Hotlines<\/span>\n <span class=\"tech-badge\">Treaties<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical economic-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper economic\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Economic Instability<\/h3>\n <div class=\"risk-meta\">Financial System Resilience<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator high\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">HIGH<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Global Debt<\/span>\n <span class=\"metric-trend negative\">+7.2% YoY<\/span>\n <\/div>\n <div class=\"metric-value\">307T+<\/div>\n <div class=\"metric-context\">Currency units outstanding<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill economic\" style=\"width: 89%\"><\/div>\n <\/div>\n <span class=\"progress-label\">336% global debt-to-GDP ratio<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Debt\/GDP Ratio<\/div>\n <div class=\"metric-value-compact\">336%<\/div>\n <div class=\"metric-delta\">historical high<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Inflation Volatility<\/div>\n <div class=\"metric-value-compact\">High<\/div>\n <div class=\"metric-delta\">cross-regional<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Build resilient global financial architecture with circuit breakers, distributed reserves, automated stabilization, equitable debt restructuring for systemic shocks.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>IIF, World Bank, IMF<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">DeFi<\/span>\n <span class=\"tech-badge\">CBDC<\/span>\n <span class=\"tech-badge\">Risk Models<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n\n \n <div class=\"challenge-card-analytical conflict-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper conflict\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Armed Conflicts<\/h3>\n <div class=\"risk-meta\">Humanitarian Crisis Response<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Displaced Persons<\/span>\n <span class=\"metric-trend negative\">+12M '23<\/span>\n <\/div>\n <div class=\"metric-value\">114M<\/div>\n <div class=\"metric-context\">forcibly displaced worldwide<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill conflict\" style=\"width: 95%\"><\/div>\n <\/div>\n <span class=\"progress-label\">Record high displacement<\/span>\n <\/div>\n <\/div>\n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Active Conflicts<\/div>\n <div class=\"metric-value-compact\">183<\/div>\n <div class=\"metric-delta\">ongoing worldwide<\/div>\n <\/div>\n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Humanitarian Needs<\/div>\n <div class=\"metric-value-compact\">363M<\/div>\n <div class=\"metric-delta\">require assistance<\/div>\n <\/div>\n <\/div>\n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Deploy AI-driven early warning for <48hr humanitarian response, blockchain-verified aid delivery, peacekeeping transparency, autonomous monitoring in contested zones.<\/p>\n <\/div>\n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>ACLED, UNHCR, OCHA 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Conflict AI<\/span>\n <span class=\"tech-badge\">Aid Tracking<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n \n \n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"nexus-roadmap-compact hero-style-section\" id=\"roadmap\">\n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n \n \n <div class=\"nexus-hero-compact hero-style-content\">\n <div class=\"hero-badges-group\">\n <span class=\"badge-item\">Systemic Global Infrastructure<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">UN-Backed Resolution Pathway<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">2030 Implementation<\/span>\n <\/div>\n \n <h2 class=\"hero-title\" style=\"font-size: 3.5rem; line-height: 1.15; margin-bottom: 1.5rem;\">\n Nexus Ecosystem<br>\n <span class=\"gradient-text\">Orchestrating Global Risk Governance<\/span>\n <\/h2>\n \n <p class=\"hero-subtitle\" style=\"max-width: 1000px; margin: 0 auto 3rem; font-size: 1.15rem; color: rgba(255,255,255,0.8); line-height: 1.7;\">\n An integrated architecture bridging institutional mandates, financial mechanisms, legal frameworks, technical protocols, diplomatic cooperation, and resilience systems\u2014designed to enable coordinated, systemic response to planetary risks through the Sendai Framework, Paris Agreement, and UN Sustainable Development Goals.\n <\/p>\n \n \n <div style=\"max-width: 1100px; margin: 0 auto 3rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; padding: 2.5rem 2rem;\">\n \n <h3 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.3px;\">\n Integrated System Architecture\n <\/h3>\n \n <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Infrastructure: Nexus Ecosystem Foundation<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Sovereign Data Zones (SDZ) enabling 193 Member States to maintain data residency within national borders. Blockchain infrastructure (Hyperledger + Ethereum) providing immutable audit trails. GRIx ontology unifying risk taxonomy.<\/p>\n <\/div>\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Intelligence: UNOSINT Operating System<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Universal intelligence platform integrating AI-driven analytics, OSINT, scenario modeling, and quantum computing\u2014validated through Attested Evidence Packs (AEP) accepted by World Bank, IMF, and UN agencies.<\/p>\n <\/div>\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Sensing: Nexus Observatory Network<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Global sensor grid combining satellite telemetry, ground stations, IoT devices, and community-run observatories\u2014providing real-time planetary risk detection aligned with WMO GMAS and Sendai Framework.<\/p>\n <\/div>\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Governance: GRF Swiss Verein & Specialized Entities<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Neutral Swiss association (leveraging 270+ years of neutrality preventing any single nation from controlling infrastructure) orchestrating three non-profits: <strong>GCRI<\/strong> (R&D and scientific standards), <strong>GRA<\/strong> (financing and parametric insurance), <strong>NSF<\/strong> (technical protocols and blockchain)\u2014ensuring democratic oversight.<\/p>\n <\/div>\n \n <\/div>\n <\/div>\n \n \n <div style=\"max-width: 1100px; margin: 0 auto;\">\n <h3 style=\"font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.5px;\">\n Implementation Framework: Legal, Institutional, and Operational Dimensions\n <\/h3>\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.5rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">LEGAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">International Treaty Framework<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Aim for passing resolution on Nexus Ecosystem as digital public good by 2030 for multilateral risk management.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Legal Instruments<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">UN General Assembly Resolution \u2022 Bilateral MOUs \u2022 Regional Accords<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">INSTITUTIONAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Multilateral Integration<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Proposed pathways for<\/strong> integration with UN OCHA, UNDRR, World Bank DRM Hub, IMF, WHO\u2014with AEPs designed as verifiable evidence architecture for loan approvals, anticipatory action funding (compatible with UN CERF), and country diagnostic reports.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Key Partners<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">World Bank \u2022 UN Agencies \u2022 Regional Development Banks<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">FINANCIAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Sustainable Revenue Model<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Self-funding through regional consortiums generating revenue annually via SaaS licensing per jurisdiction, parametric insurance premiums, and capacity building services\u2014eliminating donor dependency.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Revenue Streams<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">SaaS \u2022 Insurance Premiums \u2022 Technical Services<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TECHNICAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Open Standards & Protocols<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Apache 2.0 open-source licensing ensuring transparency, auditability, and collective ownership. NSF-governed protocols for data exchange, AEP verification, and blockchain consensus\u2014compatible with existing systems.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Technical Standards<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">GRIx Ontology \u2022 AEP Format \u2022 API Specifications<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">DIPLOMATIC DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Multi-Stakeholder Cooperation<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">National Working Groups in each member state coordinating across ministries (interior, finance, foreign affairs, science). Regional cooperation through G7, G20, AU, ASEAN frameworks. Civil society and academic participation ensuring legitimacy.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Cooperation Mechanisms<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">NWGs \u2022 Regional Bodies \u2022 Stakeholder Forums<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">RESILIENCE DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Measurable Impact by 2030<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Proposed Target:<\/strong> 50% reduction in disaster response time through anticipatory action. Potential for billions in avoided losses via early-warning systems. Enhanced protection for vulnerable populations. 193 Member States with proposed operational SDZ infrastructure and verified intelligence access pathways.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Impact Metrics<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">Response Time \u2022 Economic Savings \u2022 Lives Protected<\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n \n <div style=\"max-width: 900px; margin: 3rem auto 0; padding: 2rem; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; text-align: center;\">\n <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.8; margin: 0; font-style: italic;\">\n \"The Nexus Ecosystem represents a comprehensive, coordinated approach to planetary risk governance\u2014integrating institutional mandates, financial mechanisms, legal frameworks, technical protocols, diplomatic cooperation, and resilience outcomes into a single, coherent system designed to secure the collective future of humanity.\"\n <\/p>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; margin: 1rem 0 0 0;\">\u2014 Strategic objective: UN General Assembly consideration pathway by 2030<\/p>\n <\/div>\n \n <\/div>\n\n \n <div class=\"timeline-compact-section hero-timeline\">\n <h3 class=\"section-heading-neon\" style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 2.5rem; text-align: center; letter-spacing: 0.5px;\">\n Implementation Milestones: 2025-2030\n <\/h3>\n \n <div style=\"max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2025\u20132026<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Infrastructure Foundation<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Operational Sovereign Data Zones (SDZ) in 20 pilot countries. UNOSINT platform integration with World Bank, UN CERF verification systems. Nexus Observatory deployment in 50 sentinel locations. GRF Swiss Verein legal establishment (Zug, Switzerland\u2014leveraging neutrality ensuring no geopolitical control).<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">20 SDZ Pilots<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">50 Observatories<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">GRF Established<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2027<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Regional Scaling<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">9 Regional Consortiums operational. 75 Member States with SDZ infrastructure. GCRI (R&D), GRA (Financing), NSF (Standards) specialized entities established. First Attested Evidence Packs (AEP) accepted by multilateral development banks for loan approvals.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">9 Consortiums<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">75 Countries<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">AEP Integration<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2028<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Institutional Adoption<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Target:<\/strong> Proposed integration pathways with UN OCHA, UNDRR, IMF, WHO as verified intelligence provider. 130 Member States operational. Cross-border API interoperability protocols ratified. Apache 2.0 technical standards published by NSF.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">130 Countries<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">UN Recognition<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">API Standards<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2029<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Financial Sustainability<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Target Model:<\/strong> Significant annual revenue via regional consortiums by end of decade. 170 Member States with proposed operational SDZ infrastructure. Parametric insurance products integrated with GRA financing mechanisms. Zero donor dependency objective.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Revenue Model<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">170 Countries<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Self-Funded<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2030<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">UN Resolution<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">UN General Assembly Resolution designating Nexus Ecosystem as global public good infrastructure. 193 Member States participation. International treaty framework ratified. GRF recognized as neutral standards authority for planetary risk intelligence.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">GA Resolution<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">193 States<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Treaty Ratified<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">POST 2030<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Global Maturity & Scale<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Full operationalization of Nexus Ecosystem as digital public good infrastructure. Continuous evolution of technical standards, expansion of use cases, and deepening integration with global governance frameworks. Self-sustaining revenue model supporting ongoing R&D and capacity building.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Full Scale<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Continuous Evolution<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Digital Public Good<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"nexus-dual-grid\">\n \n \n <div class=\"nexus-panel\">\n <h3 style=\"font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.5px;\">Implementation Process Tracks<\/h3>\n \n <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 1<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Technical Infrastructure & Standards<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Deploy SDZ architecture (20 pilots by 2026, 193 states by 2030). Establish NSF governance for GRIx ontology, AEP specifications, and API protocols. Apache 2.0 licensing for all core infrastructure. Blockchain integration (Hyperledger + Ethereum) for immutable audit trails.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">SDZ Deployment<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">NSF Standards<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Open Source<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 2<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Multilateral Institutional Adoption<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Proposed integration pathways<\/strong> with UN OCHA, UNDRR, World Bank DRM Hub, IMF, WHO as verified intelligence provider. AEP architecture designed for loan approval processes, anticipatory action funding (compatible with UN CERF), and country diagnostic frameworks. Pilot partnership discussions with regional development banks (AfDB, ADB, IDB).<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">UN Integration<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">MDB Partnerships<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">AEP Acceptance<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 3<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Legal Framework & Diplomatic Consensus<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Ratification of international treaties establishing GRF Swiss Verein (leveraging institutional neutrality preventing single-member veto) as neutral standards authority. Bilateral MOUs with Member States. Regional accords through G7, G20, AU, ASEAN frameworks. Model legal clauses for SDZ deployment, data sovereignty, and cross-border interoperability published by 2027.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Treaty Ratification<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Bilateral MOUs<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Model Legislation<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 4<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Financial Mechanisms & Revenue Model<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Establish Regional Consortiums as enterprise entities with significant annual revenue by the end of the decade. SaaS licensing per jurisdiction. GRA coordination of parametric insurance products. Member country equity stakes ensuring aligned incentives. Zero donor dependency achieved by the end of the decade.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">9 Consortiums<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">SaaS Revenue<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Parametric Insurance<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 5<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Capacity Building & Training Programs<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Comprehensive training and certification programs for government staff, technical teams, and local implementers. National Working Group establishment in all Member States. Regional training hubs delivering workshops on SDZ deployment, UNOSINT platform usage, and AEP creation. Technical documentation, API guides, and knowledge transfer materials in multiple languages ensuring global accessibility.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Training Programs<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">National Working Groups<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Certification<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 6<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Civil Society & Community Integration<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Community Observatory network deployment for ground-truth validation and local sensor data. Civil society participation in governance through multi-stakeholder mechanisms. Participatory budgeting tools for resilience projects at municipal level. Academic partnerships for independent research and third-party verification. Ensuring bottom-up legitimacy and grassroots accountability.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Community Observatories<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Civil Society<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Grassroots Validation<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"nexus-panel\">\n <h3 style=\"font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.5px;\">Strategic Objectives by 2030<\/h3>\n \n <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 1<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Universal Access to Intelligence Infrastructure<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">193 UN Member States with operational SDZ infrastructure and UNOSINT platform access. National Working Groups established in all countries coordinating across ministries. Nexus Observatory network deployed in 1,000+ sentinel locations globally. No nation left behind in planetary risk intelligence capabilities.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">193 States<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">1K+ Observatories<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Universal Coverage<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 2<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Systemic Multilateral Integration<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Strategic objective:<\/strong> UN General Assembly consideration of Nexus Ecosystem as global public good infrastructure. Proposed integration pathways with UN OCHA, UNDRR, World Bank, IMF, WHO, WMO. AEPs designed as verifiable evidence architecture for loan approvals, anticipatory action funding, and policy decisions. GRF Swiss Verein proposed as neutral standards authority analogous to ICANN model.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">GA Resolution<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Multilateral Adoption<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Standards Authority<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 3<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Guaranteed Data Sovereignty & Interoperability<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">100% data residency within national borders through SDZ architecture. Cross-border API interoperability without data transfer. 90-day exit rights for all participants with full data portability. institutional neutrality ensuring no geopolitical dominance. International treaty framework ratified protecting sovereignty while enabling cooperation.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">100% Sovereignty<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">90-Day Exit<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Treaty Protected<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 4<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Self-Sustaining Financial Model<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Target Model:<\/strong> Significant annual revenue through Regional Consortiums (SaaS licensing, parametric insurance, capacity building). Zero donor dependency objective. Member country equity stakes ensuring aligned incentives. GCRI, GRA, NSF non-profit entities proposed for operational funding. Long-term financial sustainability through diversified revenue streams.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Revenue Model<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Zero Donor Dependency<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Self-Sustaining<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 5<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Thriving Open-Source Ecosystem<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Apache 2.0 licensing for all core protocols ensuring transparency and collective ownership. 100K+ contributors from academia, civil society, government, and private sector. NSF governance of technical standards with democratic oversight (one-member-one-vote). Public code repositories, open APIs, and auditable systems ensuring trust and accountability.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Apache 2.0<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">100K+ Contributors<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Public Auditable<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 6<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Demonstrable Resilience Outcomes<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Proposed Targets:<\/strong> 50% reduction in disaster response time through anticipatory action systems. Potential for billions in avoided economic losses via early-warning and verified intelligence. Enhanced population protection through proposed Nexus Observatory network and UNOSINT platform. Alignment with Sendai Framework targets, Paris Agreement commitments, and UN Sustainable Development Goals.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Faster Response<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Avoided Losses<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Enhanced Protection<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n \n <section class=\"open-source-infrastructure\" id=\"open-source\" style=\"background: #000; padding: 5rem 0; position: relative;\">\n <div class=\"container\">\n \n <div class=\"section-header-center\">\n <div class=\"section-badge\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"><\/path>\n <\/svg>\n <span>Open Source Infrastructure<\/span>\n <\/div>\n <h2 class=\"section-title\">\n The Open Source <span class=\"gradient-text\">Risk Tech<\/span> Movement\n <\/h2>\n <p class=\"section-subtitle\">\n GRF is the institutional infrastructure for a global movement building the world's first open-source, decentralized platform for planetary risk governance—uniting developers, researchers, and institutions in creating verifiable, transparent coordination systems.\n <\/p>\n <\/div>\n\n \n <div class=\"tech-stack-visualization\">\n <h3 class=\"subsection-title-center\">Institutional Infrastructure Stack<\/h3>\n \n <div class=\"stack-layers-fixed\">\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">01<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Data & Intelligence<\/h4>\n <div class=\"layer-subtitle\">Foundation Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">Real-time multi-source ingestion, AI\/ML pipelines, distributed sensors, satellite data, and IoT telemetry networks providing comprehensive risk intelligence.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">Apache Kafka<\/span>\n <span class=\"tech-tag\">TensorFlow<\/span>\n <span class=\"tech-tag\">TimescaleDB<\/span>\n <span class=\"tech-tag\">Apache Airflow<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">02<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Zero-Trust Verification<\/h4>\n <div class=\"layer-subtitle\">Security Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">Blockchain provenance, cryptographic verification, immutable audit trails, and multi-signature validation ensuring transparent accountability for all stakeholders.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">Ethereum<\/span>\n <span class=\"tech-tag\">IPFS<\/span>\n <span class=\"tech-tag\">Oracle Networks<\/span>\n <span class=\"tech-tag\">ZK-Proofs<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">03<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Democratic Coordination<\/h4>\n <div class=\"layer-subtitle\">Governance Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">Democratic voting mechanisms, prediction markets for evidence-based forecasting, and distributed governance protocols enabling inclusive decision-making across 4 institutional scales with cryptographic auditability.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">Off-Chain Voting<\/span>\n <span class=\"tech-tag\">Quadratic Funding<\/span>\n <span class=\"tech-tag\">Democratic Governance<\/span>\n <span class=\"tech-tag\">Gnosis Safe<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">04<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Platform Applications<\/h4>\n <div class=\"layer-subtitle\">Application Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">6 integrated platforms (Research, Capital, Policy, Innovation, Foresight, Diplomacy) with comprehensive REST\/GraphQL APIs for government and institutional integration.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">React + TypeScript<\/span>\n <span class=\"tech-tag\">GraphQL<\/span>\n <span class=\"tech-tag\">PostgreSQL<\/span>\n <span class=\"tech-tag\">Redis Cache<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"why-open-grid-fixed\">\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">01<\/div>\n <h4 class=\"why-title-mono\">Transparency & Trust<\/h4>\n <p class=\"why-desc-mono\">Every line of code, algorithm, and decision process is public and auditable by governments, institutions, and citizens—eliminating information asymmetry and enabling evidence-based policy decisions.<\/p>\n <div class=\"why-benefit\">Zero black boxes • Full auditability • Public oversight<\/div>\n <\/div>\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">02<\/div>\n <h4 class=\"why-title-mono\">Global Collaboration<\/h4>\n <p class=\"why-desc-mono\">Developers, researchers, and institutions worldwide contribute improvements, security audits, and localized implementations—ensuring no single nation or entity controls critical risk infrastructure.<\/p>\n <div class=\"why-benefit\">Distributed development • Multi-stakeholder governance • Shared sovereignty<\/div>\n <\/div>\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">03<\/div>\n <h4 class=\"why-title-mono\">Institutional Resilience<\/h4>\n <p class=\"why-desc-mono\">Distributed repositories, decentralized hosting, and community-driven governance ensure the system survives geopolitical disruptions, organizational failures, and attempts at capture or censorship.<\/p>\n <div class=\"why-benefit\">Fault-tolerant • Censorship-resistant • Long-term stable<\/div>\n <\/div>\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">04<\/div>\n <h4 class=\"why-title-mono\">Rapid Innovation<\/h4>\n <p class=\"why-desc-mono\">Open APIs, extensible architecture, and plugin ecosystems allow governments and institutions to build custom integrations and specialized tools without permission or vendor lock-in.<\/p>\n <div class=\"why-benefit\">Permissionless innovation • Custom extensions • Interoperable by design<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top: 5rem; text-align: center;\">\n <h3 class=\"subsection-title-center\" style=\"margin-bottom: 3rem;\">How You Can Contribute<\/h3>\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 1200px; margin: 0 auto;\">\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Research Papers<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Contribute research, analysis, and academic papers on risk governance and coordination systems.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Code Contributions<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Build open-source tools, platforms, and infrastructure for planetary risk management.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\n <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\n <path d=\"M2 2l7.586 7.586\"><\/path>\n <circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Design<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Create user interfaces, visualizations, and design systems for better decision-making.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Presentations<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Share insights at conferences, workshops, and events to build awareness and engagement.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Courses & Education<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Develop educational content, training programs, and capacity-building initiatives.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Policy Contributions<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Shape frameworks, regulations, and international agreements for collective action.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Capital & Funding<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Support development through grants, investments, and innovative financing mechanisms.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Community Building<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Organize events, facilitate connections, and grow the global risk governance community.<\/p>\n <\/a>\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section style=\"background: #000; padding: 6rem 0; position: relative;\">\n <div class=\"container\" style=\"max-width: 900px; margin: 0 auto; padding: 0 2rem; text-align: center;\">\n \n <div class=\"section-badge\" style=\"display: inline-block; margin-bottom: 2rem;\">\n <span>Join the Movement<\/span>\n <\/div>\n \n <h2 style=\"font-size: 3rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.2;\">\n Ready to Build the Future of <span class=\"gradient-text\">Planetary Governance<\/span>?\n <\/h2>\n \n <p style=\"font-size: 1.2rem; color: rgba(255,255,255,0.8); line-height: 1.8; margin-bottom: 3rem; max-width: 750px; margin-left: auto; margin-right: auto;\">\n Whether you're a government, multilateral institution, researcher, technologist, or civil society organization\u2014there's a role for you in building the infrastructure for humanity's collective response to planetary risks.\n <\/p>\n \n <div style=\"display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 3rem; flex-wrap: wrap;\">\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" style=\"display: inline-flex; align-items: center; gap: 0.75rem; padding: 1.25rem 2.5rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Get Started<\/span>\n <\/a>\n <a href=\"https:\/\/github.com\/gcri\/grf\" target=\"_blank\" rel=\"noopener\" style=\"display: inline-flex; align-items: center; gap: 0.75rem; padding: 1.25rem 2.5rem; background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.3); color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.840 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.430.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"\/>\n <\/svg>\n <span>View on GitHub<\/span>\n <\/a>\n <\/div>\n \n <div style=\"display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.7);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span style=\"font-size: 1rem; font-weight: 500;\">Open Source<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.7);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span style=\"font-size: 1rem; font-weight: 500;\">Sovereign by Design<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.7);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span style=\"font-size: 1rem; font-weight: 500;\">Multilateral Backed<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-top: 4rem; padding: 2.5rem; background: rgba(30, 136, 229, 0.05); border: 1px solid rgba(30, 136, 229, 0.15); border-radius: 12px; text-align: left;\">\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Forward-Looking Statements<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n This website contains forward-looking statements about GRF's proposed plans, objectives, targets, and anticipated outcomes. These statements are subject to risks, uncertainties, and assumptions. Actual results may differ materially from those expressed or implied. Statements about future revenue models, member state adoption, institutional partnerships, and impact metrics are aspirational targets, not guarantees. No investment solicitation is intended.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Institutional Independence<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n The Global Risks Forum is an independent Swiss nonprofit organization. GRF is not affiliated with, endorsed by, or officially connected to the United Nations, World Bank, International Monetary Fund, World Health Organization, or any other multilateral institution, government, or international organization. All references to potential institutional integration pathways represent strategic objectives and proposed frameworks under development, not existing partnerships, endorsements, or formal agreements.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Trademarks & Third-Party References<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n All trademarks, service marks, and trade names referenced on this site (including but not limited to technologies, platforms, and methodologies) are the property of their respective owners. References to third-party technologies, standards, or frameworks are for descriptive purposes only and do not imply endorsement, partnership, or affiliation unless explicitly stated. GRF respects all intellectual property rights.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 0;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Not Investment Advice<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n Nothing on this website constitutes investment advice, financial advice, trading advice, or any other sort of advice. GRF does not recommend that any financial product, security, or instrument should be bought, sold, or held by you. All proposed financial mechanisms described herein are conceptual models subject to regulatory approval and should not be construed as investment opportunities or solicitations.\n <\/p>\n <\/div>\n \n <\/div>\n \n <\/div>\n <\/section>\n\n<script>\n\/\/ Initialize Feather Icons\nif (typeof feather !== 'undefined') {\n feather.replace();\n}\n\n\/\/ Tab Functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ===== HANDLE COMPARISON TABS (.tab-btn with data-tab) =====\n const tabButtons = document.querySelectorAll('.tab-btn');\n \n tabButtons.forEach(button => {\n button.addEventListener('click', function() {\n const tabId = this.getAttribute('data-tab');\n const tabContainer = this.closest('.comparison-tabs') || this.closest('.tabs-container') || this.closest('[role=\"tablist\"]').parentElement;\n \n \/\/ Remove active class from all buttons in this tab group\n const allButtons = tabContainer.querySelectorAll('.tab-btn');\n allButtons.forEach(btn => {\n btn.classList.remove('active');\n btn.setAttribute('aria-selected', 'false');\n });\n \n \/\/ Add active class to clicked button\n this.classList.add('active');\n this.setAttribute('aria-selected', 'true');\n \n \/\/ Hide all tab content in this tab group\n const allContent = tabContainer.querySelectorAll('.tab-content');\n allContent.forEach(content => {\n content.classList.remove('active');\n content.style.display = 'none';\n content.setAttribute('hidden', '');\n });\n \n \/\/ Show the selected tab content\n const selectedContent = tabContainer.querySelector('#tab-' + tabId);\n if (selectedContent) {\n selectedContent.classList.add('active');\n selectedContent.style.display = 'block';\n selectedContent.removeAttribute('hidden');\n }\n });\n });\n \n \/\/ Initialize comparison tabs - show first tab as active or keep already active tab visible\n const tabGroups = document.querySelectorAll('.comparison-tabs, .tabs-container');\n tabGroups.forEach(group => {\n \/\/ Check if there's already an active button\n let activeButton = group.querySelector('.tab-btn.active');\n let activeContent = group.querySelector('.tab-content.active');\n \n \/\/ If no active button, activate the first one\n if (!activeButton) {\n activeButton = group.querySelector('.tab-btn');\n if (activeButton) {\n activeButton.classList.add('active');\n activeButton.setAttribute('aria-selected', 'true');\n \n \/\/ Show corresponding content\n const tabId = activeButton.getAttribute('data-tab');\n activeContent = group.querySelector('#tab-' + tabId);\n }\n }\n \n \/\/ Ensure active content is visible\n if (activeContent) {\n activeContent.classList.add('active');\n activeContent.style.display = 'block';\n activeContent.removeAttribute('hidden');\n }\n \n \/\/ Hide all non-active content\n const allContent = group.querySelectorAll('.tab-content:not(.active)');\n allContent.forEach(content => {\n content.style.display = 'none';\n content.setAttribute('hidden', '');\n });\n });\n \n \/\/ ===== HANDLE PLATFORM TABS (.platform-tab with data-platform) =====\n const platformButtons = document.querySelectorAll('.platform-tab');\n \n platformButtons.forEach(button => {\n button.addEventListener('click', function() {\n const platformId = this.getAttribute('data-platform');\n \n \/\/ Remove active class from all platform buttons\n platformButtons.forEach(btn => {\n btn.classList.remove('active');\n btn.setAttribute('aria-selected', 'false');\n });\n \n \/\/ Add active class to clicked button\n this.classList.add('active');\n this.setAttribute('aria-selected', 'true');\n \n \/\/ Hide all platform panels\n const allPanels = document.querySelectorAll('.platform-panel');\n allPanels.forEach(panel => {\n panel.classList.remove('active');\n panel.style.display = 'none';\n });\n \n \/\/ Show the selected platform panel\n const selectedPanel = document.querySelector('#panel-' + platformId);\n if (selectedPanel) {\n selectedPanel.classList.add('active');\n selectedPanel.style.display = 'block';\n }\n });\n });\n \n \/\/ Initialize platform tabs - ensure first is visible\n const firstPlatformButton = document.querySelector('.platform-tab.active');\n if (firstPlatformButton) {\n const platformId = firstPlatformButton.getAttribute('data-platform');\n const firstPanel = document.querySelector('#panel-' + platformId);\n if (firstPanel) {\n firstPanel.classList.add('active');\n firstPanel.style.display = 'block';\n }\n }\n \n \/\/ Re-initialize Feather icons after DOM is ready\n if (typeof feather !== 'undefined') {\n feather.replace();\n }\n});\n\n\/\/ Smooth scroll for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n const href = this.getAttribute('href');\n if (href !== '#' && href !== '') {\n e.preventDefault();\n const target = document.querySelector(href);\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Global Risks Forum – Next-Generation Multilateral Coordination Infrastructure Swiss Nonprofit Independent Verifiable Next-Generation Risk Governance Infrastructure World association for integrated Disaster Risk Reduction (DRR), Disaster Risk Financing (DRF), and Disaster Risk Intelligence (DRI)\u2014developing global standards, protocols, and programs for UNOSINT. Swiss-based neutral orchestrator convening governments, multilateral institutions, academia, civil society, and private sector to build … <a href=\"https:\/\/globalriskforum.com\/governance\/governance-platform\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Governance Platform”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_buddyx_sub_header_visibility":"","_buddyx_sub_header_title_visibility":"","_hide_show_side_panel":"","_buddyxpro_page_sidebar":"","_buddyxpro_page_disable_header":"","_buddyxpro_page_disable_footer":"","_buddyxpro_page_content_width":"","_buddyxpro_page_header_style":"","_buddyxpro_page_color_mode":"","_buddyxpro_page_loader":"","footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":0,"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"wp:attachment":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n \n \n Global Risks Forum - Next-Generation Multilateral Coordination Infrastructure<\/title>\n <meta name=\"title\" content=\"Global Risks Forum - Next-Generation Multilateral Coordination Infrastructure\">\n <meta name=\"description\" content=\"A Swiss nonprofit leveraging AI, blockchain, and quadratic mechanisms to enable fast, transparent, and democratic global risk management. Building the future of planetary governance.\">\n <meta name=\"keywords\" content=\"global risks, multilateral governance, disaster risk reduction, climate resilience, pandemic prevention, AI governance, blockchain transparency, quadratic voting, prediction markets, Swiss nonprofit, UN SDGs, Sendai Framework\">\n \n \n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/globalriskforum.com\/\">\n <meta property=\"og:title\" content=\"Global Risks Forum - Next-Generation Multilateral Coordination\">\n <meta property=\"og:description\" content=\"Independent Swiss nonprofit building planetary governance infrastructure through zero-trust verified intelligence, AI-powered forecasting, and democratic resource allocation.\">\n <meta property=\"og:image\" content=\"https:\/\/globalriskforum.com\/og-image.jpg\">\n <meta property=\"og:site_name\" content=\"Global Risks Forum\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:url\" content=\"https:\/\/globalriskforum.com\/\">\n <meta name=\"twitter:title\" content=\"Global Risks Forum - Risk Governance Infrastructure\">\n <meta name=\"twitter:description\" content=\"Zero-Trust Verified Intelligence for All-Society, All-Hazards Risk Management\">\n <meta name=\"twitter:image\" content=\"https:\/\/globalriskforum.com\/twitter-image.jpg\">\n \n \n <meta name=\"author\" content=\"Global Risks Forum\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/globalriskforum.com\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"dns-prefetch\" href=\"https:\/\/cdn.jsdelivr.net\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/unpkg.com\/feather-icons\"><\/script>\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Global Risks Forum\",\n \"alternateName\": \"GRF\",\n \"url\": \"https:\/\/globalriskforum.com\",\n \"logo\": \"https:\/\/globalriskforum.com\/logo.png\",\n \"description\": \"Swiss nonprofit providing next-generation multilateral coordination infrastructure for global risk management through AI, blockchain, and democratic mechanisms\",\n \"foundingDate\": \"2020\",\n \"foundingLocation\": {\n \"@type\": \"Place\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressCountry\": \"Switzerland\"\n }\n },\n \"knowsAbout\": [\"Global Risk Management\", \"Climate Resilience\", \"Pandemic Prevention\", \"Disaster Risk Reduction\", \"Multilateral Coordination\", \"Blockchain Governance\", \"AI-Powered Forecasting\", \"Quadratic Voting\", \"Prediction Markets\"],\n \"sameAs\": [\n \"https:\/\/twitter.com\/globalrisksforum\",\n \"https:\/\/github.com\/globalrisksforum\",\n \"https:\/\/linkedin.com\/company\/global-risks-forum\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"email\": \"contact@globalriskforum.com\",\n \"contactType\": \"General Inquiries\"\n }\n }\n <\/script>\n\n<style>\n\/* ========================================================================\n GRF UNIFIED DESIGN SYSTEM - UN\/WORLD BANK GRADE v3.0\n Professional | Elegant | Consistent | Dynamic\n ======================================================================== *\/\n\n:root {\n \/* === UNIFIED COLOR PALETTE === *\/\n --un-primary: #0A4D8C; \/* UN Blue - Primary *\/\n --un-secondary: #1E88E5; \/* Bright Blue - Accents *\/\n --un-accent: #00B4D8; \/* Cyan - Interactive *\/\n --un-dark: #0D1B2A; \/* Deep Navy - Backgrounds *\/\n --un-darker: #000814; \/* Almost Black *\/\n \n \/* === GRAYS === *\/\n --gray-50: #F8FAFC;\n --gray-100: #F1F5F9;\n --gray-200: #E2E8F0;\n --gray-300: #CBD5E1;\n --gray-400: #94A3B8;\n --gray-500: #64748B;\n --gray-600: #475569;\n --gray-700: #334155;\n --gray-800: #1E293B;\n --gray-900: #0F172A;\n \n \/* === STATUS COLORS === *\/\n --status-extreme: #DC2626;\n --status-critical: #F59E0B;\n --status-high: #EAB308;\n --status-success: #10B981;\n \n \/* === LEGACY VARS (for compatibility) === *\/\n --grf-primary: var(--un-accent);\n --grf-primary-hover: var(--un-secondary);\n --grf-primary-muted: rgba(0,180,216,0.1);\n --grf-primary-glow: rgba(0,180,216,0.4);\n \n --grf-secondary: var(--un-primary);\n --grf-secondary-hover: var(--un-secondary);\n --grf-secondary-muted: rgba(10,77,140,0.1);\n --grf-secondary-glow: rgba(10,77,140,0.4);\n \n \/* === SEMANTIC COLORS === *\/\n --color-success: #10B981; \/* Success \/ Verified *\/\n --color-warning: #F59E0B; \/* Warning \/ Attention *\/\n --color-error: #EF4444; \/* Error \/ Alert *\/\n --color-info: #3B82F6; \/* Information *\/\n \n \/* === BACKGROUND SYSTEM (3-Level Hierarchy) === *\/\n --bg-primary: #000000; \/* Base Black *\/\n --bg-elevated: #0A0A0A; \/* Slightly Elevated *\/\n --bg-interactive: #141414; \/* Interactive Elements *\/\n --bg-overlay: rgba(10,10,10,0.95); \/* Overlay \/ Modal *\/\n \n \/* === TYPOGRAPHY SYSTEM (4-Level Hierarchy) === *\/\n --text-primary: #FFFFFF; \/* Primary Text - 100% *\/\n --text-secondary: rgba(255,255,255,0.7); \/* Secondary - 70% *\/\n --text-tertiary: rgba(255,255,255,0.5); \/* Tertiary - 50% *\/\n --text-disabled: rgba(255,255,255,0.3); \/* Disabled - 30% *\/\n \n \/* === BORDER SYSTEM (2-Level Hierarchy) === *\/\n --border-subtle: rgba(255,255,255,0.06); \/* Subtle Borders *\/\n --border-default: rgba(255,255,255,0.12); \/* Default Borders *\/\n --border-focus: rgba(255,255,255,0.20); \/* Focus State *\/\n \n \/* === TYPOGRAPHY === *\/\n --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n --font-mono: 'IBM Plex Mono', 'Courier New', monospace;\n \n \/* === GRADIENTS === *\/\n --gradient-brand: linear-gradient(135deg, #00FFD9 0%, #8B5CF6 50%, #F59E0B 100%);\n --gradient-ambient: radial-gradient(circle at 50% 0%, rgba(0,212,170,0.05) 0%, transparent 60%);\n --gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%);\n \n \/* === SHADOWS === *\/\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.6);\n --shadow-md: 0 8px 24px rgba(0,0,0,0.7);\n --shadow-lg: 0 16px 48px rgba(0,0,0,0.8);\n --shadow-xl: 0 24px 64px rgba(0,0,0,0.85);\n \n \/* === GLOWS === *\/\n --glow-primary: 0 0 30px var(--grf-primary-glow), 0 0 60px rgba(0,212,170,0.2);\n --glow-secondary: 0 0 30px var(--grf-secondary-glow), 0 0 60px rgba(139,92,246,0.2);\n \n \/* === SPACING SCALE === *\/\n --space-xs: 8px;\n --space-sm: 16px;\n --space-md: 24px;\n --space-lg: 40px;\n --space-xl: 64px;\n --space-2xl: 96px;\n --space-3xl: 128px;\n \n \/* === BORDER RADIUS === *\/\n --radius-sm: 8px;\n --radius-md: 12px;\n --radius-lg: 16px;\n --radius-xl: 24px;\n --radius-full: 9999px;\n \n \/* === TRANSITIONS === *\/\n --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);\n --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);\n --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* === RESET & BASE === *\/\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\/* Scope all styles to .grf-wrapper to prevent WordPress theme conflicts *\/\n.grf-wrapper {\n font-size: 16px;\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: var(--font-sans);\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n position: relative;\n overflow-x: hidden;\n isolation: isolate;\n min-height: 100vh;\n width: 100%;\n}\n\n\/* === DYNAMIC ANIMATED GRADIENT BACKGROUND === *\/\n.grf-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 20%, rgba(10, 77, 140, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(0, 180, 216, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(30, 136, 229, 0.08) 0%, transparent 70%);\n animation: gradientShift 20s ease infinite;\n pointer-events: none;\n z-index: 0;\n}\n\n@keyframes gradientShift {\n 0%, 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n 33% {\n opacity: 0.7;\n transform: scale(1.05) rotate(3deg);\n }\n 66% {\n opacity: 0.9;\n transform: scale(1.1) rotate(-2deg);\n }\n}\n\n\/* Remove WordPress\/Elementor compatibility that affects external elements *\/\n.grf-wrapper .elementor-widget-container {\n all: revert;\n}\n\n\/* ========================================================================\n CARD SYSTEM - OPAQUE BACKGROUNDS (EXPERT DESIGN SYSTEM)\n ======================================================================== *\/\n\n\/* \n * All cards use opaque black backgrounds to prevent animated grid bleed-through\n * This ensures visual hierarchy and content readability\n *\/\n.platform-card,\n.vision-card,\n.vision-card-large,\n.ecosystem-card,\n.contribution-card,\n.tech-card,\n.governance-card,\n.impact-card,\n.comparison-card,\n.problem-card,\n.solution-card,\n.tab-card,\n.network-node,\n.topology-card,\n.speed-card,\n.dev-card,\n.framework-card,\n.use-case-card,\n.cta-card,\n.feature-card,\n.platform-feature-card {\n background: rgba(0,0,0,0.85) !important;\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n\n\/* Hover states - maximum opacity for interaction feedback *\/\n.platform-card:hover,\n.vision-card:hover,\n.ecosystem-card:hover,\n.contribution-card:hover,\n.tech-card:hover,\n.governance-card:hover,\n.impact-card:hover,\n.comparison-card:hover,\n.tab-card:hover,\n.dev-card:hover,\n.framework-card:hover,\n.use-case-card:hover,\n.platform-feature-card:hover {\n background: rgba(0,0,0,0.95) !important;\n}\n\n\/* Special sections with semi-opaque backgrounds *\/\n.hero-stats,\n.opensource-commitment,\n.commitment-content {\n background: rgba(0,0,0,0.75) !important;\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n}\n\n.grf-wrapper {\n width: 100%;\n min-height: 100vh;\n background: var(--bg-primary);\n position: relative;\n}\n\n\/* === UTILITIES === *\/\n.container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 var(--space-lg);\n}\n\n@media (max-width: 1200px) {\n .container {\n padding: 0 var(--space-md);\n }\n}\n\n@media (max-width: 768px) {\n .container {\n padding: 0 var(--space-sm);\n }\n}\n\n\/* === ANIMATED GRID BACKGROUND === *\/\n.animated-grid {\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(var(--border-subtle) 1px, transparent 1px),\n linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);\n background-size: 80px 80px;\n opacity: 0.4;\n pointer-events: none;\n animation: gridMove 30s linear infinite;\n}\n\n@keyframes gridMove {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(80px, 80px); }\n}\n\n\/* === GRADIENT TEXT === *\/\n.gradient-text {\n background: var(--gradient-brand);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n font-weight: 700;\n animation: gradientShift 8s ease-in-out infinite;\n}\n\n@keyframes gradientShift {\n 0%, 100% {\n background-position: 0% 50%;\n }\n 25% {\n background-position: 50% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 75% {\n background-position: 50% 50%;\n }\n}\n\n\/* ========================================================================\n HERO SECTION - Enterprise Grade\n ======================================================================== *\/\n\n.hero-section {\n position: relative;\n padding: var(--space-3xl) 0 var(--space-2xl);\n overflow: hidden;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n}\n\n.hero-content {\n position: relative;\n z-index: 10;\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n}\n\n\/* Hero Badge *\/\n.hero-badge {\n display: inline-flex;\n align-items: center;\n gap: var(--space-sm);\n padding: 14px 32px;\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-full);\n margin-bottom: var(--space-xl);\n position: relative;\n box-shadow: var(--shadow-md);\n transition: all var(--transition-base);\n}\n\n.hero-badge::before {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: var(--radius-full);\n padding: 1px;\n background: var(--gradient-brand);\n -webkit-mask: \n linear-gradient(#fff 0 0) content-box, \n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0.6;\n}\n\n.hero-badge:hover {\n transform: translateY(-2px);\n box-shadow: var(--shadow-lg);\n}\n\n.badge-item {\n font-family: var(--font-mono);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n color: var(--text-primary);\n}\n\n.badge-separator {\n width: 1px;\n height: 18px;\n background: var(--border-default);\n}\n\n\/* Hero Title *\/\n.hero-title {\n font-size: clamp(48px, 8vw, 96px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.04em;\n margin-bottom: var(--space-lg);\n color: var(--text-primary);\n}\n\n.hero-title .gradient-text {\n display: inline-block;\n}\n\n\/* Hero Subtitle *\/\n.hero-subtitle {\n font-size: clamp(20px, 3vw, 32px);\n line-height: 1.5;\n color: var(--text-primary);\n margin-bottom: var(--space-md);\n font-weight: 500;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* Hero Description *\/\n.hero-description {\n font-size: clamp(16px, 2vw, 20px);\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 900px;\n margin: 0 auto var(--space-xl);\n}\n\n\/* CTA Buttons *\/\n.hero-cta {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm);\n flex-wrap: wrap;\n margin-bottom: var(--space-xl);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 36px;\n border-radius: var(--radius-md);\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n text-decoration: none;\n border: 1px solid;\n cursor: pointer;\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n}\n\n.btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n}\n\n.btn:hover::before {\n width: 300px;\n height: 300px;\n}\n\n.btn-primary {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.15);\n color: var(--text-primary);\n box-shadow: var(--shadow-md);\n}\n\n.btn-primary:hover {\n background: rgba(255,255,255,0.12);\n border-color: rgba(255,255,255,0.25);\n transform: translateY(-2px);\n box-shadow: var(--shadow-lg);\n}\n\n.btn-secondary {\n background: transparent;\n border-color: var(--border-default);\n color: var(--text-secondary);\n}\n\n.btn-secondary:hover {\n background: rgba(255,255,255,0.05);\n border-color: var(--border-focus);\n color: var(--text-primary);\n}\n\n\/* Hero Analytics Dashboard *\/\n.hero-analytics-dashboard {\n max-width: 1200px;\n margin: var(--space-2xl) auto 0;\n padding: 0;\n}\n\n\/* Objectives Disclaimer *\/\n.objectives-disclaimer {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n padding: 16px 24px;\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 12px;\n margin-bottom: var(--space-xl);\n}\n\n.objectives-disclaimer svg {\n color: #06b6d4;\n flex-shrink: 0;\n}\n\n.objectives-disclaimer > span:first-of-type {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.disclaimer-subtext {\n font-size: 12px;\n color: rgba(255,255,255,0.6);\n font-weight: 400;\n width: 100%;\n text-align: center;\n margin-top: 4px;\n}\n\n.dashboard-trend.objective {\n color: #f59e0b;\n background: rgba(245, 158, 11, 0.1);\n border-color: rgba(245, 158, 11, 0.3);\n}\n\n.dashboard-trend.objective svg {\n color: #f59e0b;\n}\n\n.dashboard-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n margin-bottom: var(--space-lg);\n}\n\n.dashboard-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n position: relative;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.dashboard-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.dashboard-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.3), 0 0 20px rgba(6, 182, 212, 0.2);\n}\n\n.dashboard-card:hover::before {\n opacity: 1;\n}\n\n.dashboard-card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: var(--space-md);\n}\n\n.dashboard-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: rgba(6, 182, 212, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.dashboard-icon svg {\n color: #06b6d4;\n}\n\n.activity-card .dashboard-icon {\n background: rgba(6, 182, 212, 0.15);\n}\n\n.activity-card .dashboard-icon svg {\n color: #06b6d4;\n}\n\n.data-card .dashboard-icon {\n background: rgba(147, 51, 234, 0.15);\n}\n\n.data-card .dashboard-icon svg {\n color: #9333ea;\n}\n\n.api-card .dashboard-icon {\n background: rgba(59, 130, 246, 0.15);\n}\n\n.api-card .dashboard-icon svg {\n color: #3b82f6;\n}\n\n.response-card .dashboard-icon {\n background: rgba(34, 197, 94, 0.15);\n}\n\n.response-card .dashboard-icon svg {\n color: #22c55e;\n}\n\n.dashboard-meta {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n}\n\n.dashboard-label {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.dashboard-trend {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 6px;\n}\n\n.dashboard-trend.positive {\n color: #22c55e;\n background: rgba(34, 197, 94, 0.1);\n}\n\n.dashboard-trend svg {\n flex-shrink: 0;\n}\n\n.dashboard-value {\n font-size: 48px;\n font-weight: 800;\n line-height: 1;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.dashboard-unit {\n font-size: 24px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n margin-left: 4px;\n}\n\n.dashboard-subtitle {\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.5);\n margin-bottom: var(--space-md);\n}\n\n\/* Mini Charts *\/\n.mini-chart {\n width: 100%;\n height: 60px;\n margin-top: var(--space-md);\n}\n\n.mini-chart path {\n transition: all 0.3s ease;\n}\n\n.dashboard-card:hover .mini-chart path {\n opacity: 1 !important;\n}\n\n\/* Mini Bars *\/\n.mini-bars {\n display: flex;\n align-items: flex-end;\n gap: 6px;\n height: 60px;\n margin-top: var(--space-md);\n}\n\n.bar-item {\n flex: 1;\n background: linear-gradient(180deg, #9333ea, rgba(147, 51, 234, 0.5));\n border-radius: 4px 4px 0 0;\n transition: all 0.3s ease;\n opacity: 0.7;\n}\n\n.dashboard-card:hover .bar-item {\n opacity: 1;\n transform: scaleY(1.05);\n}\n\n\/* Progress Ring *\/\n.progress-ring {\n width: 100px;\n height: 100px;\n margin: var(--space-md) auto 0;\n display: block;\n}\n\n.ring-progress {\n transition: stroke-dashoffset 1s ease;\n}\n\n.dashboard-card:hover .ring-progress {\n stroke-dashoffset: 50;\n}\n\n\/* Card 5: Global Coverage *\/\n.coverage-card .dashboard-icon {\n background: rgba(245, 158, 11, 0.15);\n}\n\n.coverage-card .dashboard-icon svg {\n color: #f59e0b;\n}\n\n\/* Radial Bars *\/\n.radial-bars {\n margin-top: var(--space-md);\n height: 60px;\n}\n\n.radial-bars svg {\n width: 100%;\n height: 100%;\n}\n\n.radial-bars path {\n transition: all 0.5s ease;\n}\n\n.dashboard-card:hover .radial-bars path {\n stroke-width: 8;\n opacity: 1 !important;\n}\n\n\/* Card 6: Collaborations *\/\n.collab-card .dashboard-icon {\n background: rgba(236, 72, 153, 0.15);\n}\n\n.collab-card .dashboard-icon svg {\n color: #ec4899;\n}\n\n\/* Donut Chart *\/\n.donut-chart {\n width: 120px;\n height: 120px;\n margin: var(--space-md) auto 0;\n display: block;\n}\n\n.donut-chart circle {\n transition: all 0.8s ease;\n}\n\n.dashboard-card:hover .donut-chart circle {\n stroke-dasharray: calc(attr(data-value) * 2.51) 251;\n}\n\n\/* Dashboard Footer Stats *\/\n.dashboard-footer-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--space-md);\n padding: var(--space-lg);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n}\n\n.footer-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: var(--space-sm);\n}\n\n.footer-stat-value {\n font-size: 24px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.footer-stat-label {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n .dashboard-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 640px) {\n .dashboard-grid {\n grid-template-columns: 1fr;\n }\n \n .dashboard-value {\n font-size: 36px;\n }\n \n .dashboard-footer-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* Floating Elements Animation *\/\n.floating-element {\n position: absolute;\n pointer-events: none;\n opacity: 0.1;\n animation: float 20s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 25% { transform: translateY(-30px) rotate(5deg); }\n 50% { transform: translateY(0) rotate(0deg); }\n 75% { transform: translateY(30px) rotate(-5deg); }\n}\n\n.floating-element:nth-child(1) {\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n}\n\n.floating-element:nth-child(2) {\n top: 20%;\n right: 15%;\n animation-delay: 2s;\n}\n\n.floating-element:nth-child(3) {\n bottom: 15%;\n left: 20%;\n animation-delay: 4s;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .hero-section {\n padding: var(--space-2xl) 0 var(--space-xl);\n }\n \n .hero-badge {\n flex-direction: column;\n gap: var(--space-xs);\n }\n \n .badge-separator {\n width: 18px;\n height: 1px;\n }\n \n .hero-title {\n font-size: 40px;\n }\n \n .hero-subtitle {\n font-size: 18px;\n }\n \n .hero-description {\n font-size: 16px;\n }\n \n .hero-cta {\n flex-direction: column;\n width: 100%;\n }\n \n .btn {\n width: 100%;\n justify-content: center;\n }\n \n .hero-stats {\n grid-template-columns: 1fr;\n padding: var(--space-md);\n }\n}\n\n\/* ========================================================================\n\/* ========================================================================\n OPEN SOURCE RISK TECH MOVEMENT SECTION - MONOCHROMATIC ENTERPRISE DESIGN\n ======================================================================== *\/\n\n.movement-section {\n padding: var(--space-4xl) 0;\n background: #000;\n position: relative;\n overflow: hidden;\n}\n\n\/* Section Badge - Monochromatic *\/\n.section-badge-mono {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 100px;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.section-badge-mono svg {\n color: rgba(255,255,255,0.5);\n}\n\n\/* Enterprise Stats Grid *\/\n.enterprise-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: var(--space-lg);\n margin: var(--space-3xl) 0;\n}\n\n.enterprise-stat-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: var(--space-xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.enterprise-stat-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n}\n\n.enterprise-stat-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.enterprise-stat-card:hover::before {\n opacity: 1;\n}\n\n.stat-icon-mono {\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-md);\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.enterprise-stat-card:hover .stat-icon-mono {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n.stat-value-mono {\n font-size: 42px;\n font-weight: 700;\n color: #fff;\n margin: var(--space-sm) 0;\n font-family: var(--font-mono);\n letter-spacing: -1px;\n}\n\n.stat-label-mono {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.stat-bar {\n margin-top: var(--space-md);\n height: 2px;\n background: rgba(255,255,255,0.08);\n border-radius: 2px;\n overflow: hidden;\n}\n\n.stat-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, rgba(255,255,255,0.3), rgba(255,255,255,0.6));\n border-radius: 2px;\n transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Infrastructure Pillars Grid *\/\n.pillars-grid {\n margin: var(--space-4xl) 0;\n}\n\n.pillars-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin-bottom: var(--space-2xl);\n letter-spacing: -0.5px;\n}\n\n.pillars-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: var(--space-xl);\n}\n\n.pillar-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 16px;\n padding: var(--space-2xl);\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.pillar-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 16px;\n padding: 1px;\n background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.4s;\n}\n\n.pillar-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-8px);\n}\n\n.pillar-card:hover::before {\n opacity: 1;\n}\n\n.pillar-number {\n position: absolute;\n top: var(--space-lg);\n right: var(--space-lg);\n font-size: 48px;\n font-weight: 800;\n color: rgba(255,255,255,0.03);\n font-family: var(--font-mono);\n line-height: 1;\n}\n\n.pillar-icon-container {\n width: 80px;\n height: 80px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-lg);\n color: rgba(255,255,255,0.6);\n transition: all 0.3s;\n}\n\n.pillar-card:hover .pillar-icon-container {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n transform: scale(1.05);\n}\n\n.pillar-title {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-sm);\n}\n\n.pillar-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-lg);\n}\n\n.pillar-specs {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n padding-top: var(--space-lg);\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.spec-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n}\n\n.spec-label {\n color: rgba(255,255,255,0.5);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.spec-value {\n color: rgba(255,255,255,0.9);\n font-family: var(--font-mono);\n font-weight: 600;\n}\n\n\/* Contribution Methods *\/\n.contribution-methods {\n margin: var(--space-4xl) 0;\n}\n\n.methods-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin-bottom: var(--space-2xl);\n letter-spacing: -0.5px;\n}\n\n.methods-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: var(--space-xl);\n}\n\n.method-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 16px;\n padding: var(--space-2xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n}\n\n.method-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.method-header {\n display: flex;\n align-items: center;\n gap: var(--space-md);\n margin-bottom: var(--space-md);\n}\n\n.method-header svg {\n color: rgba(255,255,255,0.7);\n flex-shrink: 0;\n}\n\n.method-header h4 {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n}\n\n.method-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-lg);\n flex-grow: 1;\n}\n\n.method-tech-stack {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-lg);\n}\n\n.tech-badge-mono {\n padding: 6px 12px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 6px;\n font-size: 11px;\n font-family: var(--font-mono);\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.method-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n transition: all 0.2s;\n}\n\n.method-link:hover {\n color: #fff;\n gap: 12px;\n}\n\n.method-link svg {\n width: 16px;\n height: 16px;\n}\n\n\/* Open Source Banner *\/\n.opensource-banner {\n margin: var(--space-4xl) 0;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: var(--space-3xl);\n position: relative;\n overflow: hidden;\n}\n\n.banner-geometric-bg {\n position: absolute;\n inset: 0;\n opacity: 0.03;\n pointer-events: none;\n}\n\n.geometric-shape {\n position: absolute;\n border: 1px solid rgba(255,255,255,0.5);\n}\n\n.shape-1 {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n top: -100px;\n left: -50px;\n}\n\n.shape-2 {\n width: 150px;\n height: 150px;\n top: 50%;\n right: -75px;\n transform: rotate(45deg);\n}\n\n.shape-3 {\n width: 100px;\n height: 100px;\n border-radius: 12px;\n bottom: -50px;\n left: 50%;\n}\n\n.banner-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.banner-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 100px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.8);\n margin-bottom: var(--space-lg);\n}\n\n.banner-badge svg {\n width: 16px;\n height: 16px;\n}\n\n.banner-title {\n font-size: 36px;\n font-weight: 800;\n color: #fff;\n margin-bottom: var(--space-md);\n letter-spacing: -1px;\n}\n\n.banner-description {\n font-size: 16px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-2xl);\n}\n\n.banner-metrics {\n display: flex;\n justify-content: center;\n gap: var(--space-2xl);\n margin-bottom: var(--space-2xl);\n flex-wrap: wrap;\n}\n\n.banner-metric {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n}\n\n.banner-metric svg {\n width: 20px;\n height: 20px;\n color: rgba(255,255,255,0.6);\n}\n\n.banner-actions {\n display: flex;\n justify-content: center;\n gap: var(--space-md);\n flex-wrap: wrap;\n}\n\n\/* Monochromatic Buttons *\/\n.btn-mono {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 28px;\n border-radius: 10px;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n}\n\n.btn-mono-primary {\n background: rgba(255,255,255,0.95);\n color: #000;\n border: 1px solid rgba(255,255,255,1);\n}\n\n.btn-mono-primary:hover {\n background: #fff;\n transform: translateY(-2px);\n box-shadow: 0 10px 40px rgba(255,255,255,0.1);\n}\n\n.btn-mono-secondary {\n background: rgba(255,255,255,0.05);\n color: rgba(255,255,255,0.9);\n border: 1px solid rgba(255,255,255,0.15);\n}\n\n.btn-mono-secondary:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(255,255,255,0.3);\n color: #fff;\n transform: translateY(-2px);\n}\n\n\/* Responsive - Movement Section *\/\n@media (max-width: 768px) {\n .movement-section {\n padding: var(--space-2xl) 0;\n }\n \n .enterprise-stats-grid {\n grid-template-columns: 1fr;\n }\n \n .pillars-container {\n grid-template-columns: 1fr;\n }\n \n .methods-grid {\n grid-template-columns: 1fr;\n }\n \n .banner-title {\n font-size: 28px;\n }\n \n .banner-metrics {\n flex-direction: column;\n gap: var(--space-md);\n }\n \n .banner-actions {\n flex-direction: column;\n }\n \n .btn-mono {\n width: 100%;\n justify-content: center;\n }\n}\n\n\/* ========================================================================\n WHY GRF SECTION - Problem vs Solution Comparison\n ======================================================================== *\/\n\n.why-grf-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n overflow: hidden;\n}\n\n\/* Section Header *\/\n.section-header {\n text-align: center;\n max-width: 1200px;\n margin: 0 auto var(--space-2xl);\n}\n\n.section-badge {\n display: inline-block;\n padding: 12px 28px;\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-full);\n font-family: var(--font-mono);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n color: var(--text-primary);\n margin-bottom: var(--space-lg);\n}\n\n.section-title {\n font-size: clamp(40px, 7vw, 72px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.035em;\n margin-bottom: var(--space-lg);\n color: var(--text-primary);\n text-align: center !important;\n}\n\n.section-description {\n font-size: clamp(18px, 2.5vw, 24px);\n line-height: 1.75;\n color: var(--text-secondary);\n max-width: 1000px;\n margin: 0 auto;\n text-align: center;\n}\n\n.section-header-center {\n text-align: center !important;\n margin-bottom: var(--space-2xl);\n}\n\n.section-subtitle {\n font-size: clamp(16px, 2vw, 20px);\n line-height: 1.7;\n color: var(--text-secondary);\n max-width: 900px;\n margin: 0 auto;\n text-align: center !important;\n}\n\n\/* Comparison Tabs *\/\n.comparison-tabs {\n max-width: 1400px;\n margin: 0 auto;\n}\n\n.tab-nav {\n display: flex;\n gap: var(--space-xs);\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: var(--space-xl);\n border-bottom: 2px solid var(--border-default);\n padding-bottom: 0;\n}\n\n.tab-btn {\n display: inline-flex;\n align-items: center;\n gap: var(--space-xs);\n padding: 18px 28px;\n background: transparent;\n border: none;\n border-bottom: 3px solid transparent;\n color: var(--text-tertiary);\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all var(--transition-base);\n position: relative;\n bottom: -2px;\n}\n\n.tab-btn:hover {\n color: var(--text-secondary);\n background: rgba(255,255,255,0.03);\n}\n\n.tab-btn.active {\n color: var(--text-primary);\n border-bottom-color: var(--grf-primary);\n background: var(--grf-primary-muted);\n}\n\n.tab-btn svg {\n width: 18px;\n height: 18px;\n}\n\n\/* Tab Content *\/\n.tab-content {\n display: none;\n animation: fadeIn 0.4s ease;\n}\n\n.tab-content.active {\n display: block;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Comparison Grid *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));\n gap: var(--space-md);\n}\n\n\/* Comparison Cards *\/\n.comparison-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n padding: var(--space-lg);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n transition: all var(--transition-base);\n}\n\n.comparison-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-4px);\n box-shadow: var(--shadow-xl);\n}\n\n\/* Card Indicator (Top Border) *\/\n.card-indicator {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n opacity: 0.8;\n}\n\n.problem-card .card-indicator {\n background: linear-gradient(90deg, var(--color-error), var(--color-error));\n}\n\n.solution-card .card-indicator {\n background: var(--gradient-brand);\n}\n\n\/* Card Header *\/\n.card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n}\n\n.card-title-group {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs);\n}\n\n.card-title {\n font-size: 24px;\n font-weight: 700;\n color: var(--text-primary);\n margin: 0;\n}\n\n.problem-card .card-title {\n color: var(--color-error);\n}\n\n.card-label {\n font-family: var(--font-mono);\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-disabled);\n}\n\n.card-badge {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 14px;\n background: rgba(255,255,255,0.1);\n border-radius: var(--radius-full);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--text-primary);\n}\n\n.card-badge svg {\n width: 14px;\n height: 14px;\n}\n\n\/* Card Description *\/\n.card-description {\n font-size: 16px;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n\/* Card Metrics *\/\n.card-metrics {\n background: #030404;\n border-radius: var(--radius-md);\n padding: var(--space-md);\n border: 1px solid var(--border-subtle);\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n}\n\n.metric-item {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: var(--space-sm);\n}\n\n.metric-label {\n font-family: var(--font-mono);\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--text-tertiary);\n}\n\n.metric-value {\n font-family: var(--font-mono);\n font-size: 14px;\n font-weight: 600;\n text-align: right;\n}\n\n.metric-value.problem {\n color: var(--color-error);\n}\n\n.metric-value.solution {\n color: var(--grf-primary);\n}\n\n\/* Card Impact *\/\n.card-impact {\n padding: var(--space-sm);\n background: rgba(239, 68, 68, 0.05);\n border: 1px solid rgba(239, 68, 68, 0.2);\n border-left: 4px solid var(--color-error);\n border-radius: var(--radius-sm);\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-secondary);\n}\n\n.card-impact strong {\n color: var(--text-primary);\n font-weight: 600;\n}\n\n\/* Tech Tags *\/\n.card-tech-tags {\n display: flex;\n gap: var(--space-xs);\n flex-wrap: wrap;\n}\n\n.tech-tag {\n padding: 8px 16px;\n border-radius: var(--radius-sm);\n background: rgba(0, 212, 170, 0.1);\n border: 1px solid rgba(0, 212, 170, 0.2);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--grf-primary);\n}\n\n\/* Responsive - Why GRF Section *\/\n@media (max-width: 768px) {\n .why-grf-section {\n padding: var(--space-2xl) 0;\n }\n \n .section-title {\n font-size: 36px;\n }\n \n .section-description {\n font-size: 16px;\n }\n \n .tab-nav {\n overflow-x: auto;\n justify-content: flex-start;\n scrollbar-width: thin;\n scrollbar-color: var(--grf-primary) var(--bg-elevated);\n -webkit-overflow-scrolling: touch;\n }\n \n .tab-nav::-webkit-scrollbar {\n height: 4px;\n }\n \n .tab-nav::-webkit-scrollbar-track {\n background: var(--bg-elevated);\n }\n \n .tab-nav::-webkit-scrollbar-thumb {\n background: var(--grf-primary);\n border-radius: 2px;\n }\n \n .tab-btn {\n padding: 14px 20px;\n font-size: 12px;\n white-space: nowrap;\n }\n \n .comparison-grid {\n grid-template-columns: 1fr;\n gap: var(--space-sm);\n }\n \n .comparison-card {\n padding: var(--space-md);\n }\n \n .card-title {\n font-size: 20px;\n }\n \n .card-description {\n font-size: 14px;\n }\n}\n\n\/* ========================================================================\n WHY GRF V2 - BLOCKCHAIN\/AI ENTERPRISE THEME\n ======================================================================== *\/\n\n\/* V2 Comparison Grid *\/\n.comparison-grid-v2 {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-xl);\n margin-top: var(--space-2xl);\n}\n\n\/* Challenge Cards V2 *\/\n.challenge-card {\n background: rgba(0,0,0,0.90);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n padding: var(--space-2xl);\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.challenge-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n transition: opacity 0.4s;\n}\n\n.problem-card-v2::before {\n background: linear-gradient(90deg, #ef4444, #dc2626);\n opacity: 0.5;\n}\n\n.solution-card-v2::before {\n background: linear-gradient(90deg, #06b6d4, #3b82f6, #8b5cf6);\n opacity: 0.7;\n}\n\n.challenge-card:hover {\n transform: translateY(-4px);\n border-color: rgba(255,255,255,0.12);\n}\n\n.problem-card-v2:hover {\n box-shadow: 0 20px 60px rgba(239, 68, 68, 0.1);\n}\n\n.solution-card-v2:hover {\n box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n}\n\n\/* Card Header V2 *\/\n.card-header-v2 {\n display: flex;\n align-items: flex-start;\n gap: var(--space-lg);\n margin-bottom: var(--space-lg);\n position: relative;\n}\n\n.card-icon-container {\n width: 64px;\n height: 64px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s;\n}\n\n.problem-icon {\n background: rgba(239, 68, 68, 0.08);\n border: 1px solid rgba(239, 68, 68, 0.2);\n color: #ef4444;\n}\n\n.solution-icon {\n background: rgba(59, 130, 246, 0.08);\n border: 1px solid rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n animation: iconPulse 3s ease-in-out infinite;\n}\n\n@keyframes iconPulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); }\n}\n\n.card-title-group-v2 {\n flex: 1;\n}\n\n.card-title-v2 {\n font-size: 22px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n letter-spacing: -0.3px;\n}\n\n.card-label-v2 {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n font-family: var(--font-mono);\n}\n\n.problem-label {\n background: rgba(239, 68, 68, 0.1);\n color: #ef4444;\n border: 1px solid rgba(239, 68, 68, 0.2);\n}\n\n.solution-label {\n background: rgba(59, 130, 246, 0.1);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.verified-badge-v2 {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 8px;\n font-size: 11px;\n font-weight: 600;\n color: #06b6d4;\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.verified-badge-v2 svg {\n width: 14px;\n height: 14px;\n}\n\n\/* Card Description V2 *\/\n.card-description-v2 {\n font-size: 15px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n\/* Metrics Grid V2 *\/\n.metrics-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.metric-card-v2 {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: var(--space-md);\n display: flex;\n gap: 12px;\n transition: all 0.3s;\n}\n\n.metric-card-v2:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.1);\n}\n\n.problem-metric {\n border-left: 2px solid #ef4444;\n}\n\n.solution-metric {\n border-left: 2px solid #3b82f6;\n}\n\n.metric-icon-v2 {\n width: 32px;\n height: 32px;\n background: rgba(255,255,255,0.03);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n.problem-metric .metric-icon-v2 {\n color: #ef4444;\n}\n\n.solution-metric .metric-icon-v2 {\n color: #3b82f6;\n}\n\n.metric-content-v2 {\n flex: 1;\n}\n\n.metric-label-v2 {\n font-size: 11px;\n font-weight: 500;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n}\n\n.metric-value-v2 {\n font-size: 20px;\n font-weight: 700;\n font-family: var(--font-mono);\n letter-spacing: -0.5px;\n}\n\n.problem-value {\n color: #ef4444;\n}\n\n.solution-value {\n color: #06b6d4;\n}\n\n.metric-sublabel-v2 {\n font-size: 10px;\n color: rgba(255,255,255,0.6);\n margin-top: 2px;\n font-family: var(--font-mono);\n}\n\n\/* Tech Stack V2 *\/\n.tech-stack-v2 {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-lg);\n}\n\n.tech-tag-v2 {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n border-radius: 8px;\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono);\n transition: all 0.2s;\n}\n\n.blockchain-tag {\n background: rgba(59, 130, 246, 0.08);\n border: 1px solid rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n}\n\n.blockchain-tag:hover {\n background: rgba(59, 130, 246, 0.15);\n border-color: rgba(59, 130, 246, 0.4);\n}\n\n.ai-tag {\n background: rgba(139, 92, 246, 0.08);\n border: 1px solid rgba(139, 92, 246, 0.2);\n color: #8b5cf6;\n}\n\n.ai-tag:hover {\n background: rgba(139, 92, 246, 0.15);\n border-color: rgba(139, 92, 246, 0.4);\n}\n\n.tech-tag-v2 svg {\n width: 14px;\n height: 14px;\n}\n\n\/* Contract Address V2 *\/\n.contract-address-v2 {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: rgba(0,0,0,0.5);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n margin-bottom: var(--space-lg);\n font-family: var(--font-mono);\n}\n\n.address-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n}\n\n.address-value {\n font-size: 13px;\n color: rgba(6, 182, 212, 0.9);\n flex: 1;\n font-weight: 600;\n}\n\n.copy-btn-v2 {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 6px;\n padding: 6px;\n color: rgba(255,255,255,0.6);\n cursor: pointer;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.copy-btn-v2:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n\/* Card Footer V2 *\/\n.card-footer-v2 {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 10px;\n font-size: 13px;\n line-height: 1.6;\n}\n\n.problem-footer {\n border-left: 2px solid #ef4444;\n color: rgba(255,255,255,0.6);\n}\n\n.problem-footer svg {\n color: #ef4444;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.problem-footer strong {\n color: #ef4444;\n}\n\n\/* System Badge V2 *\/\n.system-badge-v2 {\n position: absolute;\n bottom: var(--space-lg);\n right: var(--space-lg);\n padding: 6px 14px;\n border-radius: 8px;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 1.2px;\n font-family: var(--font-mono);\n opacity: 0.5;\n}\n\n.legacy-badge {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.2);\n color: #ef4444;\n}\n\n.blockchain-badge {\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.2);\n color: #06b6d4;\n}\n\n\/* Responsive V2 *\/\n@media (max-width: 968px) {\n .comparison-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .card-header-v2 {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .verified-badge-v2 {\n position: static;\n margin-top: var(--space-sm);\n }\n \n .metrics-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .system-badge-v2 {\n position: static;\n margin-top: var(--space-md);\n display: inline-block;\n }\n}\n\n\/* ========================================================================\n NETWORK TOPOLOGY SECTION - HOW GRF WORKS V2\n ======================================================================== *\/\n\n\n\/* ============================================================================\n HOW GRF WORKS V3 - QUINTUPLE HELIX & MULTI-SCALE GOVERNANCE\n ============================================================================ *\/\n\n.how-grf-works-v3 {\n padding: calc(var(--space-xl) * 2) 0;\n background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(59, 130, 246, 0.08), transparent 50%),\n radial-gradient(ellipse 60% 40% at 50% 100%, rgba(6, 182, 212, 0.06), transparent 50%);\n position: relative;\n}\n\n\/* Section Header *\/\n.section-badge-mono {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 100px;\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.9);\n margin-bottom: var(--space-sm);\n}\n\n.section-badge-mono svg {\n color: rgba(255,255,255,0.6);\n}\n\n\/* Dual Panel Layout *\/\n.architecture-dual-panel {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-lg);\n margin-top: var(--space-lg);\n}\n\n@media (min-width: 1200px) {\n .architecture-dual-panel {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n\/* Panel Shared Styles *\/\n.governance-scale-panel,\n.stakeholder-helix-panel,\n.authority-levels-panel {\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 24px;\n padding: var(--space-lg);\n}\n\n.panel-header {\n text-align: center;\n margin-bottom: var(--space-lg);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n\n.panel-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.panel-subtitle {\n text-align: center;\n font-size: 15px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n}\n\n\/* ===== GOVERNANCE LAYERS ===== *\/\n.governance-layers {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.gov-layer {\n position: relative;\n padding: var(--space-md);\n border-radius: 16px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gov-layer:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.layer-badge {\n position: absolute;\n top: var(--space-md);\n left: var(--space-md);\n width: 32px;\n height: 32px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,0.6);\n}\n\n.layer-content {\n display: flex;\n align-items: flex-start;\n gap: var(--space-sm);\n margin-left: 48px;\n}\n\n.layer-icon {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n}\n\n.layer-global-v3 .layer-icon { border-color: rgba(59, 130, 246, 0.3); color: #3b82f6; }\n.layer-continental-v3 .layer-icon { border-color: rgba(6, 182, 212, 0.3); color: #06b6d4; }\n.layer-national-v3 .layer-icon { border-color: rgba(16, 185, 129, 0.3); color: #10b981; }\n.layer-local-v3 .layer-icon { border-color: rgba(168, 85, 247, 0.3); color: #a855f7; }\n\n.layer-info {\n flex: 1;\n}\n\n.layer-title {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n}\n\n.layer-desc {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin-bottom: 12px;\n}\n\n.layer-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.meta-item {\n font-size: 13px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n}\n\n.meta-divider {\n color: rgba(255,255,255,0.2);\n}\n\n\/* ===== PERFORMANCE COMPARISON ===== *\/\n.performance-comparison-v3 {\n margin-top: var(--space-lg);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: var(--space-sm);\n align-items: center;\n position: relative;\n}\n\n.perf-item {\n text-align: center;\n}\n\n.perf-label {\n font-size: 12px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n margin-bottom: 6px;\n}\n\n.perf-value {\n font-size: 20px;\n font-weight: 700;\n font-family: var(--font-mono);\n margin-bottom: 12px;\n}\n\n.perf-old .perf-value { color: rgba(239, 68, 68, 0.8); }\n.perf-new .perf-value { color: rgba(16, 185, 129, 0.9); }\n\n.perf-bar-container {\n width: 100%;\n height: 4px;\n background: rgba(255,255,255,0.05);\n border-radius: 2px;\n overflow: hidden;\n}\n\n.perf-bar {\n height: 100%;\n border-radius: 2px;\n transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.perf-bar-old { background: rgba(239, 68, 68, 0.6); }\n.perf-bar-new { background: rgba(16, 185, 129, 0.7); }\n\n.perf-arrow {\n color: rgba(255,255,255,0.6);\n}\n\n.perf-badge {\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n padding: 4px 12px;\n background: linear-gradient(135deg, #10b981, #06b6d4);\n border-radius: 100px;\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #000;\n white-space: nowrap;\n}\n\n\/* ===== QUINTUPLE HELIX STAKEHOLDERS ===== *\/\n.helix-stakeholders {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-sm);\n}\n\n@media (min-width: 768px) {\n .helix-stakeholders {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.helix-card {\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.helix-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, currentColor, transparent);\n opacity: 0.3;\n}\n\n.helix-academia::before { color: #3b82f6; }\n.helix-industry::before { color: #06b6d4; }\n.helix-government::before { color: #10b981; }\n.helix-civil::before { color: #f59e0b; }\n.helix-citizens::before { color: #a855f7; }\n\n.helix-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-2px);\n}\n\n.helix-icon {\n width: 40px;\n height: 40px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-sm);\n}\n\n.helix-academia .helix-icon { color: #3b82f6; border-color: rgba(59, 130, 246, 0.2); }\n.helix-industry .helix-icon { color: #06b6d4; border-color: rgba(6, 182, 212, 0.2); }\n.helix-government .helix-icon { color: #10b981; border-color: rgba(16, 185, 129, 0.2); }\n.helix-civil .helix-icon { color: #f59e0b; border-color: rgba(245, 158, 11, 0.2); }\n.helix-citizens .helix-icon { color: #a855f7; border-color: rgba(168, 85, 247, 0.2); }\n\n.helix-title {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.helix-description {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin-bottom: 12px;\n}\n\n.helix-examples {\n padding: 8px 12px;\n background: rgba(255,255,255,0.02);\n border-radius: 6px;\n font-size: 12px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n}\n\n\/* ===== AUTHORITY LEVELS PANEL ===== *\/\n.authority-matrix {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.authority-row {\n display: flex;\n gap: var(--space-sm);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.authority-row:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n}\n\n.authority-level {\n flex-shrink: 0;\n}\n\n.level-badge {\n display: inline-block;\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.global-badge {\n background: rgba(59, 130, 246, 0.15);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n.continental-badge {\n background: rgba(6, 182, 212, 0.15);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.3);\n}\n\n.national-badge {\n background: rgba(16, 185, 129, 0.15);\n color: #10b981;\n border: 1px solid rgba(16, 185, 129, 0.3);\n}\n\n.local-badge {\n background: rgba(168, 85, 247, 0.15);\n color: #a855f7;\n border: 1px solid rgba(168, 85, 247, 0.3);\n}\n\n.authority-scope {\n flex: 1;\n}\n\n.scope-title {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.scope-items {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin-bottom: 12px;\n}\n\n.scope-stakeholders {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n}\n\n.stakeholder-badge {\n padding: 4px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n}\n\n\/* ===== NETWORK STATS SHOWCASE ===== *\/\n.network-stats-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--space-md);\n margin-top: var(--space-xl);\n padding: var(--space-lg);\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 24px;\n}\n\n.stat-showcase-item {\n display: flex;\n align-items: center;\n gap: var(--space-sm);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.stat-showcase-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-2px);\n}\n\n.stat-featured {\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.1));\n border-color: rgba(6, 182, 212, 0.3);\n}\n\n.stat-icon-showcase {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n}\n\n.stat-featured .stat-icon-showcase {\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(6, 182, 212, 0.2));\n border-color: rgba(6, 182, 212, 0.4);\n color: #06b6d4;\n}\n\n.stat-content-showcase {\n flex: 1;\n}\n\n.stat-value-showcase {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n line-height: 1.2;\n}\n\n.stat-label-showcase {\n font-size: 12px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n margin-top: 4px;\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .how-grf-works-v3 {\n padding: var(--space-xl) 0;\n }\n\n .panel-title {\n font-size: 24px;\n }\n\n .layer-title {\n font-size: 16px;\n }\n\n .layer-desc {\n font-size: 13px;\n }\n\n .performance-comparison-v3 {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n\n .perf-arrow {\n transform: rotate(90deg);\n }\n\n .network-stats-showcase {\n grid-template-columns: 1fr;\n }\n\n .stat-showcase-item {\n justify-content: center;\n text-align: center;\n flex-direction: column;\n }\n}\n\n\/* ============================================================================\n HOW GRF WORKS INTEGRATED - COMPREHENSIVE SECTION STYLES\n ============================================================================ *\/\n\n.how-grf-works-integrated {\n padding: calc(var(--space-xl) * 2.5) 0;\n background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(59, 130, 246, 0.12), transparent 50%),\n radial-gradient(ellipse 60% 40% at 50% 100%, rgba(6, 182, 212, 0.08), transparent 50%);\n position: relative;\n overflow: hidden;\n}\n\n\/* Animated Grid Background *\/\n.animated-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 50px 50px;\n opacity: 0.5;\n animation: gridMove 30s linear infinite;\n}\n\n@keyframes gridMove {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(50px); }\n}\n\n\/* Sub-Navigation for Integrated Views *\/\n.integrated-subnav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm);\n margin-top: var(--space-lg);\n margin-bottom: var(--space-xl);\n flex-wrap: wrap;\n}\n\n.subnav-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 24px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n font-size: 15px;\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.subnav-btn:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: rgba(255,255,255,0.95);\n transform: translateY(-2px);\n}\n\n.subnav-btn.active {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-color: rgba(6, 182, 212, 0.4);\n color: #06b6d4;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.3);\n}\n\n.subnav-btn svg {\n flex-shrink: 0;\n}\n\n\/* Integrated View *\/\n.integrated-view {\n display: block;\n opacity: 1;\n}\n\n\/* Performance Hero Card *\/\n.performance-hero-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: var(--space-xl);\n margin-bottom: var(--space-xl);\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n}\n\n.performance-comparison {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: var(--space-lg);\n align-items: center;\n margin-bottom: var(--space-lg);\n}\n\n.comparison-item {\n background: rgba(255,255,255,0.03);\n padding: var(--space-md);\n border-radius: 12px;\n border: 1px solid rgba(255,255,255,0.08);\n}\n\n.comparison-label {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n margin-bottom: 8px;\n}\n\n.comparison-value {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 12px;\n}\n\n.comparison-item.legacy .comparison-value {\n color: #ef4444;\n}\n\n.comparison-item.grf .comparison-value {\n color: #22c55e;\n}\n\n.comparison-bar {\n height: 8px;\n border-radius: 4px;\n transition: width 1s ease;\n}\n\n.comparison-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.comparison-arrow svg {\n color: #06b6d4;\n animation: arrowPulse 2s ease-in-out infinite;\n}\n\n@keyframes arrowPulse {\n 0%, 100% { transform: translateX(0); opacity: 1; }\n 50% { transform: translateX(10px); opacity: 0.7; }\n}\n\n.performance-result {\n text-align: center;\n padding-top: var(--space-md);\n border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.result-badge {\n display: inline-block;\n padding: 12px 32px;\n background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(16, 185, 129, 0.2));\n border: 1px solid rgba(34, 197, 94, 0.4);\n border-radius: 100px;\n font-size: 24px;\n font-weight: 800;\n color: #22c55e;\n letter-spacing: 1px;\n margin-bottom: 12px;\n}\n\n.result-desc {\n font-size: 15px;\n color: rgba(255,255,255,0.7);\n margin: 0;\n}\n\n\/* Architecture Integrated Grid *\/\n.architecture-integrated-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--space-lg);\n margin-bottom: var(--space-xl);\n}\n\n.arch-panel {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n}\n\n.panel-header-integrated {\n margin-bottom: var(--space-lg);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n\n.panel-title-integrated {\n font-size: 24px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 8px 0;\n}\n\n.panel-subtitle-integrated {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin: 0;\n}\n\n\/* Scale Items (Multi-Scale Governance) *\/\n.scale-layers-integrated {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.scale-item-integrated {\n display: grid;\n grid-template-columns: auto auto 1fr;\n gap: var(--space-md);\n align-items: start;\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.scale-item-integrated:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.scale-badge-int {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 700;\n background: rgba(255,255,255,0.1);\n color: rgba(255,255,255,0.9);\n}\n\n.global-scale-int .scale-badge-int { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }\n.continental-scale-int .scale-badge-int { background: rgba(6, 182, 212, 0.2); color: #06b6d4; }\n.national-scale-int .scale-badge-int { background: rgba(147, 51, 234, 0.2); color: #9333ea; }\n.local-scale-int .scale-badge-int { background: rgba(236, 72, 153, 0.2); color: #ec4899; }\n\n.scale-icon-int svg {\n display: block;\n}\n\n.scale-content-int {\n min-width: 0;\n}\n\n.scale-title-int {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 6px 0;\n}\n\n.scale-desc-int {\n font-size: 14px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 10px 0;\n line-height: 1.5;\n}\n\n.scale-meta-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.meta-badge-int {\n display: inline-block;\n padding: 4px 12px;\n background: rgba(255,255,255,0.08);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n}\n\n\/* Helix Compact Grid *\/\n.helix-compact-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-md);\n}\n\n.helix-compact-card {\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.helix-compact-card:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.helix-compact-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-sm);\n background: rgba(255,255,255,0.1);\n}\n\n.academia-compact .helix-compact-icon { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }\n.industry-compact .helix-compact-icon { background: rgba(6, 182, 212, 0.15); color: #06b6d4; }\n.government-compact .helix-compact-icon { background: rgba(147, 51, 234, 0.15); color: #9333ea; }\n.civil-compact .helix-compact-icon { background: rgba(236, 72, 153, 0.15); color: #ec4899; }\n.citizens-compact .helix-compact-icon { background: rgba(234, 179, 8, 0.15); color: #eab308; }\n\n.helix-compact-title {\n font-size: 16px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 6px 0;\n}\n\n.helix-compact-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 10px 0;\n line-height: 1.5;\n}\n\n.helix-compact-examples {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Decision Matrix Integrated *\/\n.decision-matrix-integrated {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: var(--space-xl);\n margin-bottom: var(--space-xl);\n}\n\n.matrix-integrated-title {\n font-size: 28px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 8px 0;\n text-align: center;\n}\n\n.matrix-integrated-subtitle {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 var(--space-lg) 0;\n text-align: center;\n}\n\n.matrix-integrated-grid {\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.matrix-row-int {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: var(--space-md);\n padding: var(--space-md);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.matrix-row-int:hover {\n background: rgba(255,255,255,0.06);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n}\n\n.matrix-level-badge {\n padding: 8px 16px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 120px;\n align-self: start;\n}\n\n.global-badge-int {\n background: rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.4);\n}\n\n.continental-badge-int {\n background: rgba(6, 182, 212, 0.2);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.4);\n}\n\n.national-badge-int {\n background: rgba(147, 51, 234, 0.2);\n color: #9333ea;\n border: 1px solid rgba(147, 51, 234, 0.4);\n}\n\n.local-badge-int {\n background: rgba(236, 72, 153, 0.2);\n color: #ec4899;\n border: 1px solid rgba(236, 72, 153, 0.4);\n}\n\n.matrix-scope-int {\n min-width: 0;\n}\n\n.matrix-scope-title {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 8px 0;\n}\n\n.matrix-scope-items {\n font-size: 14px;\n color: rgba(255,255,255,0.7);\n margin: 0 0 12px 0;\n line-height: 1.6;\n}\n\n.matrix-decision-makers-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.decision-maker-chip {\n padding: 6px 14px;\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n}\n\n\/* Network Stats Showcase *\/\n.network-stats-showcase {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-md);\n}\n\n.stat-showcase-card {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: var(--space-md);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.stat-showcase-card:hover {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-4px);\n}\n\n.stat-showcase-card.featured-stat {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1));\n border-color: rgba(6, 182, 212, 0.3);\n}\n\n.stat-showcase-icon {\n width: 48px;\n height: 48px;\n margin: 0 auto 12px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255,255,255,0.08);\n}\n\n.stat-showcase-value {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.highlight-value {\n color: #06b6d4;\n}\n\n.stat-showcase-label {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Developer Infrastructure Styles *\/\n.dev-infrastructure-integrated {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: var(--space-lg);\n}\n\n.dev-card-integrated {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n transition: all 0.3s ease;\n}\n\n.dev-card-integrated:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.3);\n}\n\n.dev-card-header-int {\n display: flex;\n gap: var(--space-md);\n align-items: start;\n margin-bottom: var(--space-md);\n}\n\n.dev-icon-int {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n border-radius: 12px;\n background: rgba(6, 182, 212, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dev-icon-int svg {\n color: #06b6d4;\n}\n\n.dev-title-group-int {\n min-width: 0;\n}\n\n.dev-title-int {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 4px 0;\n}\n\n.dev-subtitle-int {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin: 0;\n}\n\n.dev-desc-int {\n font-size: 15px;\n color: rgba(255,255,255,0.7);\n line-height: 1.6;\n margin-bottom: var(--space-md);\n}\n\n.code-block-int {\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: var(--space-md);\n}\n\n.code-header-int {\n padding: 8px 16px;\n background: rgba(255,255,255,0.05);\n border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n\n.code-lang-int {\n font-size: 11px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n letter-spacing: 1px;\n}\n\n.code-content-int {\n padding: var(--space-md);\n margin: 0;\n font-family: 'IBM Plex Mono', 'Courier New', monospace;\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.9);\n}\n\n.dev-specs-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-md);\n}\n\n.dev-spec-badge-int {\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #06b6d4;\n}\n\n.sdk-grid-int {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n margin-bottom: var(--space-md);\n}\n\n.sdk-badge-int {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 14px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n transition: all 0.2s ease;\n}\n\n.sdk-badge-int:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(6, 182, 212, 0.4);\n}\n\n.sdk-ver {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n}\n\n.docs-links-int {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: var(--space-md);\n}\n\n.doc-link-chip-int {\n padding: 8px 14px;\n background: rgba(59, 130, 246, 0.15);\n border: 1px solid rgba(59, 130, 246, 0.3);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #3b82f6;\n}\n\n.github-stats-int {\n display: flex;\n gap: 12px;\n margin-bottom: var(--space-md);\n}\n\n.gh-stat-int {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n}\n\n.gh-stat-int svg {\n color: rgba(255,255,255,0.5);\n}\n\n.dev-link-int {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 20px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 8px;\n font-size: 14px;\n font-weight: 600;\n color: #06b6d4;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.dev-link-int:hover {\n background: rgba(6, 182, 212, 0.25);\n border-color: rgba(6, 182, 212, 0.5);\n transform: translateY(-2px);\n}\n\n\/* International Standards Styles *\/\n.standards-intro-int {\n text-align: center;\n margin-bottom: var(--space-xl);\n}\n\n.standards-title-int {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 12px 0;\n}\n\n.standards-desc-int {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n max-width: 900px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.frameworks-integrated-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.framework-card-int {\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-lg);\n transition: all 0.3s ease;\n}\n\n.framework-card-int:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.3);\n}\n\n.framework-header-int {\n display: flex;\n justify-content: space-between;\n align-items: start;\n margin-bottom: var(--space-md);\n}\n\n.framework-badge-int {\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.5px;\n}\n\n.un-badge-int {\n background: rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.4);\n}\n\n.unfccc-badge-int {\n background: rgba(6, 182, 212, 0.2);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.4);\n}\n\n.icrc-badge-int {\n background: rgba(236, 72, 153, 0.2);\n color: #ec4899;\n border: 1px solid rgba(236, 72, 153, 0.4);\n}\n\n.framework-icon-int {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.framework-icon-int svg {\n color: rgba(255,255,255,0.9);\n}\n\n.framework-title-int {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin: 0 0 4px 0;\n}\n\n.framework-subtitle-int {\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n margin: 0 0 12px 0;\n}\n\n.framework-desc-int {\n font-size: 14px;\n color: rgba(255,255,255,0.7);\n line-height: 1.6;\n margin-bottom: var(--space-md);\n}\n\n.framework-meta-int {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n}\n\n.framework-meta-int svg {\n color: rgba(255,255,255,0.6);\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 1024px) {\n .architecture-integrated-grid {\n grid-template-columns: 1fr;\n }\n \n .network-stats-showcase {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .performance-comparison {\n grid-template-columns: 1fr;\n }\n \n .comparison-arrow {\n transform: rotate(90deg);\n }\n}\n\n@media (max-width: 768px) {\n .how-grf-works-integrated {\n padding: calc(var(--space-xl) * 1.5) 0;\n }\n \n .integrated-subnav {\n flex-direction: column;\n gap: 12px;\n }\n \n .subnav-btn {\n width: 100%;\n justify-content: center;\n }\n \n .dev-infrastructure-integrated {\n grid-template-columns: 1fr;\n }\n \n .frameworks-integrated-grid {\n grid-template-columns: 1fr;\n }\n \n .network-stats-showcase {\n grid-template-columns: 1fr;\n }\n \n .sdk-grid-int {\n grid-template-columns: 1fr;\n }\n \n .matrix-row-int {\n grid-template-columns: 1fr;\n }\n \n .matrix-level-badge {\n width: 100%;\n justify-content: flex-start;\n }\n}\n\n\/* ========================================================================\n DEVELOPER INFRASTRUCTURE SECTION V2\n ======================================================================== *\/\n\n.developer-infrastructure-section {\n padding: var(--space-4xl) 0;\n background: #000;\n}\n\n.dev-features-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: var(--space-xl);\n margin-top: var(--space-3xl);\n}\n\n.dev-card-v2 {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n padding: var(--space-2xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n}\n\n.dev-card-v2:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-6px);\n}\n\n.dev-card-header {\n display: flex;\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.dev-icon-container {\n width: 64px;\n height: 64px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.dev-card-v2:hover .dev-icon-container {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: scale(1.05);\n}\n\n.dev-card-title-group {\n flex: 1;\n}\n\n.dev-card-title {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.dev-card-subtitle {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n}\n\n.dev-card-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n\/* Code Block V2 *\/\n.code-block-v2 {\n background: #0a0a0a;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: var(--space-lg);\n}\n\n.code-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px var(--space-md);\n background: rgba(255,255,255,0.02);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.code-language {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n letter-spacing: 1px;\n}\n\n.code-copy {\n background: none;\n border: none;\n color: rgba(255,255,255,0.5);\n cursor: pointer;\n padding: 4px;\n transition: color 0.2s;\n}\n\n.code-copy:hover {\n color: #fff;\n}\n\n.code-content {\n padding: var(--space-md);\n margin: 0;\n font-family: var(--font-mono);\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.8);\n overflow-x: auto;\n}\n\n.code-content code {\n font-family: inherit;\n}\n\n\/* Terminal Demo - Live Animated Showcase *\/\n.terminal-demo {\n background: #0a0a0a;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: var(--space-lg);\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n}\n\n.terminal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px var(--space-md);\n background: rgba(255,255,255,0.02);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.terminal-controls {\n display: flex;\n gap: 6px;\n}\n\n.terminal-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n opacity: 0.6;\n}\n\n.terminal-dot.red {\n background: #ff5f56;\n}\n\n.terminal-dot.yellow {\n background: #ffbd2e;\n}\n\n.terminal-dot.green {\n background: #27c93f;\n}\n\n.terminal-title {\n font-size: 11px;\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n letter-spacing: 0.5px;\n}\n\n.terminal-status {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 10px;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n}\n\n.status-indicator {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #27c93f;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n}\n\n.terminal-body {\n padding: var(--space-md);\n font-family: var(--font-mono);\n font-size: 13px;\n line-height: 1.8;\n min-height: 400px;\n max-height: 500px;\n overflow-y: auto;\n}\n\n.terminal-line {\n display: flex;\n margin-bottom: 4px;\n opacity: 0;\n animation: fadeIn 0.3s ease forwards;\n}\n\n@keyframes fadeIn {\n to { opacity: 1; }\n}\n\n.terminal-prompt {\n color: #06b6d4;\n margin-right: 8px;\n user-select: none;\n}\n\n.terminal-command {\n color: rgba(255,255,255,0.9);\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.typed-text {\n display: inline-block;\n overflow: hidden;\n white-space: nowrap;\n animation: typing 2s steps(60) forwards;\n}\n\n@keyframes typing {\n from { max-width: 0; }\n to { max-width: 100%; }\n}\n\n.terminal-output {\n margin: 8px 0 12px 20px;\n opacity: 0;\n animation: fadeIn 0.3s ease forwards;\n}\n\n.json-key {\n color: #8b5cf6;\n}\n\n.json-string {\n color: #10b981;\n}\n\n.json-number {\n color: #f59e0b;\n}\n\n.json-indent {\n color: rgba(255,255,255,0.3);\n}\n\n.json-success {\n color: #22c55e;\n}\n\n.websocket-connect {\n color: #3b82f6;\n}\n\n.websocket-msg {\n color: rgba(255,255,255,0.7);\n}\n\n.websocket-data {\n color: #f59e0b;\n}\n\n.terminal-blink {\n margin-top: 12px;\n}\n\n.cursor-blink {\n color: rgba(255,255,255,0.8);\n animation: blink 1s step-end infinite;\n}\n\n@keyframes blink {\n 0%, 50% { opacity: 1; }\n 51%, 100% { opacity: 0; }\n}\n\n.terminal-footer {\n padding: 10px var(--space-md);\n background: rgba(255,255,255,0.02);\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.terminal-stats {\n display: flex;\n justify-content: space-around;\n gap: var(--space-md);\n}\n\n.stat-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.stat-label {\n font-size: 10px;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n}\n\n.stat-value {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,0.9);\n font-family: var(--font-mono);\n}\n\n.stat-value.success {\n color: #22c55e;\n}\n\n\/* Dev Specs Grid *\/\n.dev-specs-grid {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n margin-bottom: var(--space-lg);\n}\n\n.dev-spec {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n}\n\n.dev-spec svg {\n width: 16px;\n height: 16px;\n color: #06b6d4;\n flex-shrink: 0;\n}\n\n\/* SDK Grid V2 *\/\n.sdk-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: var(--space-sm);\n margin-bottom: var(--space-lg);\n}\n\n.sdk-badge-v2 {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n transition: all 0.2s;\n position: relative;\n}\n\n.sdk-badge-v2:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n}\n\n.sdk-badge-v2 svg {\n width: 16px;\n height: 16px;\n color: rgba(255,255,255,0.6);\n}\n\n.sdk-badge-v2 span:first-of-type {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n flex: 1;\n}\n\n.sdk-version {\n font-size: 10px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.6) !important;\n}\n\n\/* Doc Links Grid *\/\n.doc-links-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: var(--space-sm);\n margin-bottom: var(--space-lg);\n}\n\n.doc-link-card {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n text-decoration: none;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n transition: all 0.2s;\n}\n\n.doc-link-card:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n}\n\n.doc-link-card svg {\n width: 16px;\n height: 16px;\n color: rgba(255,255,255,0.6);\n}\n\n\/* GitHub Stats Grid *\/\n.github-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.github-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 10px;\n}\n\n.github-stat svg {\n color: rgba(255,255,255,0.5);\n margin-bottom: 4px;\n}\n\n.github-stat .stat-value {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n font-family: var(--font-mono);\n}\n\n.github-stat .stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Dev Link V2 *\/\n.dev-link-v2 {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: auto;\n padding: 12px 20px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 10px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,0.9);\n transition: all 0.2s;\n}\n\n.dev-link-v2:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n gap: 12px;\n}\n\n.dev-link-v2 svg {\n width: 16px;\n height: 16px;\n}\n\n\/* Responsive - Developer Section *\/\n@media (max-width: 768px) {\n .dev-features-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .github-stats-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ========================================================================\n FRAMEWORKS ALIGNMENT SECTION V2\n ======================================================================== *\/\n\n.frameworks-alignment-section {\n padding: var(--space-4xl) 0;\n background: #000;\n}\n\n.frameworks-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: var(--space-xl);\n margin-top: var(--space-3xl);\n}\n\n.framework-card-v2 {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n padding: var(--space-2xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n}\n\n.framework-card-v2:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-4px);\n}\n\n.framework-badge-v2 {\n position: absolute;\n top: var(--space-lg);\n right: var(--space-lg);\n padding: 6px 14px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n font-family: var(--font-mono);\n}\n\n.un-badge {\n background: rgba(59, 130, 246, 0.1);\n border: 1px solid rgba(59, 130, 246, 0.2);\n color: #3b82f6;\n}\n\n.unfccc-badge {\n background: rgba(34, 197, 94, 0.1);\n border: 1px solid rgba(34, 197, 94, 0.2);\n color: #22c55e;\n}\n\n.icrc-badge {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.2);\n color: #ef4444;\n}\n\n.framework-icon-v2 {\n width: 80px;\n height: 80px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-lg);\n color: rgba(255,255,255,0.6);\n transition: all 0.3s;\n}\n\n.framework-card-v2:hover .framework-icon-v2 {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: scale(1.05);\n}\n\n.framework-title-v2 {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-sm);\n}\n\n.framework-subtitle-v2 {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n font-weight: 600;\n margin-bottom: var(--space-md);\n}\n\n.framework-description-v2 {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n.framework-meta-v2 {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n font-family: var(--font-mono);\n}\n\n.framework-meta-v2 svg {\n width: 14px;\n height: 14px;\n}\n\n\/* ========================================================================\n APPLICATIONS SECTION V2\n ======================================================================== *\/\n\n.applications-section {\n position: relative;\n padding: var(--space-4xl) 0;\n background: #000;\n}\n\n\/* ============================================================================\n SOLVING GLOBAL CHALLENGES - V3 REDESIGN\n ============================================================================ *\/\n\n.applications-grid-v2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-3xl);\n}\n\n.application-card-v2 {\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: var(--space-xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.application-card-v2::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--card-accent), transparent);\n opacity: 0.5;\n}\n\n.application-card-v2:hover {\n background: rgba(0, 0, 0, 0.9);\n border-color: rgba(255,255,255,0.2);\n transform: translateY(-6px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.application-card-v2:hover::before {\n opacity: 1;\n}\n\n\/* Header with icon and title *\/\n.app-card-header {\n display: flex;\n align-items: flex-start;\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.app-icon-container {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.application-card-v2:hover .app-icon-container {\n transform: scale(1.1) rotate(5deg);\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n}\n\n\/* Color variants for different categories *\/\n.climate-icon {\n background: rgba(34, 197, 94, 0.08);\n border-color: rgba(34, 197, 94, 0.3);\n color: #22c55e;\n}\n.application-card-v2:has(.climate-icon) {\n --card-accent: #22c55e;\n}\n\n.health-icon {\n background: rgba(239, 68, 68, 0.08);\n border-color: rgba(239, 68, 68, 0.3);\n color: #ef4444;\n}\n.application-card-v2:has(.health-icon) {\n --card-accent: #ef4444;\n}\n\n.ai-icon {\n background: rgba(168, 85, 247, 0.08);\n border-color: rgba(168, 85, 247, 0.3);\n color: #a855f7;\n}\n.application-card-v2:has(.ai-icon) {\n --card-accent: #a855f7;\n}\n\n.nuclear-icon {\n background: rgba(251, 146, 60, 0.08);\n border-color: rgba(251, 146, 60, 0.3);\n color: #fb923c;\n}\n.application-card-v2:has(.nuclear-icon) {\n --card-accent: #fb923c;\n}\n\n.economic-icon {\n background: rgba(59, 130, 246, 0.08);\n border-color: rgba(59, 130, 246, 0.3);\n color: #3b82f6;\n}\n.application-card-v2:has(.economic-icon) {\n --card-accent: #3b82f6;\n}\n\n.peace-icon {\n background: rgba(236, 72, 153, 0.08);\n border-color: rgba(236, 72, 153, 0.3);\n color: #ec4899;\n}\n.application-card-v2:has(.peace-icon) {\n --card-accent: #ec4899;\n}\n\n.food-icon {\n background: rgba(250, 204, 21, 0.08);\n border-color: rgba(250, 204, 21, 0.3);\n color: #facc15;\n}\n.application-card-v2:has(.food-icon) {\n --card-accent: #facc15;\n}\n\n.cyber-icon {\n background: rgba(6, 182, 212, 0.08);\n border-color: rgba(6, 182, 212, 0.3);\n color: #06b6d4;\n}\n.application-card-v2:has(.cyber-icon) {\n --card-accent: #06b6d4;\n}\n\n.space-icon {\n background: rgba(139, 92, 246, 0.08);\n border-color: rgba(139, 92, 246, 0.3);\n color: #8b5cf6;\n}\n.application-card-v2:has(.space-icon) {\n --card-accent: #8b5cf6;\n}\n\n.app-header-text {\n flex: 1;\n}\n\n.app-title-v2 {\n font-size: 22px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n line-height: 1.2;\n}\n\n.app-category-v2 {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n\/* Description *\/\n.app-description-v2 {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n\/* Technology Stack *\/\n.app-tech-stack {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-bottom: var(--space-lg);\n}\n\n.tech-badge-small {\n padding: 4px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 6px;\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n font-weight: 600;\n transition: all 0.3s;\n}\n\n.application-card-v2:hover .tech-badge-small {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.15);\n}\n\n\/* Metrics Grid - 3 columns *\/\n.app-metrics-v2 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--space-sm);\n}\n\n.app-metric-v2 {\n text-align: center;\n padding: var(--space-sm) var(--space-xs);\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px;\n transition: all 0.3s;\n}\n\n.application-card-v2:hover .app-metric-v2 {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.1);\n}\n\n.metric-value-large {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n font-family: var(--font-mono);\n margin-bottom: 4px;\n line-height: 1.2;\n}\n\n.metric-label-small {\n font-size: 10px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n\/* Responsive *\/\n@media (max-width: 1200px) {\n .applications-grid-v2 {\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n }\n}\n\n@media (max-width: 768px) {\n .applications-grid-v2 {\n grid-template-columns: 1fr;\n }\n \n .app-metrics-v2 {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .metric-value-large {\n font-size: 18px;\n }\n}\n\n\/* ========================================================================\n PLATFORMS SECTION - Six Core Systems (TABBED INTERFACE)\n ======================================================================== *\/\n\n.platforms-section {\n position: relative;\n padding: var(--space-4xl) 0;\n background: var(--bg-primary);\n overflow: hidden;\n}\n\n\/* Platform Tabs Navigation *\/\n.platform-tabs {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin: var(--space-3xl) 0 var(--space-2xl);\n flex-wrap: wrap;\n}\n\n.platform-tab {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n padding: 14px 28px;\n background: rgba(0,0,0,0.6);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n color: var(--text-secondary);\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all var(--transition-fast);\n backdrop-filter: blur(10px);\n}\n\n.platform-tab svg {\n width: 20px;\n height: 20px;\n}\n\n.platform-tab:hover {\n border-color: var(--grf-primary);\n color: var(--text-primary);\n background: rgba(0,0,0,0.8);\n transform: translateY(-2px);\n}\n\n.platform-tab.active {\n background: rgba(0,212,170,0.15);\n border-color: var(--grf-primary);\n color: var(--text-primary);\n box-shadow: 0 0 20px rgba(0,212,170,0.2);\n}\n\n\/* Platform Panels *\/\n.platform-panel {\n display: none;\n animation: fadeInPanel 0.4s ease-in-out;\n}\n\n.platform-panel.active {\n display: block;\n}\n\n@keyframes fadeInPanel {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Platform Panel Header *\/\n.platform-panel-header {\n text-align: center;\n margin-bottom: var(--space-3xl);\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.platform-icon-large {\n width: 72px;\n height: 72px;\n margin: 0 auto var(--space-md);\n background: var(--gradient-brand);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 30px rgba(0,212,170,0.3);\n animation: pulseGlow 3s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n 0%, 100% {\n box-shadow: 0 0 30px rgba(0,212,170,0.3);\n }\n 50% {\n box-shadow: 0 0 40px rgba(0,212,170,0.5);\n }\n}\n\n.platform-icon-large svg {\n width: 40px;\n height: 40px;\n}\n\n.platform-panel-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: var(--space-sm);\n color: var(--text-primary);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n}\n\n.platform-title-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n color: rgba(255,255,255,0.6);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.platform-title-link:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(255,255,255,0.3);\n color: #fff;\n transform: translateY(-2px);\n}\n\n.platform-title-link svg {\n width: 18px;\n height: 18px;\n}\n\n.platform-panel-description {\n font-size: 16px;\n color: var(--text-secondary);\n line-height: 1.7;\n}\n\n\/* Platform Feature Cards Grid *\/\n.platform-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));\n gap: var(--space-lg);\n}\n\n\/* Platform Feature Card *\/\n.platform-feature-card {\n padding: 28px;\n background: rgba(0,0,0,0.85);\n backdrop-filter: blur(20px);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.platform-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--gradient-brand);\n opacity: 0;\n transition: opacity var(--transition-fast);\n}\n\n.platform-feature-card:hover {\n border-color: var(--grf-primary);\n box-shadow: var(--shadow-glow);\n transform: translateY(-4px);\n background: rgba(0,0,0,0.95);\n}\n\n.platform-feature-card:hover::before {\n opacity: 1;\n}\n\n\/* Feature Card Header *\/\n.feature-card-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n}\n\n.feature-card-icon {\n width: 40px;\n height: 40px;\n background: rgba(0,212,170,0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.feature-card-icon svg {\n width: 20px;\n height: 20px;\n stroke: var(--grf-primary);\n fill: none;\n}\n\n.feature-card-title {\n font-size: 17px;\n font-weight: 600;\n color: var(--text-primary);\n}\n\n\/* Feature Card Content *\/\n.feature-card-description {\n font-size: 14px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: 16px;\n}\n\n.feature-card-highlight {\n font-size: 13px;\n color: var(--text-primary);\n margin-bottom: 12px;\n}\n\n.feature-card-highlight strong {\n color: var(--grf-primary);\n}\n\n\/* Feature Tags *\/\n.feature-card-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-bottom: 16px;\n}\n\n.feature-tag {\n padding: 4px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--border-subtle);\n border-radius: var(--radius-sm);\n font-size: 11px;\n font-family: var(--font-mono);\n color: var(--text-tertiary);\n transition: all var(--transition-fast);\n}\n\n.feature-tag:hover {\n background: rgba(0,212,170,0.1);\n border-color: var(--grf-primary);\n color: var(--grf-primary);\n}\n\n\/* Feature Card Footer *\/\n.feature-card-footer {\n padding-top: 16px;\n border-top: 1px solid var(--border-subtle);\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n}\n\n.feature-card-stat {\n font-size: 12px;\n color: var(--text-tertiary);\n font-family: var(--font-mono);\n}\n\n.feature-card-link {\n font-size: 12px;\n color: var(--grf-primary);\n text-decoration: none;\n font-weight: 600;\n transition: all var(--transition-fast);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.feature-card-link:hover {\n color: var(--grf-secondary);\n transform: translateX(4px);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n .platforms-section {\n padding: var(--space-2xl) 0;\n }\n \n .platform-tabs {\n gap: 8px;\n margin: var(--space-xl) 0;\n }\n \n .platform-tab {\n padding: 10px 16px;\n font-size: 13px;\n }\n \n .platform-tab svg {\n width: 16px;\n height: 16px;\n }\n \n .platform-panel-title {\n font-size: 24px;\n }\n \n .platform-features-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n}\n\n\/* Platforms Grid *\/\n.platforms-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n\/* Platform Card *\/\n.platform-card {\n background: rgba(0,0,0,0.85);\n backdrop-filter: blur(20px);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-xl);\n padding: var(--space-xl);\n position: relative;\n overflow: hidden;\n transition: all var(--transition-base);\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n}\n\n.platform-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--gradient-brand);\n opacity: 0;\n transition: opacity var(--transition-base);\n}\n\n.platform-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-6px);\n box-shadow: var(--shadow-xl), var(--glow-primary);\n background: rgba(0,0,0,0.95);\n}\n\n.platform-card:hover::before {\n opacity: 1;\n}\n\n\/* Platform Icon *\/\n.platform-icon {\n width: 72px;\n height: 72px;\n background: var(--gradient-brand);\n border-radius: var(--radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--glow-primary);\n margin-bottom: var(--space-sm);\n}\n\n.platform-icon svg,\n.platform-icon i {\n width: 36px;\n height: 36px;\n color: #000;\n stroke-width: 2.5px;\n}\n\n\/* Platform Title *\/\n.platform-title {\n font-size: 28px;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: var(--space-sm);\n}\n\n\/* Platform Description *\/\n.platform-description {\n font-size: 16px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: var(--space-md);\n}\n\n\/* Platform Features *\/\n.platform-features {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n margin-bottom: var(--space-md);\n padding: var(--space-md);\n background: rgba(255,255,255,0.02);\n border-radius: var(--radius-md);\n}\n\n.feature-item {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n font-size: 14px;\n color: var(--text-secondary);\n}\n\n.feature-item i,\n.feature-item svg {\n width: 18px;\n height: 18px;\n color: var(--grf-primary);\n flex-shrink: 0;\n}\n\n\/* Platform Stats *\/\n.platform-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-md);\n padding-top: var(--space-md);\n border-top: 1px solid var(--border-subtle);\n margin-top: auto;\n}\n\n.stat {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.stat-number {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n background: var(--gradient-brand);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.stat-label {\n font-size: 12px;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-tertiary);\n}\n\n\/* Responsive - Platforms Section *\/\n@media (max-width: 768px) {\n .platforms-section {\n padding: var(--space-2xl) 0;\n }\n \n .platforms-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n \n .platform-card {\n padding: var(--space-lg);\n }\n \n .platform-icon {\n width: 64px;\n height: 64px;\n }\n \n .platform-icon svg,\n .platform-icon i {\n width: 32px;\n height: 32px;\n }\n \n .platform-title {\n font-size: 24px;\n }\n \n .platform-description {\n font-size: 14px;\n }\n \n .platform-stats {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ========================================================================\n TECHNOLOGY SECTION\n ======================================================================== *\/\n\n.technology-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n overflow: hidden;\n}\n\n.tech-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n.tech-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-lg);\n padding: var(--space-lg);\n transition: all var(--transition-base);\n}\n\n.tech-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-4px);\n box-shadow: var(--shadow-lg);\n}\n\n.tech-icon {\n width: 64px;\n height: 64px;\n background: rgba(0,212,170,0.1);\n border-radius: var(--radius-md);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--space-md);\n}\n\n.tech-icon i {\n width: 32px;\n height: 32px;\n color: var(--grf-primary);\n}\n\n.tech-title {\n font-size: 22px;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: var(--space-sm);\n}\n\n.tech-description {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: var(--space-md);\n}\n\n.tech-stack-list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--space-xs);\n}\n\n.tech-badge {\n padding: 6px 12px;\n background: rgba(0,212,170,0.1);\n border: 1px solid rgba(0,212,170,0.2);\n border-radius: var(--radius-sm);\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 600;\n color: var(--grf-primary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n\/* ========================================================================\n GOVERNANCE SECTION\n ======================================================================== *\/\n\n.governance-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n overflow: hidden;\n}\n\n.governance-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n.governance-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-xl);\n padding: var(--space-xl);\n display: flex;\n flex-direction: column;\n gap: var(--space-md);\n transition: all var(--transition-base);\n position: relative;\n}\n\n.governance-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-6px);\n box-shadow: var(--shadow-xl), var(--glow-primary);\n}\n\n.governance-level {\n position: absolute;\n top: var(--space-md);\n right: var(--space-md);\n padding: 4px 12px;\n background: rgba(0,212,170,0.1);\n border: 1px solid rgba(0,212,170,0.2);\n border-radius: var(--radius-full);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--grf-primary);\n}\n\n.governance-icon {\n width: 64px;\n height: 64px;\n background: var(--gradient-brand);\n border-radius: var(--radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--glow-primary);\n}\n\n.governance-icon i {\n width: 32px;\n height: 32px;\n color: #000;\n}\n\n.governance-title {\n font-size: 24px;\n font-weight: 700;\n color: var(--text-primary);\n}\n\n.governance-description {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.governance-features {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm);\n}\n\n.gov-feature {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n font-size: 14px;\n color: var(--text-secondary);\n}\n\n.gov-feature i {\n width: 16px;\n height: 16px;\n color: var(--grf-primary);\n}\n\n.governance-stat {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding-top: var(--space-md);\n border-top: 1px solid var(--border-subtle);\n margin-top: auto;\n}\n\n\/* ========================================================================\n IMPACT SECTION\n ======================================================================== *\/\n\n.impact-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n background-image: var(--gradient-ambient);\n}\n\n.impact-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-2xl);\n}\n\n.impact-stat-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border-default);\n border-radius: var(--radius-xl);\n padding: var(--space-xl);\n text-align: center;\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n}\n\n.impact-stat-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--gradient-brand);\n opacity: 0;\n transition: opacity var(--transition-base);\n}\n\n.impact-stat-card:hover {\n border-color: var(--border-focus);\n transform: translateY(-6px);\n box-shadow: var(--shadow-xl), var(--glow-primary);\n}\n\n.impact-stat-card:hover::before {\n opacity: 1;\n}\n\n.impact-icon {\n width: 64px;\n height: 64px;\n background: rgba(0,212,170,0.1);\n border-radius: var(--radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto var(--space-md);\n}\n\n.impact-icon i {\n width: 32px;\n height: 32px;\n color: var(--grf-primary);\n}\n\n.impact-number {\n font-size: clamp(40px, 6vw, 56px);\n font-weight: 700;\n font-family: var(--font-mono);\n background: var(--gradient-brand);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: var(--space-sm);\n}\n\n.impact-label {\n font-size: 18px;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: var(--space-sm);\n}\n\n.impact-description {\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-tertiary);\n}\n\n\/* ========================================================================\n CTA SECTION\n ======================================================================== *\/\n\n.cta-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: var(--bg-primary);\n overflow: hidden;\n}\n\n.cta-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n}\n\n.cta-title {\n font-size: clamp(36px, 6vw, 64px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.03em;\n margin-bottom: var(--space-lg);\n color: var(--text-primary);\n}\n\n.cta-description {\n font-size: clamp(18px, 2.5vw, 22px);\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: var(--space-xl);\n}\n\n.cta-buttons {\n display: flex;\n gap: var(--space-sm);\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: var(--space-xl);\n}\n\n.cta-features {\n display: flex;\n gap: var(--space-lg);\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.cta-feature {\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n font-size: 15px;\n font-weight: 500;\n color: var(--text-secondary);\n}\n\n.cta-feature i {\n width: 20px;\n height: 20px;\n color: var(--grf-primary);\n}\n\n\n\/* ============================================================================\n ANALYTICS DASHBOARD - NEXT-GEN TERMINAL AESTHETIC\n ============================================================================ *\/\n\n\/* ============================================================================\n ENTERPRISE ANALYTICAL CHALLENGES - REDESIGNED\n ============================================================================ *\/\n\n\/* Grid Layout *\/\n.challenges-grid-analytical {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 24px;\n margin-top: 48px;\n}\n\n\/* Card Base *\/\n.challenge-card-analytical {\n background: linear-gradient(135deg, rgba(0,0,0,0.95) 0%, rgba(20,20,30,0.92) 100%);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(20px);\n}\n\n.challenge-card-analytical::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--theme-color), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.challenge-card-analytical:hover {\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1);\n}\n\n.challenge-card-analytical:hover::before {\n opacity: 1;\n}\n\n\/* Theme Colors *\/\n.climate-theme { --theme-color: #00d4ff; }\n.pandemic-theme { --theme-color: #ff006e; }\n.ai-theme { --theme-color: #7b2ff7; }\n.nuclear-theme { --theme-color: #ff4500; }\n.economic-theme { --theme-color: #ffd700; }\n.conflict-theme { --theme-color: #dc143c; }\n.food-theme { --theme-color: #32cd32; }\n.cyber-theme { --theme-color: #00ffff; }\n.space-theme { --theme-color: #9370db; }\n.amr-theme { --theme-color: #ff69b4; }\n.biodiversity-theme { --theme-color: #00ff7f; }\n.disinfo-theme { --theme-color: #ffa500; }\n.unemployment-theme { --theme-color: #4682b4; }\n.mental-health-theme { --theme-color: #ff1493; }\n.supply-chain-theme { --theme-color: #20b2aa; }\n.ocean-theme { --theme-color: #1e90ff; }\n.energy-theme { --theme-color: #ffff00; }\n.migration-theme { --theme-color: #ff6347; }\n.soil-theme { --theme-color: #8b4513; }\n.governance-theme { --theme-color: #9932cc; }\n\n\/* Header Section *\/\n.card-header-analytical {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 24px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.header-left {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n flex: 1;\n}\n\n.risk-icon-wrapper {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n transition: all 0.3s ease;\n}\n\n.risk-icon-wrapper::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 12px;\n background: var(--theme-color);\n opacity: 0.12;\n transition: opacity 0.3s ease;\n}\n\n.challenge-card-analytical:hover .risk-icon-wrapper::before {\n opacity: 0.20;\n}\n\n.risk-icon-wrapper svg {\n position: relative;\n z-index: 1;\n color: var(--theme-color);\n filter: drop-shadow(0 0 8px var(--theme-color));\n}\n\n.header-content {\n flex: 1;\n min-width: 0;\n}\n\n.risk-title {\n font-size: 20px;\n font-weight: 600;\n color: #ffffff;\n margin: 0 0 6px 0;\n letter-spacing: -0.02em;\n line-height: 1.3;\n}\n\n.risk-meta {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n font-weight: 400;\n font-family: 'IBM Plex Mono', monospace;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n\/* Severity Indicator *\/\n.severity-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n font-family: 'IBM Plex Mono', monospace;\n white-space: nowrap;\n}\n\n.severity-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n animation: severityPulse 2s ease-in-out infinite;\n}\n\n.severity-indicator.extreme {\n background: rgba(220, 20, 60, 0.15);\n color: #ff4757;\n border: 1px solid rgba(220, 20, 60, 0.3);\n}\n\n.severity-indicator.extreme .severity-dot {\n background: #ff4757;\n box-shadow: 0 0 8px #ff4757;\n}\n\n.severity-indicator.critical {\n background: rgba(255, 140, 0, 0.15);\n color: #ffa502;\n border: 1px solid rgba(255, 140, 0, 0.3);\n}\n\n.severity-indicator.critical .severity-dot {\n background: #ffa502;\n box-shadow: 0 0 8px #ffa502;\n}\n\n.severity-indicator.high {\n background: rgba(255, 215, 0, 0.15);\n color: #ffd700;\n border: 1px solid rgba(255, 215, 0, 0.3);\n}\n\n.severity-indicator.high .severity-dot {\n background: #ffd700;\n box-shadow: 0 0 8px #ffd700;\n}\n\n@keyframes severityPulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(0.9); }\n}\n\n\/* Snapshot Grid *\/\n.snapshot-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-bottom: 24px;\n}\n\n\/* Primary Metric (Large, Featured) *\/\n.snapshot-metric.primary {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: 20px;\n transition: all 0.3s ease;\n}\n\n.snapshot-metric.primary:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(255,255,255,0.1);\n}\n\n.metric-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n}\n\n.metric-label {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.metric-trend {\n font-size: 12px;\n font-family: 'IBM Plex Mono', monospace;\n font-weight: 600;\n padding: 3px 8px;\n border-radius: 4px;\n}\n\n.metric-trend.negative {\n color: #ff4757;\n background: rgba(255, 71, 87, 0.1);\n}\n\n.metric-trend.positive {\n color: #2ecc71;\n background: rgba(46, 204, 113, 0.1);\n}\n\n.metric-trend.neutral {\n color: #95a5a6;\n background: rgba(149, 165, 166, 0.1);\n}\n\n.snapshot-metric.primary .metric-value {\n font-size: 42px;\n font-weight: 700;\n color: #ffffff;\n line-height: 1;\n margin: 8px 0;\n font-family: 'IBM Plex Mono', monospace;\n background: linear-gradient(135deg, #ffffff, var(--theme-color));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.metric-context {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 16px;\n}\n\n.metric-progress {\n margin-top: 12px;\n}\n\n.progress-track {\n height: 6px;\n background: rgba(255,255,255,0.08);\n border-radius: 3px;\n overflow: hidden;\n margin-bottom: 8px;\n}\n\n.progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--theme-color), rgba(255,255,255,0.8));\n border-radius: 3px;\n transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 0 12px var(--theme-color);\n}\n\n.progress-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n font-family: 'IBM Plex Mono', monospace;\n}\n\n\/* Secondary Metrics (Compact, Side-by-side) *\/\n.snapshot-metric.secondary {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.05);\n border-radius: 10px;\n padding: 16px;\n transition: all 0.3s ease;\n}\n\n.snapshot-metric.secondary:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.08);\n}\n\n.snapshot-metric.secondary .metric-label {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 8px;\n display: block;\n}\n\n.metric-value-compact {\n font-size: 28px;\n font-weight: 700;\n color: var(--theme-color);\n line-height: 1;\n font-family: 'IBM Plex Mono', monospace;\n margin-bottom: 4px;\n}\n\n.metric-delta {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n font-family: 'IBM Plex Mono', monospace;\n}\n\n\/* Impact Summary *\/\n.impact-summary {\n background: rgba(255,255,255,0.02);\n border-left: 3px solid var(--theme-color);\n padding: 16px 18px;\n border-radius: 8px;\n margin-bottom: 24px;\n}\n\n.summary-label {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 600;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.summary-text {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.75);\n margin: 0;\n}\n\n\/* Card Footer *\/\n.card-footer-analytical {\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.footer-metadata {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.metadata-item {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n font-family: 'IBM Plex Mono', monospace;\n}\n\n.metadata-item svg {\n width: 14px;\n height: 14px;\n opacity: 0.5;\n}\n\n.tech-indicators {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.tech-badge {\n font-size: 11px;\n padding: 5px 10px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 6px;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n transition: all 0.2s ease;\n white-space: nowrap;\n}\n\n.tech-badge:hover {\n background: rgba(255,255,255,0.08);\n border-color: var(--theme-color);\n color: var(--theme-color);\n}\n\n\/* Secondary Metrics Grid (2-column on larger cards) *\/\n@media (min-width: 768px) {\n .snapshot-grid {\n grid-template-areas:\n \"primary primary\"\n \"sec1 sec2\";\n grid-template-columns: 1fr 1fr;\n }\n \n .snapshot-metric.primary {\n grid-area: primary;\n }\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 1024px) {\n .challenges-grid-analytical {\n grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n gap: 20px;\n }\n \n .challenge-card-analytical {\n padding: 24px;\n }\n \n .risk-icon-wrapper {\n width: 48px;\n height: 48px;\n }\n \n .risk-title {\n font-size: 18px;\n }\n \n .snapshot-metric.primary .metric-value {\n font-size: 36px;\n }\n}\n\n@media (max-width: 768px) {\n .challenges-grid-analytical {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .challenge-card-analytical {\n padding: 20px;\n }\n \n .card-header-analytical {\n flex-direction: column;\n gap: 16px;\n }\n \n .severity-indicator {\n align-self: flex-start;\n }\n \n .snapshot-grid {\n grid-template-areas:\n \"primary\"\n \"sec1\"\n \"sec2\";\n grid-template-columns: 1fr;\n }\n \n .footer-metadata {\n flex-direction: column;\n gap: 12px;\n }\n}\n\n\/* Animation *\/\n.challenge-card-analytical {\n opacity: 0;\n animation: fadeInUp 0.6s ease forwards;\n}\n\n.challenge-card-analytical:nth-child(1) { animation-delay: 0.1s; }\n.challenge-card-analytical:nth-child(2) { animation-delay: 0.2s; }\n.challenge-card-analytical:nth-child(3) { animation-delay: 0.3s; }\n.challenge-card-analytical:nth-child(4) { animation-delay: 0.4s; }\n.challenge-card-analytical:nth-child(5) { animation-delay: 0.5s; }\n.challenge-card-analytical:nth-child(6) { animation-delay: 0.6s; }\n.challenge-card-analytical:nth-child(7) { animation-delay: 0.7s; }\n.challenge-card-analytical:nth-child(8) { animation-delay: 0.8s; }\n.challenge-card-analytical:nth-child(9) { animation-delay: 0.9s; }\n.challenge-card-analytical:nth-child(10) { animation-delay: 1.0s; }\n.challenge-card-analytical:nth-child(n+11) { animation-delay: 1.1s; }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.challenges-grid-expert {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));\n gap: var(--space-xl);\n margin-top: var(--space-3xl);\n}\n\n\/* Expert Challenge Card *\/\n.challenge-card-expert {\n background: rgba(0, 0, 0, 0.92);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: var(--space-xl);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.challenge-card-expert::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--card-gradient-from), var(--card-gradient-to), transparent);\n opacity: 0.6;\n transition: opacity 0.4s;\n}\n\n.challenge-card-expert:hover {\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-6px);\n box-shadow: 0 20px 60px var(--card-shadow);\n}\n\n.challenge-card-expert:hover::before {\n opacity: 1;\n animation: shimmer-edge 3s infinite;\n}\n\n@keyframes shimmer-edge {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n\/* Color Themes for Different Challenge Categories *\/\n.climate-card { --card-gradient-from: #22c55e; --card-gradient-to: #10b981; --card-shadow: rgba(34, 197, 94, 0.15); }\n.health-card { --card-gradient-from: #ef4444; --card-gradient-to: #dc2626; --card-shadow: rgba(239, 68, 68, 0.15); }\n.ai-card { --card-gradient-from: #a855f7; --card-gradient-to: #9333ea; --card-shadow: rgba(168, 85, 247, 0.15); }\n.nuclear-card { --card-gradient-from: #fb923c; --card-gradient-to: #f97316; --card-shadow: rgba(251, 146, 60, 0.15); }\n.economic-card { --card-gradient-from: #3b82f6; --card-gradient-to: #2563eb; --card-shadow: rgba(59, 130, 246, 0.15); }\n.conflict-card { --card-gradient-from: #ec4899; --card-gradient-to: #db2777; --card-shadow: rgba(236, 72, 153, 0.15); }\n.food-card { --card-gradient-from: #facc15; --card-gradient-to: #eab308; --card-shadow: rgba(250, 204, 21, 0.15); }\n.water-card { --card-gradient-from: #06b6d4; --card-gradient-to: #0891b2; --card-shadow: rgba(6, 182, 212, 0.15); }\n.cyber-card { --card-gradient-from: #0ea5e9; --card-gradient-to: #0284c7; --card-shadow: rgba(14, 165, 233, 0.15); }\n.space-card { --card-gradient-from: #8b5cf6; --card-gradient-to: #7c3aed; --card-shadow: rgba(139, 92, 246, 0.15); }\n.biodiversity-card { --card-gradient-from: #84cc16; --card-gradient-to: #65a30d; --card-shadow: rgba(132, 204, 22, 0.15); }\n.ocean-card { --card-gradient-from: #0ea5e9; --card-gradient-to: #0369a1; --card-shadow: rgba(14, 165, 233, 0.15); }\n.amr-card { --card-gradient-from: #f43f5e; --card-gradient-to: #e11d48; --card-shadow: rgba(244, 63, 94, 0.15); }\n.disinfo-card { --card-gradient-from: #f59e0b; --card-gradient-to: #d97706; --card-shadow: rgba(245, 158, 11, 0.15); }\n.supply-card { --card-gradient-from: #14b8a6; --card-gradient-to: #0d9488; --card-shadow: rgba(20, 184, 166, 0.15); }\n.energy-card { --card-gradient-from: #fbbf24; --card-gradient-to: #f59e0b; --card-shadow: rgba(251, 191, 36, 0.15); }\n.migration-card { --card-gradient-from: #8b5cf6; --card-gradient-to: #6366f1; --card-shadow: rgba(139, 92, 246, 0.15); }\n.mental-card { --card-gradient-from: #ec4899; --card-gradient-to: #be185d; --card-shadow: rgba(236, 72, 153, 0.15); }\n.quantum-card { --card-gradient-from: #6366f1; --card-gradient-to: #4f46e5; --card-shadow: rgba(99, 102, 241, 0.15); }\n.geoeng-card { --card-gradient-from: #10b981; --card-gradient-to: #059669; --card-shadow: rgba(16, 185, 129, 0.15); }\n\n\/* Challenge Header *\/\n.challenge-header-expert {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n margin-bottom: var(--space-md);\n padding-bottom: var(--space-md);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n.challenge-icon-expert {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--card-gradient-from), var(--card-gradient-to));\n border: 2px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 8px 24px var(--card-shadow);\n}\n\n.challenge-card-expert:hover .challenge-icon-expert {\n transform: scale(1.08) rotate(5deg);\n box-shadow: 0 12px 36px var(--card-shadow);\n}\n\n.challenge-icon-expert svg {\n color: #000;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n}\n\n.challenge-title-group {\n flex: 1;\n}\n\n.challenge-title-expert {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n line-height: 1.2;\n background: linear-gradient(135deg, var(--card-gradient-from), var(--card-gradient-to));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.challenge-category {\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: rgba(255,255,255,0.5);\n display: inline-block;\n padding: 2px 8px;\n background: rgba(255,255,255,0.03);\n border-radius: 4px;\n}\n\n\/* Problem Statement *\/\n.challenge-problem-expert {\n font-size: 13px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: var(--space-lg);\n text-align: justify;\n}\n\n\/* Mini Stats Grid *\/\n.mini-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: var(--space-md);\n}\n\n.mini-stat-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px;\n padding: 12px;\n transition: all 0.3s;\n}\n\n.mini-stat-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-2px);\n}\n\n.mini-stat-label {\n font-size: 10px;\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 6px;\n}\n\n.mini-stat-value {\n font-size: 18px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 8px;\n line-height: 1;\n}\n\n\/* Gradient Bars *\/\n.gradient-bar {\n width: 100%;\n height: 6px;\n background: rgba(255,255,255,0.06);\n border-radius: 3px;\n overflow: hidden;\n margin-bottom: 6px;\n position: relative;\n}\n\n.gradient-fill {\n height: 100%;\n border-radius: 3px;\n position: relative;\n transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gradient-fill::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n animation: shimmer 2s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n\/* Color-specific gradient fills *\/\n.climate-fill { background: linear-gradient(90deg, #22c55e, #10b981); }\n.health-fill { background: linear-gradient(90deg, #ef4444, #dc2626); }\n.ai-fill { background: linear-gradient(90deg, #a855f7, #9333ea); }\n.nuclear-fill { background: linear-gradient(90deg, #fb923c, #f97316); }\n.economic-fill { background: linear-gradient(90deg, #3b82f6, #2563eb); }\n.conflict-fill { background: linear-gradient(90deg, #ec4899, #db2777); }\n.food-fill { background: linear-gradient(90deg, #facc15, #eab308); }\n.water-fill { background: linear-gradient(90deg, #06b6d4, #0891b2); }\n.cyber-fill { background: linear-gradient(90deg, #0ea5e9, #0284c7); }\n.space-fill { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n.biodiversity-fill { background: linear-gradient(90deg, #84cc16, #65a30d); }\n.ocean-fill { background: linear-gradient(90deg, #0ea5e9, #0369a1); }\n.amr-fill { background: linear-gradient(90deg, #f43f5e, #e11d48); }\n.disinfo-fill { background: linear-gradient(90deg, #f59e0b, #d97706); }\n.supply-fill { background: linear-gradient(90deg, #14b8a6, #0d9488); }\n.energy-fill { background: linear-gradient(90deg, #fbbf24, #f59e0b); }\n.migration-fill { background: linear-gradient(90deg, #8b5cf6, #6366f1); }\n.mental-fill { background: linear-gradient(90deg, #ec4899, #be185d); }\n.quantum-fill { background: linear-gradient(90deg, #6366f1, #4f46e5); }\n.geoeng-fill { background: linear-gradient(90deg, #10b981, #059669); }\n\n.mini-stat-note {\n font-size: 9px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n}\n\n\/* Challenge Footer *\/\n.challenge-footer-expert {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-top: var(--space-md);\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.urgency-badge {\n padding: 4px 10px;\n border-radius: 100px;\n font-size: 10px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border: 1px solid;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.urgency-badge::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n animation: pulse-urgency 2s infinite;\n}\n\n@keyframes pulse-urgency {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.2); }\n}\n\n.urgency-badge.critical {\n background: rgba(239, 68, 68, 0.1);\n color: #ef4444;\n border-color: rgba(239, 68, 68, 0.4);\n}\n\n.urgency-badge.critical::before {\n background: #ef4444;\n}\n\n.urgency-badge.high {\n background: rgba(251, 146, 60, 0.1);\n color: #fb923c;\n border-color: rgba(251, 146, 60, 0.4);\n}\n\n.urgency-badge.high::before {\n background: #fb923c;\n}\n\n.urgency-badge.medium {\n background: rgba(250, 204, 21, 0.1);\n color: #facc15;\n border-color: rgba(250, 204, 21, 0.4);\n}\n\n.urgency-badge.medium::before {\n background: #facc15;\n}\n\n.source-badge {\n font-size: 9px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n font-style: italic;\n}\n\n\/* Responsive *\/\n@media (max-width: 1400px) {\n .challenges-grid-expert {\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n }\n}\n\n@media (max-width: 1024px) {\n .challenges-grid-expert {\n grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n }\n \n .mini-stats-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px) {\n .challenges-grid-expert {\n grid-template-columns: 1fr;\n }\n \n .challenge-card-expert {\n padding: var(--space-lg);\n }\n \n .challenge-title-expert {\n font-size: 18px;\n }\n \n .mini-stat-value {\n font-size: 16px;\n }\n}\n\n\/* Loading Animation for Cards *\/\n.challenge-card-expert {\n animation: fadeInUp 0.6s ease-out;\n animation-fill-mode: both;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Stagger animation for cards *\/\n.challenge-card-expert:nth-child(1) { animation-delay: 0.05s; }\n.challenge-card-expert:nth-child(2) { animation-delay: 0.1s; }\n.challenge-card-expert:nth-child(3) { animation-delay: 0.15s; }\n.challenge-card-expert:nth-child(4) { animation-delay: 0.2s; }\n.challenge-card-expert:nth-child(5) { animation-delay: 0.25s; }\n.challenge-card-expert:nth-child(6) { animation-delay: 0.3s; }\n.challenge-card-expert:nth-child(7) { animation-delay: 0.35s; }\n.challenge-card-expert:nth-child(8) { animation-delay: 0.4s; }\n.challenge-card-expert:nth-child(9) { animation-delay: 0.45s; }\n.challenge-card-expert:nth-child(10) { animation-delay: 0.5s; }\n.challenge-card-expert:nth-child(11) { animation-delay: 0.55s; }\n.challenge-card-expert:nth-child(12) { animation-delay: 0.6s; }\n.challenge-card-expert:nth-child(13) { animation-delay: 0.65s; }\n.challenge-card-expert:nth-child(14) { animation-delay: 0.7s; }\n.challenge-card-expert:nth-child(15) { animation-delay: 0.75s; }\n.challenge-card-expert:nth-child(16) { animation-delay: 0.8s; }\n.challenge-card-expert:nth-child(17) { animation-delay: 0.85s; }\n.challenge-card-expert:nth-child(18) { animation-delay: 0.9s; }\n.challenge-card-expert:nth-child(19) { animation-delay: 0.95s; }\n.challenge-card-expert:nth-child(20) { animation-delay: 1s; }\n\n\/* Print styles *\/\n@media print {\n .challenge-card-expert {\n page-break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n \n .gradient-fill::after {\n display: none;\n }\n}\n\n\/* Responsive - All New Sections *\/\n@media (max-width: 768px) {\n .technology-section,\n .governance-section,\n .impact-section,\n .cta-section {\n padding: var(--space-2xl) 0;\n }\n \n .tech-grid,\n .governance-grid,\n .impact-stats-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n \n .cta-buttons {\n flex-direction: column;\n }\n \n .cta-buttons .btn {\n width: 100%;\n justify-content: center;\n }\n}\n\n\/* ========================================================================\n ACCESSIBILITY\n ======================================================================== *\/\n\n\/* Focus Visible *\/\n*:focus-visible {\n outline: 2px solid var(--grf-primary);\n outline-offset: 4px;\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n\/* Print Styles *\/\n@media print {\n .hero-cta,\n .animated-grid {\n display: none;\n }\n \n .hero-section {\n padding: 20px 0;\n }\n}\n\n\/* ========================================================================\n HIGH CONTRAST MODE\n ======================================================================== *\/\n\n@media (prefers-contrast: high) {\n :root {\n --text-primary: #FFFFFF;\n --text-secondary: #FFFFFF;\n --border-default: rgba(255,255,255,0.3);\n }\n}\n\n\/* ========================================================================\n OPEN SOURCE SECTION - MONOCHROMATIC FIX\n ======================================================================== *\/\n\n.tech-stack-visualization .subsection-title-center {\n text-align: center;\n font-size: 26px;\n font-weight: 700;\n letter-spacing: -0.4px;\n color: #fff;\n margin: 0 auto var(--space-lg) auto;\n max-width: 700px;\n}\n\n.timeline-grid-analytical {\n margin-top: 48px;\n}\n\n.objectives-grid-analytical {\n margin-top: 24px;\n}\n\n.timeline-theme-signal { --theme-color: #06b6d4; }\n.timeline-theme-frontier { --theme-color: #8b5cf6; }\n.timeline-theme-society { --theme-color: #22c55e; }\n.timeline-theme-sovereign { --theme-color: #0ea5e9; }\n.timeline-theme-finance { --theme-color: #f97316; }\n.timeline-theme-postsdg { --theme-color: #ec4899; }\n\n.objective-theme-warning { --theme-color: #14b8a6; }\n.objective-theme-autonomy { --theme-color: #7c3aed; }\n.objective-theme-commons { --theme-color: #facc15; }\n.objective-theme-accountability { --theme-color: #f43f5e; }\n\n.track-theme-policy { --theme-color: #3b82f6; }\n.track-theme-diplomacy { --theme-color: #a855f7; }\n.track-theme-implementation { --theme-color: #10b981; }\n.track-theme-narrative { --theme-color: #f97316; }\n\n\/* Stack Layers - Fixed Monochromatic Design *\/\n.stack-layers-fixed {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin: var(--space-3xl) auto;\n max-width: 1000px;\n}\n\n.stack-layer-mono {\n position: relative;\n display: flex;\n gap: 24px;\n align-items: flex-start;\n}\n\n.layer-number-badge {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.9);\n transition: all 0.3s;\n}\n\n.stack-layer-mono:hover .layer-number-badge {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.05);\n}\n\n.layer-card-mono {\n flex: 1;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.stack-layer-mono:hover .layer-card-mono {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(8px);\n}\n\n.layer-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 16px;\n}\n\n.layer-icon-mono {\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.stack-layer-mono:hover .layer-icon-mono {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: rotate(5deg);\n}\n\n.layer-title-mono {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 4px 0;\n letter-spacing: -0.3px;\n}\n\n.layer-subtitle {\n font-size: 11px;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.5);\n font-weight: 600;\n}\n\n.layer-desc-mono {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: 18px;\n}\n\n.tech-tags-mono {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.tech-tag {\n font-size: 12px;\n font-family: var(--font-mono);\n font-weight: 500;\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n padding: 6px 12px;\n border-radius: 6px;\n transition: all 0.3s;\n}\n\n.tech-tag:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n\/* Why Open Source - Fixed Monochromatic Design *\/\n.why-open-grid-fixed {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px;\n margin: var(--space-3xl) 0;\n}\n\n.why-card-mono {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 32px;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.why-card-mono:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-6px);\n}\n\n.why-icon-wrapper {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.why-card-mono:hover .why-icon-wrapper {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: scale(1.1) rotate(-5deg);\n}\n\n.why-number-mono {\n position: absolute;\n top: 24px;\n right: 24px;\n font-size: 32px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.06);\n line-height: 1;\n}\n\n.why-title-mono {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 12px 0;\n letter-spacing: -0.3px;\n}\n\n.why-desc-mono {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: 16px;\n}\n\n.why-benefit {\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.5);\n padding-top: 16px;\n border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n\/* ========================================================================\n COMPREHENSIVE GOVERNANCE SECTION - BANK GRADE\n ======================================================================== *\/\n\n.governance-comprehensive {\n background: var(--bg-primary);\n padding: var(--space-3xl) 0;\n position: relative;\n}\n\n\/* Governance Scales - Comprehensive Cards *\/\n.governance-scales-comprehensive {\n display: grid;\n grid-template-columns: 1fr;\n gap: 32px;\n margin: var(--space-3xl) 0;\n}\n\n.gov-scale-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 40px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.gov-scale-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n}\n\n.gov-scale-card:hover {\n background: rgba(255,255,255,0.03);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.gov-scale-card:hover::before {\n opacity: 1;\n}\n\n\/* Scale Badge *\/\n.scale-badge-wrap {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n}\n\n.scale-number {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.04);\n border: 2px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 24px;\n font-weight: 800;\n color: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n}\n\n.gov-scale-card:hover .scale-number {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.08);\n}\n\n.scale-level {\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Scale Content *\/\n.scale-content {\n display: grid;\n gap: 24px;\n}\n\n.scale-icon-large {\n width: 80px;\n height: 80px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.gov-scale-card:hover .scale-icon-large {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: rotate(5deg) scale(1.05);\n}\n\n.scale-header {\n margin-top: 8px;\n}\n\n.scale-title {\n font-size: 28px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 8px 0;\n letter-spacing: -0.5px;\n}\n\n.scale-subtitle {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n}\n\n.scale-description {\n font-size: 15px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n}\n\n\/* Scale Features Grid *\/\n.scale-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n}\n\n.scale-feature-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n padding: 10px 14px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px;\n transition: all 0.3s;\n}\n\n.scale-feature-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n color: #fff;\n}\n\n.scale-feature-item svg {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Scale Metrics Bar *\/\n.scale-metrics-bar {\n display: flex;\n align-items: center;\n gap: 16px;\n padding-top: 24px;\n border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.metric-item {\n flex: 1;\n text-align: center;\n}\n\n.metric-value {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 6px;\n}\n\n.metric-label {\n font-size: 11px;\n font-weight: 600;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: rgba(255,255,255,0.5);\n}\n\n.metric-divider {\n width: 1px;\n height: 40px;\n background: rgba(255,255,255,0.08);\n}\n\n\/* Decision Authority Section *\/\n.decision-authority-section {\n margin-top: var(--space-3xl);\n padding-top: var(--space-3xl);\n border-top: 2px solid rgba(255,255,255,0.08);\n}\n\n.authority-header {\n text-align: center;\n margin-bottom: var(--space-3xl);\n}\n\n.authority-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 16px 0;\n letter-spacing: -0.5px;\n}\n\n.authority-subtitle {\n font-size: 16px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* Authority Matrix *\/\n.authority-matrix {\n display: grid;\n gap: 20px;\n margin-bottom: var(--space-3xl);\n}\n\n.authority-row {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 24px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.3s;\n}\n\n.authority-row:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.authority-scope {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.scope-badge {\n display: inline-block;\n font-size: 10px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 12px;\n border-radius: 6px;\n align-self: flex-start;\n}\n\n.global-badge {\n background: rgba(6, 182, 212, 0.1);\n color: #06b6d4;\n border: 1px solid rgba(6, 182, 212, 0.3);\n}\n\n.regional-badge {\n background: rgba(139, 92, 246, 0.1);\n color: #8b5cf6;\n border: 1px solid rgba(139, 92, 246, 0.3);\n}\n\n.national-badge {\n background: rgba(59, 130, 246, 0.1);\n color: #3b82f6;\n border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n.local-badge {\n background: rgba(34, 197, 94, 0.1);\n color: #22c55e;\n border: 1px solid rgba(34, 197, 94, 0.3);\n}\n\n.scope-title {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n}\n\n.scope-description {\n font-size: 13px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Decision Makers *\/\n.authority-decision-makers {\n display: flex;\n flex-direction: column;\n gap: 10px;\n justify-content: center;\n}\n\n.decision-maker-tag {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n padding: 10px 16px;\n border-radius: 8px;\n transition: all 0.3s;\n}\n\n.decision-maker-tag:hover {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n}\n\n.decision-maker-tag svg {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Network Performance Card *\/\n.network-performance-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 40px;\n transition: all 0.4s;\n}\n\n.network-performance-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n}\n\n.performance-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 32px 0;\n letter-spacing: -0.4px;\n}\n\n.performance-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 32px;\n}\n\n.performance-metric {\n text-align: center;\n}\n\n.perf-value {\n font-size: 36px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 8px;\n line-height: 1;\n}\n\n.perf-value.highlight-metric {\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.perf-label {\n font-size: 14px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.7);\n margin-bottom: 8px;\n}\n\n.perf-description {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n line-height: 1.5;\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 1024px) {\n .authority-row {\n grid-template-columns: 1fr;\n }\n \n .performance-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .scale-features-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px) {\n .stack-layer-mono {\n flex-direction: column;\n }\n \n .why-open-grid-fixed {\n grid-template-columns: 1fr;\n }\n \n .gov-scale-card {\n padding: 28px 20px;\n }\n \n .scale-title {\n font-size: 22px;\n }\n \n .authority-title {\n font-size: 24px;\n }\n \n .performance-grid {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .scale-badge-wrap {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .scale-metrics-bar {\n flex-direction: column;\n gap: 20px;\n }\n \n .metric-divider {\n width: 100%;\n height: 1px;\n }\n}\n\n\/* Animation Enhancements *\/\n@keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n.gov-scale-card {\n animation: fadeInScale 0.6s ease-out;\n animation-fill-mode: both;\n}\n\n.gov-scale-card:nth-child(1) { animation-delay: 0.1s; }\n.gov-scale-card:nth-child(2) { animation-delay: 0.2s; }\n.gov-scale-card:nth-child(3) { animation-delay: 0.3s; }\n.gov-scale-card:nth-child(4) { animation-delay: 0.4s; }\n\n\/* ========================================================================\n ENHANCED GOVERNANCE - INTERACTIVE TABS & VISUALIZATIONS\n ======================================================================== *\/\n\n\/* Governance Tabs Navigation *\/\n.governance-tabs-nav {\n display: flex;\n gap: 12px;\n margin: var(--space-3xl) 0 var(--space-xl) 0;\n padding: 8px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.gov-tab-btn {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 14px 24px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n color: rgba(255,255,255,0.7);\n font-size: 14px;\n font-weight: 600;\n font-family: var(--font-sans);\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gov-tab-btn svg {\n flex-shrink: 0;\n opacity: 0.6;\n transition: all 0.3s;\n}\n\n.gov-tab-btn:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: translateY(-2px);\n}\n\n.gov-tab-btn:hover svg {\n opacity: 1;\n}\n\n.gov-tab-btn.active {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.2);\n color: #fff;\n}\n\n.gov-tab-btn.active svg {\n opacity: 1;\n}\n\n\/* Tab Content *\/\n.gov-tab-content {\n display: none;\n animation: tabFadeIn 0.4s ease-out;\n}\n\n.gov-tab-content.active {\n display: block;\n}\n\n@keyframes tabFadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Network Visualization Tab *\/\n.network-viz-section {\n margin-top: var(--space-3xl);\n}\n\n.viz-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 12px 0;\n letter-spacing: -0.5px;\n}\n\n.viz-subtitle {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n text-align: center;\n margin: 0 0 var(--space-3xl) 0;\n}\n\n.network-diagram-container {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 40px;\n margin-bottom: var(--space-3xl);\n overflow: hidden;\n}\n\n.network-svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.network-node {\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.network-node:hover {\n transform: scale(1.2);\n filter: drop-shadow(0 0 10px currentColor);\n}\n\n.pulse-node {\n animation: nodePulse 3s ease-in-out infinite;\n}\n\n@keyframes nodePulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.7;\n transform: scale(1.1);\n }\n}\n\n\/* Network Stats Grid *\/\n.network-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.network-stat-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 24px;\n display: flex;\n align-items: center;\n gap: 20px;\n transition: all 0.3s;\n}\n\n.network-stat-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.stat-icon {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border: 1px solid;\n transition: all 0.3s;\n}\n\n.global-color {\n background: rgba(6, 182, 212, 0.1);\n border-color: rgba(6, 182, 212, 0.3);\n color: #06b6d4;\n}\n\n.continental-color {\n background: rgba(139, 92, 246, 0.1);\n border-color: rgba(139, 92, 246, 0.3);\n color: #8b5cf6;\n}\n\n.national-color {\n background: rgba(59, 130, 246, 0.1);\n border-color: rgba(59, 130, 246, 0.3);\n color: #3b82f6;\n}\n\n.local-color {\n background: rgba(34, 197, 94, 0.1);\n border-color: rgba(34, 197, 94, 0.3);\n color: #22c55e;\n}\n\n.network-stat-card:hover .stat-icon {\n transform: scale(1.08) rotate(5deg);\n}\n\n.stat-content {\n flex: 1;\n}\n\n.stat-number {\n font-size: 24px;\n font-weight: 700;\n font-family: var(--font-mono);\n color: #fff;\n margin-bottom: 4px;\n}\n\n.stat-label {\n font-size: 13px;\n font-weight: 600;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n}\n\n.stat-description {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Helix Stakeholder Section *\/\n.helix-section {\n margin-top: var(--space-3xl);\n}\n\n.helix-main-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 16px 0;\n letter-spacing: -0.5px;\n}\n\n.helix-main-subtitle {\n font-size: 16px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n text-align: center;\n max-width: 1000px;\n margin: 0 auto var(--space-3xl) auto;\n}\n\n.helix-cards-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n margin-bottom: var(--space-3xl);\n}\n\n.helix-stakeholder-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 36px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n}\n\n.helix-stakeholder-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.helix-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n}\n\n.helix-icon-large {\n width: 72px;\n height: 72px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.8);\n transition: all 0.3s;\n}\n\n.helix-stakeholder-card:hover .helix-icon-large {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: rotate(-5deg) scale(1.05);\n}\n\n.helix-number {\n font-size: 48px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.06);\n line-height: 1;\n}\n\n.helix-card-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 16px 0;\n letter-spacing: -0.4px;\n}\n\n.helix-card-description {\n font-size: 15px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 24px;\n}\n\n.helix-roles {\n margin-bottom: 24px;\n}\n\n.roles-title {\n font-size: 12px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.6);\n margin: 0 0 12px 0;\n}\n\n.roles-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 8px;\n}\n\n.roles-list li {\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n padding-left: 20px;\n position: relative;\n}\n\n.roles-list li::before {\n content: '\\2192';\n position: absolute;\n left: 0;\n color: rgba(255,255,255,0.6);\n}\n\n.helix-examples {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.example-badge {\n font-size: 11px;\n font-family: var(--font-mono);\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n padding: 6px 12px;\n border-radius: 6px;\n transition: all 0.3s;\n}\n\n.example-badge:hover {\n background: rgba(255,255,255,0.08);\n color: #fff;\n}\n\n\/* Helix Integration Card *\/\n.helix-integration-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 36px;\n}\n\n.integration-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 12px 0;\n letter-spacing: -0.4px;\n}\n\n.integration-subtitle {\n font-size: 15px;\n color: rgba(255,255,255,0.7);\n text-align: center;\n margin: 0 0 32px 0;\n}\n\n.integration-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n}\n\n.integration-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n transition: all 0.3s;\n}\n\n.integration-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateX(4px);\n}\n\n.integration-icon {\n width: 48px;\n height: 48px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n flex-shrink: 0;\n}\n\n.integration-content {\n flex: 1;\n}\n\n.integration-name {\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.integration-desc {\n font-size: 12px;\n color: rgba(255,255,255,0.6);\n line-height: 1.5;\n}\n\n\/* Implementation Section *\/\n.implementation-section {\n margin-top: var(--space-3xl);\n}\n\n.impl-title {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 16px 0;\n letter-spacing: -0.5px;\n}\n\n.impl-subtitle {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n text-align: center;\n max-width: 900px;\n margin: 0 auto var(--space-3xl) auto;\n}\n\n\/* Timeline *\/\n.timeline-container {\n margin-bottom: var(--space-3xl);\n}\n\n.timeline-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 var(--space-3xl) 0;\n letter-spacing: -0.4px;\n}\n\n.timeline-track {\n position: relative;\n display: grid;\n gap: 48px;\n max-width: 900px;\n margin: 0 auto;\n padding-left: 80px;\n}\n\n.timeline-track::before {\n content: '';\n position: absolute;\n left: 31px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(180deg, #06b6d4, #8b5cf6, #3b82f6, #22c55e);\n}\n\n.timeline-item {\n position: relative;\n display: flex;\n gap: 24px;\n}\n\n.timeline-marker {\n position: absolute;\n left: -80px;\n width: 64px;\n height: 64px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 3px solid;\n flex-shrink: 0;\n transition: all 0.3s;\n}\n\n.phase-1 {\n background: rgba(6, 182, 212, 0.1);\n border-color: #06b6d4;\n}\n\n.phase-2 {\n background: rgba(139, 92, 246, 0.1);\n border-color: #8b5cf6;\n}\n\n.phase-3 {\n background: rgba(59, 130, 246, 0.1);\n border-color: #3b82f6;\n}\n\n.phase-4 {\n background: rgba(34, 197, 94, 0.1);\n border-color: #22c55e;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.1);\n box-shadow: 0 0 20px currentColor;\n}\n\n.marker-number {\n font-size: 24px;\n font-weight: 800;\n font-family: var(--font-mono);\n color: #fff;\n}\n\n.timeline-content {\n flex: 1;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.3s;\n}\n\n.timeline-item:hover .timeline-content {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateX(4px);\n}\n\n.timeline-phase {\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n letter-spacing: -0.3px;\n}\n\n.timeline-duration {\n font-size: 12px;\n font-family: var(--font-mono);\n font-weight: 600;\n color: rgba(255,255,255,0.6);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n}\n\n.timeline-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 16px;\n}\n\n.timeline-deliverables {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.deliverable-tag {\n font-size: 11px;\n font-family: var(--font-mono);\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n padding: 6px 12px;\n border-radius: 6px;\n}\n\n\/* Use Cases *\/\n.use-cases-grid {\n margin-bottom: var(--space-3xl);\n}\n\n.use-cases-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 32px 0;\n letter-spacing: -0.4px;\n}\n\n.use-cases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n}\n\n.use-case-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px;\n transition: all 0.4s;\n}\n\n.use-case-card:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n}\n\n.use-case-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n\n.use-case-icon {\n width: 56px;\n height: 56px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.use-case-card:hover .use-case-icon {\n background: rgba(255,255,255,0.08);\n color: #fff;\n transform: scale(1.08);\n}\n\n.use-case-badge {\n font-size: 10px;\n font-family: var(--font-mono);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.7);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n padding: 6px 12px;\n border-radius: 6px;\n}\n\n.use-case-title {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin: 0 0 12px 0;\n letter-spacing: -0.3px;\n}\n\n.use-case-description {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.75);\n margin-bottom: 20px;\n}\n\n.use-case-benefits {\n display: grid;\n gap: 10px;\n}\n\n.benefit-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n}\n\n.benefit-item svg {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n}\n\n\/* Support Card *\/\n.support-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n padding: 36px;\n}\n\n.support-title {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin: 0 0 32px 0;\n letter-spacing: -0.4px;\n}\n\n.support-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n}\n\n.support-item {\n text-align: center;\n padding: 24px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n transition: all 0.3s;\n}\n\n.support-item:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.12);\n transform: translateY(-4px);\n}\n\n.support-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px auto;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,0.7);\n transition: all 0.3s;\n}\n\n.support-item:hover .support-icon {\n color: #fff;\n transform: scale(1.1);\n}\n\n.support-name {\n font-size: 16px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.support-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n line-height: 1.6;\n}\n\n\/* Responsive Adjustments for New Elements *\/\n@media (max-width: 1024px) {\n .governance-tabs-nav {\n gap: 8px;\n }\n \n .gov-tab-btn {\n padding: 12px 18px;\n font-size: 13px;\n }\n \n .gov-tab-btn span {\n display: none;\n }\n \n .helix-cards-grid {\n gap: 20px;\n }\n \n .timeline-track {\n padding-left: 60px;\n }\n \n .timeline-marker {\n left: -60px;\n width: 52px;\n height: 52px;\n }\n \n .marker-number {\n font-size: 20px;\n }\n}\n\n@media (max-width: 768px) {\n .governance-tabs-nav {\n padding: 6px;\n }\n \n .gov-tab-btn {\n padding: 10px 14px;\n }\n \n .viz-title,\n .helix-main-title,\n .impl-title {\n font-size: 24px;\n }\n \n .network-diagram-container {\n padding: 20px;\n }\n \n .network-stats-grid {\n grid-template-columns: 1fr;\n }\n \n .helix-stakeholder-card {\n padding: 24px;\n }\n \n .helix-icon-large {\n width: 56px;\n height: 56px;\n }\n \n .helix-number {\n font-size: 36px;\n }\n \n .timeline-track {\n padding-left: 0;\n padding-top: 80px;\n }\n \n .timeline-track::before {\n left: 50%;\n transform: translateX(-50%);\n top: 32px;\n }\n \n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: -80px;\n }\n \n .timeline-item {\n flex-direction: column;\n }\n \n .use-cases-grid {\n grid-template-columns: 1fr;\n }\n \n .support-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ========================================================================\n ENHANCED NETWORK CONTROLS & ADVANCED VISUALIZATIONS\n ======================================================================== *\/\n\n\/* Network View Controls *\/\n.network-controls {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-bottom: 32px;\n flex-wrap: wrap;\n}\n\n.network-control-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 10px;\n color: rgba(255,255,255,0.7);\n font-size: 13px;\n font-weight: 600;\n font-family: var(--font-sans);\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.network-control-btn svg {\n flex-shrink: 0;\n opacity: 0.6;\n transition: all 0.3s;\n}\n\n.network-control-btn:hover {\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.15);\n color: #fff;\n transform: translateY(-2px);\n}\n\n.network-control-btn:hover svg {\n opacity: 1;\n}\n\n.network-control-btn.active {\n background: rgba(6, 182, 212, 0.1);\n border-color: rgba(6, 182, 212, 0.3);\n color: #06b6d4;\n}\n\n.network-control-btn.active svg {\n opacity: 1;\n color: #06b6d4;\n}\n\n\/* Enhanced Network SVG Animations *\/\n.connection-line {\n transition: all 0.4s;\n}\n\n.connection-line:hover {\n opacity: 1 !important;\n stroke-width: 3 !important;\n}\n\n.cross-connection {\n stroke-dasharray: 5, 5;\n animation: dashMove 2s linear infinite;\n}\n\n@keyframes dashMove {\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 10;\n }\n}\n\n.primary-line {\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n animation: drawLine 2s ease-in-out forwards;\n}\n\n@keyframes drawLine {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n\/* Pulse animation for global node *\/\n@keyframes globalPulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n filter: drop-shadow(0 0 8px #06b6d4);\n }\n 50% {\n opacity: 0.8;\n transform: scale(1.05);\n filter: drop-shadow(0 0 16px #06b6d4);\n }\n}\n\n.pulse-node {\n animation: globalPulse 3s ease-in-out infinite;\n}\n\n\/* ========================================================================\n GRF 2025-2030 ROADMAP SECTION\n ======================================================================== *\/\n\n.roadmap-section {\n position: relative;\n padding: var(--space-3xl) 0;\n background: linear-gradient(180deg, var(--bg-primary) 0%, #0a0a12 100%);\n overflow: hidden;\n}\n\n.section-badge-roadmap {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n color: #06b6d4;\n font-size: 13px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: var(--space-lg);\n}\n\n.section-badge-roadmap svg {\n color: #06b6d4;\n}\n\n\/* Roadmap Hero Card *\/\n.roadmap-hero-card {\n margin-top: var(--space-2xl);\n margin-bottom: var(--space-3xl);\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(59, 130, 246, 0.08));\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 24px;\n position: relative;\n overflow: hidden;\n}\n\n.roadmap-hero-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(6, 182, 212, 0.15), transparent);\n pointer-events: none;\n}\n\n.roadmap-hero-content {\n position: relative;\n z-index: 1;\n}\n\n.roadmap-hero-title {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-xl);\n text-align: center;\n}\n\n.roadmap-pillars-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: var(--space-lg);\n margin-bottom: var(--space-xl);\n}\n\n.roadmap-pillar {\n padding: var(--space-lg);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n transition: all 0.3s ease;\n}\n\n.roadmap-pillar:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-4px);\n}\n\n.pillar-icon {\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 12px;\n margin-bottom: var(--space-md);\n}\n\n.pillar-icon svg {\n color: #06b6d4;\n}\n\n.roadmap-pillar h4 {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.roadmap-pillar p {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n}\n\n.roadmap-bottom-line {\n padding: var(--space-lg);\n background: rgba(6, 182, 212, 0.05);\n border-left: 4px solid #06b6d4;\n border-radius: 8px;\n font-size: 16px;\n line-height: 1.8;\n color: rgba(255,255,255,0.8);\n}\n\n.roadmap-bottom-line strong {\n color: rgba(255,255,255,0.95);\n}\n\n.highlight-text {\n color: #06b6d4;\n font-weight: 600;\n}\n\n\/* Timeline Section *\/\n.roadmap-timeline-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.timeline-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.timeline-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.timeline-container {\n position: relative;\n max-width: 900px;\n margin: 0 auto;\n padding: var(--space-xl) 0;\n}\n\n.timeline-line {\n position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 2px;\n background: linear-gradient(180deg, transparent, rgba(6, 182, 212, 0.5), rgba(6, 182, 212, 0.5), transparent);\n transform: translateX(-50%);\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: var(--space-3xl);\n}\n\n.timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.timeline-marker {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translateX(-50%);\n z-index: 10;\n}\n\n.timeline-year {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border: 4px solid var(--bg-primary);\n border-radius: 50%;\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 0 30px rgba(6, 182, 212, 0.4);\n}\n\n.timeline-card {\n width: 45%;\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.timeline-item:nth-child(odd) .timeline-card {\n margin-right: auto;\n}\n\n.timeline-item:nth-child(even) .timeline-card {\n margin-left: auto;\n}\n\n.timeline-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateX(-8px);\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n}\n\n.timeline-item:nth-child(even) .timeline-card:hover {\n transform: translateX(8px);\n}\n\n.timeline-card.highlight {\n border-color: #22c55e;\n box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);\n}\n\n.timeline-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n}\n\n.timeline-list {\n list-style: none;\n padding: 0;\n margin: 0 0 var(--space-md) 0;\n}\n\n.timeline-list li {\n padding-left: 24px;\n margin-bottom: 12px;\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n position: relative;\n}\n\n.timeline-list li::before {\n content: '\\2022';\n position: absolute;\n left: 0;\n color: #06b6d4;\n font-weight: 700;\n}\n\n.timeline-badge {\n display: inline-block;\n padding: 6px 16px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n font-size: 11px;\n font-weight: 700;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.timeline-badge.success {\n background: rgba(34, 197, 94, 0.15);\n border-color: rgba(34, 197, 94, 0.3);\n color: #22c55e;\n}\n\n\/* Governance Levels Section *\/\n.governance-levels-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.levels-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.levels-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.levels-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.level-card {\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.level-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.level-card:hover::before {\n opacity: 1;\n}\n\n.level-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.level-card.global {\n border-top-color: #06b6d4;\n}\n\n.level-card.regional {\n border-top-color: #3b82f6;\n}\n\n.level-card.national {\n border-top-color: #8b5cf6;\n}\n\n.level-card.local {\n border-top-color: #ec4899;\n}\n\n.level-header {\n display: flex;\n align-items: flex-start;\n gap: var(--space-md);\n margin-bottom: var(--space-lg);\n}\n\n.level-icon {\n width: 72px;\n height: 72px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 16px;\n flex-shrink: 0;\n}\n\n.level-icon svg {\n color: #06b6d4;\n}\n\n.level-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.level-subtitle {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.level-list {\n list-style: none;\n padding: 0;\n margin: 0 0 var(--space-lg) 0;\n}\n\n.level-list li {\n padding: 10px 0 10px 28px;\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n position: relative;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n\n.level-list li:last-child {\n border-bottom: none;\n}\n\n.level-list li::before {\n content: '\\2022';\n position: absolute;\n left: 0;\n color: #22c55e;\n font-weight: 700;\n}\n\n.level-metrics {\n display: flex;\n justify-content: center;\n padding-top: var(--space-md);\n border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.metric-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.metric-value {\n font-size: 28px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 4px;\n}\n\n.metric-label {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Process Tracks Section *\/\n.process-tracks-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.process-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.process-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.process-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.process-track {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.process-track:hover {\n background: rgba(255,255,255,0.05);\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-4px);\n}\n\n.track-number {\n position: absolute;\n top: -20px;\n right: var(--space-lg);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-radius: 50%;\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);\n}\n\n.track-title {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n padding-right: 60px;\n}\n\n.track-desc {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.track-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.action-tag {\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 6px;\n font-size: 11px;\n font-weight: 600;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n\/* Objectives Section *\/\n.objectives-section {\n margin-top: var(--space-3xl);\n margin-bottom: var(--space-3xl);\n}\n\n.objectives-heading {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.objectives-subheading {\n font-size: 16px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.objectives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: var(--space-lg);\n}\n\n.objective-card {\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.objective-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.objective-icon {\n width: 96px;\n height: 96px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 20px;\n margin: 0 auto var(--space-lg);\n}\n\n.objective-icon svg {\n color: #06b6d4;\n}\n\n.objective-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.objective-desc {\n font-size: 14px;\n line-height: 1.7;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-lg);\n}\n\n.objective-target {\n padding: var(--space-md);\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 12px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.target-label {\n font-size: 11px;\n font-weight: 700;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.target-value {\n font-size: 16px;\n font-weight: 700;\n color: #06b6d4;\n}\n\n\/* Roadmap CTA Section *\/\n.roadmap-cta-section {\n margin-top: var(--space-3xl);\n}\n\n.roadmap-cta-card {\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1));\n border: 2px solid rgba(6, 182, 212, 0.3);\n border-radius: 24px;\n text-align: center;\n}\n\n.roadmap-cta-title {\n font-size: 32px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n}\n\n.roadmap-cta-desc {\n font-size: 16px;\n line-height: 1.8;\n color: rgba(255,255,255,0.8);\n max-width: 900px;\n margin: 0 auto var(--space-2xl);\n}\n\n.roadmap-cta-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: var(--space-lg);\n margin-top: var(--space-xl);\n}\n\n.cta-action-card {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n transition: all 0.3s ease;\n}\n\n.cta-action-card:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-4px);\n}\n\n.cta-action-card h4 {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.cta-action-card p {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border: none;\n border-radius: 12px;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.cta-btn:hover {\n background: linear-gradient(135deg, #3b82f6, #06b6d4);\n transform: translateX(4px);\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);\n}\n\n.cta-btn svg {\n flex-shrink: 0;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .roadmap-hero-title {\n font-size: 24px;\n }\n \n .roadmap-pillars-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-line {\n left: 40px;\n }\n \n .timeline-marker {\n left: 40px;\n }\n \n .timeline-year {\n width: 64px;\n height: 64px;\n font-size: 16px;\n }\n \n .timeline-card {\n width: calc(100% - 100px);\n margin-left: 100px !important;\n }\n \n .timeline-card:hover {\n transform: translateX(0) !important;\n }\n \n .levels-grid {\n grid-template-columns: 1fr;\n }\n \n .process-grid {\n grid-template-columns: 1fr;\n }\n \n .objectives-grid {\n grid-template-columns: 1fr;\n }\n \n .roadmap-cta-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-heading,\n .levels-heading,\n .process-heading,\n .objectives-heading,\n .roadmap-cta-title {\n font-size: 28px;\n }\n}\n\/* ========================================================================\n HOW IT WORKS - NEW REDESIGN\n ======================================================================== *\/\n\n.how-it-works-new {\n padding: calc(var(--space-xl) * 3) 0;\n background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(6, 182, 212, 0.12), transparent 50%),\n linear-gradient(180deg, var(--bg-primary), #0a0a12);\n position: relative;\n overflow: hidden;\n}\n\n.section-badge-works {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n color: #06b6d4;\n font-size: 13px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: var(--space-lg);\n}\n\n\/* Speed Comparison Hero *\/\n.speed-hero {\n margin: var(--space-3xl) 0;\n}\n\n.speed-comparison-grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: var(--space-xl);\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.speed-item {\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 24px;\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.speed-item:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.speed-item.legacy {\n border-color: rgba(239, 68, 68, 0.3);\n}\n\n.speed-item.grf {\n border-color: rgba(34, 197, 94, 0.3);\n box-shadow: 0 0 40px rgba(34, 197, 94, 0.15);\n}\n\n.speed-icon {\n width: 96px;\n height: 96px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255,255,255,0.05);\n border-radius: 20px;\n margin: 0 auto var(--space-lg);\n}\n\n.speed-icon svg {\n color: rgba(255,255,255,0.6);\n}\n\n.speed-icon.grf-icon {\n background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(16, 185, 129, 0.2));\n}\n\n.speed-icon.grf-icon svg {\n color: #22c55e;\n}\n\n.speed-label {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-md);\n}\n\n.speed-value {\n font-size: 56px;\n font-weight: 700;\n margin-bottom: var(--space-sm);\n}\n\n.legacy-value {\n color: #ef4444;\n}\n\n.grf-value {\n color: #22c55e;\n}\n\n.speed-unit {\n font-size: 28px;\n font-weight: 600;\n margin-left: 4px;\n}\n\n.speed-desc {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-md);\n}\n\n.speed-badge {\n display: inline-block;\n padding: 12px 24px;\n background: linear-gradient(135deg, #22c55e, #10b981);\n border-radius: 12px;\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 4px 20px rgba(34, 197, 94, 0.4);\n}\n\n.speed-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.speed-arrow svg {\n color: #06b6d4;\n animation: arrowPulse 2s ease-in-out infinite;\n}\n\n@keyframes arrowPulse {\n 0%, 100% { transform: translateX(0); opacity: 1; }\n 50% { transform: translateX(10px); opacity: 0.6; }\n}\n\n\/* Governance Scales *\/\n.governance-scales {\n margin: var(--space-3xl) 0;\n}\n\n.scales-title {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.scales-subtitle {\n font-size: 18px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.scales-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: var(--space-lg);\n}\n\n.scale-card {\n padding: var(--space-xl);\n background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.scale-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.scale-card:hover::before {\n opacity: 1;\n}\n\n.scale-card:hover {\n background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.scale-number {\n position: absolute;\n top: var(--space-lg);\n right: var(--space-lg);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-radius: 50%;\n font-size: 20px;\n font-weight: 700;\n color: #fff;\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);\n}\n\n.scale-content {\n margin-bottom: var(--space-lg);\n}\n\n.scale-title {\n font-size: 20px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: 8px;\n}\n\n.scale-desc {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin-bottom: var(--space-md);\n}\n\n.scale-features {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.scale-features li {\n padding: 8px 0 8px 24px;\n font-size: 13px;\n color: rgba(255,255,255,0.7);\n position: relative;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n\n.scale-features li:last-child {\n border-bottom: none;\n}\n\n.scale-features li::before {\n content: '\\2022';\n position: absolute;\n left: 0;\n color: #06b6d4;\n font-weight: 700;\n}\n\n.scale-badge {\n display: inline-block;\n padding: 6px 16px;\n background: rgba(6, 182, 212, 0.15);\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: var(--radius-full);\n font-size: 11px;\n font-weight: 700;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Helix Stakeholders *\/\n.helix-stakeholders {\n margin: var(--space-3xl) 0;\n}\n\n.helix-title {\n font-size: 36px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-sm);\n}\n\n.helix-subtitle {\n font-size: 18px;\n color: rgba(255,255,255,0.6);\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.helix-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: var(--space-lg);\n}\n\n.helix-card {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.helix-card:hover {\n background: rgba(255,255,255,0.06);\n border-color: rgba(6, 182, 212, 0.3);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}\n\n.helix-icon {\n width: 96px;\n height: 96px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border-radius: 20px;\n margin: 0 auto var(--space-lg);\n}\n\n.helix-icon svg {\n color: #06b6d4;\n}\n\n.helix-icon.academia {\n background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(99, 102, 241, 0.2));\n}\n\n.helix-icon.academia svg {\n color: #3b82f6;\n}\n\n.helix-icon.industry {\n background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(168, 85, 247, 0.2));\n}\n\n.helix-icon.industry svg {\n color: #8b5cf6;\n}\n\n.helix-icon.government {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(14, 165, 233, 0.2));\n}\n\n.helix-icon.government svg {\n color: #06b6d4;\n}\n\n.helix-icon.civil {\n background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(219, 39, 119, 0.2));\n}\n\n.helix-icon.civil svg {\n color: #ec4899;\n}\n\n.helix-icon.citizens {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(251, 146, 60, 0.2));\n}\n\n.helix-icon.citizens svg {\n color: #f59e0b;\n}\n\n.helix-name {\n font-size: 18px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n margin-bottom: var(--space-sm);\n}\n\n.helix-desc {\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.7);\n margin-bottom: var(--space-md);\n}\n\n.helix-examples {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.example-tag {\n padding: 6px 12px;\n background: rgba(6, 182, 212, 0.1);\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 6px;\n font-size: 11px;\n font-weight: 600;\n color: #06b6d4;\n}\n\n\/* Network Stats Final *\/\n.network-stats-final {\n margin: var(--space-3xl) 0 0;\n padding: var(--space-2xl);\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(34, 197, 94, 0.08));\n border: 1px solid rgba(6, 182, 212, 0.2);\n border-radius: 24px;\n}\n\n.stats-final-title {\n font-size: 28px;\n font-weight: 700;\n color: rgba(255,255,255,0.95);\n text-align: center;\n margin-bottom: var(--space-xl);\n}\n\n.stats-final-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--space-lg);\n}\n\n.stat-final-card {\n padding: var(--space-xl);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.stat-final-card:hover {\n background: rgba(255,255,255,0.08);\n border-color: rgba(6, 182, 212, 0.4);\n transform: translateY(-4px);\n}\n\n.stat-final-card.highlight {\n border-color: #22c55e;\n background: rgba(34, 197, 94, 0.1);\n}\n\n.stat-final-value {\n font-size: 48px;\n font-weight: 700;\n color: #06b6d4;\n margin-bottom: 8px;\n}\n\n.stat-final-card.highlight .stat-final-value {\n color: #22c55e;\n}\n\n.stat-final-label {\n font-size: 16px;\n font-weight: 600;\n color: rgba(255,255,255,0.8);\n margin-bottom: 4px;\n}\n\n.stat-final-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.6);\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .speed-comparison-grid {\n grid-template-columns: 1fr;\n gap: var(--space-md);\n }\n \n .speed-arrow {\n transform: rotate(90deg);\n }\n \n .scales-grid {\n grid-template-columns: 1fr;\n }\n \n .helix-grid {\n grid-template-columns: 1fr;\n }\n \n .stats-final-grid {\n grid-template-columns: 1fr;\n }\n \n .scales-title,\n .helix-title,\n .stats-final-title {\n font-size: 28px;\n }\n \n .speed-value {\n font-size: 42px;\n }\n}\n\/* ========================================================================\n NEXUS ROADMAP - COMPACT UN-GRADE DESIGN (Black\/Grey\/White + Neon)\n ======================================================================== *\/\n\n.nexus-roadmap-compact {\n padding: calc(var(--space-xl) * 2.5) 0;\n background: #000;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n position: relative;\n}\n\n\/* Hero Style Enhancements *\/\n.nexus-roadmap-compact.hero-style-section {\n background: linear-gradient(180deg, #000000 0%, #0a0a12 50%, #000000 100%);\n padding: calc(var(--space-xl) * 3) 0;\n}\n\n.hero-style-content {\n position: relative;\n z-index: 2;\n}\n\n.hero-badges-group {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 10px 24px;\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.25);\n border-radius: 100px;\n margin-bottom: 32px;\n backdrop-filter: blur(10px);\n box-shadow: 0 4px 20px rgba(6, 182, 212, 0.15);\n}\n\n.hero-badges-group .badge-item {\n font-size: 11px;\n font-weight: 700;\n font-family: var(--font-mono);\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: #06b6d4;\n}\n\n.hero-badges-group .badge-separator {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: rgba(6, 182, 212, 0.4);\n}\n\n\/* Compact Hero *\/\n.nexus-hero-compact {\n text-align: center;\n margin-bottom: var(--space-2xl);\n}\n\n.neon-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 8px 20px;\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 50px;\n font-size: 11px;\n font-weight: 700;\n color: #06b6d4;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.3), inset 0 0 10px rgba(6, 182, 212, 0.1);\n margin-bottom: var(--space-lg);\n}\n\n.neon-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #06b6d4;\n box-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4;\n animation: neonPulse 2s ease-in-out infinite;\n}\n\n@keyframes neonPulse {\n 0%, 100% { opacity: 1; box-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4; }\n 50% { opacity: 0.5; box-shadow: 0 0 5px #06b6d4, 0 0 10px #06b6d4; }\n}\n\n.nexus-title-compact {\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-md);\n line-height: 1.3;\n}\n\n.neon-text {\n background: linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-shadow: 0 0 30px rgba(6, 182, 212, 0.5);\n}\n\n.nexus-subtitle-compact {\n font-size: 15px;\n line-height: 1.7;\n color: #999;\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* Mission Grid Compact *\/\n.mission-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 16px;\n margin-bottom: var(--space-2xl);\n}\n\n.mission-card-compact {\n padding: 20px;\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 12px;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.mission-card-compact::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 12px;\n padding: 1px;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.mission-card-compact:hover::before {\n opacity: 1;\n}\n\n.mission-card-compact:hover {\n background: #0f0f0f;\n transform: translateY(-4px);\n box-shadow: 0 8px 30px rgba(6, 182, 212, 0.2);\n}\n\n.mission-icon-neon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1));\n border: 1px solid rgba(6, 182, 212, 0.3);\n border-radius: 10px;\n margin-bottom: 12px;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.2);\n}\n\n.mission-icon-neon svg {\n color: #06b6d4;\n}\n\n.mission-card-compact h4 {\n font-size: 15px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n}\n\n.mission-card-compact p {\n font-size: 13px;\n line-height: 1.6;\n color: #999;\n}\n\n\/* Timeline Compact - Horizontal *\/\n.timeline-compact-section {\n margin: var(--space-2xl) 0;\n}\n\n.timeline-compact-section.hero-timeline {\n padding: 48px 0;\n text-align: center;\n}\n\n.section-heading-neon {\n font-size: 24px;\n font-weight: 700;\n color: #fff;\n text-align: center;\n margin-bottom: var(--space-xl);\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n\n.timeline-track {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--space-xl);\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 16px;\n overflow-x: auto;\n}\n\n.timeline-track.hero-timeline-track {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.03), rgba(59, 130, 246, 0.03));\n border: 1px solid rgba(6, 182, 212, 0.15);\n padding: 32px;\n}\n\n.timeline-node {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n min-width: 120px;\n}\n\n.timeline-node.hero-node {\n padding: 20px;\n min-width: 160px;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.05), rgba(59, 130, 246, 0.05));\n border: 2px solid rgba(6, 182, 212, 0.2);\n border-radius: 16px;\n transition: all 0.4s ease;\n}\n\n.timeline-node.hero-node:hover {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.12), rgba(59, 130, 246, 0.12));\n border-color: rgba(6, 182, 212, 0.5);\n transform: translateY(-8px);\n box-shadow: 0 12px 40px rgba(6, 182, 212, 0.25);\n}\n\n.timeline-node.hero-node.highlight {\n background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(236, 72, 153, 0.12));\n border: 2px solid rgba(139, 92, 246, 0.4);\n box-shadow: 0 8px 30px rgba(139, 92, 246, 0.3);\n}\n\n.node-marker {\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #1a1a1a, #0f0f0f);\n border: 2px solid #2a2a2a;\n border-radius: 50%;\n font-size: 18px;\n font-weight: 700;\n color: #666;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-node.hero-node .node-marker {\n font-size: 28px;\n font-weight: 800;\n width: 64px;\n height: 64px;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(59, 130, 246, 0.15));\n border: 3px solid rgba(6, 182, 212, 0.4);\n color: #06b6d4;\n}\n\n.timeline-node:hover .node-marker {\n border-color: #06b6d4;\n color: #06b6d4;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.5), inset 0 0 10px rgba(6, 182, 212, 0.2);\n}\n\n.timeline-node.highlight .node-marker {\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-color: #06b6d4;\n color: #fff;\n box-shadow: 0 0 30px rgba(6, 182, 212, 0.6);\n}\n\n.timeline-node.hero-node.highlight .node-marker {\n background: linear-gradient(135deg, #8b5cf6, #ec4899);\n border-color: #8b5cf6;\n color: #fff;\n font-size: 32px;\n text-shadow: 0 0 20px rgba(139, 92, 246, 0.8);\n box-shadow: 0 0 40px rgba(139, 92, 246, 0.8);\n}\n\n.node-content {\n text-align: center;\n}\n\n.node-content strong {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.timeline-node.hero-node .node-content strong {\n font-size: 15px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 8px;\n margin-top: 8px;\n}\n\n.node-content span {\n display: block;\n font-size: 11px;\n color: #666;\n}\n\n.timeline-node.hero-node .node-content span {\n font-size: 12px;\n line-height: 1.5;\n color: rgba(255, 255, 255, 0.6);\n}\n\n.timeline-connector {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, #2a2a2a, #1a1a1a);\n margin: 0 8px;\n position: relative;\n}\n\n.timeline-connector::after {\n content: '';\n position: absolute;\n left: 0;\n top: -1px;\n height: 4px;\n width: 0;\n background: linear-gradient(90deg, #06b6d4, #3b82f6);\n box-shadow: 0 0 10px #06b6d4;\n animation: progressBar 8s ease-in-out infinite;\n}\n\n@keyframes progressBar {\n 0%, 100% { width: 0%; }\n 50% { width: 100%; }\n}\n\n\/* Dual Grid - Process & Objectives *\/\n.nexus-dual-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-lg);\n margin: var(--space-2xl) 0;\n}\n\n.nexus-panel {\n padding: var(--space-xl);\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 16px;\n}\n\n.panel-title-neon {\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin-bottom: var(--space-lg);\n padding-bottom: 12px;\n border-bottom: 1px solid #1a1a1a;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Process Tracks Compact *\/\n.tracks-compact {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.track-item-neon {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n background: #050505;\n border: 1px solid #1a1a1a;\n border-radius: 10px;\n transition: all 0.3s ease;\n}\n\n.track-item-neon:hover {\n border-color: #06b6d4;\n box-shadow: 0 0 20px rgba(6, 182, 212, 0.15);\n}\n\n.track-letter {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #06b6d4, #3b82f6);\n border-radius: 8px;\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n flex-shrink: 0;\n box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);\n}\n\n.track-info strong {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 4px;\n}\n\n.track-info p {\n font-size: 12px;\n color: #666;\n margin: 0;\n}\n\n\/* Objectives Compact *\/\n.objectives-compact {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.objective-row-neon {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px;\n background: #050505;\n border: 1px solid #1a1a1a;\n border-left: 3px solid #06b6d4;\n border-radius: 8px;\n transition: all 0.3s ease;\n}\n\n.objective-row-neon:hover {\n border-left-color: #22c55e;\n background: #0a0a0a;\n box-shadow: 0 0 15px rgba(34, 197, 94, 0.15);\n}\n\n.obj-icon-mini {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(34, 197, 94, 0.2));\n border-radius: 6px;\n flex-shrink: 0;\n box-shadow: 0 0 10px rgba(6, 182, 212, 0.3);\n}\n\n.obj-icon-mini svg {\n color: #06b6d4;\n}\n\n.obj-text strong {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 2px;\n}\n\n.obj-text span {\n display: block;\n font-size: 11px;\n color: #666;\n}\n\n\/* Governance Levels - Horizontal Flow *\/\n.levels-flow-compact {\n margin: var(--space-2xl) 0;\n padding: var(--space-xl);\n background: #0a0a0a;\n border: 1px solid #1a1a1a;\n border-radius: 16px;\n}\n\n.flow-track {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: var(--space-lg);\n padding: var(--space-lg);\n background: #050505;\n border-radius: 12px;\n}\n\n.flow-level {\n flex: 1;\n text-align: center;\n}\n\n.level-badge-neon {\n display: inline-block;\n padding: 8px 20px;\n background: linear-gradient(135deg, #1a1a1a, #0f0f0f);\n border: 1px solid #2a2a2a;\n border-radius: 8px;\n font-size: 12px;\n font-weight: 700;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n}\n\n.level-badge-neon.global {\n border-color: #06b6d4;\n color: #06b6d4;\n box-shadow: 0 0 15px rgba(6, 182, 212, 0.3);\n}\n\n.level-badge-neon.regional {\n border-color: #3b82f6;\n color: #3b82f6;\n box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);\n}\n\n.level-badge-neon.national {\n border-color: #8b5cf6;\n color: #8b5cf6;\n box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);\n}\n\n.level-badge-neon.local {\n border-color: #ec4899;\n color: #ec4899;\n box-shadow: 0 0 15px rgba(236, 72, 153, 0.3);\n}\n\n.level-desc-neon {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n}\n\n.flow-arrow {\n font-size: 24px;\n color: #333;\n margin: 0 12px;\n}\n\n\/* Action Cards - Ultra Compact *\/\n.action-cards-neon {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 16px;\n margin-top: var(--space-2xl);\n}\n\n.action-card-neon {\n padding: 20px;\n background: linear-gradient(135deg, #0f0f0f, #0a0a0a);\n border: 1px solid #1a1a1a;\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.action-card-neon:hover {\n border-color: #06b6d4;\n background: linear-gradient(135deg, #1a1a1a, #0f0f0f);\n box-shadow: 0 0 30px rgba(6, 182, 212, 0.25), inset 0 0 20px rgba(6, 182, 212, 0.05);\n transform: translateY(-4px);\n}\n\n.action-header-neon {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n\n.action-icon-neon {\n font-size: 24px;\n filter: grayscale(1) brightness(1.5);\n}\n\n.action-header-neon strong {\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n}\n\n.action-card-neon p {\n font-size: 12px;\n color: #999;\n margin-bottom: 12px;\n line-height: 1.6;\n}\n\n.link-neon {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #06b6d4;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.link-neon:hover {\n color: #3b82f6;\n text-shadow: 0 0 10px rgba(6, 182, 212, 0.5);\n transform: translateX(4px);\n}\n\n\/* Responsive - Mobile Compact *\/\n@media (max-width: 768px) {\n .nexus-title-compact {\n font-size: 24px;\n }\n \n .hero-title {\n font-size: 32px !important;\n }\n \n .hero-subtitle,\n .hero-description {\n font-size: 14px;\n }\n \n .hero-badges-group {\n flex-wrap: wrap;\n justify-content: center;\n padding: 8px 16px;\n }\n \n .mission-grid-compact {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .timeline-track {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }\n \n .timeline-track.hero-timeline-track {\n padding: 20px;\n }\n \n .timeline-node.hero-node {\n width: 100%;\n min-width: auto;\n padding: 16px;\n }\n \n .timeline-node.hero-node .node-marker {\n width: 56px;\n height: 56px;\n font-size: 24px;\n }\n \n .timeline-connector {\n width: 2px;\n height: 20px;\n margin: 0;\n }\n \n .nexus-dual-grid {\n grid-template-columns: 1fr;\n }\n \n .flow-track {\n flex-direction: column;\n gap: 16px;\n }\n \n .flow-arrow {\n transform: rotate(90deg);\n }\n \n .action-cards-neon {\n grid-template-columns: 1fr;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"grf-wrapper\">\n\n \n <section class=\"hero-section\" id=\"hero\" aria-label=\"Hero Section\">\n \n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n \n <svg class=\"floating-element\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"rgba(0,212,170,0.3)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <svg class=\"floating-element\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n <rect x=\"10\" y=\"10\" width=\"60\" height=\"60\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <svg class=\"floating-element\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" aria-hidden=\"true\">\n <polygon points=\"30,10 50,50 10,50\" stroke=\"rgba(245,158,11,0.3)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n \n <div class=\"container\">\n <div class=\"hero-content\">\n \n \n <div class=\"hero-badge\" role=\"status\" aria-label=\"Organization Status\">\n <span class=\"badge-item\">Swiss Nonprofit<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">Independent<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">Verifiable<\/span>\n <\/div>\n \n \n <h1 class=\"hero-title\">\n Next-Generation<br>\n <span class=\"gradient-text\">Risk Governance<\/span><br>\n Infrastructure\n <\/h1>\n \n \n <p class=\"hero-description\" style=\"font-size: 14px; max-width: 900px; margin: 0 auto; line-height: 1.7; color: rgba(255,255,255,0.8);\">\n World association for integrated Disaster Risk Reduction (DRR), Disaster Risk Financing (DRF), and Disaster Risk Intelligence (DRI)\u2014developing global standards, protocols, and programs for UNOSINT. Swiss-based neutral orchestrator convening governments, multilateral institutions, academia, civil society, and private sector to build sovereign, interoperable, zero-trust verified infrastructure for evidence-based decision-making, climate finance, and accountable disaster response aligned with the Sendai Framework, Paris Agreement, and UN SDGs.\n <\/p>\n \n \n <div style=\"max-width: 900px; margin: 2rem auto 0; padding: 1rem 1.5rem; background: rgba(30, 136, 229, 0.08); border: 1px solid rgba(30, 136, 229, 0.2); border-radius: 8px;\">\n <p style=\"margin: 0; font-size: 0.85rem; color: rgba(255,255,255,0.75); line-height: 1.5;\">\n <strong style=\"color: rgba(255,255,255,0.9);\">Note:<\/strong> The Global Risks Forum is an independent Swiss nonprofit organization. GRF is not affiliated with, endorsed by, or officially connected to the United Nations, World Bank, or any other multilateral institution. References to UN pathways represent strategic objectives and proposed integration frameworks, not existing partnerships or endorsements.\n <\/p>\n <\/div>\n \n \n <div class=\"hero-cta\">\n <a href=\"#platforms\" class=\"btn btn-primary\" aria-label=\"Explore GRF Platforms\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <span>Explore Platforms<\/span>\n <\/a>\n <a href=\"#unosint\" class=\"btn btn-secondary\" aria-label=\"View Technology Stack\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <span>Technology Stack<\/span>\n <\/a>\n <\/div>\n \n \n <div class=\"hero-analytics-dashboard\" role=\"region\" aria-label=\"GRF Global Coverage Objectives\">\n \n \n <div class=\"objectives-disclaimer\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n <\/svg>\n <span>Global Coverage Objectives<\/span>\n <span class=\"disclaimer-subtext\">Target milestones for planetary risk governance infrastructure<\/span>\n <\/div>\n \n \n <div class=\"dashboard-grid\">\n \n \n <div class=\"dashboard-card activity-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Country Coverage<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">195<\/div>\n <div class=\"dashboard-subtitle\">UN Member States<\/div>\n \n <svg class=\"mini-chart\" viewBox=\"0 0 120 40\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"activityGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#06b6d4;stop-opacity:0.3\" \/>\n <stop offset=\"100%\" style=\"stop-color:#06b6d4;stop-opacity:0\" \/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M0,35 L10,32 L20,28 L30,30 L40,25 L50,22 L60,20 L70,18 L80,15 L90,12 L100,10 L110,8 L120,5\" \n fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"2\" opacity=\"0.8\"\/>\n <path d=\"M0,35 L10,32 L20,28 L30,30 L40,25 L50,22 L60,20 L70,18 L80,15 L90,12 L100,10 L110,8 L120,5 L120,40 L0,40 Z\" \n fill=\"url(#activityGradient)\" opacity=\"0.3\"\/>\n <\/svg>\n <\/div>\n\n \n <div class=\"dashboard-card data-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Continental Hubs<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">6<\/div>\n <div class=\"dashboard-subtitle\">Regional Centers<\/div>\n \n <div class=\"mini-bars\">\n <div class=\"bar-item\" style=\"height: 75%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 88%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 92%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 68%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 95%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 82%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 78%;\"><\/div>\n <div class=\"bar-item\" style=\"height: 100%;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"dashboard-card requests-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Population Reach<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">8<span class=\"dashboard-unit\">B<\/span><\/div>\n <div class=\"dashboard-subtitle\">Global Citizens<\/div>\n \n <svg class=\"mini-chart\" viewBox=\"0 0 120 40\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"requestsGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#3b82f6;stop-opacity:0.4\" \/>\n <stop offset=\"100%\" style=\"stop-color:#3b82f6;stop-opacity:0\" \/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M0,38 L15,35 L30,30 L45,28 L60,22 L75,18 L90,12 L105,8 L120,5\" \n fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2.5\" opacity=\"0.9\"\/>\n <path d=\"M0,38 L15,35 L30,30 L45,28 L60,22 L75,18 L90,12 L105,8 L120,5 L120,40 L0,40 Z\" \n fill=\"url(#requestsGradient)\"\/>\n <\/svg>\n <\/div>\n\n \n <div class=\"dashboard-card response-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6\"><\/path>\n <path d=\"m4.93 4.93 4.24 4.24m5.66 5.66 4.24 4.24\"><\/path>\n <path d=\"M1 12h6m6 0h6\"><\/path>\n <path d=\"m4.93 19.07 4.24-4.24m5.66-5.66 4.24-4.24\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Network Nodes<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">10<span class=\"dashboard-unit\">K<\/span><\/div>\n <div class=\"dashboard-subtitle\">Active Organizations<\/div>\n \n <svg class=\"progress-ring\" viewBox=\"0 0 100 100\">\n <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"8\"\/>\n <circle class=\"ring-progress\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"8\"\n stroke-dasharray=\"283\" stroke-dashoffset=\"70\" stroke-linecap=\"round\"\n transform=\"rotate(-90 50 50)\"\/>\n <text x=\"50\" y=\"50\" text-anchor=\"middle\" dominant-baseline=\"middle\" fill=\"rgba(255,255,255,0.9)\" font-size=\"16\" font-weight=\"700\">75%<\/text>\n <\/svg>\n <\/div>\n\n \n <div class=\"dashboard-card coverage-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Risk Categories<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">24<\/div>\n <div class=\"dashboard-subtitle\">Global Risk Types<\/div>\n \n <div class=\"radial-bars\">\n <svg viewBox=\"0 0 120 60\">\n \n <path d=\"M20,50 Q20,20 40,15\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.7\"\/>\n \n <path d=\"M40,50 Q40,10 60,8\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n \n <path d=\"M60,50 Q60,8 80,5\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.9\"\/>\n \n <path d=\"M80,50 Q80,12 100,10\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.85\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"dashboard-card collab-card\">\n <div class=\"dashboard-card-header\">\n <div class=\"dashboard-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"dashboard-meta\">\n <span class=\"dashboard-label\">Institutional Partners<\/span>\n <span class=\"dashboard-trend objective\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n Target\n <\/span>\n <\/div>\n <\/div>\n <div class=\"dashboard-value\">500<span class=\"dashboard-unit\">+<\/span><\/div>\n <div class=\"dashboard-subtitle\">Multilateral Orgs<\/div>\n \n <svg class=\"donut-chart\" viewBox=\"0 0 100 100\">\n <defs>\n <linearGradient id=\"donutGradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#ec4899;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#a855f7;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"12\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"12\"\n stroke-dasharray=\"100 251\" stroke-dashoffset=\"0\" \n transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\" opacity=\"0.9\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"12\"\n stroke-dasharray=\"88 251\" stroke-dashoffset=\"-100\" \n transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\" opacity=\"0.85\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"url(#donutGradient1)\" stroke-width=\"12\"\n stroke-dasharray=\"63 251\" stroke-dashoffset=\"-188\" \n transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"8\" fill=\"rgba(255,255,255,0.1)\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n\n \n <div class=\"dashboard-footer-stats\">\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">2025-2030<\/span>\n <span class=\"footer-stat-label\">Timeline<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Global<\/span>\n <span class=\"footer-stat-label\">Scope<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Verifiable<\/span>\n <span class=\"footer-stat-label\">Transparent<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Democratic<\/span>\n <span class=\"footer-stat-label\">Governance<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"dashboard-footer-stats\">\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">99.97%<\/span>\n <span class=\"footer-stat-label\">Uptime<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">6<\/span>\n <span class=\"footer-stat-label\">Continents<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">24\/7<\/span>\n <span class=\"footer-stat-label\">Monitoring<\/span>\n <\/div>\n <div class=\"footer-stat\">\n <span class=\"footer-stat-value\">Real-time<\/span>\n <span class=\"footer-stat-label\">Updates<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n \n <\/div>\n <\/div>\n <\/section>\n\n \n \n <section class=\"why-grf-section\" id=\"why-grf\" aria-label=\"Why GRF\">\n \n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <span>The Coordination Challenge & Solution<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Humanity's Survival Depends on <span class=\"gradient-text\">Collective Action<\/span>\n <\/h2>\n <p class=\"section-description\">\n Climate collapse, pandemics, AI risks, financial contagion\u2014these threats transcend borders and demand collective action at unprecedented scale. Yet existing multilateral coordination mechanisms lack the speed, transparency, and verifiability required for evidence-based decision-making. GRF provides the institutional infrastructure enabling sovereign governments to coordinate responses to planetary-scale threats through neutral, open-standard protocols.\n <\/p>\n <\/div>\n\n \n <div class=\"comparison-tabs\">\n \n \n <div class=\"tab-nav\" role=\"tablist\" aria-label=\"Challenge Categories\">\n <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"tab-speed\" data-tab=\"speed\">\n <i data-feather=\"zap\"><\/i>\n <span>Speed<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-access\" data-tab=\"access\">\n <i data-feather=\"unlock\"><\/i>\n <span>Access<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-cost\" data-tab=\"cost\">\n <i data-feather=\"dollar-sign\"><\/i>\n <span>Cost<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-intelligence\" data-tab=\"intelligence\">\n <i data-feather=\"cpu\"><\/i>\n <span>Intelligence<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-coordination\" data-tab=\"coordination\">\n <i data-feather=\"share-2\"><\/i>\n <span>Coordination<\/span>\n <\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-prevention\" data-tab=\"prevention\">\n <i data-feather=\"shield\"><\/i>\n <span>Prevention<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"tab-content active\" id=\"tab-speed\" role=\"tabpanel\" aria-labelledby=\"tab-speed\">\n <div class=\"comparison-grid-v2\">\n \n \n <div class=\"challenge-card problem-card-v2\">\n \n <div class=\"card-header-v2\">\n <div class=\"card-icon-container problem-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"card-title-group-v2\">\n <h3 class=\"card-title-v2\">Legacy Systems: Too Slow<\/h3>\n <span class=\"card-label-v2 problem-label\">The Problem<\/span>\n <\/div>\n <\/div>\n\n \n <p class=\"card-description-v2\">\n Multilateral coordination through traditional committee structures requires 18-36 months for consensus-building\u2014while climate disasters, disease outbreaks, and financial contagion operate on timescales measured in days or weeks. This temporal mismatch between threat velocity and institutional response capacity creates catastrophic coordination failures.\n <\/p>\n\n \n <div class=\"metrics-grid-v2\">\n <div class=\"metric-card-v2 problem-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Agreement Time<\/div>\n <div class=\"metric-value-v2 problem-value\">18-36 months<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 problem-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Aid Disbursement<\/div>\n <div class=\"metric-value-v2 problem-value\">4-6 months<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 problem-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Success Rate<\/div>\n <div class=\"metric-value-v2 problem-value\">3%<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card-footer-v2 problem-footer\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n <\/svg>\n <strong>Impact:<\/strong> Disaster costs escalate exponentially. Tipping points reached while committees deliberate.\n <\/div>\n\n \n <div class=\"system-badge-v2 legacy-badge\">\n <span>LEGACY SYSTEMS<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card solution-card-v2\">\n \n <div class=\"card-header-v2\">\n <div class=\"card-icon-container solution-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n <\/svg>\n <\/div>\n <div class=\"card-title-group-v2\">\n <h3 class=\"card-title-v2\">Blockchain Speed: 100x Faster<\/h3>\n <span class=\"card-label-v2 solution-label\">GRF Solution<\/span>\n <\/div>\n <div class=\"verified-badge-v2\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <span>On-Chain Verified<\/span>\n <\/div>\n <\/div>\n\n \n <p class=\"card-description-v2\">\n Democratic governance protocols enable rapid consensus through one-member-one-vote equality among Member States. Smart contracts execute instantly when conditions are met, with cryptographically verifiable decision records preventing capture by any single nation. Real-time AI intelligence processes 14,800+ data streams, driving immediate action.\n <\/p>\n\n \n <div class=\"metrics-grid-v2\">\n <div class=\"metric-card-v2 solution-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">DAO Vote → Action<\/div>\n <div class=\"metric-value-v2 solution-value\">3-7 days<\/div>\n <div class=\"metric-sublabel-v2\">Off-Chain Voting<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 solution-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">Smart Contract Execution<\/div>\n <div class=\"metric-value-v2 solution-value\"><5 min<\/div>\n <div class=\"metric-sublabel-v2\">L2 Optimism\/Arbitrum<\/div>\n <\/div>\n <\/div>\n\n <div class=\"metric-card-v2 solution-metric\">\n <div class=\"metric-icon-v2\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"metric-content-v2\">\n <div class=\"metric-label-v2\">AI Data Processing<\/div>\n <div class=\"metric-value-v2 solution-value\">Real-time<\/div>\n <div class=\"metric-sublabel-v2\"><100ms latency<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-stack-v2\">\n <div class=\"tech-tag-v2 blockchain-tag\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <span>Democratic Governance (One-Member-One-Vote)<\/span>\n <\/div>\n <div class=\"tech-tag-v2 blockchain-tag\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <span>Smart Contracts<\/span>\n <\/div>\n <div class=\"tech-tag-v2 ai-tag\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6\"><\/path>\n <path d=\"m4.93 4.93 4.24 4.24m5.66 5.66 4.24 4.24\"><\/path>\n <path d=\"M1 12h6m6 0h6\"><\/path>\n <path d=\"m4.93 19.07 4.24-4.24m5.66-5.66 4.24-4.24\"><\/path>\n <\/svg>\n <span>AI Intelligence<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"contract-address-v2\">\n <span class=\"address-label\">Contract:<\/span>\n <code class=\"address-value\">0x742d...4f8a<\/code>\n <button class=\"copy-btn-v2\" title=\"Copy address\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"system-badge-v2 blockchain-badge\">\n <span>BLOCKCHAIN ENABLED<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-access\" role=\"tabpanel\" aria-labelledby=\"tab-access\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Closed<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Citizens, experts, communities shut out. Those with the most at stake have no voice. Power stays concentrated, opaque.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Voting Access<\/span>\n <span class=\"metric-value problem\">193 states only<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Meaningful Input<\/span>\n <span class=\"metric-value problem\">0.001%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Transparency<\/span>\n <span class=\"metric-value problem\">Limited<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Communities shut out. Experts ignored in favor of political expedience. Decisions lack legitimacy.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Radically Open<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Inclusive participation mechanisms with transparent governance protocols. Democratic voting ensures Member States maintain equal influence regardless of size or wealth. 100% transparent on-chain records ensuring accountability to all stakeholders.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">DAO Access<\/span>\n <span class=\"metric-value solution\">Anyone can join<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Transparency<\/span>\n <span class=\"metric-value solution\">100% on-chain<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Voting Method<\/span>\n <span class=\"metric-value solution\">Quadratic<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Quadratic Voting<\/span>\n <span class=\"tech-tag\">Open DAO<\/span>\n <span class=\"tech-tag\">Blockchain<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-cost\" role=\"tabpanel\" aria-labelledby=\"tab-cost\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Expensive<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n 10-30% overhead means billions lost to intermediaries. Resources don't reach those who need them. Inefficiency at planetary scale.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Overhead<\/span>\n <span class=\"metric-value problem\">10-30%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Administrative Overhead<\/span>\n <span class=\"metric-value problem\">10-30%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Intermediaries<\/span>\n <span class=\"metric-value problem\">4-6 layers<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Billions lost to middlemen while communities wait. Every dollar wasted is a life not saved.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Ultra-Low Cost<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Smart contracts eliminate intermediaries. Direct wallet-to-wallet transfers. Automated execution removes bureaucratic overhead.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Efficiency Goal<\/span>\n <span class=\"metric-value solution\"><1%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Intermediaries<\/span>\n <span class=\"metric-value solution\">Zero<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Transfer Method<\/span>\n <span class=\"metric-value solution\">Direct<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Smart Contracts<\/span>\n <span class=\"tech-tag\">Zero Middlemen<\/span>\n <span class=\"tech-tag\">Direct Transfer<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-intelligence\" role=\"tabpanel\" aria-labelledby=\"tab-intelligence\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Reactive<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Responses only after disasters strike. No early warning. Limited data integration. Decisions based on outdated reports.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Data Integration<\/span>\n <span class=\"metric-value problem\">Siloed<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Early Warning<\/span>\n <span class=\"metric-value problem\">Minimal<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Response Time<\/span>\n <span class=\"metric-value problem\">Post-disaster<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Preventable disasters become catastrophes. No systematic foresight or early intervention capability.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">AI-Powered Foresight<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n AI\/ML models detect emerging risks before escalation. Real-time data from IoT, satellites, social media. Prediction markets aggregate expert forecasts.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Data Sources<\/span>\n <span class=\"metric-value solution\">10,000+ streams<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Early Detection<\/span>\n <span class=\"metric-value solution\">Weeks-Months<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Target Accuracy<\/span>\n <span class=\"metric-value solution\">85%+<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">AI\/ML Models<\/span>\n <span class=\"tech-tag\">Prediction Markets<\/span>\n <span class=\"tech-tag\">IoT & Satellites<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-coordination\" role=\"tabpanel\" aria-labelledby=\"tab-coordination\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Too Fragmented<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Agencies working in silos. No unified command. Duplication of effort. Information doesn't flow across borders or sectors.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">UN Agencies<\/span>\n <span class=\"metric-value problem\">40+ fragmented<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Info Sharing<\/span>\n <span class=\"metric-value problem\">Limited<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Duplication<\/span>\n <span class=\"metric-value problem\">30-40%<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Right hand doesn't know what left hand is doing. Duplicate efforts waste resources. Critical gaps in coverage.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Multi-Scale Network<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Small-world network topology enables efficient global-to-local coordination. Shared dashboards. Interoperable standards. Unified intelligence.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Network Reach<\/span>\n <span class=\"metric-value solution\">Target: countries<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Data Sharing<\/span>\n <span class=\"metric-value solution\">Real-time<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Coordination Hops<\/span>\n <span class=\"metric-value solution\">3-4 max<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Small-World Network<\/span>\n <span class=\"tech-tag\">Continental Hubs<\/span>\n <span class=\"tech-tag\">Working Groups Goal<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"tab-content\" id=\"tab-prevention\" role=\"tabpanel\" aria-labelledby=\"tab-prevention\" hidden>\n <div class=\"comparison-grid\">\n \n <div class=\"comparison-card problem-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Response-Focused<\/h3>\n <span class=\"card-label\">The Problem<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\nPrevention investments generate estimated 7:1 returns versus response spending based on historical disaster economics\u2014but budgets remain reactive.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Prevention Budget<\/span>\n <span class=\"metric-value problem\"><5%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">ROI on Prevention<\/span>\n <span class=\"metric-value problem\">Ignored<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Timing<\/span>\n <span class=\"metric-value problem\">After disaster<\/span>\n <\/div>\n <\/div>\n <div class=\"card-impact\">\n <strong>Impact:<\/strong> Preventable disasters happen anyway. Communities suffer unnecessarily. Billions wasted on avoidable damage.\n <\/div>\n <\/div>\n\n <div class=\"comparison-card solution-card\">\n <div class=\"card-indicator\"><\/div>\n <div class=\"card-header\">\n <div class=\"card-title-group\">\n <h3 class=\"card-title\">Prevention-First<\/h3>\n <span class=\"card-label\">The Solution<\/span>\n <\/div>\n <div class=\"card-badge\">\n <i data-feather=\"check-circle\"><\/i>\n <span>Verified<\/span>\n <\/div>\n <\/div>\n <p class=\"card-description\">\n Quadratic funding prioritizes prevention. Parametric insurance triggers instantly. Early warning systems enable pre-positioning of resources.\n <\/p>\n <div class=\"card-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">Prevention Focus<\/span>\n <span class=\"metric-value solution\">60% budget<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">Insurance Trigger<\/span>\n <span class=\"metric-value solution\">Automatic<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">ROI<\/span>\n <span class=\"metric-value solution\">7:1 return<\/span>\n <\/div>\n <\/div>\n <div class=\"card-tech-tags\">\n <span class=\"tech-tag\">Quadratic Funding<\/span>\n <span class=\"tech-tag\">Parametric Insurance<\/span>\n <span class=\"tech-tag\">Early Warning<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <section style=\"background: #000; padding: 5rem 0; position: relative;\">\n <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 2rem;\">\n \n \n <div style=\"text-align: center; margin-bottom: 3rem;\">\n <div class=\"section-badge\" style=\"display: inline-block; margin-bottom: 1.5rem;\">\n <span>Regional Implementation<\/span>\n <\/div>\n <h2 style=\"font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.2;\">\n Nexus Consortium\n <\/h2>\n <p style=\"max-width: 800px; margin: 0 auto; font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.7;\">\n World-leading multilateral architecture for planetary risk management meeting national, regional, and international objectives through cooperation, standardization, and acceleration. Nine regional consortiums operating under respective domestic legal frameworks, plus Swiss global coordination hub, facilitating Member State deployment of UNOSINT infrastructure through cooperative arrangements.\n <\/p>\n <\/div>\n\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; max-width: 1100px; margin: 0 auto;\">\n \n \n <a href=\"https:\/\/globalriskforum.com\/singapore-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Singapore Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">APAC<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Pte Ltd + VCC<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">43 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">MAS Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/kenya-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Kenya Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">East Africa<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Ltd<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">16 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">NIFC + CMA<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/uae-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">UAE Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">Middle East<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">ADGM SPV<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">22 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">ADGM FinTech<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/south-africa-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">South Africa Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">Southern Africa<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">(Pty) Ltd<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">15 SADC countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">FSCA Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/france-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">France Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">European Union<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">SAS<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Member States<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">AMF + ACPR<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/usa-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">USA Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">North America<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Delaware PBC<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Global<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">SEC RegCF<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/brazil-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Brazil Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">Latin America<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">S.A.<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">12 countries<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">CVM Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/canada-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Canada Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">North America<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">Ontario Corp<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">North America + Arctic<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Regulator:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">OSC Sandbox<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/globalriskforum.com\/senegal-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; cursor: pointer;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.15)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.08)';\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem;\">\n <h5 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Senegal Nexus<\/h5>\n <span style=\"font-size: 0.75rem; padding: 0.35rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.7); font-weight: 600;\">West Africa<\/span>\n <\/div>\n <div style=\"display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; font-size: 0.875rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Legal:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">SARL<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Scope:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">ECOWAS 15 + G5<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-weight: 500;\">Framework:<\/div>\n <div style=\"color: rgba(255,255,255,0.85);\">OHADA + UEMOA<\/div>\n <\/div>\n <\/a>\n\n <\/div>\n\n \n <div style=\"max-width: 1100px; margin: 3rem auto 0; padding: 0; position: relative;\">\n <a href=\"https:\/\/globalriskforum.com\/swiss-nexus\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none; display: block; background: rgba(255,255,255,0.03); border: 2px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 3rem 2.5rem; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden;\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)'; this.style.borderColor='rgba(255,255,255,0.2)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)'; this.style.borderColor='rgba(255,255,255,0.1)';\">\n \n \n <div style=\"position: absolute; top: -1px; right: -1px; background: linear-gradient(135deg, #06b6d4, #8b5cf6); padding: 0.5rem 1.5rem; border-bottom-left-radius: 8px; font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; color: #fff; text-transform: uppercase;\">\n Global Hub\n <\/div>\n \n \n <div style=\"font-size: 3rem; margin-bottom: 1.5rem; line-height: 1;\">\ud83c\udde8\ud83c\udded<\/div>\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h4 style=\"font-size: 2rem; font-weight: 700; color: #fff; margin: 0 0 1rem 0; line-height: 1.2;\">\n Swiss Nexus\n <span style=\"font-size: 1.25rem; color: rgba(255,255,255,0.6); font-weight: 400; margin-left: 0.75rem;\">\u2022 Global Coordination Hub<\/span>\n <\/h4>\n <p style=\"font-size: 1rem; color: rgba(255,255,255,0.75); line-height: 1.7; max-width: 800px; margin: 0;\">\n Neutral multilateral headquarters coordinating 9 regional consortiums and providing global oversight for UNOSINT standards, protocols, and governance architecture. Swiss-based independent orchestrator ensuring planetary-scale risk infrastructure remains sovereign, interoperable, and free from great-power veto.\n <\/p>\n <\/div>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15);\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Legal Entity<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">Swiss Verein (Association)<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Scope<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">9 Regional Hubs \u2022 195+ Countries<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Mandate<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">Neutral Multilateral Coordination<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 0.5rem; text-transform: uppercase;\">Oversight<\/div>\n <div style=\"font-size: 1rem; font-weight: 600; color: #fff;\">270+ Years Swiss Neutrality<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-top: 2rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.5); margin-bottom: 1rem; text-transform: uppercase;\">Core Functions<\/div>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem;\">\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">UNOSINT standards & protocol development<\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">Regional hub coordination & governance<\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">Global interoperability & data sovereignty<\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <div style=\"color: #06b6d4; font-size: 1.25rem; line-height: 1;\">\u2192<\/div>\n <div style=\"color: rgba(255,255,255,0.85); font-size: 0.9rem; line-height: 1.5;\">Neutral arbitration & dispute resolution<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.7);\">\n <strong style=\"color: #fff;\">Geneva & Z\u00fcrich<\/strong> \u2022 Neutral Territory \u2022 One-Member-One-Vote\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem; color: #06b6d4; font-weight: 600; font-size: 0.9rem;\">\n Learn More\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n \n <\/a>\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <section style=\"background: #000; padding: 6rem 0; position: relative; border-top: 1px solid rgba(255,255,255,0.08);\">\n \n \n <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.03; pointer-events: none;\">\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <pattern id=\"minimal-grid\" width=\"32\" height=\"32\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 32 0 L 0 0 0 32\" fill=\"none\" stroke=\"rgba(255,255,255,1)\" stroke-width=\"0.5\"\/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" fill=\"url(#minimal-grid)\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"container\" style=\"max-width: 1400px; position: relative;\">\n \n \n <div style=\"text-align: center; margin-bottom: 5rem;\">\n <div style=\"display: inline-block; padding: 8px 20px; background: #000; border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; margin-bottom: 2rem;\">\n <span style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.6);\">Government Decision Framework<\/span>\n <\/div>\n <h2 style=\"font-size: 3.5rem; font-weight: 700; color: #fff; margin: 0 0 1.5rem 0; line-height: 1.15; letter-spacing: -1px;\">\n Why Governments <span style=\"color: rgba(255,255,255,0.5);\">Join<\/span>\n <\/h2>\n <p style=\"font-size: 1.15rem; color: rgba(255,255,255,0.5); line-height: 1.7; max-width: 900px; margin: 0 auto; font-weight: 400;\">\n De-risk national, regional, and international portfolios through open-source multilateral architecture for exponential risks\u2014planetary to local scale\n <\/p>\n <\/div>\n\n \n <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 4rem; background: rgba(255,255,255,0.08);\">\n \n \n <div style=\"background: #000; padding: 3rem 2.5rem; position: relative; transition: all 0.3s ease;\" onmouseover=\"this.style.background='#0a0a0a';\" onmouseout=\"this.style.background='#000';\">\n \n <div style=\"margin-bottom: 2.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">01 \/ ECONOMIC<\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px; line-height: 1.3;\">Portfolio De-Risking & Foreign Investment<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Technical infrastructure reducing systematic risks across national and regional portfolios<\/p>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; margin-bottom: 2rem;\">\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">ANNUAL LOSSES<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">$200B+<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">Unmanaged disaster risk<\/div>\n <\/div>\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">INVESTMENT FLIGHT<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">40-60%<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">Post-disaster capital exit<\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem;\">\n <div style=\"font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 1rem; letter-spacing: 0.5px;\">NEXUS INFRASTRUCTURE<\/div>\n <div style=\"display: grid; gap: 0.75rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Verified risk intelligence for FDI confidence<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Parametric instruments reducing volatility<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Climate finance acceleration via AEP<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Cross-border capital coordination<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 3rem 2.5rem; position: relative; transition: all 0.3s ease;\" onmouseover=\"this.style.background='#0a0a0a';\" onmouseout=\"this.style.background='#000';\">\n \n <div style=\"margin-bottom: 2.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">02 \/ CAPACITY<\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px; line-height: 1.3;\">Skills, Literacy & Credentialing<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; line-height: 1.6; margin: 0;\">National ecosystem development through open-source education and verified credentials<\/p>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; margin-bottom: 2rem;\">\n <div style=\"display: grid; gap: 1.5rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem; letter-spacing: 0.5px;\">RISK MANAGEMENT TRAINING<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">Open curricula + certification for national agencies<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem; letter-spacing: 0.5px;\">PUBLIC LITERACY PROGRAMS<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">Risk awareness + preparedness education<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem; letter-spacing: 0.5px;\">VERIFIED CREDENTIALS<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">Blockchain-based skills registry + workforce mobility<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem;\">\n <div style=\"font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">KNOWLEDGE TRANSFER<\/div>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.6; margin: 0;\">\n Full code access enables <span style=\"color: #fff;\">domestic technical capacity building<\/span> + <span style=\"color: #fff;\">university research integration<\/span> without vendor dependency\n <\/p>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 3rem 2.5rem; position: relative; transition: all 0.3s ease;\" onmouseover=\"this.style.background='#0a0a0a';\" onmouseout=\"this.style.background='#000';\">\n \n <div style=\"margin-bottom: 2.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">03 \/ INNOVATION<\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px; line-height: 1.3;\">IP Development & Ecosystem Growth<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Permissionless innovation fostering national tech ecosystems and IP generation<\/p>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; margin-bottom: 2rem;\">\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">LOCAL STARTUPS<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">\u221e<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">Build on open APIs<\/div>\n <\/div>\n <div style=\"margin-bottom: 1.5rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 1.5px; color: rgba(255,255,255,0.6); margin-bottom: 0.5rem;\">IP RETENTION<\/div>\n <div style=\"font-size: 2.5rem; font-weight: 300; color: #fff; font-family: 'IBM Plex Mono', monospace; margin-bottom: 0.25rem;\">100%<\/div>\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.6);\">National ownership<\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem;\">\n <div style=\"font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 1rem; letter-spacing: 0.5px;\">ECOSYSTEM BENEFITS<\/div>\n <div style=\"display: grid; gap: 0.75rem;\">\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 SME integration via open protocols<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 University research commercialization<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Regional interoperability standards<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.85rem; line-height: 1.5;\">\u2192 Zero vendor lock-in risk<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div style=\"background: #000; border: 1px solid rgba(255,255,255,0.08); border-radius: 0; padding: 3rem 2.5rem; margin-bottom: 4rem;\">\n <div style=\"display: grid; grid-template-columns: 1fr; gap: 2.5rem;\">\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 2rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">CORE FRAMEWORK<\/div>\n <h3 style=\"font-size: 1.6rem; font-weight: 600; color: #fff; margin: 0 0 1.25rem 0; letter-spacing: -0.5px;\">Full-Spectrum De-Risking Infrastructure<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 1rem; line-height: 1.7; margin: 0;\">\n GRF Nexus Consortiums provide <span style=\"color: #fff;\">complete open-source multilateral architecture<\/span> addressing exponential risks from planetary to local scale\u2014enabling governments to de-risk portfolios, attract investment, build capacity, protect IP, and develop national ecosystems <span style=\"color: #fff;\">without sovereignty compromise or vendor dependency.<\/span>\n <\/p>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1.5rem;\">DE-RISKING DOMAINS<\/div>\n <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255,255,255,0.08);\">\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">FISCAL<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Disaster losses, budget volatility, debt risk<\/div>\n <\/div>\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">INVESTMENT<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">FDI confidence, capital flight, market access<\/div>\n <\/div>\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">CAPACITY<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Skills gaps, literacy, workforce mobility<\/div>\n <\/div>\n <div style=\"background: #000; padding: 1.5rem 1rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); margin-bottom: 0.75rem; letter-spacing: 0.5px;\">SOVEREIGNTY<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Data control, IP ownership, tech autonomy<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; border: 1px solid rgba(255,255,255,0.08); padding: 3rem 2.5rem;\">\n <div style=\"text-align: center; margin-bottom: 3rem;\">\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.6); margin-bottom: 1rem;\">NEXUS TECHNICAL INFRASTRUCTURE<\/div>\n <h3 style=\"font-size: 1.8rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; letter-spacing: -0.5px;\">What Every Government Gets<\/h3>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 1rem; line-height: 1.7; max-width: 800px; margin: 0 auto;\">\n Complete multilateral risk architecture\u2014from intelligence to action\n <\/p>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,0.08);\">\n \n \n <div style=\"background: #000; padding: 2rem 1.5rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 1.5rem; letter-spacing: 0.5px;\">INTELLIGENCE & DATA<\/div>\n <div style=\"display: grid; gap: 1.25rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">UNOSINT Protocol<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Verified risk intelligence with cryptographic provenance<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Sovereign Data Zones<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">National data residency + cross-border interoperability<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">AI Forecasting<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">72-96 hour early warning systems<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Real-Time Monitoring<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">14,800+ data streams + satellite integration<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 2rem 1.5rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 1.5rem; letter-spacing: 0.5px;\">FINANCIAL & RISK TOOLS<\/div>\n <div style=\"display: grid; gap: 1.25rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Parametric Instruments<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">48-72 hour automated payouts vs 6-18 months<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">AEP (Climate Finance)<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Cryptographic proof for green bond acceleration<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Risk Pooling<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Regional + international risk-sharing mechanisms<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Portfolio Analytics<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">National exposure mapping + scenario modeling<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: #000; padding: 2rem 1.5rem;\">\n <div style=\"font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); margin-bottom: 1.5rem; letter-spacing: 0.5px;\">GOVERNANCE & CAPACITY<\/div>\n <div style=\"display: grid; gap: 1.25rem;\">\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">DAO Coordination<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">3-7 day democratic resource allocation<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Training Programs<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Open curricula for national agencies + citizens<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Credential Registry<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Blockchain-verified skills + certifications<\/div>\n <\/div>\n <div>\n <div style=\"font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; font-weight: 600; color: #fff; margin-bottom: 0.5rem;\">Open APIs<\/div>\n <div style=\"color: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 1.5;\">Permissionless integration for local developers<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"platforms-section\" id=\"platforms\" aria-label=\"GRF Platforms\">\n \n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <span>What We Deliver<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Six Platforms for<br><span class=\"gradient-text\">Verifiable Action<\/span>\n <\/h2>\n <p class=\"section-description\">\n Each platform combines transparent evidence, pre-arranged finance, and blockchain audit trails so decisions move from consensus to deployment in days, not years.\n <\/p>\n <\/div>\n\n\n\n<div class=\"platform-tabs\" role=\"tablist\">\n <button class=\"platform-tab active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-diplomacy\" id=\"tab-diplomacy\" data-platform=\"diplomacy\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <span>Diplomacy<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-research\" id=\"tab-research\" data-platform=\"research\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <span>Research<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-capital\" id=\"tab-capital\" data-platform=\"capital\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <span>Capital<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-policy\" id=\"tab-policy\" data-platform=\"policy\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <span>Policy Hub<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-innovation\" id=\"tab-innovation\" data-platform=\"innovation\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n <\/svg>\n <span>Innovation<\/span>\n <\/button>\n <button class=\"platform-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-foresight\" id=\"tab-foresight\" data-platform=\"foresight\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <span>Foresight<\/span>\n <\/button>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-research\" role=\"tabpanel\" aria-labelledby=\"tab-research\" style=\"display: none;\">\n \n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Research Platform\n <a href=\"https:\/\/globalriskforum.com\/research\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Research Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Federated repository for AI\/ML models, datasets, and peer-reviewed research with cryptographic provenance, version control, and permanent DOI registration. Built on IPFS\/Arweave for immutable storage and Git for collaboration.\n <\/p>\n <\/div>\n\n \n <div class=\"platform-features-grid\">\n \n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"9\"><\/line>\n <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Model Cards<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Structured metadata specification for ML models following Google\/Hugging Face standards. Documents training data, hyperparameters, performance metrics, bias audits, failure modes, and intended use cases.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Researchers:<\/strong> Publish models with automatic DOI minting via CrossRef\/DataCite integration\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Training Datasets<\/span>\n <span class=\"feature-tag\">Bias Audits<\/span>\n <span class=\"feature-tag\">Performance Metrics<\/span>\n <span class=\"feature-tag\">Fairness Analysis<\/span>\n <span class=\"feature-tag\">Explainability (SHAP)<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">2,847 models published<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Explore Models →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Evidence Cards<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Dataset documentation with cryptographic provenance chain tracking data lineage from collection to publication. Includes collection methodology, sampling strategy, IRB approval, licensing terms, and known quality issues.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Data Providers:<\/strong> Monetize verified datasets through secure data rooms with granular access control\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Provenance (Merkle Trees)<\/span>\n <span class=\"feature-tag\">Quality Audits<\/span>\n <span class=\"feature-tag\">Sampling Methods<\/span>\n <span class=\"feature-tag\">Privacy Compliance<\/span>\n <span class=\"feature-tag\">Licensing (CC\/ODC)<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,453 datasets verified<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Datasets →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Open Peer Review<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Transparent peer review with reviewer reputation scores calculated via PageRank algorithm. Supports both double-blind and open review modes. All reviews cryptographically signed and permanently archived.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Reviewers:<\/strong> Earn reputation tokens (ERC-20) and build verifiable credentials (W3C DIDs)\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Double-Blind Option<\/span>\n <span class=\"feature-tag\">Reputation (PageRank)<\/span>\n <span class=\"feature-tag\">Cryptographic Signatures<\/span>\n <span class=\"feature-tag\">Reviewer Credentials<\/span>\n <span class=\"feature-tag\">Review Incentives<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">687 verified reviewers<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Join Review Pool →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"18\" r=\"3\"><\/circle>\n <circle cx=\"6\" cy=\"6\" r=\"3\"><\/circle>\n <circle cx=\"18\" cy=\"6\" r=\"3\"><\/circle>\n <path d=\"M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9\"><\/path>\n <path d=\"M12 12v3\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Version Control & Immutability<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Git-backed version control for models and datasets with immutable history stored on IPFS (content-addressable) and Arweave (permanent storage). Every version has unique content hash (CID) for tamper-proof referencing.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Teams:<\/strong> Collaborate with GitHub-like workflows, pull requests, and CI\/CD integration\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">IPFS (Content-Addressed)<\/span>\n <span class=\"feature-tag\">Arweave (Permanent)<\/span>\n <span class=\"feature-tag\">Git Integration<\/span>\n <span class=\"feature-tag\">Diff Visualization<\/span>\n <span class=\"feature-tag\">Rollback Safety<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Immutable history<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Learn More →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l-7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Computational Reproducibility<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Containerized execution environments (Docker\/Podman) with pinned dependencies (pip-tools, poetry, conda-lock). Compute audits log all execution with hardware specs, random seeds, and runtime metrics for bit-level reproducibility.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Institutions:<\/strong> Verify all claims independently with one-click reproduction in isolated environments\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Docker Containers<\/span>\n <span class=\"feature-tag\">Dependency Locking<\/span>\n <span class=\"feature-tag\">Compute Audits<\/span>\n <span class=\"feature-tag\">Hardware Fingerprinting<\/span>\n <span class=\"feature-tag\">Random Seed Tracking<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">97.3% reproducible<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Test Reproduction →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">DOI & Academic Citation<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Every model, dataset, and review receives permanent DOI (Digital Object Identifier) via CrossRef\/DataCite. Citations tracked in real-time with altmetrics (Altmetric.com API), Google Scholar integration, and Web of Science indexing.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Academia:<\/strong> Cite datasets\/models in papers with formal DOIs, build academic reputation through usage metrics\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">CrossRef Registration<\/span>\n <span class=\"feature-tag\">DataCite Integration<\/span>\n <span class=\"feature-tag\">Citation Tracking<\/span>\n <span class=\"feature-tag\">Impact Metrics<\/span>\n <span class=\"feature-tag\">BibTeX Generation<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">3,219 citations tracked<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Citation Guide →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-capital\" role=\"tabpanel\" aria-labelledby=\"tab-capital\" style=\"display: none;\">\n \n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Capital Platform\n <a href=\"https:\/\/globalriskforum.com\/capital\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Capital Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Decentralized finance infrastructure for parametric insurance, catastrophe bonds, and anticipatory action financing. Automated payouts via smart contracts triggered by verified IoT sensors and satellite data with <24hr settlement.\n <\/p>\n <\/div>\n\n \n <div class=\"platform-features-grid\">\n \n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Parametric Insurance<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Index-based insurance with automatic payouts when pre-defined parameters are met (earthquake magnitude >6.0, rainfall <50mm, wind speed >120km\/h). No claims process—triggers verified by Chainlink oracles pulling from USGS, NOAA, and proprietary IoT sensors.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Governments:<\/strong> Instant liquidity post-disaster, no lengthy claims adjudication or paperwork\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Oracle Networks<\/span>\n <span class=\"feature-tag\">IoT Sensors<\/span>\n <span class=\"feature-tag\">Satellite Data (NOAA)<\/span>\n <span class=\"feature-tag\">Smart Contract Triggers<\/span>\n <span class=\"feature-tag\">Automatic Payouts<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Rapid deployment, <18hr avg payout<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Get Coverage →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Catastrophe Bonds<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Tokenized cat bonds (ERC-1400 security tokens) with automated risk tranching (AAA to B-rated) and secondary market liquidity on DEXs. Investors earn yield; capital released on qualifying disasters. SEC-compliant via Reg D\/Reg S exemptions.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Investors:<\/strong> Uncorrelated returns (8-12% APY), portfolio diversification, social impact\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">ERC-1400 (Security Tokens)<\/span>\n <span class=\"feature-tag\">Risk Tranching<\/span>\n <span class=\"feature-tag\">DEX Liquidity<\/span>\n <span class=\"feature-tag\">SEC Compliant (Reg D)<\/span>\n <span class=\"feature-tag\">Target Yield Structure<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant issuance capacity<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Learn About Model →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Quadratic Funding<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Democratic capital allocation mechanism where matching pool amplifies small donations more than large ones (quadratic funding model). Prevents plutocracy: $number_of_contributors matters more than $total_raised. Sybil resistance via BrightID and Proof of Humanity.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Communities:<\/strong> Grassroots projects get funding proportional to community support, not whale donations\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Quadratic Matching<\/span>\n <span class=\"feature-tag\">Sybil Resistance (BrightID)<\/span>\n <span class=\"feature-tag\">Proof of Humanity<\/span>\n <span class=\"feature-tag\">Democratic Allocation<\/span>\n <span class=\"feature-tag\">Quadratic Funding<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant matching across 1,843 projects<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Start Round →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Collective Risk Pools<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Mutual insurance pools governed by token holders (Nexus Mutual model). Members stake capital, underwrite risks, and share premiums\/losses. Smart contract governance for claims approval with multi-sig override for edge cases.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Participants:<\/strong> Earn underwriting fees, govern pool parameters, benefit from collective bargaining power\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Token Governance<\/span>\n <span class=\"feature-tag\">Mutual Insurance Model<\/span>\n <span class=\"feature-tag\">Claims Voting<\/span>\n <span class=\"feature-tag\">Multi-Sig Safety<\/span>\n <span class=\"feature-tag\">Premium Sharing<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant total value locked (TVL)<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Join Pool →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Anticipatory Action Financing<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Pre-positioned capital released automatically when early warning indicators reach thresholds (70% drought probability triggers water distribution funds). Based on IFRC Forecast-based Financing methodology with smart contract automation.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Humanitarian Orgs:<\/strong> Act before disasters strike—evacuate populations, pre-position supplies, fortify infrastructure\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Forecast-Based Financing<\/span>\n <span class=\"feature-tag\">Predictive Triggers<\/span>\n <span class=\"feature-tag\">Pre-Positioned Capital<\/span>\n <span class=\"feature-tag\">IFRC Methodology<\/span>\n <span class=\"feature-tag\">Early Action Protocols<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Pre-disaster deployment (avg 4.2 days lead time)<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Set Triggers →<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Treasury Management & Audit<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Multi-signature wallets (Gnosis Safe) with on-chain transparent audit trails. Diversified portfolio management (60% stablecoins, 30% DeFi yield, 10% BTC\/ETH) optimized via Yearn-style strategies. All transactions cryptographically verifiable.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Donors\/Investors:<\/strong> Real-time transparency—every dollar tracked, every yield verified, zero opacity\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Gnosis Safe Multi-Sig<\/span>\n <span class=\"feature-tag\">Portfolio Diversification<\/span>\n <span class=\"feature-tag\">DeFi Yield Optimization<\/span>\n <span class=\"feature-tag\">Audit Trail (on-chain)<\/span>\n <span class=\"feature-tag\">Transparency Dashboard<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant AUM, 100% transparent<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Treasury →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-policy\" role=\"tabpanel\" aria-labelledby=\"tab-policy\" style=\"display: none;\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Policy Hub\n <a href=\"https:\/\/globalriskforum.com\/policy\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Policy Hub\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Collaborative policy development platform with computational impact simulation, stakeholder consultation, and blockchain-based voting. Integrates with government systems via APIs adhering to Open Government Partnership (OGP) standards.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path>\n <path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Collaborative Policy Drafting<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Git-based version control for policy documents with track changes, branching (alternative proposals), and merge conflicts resolved via democratic voting mechanisms. Supports multilingual drafting with AI-powered translation maintaining legal terminology precision.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Policymakers:<\/strong> Co-create with stakeholders in real-time, maintain complete revision history for accountability\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Git Version Control<\/span>\n <span class=\"feature-tag\">Track Changes<\/span>\n <span class=\"feature-tag\">Branch\/Merge Workflow<\/span>\n <span class=\"feature-tag\">AI Translation (DeepL API)<\/span>\n <span class=\"feature-tag\">Legal Terminology DB<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">543 policies, 47 jurisdictions<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Draft Policy →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Impact Simulation & Modeling<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Computational policy modeling using agent-based simulation (Mesa framework) and econometric tools (statsmodels, scikit-learn). Monte Carlo analysis with 10,000+ scenario runs forecasting distributional impacts across demographics, regions, and time horizons.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Analysts:<\/strong> Predict policy outcomes before implementation—identify winners\/losers, unintended consequences, optimization opportunities\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Agent-Based Modeling (Mesa)<\/span>\n <span class=\"feature-tag\">Monte Carlo (10K runs)<\/span>\n <span class=\"feature-tag\">Econometric Analysis<\/span>\n <span class=\"feature-tag\">Distributional Impact<\/span>\n <span class=\"feature-tag\">Scenario Planning<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,284 simulations run, 94.2% accuracy<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Run Simulation →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Public Consultation & Feedback<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Structured public comment periods with NLP sentiment analysis (BERT), demographic weighting (prevents echo chambers), and threaded discussions. Comments cryptographically signed for authenticity, stored immutably for transparency and audit.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Citizens:<\/strong> Voice matters—comments analyzed, weighted fairly, incorporated into final policy design\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">NLP Sentiment (BERT)<\/span>\n <span class=\"feature-tag\">Demographic Weighting<\/span>\n <span class=\"feature-tag\">Threaded Discussions<\/span>\n <span class=\"feature-tag\">Cryptographic Signatures<\/span>\n <span class=\"feature-tag\">Immutable Storage<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">287K public comments processed<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Submit Comment →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Quadratic Voting<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Democratic decision-making where votes cost quadratically (1 vote = 1 credit, 2 votes = 4 credits, 3 votes = 9 credits). Prevents tyranny of majority while amplifying preference intensity. Sybil-resistant via identity verification systems.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Governance:<\/strong> Nuanced consensus—people vote more on issues they care about deeply, less on peripheral concerns\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Quadratic Cost Formula<\/span>\n <span class=\"feature-tag\">Preference Intensity<\/span>\n <span class=\"feature-tag\">Sybil Resistance<\/span>\n <span class=\"feature-tag\">Identity Verification<\/span>\n <span class=\"feature-tag\">Smart Contract Voting<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">12,847 votes cast across 234 proposals<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Cast Vote →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Implementation Tracking<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Real-time policy implementation dashboards with milestone tracking, KPI monitoring, and accountability enforcement. Automated alerts when targets missed. Integrates with government budgeting systems (FMIS) for financial tracking and reporting.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Oversight:<\/strong> Monitor policy execution—identify bottlenecks, reallocate resources, hold agencies accountable\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Milestone Tracking<\/span>\n <span class=\"feature-tag\">KPI Dashboards<\/span>\n <span class=\"feature-tag\">Automated Alerts<\/span>\n <span class=\"feature-tag\">FMIS Integration<\/span>\n <span class=\"feature-tag\">Budget Transparency<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">89% on-time delivery rate<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Dashboard →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">System Interoperability & APIs<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n RESTful and GraphQL APIs following Open Government Data standards (OGD). Bi-directional sync with national FMIS, legal databases, and statistical systems. OAuth 2.0 authentication, rate limiting (10K req\/hr), comprehensive OpenAPI 3.1 docs.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For IT Teams:<\/strong> Seamless integration with existing government IT infrastructure—no rip-and-replace\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">REST & GraphQL APIs<\/span>\n <span class=\"feature-tag\">OGD Standards<\/span>\n <span class=\"feature-tag\">OAuth 2.0 Auth<\/span>\n <span class=\"feature-tag\">Rate Limiting<\/span>\n <span class=\"feature-tag\">OpenAPI 3.1 Docs<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">34 government systems integrated<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">API Docs →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<div class=\"platform-panel\" id=\"panel-innovation\" role=\"tabpanel\" aria-labelledby=\"tab-innovation\" style=\"display: none;\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Innovation Platform\n <a href=\"https:\/\/globalriskforum.com\/innovation\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Innovation Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n End-to-end innovation pipeline from ideation to scale: prize competitions, regulatory sandboxes, accelerator programs, IP management, and pilot coordination. Modeled on DARPA, USAID DIV, and GIZ's Global Innovation Fund.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"><\/path>\n <path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"><\/path>\n <path d=\"M4 22h16\"><\/path>\n <path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"><\/path>\n <path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"><\/path>\n <path d=\"M18 2H6v7a6 6 0 0 0 12 0V2z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Challenge Programs & Prizes<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n XPRIZE-style milestone-based competitions with smart contract prize pools (ranging from seed to significant scale). Automated judging via quantitative metrics where possible (accuracy, speed, cost), expert panels for qualitative assessment. All submissions open-sourced post-competition.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Innovators:<\/strong> Clear goals, performance-based rewards, global visibility—winners get funding + market access\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Milestone-Based Funding<\/span>\n <span class=\"feature-tag\">Smart Contract Prizes<\/span>\n <span class=\"feature-tag\">Automated Judging<\/span>\n <span class=\"feature-tag\">Open Source Mandate<\/span>\n <span class=\"feature-tag\">Scalable Prizes<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">127 challenges, significant capital awarded<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Challenges →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Regulatory Sandboxes<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Time-boxed (6-18 month) regulatory waivers for testing novel solutions in controlled environments. Automated monitoring of sandbox participants with kill switches for safety violations. Successful pilots graduate to full regulatory approval with expedited licensing.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Startups:<\/strong> Test disruptive ideas legally—regulator observes, provides feedback, fast-tracks winners\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">6-18 Month Waivers<\/span>\n <span class=\"feature-tag\">Automated Monitoring<\/span>\n <span class=\"feature-tag\">Safety Kill Switches<\/span>\n <span class=\"feature-tag\">Expedited Licensing<\/span>\n <span class=\"feature-tag\">Regulator Partnership<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">43 active sandboxes, 67% graduation rate<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Apply for Sandbox →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <path d=\"M2 17l10 5 10-5\"><\/path>\n <path d=\"M2 12l10 5 10-5\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Accelerator Programs<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n 3-6 month cohort-based programs providing: seed to early-stage capital, mentorship from domain experts (80+ mentors in network), technical infrastructure credits (AWS, Azure, GCP), and customer introductions to governments\/NGOs.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Founders:<\/strong> Capital + connections + credibility—backed by multilateral ecosystem\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Seed Capital<\/span>\n <span class=\"feature-tag\">Expert Mentorship (80+)<\/span>\n <span class=\"feature-tag\">Cloud Credits<\/span>\n <span class=\"feature-tag\">Customer Intros<\/span>\n <span class=\"feature-tag\">Demo Day Access<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">18 cohorts, 214 startups, significant follow-on funding<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Apply Now →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <polyline points=\"2 17 12 22 22 17\"><\/polyline>\n <polyline points=\"2 12 12 17 22 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">IP Management & Patent Pools<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Open-source by default with MIT\/Apache 2.0 licensing. Optional patent pools (Medicines Patent Pool model) for essential technologies. NFT-based IP rights with royalty streams (ERC-2981) for creators who want compensation while maintaining open access.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Creators:<\/strong> Share freely OR monetize—your choice. Patent pools prevent holdups, NFTs enable royalties\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Open Source Default<\/span>\n <span class=\"feature-tag\">Patent Pools<\/span>\n <span class=\"feature-tag\">NFT IP Rights (ERC-2981)<\/span>\n <span class=\"feature-tag\">Royalty Streams<\/span>\n <span class=\"feature-tag\">MIT\/Apache Licensing<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,847 patents pooled, 423 IP-NFTs<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse IP →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Multi-Site Pilot Coordination<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Standardized pilot protocols across 3-10 sites for statistical power. Centralized data collection (REDCap), common outcome metrics (ITT analysis), and coordinated IRB approvals. Results published as pre-registered RCTs (Open Science Framework).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Researchers:<\/strong> Robust evidence—no cherry-picking sites, proper controls, pre-registered outcomes\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Standardized Protocols<\/span>\n <span class=\"feature-tag\">Multi-Site (3-10)<\/span>\n <span class=\"feature-tag\">Pre-Registered RCTs<\/span>\n <span class=\"feature-tag\">ITT Analysis<\/span>\n <span class=\"feature-tag\">Open Science Framework<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">87 pilots across 34 countries<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Coordinate Pilot →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <polyline points=\"19 12 12 19 5 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Scale Pathways & Blended Finance<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Proven pilots get scale funding via blended finance structures (70% concessional\/30% commercial). Public-private partnerships with de-risking guarantees. Market creation support: policy advocacy, certification schemes, buyer consortia formation.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Scaling:<\/strong> Bridge valley of death—pilot to scale with patient capital + market-making support\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Blended Finance<\/span>\n <span class=\"feature-tag\">De-Risking Guarantees<\/span>\n <span class=\"feature-tag\">PPP Structures<\/span>\n <span class=\"feature-tag\">Market Creation<\/span>\n <span class=\"feature-tag\">Certification Support<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Significant scale capital deployed, 23 solutions scaled<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Scale Your Solution →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel\" id=\"panel-foresight\" role=\"tabpanel\" aria-labelledby=\"tab-foresight\" style=\"display: none;\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Foresight Platform\n <a href=\"https:\/\/globalriskforum.com\/foresight\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Foresight Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n AI-powered risk detection, prediction markets, and early warning systems combining satellite imagery, IoT sensors, social media NLP, and expert forecasting. Bayesian aggregation of diverse signals for probabilistic risk assessment.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">AI Risk Detection<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Multi-modal AI analyzing: NLP on news\/social media (transformer models), satellite imagery (Sentinel-2, Landsat via open-source platforms), IoT sensor networks (14.8K sensors), and structured data feeds (WHO, NOAA, USGS). Anomaly detection via autoencoders and LSTMs.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Early Warning:<\/strong> Detect weak signals before they become crises—floods, droughts, conflicts, epidemics\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">NLP (BERT\/GPT-4)<\/span>\n <span class=\"feature-tag\">Satellite Imagery<\/span>\n <span class=\"feature-tag\">IoT Sensors (14.8K)<\/span>\n <span class=\"feature-tag\">Anomaly Detection<\/span>\n <span class=\"feature-tag\">LSTM Forecasting<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">91.3% forecast accuracy, 4.7 day avg lead time<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Alerts →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\n <polyline points=\"17 6 23 6 23 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Prediction Markets<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Decentralized prediction markets where participants bet on outcomes using crypto. Market prices aggregate distributed knowledge into probabilistic forecasts. Automated market makers provide liquidity. Oracle networks resolve markets.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Forecasting:<\/strong> Wisdom of crowds—markets often outperform expert committees (see Tetlock research)\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Augur Protocol<\/span>\n <span class=\"feature-tag\">AMM (Uniswap v3)<\/span>\n <span class=\"feature-tag\">Oracle Resolution<\/span>\n <span class=\"feature-tag\">Bayesian Aggregation<\/span>\n <span class=\"feature-tag\">Crypto-Denominated<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">Active prediction volume, 847 markets<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Trade Markets →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Early Warning Systems<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Automated alert generation when risk thresholds breached. Multi-channel delivery: SMS (Twilio), email, Telegram, WhatsApp, and direct API push. Escalation protocols route alerts to appropriate response teams. Integrates with national disaster management systems (IFRC GO Platform).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Response Teams:<\/strong> Actionable alerts with lead time—mobilize resources before disaster strikes\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Multi-Channel Alerts<\/span>\n <span class=\"feature-tag\">Escalation Protocols<\/span>\n <span class=\"feature-tag\">API Push Notifications<\/span>\n <span class=\"feature-tag\">IFRC GO Integration<\/span>\n <span class=\"feature-tag\">Threshold Triggers<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">2,148 alerts (24h), 4.2 day avg lead time<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Configure Alerts →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Scenario Planning & Stress Testing<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Monte Carlo simulations (10,000+ runs) exploring parameter spaces for tail risks. Counterfactual analysis (\"what if COVID happened with different policies?\"). Stress testing critical infrastructure interdependencies. Results visualized as probability distributions, not point estimates.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Strategic Planning:<\/strong> Prepare for black swans—understand tails, not just means\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Monte Carlo (10K+)<\/span>\n <span class=\"feature-tag\">Counterfactuals<\/span>\n <span class=\"feature-tag\">Tail Risk Analysis<\/span>\n <span class=\"feature-tag\">Infrastructure Dependencies<\/span>\n <span class=\"feature-tag\">Probability Distributions<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,847 scenarios modeled<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Run Scenario →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Horizon Scanning<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Systematic monitoring of emerging technologies, social trends, geopolitical shifts, and environmental changes. NLP-powered weak signal detection from academic preprints (arXiv, bioRxiv), patent filings (USPTO, EPO), and fringe media. Quarterly horizon scan reports.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Strategy:<\/strong> Stay ahead—identify opportunities and threats before they're mainstream\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Weak Signal Detection<\/span>\n <span class=\"feature-tag\">Preprint Monitoring<\/span>\n <span class=\"feature-tag\">Patent Analysis<\/span>\n <span class=\"feature-tag\">Trend Identification<\/span>\n <span class=\"feature-tag\">Quarterly Reports<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">487 emerging trends tracked<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Trends →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line>\n <line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Risk Dashboards & Visualization<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Real-time interactive dashboards (D3.js, Plotly) with drill-down analytics. Heat maps, time series, network graphs, and choropleth maps. Export capabilities (PNG, SVG, PDF). Embeddable widgets for partner websites. Public API for custom visualizations.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Analysts:<\/strong> Explore data visually—spot patterns, identify outliers, share insights\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">D3.js\/Plotly<\/span>\n <span class=\"feature-tag\">Interactive Drill-Down<\/span>\n <span class=\"feature-tag\">Multiple Export Formats<\/span>\n <span class=\"feature-tag\">Embeddable Widgets<\/span>\n <span class=\"feature-tag\">Public API<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,247 active users, 847 dashboards<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Explore Dashboards →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"platform-panel active\" id=\"panel-diplomacy\" role=\"tabpanel\" aria-labelledby=\"tab-diplomacy\">\n \n <div class=\"platform-panel-header\">\n <div class=\"platform-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"platform-panel-title\">\n Diplomacy Platform\n <a href=\"https:\/\/globalriskforum.com\/diplomacy\/\" class=\"platform-title-link\" target=\"_blank\" rel=\"noopener\" title=\"Visit Diplomacy Platform\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n <\/svg>\n <\/a>\n <\/h3>\n <p class=\"platform-panel-description\">\n Multi-scale coordination infrastructure connecting Global DAO → Continental Hubs → Working Groups Goal → Local Communities. Diplomatic channels, treaty management, conflict resolution, and cross-cultural translation.\n <\/p>\n <\/div>\n\n <div class=\"platform-features-grid\">\n \n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <path d=\"M2 17l10 5 10-5\"><\/path>\n <path d=\"M2 12l10 5 10-5\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Multi-Scale Governance<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Four-tier governance: Global DAO (strategic direction), 6 Continental Hubs (regional adaptation), 147 Working Groups Goal (implementation), 1,247 Local Communities (grassroots input). Small-world network topology enables 3-4 hop coordination (385x faster than traditional hierarchies).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Coordination:<\/strong> Think globally, act locally—decisions flow bidirectionally with cultural context preserved\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">4-Tier Structure<\/span>\n <span class=\"feature-tag\">Small-World Topology<\/span>\n <span class=\"feature-tag\">3-4 Hop Coordination<\/span>\n <span class=\"feature-tag\">Bidirectional Flow<\/span>\n <span class=\"feature-tag\">385x Speed Improvement<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,400 nodes, 99.97% uptime<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Join Network →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6\"><\/path>\n <path d=\"m4.93 4.93 4.24 4.24m5.66 5.66 4.24 4.24\"><\/path>\n <path d=\"M1 12h6m6 0h6\"><\/path>\n <path d=\"m4.93 19.07 4.24-4.24m5.66-5.66 4.24-4.24\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Conflict Resolution & Mediation<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Structured dispute resolution protocols: negotiation (direct dialogue), mediation (neutral 3rd party via decentralized court systems), and binding arbitration (smart contract enforcement). All proceedings recorded on-chain for transparency and accountability.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Dispute Resolution:<\/strong> Escalate systematically—most conflicts resolved at negotiation level, arbitration as last resort\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">3-Step Escalation<\/span>\n <span class=\"feature-tag\">Mediation (Kleros)<\/span>\n <span class=\"feature-tag\">Binding Arbitration<\/span>\n <span class=\"feature-tag\">On-Chain Records<\/span>\n <span class=\"feature-tag\">Smart Contract Enforcement<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">287 disputes resolved, 94% at mediation<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">File Dispute →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Treaty & Agreement Management<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Smart contract implementation of international agreements with automated compliance monitoring. Treaty text stored on Arweave (permanent), execution logic on Ethereum L2s (Optimism\/Arbitrum). Automated reporting to treaty secretariats. Dispute resolution via arbitration clauses.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Treaty Compliance:<\/strong> Self-executing agreements—no more paper tigers—commitments automatically enforced\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Smart Contract Treaties<\/span>\n <span class=\"feature-tag\">Automated Monitoring<\/span>\n <span class=\"feature-tag\">Arweave Storage<\/span>\n <span class=\"feature-tag\">Compliance Reporting<\/span>\n <span class=\"feature-tag\">Arbitration Clauses<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">47 treaties implemented, 89 signatories<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Browse Treaties →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Secure Communication Channels<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n End-to-end encrypted messaging (Signal Protocol), video conferencing (Jitsi Meet self-hosted), and document collaboration (CryptPad). Zero-knowledge architecture—server can't decrypt. Meets diplomatic confidentiality standards (Vienna Convention on Diplomatic Relations).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Sensitive Discussions:<\/strong> Diplomatic-grade encryption—negotiate privately, go public when ready\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">E2E Encryption (Signal)<\/span>\n <span class=\"feature-tag\">Self-Hosted Video (Jitsi)<\/span>\n <span class=\"feature-tag\">Zero-Knowledge<\/span>\n <span class=\"feature-tag\">Vienna Convention Compliant<\/span>\n <span class=\"feature-tag\">Secure Docs (CryptPad)<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1,847 secure channels, 100% encrypted<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Create Channel →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Cultural Translation & Localization<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n AI translation (DeepL Pro API) trained on diplomatic corpus preserving legal nuance. Human review for sensitive texts. Cultural adaptation guidelines (Hofstede dimensions, power distance, individualism). Supports 45 languages with regional variants (regional language variants).\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Global Collaboration:<\/strong> Cross-cultural communication—language and cultural barriers minimized\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">AI Translation (DeepL)<\/span>\n <span class=\"feature-tag\">Human Review<\/span>\n <span class=\"feature-tag\">Cultural Adaptation<\/span>\n <span class=\"feature-tag\">45 Languages<\/span>\n <span class=\"feature-tag\">Regional Variants<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">1.2M documents translated<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">Translate Now →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"platform-feature-card\">\n <div class=\"feature-card-header\">\n <div class=\"feature-card-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n <\/svg>\n <\/div>\n <h4 class=\"feature-card-title\">Stakeholder Mapping & Network Analysis<\/h4>\n <\/div>\n <p class=\"feature-card-description\">\n Social network analysis (NetworkX, Gephi) identifying key actors, coalitions, and influence paths. Automated stakeholder categorization (power\/interest matrix). Real-time network visualization updating as relationships evolve. Used for coalition building and campaign strategy.\n <\/p>\n <p class=\"feature-card-highlight\">\n <strong>For Strategy:<\/strong> Know the landscape—who matters, who influences whom, where coalitions can form\n <\/p>\n <div class=\"feature-card-tags\">\n <span class=\"feature-tag\">Network Analysis (Gephi)<\/span>\n <span class=\"feature-tag\">Influence Mapping<\/span>\n <span class=\"feature-tag\">Power\/Interest Matrix<\/span>\n <span class=\"feature-tag\">Coalition Building<\/span>\n <span class=\"feature-tag\">Real-Time Updates<\/span>\n <\/div>\n <div class=\"feature-card-footer\">\n <span class=\"feature-card-stat\">8,427 stakeholders mapped<\/span>\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" class=\"feature-card-link\">View Network →<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n <\/section>\n\n \n <section class=\"governance-comprehensive\" id=\"unosint\" aria-label=\"UNOSINT\" style=\"background: #000; position: relative;\">\n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <span>Universal Intelligence Infrastructure<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"gradient-text\">UNOSINT<\/span> \u2014 Universal Open-Source Intelligence Standard\n <\/h2>\n <p class=\"section-description\" style=\"max-width: 1100px; margin: 0 auto; font-size: 14px; line-height: 1.8;\">\n UNOSINT establishes the first multilateral protocol layer for zero-trust intelligence fusion across 193 Member States, unifying artificial, open-source, synthetic, collective, embodied, and quantum intelligence modalities through distributed networks with cryptographic provenance and inviolable data sovereignty guarantees. Architected to resolve catastrophic coordination failures inherent in current systems\u2014single points of failure, vendor lock-in, information asymmetries causing billions in disaster response delays\u2014UNOSINT enables real-time, verifiable intelligence sharing at planetary scale without third-party dependencies, black-box algorithms, or sovereignty compromise. Built on open standards with multilateral governance, auditable by all stakeholders, and designed for mission-critical coordination under extreme conditions where traditional committee structures requiring 18-36 months for consensus cannot match threat velocity.\n <\/p>\n <\/div>\n\n\n \n <div style=\"margin: 4rem 0;\">\n <div class=\"gov-scale-content\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 12px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"width: 56px; height: 56px; background: rgba(30,136,229,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\">\n <rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" ry=\"2\"><\/rect>\n <circle cx=\"12\" cy=\"16\" r=\"1\"><\/circle>\n <path d=\"M8 11V7a4 4 0 0 1 8 0v4\"><\/path>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">Open Architecture<\/h3>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1.5rem;\">\n 100% open-source protocols (Apache 2.0), auditable codebases, forkable repositories, and W3C-style governance ensuring no vendor lock-in and community-driven evolution.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Apache 2.0<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Public Repos<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Fork Rights<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(139,92,246,0.3); border-radius: 12px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"width: 56px; height: 56px; background: rgba(139,92,246,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8B5CF6\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">Data Sovereignty<\/h3>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1.5rem;\">\n Sovereign Data Zones (SDZ) with encrypted at-rest storage, zero-knowledge proofs, jurisdictional data residency, and 90-day exit provisions with full data portability.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">SDZ Architecture<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">zk-SNARKs<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Exit Rights<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(16,185,129,0.3); border-radius: 12px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"width: 56px; height: 56px; background: rgba(16,185,129,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.4rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">Universal Interoperability<\/h3>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1.5rem;\">\n GRIx ontology (JSON-LD), STIX\/TAXII standards, ISO 20022 financial messaging, RESTful\/GraphQL APIs, and WebSocket streaming for real-time cross-platform integration.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">GRIx Ontology<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">STIX\/TAXII<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">ISO 20022<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 5rem 0;\">\n <h3 class=\"section-subtitle\" style=\"text-align: center; font-size: 2rem; font-weight: 600; color: #fff; margin-bottom: 3rem;\">\n Six Intelligence Domains\n <\/h3>\n \n <div class=\"gov-scale-content\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 1.5rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #1E88E5, #00B4D8); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Artificial Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Federated learning frameworks, privacy-preserving training (Flower), explainable AI (SHAP\/LIME), bias detection, MLflow versioning, 50+ disaster prediction models.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">LSTM<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Transformers<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">PyTorch<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(30,136,229,0.15); color: #1E88E5; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">TensorFlow<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Open Source Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n 200+ data sources integration (satellites, sensors, social media, institutional databases), STIX\/TAXII compliance, provenance tracking, quality scoring (EQL-1 to EQL-5).\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">SpiderFoot<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">MISP<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">OpenCTI<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(16,185,129,0.15); color: #10B981; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Kepler.gl<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Synthetic Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Digital twins (urban infrastructure, ecosystems), Monte Carlo simulations, agent-based modeling, counterfactual analysis, stress testing frameworks.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Digital Twins<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">GAMA<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">AnyLogic<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(139,92,246,0.15); color: #8B5CF6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Unity<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Collective Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Crowdsourced validation, distributed sensing networks, prediction markets (Metaculus), superforecasting, indigenous knowledge integration.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Validators<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Metaculus<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Ushahidi<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(245,158,11,0.15); color: #F59E0B; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Zooniverse<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #EF4444, #DC2626); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Embodied Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n ROS\/ROS2 integration, autonomous drones (DJI, PX4, ArduPilot), ground robotics, swarm coordination, search & rescue operations, damage assessment.\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">ROS2<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">UAVs<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">OpenCV<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(239,68,68,0.15); color: #EF4444; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Swarms<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.4); border: 1px solid rgba(30,136,229,0.25); border-radius: 10px; padding: 2rem;\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #14B8A6, #0D9488); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m6.36 6.36l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m6.36-6.36l4.24-4.24\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0 0 0.5rem 0;\">Quantum Intelligence<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">\n Quantum sensing (seismology), post-quantum cryptography (NIST-approved algorithms), quantum optimization, emerging capabilities (2026+ pilots).\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem;\">\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Quantum Computing<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">PQC<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">Emerging<\/span>\n <span style=\"font-size: 0.75rem; background: rgba(20,184,166,0.15); color: #14B8A6; padding: 0.3rem 0.7rem; border-radius: 4px; font-family: 'IBM Plex Mono', monospace;\">2030+<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 5rem 0;\">\n <h3 class=\"section-subtitle\" style=\"text-align: center; font-size: 2rem; font-weight: 600; color: #fff; margin-bottom: 1rem;\">\n Five-Layer Technical Architecture\n <\/h3>\n <p style=\"text-align: center; color: rgba(255,255,255,0.7); max-width: 850px; margin: 0 auto 3rem; line-height: 1.7;\">\n Enterprise-grade infrastructure spanning data ingestion through legal audit, designed for regulatory compliance, cryptographic verifiability, and sovereign data control.\n <\/p>\n\n <div style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(30,136,229,0.3); border-left: 4px solid #1E88E5; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #1E88E5, #00B4D8); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #000; font-family: 'IBM Plex Mono', monospace;\">L1<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Foundation<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Data Sovereignty & Collection<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Sovereign Data Zones (SDZ) with Kubernetes orchestration, encrypted at-rest (AES-256), hardware security modules (OpenTitan HSM), jurisdictional data residency, multi-source ingestion (APIs, IoT, satellites), quality scoring (EQL-1 to EQL-5).\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Kubernetes<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">PostgreSQL\/PostGIS<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">MinIO<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">IPFS<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(30,136,229,0.15); color: #1E88E5; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">AES-256<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(139,92,246,0.3); border-left: 4px solid #8B5CF6; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">L2<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Analysis<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Intelligence Fusion & Analysis<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n GRIx ontology processing (JSON-LD), multi-modal intelligence correlation, federated AI model execution (PyTorch, TensorFlow, Flower), OSINT aggregation (SpiderFoot, MISP, OpenCTI), geospatial analysis (Kepler.gl), temporal pattern recognition.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">GRIx Ontology<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">PyTorch\/TF<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">MISP<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">OpenCTI<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(139,92,246,0.15); color: #8B5CF6; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Kepler.gl<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(16,185,129,0.3); border-left: 4px solid #10B981; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #000; font-family: 'IBM Plex Mono', monospace;\">L3<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Validation<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Verification & Assurance<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Nexus Validation Mechanism (NVM) with zero-knowledge proofs (zk-SNARKs), cryptographic attestations, Attested Evidence Packs (AEP) generation, multi-party computation (MPC), threshold signatures, Byzantine fault tolerance (BFT).\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">zk-SNARKs<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">NVM<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">AEP<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">MPC<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(16,185,129,0.15); color: #10B981; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">BFT<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(245,158,11,0.3); border-left: 4px solid #F59E0B; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #000; font-family: 'IBM Plex Mono', monospace;\">L4<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Execution<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Decision Support & Execution<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Smart contract orchestration (Solidity, Rust), parametric insurance triggers, real-time oracle integration, automated fund disbursement, cross-chain bridge support, regulatory compliance automation.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Smart Contracts<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Oracle Networks<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Solidity\/Rust<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(245,158,11,0.15); color: #F59E0B; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Parametric Triggers<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(0,0,0,0.5); border: 1px solid rgba(14,165,233,0.3); border-left: 4px solid #0EA5E9; border-radius: 10px; padding: 2rem; transition: all 0.3s;\">\n <div style=\"display: grid; grid-template-columns: 80px 1fr; gap: 2rem; align-items: start;\">\n <div style=\"text-align: center;\">\n <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, #0EA5E9, #0284C7); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem;\">\n <span style=\"font-size: 1.8rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">L5<\/span>\n <\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); font-family: 'IBM Plex Mono', monospace; text-transform: uppercase;\">Compliance<\/div>\n <\/div>\n <div>\n <h4 style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem;\">Audit, Governance & Legal<\/h4>\n <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem;\">\n Dual-blockchain logging (Hyperledger Fabric + Ethereum), immutable audit trails, Nexus Standards Foundation (NSF) governance framework, open-source licensing (Apache 2.0), transparency dashboards, regulatory reporting automation, GDPR\/CCPA compliance modules.\n <\/p>\n <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Hyperledger<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Ethereum<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">NSF<\/span>\n <span style=\"font-size: 0.85rem; padding: 0.4rem 0.9rem; background: rgba(14,165,233,0.15); color: #0EA5E9; border-radius: 6px; font-family: 'IBM Plex Mono', monospace;\">Immutable Logs<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <section class=\"technology-section\" id=\"technology\" aria-label=\"Technology Stack\">\n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n <span>Technology Infrastructure<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Cutting-Edge <span class=\"gradient-text\">Tech Stack<\/span>\n <\/h2>\n <p class=\"section-description\">\n Built on battle-tested open-source technologies, combining AI\/ML, blockchain, and real-time data infrastructure for transparent, verifiable, and scalable risk governance.\n <\/p>\n <\/div>\n\n <div class=\"tech-grid\">\n \n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"cpu\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">AI & Machine Learning<\/h3>\n <p class=\"tech-description\">\n Advanced models for risk detection, pattern recognition, and forecasting with explainable AI and bias monitoring.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">TensorFlow<\/span>\n <span class=\"tech-badge\">PyTorch<\/span>\n <span class=\"tech-badge\">Scikit-learn<\/span>\n <span class=\"tech-badge\">Hugging Face<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"link\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Blockchain & Web3<\/h3>\n <p class=\"tech-description\">\n Multi-chain architecture for transparency, smart contracts, and decentralized governance with zero-knowledge proofs.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">Ethereum<\/span>\n <span class=\"tech-badge\">Polygon<\/span>\n <span class=\"tech-badge\">IPFS<\/span>\n <span class=\"tech-badge\">Arweave<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"database\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Data Infrastructure<\/h3>\n <p class=\"tech-description\">\n Real-time data pipelines processing 10,000+ streams with sub-second latency and petabyte-scale storage.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">Apache Kafka<\/span>\n <span class=\"tech-badge\">PostgreSQL<\/span>\n <span class=\"tech-badge\">Redis<\/span>\n <span class=\"tech-badge\">TimescaleDB<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"shield\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Zero-Trust Security<\/h3>\n <p class=\"tech-description\">\n End-to-end encryption, continuous authentication, and cryptographic verification for all operations.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">OAuth 2.0<\/span>\n <span class=\"tech-badge\">ZK-SNARKs<\/span>\n <span class=\"tech-badge\">AES-256<\/span>\n <span class=\"tech-badge\">TLS 1.3<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"code\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">APIs & Integration<\/h3>\n <p class=\"tech-description\">\n RESTful and GraphQL APIs with comprehensive documentation, SDKs in 6 languages, and 99.9% uptime SLA.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">GraphQL<\/span>\n <span class=\"tech-badge\">REST API<\/span>\n <span class=\"tech-badge\">WebSocket<\/span>\n <span class=\"tech-badge\">gRPC<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i data-feather=\"cloud\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">Cloud & DevOps<\/h3>\n <p class=\"tech-description\">\n Multi-cloud deployment with Kubernetes orchestration, automated CI\/CD, and infrastructure as code.\n <\/p>\n <div class=\"tech-stack-list\">\n <span class=\"tech-badge\">Kubernetes<\/span>\n <span class=\"tech-badge\">Docker<\/span>\n <span class=\"tech-badge\">Terraform<\/span>\n <span class=\"tech-badge\">GitHub Actions<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n \n <\/div>\n <\/section>\n\n \n \n <section class=\"governance-comprehensive\" id=\"governance\" aria-label=\"Governance Structure\">\n \n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n \n <div class=\"container\">\n \n \n <div class=\"section-header-center\">\n <div class=\"section-badge-mono\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 2v20M2 12h20\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <span>Multi-Scale Coordination<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Democratic <span style=\"color: #fff;\">Governance Architecture<\/span>\n <\/h2>\n <p class=\"section-subtitle\" style=\"max-width: 900px; margin: 0 auto; color: rgba(255,255,255,0.7); font-size: 1.05rem;\">\n Four-tier governance model from global protocol standards to local implementation, with transparent decision-making and institutional safeguards.\n <\/p>\n <\/div>\n\n \n <div style=\"max-width: 1200px; margin: 0 auto;\">\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); gap: 2rem;\">\n \n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"40\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"20\" y1=\"100\" x2=\"180\" y2=\"100\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <path d=\"M100 20 Q130 50 100 80 Q70 50 100 20\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"global3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:0.9\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"global3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"global3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <radialGradient id=\"globalInnerGlow\">\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:0.8\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:0.3\" \/>\n <\/radialGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#global3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#global3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#global3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#global3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#global3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <path d=\"M60 25 L80 37 L80 63 L60 75 L40 63 L40 37 Z\" fill=\"url(#globalInnerGlow)\" stroke=\"#9ca3af\" stroke-width=\"1\" opacity=\"0.7\"\/>\n \n \n <circle cx=\"60\" cy=\"50\" r=\"10\" fill=\"url(#globalInnerGlow)\" opacity=\"0.8\"\/>\n <circle cx=\"60\" cy=\"50\" r=\"10\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.5\"\/>\n <circle cx=\"57\" cy=\"47\" r=\"3\" fill=\"#ffffff\" opacity=\"0.9\"\/>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 1 \u00b7 GLOBAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">GRF Swiss Verein<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Neutral standards body for protocol governance, leveraging 270+ years of Swiss neutrality ensuring no major power veto control. One-member-one-vote for 193 Member States. Sets technical standards for UNOSINT, SDZ architecture, and AEP formats.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">LEGAL ENTITY<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Swiss Verein<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">VOTING<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">One-Member-One-Vote<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">SCOPE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">193 Member States<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">LICENSE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Apache 2.0<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <path d=\"M100 50 L150 100 L100 150 L50 100 Z\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <path d=\"M100 70 L130 100 L100 130 L70 100 Z\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"100\" r=\"5\" fill=\"white\" opacity=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"regional3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#f9fafb;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"regional3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"regional3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#regional3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#regional3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#regional3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#regional3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#regional3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <g opacity=\"0.8\">\n \n <circle cx=\"60\" cy=\"50\" r=\"5\" fill=\"#ffffff\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n \n <circle cx=\"60\" cy=\"32\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"75\" cy=\"40\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"78\" cy=\"50\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"75\" cy=\"60\" r=\"3.5\" fill=\"#d1d5db\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"60\" cy=\"68\" r=\"3.5\" fill=\"#d1d5db\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"45\" cy=\"60\" r=\"3.5\" fill=\"#d1d5db\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"42\" cy=\"50\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n <circle cx=\"45\" cy=\"40\" r=\"3.5\" fill=\"#e5e7eb\" stroke=\"#9ca3af\" stroke-width=\"0.8\"\/>\n \n <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"32\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"75\" y2=\"40\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"78\" y2=\"50\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"75\" y2=\"60\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"68\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"45\" y2=\"60\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"42\" y2=\"50\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <line x1=\"60\" y1=\"50\" x2=\"45\" y2=\"40\" stroke=\"#9ca3af\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n <\/g>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 2 \u00b7 REGIONAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">9 Regional Consortiums<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Enterprise entities for commercial deployment. Member countries hold equity stakes. Deploy SDZ infrastructure, host UNOSINT instances, sell AEP services.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">STRUCTURE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Enterprise Entities<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">OWNERSHIP<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Country Equity Stakes<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">TOTAL REGIONS<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">9 Consortiums<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">REVENUE MODEL<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">SaaS Licensing<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <rect x=\"50\" y=\"40\" width=\"100\" height=\"60\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <rect x=\"70\" y=\"60\" width=\"60\" height=\"40\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"100\" y1=\"40\" x2=\"100\" y2=\"100\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"national3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#f3f4f6;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"national3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"national3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#national3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#national3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#national3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#national3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#national3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <g opacity=\"0.85\">\n \n <path d=\"M60 33 L73 38 L73 58 L60 68 Z\" fill=\"#9ca3af\" opacity=\"0.4\"\/>\n <path d=\"M60 33 L47 38 L47 58 L60 68 Z\" fill=\"#b9bec4\" opacity=\"0.5\"\/>\n \n <path d=\"M60 30 L73 35 L73 55 C73 55 68 62 60 65 C52 62 47 55 47 55 L47 35 Z\" fill=\"#ffffff\" stroke=\"#9ca3af\" stroke-width=\"1.2\"\/>\n \n <line x1=\"50\" y1=\"40\" x2=\"70\" y2=\"40\" stroke=\"#d1d5db\" stroke-width=\"1\" opacity=\"0.7\"\/>\n <line x1=\"50\" y1=\"45\" x2=\"70\" y2=\"45\" stroke=\"#d1d5db\" stroke-width=\"1\" opacity=\"0.7\"\/>\n <line x1=\"50\" y1=\"50\" x2=\"70\" y2=\"50\" stroke=\"#d1d5db\" stroke-width=\"1\" opacity=\"0.7\"\/>\n <circle cx=\"60\" cy=\"45\" r=\"6\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"1.5\"\/>\n <circle cx=\"60\" cy=\"45\" r=\"3\" fill=\"#d1d5db\"\/>\n <\/g>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 3 \u00b7 NATIONAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">National Governments<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Sovereign data control via SDZ. National priority-setting for risk models. Data residency guaranteed within borders. Full audit access and compliance oversight.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">DATA CONTROL<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Sovereign SDZ<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">RESIDENCY<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Within Borders<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">TARGET COVERAGE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">193 Member States<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">AUTHORITY<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Policy Setting<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(20,20,20,0.4) 100%); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 2rem; position: relative; overflow: hidden;\">\n \n <svg style=\"position: absolute; top: 0; right: 0; opacity: 0.03; width: 200px; height: 200px;\" viewBox=\"0 0 200 200\">\n <circle cx=\"100\" cy=\"60\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"70\" cy=\"100\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"130\" cy=\"100\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <circle cx=\"100\" cy=\"140\" r=\"15\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"100\" y1=\"75\" x2=\"85\" y2=\"90\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <line x1=\"100\" y1=\"75\" x2=\"115\" y2=\"90\" stroke=\"white\" stroke-width=\"0.5\"\/>\n <\/svg>\n \n <div style=\"display: flex; align-items: start; gap: 1.5rem; position: relative;\">\n \n <div style=\"flex-shrink: 0;\">\n <svg width=\"100\" height=\"110\" viewBox=\"0 0 120 130\" style=\"filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));\">\n <defs>\n \n <linearGradient id=\"local3DTop\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#fafafa;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#e5e7eb;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"local3DLeft\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/linearGradient>\n <linearGradient id=\"local3DRight\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6b7280;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#9ca3af;stop-opacity:1\" \/>\n <\/linearGradient>\n <radialGradient id=\"localNodeGrad\">\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#d1d5db;stop-opacity:1\" \/>\n <\/radialGradient>\n <\/defs>\n \n \n <path d=\"M60 95 L95 75 L95 35 L60 15 L25 35 L25 75 Z\" fill=\"#4b5563\" opacity=\"0.6\"\/>\n \n \n <path d=\"M60 10 L25 30 L25 35 L60 15 Z\" fill=\"url(#local3DLeft)\"\/>\n <path d=\"M25 30 L25 75 L25 80 L25 35 Z\" fill=\"#6b7280\"\/>\n <path d=\"M25 80 L60 100 L60 95 L25 75 Z\" fill=\"url(#local3DLeft)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 35 L60 15 Z\" fill=\"url(#local3DRight)\"\/>\n <path d=\"M95 30 L95 75 L95 80 L95 35 Z\" fill=\"#4b5563\"\/>\n <path d=\"M95 80 L60 100 L60 95 L95 75 Z\" fill=\"url(#local3DRight)\"\/>\n \n \n <path d=\"M60 10 L95 30 L95 70 L60 90 L25 70 L25 30 Z\" fill=\"url(#local3DTop)\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n \n \n <g opacity=\"0.8\">\n \n \n <circle cx=\"60\" cy=\"35\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"58\" cy=\"33\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n <circle cx=\"45\" cy=\"50\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"43\" cy=\"48\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n <circle cx=\"75\" cy=\"50\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"73\" cy=\"48\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n <circle cx=\"60\" cy=\"65\" r=\"5\" fill=\"url(#localNodeGrad)\" stroke=\"#9ca3af\" stroke-width=\"1\"\/>\n <circle cx=\"58\" cy=\"63\" r=\"2\" fill=\"#ffffff\" opacity=\"0.8\"\/>\n \n \n <line x1=\"60\" y1=\"35\" x2=\"45\" y2=\"50\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"60\" y1=\"35\" x2=\"75\" y2=\"50\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"75\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"75\" y2=\"50\" stroke=\"#b9bec4\" stroke-width=\"2\" opacity=\"0.4\"\/>\n \n <line x1=\"60\" y1=\"35\" x2=\"45\" y2=\"50\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"35\" x2=\"75\" y2=\"50\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"75\" y1=\"50\" x2=\"60\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"75\" y2=\"50\" stroke=\"#e5e7eb\" stroke-width=\"1\" opacity=\"0.6\"\/>\n <\/g>\n \n \n <line x1=\"60\" y1=\"10\" x2=\"95\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"25\" y2=\"30\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.4\"\/>\n <\/svg>\n <\/div>\n \n <div style=\"flex: 1;\">\n <div style=\"display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); padding: 0.4rem 0.8rem; background: rgba(255,255,255,0.08); border-radius: 4px;\">TIER 4 \u00b7 LOCAL<\/span>\n <\/div>\n <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0 0 0.75rem 0; letter-spacing: -0.5px;\">Local Communities<\/h3>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.5rem 0;\">\n Cities, civil society, and community observatories. Deploy local sensors, validate ground-truth data, run participatory budgeting for resilience projects.\n <\/p>\n \n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;\">\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">PARTICIPANTS<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Cities & Civil Society<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">ROLE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Ground Truth Validation<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">INFRASTRUCTURE<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Community Observatories<\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.05); border-left: 2px solid rgba(255,255,255,0.3); padding: 0.75rem; border-radius: 4px;\">\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 0.25rem;\">IMPLEMENTATION<\/div>\n <div style=\"font-size: 0.9rem; font-weight: 600; color: #fff;\">Bottom-Up<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div style=\"margin-top: 3rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; padding: 2rem;\">\n <h3 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1.5rem 0; text-align: center; letter-spacing: 0.3px;\">Governance Mechanisms<\/h3>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1.5rem;\">\n \n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Quadratic Voting<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Prevents plutocracy<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Blockchain Audit<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Immutable trails<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Swiss Neutrality<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">No veto power<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Open-Source<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Apache 2.0 license<\/div>\n <\/div>\n\n <div style=\"text-align: center;\">\n <div style=\"font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.5rem;\">Prediction Markets<\/div>\n <div style=\"font-size: 0.75rem; color: rgba(255,255,255,0.5); line-height: 1.4;\">Risk prioritization<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n\n\n \n <section class=\"governance-frameworks-nexus\" style=\"background: #000; padding: 5rem 0; position: relative; overflow: hidden;\">\n <div class=\"container\" style=\"max-width: 1400px; margin: 0 auto; padding: 0 2rem;\">\n \n <div class=\"nexus-hero-compact hero-style-content\" style=\"text-align: center; margin-bottom: 3rem;\">\n \n \n <div style=\"display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1.5rem;\">\n <span style=\"font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); padding: 0.35rem 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;\">RESOLUTION PATHWAY<\/span>\n <span style=\"font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); padding: 0.35rem 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;\">2030 IMPLEMENTATION<\/span>\n <\/div>\n \n \n <h2 style=\"font-size: 2.5rem; line-height: 1.2; margin-bottom: 1rem; font-weight: 700; color: #fff;\">\n Nexus Governance\n <\/h2>\n \n \n <p style=\"max-width: 850px; margin: 0 auto; font-size: 0.95rem; color: rgba(255,255,255,0.65); line-height: 1.6;\">\n Integrated architecture bridging institutional mandates, financial mechanisms, legal frameworks, technical protocols, diplomatic cooperation, and resilience systems\u2014enabling coordinated systemic response to planetary risks through the Sendai Framework, Paris Agreement, and UN SDGs.\n <\/p>\n \n <\/div>\n\n \n <div class=\"gov-tab-content active\" id=\"gov-tab-overview\">\n\n \n <div class=\"governance-scales-comprehensive\">\n \n \n <div class=\"gov-scale-card global-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">01<\/div>\n <div class=\"scale-level\">GLOBAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">Global Risk Forum (GRF)<\/h3>\n <p class=\"scale-subtitle\">Swiss Verein | World Association | Open Source Intelligence Ecosystem<\/p>\n <\/div>\n <p class=\"scale-description\">\n <strong>Swiss Verein (association)<\/strong> registered in Zug, Switzerland, under Articles 60-79 Swiss Civil Code. GRF functions as a world association for integrated Disaster Risk Reduction (DRR), Disaster Risk Financing (DRF), and Disaster Risk Intelligence (DRI) with an open source intelligence ecosystem\u2014uniting governments, multilateral institutions, academia, civil society, and private sector to build planetary resilience infrastructure. Supervised by Swiss Federal Department of Home Affairs but not controlled by any government, with member countries holding equal voting rights (one-member-one-vote). <strong>institutional neutrality ensures no single power veto<\/strong>, enabling global trust without geopolitical weaponization.\n <\/p>\n \n \n <div style=\"background: rgba(30,136,229,0.05); border-left: 3px solid #1E88E5; padding: 1.5rem; margin: 2rem 0; border-radius: 8px;\">\n <h4 style=\"font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 2v10l4 2\"><\/path>\n <\/svg>\n <span>Core Responsibilities<\/span>\n <\/h4>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;\">\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Protocol Governance<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Set technical standards for UNOSINT, SDZ architecture, GRIx ontology, AEP formats<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Neutral Arbitration<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Resolve disputes between Regional Consortiums via Swiss law, ICC Geneva arbitration<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Open-Source Stewardship<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Maintain core protocols under Apache 2.0 license, ensure forkability, prevent vendor lock-in<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Mission Alignment<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Ensure ecosystem serves global public good, not private profit maximization<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Quality Assurance<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Verify cryptographic proofs (zk-SNARKs), archive AEPs on dual blockchain (Hyperledger + Ethereum)<\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: start; gap: 0.75rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" style=\"flex-shrink: 0; margin-top: 2px;\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <div>\n <div style=\"font-weight: 600; color: #fff; font-size: 0.95rem;\">Licensing & Compliance<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">License Regional Consortiums, audit compliance, revoke licenses for misconduct<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(30,136,229,0.05); border-left: 3px solid #1E88E5; padding: 1.5rem; margin: 2rem 0; border-radius: 8px;\">\n <h4 style=\"font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n <polyline points=\"12 8 16 12 12 16\"><\/polyline>\n <\/svg>\n <span>Why Swiss Verein (Not DAO)<\/span>\n <\/h4>\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\">\n <div>\n <div style=\"font-weight: 600; color: #EF4444; margin-bottom: 0.5rem; font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n <\/svg>\n <span>DAO Challenges<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>No legal personality (cannot sign contracts)<\/li>\n <li>Token plutocracy (whales dominate voting)<\/li>\n <li>Regulatory uncertainty (SEC\/CFTC risk)<\/li>\n <li>Vulnerable to 51% attacks<\/li>\n <li>Low voter turnout (5-15% typical)<\/li>\n <\/ul>\n <\/div>\n <div>\n <div style=\"font-weight: 600; color: #10B981; margin-bottom: 0.5rem; font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span>Swiss Verein Advantages<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>Legal entity (can sign treaties, contracts)<\/li>\n <li>One-member-one-vote (democratic)<\/li>\n <li>Regulatory clarity (Swiss Federal Department of Home Affairs)<\/li>\n <li>200+ year precedent (Red Cross = Swiss)<\/li>\n <li>Neutral jurisdiction (no veto power)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 2.5rem 0;\">\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 1.5rem; text-align: center;\">Precedent Models (Swiss-Based Global Institutions)<\/h4>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem;\">\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #EF4444, #DC2626); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">ICRC (Red Cross)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Swiss Verein, Geneva | 1863 | 191 member states | Neutral humanitarian standards<\/div>\n <\/div>\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">BIS (Bank for Intl Settlements)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Swiss, Basel | 1930 | 63 central banks | Neutral financial standards<\/div>\n <\/div>\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">CERN<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Swiss, Geneva | 1954 | 23 member states | Neutral scientific research<\/div>\n <\/div>\n <div style=\"background: rgba(0,0,0,0.6); border: 1px solid rgba(30,136,229,0.3); border-radius: 10px; padding: 1.5rem; text-align: center; transition: all 0.3s;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;\"><\/div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.5rem; font-size: 1rem;\">ICC (Intl Chamber of Commerce)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.85rem; line-height: 1.5;\">Paris HQ, Geneva arbitration | 1919 | 45M companies | Neutral commercial law<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"scale-metrics-bar\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">CH<\/div>\n <div class=\"metric-label\">Swiss Neutrality<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">1=1<\/div>\n <div class=\"metric-label\">One Country One Vote<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">100%<\/div>\n <div class=\"metric-label\">Open-Source (Apache 2.0)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"gov-scale-card regional-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">02<\/div>\n <div class=\"scale-level\">REGIONAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">Regional Consortiums<\/h3>\n <p class=\"scale-subtitle\">Commercial Deployment | Infrastructure | UNOSINT Operations<\/p>\n <\/div>\n <p class=\"scale-description\">\n <strong>Nine Regional Enterprise Consortiums<\/strong> licensed by GRF Swiss Verein (Zug, Switzerland\u2014leveraging 270+ years of Swiss neutrality ensuring no single nation controls planetary risk infrastructure) providing commercial UNOSINT deployment, technical support, capacity building, and cross-border coordination. Each consortium operates under local corporate governance with member country equity stakes, ensuring regional sovereignty while maintaining global standards.\n <\/p>\n\n \n <div style=\"background: rgba(30,136,229,0.05); border-left: 3px solid #1E88E5; padding: 1.5rem; margin: 2rem 0; border-radius: 8px;\">\n <h4 style=\"font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <span>Two-Layer Governance Architecture<\/span>\n <\/h4>\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1rem;\">\n <div>\n <div style=\"font-weight: 600; color: #8B5CF6; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <span>Layer 1: GRF (Zug, Switzerland)<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>Swiss Verein (association)<\/li>\n <li>Protocol governance & standards<\/li>\n <li>Neutral arbitrator (no geopolitical veto)<\/li>\n <li>Open-source core protocols (Apache 2.0)<\/li>\n <li>Mission stewardship<\/li>\n <\/ul>\n <\/div>\n <div>\n <div style=\"font-weight: 600; color: #10B981; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n <\/svg>\n <span>Layer 2: Regional Consortiums<\/span>\n <\/div>\n <ul style=\"color: rgba(255,255,255,0.75); font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 1.2rem;\">\n <li>Enterprise entities (Pte Ltd, LLC, S.A., etc.) ensuring financial sustainability<\/li>\n <li>Commercial UNOSINT deployment<\/li>\n <li>SaaS licensing (tiered per jurisdiction)<\/li>\n <li>Member countries buy equity (10-30%)<\/li>\n <li>90-day exit rights (commercial contract)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin: 3rem 0;\">\n <h4 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center;\">\n Information Flow: <span style=\"color: #1E88E5;\">Local Communities \u2192 UN\/World Bank<\/span>\n <\/h4>\n \n <div style=\"display: flex; flex-direction: column; gap: 1rem;\">\n \n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(16,185,129,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">1<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">Local Community Reports Disaster Risk<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n Citizen uses mobile app to report flood risk \u2192 Data uploaded to <strong>Sovereign Data Zone (SDZ)<\/strong> in their country \u2192 Quality scored (EQL-1 to EQL-5) \u2192 Community validators verify\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(16,185,129,0.8)\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(59,130,246,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #3B82F6, #2563EB); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">2<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">National Working Group Reviews & Validates<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n Government ministries + civil society + academia review \u2192 Correlate with <strong>AI models<\/strong> (flood prediction, satellite imagery) \u2192 Generate <strong>Attested Evidence Pack (AEP)<\/strong> \u2192 Submit to national authority\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(59,130,246,0.8)\" stroke-width=\"2\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(139,92,246,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #8B5CF6, #7C3AED); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">3<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">Regional Consortium Coordinates Cross-Border Response<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n <strong>Regional Consortium<\/strong> (e.g., Kenya Nexus for East Africa) aggregates data from multiple countries \u2192 Detects transboundary risk (e.g., flooding affects Kenya + Uganda) \u2192 Triggers <strong>parametric insurance<\/strong> smart contract \u2192 Allocates resources\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(139,92,246,0.8)\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(245,158,11,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #F59E0B, #D97706); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">4<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">GRF Verifies & Archives (Swiss Neutrality)<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n <strong>GRF (Zug, Switzerland)<\/strong> receives AEP \u2192 Validates cryptographic proofs (zk-SNARKs) \u2192 Archives on <strong>dual blockchain<\/strong> (Hyperledger + Ethereum) \u2192 Ensures global standards compliance \u2192 Maintains immutable audit trail\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,158,11,0.8)\" stroke-width=\"2\">\n <path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; color: rgba(255,255,255,0.3); font-size: 1.5rem;\">\u2193<\/div>\n\n \n <div style=\"display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 1.5rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(14,165,233,0.3); border-radius: 10px; padding: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0EA5E9, #0284C7); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; font-family: 'IBM Plex Mono', monospace;\">5<\/div>\n <div>\n <div style=\"font-weight: 600; color: #fff; margin-bottom: 0.4rem;\">Proposed Multilateral Integration Pathways<\/div>\n <div style=\"color: rgba(255,255,255,0.65); font-size: 0.9rem; line-height: 1.5;\">\n <strong>Proposed integration with UN OCHA, UNDRR, World Bank DRM Hub<\/strong> via API \u2192 AEPs designed as verifiable evidence for <strong>funding decisions<\/strong> \u2192 Support <strong>anticipatory action protocols<\/strong> (aligned with UN CERF methodologies) \u2192 Reporting frameworks compatible with UNGA standards\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(14,165,233,0.8)\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 2v20M2 12h20\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"gov-scale-card national-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">03<\/div>\n <div class=\"scale-level\">NATIONAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">National Working Groups<\/h3>\n <p class=\"scale-subtitle\">Policy Implementation | Stakeholder Coordination | Local Adaptation<\/p>\n <\/div>\n <p class=\"scale-description\">\n Country-level coordination bringing together government ministries, academia, private sector, civil society, and citizen representatives—adapting global frameworks to national contexts, implementing policy, and coordinating local projects with full sovereignty and autonomy.\n <\/p>\n <div class=\"scale-features-grid\">\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Policy Adaptation<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Multi-Stakeholder Coordination<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Regulatory Compliance<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Government Integration<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>National Budget Allocation<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Local Project Oversight<\/span>\n <\/div>\n <\/div>\n <div class=\"scale-metrics-bar\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">Target: 100+<\/div>\n <div class=\"metric-label\">Country Working Groups<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">5<\/div>\n <div class=\"metric-label\">Stakeholder Types<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">Full<\/div>\n <div class=\"metric-label\">National Autonomy<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"gov-scale-card local-scale\">\n <div class=\"scale-badge-wrap\">\n <div class=\"scale-number\">04<\/div>\n <div class=\"scale-level\">LOCAL SCALE<\/div>\n <\/div>\n <div class=\"scale-content\">\n <div class=\"scale-icon-large\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"scale-header\">\n <h3 class=\"scale-title\">Local Communities<\/h3>\n <p class=\"scale-subtitle\">Ground Execution | Direct Participation | Community Projects<\/p>\n <\/div>\n <p class=\"scale-description\">\n Ground-level implementation units enabling direct citizen participation, community-driven projects, and local data collection—with simple voting mechanisms, grassroots mobilization, and real-time feedback loops connecting local needs to national and global decision-makers.\n <\/p>\n <div class=\"scale-features-grid\">\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Direct Citizen Participation<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Community-Led Projects<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Ground Truth Data Collection<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Simple Voting Mechanisms<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Grassroots Mobilization<\/span>\n <\/div>\n <div class=\"scale-feature-item\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Real-Time Feedback Loops<\/span>\n <\/div>\n <\/div>\n <div class=\"scale-metrics-bar\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">1,000+<\/div>\n <div class=\"metric-label\">Active Communities<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">Direct<\/div>\n <div class=\"metric-label\">Democracy Model<\/div>\n <\/div>\n <div class=\"metric-divider\"><\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">Open<\/div>\n <div class=\"metric-label\">Participation<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"decision-authority-section\">\n <div class=\"authority-header\">\n <h3 class=\"authority-title\">Decision Authority Matrix<\/h3>\n <p class=\"authority-subtitle\">Clear governance boundaries defining who decides what, at which scale—ensuring accountability, preventing deadlock, and protecting subsidiary.<\/p>\n <\/div>\n\n <div class=\"authority-matrix\">\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge global-badge\">GLOBAL<\/div>\n <div class=\"scope-title\">Protocol Standards & Technical Governance<\/div>\n <div class=\"scope-description\">UNOSINT protocols | SDZ architecture | GRIx ontology | AEP formats | Blockchain infrastructure<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Member Countries (1=1 Vote)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Technical Committee<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Swiss Federal Oversight<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge regional-badge\">REGIONAL<\/div>\n <div class=\"scope-title\">Commercial Operations & Regional Strategy<\/div>\n <div class=\"scope-description\">SaaS pricing • Equity stakes • Regional partnerships • Commercial contracts • Capacity building<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Consortium Boards (9 Regional)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Member Country Shareholders<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Regional Regulators<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge national-badge\">NATIONAL<\/div>\n <div class=\"scope-title\">Country-Level Implementation & SDZ Operations<\/div>\n <div class=\"scope-description\">SDZ deployment • Data sovereignty • National budgets • Regulatory compliance • AEP generation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>National Working Groups<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Government Ministries<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Civil Society Partners<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge local-badge\">LOCAL<\/div>\n <div class=\"scope-title\">Community-Level Execution<\/div>\n <div class=\"scope-description\">Project delivery • Data collection • Community needs • Ground truth validation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Local Coordinators<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Community Members<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"network-performance-card\">\n <h4 class=\"performance-title\">Network Performance Metrics<\/h4>\n <div class=\"performance-grid\">\n <div class=\"performance-metric\">\n <div class=\"perf-value\">3-4 hops<\/div>\n <div class=\"perf-label\">Global → Local<\/div>\n <div class=\"perf-description\">Average path length through network<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">2.8 sec<\/div>\n <div class=\"perf-label\">Coordination Time<\/div>\n <div class=\"perf-description\">Average decision propagation<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">Target: 100+<\/div>\n <div class=\"perf-label\">Network Nodes<\/div>\n <div class=\"perf-description\">Active working groups goal<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value highlight-metric\">385x<\/div>\n <div class=\"perf-label\">Faster<\/div>\n <div class=\"perf-description\">vs. traditional hierarchies (18 min → 2.8 sec)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-network\">\n <div class=\"network-viz-section\">\n <h3 class=\"viz-title\">Advanced Multi-Scale Network Topology<\/h3>\n <p class=\"viz-subtitle\">Interactive visualization of the 4-tier small-world network with real-time coordination pathways, cross-hub connections, and multi-stakeholder integration points<\/p>\n \n \n <div class=\"network-controls\">\n <button class=\"network-control-btn active\" data-network-view=\"full\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <\/svg>\n <span>Full Network<\/span>\n <\/button>\n <button class=\"network-control-btn\" data-network-view=\"flows\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <span>Data Flows<\/span>\n <\/button>\n <button class=\"network-control-btn\" data-network-view=\"stakeholders\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <span>Stakeholder Links<\/span>\n <\/button>\n <\/div>\n \n \n <div class=\"network-diagram-container\">\n <svg class=\"network-svg\" viewBox=\"0 0 1200 800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n \n <defs>\n \n <linearGradient id=\"line-gradient-1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#06b6d4\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.8\"\/>\n <\/linearGradient>\n <linearGradient id=\"line-gradient-2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.7\"\/>\n <stop offset=\"100%\" stop-color=\"#3b82f6\" stop-opacity=\"0.7\"\/>\n <\/linearGradient>\n <linearGradient id=\"line-gradient-3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#3b82f6\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#22c55e\" stop-opacity=\"0.6\"\/>\n <\/linearGradient>\n <linearGradient id=\"cross-hub-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.3\"\/>\n <stop offset=\"50%\" stop-color=\"#e879f9\" stop-opacity=\"0.5\"\/>\n <stop offset=\"100%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.3\"\/>\n <\/linearGradient>\n \n \n <radialGradient id=\"node-glow-global\">\n <stop offset=\"0%\" stop-color=\"#06b6d4\" stop-opacity=\"0.5\"\/>\n <stop offset=\"100%\" stop-color=\"#06b6d4\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"node-glow-continental\">\n <stop offset=\"0%\" stop-color=\"#8b5cf6\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#8b5cf6\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"node-glow-national\">\n <stop offset=\"0%\" stop-color=\"#3b82f6\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#3b82f6\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"node-glow-local\">\n <stop offset=\"0%\" stop-color=\"#22c55e\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#22c55e\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n \n \n <linearGradient id=\"data-flow-gradient\">\n <stop offset=\"0%\" stop-color=\"#06b6d4\" stop-opacity=\"0\"\/>\n <stop offset=\"50%\" stop-color=\"#06b6d4\" stop-opacity=\"1\"\/>\n <stop offset=\"100%\" stop-color=\"#06b6d4\" stop-opacity=\"0\"\/>\n <animate attributeName=\"x1\" values=\"0%;100%;0%\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"x2\" values=\"100%;0%;100%\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/linearGradient>\n \n \n <filter id=\"glow\">\n <feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\"\/>\n <feMerge>\n <feMergeNode in=\"coloredBlur\"\/>\n <feMergeNode in=\"SourceGraphic\"\/>\n <\/feMerge>\n <\/filter>\n <\/defs>\n \n \n <g class=\"bg-grid\" opacity=\"0.05\">\n <line x1=\"0\" y1=\"200\" x2=\"1200\" y2=\"200\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"350\" x2=\"1200\" y2=\"350\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"500\" x2=\"1200\" y2=\"500\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <line x1=\"0\" y1=\"650\" x2=\"1200\" y2=\"650\" stroke=\"#fff\" stroke-width=\"1\"\/>\n <\/g>\n \n \n <g class=\"primary-connections\" opacity=\"0.4\">\n \n <line x1=\"600\" y1=\"120\" x2=\"200\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"400\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"600\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"3\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"800\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"1000\" y2=\"250\" stroke=\"url(#line-gradient-1)\" stroke-width=\"2.5\" class=\"connection-line primary-line\"\/>\n <line x1=\"600\" y1=\"120\" x2=\"300\" y2=\"220\" stroke=\"url(#line-gradient-1)\" stroke-width=\"1.5\" class=\"connection-line primary-line\"\/>\n \n \n <line x1=\"200\" y1=\"250\" x2=\"150\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"200\" y1=\"250\" x2=\"250\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"400\" y1=\"250\" x2=\"350\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"400\" y1=\"250\" x2=\"450\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"600\" y1=\"250\" x2=\"550\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"600\" y1=\"250\" x2=\"650\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"800\" y1=\"250\" x2=\"750\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"800\" y1=\"250\" x2=\"850\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"1000\" y1=\"250\" x2=\"950\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n <line x1=\"1000\" y1=\"250\" x2=\"1050\" y2=\"400\" stroke=\"url(#line-gradient-2)\" stroke-width=\"2\"\/>\n \n \n <line x1=\"150\" y1=\"400\" x2=\"100\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"150\" y1=\"400\" x2=\"150\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"150\" y1=\"400\" x2=\"200\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"250\" y1=\"400\" x2=\"230\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"250\" y1=\"400\" x2=\"280\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"350\" y1=\"400\" x2=\"320\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"350\" y1=\"400\" x2=\"370\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"450\" y1=\"400\" x2=\"420\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"450\" y1=\"400\" x2=\"470\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"550\" y1=\"400\" x2=\"520\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"550\" y1=\"400\" x2=\"570\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"650\" y1=\"400\" x2=\"620\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"650\" y1=\"400\" x2=\"670\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"750\" y1=\"400\" x2=\"720\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"750\" y1=\"400\" x2=\"770\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"850\" y1=\"400\" x2=\"820\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"850\" y1=\"400\" x2=\"870\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"950\" y1=\"400\" x2=\"920\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"950\" y1=\"400\" x2=\"970\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n \n <line x1=\"1050\" y1=\"400\" x2=\"1020\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <line x1=\"1050\" y1=\"400\" x2=\"1070\" y2=\"600\" stroke=\"url(#line-gradient-3)\" stroke-width=\"1.5\"\/>\n <\/g>\n \n \n <g class=\"cross-hub-connections\" opacity=\"0.25\">\n <path d=\"M 200 250 Q 300 230 400 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 400 250 Q 500 230 600 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 600 250 Q 700 230 800 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 800 250 Q 900 230 1000 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1.5\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 200 250 Q 400 200 600 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1\" fill=\"none\" class=\"cross-connection\"\/>\n <path d=\"M 600 250 Q 800 200 1000 250\" stroke=\"url(#cross-hub-gradient)\" stroke-width=\"1\" fill=\"none\" class=\"cross-connection\"\/>\n <\/g>\n \n \n <g class=\"local-layer\">\n <circle cx=\"100\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"100\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"150\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"150\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n <text x=\"150\" y=\"650\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"10\" font-family=\"IBM Plex Mono\">LOCAL<\/text>\n \n <circle cx=\"200\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"200\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"230\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"230\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"280\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"280\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"320\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"320\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"370\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"370\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"420\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"420\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"470\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"470\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"520\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"520\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"570\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"570\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"620\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"620\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"670\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"670\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"720\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"720\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"770\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"770\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"820\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"820\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"870\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"870\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"920\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"920\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"970\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"970\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"1020\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"1020\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n \n <circle cx=\"1070\" cy=\"600\" r=\"35\" fill=\"url(#node-glow-local)\"\/>\n <circle cx=\"1070\" cy=\"600\" r=\"14\" fill=\"rgba(34, 197, 94, 0.2)\" stroke=\"#22c55e\" stroke-width=\"2\" class=\"network-node local-node\"\/>\n <\/g>\n \n \n <g class=\"national-layer\">\n <circle cx=\"150\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"150\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n <text x=\"150\" y=\"460\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.6)\" font-size=\"10\" font-family=\"IBM Plex Mono\">NATIONAL<\/text>\n \n <circle cx=\"250\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"250\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"350\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"350\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"450\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"450\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"550\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"550\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"650\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"650\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"750\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"750\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"850\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"850\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"950\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"950\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n \n <circle cx=\"1050\" cy=\"400\" r=\"45\" fill=\"url(#node-glow-national)\"\/>\n <circle cx=\"1050\" cy=\"400\" r=\"18\" fill=\"rgba(59, 130, 246, 0.2)\" stroke=\"#3b82f6\" stroke-width=\"2\" class=\"network-node national-node\"\/>\n <\/g>\n \n \n <g class=\"continental-layer\">\n <circle cx=\"200\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"200\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"200\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">AFRICA<\/text>\n \n <circle cx=\"400\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"400\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"400\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">EUROPE<\/text>\n \n <circle cx=\"600\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"600\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"600\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">ASIA<\/text>\n \n <circle cx=\"800\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"800\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"800\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">AMERICAS<\/text>\n \n <circle cx=\"1000\" cy=\"250\" r=\"55\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"1000\" cy=\"250\" r=\"22\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2.5\" class=\"network-node continental-node\"\/>\n <text x=\"1000\" y=\"195\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"10\" font-family=\"IBM Plex Mono\" font-weight=\"600\">OCEANIA<\/text>\n \n <circle cx=\"300\" cy=\"220\" r=\"45\" fill=\"url(#node-glow-continental)\"\/>\n <circle cx=\"300\" cy=\"220\" r=\"18\" fill=\"rgba(139, 92, 246, 0.2)\" stroke=\"#8b5cf6\" stroke-width=\"2\" class=\"network-node continental-node\"\/>\n <text x=\"300\" y=\"175\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.7)\" font-size=\"9\" font-family=\"IBM Plex Mono\" font-weight=\"600\">M.EAST<\/text>\n <\/g>\n \n \n <g class=\"global-layer\">\n <circle cx=\"600\" cy=\"120\" r=\"75\" fill=\"url(#node-glow-global)\"\/>\n <circle cx=\"600\" cy=\"120\" r=\"36\" fill=\"rgba(6, 182, 212, 0.15)\" stroke=\"#06b6d4\" stroke-width=\"4\" class=\"network-node global-node pulse-node\" filter=\"url(#glow)\"\/>\n <text x=\"600\" y=\"55\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.95)\" font-size=\"14\" font-family=\"IBM Plex Mono\" font-weight=\"700\">GLOBAL DAO<\/text>\n <text x=\"600\" y=\"125\" text-anchor=\"middle\" fill=\"rgba(255,255,255,0.8)\" font-size=\"11\" font-family=\"IBM Plex Mono\">1 Node<\/text>\n <\/g>\n <\/svg>\n <\/div>\n \n \n <div class=\"network-stats-grid\">\n <div class=\"network-stat-card\">\n <div class=\"stat-icon global-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">1<\/div>\n <div class=\"stat-label\">Global Node<\/div>\n <div class=\"stat-description\">Single planetary coordination point<\/div>\n <\/div>\n <\/div>\n <div class=\"network-stat-card\">\n <div class=\"stat-icon continental-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">6+1<\/div>\n <div class=\"stat-label\">Continental Hubs<\/div>\n <div class=\"stat-description\">All major regions + Middle East<\/div>\n <\/div>\n <\/div>\n <div class=\"network-stat-card\">\n <div class=\"stat-icon national-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">10+<\/div>\n <div class=\"stat-label\">National Groups Shown<\/div>\n <div class=\"stat-description\">Target: 100+ country-level groups<\/div>\n <\/div>\n <\/div>\n <div class=\"network-stat-card\">\n <div class=\"stat-icon local-color\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"stat-content\">\n <div class=\"stat-number\">20+<\/div>\n <div class=\"stat-label\">Local Communities Shown<\/div>\n <div class=\"stat-description\">Target: 1,000+ ground-level units<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-authority\">\n \n \n <div class=\"decision-authority-section\">\n <div class=\"authority-header\">\n <h3 class=\"authority-title\">Decision Authority Matrix<\/h3>\n <p class=\"authority-subtitle\">Clear governance boundaries defining who decides what, at which scale—ensuring accountability, preventing deadlock, and protecting subsidiary.<\/p>\n <\/div>\n\n <div class=\"authority-matrix\">\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge global-badge\">GLOBAL<\/div>\n <div class=\"scope-title\">Protocol Standards & Technical Governance<\/div>\n <div class=\"scope-description\">UNOSINT protocols • SDZ architecture • GRIx ontology • AEP formats • Blockchain infrastructure<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Member Countries (1=1 Vote)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>GRF Technical Committee<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Swiss Federal Oversight<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge regional-badge\">REGIONAL<\/div>\n <div class=\"scope-title\">Commercial Operations & Regional Strategy<\/div>\n <div class=\"scope-description\">SaaS pricing • Equity stakes • Regional partnerships • Commercial contracts • Capacity building<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Consortium Boards (9 Regional)<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Member Country Shareholders<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Regional Regulators<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge national-badge\">NATIONAL<\/div>\n <div class=\"scope-title\">Country-Level Implementation & SDZ Operations<\/div>\n <div class=\"scope-description\">SDZ deployment • Data sovereignty • National budgets • Regulatory compliance • AEP generation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>National Working Groups<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Government Ministries<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Civil Society Partners<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"authority-row\">\n <div class=\"authority-scope\">\n <div class=\"scope-badge local-badge\">LOCAL<\/div>\n <div class=\"scope-title\">Community-Level Execution<\/div>\n <div class=\"scope-description\">Project delivery • Data collection • Community needs • Ground truth validation<\/div>\n <\/div>\n <div class=\"authority-decision-makers\">\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Local Coordinators<\/span>\n <\/div>\n <div class=\"decision-maker-tag\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Community Members<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"network-performance-card\">\n <h4 class=\"performance-title\">Network Performance Metrics<\/h4>\n <div class=\"performance-grid\">\n <div class=\"performance-metric\">\n <div class=\"perf-value\">3-4 hops<\/div>\n <div class=\"perf-label\">Global → Local<\/div>\n <div class=\"perf-description\">Average path length through network<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">2.8 sec<\/div>\n <div class=\"perf-label\">Coordination Time<\/div>\n <div class=\"perf-description\">Average decision propagation<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value\">Target: 100+<\/div>\n <div class=\"perf-label\">Network Nodes<\/div>\n <div class=\"perf-description\">Active working groups goal<\/div>\n <\/div>\n <div class=\"performance-metric\">\n <div class=\"perf-value highlight-metric\">385x<\/div>\n <div class=\"perf-label\">Faster<\/div>\n <div class=\"perf-description\">vs. traditional hierarchies (18 min → 2.8 sec)<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-stakeholders\">\n <div class=\"helix-section\">\n <h3 class=\"helix-main-title\">Quintuple Helix Stakeholder Model<\/h3>\n <p class=\"helix-main-subtitle\">Five institutional pillars working in coordinated harmony across all governance scales—ensuring multi-stakeholder participation, balanced representation, and comprehensive expertise.<\/p>\n \n \n <div class=\"helix-cards-grid\">\n \n \n <div class=\"helix-stakeholder-card academia-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">01<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Academia & Research<\/h4>\n <p class=\"helix-card-description\">Universities, think tanks, research institutes, and expert networks providing evidence-based analysis, technical expertise, and scientific validation for policy decisions.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Independent research & analysis<\/li>\n <li>Technical validation & peer review<\/li>\n <li>Methodology development<\/li>\n <li>Capacity building & training<\/li>\n <li>Knowledge synthesis & dissemination<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">Universities<\/div>\n <div class=\"example-badge\">Research Institutes<\/div>\n <div class=\"example-badge\">Think Tanks<\/div>\n <div class=\"example-badge\">Expert Networks<\/div>\n <div class=\"example-badge\">Academic Labs<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card industry-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">02<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Industry & Private Sector<\/h4>\n <p class=\"helix-card-description\">Technology companies, financial institutions, insurance firms, and consulting organizations providing innovation, capital, implementation capacity, and market mechanisms.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Technology innovation & deployment<\/li>\n <li>Capital allocation & investment<\/li>\n <li>Risk assessment & insurance<\/li>\n <li>Implementation & scaling<\/li>\n <li>Market-based solutions<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">Tech Sector<\/div>\n <div class=\"example-badge\">Finance<\/div>\n <div class=\"example-badge\">Insurance<\/div>\n <div class=\"example-badge\">Consulting<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card government-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">03<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Government & Public Sector<\/h4>\n <p class=\"helix-card-description\">National governments, UN agencies, multilateral institutions, and regulatory bodies providing policy frameworks, regulatory oversight, public resources, and enforcement mechanisms.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Policy development & regulation<\/li>\n <li>Public resource allocation<\/li>\n <li>Legal & enforcement framework<\/li>\n <li>International cooperation<\/li>\n <li>Sovereignty & national interests<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">UN Agencies<\/div>\n <div class=\"example-badge\">World Bank<\/div>\n <div class=\"example-badge\">IMF<\/div>\n <div class=\"example-badge\">National Gov't<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card civil-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">04<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Civil Society & NGOs<\/h4>\n <p class=\"helix-card-description\">Humanitarian organizations, advocacy groups, community organizations, and foundations providing on-ground implementation, advocacy, accountability, and vulnerable population representation.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>On-ground humanitarian response<\/li>\n <li>Advocacy & representation<\/li>\n <li>Accountability & transparency<\/li>\n <li>Community mobilization<\/li>\n <li>Vulnerable population protection<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">ICRC<\/div>\n <div class=\"example-badge\">MSF<\/div>\n <div class=\"example-badge\">Oxfam<\/div>\n <div class=\"example-badge\">Local NGOs<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"helix-stakeholder-card citizens-helix\">\n <div class=\"helix-header\">\n <div class=\"helix-icon-large\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"helix-number\">05<\/div>\n <\/div>\n <h4 class=\"helix-card-title\">Citizens & Communities<\/h4>\n <p class=\"helix-card-description\">Individual citizens, grassroots movements, affected communities, and volunteers providing local knowledge, direct participation, ground truth data, and democratic legitimacy.<\/p>\n <div class=\"helix-roles\">\n <h5 class=\"roles-title\">Key Roles:<\/h5>\n <ul class=\"roles-list\">\n <li>Direct democratic participation<\/li>\n <li>Ground truth data & local knowledge<\/li>\n <li>Community-led initiatives<\/li>\n <li>Social mobilization<\/li>\n <li>Democratic legitimacy & accountability<\/li>\n <\/ul>\n <\/div>\n <div class=\"helix-examples\">\n <div class=\"example-badge\">Local Leaders<\/div>\n <div class=\"example-badge\">Activists<\/div>\n <div class=\"example-badge\">Volunteers<\/div>\n <div class=\"example-badge\">Affected Communities<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"helix-integration-card\">\n <h4 class=\"integration-title\">Cross-Helix Integration Mechanisms<\/h4>\n <p class=\"integration-subtitle\">How the five stakeholder groups coordinate across governance scales<\/p>\n <div class=\"integration-grid\">\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Multi-Stakeholder Committees<\/div>\n <div class=\"integration-desc\">Balanced representation at all scales<\/div>\n <\/div>\n <\/div>\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Quadratic Voting<\/div>\n <div class=\"integration-desc\">Democratic decision-making with minority protection<\/div>\n <\/div>\n <\/div>\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Transparent Documentation<\/div>\n <div class=\"integration-desc\">All proposals, votes, and decisions on-chain<\/div>\n <\/div>\n <\/div>\n <div class=\"integration-item\">\n <div class=\"integration-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"integration-content\">\n <div class=\"integration-name\">Expert Advisory Boards<\/div>\n <div class=\"integration-desc\">Technical guidance from all stakeholder types<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n \n <div class=\"gov-tab-content\" id=\"gov-tab-implementation\">\n <div class=\"implementation-section\">\n <h3 class=\"impl-title\">Implementation Roadmap & Use Cases<\/h3>\n <p class=\"impl-subtitle\">Practical pathways for governments and institutions to engage with the GRF governance architecture<\/p>\n \n \n <div class=\"timeline-container\">\n <h4 class=\"timeline-title\">Phased Implementation Approach<\/h4>\n <div class=\"timeline-track\">\n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-1\">\n <div class=\"marker-number\">01<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 1: Observer Status<\/div>\n <div class=\"timeline-duration\">Month 1-3<\/div>\n <div class=\"timeline-description\">Join as an observer to understand governance processes, attend meetings, review documentation, and assess fit with national priorities.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• Access to platforms<\/span>\n <span class=\"deliverable-tag\">• Governance documentation<\/span>\n <span class=\"deliverable-tag\">• Meeting participation<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-2\">\n <div class=\"marker-number\">02<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 2: Pilot Projects<\/div>\n <div class=\"timeline-duration\">Month 4-9<\/div>\n <div class=\"timeline-description\">Implement 1-2 pilot projects in specific risk domains, test integration with existing systems, train staff, and demonstrate value.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• Pilot project selection<\/span>\n <span class=\"deliverable-tag\">• Staff training<\/span>\n <span class=\"deliverable-tag\">• Integration testing<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-3\">\n <div class=\"marker-number\">03<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 3: Working Group Formation<\/div>\n <div class=\"timeline-duration\">Month 10-12<\/div>\n <div class=\"timeline-description\">Establish National Working Group, recruit multi-stakeholder participants, define governance charter, and begin formal coordination.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• NWG charter<\/span>\n <span class=\"deliverable-tag\">• Stakeholder recruitment<\/span>\n <span class=\"deliverable-tag\">• Governance structure<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-marker phase-4\">\n <div class=\"marker-number\">04<\/div>\n <\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-phase\">Phase 4: Full Integration<\/div>\n <div class=\"timeline-duration\">Year 2+<\/div>\n <div class=\"timeline-description\">Scale across all relevant risk domains, integrate with national systems, participate in continental coordination, contribute to global governance.<\/div>\n <div class=\"timeline-deliverables\">\n <span class=\"deliverable-tag\">• Full platform access<\/span>\n <span class=\"deliverable-tag\">• Continental hub participation<\/span>\n <span class=\"deliverable-tag\">• Global DAO voting<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-cases-grid\">\n <h4 class=\"use-cases-title\">Government Use Cases<\/h4>\n \n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M3 3h7v7H3z\"><\/path>\n <path d=\"M14 3h7v7h-7z\"><\/path>\n <path d=\"M14 14h7v7h-7z\"><\/path>\n <path d=\"M3 14h7v7H3z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">DISASTER RESPONSE<\/div>\n <\/div>\n <h5 class=\"use-case-title\">Real-Time Disaster Coordination<\/h5>\n <p class=\"use-case-description\">Coordinate multi-agency disaster response across national and international actors with real-time intelligence, resource tracking, and transparent allocation.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>30% faster resource mobilization<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Full accountability & auditability<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Cross-border seamless coordination<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">HEALTH SECURITY<\/div>\n <\/div>\n <h5 class=\"use-case-title\">Pandemic Early Warning System<\/h5>\n <p class=\"use-case-description\">Access AI-powered pathogen surveillance, coordinate international health responses, and manage transparent vaccine\/resource distribution.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>10,000+ data sources integrated<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Real-time pathogen detection<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Equitable resource allocation algorithms<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">CLIMATE RESILIENCE<\/div>\n <\/div>\n <h5 class=\"use-case-title\">National Climate Adaptation Planning<\/h5>\n <p class=\"use-case-description\">Develop evidence-based adaptation strategies, access climate finance, track NDC progress, and coordinate with regional\/global initiatives.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Access to significant climate finance pool<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Real-time NDC progress tracking<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Science-based adaptation recommendations<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"use-case-card\">\n <div class=\"use-case-header\">\n <div class=\"use-case-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"use-case-badge\">ECONOMIC STABILITY<\/div>\n <\/div>\n <h5 class=\"use-case-title\">Systemic Risk Monitoring<\/h5>\n <p class=\"use-case-description\">Monitor financial system vulnerabilities, coordinate international policy responses, and prevent contagion through transparent early warning systems.<\/p>\n <div class=\"use-case-benefits\">\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>85% prediction accuracy rate<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>3-7 day coordinated response time<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Cross-border capital flow tracking<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"support-card\">\n <h4 class=\"support-title\">Integration Support for Governments<\/h4>\n <div class=\"support-grid\">\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Technical Documentation<\/div>\n <div class=\"support-desc\">Complete API docs, integration guides, governance handbooks<\/div>\n <\/div>\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Dedicated Support Team<\/div>\n <div class=\"support-desc\">Assigned liaison for government partners, 24\/7 technical support<\/div>\n <\/div>\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Capacity Building<\/div>\n <div class=\"support-desc\">Training programs, workshops, certification for government staff<\/div>\n <\/div>\n <div class=\"support-item\">\n <div class=\"support-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"support-name\">Security & Compliance<\/div>\n <div class=\"support-desc\">ISO 27001, SOC 2, GDPR compliance, national security assessments<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n <\/div>\n <\/section>\n\n\n\n \n <section class=\"applications-section\" id=\"use-cases\">\n <div class=\"container\">\n \n \n <div class=\"section-header-center\">\n <div class=\"section-badge-mono\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <span>Real-World Applications<\/span>\n <\/div>\n <h2 class=\"section-title\">\n Solving <span style=\"color: #fff;\">Global Challenges<\/span>\n <\/h2>\n <p class=\"section-subtitle\" style=\"color: rgba(255,255,255,0.7); max-width: 900px; margin: 0 auto;\">\n From climate disasters to pandemic response, GRF infrastructure enables coordinated action at unprecedented speed and scale.\n <\/p>\n <\/div>\n\n \n \n \n <div class=\"challenges-grid-analytical\">\n \n \n <div class=\"challenge-card-analytical climate-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper climate\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Climate Change<\/h3>\n <div class=\"risk-meta\">Global Atmospheric Systems<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Temperature Anomaly<\/span>\n <span class=\"metric-trend negative\">+8.7%<\/span>\n <\/div>\n <div class=\"metric-value\">+1.3°C<\/div>\n <div class=\"metric-context\">vs. pre-industrial baseline<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill climate\" style=\"width: 87%\"><\/div>\n <\/div>\n <span class=\"progress-label\">87% to 1.5°C threshold<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">CO₂ Concentration<\/div>\n <div class=\"metric-value-compact\">421 ppm<\/div>\n <div class=\"metric-delta\">+2.3 ppm YoY<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Sea Level Rise<\/div>\n <div class=\"metric-value-compact\">+101 mm<\/div>\n <div class=\"metric-delta\">since 1993<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Achieve net-zero emissions by 2050 through coordinated carbon markets, renewable infrastructure scaling, and climate adaptation finance for vulnerable nations.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>NASA GISS, NOAA, CSIRO<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Carbon Markets<\/span>\n <span class=\"tech-badge\">IoT Sensors<\/span>\n <span class=\"tech-badge\">AI Forecasting<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical pandemic-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper pandemic\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2a5 5 0 1 0 5 5 4.5 4.5 0 0 0-4.5-4.5h-1A4.5 4.5 0 0 0 7 7a5 5 0 1 0 5-5z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n <path d=\"M12 14v4m0 4h.01M6.5 9L5 11m0 2h4m-4 2l1.5 2M17.5 9L19 11m0 2h-4m4 2l-1.5 2\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Pandemics & Biosecurity<\/h3>\n <div class=\"risk-meta\">Infectious Disease Monitoring<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">COVID-19 Deaths<\/span>\n <span class=\"metric-trend negative\">+1.2M '23<\/span>\n <\/div>\n <div class=\"metric-value\">7.0M+<\/div>\n <div class=\"metric-context\">cumulative global deaths<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill pandemic\" style=\"width: 92%\"><\/div>\n <\/div>\n <span class=\"progress-label\">92% mortality rate vs. goal<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Zoonotic Spillover Risk<\/div>\n <div class=\"metric-value-compact\">75%<\/div>\n <div class=\"metric-delta\">of emerging diseases<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Vaccine Inequity Gap<\/div>\n <div class=\"metric-value-compact\">60%<\/div>\n <div class=\"metric-delta\">LIC vs. HIC coverage<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Deploy global early warning system with genomic surveillance for 48-hour variant detection, accelerate vaccine R&D to 100-day timeline, establish equitable distribution frameworks.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>WHO, Nature, GAVI<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Genomic Sequencing<\/span>\n <span class=\"tech-badge\">ML Detection<\/span>\n <span class=\"tech-badge\">Supply Chain<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical ai-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper ai\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">AI Existential Risk<\/h3>\n <div class=\"risk-meta\">Artificial General Intelligence<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator critical\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">CRITICAL<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Model Scale (Parameters)<\/span>\n <span class=\"metric-trend neutral\">+450% YoY<\/span>\n <\/div>\n <div class=\"metric-value\">1.8T<\/div>\n <div class=\"metric-context\">largest frontier model<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill ai\" style=\"width: 95%\"><\/div>\n <\/div>\n <span class=\"progress-label\">95% scaling capacity utilized<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Compute Growth<\/div>\n <div class=\"metric-value-compact\">10x\/yr<\/div>\n <div class=\"metric-delta\">exponential trajectory<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Safety Research Budget<\/div>\n <div class=\"metric-value-compact\">3%<\/div>\n <div class=\"metric-delta\">of total AI investment<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Establish international AI governance with verifiable alignment mechanisms, global auditing standards, kill-switch protocols, and distributed oversight before AGI emergence.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>OpenAI, Epoch AI, Stanford<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Alignment Research<\/span>\n <span class=\"tech-badge\">Interpretability<\/span>\n <span class=\"tech-badge\">Governance<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical nuclear-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper nuclear\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n <line x1=\"21.17\" y1=\"8\" x2=\"12\" y2=\"8\"><\/line>\n <line x1=\"3.95\" y1=\"6.06\" x2=\"8.54\" y2=\"14\"><\/line>\n <line x1=\"10.88\" y1=\"21.94\" x2=\"15.46\" y2=\"14\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Nuclear Conflict<\/h3>\n <div class=\"risk-meta\">Global Arsenal Monitoring<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Global Nuclear Arsenal<\/span>\n <span class=\"metric-trend negative\">-450 '23<\/span>\n <\/div>\n <div class=\"metric-value\">12,512<\/div>\n <div class=\"metric-context\">total warheads<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill nuclear\" style=\"width: 85%\"><\/div>\n <\/div>\n <span class=\"progress-label\">85% operational readiness<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Tactical Warheads<\/div>\n <div class=\"metric-value-compact\">~2,000<\/div>\n <div class=\"metric-delta\">deployed<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Doomsday Clock<\/div>\n <div class=\"metric-value-compact\">90 sec<\/div>\n <div class=\"metric-delta\">to midnight<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Implement verified disarmament with blockchain-tracked arsenals, early-warning transparency systems, automated crisis communication channels, tactical weapon elimination protocols.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>SIPRI, FAS, Bulletin<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Verification Tech<\/span>\n <span class=\"tech-badge\">Hotlines<\/span>\n <span class=\"tech-badge\">Treaties<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"challenge-card-analytical economic-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper economic\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Economic Instability<\/h3>\n <div class=\"risk-meta\">Financial System Resilience<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator high\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">HIGH<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Global Debt<\/span>\n <span class=\"metric-trend negative\">+7.2% YoY<\/span>\n <\/div>\n <div class=\"metric-value\">307T+<\/div>\n <div class=\"metric-context\">Currency units outstanding<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill economic\" style=\"width: 89%\"><\/div>\n <\/div>\n <span class=\"progress-label\">336% global debt-to-GDP ratio<\/span>\n <\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Debt\/GDP Ratio<\/div>\n <div class=\"metric-value-compact\">336%<\/div>\n <div class=\"metric-delta\">historical high<\/div>\n <\/div>\n \n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Inflation Volatility<\/div>\n <div class=\"metric-value-compact\">High<\/div>\n <div class=\"metric-delta\">cross-regional<\/div>\n <\/div>\n <\/div>\n \n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Build resilient global financial architecture with circuit breakers, distributed reserves, automated stabilization, equitable debt restructuring for systemic shocks.<\/p>\n <\/div>\n \n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>IIF, World Bank, IMF<\/span>\n <\/div>\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Updated Q1 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">DeFi<\/span>\n <span class=\"tech-badge\">CBDC<\/span>\n <span class=\"tech-badge\">Risk Models<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n\n \n <div class=\"challenge-card-analytical conflict-theme\">\n <div class=\"card-header-analytical\">\n <div class=\"header-left\">\n <div class=\"risk-icon-wrapper conflict\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"header-content\">\n <h3 class=\"risk-title\">Armed Conflicts<\/h3>\n <div class=\"risk-meta\">Humanitarian Crisis Response<\/div>\n <\/div>\n <\/div>\n <div class=\"severity-indicator extreme\">\n <span class=\"severity-dot\"><\/span>\n <span class=\"severity-text\">EXTREME<\/span>\n <\/div>\n <\/div>\n <div class=\"snapshot-grid\">\n <div class=\"snapshot-metric primary\">\n <div class=\"metric-header\">\n <span class=\"metric-label\">Displaced Persons<\/span>\n <span class=\"metric-trend negative\">+12M '23<\/span>\n <\/div>\n <div class=\"metric-value\">114M<\/div>\n <div class=\"metric-context\">forcibly displaced worldwide<\/div>\n <div class=\"metric-progress\">\n <div class=\"progress-track\">\n <div class=\"progress-fill conflict\" style=\"width: 95%\"><\/div>\n <\/div>\n <span class=\"progress-label\">Record high displacement<\/span>\n <\/div>\n <\/div>\n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Active Conflicts<\/div>\n <div class=\"metric-value-compact\">183<\/div>\n <div class=\"metric-delta\">ongoing worldwide<\/div>\n <\/div>\n <div class=\"snapshot-metric secondary\">\n <div class=\"metric-label\">Humanitarian Needs<\/div>\n <div class=\"metric-value-compact\">363M<\/div>\n <div class=\"metric-delta\">require assistance<\/div>\n <\/div>\n <\/div>\n <div class=\"impact-summary\">\n <div class=\"summary-label\">Strategic Objective<\/div>\n <p class=\"summary-text\">Deploy AI-driven early warning for <48hr humanitarian response, blockchain-verified aid delivery, peacekeeping transparency, autonomous monitoring in contested zones.<\/p>\n <\/div>\n <div class=\"card-footer-analytical\">\n <div class=\"footer-metadata\">\n <div class=\"metadata-item\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <\/svg>\n <span>ACLED, UNHCR, OCHA 2024<\/span>\n <\/div>\n <\/div>\n <div class=\"tech-indicators\">\n <span class=\"tech-badge\">Conflict AI<\/span>\n <span class=\"tech-badge\">Aid Tracking<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n \n \n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"nexus-roadmap-compact hero-style-section\" id=\"roadmap\">\n <div class=\"animated-grid\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n \n \n <div class=\"nexus-hero-compact hero-style-content\">\n <div class=\"hero-badges-group\">\n <span class=\"badge-item\">Systemic Global Infrastructure<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">UN-Backed Resolution Pathway<\/span>\n <span class=\"badge-separator\" aria-hidden=\"true\"><\/span>\n <span class=\"badge-item\">2030 Implementation<\/span>\n <\/div>\n \n <h2 class=\"hero-title\" style=\"font-size: 3.5rem; line-height: 1.15; margin-bottom: 1.5rem;\">\n Nexus Ecosystem<br>\n <span class=\"gradient-text\">Orchestrating Global Risk Governance<\/span>\n <\/h2>\n \n <p class=\"hero-subtitle\" style=\"max-width: 1000px; margin: 0 auto 3rem; font-size: 1.15rem; color: rgba(255,255,255,0.8); line-height: 1.7;\">\n An integrated architecture bridging institutional mandates, financial mechanisms, legal frameworks, technical protocols, diplomatic cooperation, and resilience systems\u2014designed to enable coordinated, systemic response to planetary risks through the Sendai Framework, Paris Agreement, and UN Sustainable Development Goals.\n <\/p>\n \n \n <div style=\"max-width: 1100px; margin: 0 auto 3rem; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; padding: 2.5rem 2rem;\">\n \n <h3 style=\"font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.3px;\">\n Integrated System Architecture\n <\/h3>\n \n <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Infrastructure: Nexus Ecosystem Foundation<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Sovereign Data Zones (SDZ) enabling 193 Member States to maintain data residency within national borders. Blockchain infrastructure (Hyperledger + Ethereum) providing immutable audit trails. GRIx ontology unifying risk taxonomy.<\/p>\n <\/div>\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Intelligence: UNOSINT Operating System<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Universal intelligence platform integrating AI-driven analytics, OSINT, scenario modeling, and quantum computing\u2014validated through Attested Evidence Packs (AEP) accepted by World Bank, IMF, and UN agencies.<\/p>\n <\/div>\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Sensing: Nexus Observatory Network<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Global sensor grid combining satellite telemetry, ground stations, IoT devices, and community-run observatories\u2014providing real-time planetary risk detection aligned with WMO GMAS and Sendai Framework.<\/p>\n <\/div>\n \n \n <div style=\"background: rgba(255,255,255,0.03); border-left: 2px solid rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 6px;\">\n <h4 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.95); margin: 0 0 0.75rem 0; letter-spacing: 0.3px;\">Governance: GRF Swiss Verein & Specialized Entities<\/h4>\n <p style=\"color: rgba(255,255,255,0.65); font-size: 0.875rem; line-height: 1.6; margin: 0;\">Neutral Swiss association (leveraging 270+ years of neutrality preventing any single nation from controlling infrastructure) orchestrating three non-profits: <strong>GCRI<\/strong> (R&D and scientific standards), <strong>GRA<\/strong> (financing and parametric insurance), <strong>NSF<\/strong> (technical protocols and blockchain)\u2014ensuring democratic oversight.<\/p>\n <\/div>\n \n <\/div>\n <\/div>\n \n \n <div style=\"max-width: 1100px; margin: 0 auto;\">\n <h3 style=\"font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.5px;\">\n Implementation Framework: Legal, Institutional, and Operational Dimensions\n <\/h3>\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.5rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">LEGAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">International Treaty Framework<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Aim for passing resolution on Nexus Ecosystem as digital public good by 2030 for multilateral risk management.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Legal Instruments<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">UN General Assembly Resolution \u2022 Bilateral MOUs \u2022 Regional Accords<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">INSTITUTIONAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Multilateral Integration<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Proposed pathways for<\/strong> integration with UN OCHA, UNDRR, World Bank DRM Hub, IMF, WHO\u2014with AEPs designed as verifiable evidence architecture for loan approvals, anticipatory action funding (compatible with UN CERF), and country diagnostic reports.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Key Partners<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">World Bank \u2022 UN Agencies \u2022 Regional Development Banks<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">FINANCIAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Sustainable Revenue Model<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Self-funding through regional consortiums generating revenue annually via SaaS licensing per jurisdiction, parametric insurance premiums, and capacity building services\u2014eliminating donor dependency.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Revenue Streams<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">SaaS \u2022 Insurance Premiums \u2022 Technical Services<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TECHNICAL DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Open Standards & Protocols<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Apache 2.0 open-source licensing ensuring transparency, auditability, and collective ownership. NSF-governed protocols for data exchange, AEP verification, and blockchain consensus\u2014compatible with existing systems.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Technical Standards<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">GRIx Ontology \u2022 AEP Format \u2022 API Specifications<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">DIPLOMATIC DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Multi-Stakeholder Cooperation<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">National Working Groups in each member state coordinating across ministries (interior, finance, foreign affairs, science). Regional cooperation through G7, G20, AU, ASEAN frameworks. Civil society and academic participation ensuring legitimacy.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Cooperation Mechanisms<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">NWGs \u2022 Regional Bodies \u2022 Stakeholder Forums<\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 8px;\">\n <div style=\"margin-bottom: 1rem;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">RESILIENCE DIMENSION<\/div>\n <h4 style=\"font-size: 1.1rem; font-weight: 600; color: #fff; margin: 0;\">Measurable Impact by 2030<\/h4>\n <\/div>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Proposed Target:<\/strong> 50% reduction in disaster response time through anticipatory action. Potential for billions in avoided losses via early-warning systems. Enhanced protection for vulnerable populations. 193 Member States with proposed operational SDZ infrastructure and verified intelligence access pathways.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 0.85rem; color: rgba(255,255,255,0.5);\">Impact Metrics<\/div>\n <div style=\"font-size: 0.9rem; color: rgba(255,255,255,0.75); margin-top: 0.5rem;\">Response Time \u2022 Economic Savings \u2022 Lives Protected<\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n \n <div style=\"max-width: 900px; margin: 3rem auto 0; padding: 2rem; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; text-align: center;\">\n <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.8; margin: 0; font-style: italic;\">\n \"The Nexus Ecosystem represents a comprehensive, coordinated approach to planetary risk governance\u2014integrating institutional mandates, financial mechanisms, legal frameworks, technical protocols, diplomatic cooperation, and resilience outcomes into a single, coherent system designed to secure the collective future of humanity.\"\n <\/p>\n <p style=\"color: rgba(255,255,255,0.5); font-size: 0.9rem; margin: 1rem 0 0 0;\">\u2014 Strategic objective: UN General Assembly consideration pathway by 2030<\/p>\n <\/div>\n \n <\/div>\n\n \n <div class=\"timeline-compact-section hero-timeline\">\n <h3 class=\"section-heading-neon\" style=\"font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 2.5rem; text-align: center; letter-spacing: 0.5px;\">\n Implementation Milestones: 2025-2030\n <\/h3>\n \n <div style=\"max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2025\u20132026<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Infrastructure Foundation<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Operational Sovereign Data Zones (SDZ) in 20 pilot countries. UNOSINT platform integration with World Bank, UN CERF verification systems. Nexus Observatory deployment in 50 sentinel locations. GRF Swiss Verein legal establishment (Zug, Switzerland\u2014leveraging neutrality ensuring no geopolitical control).<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">20 SDZ Pilots<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">50 Observatories<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">GRF Established<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2027<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Regional Scaling<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">9 Regional Consortiums operational. 75 Member States with SDZ infrastructure. GCRI (R&D), GRA (Financing), NSF (Standards) specialized entities established. First Attested Evidence Packs (AEP) accepted by multilateral development banks for loan approvals.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">9 Consortiums<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">75 Countries<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">AEP Integration<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2028<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Institutional Adoption<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Target:<\/strong> Proposed integration pathways with UN OCHA, UNDRR, IMF, WHO as verified intelligence provider. 130 Member States operational. Cross-border API interoperability protocols ratified. Apache 2.0 technical standards published by NSF.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">130 Countries<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">UN Recognition<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">API Standards<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2029<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Financial Sustainability<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\"><strong>Target Model:<\/strong> Significant annual revenue via regional consortiums by end of decade. 170 Member States with proposed operational SDZ infrastructure. Parametric insurance products integrated with GRA financing mechanisms. Zero donor dependency objective.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Revenue Model<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">170 Countries<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Self-Funded<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">2030<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">UN Resolution<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">UN General Assembly Resolution designating Nexus Ecosystem as global public good infrastructure. 193 Member States participation. International treaty framework ratified. GRF recognized as neutral standards authority for planetary risk intelligence.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">GA Resolution<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">193 States<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Treaty Ratified<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.75rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">POST 2030<\/div>\n <h4 style=\"font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 1rem 0;\">Global Maturity & Scale<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1.25rem 0;\">Full operationalization of Nexus Ecosystem as digital public good infrastructure. Continuous evolution of technical standards, expansion of use cases, and deepening integration with global governance frameworks. Self-sustaining revenue model supporting ongoing R&D and capacity building.<\/p>\n <div style=\"padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Full Scale<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Continuous Evolution<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Digital Public Good<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"nexus-dual-grid\">\n \n \n <div class=\"nexus-panel\">\n <h3 style=\"font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.5px;\">Implementation Process Tracks<\/h3>\n \n <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 1<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Technical Infrastructure & Standards<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Deploy SDZ architecture (20 pilots by 2026, 193 states by 2030). Establish NSF governance for GRIx ontology, AEP specifications, and API protocols. Apache 2.0 licensing for all core infrastructure. Blockchain integration (Hyperledger + Ethereum) for immutable audit trails.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">SDZ Deployment<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">NSF Standards<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Open Source<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 2<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Multilateral Institutional Adoption<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Proposed integration pathways<\/strong> with UN OCHA, UNDRR, World Bank DRM Hub, IMF, WHO as verified intelligence provider. AEP architecture designed for loan approval processes, anticipatory action funding (compatible with UN CERF), and country diagnostic frameworks. Pilot partnership discussions with regional development banks (AfDB, ADB, IDB).<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">UN Integration<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">MDB Partnerships<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">AEP Acceptance<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 3<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Legal Framework & Diplomatic Consensus<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Ratification of international treaties establishing GRF Swiss Verein (leveraging institutional neutrality preventing single-member veto) as neutral standards authority. Bilateral MOUs with Member States. Regional accords through G7, G20, AU, ASEAN frameworks. Model legal clauses for SDZ deployment, data sovereignty, and cross-border interoperability published by 2027.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Treaty Ratification<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Bilateral MOUs<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Model Legislation<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 4<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Financial Mechanisms & Revenue Model<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Establish Regional Consortiums as enterprise entities with significant annual revenue by the end of the decade. SaaS licensing per jurisdiction. GRA coordination of parametric insurance products. Member country equity stakes ensuring aligned incentives. Zero donor dependency achieved by the end of the decade.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">9 Consortiums<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">SaaS Revenue<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Parametric Insurance<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 5<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Capacity Building & Training Programs<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Comprehensive training and certification programs for government staff, technical teams, and local implementers. National Working Group establishment in all Member States. Regional training hubs delivering workshops on SDZ deployment, UNOSINT platform usage, and AEP creation. Technical documentation, API guides, and knowledge transfer materials in multiple languages ensuring global accessibility.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Training Programs<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">National Working Groups<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Certification<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">TRACK 6<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Civil Society & Community Integration<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Community Observatory network deployment for ground-truth validation and local sensor data. Civil society participation in governance through multi-stakeholder mechanisms. Participatory budgeting tools for resilience projects at municipal level. Academic partnerships for independent research and third-party verification. Ensuring bottom-up legitimacy and grassroots accountability.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Community Observatories<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Civil Society<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Grassroots Validation<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"nexus-panel\">\n <h3 style=\"font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 2rem; text-align: center; letter-spacing: 0.5px;\">Strategic Objectives by 2030<\/h3>\n \n <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.25rem;\">\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 1<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Universal Access to Intelligence Infrastructure<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">193 UN Member States with operational SDZ infrastructure and UNOSINT platform access. National Working Groups established in all countries coordinating across ministries. Nexus Observatory network deployed in 1,000+ sentinel locations globally. No nation left behind in planetary risk intelligence capabilities.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">193 States<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">1K+ Observatories<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Universal Coverage<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 2<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Systemic Multilateral Integration<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Strategic objective:<\/strong> UN General Assembly consideration of Nexus Ecosystem as global public good infrastructure. Proposed integration pathways with UN OCHA, UNDRR, World Bank, IMF, WHO, WMO. AEPs designed as verifiable evidence architecture for loan approvals, anticipatory action funding, and policy decisions. GRF Swiss Verein proposed as neutral standards authority analogous to ICANN model.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">GA Resolution<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Multilateral Adoption<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Standards Authority<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 3<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Guaranteed Data Sovereignty & Interoperability<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">100% data residency within national borders through SDZ architecture. Cross-border API interoperability without data transfer. 90-day exit rights for all participants with full data portability. institutional neutrality ensuring no geopolitical dominance. International treaty framework ratified protecting sovereignty while enabling cooperation.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">100% Sovereignty<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">90-Day Exit<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Treaty Protected<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 4<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Self-Sustaining Financial Model<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Target Model:<\/strong> Significant annual revenue through Regional Consortiums (SaaS licensing, parametric insurance, capacity building). Zero donor dependency objective. Member country equity stakes ensuring aligned incentives. GCRI, GRA, NSF non-profit entities proposed for operational funding. Long-term financial sustainability through diversified revenue streams.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Revenue Model<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Zero Donor Dependency<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Self-Sustaining<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 5<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Thriving Open-Source Ecosystem<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\">Apache 2.0 licensing for all core protocols ensuring transparency and collective ownership. 100K+ contributors from academia, civil society, government, and private sector. NSF governance of technical standards with democratic oversight (one-member-one-vote). Public code repositories, open APIs, and auditable systems ensuring trust and accountability.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Apache 2.0<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">100K+ Contributors<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Public Auditable<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 1.5rem; border-radius: 8px;\">\n <div style=\"font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 0.5rem;\">OBJECTIVE 6<\/div>\n <h4 style=\"font-size: 1rem; font-weight: 600; color: #fff; margin: 0 0 0.75rem 0;\">Demonstrable Resilience Outcomes<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0 0 1rem 0;\"><strong>Proposed Targets:<\/strong> 50% reduction in disaster response time through anticipatory action systems. Potential for billions in avoided economic losses via early-warning and verified intelligence. Enhanced population protection through proposed Nexus Observatory network and UNOSINT platform. Alignment with Sendai Framework targets, Paris Agreement commitments, and UN Sustainable Development Goals.<\/p>\n <div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Faster Response<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Avoided Losses<\/span>\n <span style=\"font-size: 0.8rem; padding: 0.25rem 0.6rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: rgba(255,255,255,0.7);\">Enhanced Protection<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n \n <section class=\"open-source-infrastructure\" id=\"open-source\" style=\"background: #000; padding: 5rem 0; position: relative;\">\n <div class=\"container\">\n \n <div class=\"section-header-center\">\n <div class=\"section-badge\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"><\/path>\n <\/svg>\n <span>Open Source Infrastructure<\/span>\n <\/div>\n <h2 class=\"section-title\">\n The Open Source <span class=\"gradient-text\">Risk Tech<\/span> Movement\n <\/h2>\n <p class=\"section-subtitle\">\n GRF is the institutional infrastructure for a global movement building the world's first open-source, decentralized platform for planetary risk governance—uniting developers, researchers, and institutions in creating verifiable, transparent coordination systems.\n <\/p>\n <\/div>\n\n \n <div class=\"tech-stack-visualization\">\n <h3 class=\"subsection-title-center\">Institutional Infrastructure Stack<\/h3>\n \n <div class=\"stack-layers-fixed\">\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">01<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Data & Intelligence<\/h4>\n <div class=\"layer-subtitle\">Foundation Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">Real-time multi-source ingestion, AI\/ML pipelines, distributed sensors, satellite data, and IoT telemetry networks providing comprehensive risk intelligence.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">Apache Kafka<\/span>\n <span class=\"tech-tag\">TensorFlow<\/span>\n <span class=\"tech-tag\">TimescaleDB<\/span>\n <span class=\"tech-tag\">Apache Airflow<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">02<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Zero-Trust Verification<\/h4>\n <div class=\"layer-subtitle\">Security Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">Blockchain provenance, cryptographic verification, immutable audit trails, and multi-signature validation ensuring transparent accountability for all stakeholders.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">Ethereum<\/span>\n <span class=\"tech-tag\">IPFS<\/span>\n <span class=\"tech-tag\">Oracle Networks<\/span>\n <span class=\"tech-tag\">ZK-Proofs<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">03<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Democratic Coordination<\/h4>\n <div class=\"layer-subtitle\">Governance Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">Democratic voting mechanisms, prediction markets for evidence-based forecasting, and distributed governance protocols enabling inclusive decision-making across 4 institutional scales with cryptographic auditability.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">Off-Chain Voting<\/span>\n <span class=\"tech-tag\">Quadratic Funding<\/span>\n <span class=\"tech-tag\">Democratic Governance<\/span>\n <span class=\"tech-tag\">Gnosis Safe<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stack-layer-mono\">\n <div class=\"layer-number-badge\">04<\/div>\n <div class=\"layer-card-mono\">\n <div class=\"layer-header\">\n <div class=\"layer-icon-mono\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"layer-title-mono\">Platform Applications<\/h4>\n <div class=\"layer-subtitle\">Application Layer<\/div>\n <\/div>\n <\/div>\n <p class=\"layer-desc-mono\">6 integrated platforms (Research, Capital, Policy, Innovation, Foresight, Diplomacy) with comprehensive REST\/GraphQL APIs for government and institutional integration.<\/p>\n <div class=\"tech-tags-mono\">\n <span class=\"tech-tag\">React + TypeScript<\/span>\n <span class=\"tech-tag\">GraphQL<\/span>\n <span class=\"tech-tag\">PostgreSQL<\/span>\n <span class=\"tech-tag\">Redis Cache<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"why-open-grid-fixed\">\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">01<\/div>\n <h4 class=\"why-title-mono\">Transparency & Trust<\/h4>\n <p class=\"why-desc-mono\">Every line of code, algorithm, and decision process is public and auditable by governments, institutions, and citizens—eliminating information asymmetry and enabling evidence-based policy decisions.<\/p>\n <div class=\"why-benefit\">Zero black boxes • Full auditability • Public oversight<\/div>\n <\/div>\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">02<\/div>\n <h4 class=\"why-title-mono\">Global Collaboration<\/h4>\n <p class=\"why-desc-mono\">Developers, researchers, and institutions worldwide contribute improvements, security audits, and localized implementations—ensuring no single nation or entity controls critical risk infrastructure.<\/p>\n <div class=\"why-benefit\">Distributed development • Multi-stakeholder governance • Shared sovereignty<\/div>\n <\/div>\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">03<\/div>\n <h4 class=\"why-title-mono\">Institutional Resilience<\/h4>\n <p class=\"why-desc-mono\">Distributed repositories, decentralized hosting, and community-driven governance ensure the system survives geopolitical disruptions, organizational failures, and attempts at capture or censorship.<\/p>\n <div class=\"why-benefit\">Fault-tolerant • Censorship-resistant • Long-term stable<\/div>\n <\/div>\n <div class=\"why-card-mono\">\n <div class=\"why-icon-wrapper\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"why-number-mono\">04<\/div>\n <h4 class=\"why-title-mono\">Rapid Innovation<\/h4>\n <p class=\"why-desc-mono\">Open APIs, extensible architecture, and plugin ecosystems allow governments and institutions to build custom integrations and specialized tools without permission or vendor lock-in.<\/p>\n <div class=\"why-benefit\">Permissionless innovation • Custom extensions • Interoperable by design<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top: 5rem; text-align: center;\">\n <h3 class=\"subsection-title-center\" style=\"margin-bottom: 3rem;\">How You Can Contribute<\/h3>\n \n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 1200px; margin: 0 auto;\">\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Research Papers<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Contribute research, analysis, and academic papers on risk governance and coordination systems.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Code Contributions<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Build open-source tools, platforms, and infrastructure for planetary risk management.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\n <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\n <path d=\"M2 2l7.586 7.586\"><\/path>\n <circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Design<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Create user interfaces, visualizations, and design systems for better decision-making.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Presentations<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Share insights at conferences, workshops, and events to build awareness and engagement.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Courses & Education<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Develop educational content, training programs, and capacity-building initiatives.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Policy Contributions<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Shape frameworks, regulations, and international agreements for collective action.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Capital & Funding<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Support development through grants, investments, and innovative financing mechanisms.<\/p>\n <\/a>\n \n \n <a href=\"https:\/\/globalriskforum.com\/community\/\" style=\"text-decoration: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); padding: 2rem; border-radius: 12px; transition: all 0.3s ease; display: block;\" onmouseover=\"this.style.borderColor='rgba(102, 126, 234, 0.5)'; this.style.transform='translateY(-4px)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.15)'; this.style.transform='translateY(0)';\">\n <div style=\"width: 48px; height: 48px; background: rgba(102, 126, 234, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#667eea\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h4 style=\"color: #fff; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem;\">Community Building<\/h4>\n <p style=\"color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.6; margin: 0;\">Organize events, facilitate connections, and grow the global risk governance community.<\/p>\n <\/a>\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section style=\"background: #000; padding: 6rem 0; position: relative;\">\n <div class=\"container\" style=\"max-width: 900px; margin: 0 auto; padding: 0 2rem; text-align: center;\">\n \n <div class=\"section-badge\" style=\"display: inline-block; margin-bottom: 2rem;\">\n <span>Join the Movement<\/span>\n <\/div>\n \n <h2 style=\"font-size: 3rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.2;\">\n Ready to Build the Future of <span class=\"gradient-text\">Planetary Governance<\/span>?\n <\/h2>\n \n <p style=\"font-size: 1.2rem; color: rgba(255,255,255,0.8); line-height: 1.8; margin-bottom: 3rem; max-width: 750px; margin-left: auto; margin-right: auto;\">\n Whether you're a government, multilateral institution, researcher, technologist, or civil society organization\u2014there's a role for you in building the infrastructure for humanity's collective response to planetary risks.\n <\/p>\n \n <div style=\"display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 3rem; flex-wrap: wrap;\">\n <a href=\"https:\/\/globalriskforum.com\/membership\/\" style=\"display: inline-flex; align-items: center; gap: 0.75rem; padding: 1.25rem 2.5rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <span>Get Started<\/span>\n <\/a>\n <a href=\"https:\/\/github.com\/gcri\/grf\" target=\"_blank\" rel=\"noopener\" style=\"display: inline-flex; align-items: center; gap: 0.75rem; padding: 1.25rem 2.5rem; background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.3); color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease;\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.840 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.430.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"\/>\n <\/svg>\n <span>View on GitHub<\/span>\n <\/a>\n <\/div>\n \n <div style=\"display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.7);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span style=\"font-size: 1rem; font-weight: 500;\">Open Source<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.7);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span style=\"font-size: 1rem; font-weight: 500;\">Sovereign by Design<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.7);\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span style=\"font-size: 1rem; font-weight: 500;\">Multilateral Backed<\/span>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-top: 4rem; padding: 2.5rem; background: rgba(30, 136, 229, 0.05); border: 1px solid rgba(30, 136, 229, 0.15); border-radius: 12px; text-align: left;\">\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Forward-Looking Statements<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n This website contains forward-looking statements about GRF's proposed plans, objectives, targets, and anticipated outcomes. These statements are subject to risks, uncertainties, and assumptions. Actual results may differ materially from those expressed or implied. Statements about future revenue models, member state adoption, institutional partnerships, and impact metrics are aspirational targets, not guarantees. No investment solicitation is intended.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Institutional Independence<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n The Global Risks Forum is an independent Swiss nonprofit organization. GRF is not affiliated with, endorsed by, or officially connected to the United Nations, World Bank, International Monetary Fund, World Health Organization, or any other multilateral institution, government, or international organization. All references to potential institutional integration pathways represent strategic objectives and proposed frameworks under development, not existing partnerships, endorsements, or formal agreements.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 2rem;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Trademarks & Third-Party References<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n All trademarks, service marks, and trade names referenced on this site (including but not limited to technologies, platforms, and methodologies) are the property of their respective owners. References to third-party technologies, standards, or frameworks are for descriptive purposes only and do not imply endorsement, partnership, or affiliation unless explicitly stated. GRF respects all intellectual property rights.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 0;\">\n <h3 style=\"font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 0.75rem;\">Not Investment Advice<\/h3>\n <p style=\"font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0;\">\n Nothing on this website constitutes investment advice, financial advice, trading advice, or any other sort of advice. GRF does not recommend that any financial product, security, or instrument should be bought, sold, or held by you. All proposed financial mechanisms described herein are conceptual models subject to regulatory approval and should not be construed as investment opportunities or solicitations.\n <\/p>\n <\/div>\n \n <\/div>\n \n <\/div>\n <\/section>\n\n<script>\n\/\/ Initialize Feather Icons\nif (typeof feather !== 'undefined') {\n feather.replace();\n}\n\n\/\/ Tab Functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ ===== HANDLE COMPARISON TABS (.tab-btn with data-tab) =====\n const tabButtons = document.querySelectorAll('.tab-btn');\n \n tabButtons.forEach(button => {\n button.addEventListener('click', function() {\n const tabId = this.getAttribute('data-tab');\n const tabContainer = this.closest('.comparison-tabs') || this.closest('.tabs-container') || this.closest('[role=\"tablist\"]').parentElement;\n \n \/\/ Remove active class from all buttons in this tab group\n const allButtons = tabContainer.querySelectorAll('.tab-btn');\n allButtons.forEach(btn => {\n btn.classList.remove('active');\n btn.setAttribute('aria-selected', 'false');\n });\n \n \/\/ Add active class to clicked button\n this.classList.add('active');\n this.setAttribute('aria-selected', 'true');\n \n \/\/ Hide all tab content in this tab group\n const allContent = tabContainer.querySelectorAll('.tab-content');\n allContent.forEach(content => {\n content.classList.remove('active');\n content.style.display = 'none';\n content.setAttribute('hidden', '');\n });\n \n \/\/ Show the selected tab content\n const selectedContent = tabContainer.querySelector('#tab-' + tabId);\n if (selectedContent) {\n selectedContent.classList.add('active');\n selectedContent.style.display = 'block';\n selectedContent.removeAttribute('hidden');\n }\n });\n });\n \n \/\/ Initialize comparison tabs - show first tab as active or keep already active tab visible\n const tabGroups = document.querySelectorAll('.comparison-tabs, .tabs-container');\n tabGroups.forEach(group => {\n \/\/ Check if there's already an active button\n let activeButton = group.querySelector('.tab-btn.active');\n let activeContent = group.querySelector('.tab-content.active');\n \n \/\/ If no active button, activate the first one\n if (!activeButton) {\n activeButton = group.querySelector('.tab-btn');\n if (activeButton) {\n activeButton.classList.add('active');\n activeButton.setAttribute('aria-selected', 'true');\n \n \/\/ Show corresponding content\n const tabId = activeButton.getAttribute('data-tab');\n activeContent = group.querySelector('#tab-' + tabId);\n }\n }\n \n \/\/ Ensure active content is visible\n if (activeContent) {\n activeContent.classList.add('active');\n activeContent.style.display = 'block';\n activeContent.removeAttribute('hidden');\n }\n \n \/\/ Hide all non-active content\n const allContent = group.querySelectorAll('.tab-content:not(.active)');\n allContent.forEach(content => {\n content.style.display = 'none';\n content.setAttribute('hidden', '');\n });\n });\n \n \/\/ ===== HANDLE PLATFORM TABS (.platform-tab with data-platform) =====\n const platformButtons = document.querySelectorAll('.platform-tab');\n \n platformButtons.forEach(button => {\n button.addEventListener('click', function() {\n const platformId = this.getAttribute('data-platform');\n \n \/\/ Remove active class from all platform buttons\n platformButtons.forEach(btn => {\n btn.classList.remove('active');\n btn.setAttribute('aria-selected', 'false');\n });\n \n \/\/ Add active class to clicked button\n this.classList.add('active');\n this.setAttribute('aria-selected', 'true');\n \n \/\/ Hide all platform panels\n const allPanels = document.querySelectorAll('.platform-panel');\n allPanels.forEach(panel => {\n panel.classList.remove('active');\n panel.style.display = 'none';\n });\n \n \/\/ Show the selected platform panel\n const selectedPanel = document.querySelector('#panel-' + platformId);\n if (selectedPanel) {\n selectedPanel.classList.add('active');\n selectedPanel.style.display = 'block';\n }\n });\n });\n \n \/\/ Initialize platform tabs - ensure first is visible\n const firstPlatformButton = document.querySelector('.platform-tab.active');\n if (firstPlatformButton) {\n const platformId = firstPlatformButton.getAttribute('data-platform');\n const firstPanel = document.querySelector('#panel-' + platformId);\n if (firstPanel) {\n firstPanel.classList.add('active');\n firstPanel.style.display = 'block';\n }\n }\n \n \/\/ Re-initialize Feather icons after DOM is ready\n if (typeof feather !== 'undefined') {\n feather.replace();\n }\n});\n\n\/\/ Smooth scroll for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n const href = this.getAttribute('href');\n if (href !== '#' && href !== '') {\n e.preventDefault();\n const target = document.querySelector(href);\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Global Risks Forum – Next-Generation Multilateral Coordination Infrastructure Swiss Nonprofit Independent Verifiable Next-Generation Risk Governance Infrastructure World association for integrated Disaster Risk Reduction (DRR), Disaster Risk Financing (DRF), and Disaster Risk Intelligence (DRI)\u2014developing global standards, protocols, and programs for UNOSINT. Swiss-based neutral orchestrator convening governments, multilateral institutions, academia, civil society, and private sector to build … <a href=\"https:\/\/globalriskforum.com\/governance\/governance-platform\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Governance Platform”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_buddyx_sub_header_visibility":"","_buddyx_sub_header_title_visibility":"","_hide_show_side_panel":"","_buddyxpro_page_sidebar":"","_buddyxpro_page_disable_header":"","_buddyxpro_page_disable_footer":"","_buddyxpro_page_content_width":"","_buddyxpro_page_header_style":"","_buddyxpro_page_color_mode":"","_buddyxpro_page_loader":"","footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":0,"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"wp:attachment":[{"href":"https:\/\/globalriskforum.com\/governance\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}