{"id":17312,"date":"2026-01-10T06:07:39","date_gmt":"2026-01-10T11:07:39","guid":{"rendered":"https:\/\/globalriskforum.com\/foresight\/?page_id=17312"},"modified":"2026-01-10T06:07:39","modified_gmt":"2026-01-10T11:07:39","slug":"de-risking-foresight-infrastructure","status":"publish","type":"page","link":"https:\/\/globalriskforum.com\/foresight\/de-risking-foresight-infrastructure\/","title":{"rendered":"De-risking Foresight Infrastructure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17312\" class=\"elementor elementor-17312\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32cd44e e-con-full e-flex e-con e-parent\" data-id=\"32cd44e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b382e7 elementor-widget elementor-widget-html\" data-id=\"3b382e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \n  <!-- Primary SEO -->\n  <title>Nexus Foresight Platform | Global Anticipatory Governance Infrastructure | Cascades Before They Cascade | The Global Risks Forum<\/title>\n  <meta name=\"description\" content=\"The world's premier foresight infrastructure for anticipatory governance. Early signals, cascade mapping, decision triggers, and scenario planning\u2014so leaders stop reacting and start preparing. Cross-domain early warning and forecasting tournaments. Swiss Association.\">\n  <meta name=\"keywords\" content=\"foresight platform, anticipatory governance, early warning, cascade mapping, scenario planning, decision triggers, horizon scanning, forecasting tournaments, superforecasting, risk signals, strategic foresight, futures thinking, Swiss association, GRF, Nexus\">\n  <meta name=\"author\" content=\"The Global Risks Forum\">\n  <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n  <link rel=\"canonical\" href=\"https:\/\/globalriskforum.com\/foresight\/\">\n  \n  <!-- Open Graph -->\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:url\" content=\"https:\/\/globalriskforum.com\/foresight\/\">\n  <meta property=\"og:title\" content=\"Nexus Foresight Platform | Global Anticipatory Governance Infrastructure\">\n  <meta property=\"og:description\" content=\"Cascades before they cascade. The world's foresight infrastructure with early warning, cascade mapping, and decision triggers.\">\n  <meta property=\"og:image\" content=\"https:\/\/globalriskforum.com\/assets\/nexus-foresight-og.png\">\n  <meta property=\"og:image:width\" content=\"1200\">\n  <meta property=\"og:image:height\" content=\"630\">\n  <meta property=\"og:site_name\" content=\"The Global Risks Forum\">\n  \n  <!-- Twitter -->\n  <meta name=\"twitter:card\" content=\"summary_large_image\">\n  <meta name=\"twitter:site\" content=\"@globalriskforum\">\n  <meta name=\"twitter:title\" content=\"Nexus Foresight Platform | Anticipatory Governance Infrastructure\">\n  <meta name=\"twitter:description\" content=\"Global foresight infrastructure with early warning, cascade mapping, scenario planning, and forecasting tournaments.\">\n  <meta name=\"twitter:image\" content=\"https:\/\/globalriskforum.com\/assets\/nexus-foresight-twitter.png\">\n  \n  <!-- Structured Data -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ResearchOrganization\",\n    \"name\": \"Nexus Foresight Platform\",\n    \"alternateName\": \"GRF Foresight Platform\",\n    \"description\": \"The world's premier foresight infrastructure for anticipatory governance, operated by The Global Risks Forum (Swiss Association)\",\n    \"url\": \"https:\/\/globalriskforum.com\/foresight\/\",\n    \"logo\": \"https:\/\/globalriskforum.com\/assets\/nexus-logo.png\",\n    \"parentOrganization\": {\n      \"@type\": \"Organization\",\n      \"name\": \"The Global Risks Forum\",\n      \"legalName\": \"Global Risks Forum (Swiss Association \/ Verein)\"\n    },\n    \"knowsAbout\": [\"Anticipatory Governance\", \"Strategic Foresight\", \"Early Warning Systems\", \"Cascade Mapping\", \"Scenario Planning\", \"Forecasting Tournaments\", \"Horizon Scanning\", \"Decision Triggers\"]\n  }\n  <\/script>\n  \n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What is the Nexus Foresight Platform?\",\n        \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Nexus Foresight Platform is the world's premier open infrastructure for anticipatory governance. It provides early signals, cascade mapping, decision triggers, and scenario planning\u2014enabling leaders to prepare for risks before they materialize. Operated by The Global Risks Forum (Swiss Association).\"}\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"How do forecasting tournaments work?\",\n        \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Forecasting tournaments are structured prediction exercises where participants forecast specific, measurable outcomes. Performance is tracked with Brier scores, calibration is measured, and top forecasters are identified. Results inform governance decisions while maintaining anti-gaming controls.\"}\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What are cascade maps?\",\n        \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Cascade maps visualize how risks propagate across domains and systems. They show dependencies, correlation pathways, and potential trigger points\u2014enabling leaders to see second and third-order effects before they cascade into systemic crises.\"}\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What foresight domains are covered?\",\n        \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Nine priority domains: Climate-Finance-Infrastructure Coupling, AI Acceleration & Dependencies, Cyber Cascade Scenarios, Migration & Social Stability, Information Integrity, Space & Communications, Health Security Futures, Food-Water-Energy Nexus, and Geopolitical Transition Risks.\"}\n      }\n    ]\n  }\n  <\/script>\n  \n  <!-- Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n  \n  <style>\n    :root {\n      --bg-primary: #09090B;\n      --bg-secondary: #0C0C0F;\n      --bg-tertiary: #111114;\n      --bg-elevated: #16161A;\n      --bg-hover: #1C1C21;\n      --border-primary: #1E1E24;\n      --border-secondary: #27272E;\n      --border-accent: #35353E;\n      --text-primary: #FAFAFA;\n      --text-secondary: #A1A1AA;\n      --text-muted: #71717A;\n      --text-dim: #52525B;\n      --accent-blue: #3B82F6;\n      --accent-purple: #A855F7;\n      --accent-green: #10B981;\n      --accent-emerald: #34D399;\n      --accent-orange: #F97316;\n      --accent-amber: #F59E0B;\n      --accent-pink: #EC4899;\n      --accent-cyan: #06B6D4;\n      --accent-teal: #14B8A6;\n      --accent-red: #EF4444;\n      --accent-indigo: #6366F1;\n      --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n      --font-mono: 'IBM Plex Mono', 'SF Mono', monospace;\n    }\n    \n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body { font-family: var(--font-sans); background: var(--bg-primary); color: var(--text-primary); line-height: 1.6; -webkit-font-smoothing: antialiased; }\n    a { color: inherit; text-decoration: none; transition: all 0.2s; }\n    a:hover { opacity: 0.9; }\n    .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n    \n    \/* Navigation *\/\n    .nav { background: rgba(9,9,11,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-primary); padding: 12px 0; position: sticky; top: 0; z-index: 1000; }\n    .nav-inner { display: flex; align-items: center; justify-content: space-between; }\n    .nav-brand { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.8125rem; letter-spacing: 0.06em; text-transform: uppercase; }\n    .nav-brand svg { width: 20px; height: 20px; stroke: var(--accent-cyan); }\n    .nav-links { display: flex; gap: 2px; }\n    .nav-links a { padding: 8px 12px; font-size: 0.6875rem; font-weight: 500; color: var(--text-muted); border-radius: 6px; }\n    .nav-links a:hover { color: var(--text-primary); background: var(--bg-hover); opacity: 1; }\n    .nav-cta { padding: 8px 16px; font-size: 0.6875rem; font-weight: 600; background: var(--accent-cyan); color: white; border-radius: 6px; }\n    .nav-cta:hover { background: #0891B2; opacity: 1; }\n    \n    \/* Hero *\/\n    .hero { padding: 80px 0 60px; text-align: center; border-bottom: 1px solid var(--border-primary); position: relative; overflow: hidden; }\n    .hero::before { content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); width: 1000px; height: 1000px; background: radial-gradient(circle, rgba(6,182,212,0.06) 0%, rgba(168,85,247,0.03) 40%, transparent 70%); pointer-events: none; }\n    .hero-content { position: relative; z-index: 1; }\n    .hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(6,182,212,0.1); border: 1px solid rgba(6,182,212,0.2); border-radius: 100px; font-family: var(--font-mono); font-size: 0.5625rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-cyan); margin-bottom: 24px; }\n    .hero-badge svg { width: 14px; height: 14px; }\n    .hero h1 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 300; line-height: 1.1; margin-bottom: 16px; letter-spacing: -0.02em; }\n    .hero h1 strong { font-weight: 700; background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-teal) 50%, var(--accent-blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n    .hero-tagline { font-size: 1.125rem; font-weight: 400; color: var(--text-secondary); margin-bottom: 16px; }\n    .hero-desc { font-size: 0.9375rem; color: var(--text-muted); max-width: 760px; margin: 0 auto 32px; line-height: 1.75; }\n    \n    .stats-bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--border-primary); border-radius: 10px; overflow: hidden; margin-top: 40px; }\n    .stat { background: var(--bg-secondary); padding: 20px 12px; text-align: center; }\n    .stat:hover { background: var(--bg-tertiary); }\n    .stat-value { font-size: 1.5rem; font-weight: 700; font-family: var(--font-mono); background: linear-gradient(135deg, var(--text-primary), var(--text-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n    .stat-label { font-size: 0.5625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; }\n    \n    \/* Sections *\/\n    .section { padding: 64px 0; border-bottom: 1px solid var(--border-primary); }\n    .section-header { text-align: center; margin-bottom: 48px; }\n    .section-badge { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 0.5625rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 12px; }\n    .section-badge svg { width: 12px; height: 12px; stroke: var(--text-dim); }\n    .section-title { font-size: 1.75rem; font-weight: 300; letter-spacing: -0.01em; }\n    .section-title strong { font-weight: 700; background: linear-gradient(135deg, var(--accent-cyan), var(--accent-teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n    .section-desc { font-size: 0.875rem; color: var(--text-muted); max-width: 640px; margin: 12px auto 0; line-height: 1.7; }\n    \n    \/* Panels *\/\n    .panel { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 12px; overflow: hidden; }\n    .panel + .panel { margin-top: 20px; }\n    .panel-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--bg-tertiary); border-bottom: 1px solid var(--border-primary); flex-wrap: wrap; gap: 10px; }\n    .panel-title { display: flex; align-items: center; gap: 10px; font-size: 0.8125rem; font-weight: 600; }\n    .panel-title svg { width: 16px; height: 16px; stroke: var(--text-muted); }\n    .panel-badge { font-size: 0.5625rem; font-weight: 600; padding: 4px 10px; border-radius: 6px; }\n    .panel-badge.blue { background: rgba(59,130,246,0.15); color: var(--accent-blue); }\n    .panel-badge.green { background: rgba(16,185,129,0.15); color: var(--accent-green); }\n    .panel-badge.purple { background: rgba(168,85,247,0.15); color: var(--accent-purple); }\n    .panel-badge.orange { background: rgba(249,115,22,0.15); color: var(--accent-orange); }\n    .panel-badge.cyan { background: rgba(6,182,212,0.15); color: var(--accent-cyan); }\n    .panel-badge.pink { background: rgba(236,72,153,0.15); color: var(--accent-pink); }\n    .panel-badge.red { background: rgba(239,68,68,0.15); color: var(--accent-red); }\n    .panel-badge.amber { background: rgba(245,158,11,0.15); color: var(--accent-amber); }\n    .panel-badge.indigo { background: rgba(99,102,241,0.15); color: var(--accent-indigo); }\n    .panel-body { padding: 18px; }\n    .panel-footer { padding: 14px 18px; background: var(--bg-tertiary); border-top: 1px solid var(--border-primary); font-size: 0.6875rem; color: var(--text-muted); }\n    \n    \/* Grids *\/\n    .grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: var(--border-primary); }\n    .grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--border-primary); }\n    .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border-primary); }\n    .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border-primary); }\n    .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--border-primary); }\n    \n    .grid-cell { background: var(--bg-secondary); padding: 20px; }\n    .grid-cell-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }\n    .grid-cell-icon svg { width: 18px; height: 18px; }\n    .grid-cell-title { font-size: 0.8125rem; font-weight: 600; margin-bottom: 2px; }\n    .grid-cell-subtitle { font-size: 0.5625rem; font-weight: 500; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; }\n    .grid-cell p { font-size: 0.6875rem; color: var(--text-muted); line-height: 1.6; }\n    .grid-cell-meta { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-primary); font-size: 0.5625rem; color: var(--text-dim); }\n    .grid-cell-meta strong { color: var(--text-secondary); }\n    \n    \/* Feature Table *\/\n    .feature-table { width: 100%; border-collapse: collapse; font-size: 0.6875rem; }\n    .feature-table th, .feature-table td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border-primary); }\n    .feature-table th { background: var(--bg-tertiary); font-weight: 600; color: var(--text-secondary); font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.05em; }\n    .feature-table td { color: var(--text-muted); }\n    .feature-table tr:hover td { background: var(--bg-hover); }\n    .feature-name { font-weight: 600; color: var(--text-primary); }\n    \n    \/* Tags *\/\n    .tags { display: flex; flex-wrap: wrap; gap: 6px; }\n    .tag { font-size: 0.5625rem; font-weight: 500; padding: 4px 10px; border-radius: 5px; border: 1px solid; }\n    .tag-blue { background: rgba(59,130,246,0.1); border-color: rgba(59,130,246,0.2); color: var(--accent-blue); }\n    .tag-green { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.2); color: var(--accent-green); }\n    .tag-purple { background: rgba(168,85,247,0.1); border-color: rgba(168,85,247,0.2); color: var(--accent-purple); }\n    .tag-orange { background: rgba(249,115,22,0.1); border-color: rgba(249,115,22,0.2); color: var(--accent-orange); }\n    .tag-red { background: rgba(239,68,68,0.1); border-color: rgba(239,68,68,0.2); color: var(--accent-red); }\n    .tag-cyan { background: rgba(6,182,212,0.1); border-color: rgba(6,182,212,0.2); color: var(--accent-cyan); }\n    \n    \/* Buttons *\/\n    .btn-group { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }\n    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; font-size: 0.8125rem; font-weight: 600; border-radius: 8px; transition: all 0.2s; cursor: pointer; border: none; }\n    .btn svg { width: 16px; height: 16px; }\n    .btn-primary { background: var(--text-primary); color: var(--bg-primary); }\n    .btn-primary:hover { background: var(--accent-cyan); color: white; opacity: 1; }\n    .btn-secondary { background: transparent; color: var(--text-primary); border: 1px solid var(--border-secondary); }\n    .btn-secondary:hover { background: var(--bg-elevated); border-color: var(--border-accent); opacity: 1; }\n    \n    \/* Chain *\/\n    .chain { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 24px 12px; flex-wrap: wrap; }\n    .chain-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 14px; background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 10px; min-width: 90px; transition: all 0.2s; }\n    .chain-item:hover { border-color: var(--border-accent); transform: translateY(-2px); }\n    .chain-item.active { border-color: var(--accent-cyan); background: rgba(6,182,212,0.05); }\n    .chain-icon { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; }\n    .chain-icon svg { width: 14px; height: 14px; }\n    .chain-name { font-size: 0.5625rem; font-weight: 600; }\n    .chain-role { font-size: 0.5rem; color: var(--text-dim); margin-top: 2px; }\n    .chain-arrow { font-size: 0.875rem; color: var(--text-dim); }\n    \n    \/* Animation *\/\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.4; }\n    }\n    \n    \/* Footer *\/\n    .footer { padding: 48px 0 32px; text-align: center; }\n    .footer-brand { font-size: 0.875rem; font-weight: 600; margin-bottom: 6px; }\n    .footer-desc { font-size: 0.6875rem; color: var(--text-muted); margin-bottom: 20px; }\n    .footer-links { display: flex; justify-content: center; gap: 20px; margin-bottom: 24px; flex-wrap: wrap; }\n    .footer-links a { font-size: 0.6875rem; color: var(--text-dim); }\n    .footer-links a:hover { color: var(--text-primary); }\n    .footer-legal { font-size: 0.625rem; color: var(--text-dim); }\n    \n    \/* Responsive *\/\n    @media (max-width: 1024px) { \n      .grid-6, .grid-5 { grid-template-columns: repeat(3, 1fr); } \n      .stats-bar { grid-template-columns: repeat(3, 1fr); } \n      .dashboard-kpi-grid { grid-template-columns: repeat(2, 1fr) !important; }\n      .dashboard-capabilities { grid-template-columns: repeat(3, 1fr) !important; }\n    }\n    @media (max-width: 768px) { \n      .grid-6, .grid-5, .grid-4, .grid-3 { grid-template-columns: repeat(2, 1fr); } \n      .stats-bar { grid-template-columns: repeat(2, 1fr); } \n      .nav-links { display: none; } \n      .hero { padding: 50px 0 40px; } \n      .section { padding: 40px 0; } \n      .dashboard-kpi-grid { grid-template-columns: repeat(2, 1fr) !important; }\n      .dashboard-split { grid-template-columns: 1fr !important; }\n      .dashboard-capabilities { grid-template-columns: repeat(2, 1fr) !important; }\n    }\n    @media (max-width: 480px) { \n      .grid-6, .grid-5, .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } \n      .stats-bar { grid-template-columns: 1fr; } \n      .chain { flex-direction: column; } \n      .chain-arrow { transform: rotate(90deg); } \n      .dashboard-kpi-grid { grid-template-columns: 1fr !important; }\n      .dashboard-capabilities { grid-template-columns: 1fr !important; }\n    }\n  <\/style>\n<\/head>\n<body>\n  <nav class=\"nav\">\n    <div class=\"container nav-inner\">\n      <div class=\"nav-brand\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        Nexus Foresight\n      <\/div>\n      <div class=\"nav-links\">\n        <a href=\"#domains\">Domains<\/a>\n        <a href=\"#infrastructure\">Infrastructure<\/a>\n        <a href=\"#ai\">AI Capabilities<\/a>\n        <a href=\"#economy\">Open Economy<\/a>\n        <a href=\"#services\">Services<\/a>\n        <a href=\"#subscriptions\">Subscriptions<\/a>\n      <\/div>\n      <a href=\"https:\/\/globalriskforum.com\/foresight\/subscribe\/\" class=\"nav-cta\">Subscribe<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- Hero -->\n  <section class=\"hero\">\n    <div class=\"container hero-content\">\n      <div class=\"hero-badge\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        The Global Risks Forum \u2022 Foresight Platform \u2022 Swiss Association\n      <\/div>\n      <h1>Foresight Infrastructure for <strong>Anticipatory Governance<\/strong><\/h1>\n      <p class=\"hero-tagline\">Cascades before they cascade\u2014so leaders stop reacting<\/p>\n      <p class=\"hero-desc\">\n        The world's decision-makers are perpetually reacting: strategic surprise, blind spots, late action, and coordination failures. Nexus Foresight Platform transforms this: early signal detection, cascade mapping, decision triggers, and disciplined scenario planning. We are the infrastructure for anticipatory governance\u2014converting emerging signals into actionable intelligence before risks compound into crises.\n      <\/p>\n      \n      <div class=\"stats-bar\">\n        <div class=\"stat\"><div class=\"stat-value\">9<\/div><div class=\"stat-label\">Foresight Domains<\/div><\/div>\n        <div class=\"stat\"><div class=\"stat-value\">6<\/div><div class=\"stat-label\">Platform Modules<\/div><\/div>\n        <div class=\"stat\"><div class=\"stat-value\">10+<\/div><div class=\"stat-label\">AI Integrations<\/div><\/div>\n        <div class=\"stat\"><div class=\"stat-value\">4<\/div><div class=\"stat-label\">Credit Types<\/div><\/div>\n        <div class=\"stat\"><div class=\"stat-value\">6<\/div><div class=\"stat-label\">Councils Integrated<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- What This Platform De-Risks - Dashboard -->\n  <section class=\"section\" id=\"value\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          De-Risking Value\n        <\/div>\n        <h2 class=\"section-title\">What This Platform <strong>De-Risks<\/strong><\/h2>\n        <p class=\"section-desc\">Nexus Foresight Platform eliminates the structural failures that leave decision-makers perpetually reacting to crises they should have anticipated.<\/p>\n      <\/div>\n      \n      <!-- Main Dashboard Container -->\n      <div class=\"panel\" style=\"overflow: hidden;\">\n        <div class=\"panel-header\" style=\"background: linear-gradient(135deg, var(--bg-tertiary) 0%, rgba(6,182,212,0.05) 100%);\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n            Foresight Platform Command Center\n          <\/div>\n          <div style=\"display: flex; align-items: center; gap: 12px;\">\n            <span style=\"display: flex; align-items: center; gap: 6px; font-size: 0.5625rem; color: var(--accent-green);\"><span style=\"width: 6px; height: 6px; background: var(--accent-green); border-radius: 50%; animation: pulse 2s infinite;\"><\/span> LIVE<\/span>\n            <span class=\"panel-badge cyan\">Enterprise Dashboard<\/span>\n          <\/div>\n        <\/div>\n        \n        <!-- Dashboard Grid -->\n        <div class=\"dashboard-kpi-grid\" style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border-primary);\">\n          \n          <!-- KPI Card 1: Signals Tracked -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;\">\n              <div style=\"width: 36px; height: 36px; background: rgba(6,182,212,0.1); border: 1px solid rgba(6,182,212,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\" style=\"width: 18px; height: 18px;\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n              <\/div>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent-green)\" stroke-width=\"2\" style=\"width: 16px; height: 16px;\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 1.75rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-primary);\">12,847<\/div>\n            <div style=\"font-size: 0.625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px;\">Signals Tracked<\/div>\n            <div style=\"display: flex; align-items: center; gap: 6px; margin-top: 8px;\">\n              <span style=\"font-size: 0.5625rem; color: var(--accent-green); font-weight: 600;\">\u2191 34.2%<\/span>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim);\">vs last month<\/span>\n            <\/div>\n          <\/div>\n          \n          <!-- KPI Card 2: Forecast Accuracy -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;\">\n              <div style=\"width: 36px; height: 36px; background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 18px; height: 18px;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n              <\/div>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent-green)\" stroke-width=\"2\" style=\"width: 16px; height: 16px;\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 1.75rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-primary);\">87.3%<\/div>\n            <div style=\"font-size: 0.625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px;\">Forecast Accuracy<\/div>\n            <div style=\"display: flex; align-items: center; gap: 6px; margin-top: 8px;\">\n              <span style=\"font-size: 0.5625rem; color: var(--accent-green); font-weight: 600;\">CALIBRATED<\/span>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim);\">Brier: 0.18<\/span>\n            <\/div>\n          <\/div>\n          \n          <!-- KPI Card 3: Cascade Maps -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;\">\n              <div style=\"width: 36px; height: 36px; background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\" style=\"width: 18px; height: 18px;\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n              <\/div>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent-green)\" stroke-width=\"2\" style=\"width: 16px; height: 16px;\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 1.75rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-primary);\">847<\/div>\n            <div style=\"font-size: 0.625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px;\">Cascade Maps Created<\/div>\n            <div style=\"display: flex; align-items: center; gap: 6px; margin-top: 8px;\">\n              <span style=\"font-size: 0.5625rem; color: var(--accent-purple); font-weight: 600;\">\u2191 48.7%<\/span>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim);\">cross-domain coverage<\/span>\n            <\/div>\n          <\/div>\n          \n          <!-- KPI Card 4: Lead Time -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;\">\n              <div style=\"width: 36px; height: 36px; background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\" style=\"width: 18px; height: 18px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <\/div>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent-green)\" stroke-width=\"2\" style=\"width: 16px; height: 16px;\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 1.75rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-primary);\">4.7 days<\/div>\n            <div style=\"font-size: 0.625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px;\">Avg. Lead Time<\/div>\n            <div style=\"display: flex; align-items: center; gap: 6px; margin-top: 8px;\">\n              <span style=\"font-size: 0.5625rem; color: var(--accent-orange); font-weight: 600;\">ACTIONABLE<\/span>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim);\">early warning<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Second Row: Progress Bars and Live Activity -->\n        <div class=\"dashboard-split\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border-primary);\">\n          \n          <!-- Left Panel: De-Risking Metrics -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-muted)\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n              <span style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary);\">Anticipatory Governance Progress<\/span>\n            <\/div>\n            \n            <!-- Progress Item 1 -->\n            <div style=\"margin-bottom: 14px;\">\n              <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;\">\n                <span style=\"font-size: 0.625rem; color: var(--text-secondary);\">Strategic Surprise Eliminated<\/span>\n                <span style=\"font-size: 0.625rem; font-weight: 600; color: var(--accent-cyan);\">89%<\/span>\n              <\/div>\n              <div style=\"height: 6px; background: var(--bg-tertiary); border-radius: 3px; overflow: hidden;\">\n                <div style=\"width: 89%; height: 100%; background: linear-gradient(90deg, var(--accent-cyan), var(--accent-teal)); border-radius: 3px;\"><\/div>\n              <\/div>\n            <\/div>\n            \n            <!-- Progress Item 2 -->\n            <div style=\"margin-bottom: 14px;\">\n              <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;\">\n                <span style=\"font-size: 0.625rem; color: var(--text-secondary);\">Blind Spot Coverage<\/span>\n                <span style=\"font-size: 0.625rem; font-weight: 600; color: var(--accent-green);\">94%<\/span>\n              <\/div>\n              <div style=\"height: 6px; background: var(--bg-tertiary); border-radius: 3px; overflow: hidden;\">\n                <div style=\"width: 94%; height: 100%; background: linear-gradient(90deg, var(--accent-green), var(--accent-emerald)); border-radius: 3px;\"><\/div>\n              <\/div>\n            <\/div>\n            \n            <!-- Progress Item 3 -->\n            <div style=\"margin-bottom: 14px;\">\n              <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;\">\n                <span style=\"font-size: 0.625rem; color: var(--text-secondary);\">Cascade Visibility Index<\/span>\n                <span style=\"font-size: 0.625rem; font-weight: 600; color: var(--accent-purple);\">87%<\/span>\n              <\/div>\n              <div style=\"height: 6px; background: var(--bg-tertiary); border-radius: 3px; overflow: hidden;\">\n                <div style=\"width: 87%; height: 100%; background: linear-gradient(90deg, var(--accent-purple), var(--accent-pink)); border-radius: 3px;\"><\/div>\n              <\/div>\n            <\/div>\n            \n            <!-- Progress Item 4 -->\n            <div style=\"margin-bottom: 14px;\">\n              <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;\">\n                <span style=\"font-size: 0.625rem; color: var(--text-secondary);\">Decision Trigger Response<\/span>\n                <span style=\"font-size: 0.625rem; font-weight: 600; color: var(--accent-orange);\">91%<\/span>\n              <\/div>\n              <div style=\"height: 6px; background: var(--bg-tertiary); border-radius: 3px; overflow: hidden;\">\n                <div style=\"width: 91%; height: 100%; background: linear-gradient(90deg, var(--accent-orange), var(--accent-amber)); border-radius: 3px;\"><\/div>\n              <\/div>\n            <\/div>\n            \n            <!-- Progress Item 5 -->\n            <div>\n              <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;\">\n                <span style=\"font-size: 0.625rem; color: var(--text-secondary);\">Coordination Failure Prevention<\/span>\n                <span style=\"font-size: 0.625rem; font-weight: 600; color: var(--accent-blue);\">86%<\/span>\n              <\/div>\n              <div style=\"height: 6px; background: var(--bg-tertiary); border-radius: 3px; overflow: hidden;\">\n                <div style=\"width: 86%; height: 100%; background: linear-gradient(90deg, var(--accent-blue), var(--accent-indigo)); border-radius: 3px;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- Right Panel: Live Activity Feed -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;\">\n              <div style=\"display: flex; align-items: center; gap: 8px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-muted)\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary);\">Live Platform Activity<\/span>\n              <\/div>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim);\">Last 24h<\/span>\n            <\/div>\n            \n            <!-- Activity Item 1 -->\n            <div style=\"display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-primary);\">\n              <div style=\"width: 28px; height: 28px; background: rgba(239,68,68,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              <\/div>\n              <div style=\"flex: 1; min-width: 0;\">\n                <div style=\"font-size: 0.625rem; color: var(--text-primary); font-weight: 500;\">Trigger Alert Issued<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted); margin-top: 2px;\">Supply Chain Cascade \u2014 Semiconductor Shortage<\/div>\n              <\/div>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim); white-space: nowrap;\">6m ago<\/span>\n            <\/div>\n            \n            <!-- Activity Item 2 -->\n            <div style=\"display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-primary);\">\n              <div style=\"width: 28px; height: 28px; background: rgba(168,85,247,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><\/svg>\n              <\/div>\n              <div style=\"flex: 1; min-width: 0;\">\n                <div style=\"font-size: 0.625rem; color: var(--text-primary); font-weight: 500;\">Cascade Map Published<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted); margin-top: 2px;\">Climate-Finance-Infrastructure Coupling \u2014 EU<\/div>\n              <\/div>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim); white-space: nowrap;\">14m ago<\/span>\n            <\/div>\n            \n            <!-- Activity Item 3 -->\n            <div style=\"display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-primary);\">\n              <div style=\"width: 28px; height: 28px; background: rgba(16,185,129,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n              <\/div>\n              <div style=\"flex: 1; min-width: 0;\">\n                <div style=\"font-size: 0.625rem; color: var(--text-primary); font-weight: 500;\">Forecast Resolved<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted); margin-top: 2px;\">Q1 Energy Price Spike \u2014 Accuracy: 94%<\/div>\n              <\/div>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim); white-space: nowrap;\">28m ago<\/span>\n            <\/div>\n            \n            <!-- Activity Item 4 -->\n            <div style=\"display: flex; align-items: flex-start; gap: 10px; padding: 10px 0;\">\n              <div style=\"width: 28px; height: 28px; background: rgba(6,182,212,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <\/div>\n              <div style=\"flex: 1; min-width: 0;\">\n                <div style=\"font-size: 0.625rem; color: var(--text-primary); font-weight: 500;\">Scenario Session Complete<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted); margin-top: 2px;\">AI Dependency Cascade \u2014 3 scenarios documented<\/div>\n              <\/div>\n              <span style=\"font-size: 0.5rem; color: var(--text-dim); white-space: nowrap;\">47m ago<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Third Row: Capabilities Grid -->\n        <div style=\"background: var(--bg-tertiary); padding: 14px 18px; border-top: 1px solid var(--border-primary);\">\n          <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 14px;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--text-muted)\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            <span style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary);\">Platform Capabilities \u2014 Anticipatory De-Risking Controls<\/span>\n          <\/div>\n          <div class=\"dashboard-capabilities\" style=\"display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px;\">\n            \n            <!-- Capability 1 -->\n            <div style=\"background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 14px; text-align: center;\">\n              <div style=\"width: 32px; height: 32px; background: rgba(6,182,212,0.1); border: 1px solid rgba(6,182,212,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\" style=\"width: 16px; height: 16px;\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n              <\/div>\n              <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Signal Detection<\/div>\n              <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.4;\">Cross-domain early warnings<\/div>\n            <\/div>\n            \n            <!-- Capability 2 -->\n            <div style=\"background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 14px; text-align: center;\">\n              <div style=\"width: 32px; height: 32px; background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\" style=\"width: 16px; height: 16px;\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><\/svg>\n              <\/div>\n              <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Cascade Mapping<\/div>\n              <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.4;\">Dependency visualization<\/div>\n            <\/div>\n            \n            <!-- Capability 3 -->\n            <div style=\"background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 14px; text-align: center;\">\n              <div style=\"width: 32px; height: 32px; background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\" style=\"width: 16px; height: 16px;\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"\/><\/svg>\n              <\/div>\n              <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Decision Triggers<\/div>\n              <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.4;\">Bounded action thresholds<\/div>\n            <\/div>\n            \n            <!-- Capability 4 -->\n            <div style=\"background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 14px; text-align: center;\">\n              <div style=\"width: 32px; height: 32px; background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 16px; height: 16px;\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n              <\/div>\n              <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Scenario Planning<\/div>\n              <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.4;\">Structured futures work<\/div>\n            <\/div>\n            \n            <!-- Capability 5 -->\n            <div style=\"background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 14px; text-align: center;\">\n              <div style=\"width: 32px; height: 32px; background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\" style=\"width: 16px; height: 16px;\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n              <\/div>\n              <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Forecast Tournaments<\/div>\n              <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.4;\">Calibrated predictions<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Fourth Row: Before\/After Comparison -->\n        <div class=\"dashboard-split\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border-primary);\">\n          \n          <!-- Before -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\n              <div style=\"width: 24px; height: 24px; background: rgba(239,68,68,0.15); border-radius: 6px; display: flex; align-items: center; justify-content: center;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 12px; height: 12px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n              <\/div>\n              <span style=\"font-size: 0.6875rem; font-weight: 600; color: var(--accent-red);\">Without Nexus Platform<\/span>\n            <\/div>\n            <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;\">\n              <div style=\"background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-red); font-weight: 600; margin-bottom: 4px;\">~65%<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Strategic surprises<\/div>\n              <\/div>\n              <div style=\"background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-red); font-weight: 600; margin-bottom: 4px;\">Reactive<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Decision mode<\/div>\n              <\/div>\n              <div style=\"background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-red); font-weight: 600; margin-bottom: 4px;\">Fragmented<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Signal sources<\/div>\n              <\/div>\n              <div style=\"background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-red); font-weight: 600; margin-bottom: 4px;\">Hidden<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Cascade dependencies<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- After -->\n          <div style=\"background: var(--bg-secondary); padding: 20px;\">\n            <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\n              <div style=\"width: 24px; height: 24px; background: rgba(16,185,129,0.15); border-radius: 6px; display: flex; align-items: center; justify-content: center;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 12px; height: 12px;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n              <\/div>\n              <span style=\"font-size: 0.6875rem; font-weight: 600; color: var(--accent-green);\">With Nexus Platform<\/span>\n            <\/div>\n            <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;\">\n              <div style=\"background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-green); font-weight: 600; margin-bottom: 4px;\">11%<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Strategic surprises<\/div>\n              <\/div>\n              <div style=\"background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-green); font-weight: 600; margin-bottom: 4px;\">Anticipatory<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Decision mode<\/div>\n              <\/div>\n              <div style=\"background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-green); font-weight: 600; margin-bottom: 4px;\">Integrated<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Signal sources<\/div>\n              <\/div>\n              <div style=\"background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px; padding: 10px;\">\n                <div style=\"font-size: 0.5625rem; color: var(--accent-green); font-weight: 600; margin-bottom: 4px;\">Visible<\/div>\n                <div style=\"font-size: 0.5rem; color: var(--text-muted);\">Cascade dependencies<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Footer -->\n        <div class=\"panel-footer\" style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;\">\n          <div>\n            <strong style=\"color: var(--accent-cyan);\">Platform Guarantee:<\/strong> Calibrated forecasts \u2022 Documented assumptions \u2022 Correctionable scenarios \u2022 No operational dispatch\n          <\/div>\n          <div style=\"display: flex; align-items: center; gap: 8px;\">\n            <span style=\"font-size: 0.5rem; color: var(--text-dim);\">Last updated:<\/span>\n            <span style=\"font-size: 0.5rem; color: var(--text-muted);\">Real-time<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Dashboard Data Disclaimer -->\n      <div style=\"text-align: center; padding: 12px 16px; margin-top: 12px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 8px;\">\n        <p style=\"font-size: 0.625rem; color: var(--text-muted); margin: 0; display: flex; align-items: center; justify-content: center; gap: 6px;\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 12px; height: 12px; flex-shrink: 0;\"><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\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n          <span><strong style=\"color: var(--accent-red);\">Data Notice:<\/strong> All dashboard metrics, statistics, and visualizations are generated during test\/simulation mode for demonstration and visualization purposes only. This data does not represent actual platform activity and should not be used for decision-making.<\/span>\n        <\/p>\n      <\/div>\n      \n      <!-- Foresight Failures Tags -->\n      <div class=\"panel\" style=\"margin-top: 20px;\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n            Anticipatory Failures We Eliminate\n          <\/div>\n          <span class=\"panel-badge red\">Critical Gaps Addressed<\/span>\n        <\/div>\n        <div class=\"panel-body\">\n          <div class=\"tags\">\n            <span class=\"tag tag-red\">Strategic surprise<\/span>\n            <span class=\"tag tag-red\">Blind spots<\/span>\n            <span class=\"tag tag-red\">Late action<\/span>\n            <span class=\"tag tag-red\">Reactive coordination<\/span>\n            <span class=\"tag tag-red\">Cascade blindness<\/span>\n            <span class=\"tag tag-red\">Signal fragmentation<\/span>\n            <span class=\"tag tag-red\">Scenario avoidance<\/span>\n            <span class=\"tag tag-red\">Trigger ambiguity<\/span>\n            <span class=\"tag tag-red\">Forecast overconfidence<\/span>\n            <span class=\"tag tag-red\">Assumption drift<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 9 Frontier Foresight Domains -->\n  <section class=\"section\" id=\"domains\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          Foresight Domains\n        <\/div>\n        <h2 class=\"section-title\">Nine Frontier <strong>Foresight Domains<\/strong><\/h2>\n        <p class=\"section-desc\">The platform focuses on nine priority domains where anticipatory governance produces the highest systemic impact.<\/p>\n      <\/div>\n      \n      <div class=\"panel\" style=\"overflow: hidden;\">\n        <div class=\"grid-3\">\n          \n          <!-- Domain 1 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(6,182,212,0.1); border: 1px solid rgba(6,182,212,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\"><path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-cyan);\">Domain 01<\/div>\n            <div class=\"grid-cell-title\">Climate-Finance-Infrastructure Coupling<\/div>\n            <p>Cross-domain cascades linking climate volatility to financial stress and infrastructure fragility. Includes macro-financial coupling, insurance retreat, and systemic physical risk exposure.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Climate disclosure gaps, stranded asset indicators, infrastructure stress metrics\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 2 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-purple);\">Domain 02<\/div>\n            <div class=\"grid-cell-title\">AI Acceleration & Dependencies<\/div>\n            <p>Rapid AI capability advances, toolchain concentration, compute dependencies, and systemic exposure. Includes model error propagation, autonomy chains, and governance lag indicators.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Capability jumps, concentration metrics, dependency mapping, incident rates\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 3 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-red);\">Domain 03<\/div>\n            <div class=\"grid-cell-title\">Cyber Cascade Scenarios<\/div>\n            <p>Critical dependency maps for IT\/OT convergence, cross-sector cyber cascades, and communications fragility. Includes ransomware propagation, supply chain compromise, and safety-critical exposure.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Dependency graphs, vulnerability chains, incident propagation patterns\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 4 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-orange);\">Domain 04<\/div>\n            <div class=\"grid-cell-title\">Migration & Social Stability<\/div>\n            <p>Food, water, and livelihood stress driving migration patterns and social stability coupling. Includes displacement forecasting, integration capacity, and political stability indicators.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Stress migration indices, integration capacity metrics, stability forecasts\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 5 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(236,72,153,0.1); border: 1px solid rgba(236,72,153,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EC4899\" stroke-width=\"1.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-pink);\">Domain 05<\/div>\n            <div class=\"grid-cell-title\">Information Integrity<\/div>\n            <p>Information integrity breakdown as a governance risk accelerator. Includes synthetic media proliferation, epistemic fragmentation, and trust erosion indicators.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Synthetic media volume, source credibility decay, narrative fragmentation\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 6 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366F1\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"9.17\" y2=\"9.17\"\/><line x1=\"14.83\" y1=\"14.83\" x2=\"19.07\" y2=\"19.07\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-indigo);\">Domain 06<\/div>\n            <div class=\"grid-cell-title\">Space & Communications<\/div>\n            <p>Space dependency and large-scale outage scenarios including satellite fragility, timing systems, and communications continuity. Includes space weather impacts and orbital debris cascades.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Satellite health, space weather indices, timing dependency maps\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 7 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-green);\">Domain 07<\/div>\n            <div class=\"grid-cell-title\">Health Security Futures<\/div>\n            <p>Pathogen spillover risk, surveillance gaps, and response capacity forecasting. Includes pandemic preparedness indicators, One Health integration, and health system resilience.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Spillover risk indices, surveillance coverage, response capacity metrics\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 8 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"1.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-amber);\">Domain 08<\/div>\n            <div class=\"grid-cell-title\">Food-Water-Energy Nexus<\/div>\n            <p>Interconnected stress on food, water, and energy systems. Includes production shocks, distribution fragility, and resource competition forecasting.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Production indices, trade flow stress, price volatility forecasts\n            <\/div>\n          <\/div>\n          \n          <!-- Domain 9 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><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\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-blue);\">Domain 09<\/div>\n            <div class=\"grid-cell-title\">Geopolitical Transition Risks<\/div>\n            <p>Power transition scenarios, alliance fragility, and coordination breakdown. Includes sanctions cascade effects, technology bifurcation, and multipolar instability.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Key Signals:<\/strong> Alliance health, sanctions exposure, technology decoupling indicators\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"panel-footer\">\n          <strong>Domain Selection Criteria:<\/strong> Cascade potential \u2022 Lead time actionability \u2022 Cross-sector impact \u2022 Signal availability \u2022 Governance relevance\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6 Platform Infrastructure Modules -->\n  <section class=\"section\" id=\"infrastructure\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n          Platform Infrastructure\n        <\/div>\n        <h2 class=\"section-title\">Six Foresight <strong>Infrastructure Modules<\/strong><\/h2>\n        <p class=\"section-desc\">Purpose-built modules that transform fragmented signals into actionable anticipatory intelligence.<\/p>\n      <\/div>\n      \n      <div class=\"panel\" style=\"overflow: hidden;\">\n        <div class=\"grid-3\">\n          \n          <!-- Module 1 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(6,182,212,0.1); border: 1px solid rgba(6,182,212,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-cyan);\">Module 01<\/div>\n            <div class=\"grid-cell-title\">Signal Library Engine<\/div>\n            <p>Curated repository of early warning signals across all domains. Includes signal classification, source validation, relevance scoring, and historical pattern matching.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Capabilities:<\/strong> Signal intake, source validation, classification, trend detection, alert generation\n            <\/div>\n          <\/div>\n          \n          <!-- Module 2 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-purple);\">Module 02<\/div>\n            <div class=\"grid-cell-title\">Cascade Map Builder<\/div>\n            <p>Visual tooling for mapping cross-domain dependencies and correlation pathways. Includes node relationship modeling, propagation simulation, and vulnerability identification.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Capabilities:<\/strong> Dependency mapping, correlation analysis, propagation modeling, vulnerability scoring\n            <\/div>\n          <\/div>\n          \n          <!-- Module 3 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-orange);\">Module 03<\/div>\n            <div class=\"grid-cell-title\">Trigger Registry System<\/div>\n            <p>Bounded action thresholds defining \"what would make us act.\" Includes trigger definition, threshold monitoring, escalation protocols, and response coordination.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Capabilities:<\/strong> Trigger definition, threshold monitoring, alert routing, escalation management\n            <\/div>\n          <\/div>\n          \n          <!-- Module 4 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-green);\">Module 04<\/div>\n            <div class=\"grid-cell-title\">Scenario Room Builder<\/div>\n            <p>Structured workspace for disciplined scenario development. Includes assumption logging, scenario branching, consistency checking, and correction tracking.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Capabilities:<\/strong> Scenario structuring, assumption tracking, consistency validation, version control\n            <\/div>\n          <\/div>\n          \n          <!-- Module 5 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-blue);\">Module 05<\/div>\n            <div class=\"grid-cell-title\">Forecasting Tournament Engine<\/div>\n            <p>Platform for structured prediction exercises with calibration tracking. Includes question design, Brier scoring, forecaster calibration, and accuracy leaderboards.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Capabilities:<\/strong> Question management, forecast collection, scoring, calibration analysis, leaderboards\n            <\/div>\n          <\/div>\n          \n          <!-- Module 6 -->\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\" style=\"color: var(--accent-red);\">Module 06<\/div>\n            <div class=\"grid-cell-title\">Horizon Brief Publisher<\/div>\n            <p>Monthly curated synthesis of frontier developments and emerging risks. Includes signal curation, synthesis drafting, expert review, and controlled distribution.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Capabilities:<\/strong> Signal curation, synthesis automation, peer review, publication workflow\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"panel-footer\">\n          <strong>Module Integration:<\/strong> All modules share common data models, credit systems, and governance controls for seamless anticipatory workflows\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- AI Capabilities -->\n  <section class=\"section\" id=\"ai\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21\"\/><\/svg>\n          AI Infrastructure\n        <\/div>\n        <h2 class=\"section-title\">AI-Powered <strong>Foresight Capabilities<\/strong><\/h2>\n        <p class=\"section-desc\">Multi-model AI infrastructure for signal detection, cascade simulation, scenario generation, and forecast synthesis.<\/p>\n      <\/div>\n      \n      <div class=\"panel\" style=\"overflow: hidden;\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06\"\/><\/svg>\n            AI Service Catalog\n          <\/div>\n          <span class=\"panel-badge cyan\">Multi-Model Architecture<\/span>\n        <\/div>\n        \n        <table class=\"feature-table\">\n          <thead>\n            <tr>\n              <th>Service<\/th>\n              <th>Capability<\/th>\n              <th>Models<\/th>\n              <th>Credits<\/th>\n              <th>Output<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td><span class=\"feature-name\">Signal Detection<\/span><\/td>\n              <td>Identifies emerging risk signals across news, research, and data streams<\/td>\n              <td style=\"color: var(--accent-purple);\">GPT-4 \u2022 Claude \u2022 Gemini<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">12 NUCs<\/td>\n              <td>Classified signals with source citations<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Cascade Simulation<\/span><\/td>\n              <td>Simulates risk propagation across dependency networks and domains<\/td>\n              <td style=\"color: var(--accent-purple);\">Custom ML \u2022 GPT-4<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">35 NUCs<\/td>\n              <td>Propagation model with confidence bands<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Scenario Generation<\/span><\/td>\n              <td>Generates structured scenarios from signals and assumptions<\/td>\n              <td style=\"color: var(--accent-purple);\">Claude \u2022 GPT-4<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">25 NUCs<\/td>\n              <td>Scenario narratives with assumption logs<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Trigger Threshold Analysis<\/span><\/td>\n              <td>Analyzes conditions for action triggers based on signal patterns<\/td>\n              <td style=\"color: var(--accent-purple);\">GPT-4 \u2022 Gemini Pro<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">18 NUCs<\/td>\n              <td>Threshold recommendations with rationale<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Horizon Synthesis<\/span><\/td>\n              <td>Synthesizes monthly frontier briefs from curated signals<\/td>\n              <td style=\"color: var(--accent-purple);\">Claude \u2022 GPT-4<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">20 NUCs<\/td>\n              <td>Structured horizon brief draft<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Forecast Question Design<\/span><\/td>\n              <td>Generates well-formed forecasting questions from foresight priorities<\/td>\n              <td style=\"color: var(--accent-purple);\">Claude \u2022 Gemini<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">10 NUCs<\/td>\n              <td>Tournament-ready forecast questions<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Assumption Extraction<\/span><\/td>\n              <td>Extracts implicit assumptions from scenarios and forecasts<\/td>\n              <td style=\"color: var(--accent-purple);\">GPT-4 \u2022 Claude<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">14 NUCs<\/td>\n              <td>Assumption registry with criticality scores<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Cross-Domain Correlation<\/span><\/td>\n              <td>Identifies non-obvious correlations across foresight domains<\/td>\n              <td style=\"color: var(--accent-purple);\">Custom ML \u2022 Gemini<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">28 NUCs<\/td>\n              <td>Correlation map with confidence scores<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Scenario Stress Testing<\/span><\/td>\n              <td>Stress tests scenarios against alternative assumptions<\/td>\n              <td style=\"color: var(--accent-purple);\">Claude \u2022 GPT-4<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">22 NUCs<\/td>\n              <td>Stress test results with robustness scores<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Forecast Aggregation<\/span><\/td>\n              <td>Aggregates forecasts with calibration-weighted synthesis<\/td>\n              <td style=\"color: var(--accent-purple);\">Custom ML \u2022 GPT-4<\/td>\n              <td style=\"font-family: var(--font-mono); color: var(--accent-cyan);\">15 NUCs<\/td>\n              <td>Aggregated forecast with uncertainty bands<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n        \n        <div class=\"panel-footer\">\n          <strong>AI Governance:<\/strong> All AI outputs include confidence scores \u2022 Human validation required for triggers \u2022 No AI-generated predictions without calibration \u2022 Audit logs maintained\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Open Foresight Economy -->\n  <section class=\"section\" id=\"economy\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n          Open Economy\n        <\/div>\n        <h2 class=\"section-title\">Open <strong>Foresight Economy<\/strong><\/h2>\n        <p class=\"section-desc\">A transparent credit-based economy that rewards forecast accuracy, enables scenario collaboration, and funds public-good anticipatory intelligence.<\/p>\n      <\/div>\n      \n      <!-- 4-Credit System -->\n      <div class=\"panel\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\n            4-Currency Credit System\n          <\/div>\n          <span class=\"panel-badge green\">Transparent \u2022 Auditable<\/span>\n        <\/div>\n        <div class=\"grid-4\">\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.25);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\" style=\"color: var(--accent-green);\">vCredits<\/div>\n            <div class=\"grid-cell-subtitle\">Validation Credits<\/div>\n            <p>Earned when forecasts resolve accurately, cascade maps are validated, or scenarios are stress-tested and confirmed. Highest-value credits reflecting calibrated accuracy.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Earn by:<\/strong> Accurate forecasts, validated cascades, confirmed scenarios, peer review acceptance\n            <\/div>\n          <\/div>\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.25);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\" style=\"color: var(--accent-blue);\">pCredits<\/div>\n            <div class=\"grid-cell-subtitle\">Participation Credits<\/div>\n            <p>Earned through active platform engagement: submitting signals, participating in tournaments, contributing to scenario rooms, attending foresight sessions.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Earn by:<\/strong> Signal submissions, tournament participation, scenario contributions, session attendance\n            <\/div>\n          <\/div>\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(168,85,247,0.15); border: 1px solid rgba(168,85,247,0.25);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\" style=\"color: var(--accent-purple);\">eCredits<\/div>\n            <div class=\"grid-cell-subtitle\">Engagement Credits<\/div>\n            <p>Earned through community support: providing feedback on scenarios, mentoring forecasters, participating in cascade validation, supporting horizon synthesis.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Earn by:<\/strong> Scenario feedback, forecaster mentoring, cascade validation, synthesis support\n            <\/div>\n          <\/div>\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(6,182,212,0.15); border: 1px solid rgba(6,182,212,0.25);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\" style=\"color: var(--accent-cyan);\">NUCs<\/div>\n            <div class=\"grid-cell-subtitle\">Nexus Usage Credits<\/div>\n            <p>Purchased or subscription-allocated credits for consuming AI services, simulation compute, premium signal access, and tournament administration.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Use for:<\/strong> AI services, simulations, premium access, tournament fees\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"panel-footer\">\n          <strong>Anti-Gaming:<\/strong> All credit earnings subject to resolution \u2022 Clawback for forecast manipulation \u2022 Rate limits prevent farming \u2022 Calibration-weighted rewards\n        <\/div>\n      <\/div>\n      \n      <!-- Production Pathways -->\n      <div class=\"panel\" style=\"margin-top: 20px;\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            Foresight Production Pathways\n          <\/div>\n          <span class=\"panel-badge cyan\">Open Participation<\/span>\n        <\/div>\n        <div class=\"grid-4\">\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\">Forecasting Tournaments<\/div>\n            <p>Structured prediction exercises with calibration tracking. Participants earn vCredits based on accuracy and calibration; top performers gain forecaster status.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Frequency:<\/strong> Monthly tournaments + quarterly finals\n            <\/div>\n          <\/div>\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\">Scenario Rooms<\/div>\n            <p>Collaborative scenario development with assumption tracking. Participants earn pCredits for contributions; validated scenarios earn vCredits for leads.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Format:<\/strong> 2\u20134 week scenario sprints\n            <\/div>\n          <\/div>\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\">Trigger Workshops<\/div>\n            <p>Structured sessions defining \"what would make us act\" with bounded thresholds. Participants earn pCredits; adopted triggers earn vCredits.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Format:<\/strong> Half-day intensive workshops\n            <\/div>\n          <\/div>\n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary);\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-title\">Cascade Mapping Sprints<\/div>\n            <p>Time-bound collaborative efforts mapping cross-domain dependencies. Participants earn pCredits; validated maps earn vCredits and are published to library.<\/p>\n            <div class=\"grid-cell-meta\">\n              <strong>Duration:<\/strong> 1\u20132 week intensive sprints\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Foresight Services & Funding Pathways -->\n  <section class=\"section\" id=\"services\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n          Services & Funding\n        <\/div>\n        <h2 class=\"section-title\">Foresight <strong>Services & Funding Pathways<\/strong><\/h2>\n        <p class=\"section-desc\">Comprehensive services for decision-makers seeking anticipatory intelligence, forecasters seeking opportunities, and institutions building foresight capacity.<\/p>\n      <\/div>\n      \n      <div class=\"grid-2\" style=\"gap: 20px; background: transparent;\">\n        \n        <!-- For Decision-Makers -->\n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              For Decision-Makers\n            <\/div>\n            <span class=\"panel-badge cyan\">Verein-Compatible<\/span>\n          <\/div>\n          <div class=\"panel-body\" style=\"padding: 0;\">\n            <table class=\"feature-table\">\n              <tbody>\n                <tr>\n                  <td><span class=\"feature-name\">Horizon Briefings<\/span><\/td>\n                  <td>Monthly curated synthesis of frontier developments and emerging risks across domains<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Scenario Facilitation<\/span><\/td>\n                  <td>Structured scenario sessions with assumption documentation and stress testing<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Cascade Mapping<\/span><\/td>\n                  <td>Custom cascade maps for organization-specific dependency and risk visualization<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Trigger Design<\/span><\/td>\n                  <td>Facilitated development of action triggers with bounded thresholds<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Forecast Access<\/span><\/td>\n                  <td>Access to calibrated forecast aggregations from tournament participants<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Signal Subscriptions<\/span><\/td>\n                  <td>Curated signal feeds tailored to organizational priorities and domains<\/td>\n                <\/tr>\n              <\/tbody>\n            <\/table>\n          <\/div>\n          <div class=\"panel-footer\">\n            <strong>Decision-Maker Guarantee:<\/strong> No operational dispatch \u2022 Calibrated forecasts \u2022 Documented assumptions\n          <\/div>\n        <\/div>\n        \n        <!-- For Forecasters & Institutions -->\n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n              For Forecasters & Institutions\n            <\/div>\n            <span class=\"panel-badge blue\">Verein-Compatible<\/span>\n          <\/div>\n          <div class=\"panel-body\" style=\"padding: 0;\">\n            <table class=\"feature-table\">\n              <tbody>\n                <tr>\n                  <td><span class=\"feature-name\">Tournament Access<\/span><\/td>\n                  <td>Participate in forecasting tournaments with calibration tracking and rewards<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Forecaster Certification<\/span><\/td>\n                  <td>Earn forecaster credentials based on accuracy and calibration track record<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Training Programs<\/span><\/td>\n                  <td>Superforecasting methodology, scenario planning, and cascade mapping training<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Institutional Licenses<\/span><\/td>\n                  <td>White-label foresight infrastructure for internal anticipatory governance<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Simulation Access<\/span><\/td>\n                  <td>Compute credits for cascade simulations and scenario stress testing<\/td>\n                <\/tr>\n                <tr>\n                  <td><span class=\"feature-name\">Publication Opportunities<\/span><\/td>\n                  <td>Contribute to horizon briefs and cascade maps with attribution and credits<\/td>\n                <\/tr>\n              <\/tbody>\n            <\/table>\n          <\/div>\n          <div class=\"panel-footer\">\n            <strong>Forecaster Guarantee:<\/strong> Merit-based rewards \u2022 Transparent scoring \u2022 Fair calibration tracking\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Subscription Plans -->\n  <section class=\"section\" id=\"subscriptions\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          Subscription Plans\n        <\/div>\n        <h2 class=\"section-title\">Foresight Platform <strong>Subscription Plans<\/strong><\/h2>\n        <p class=\"section-desc\">Transparent tiers designed for forecasters, decision-makers, and institutions. No hidden fees, no pay-to-play.<\/p>\n      <\/div>\n      \n      <div class=\"panel\" style=\"overflow: hidden;\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg>\n            Subscription Tier Comparison\n          <\/div>\n          <span class=\"panel-badge green\">No Pay-to-Play<\/span>\n        <\/div>\n        \n        <table class=\"feature-table\">\n          <thead>\n            <tr>\n              <th>Feature<\/th>\n              <th>Basic<\/th>\n              <th>Pro<\/th>\n              <th>Business<\/th>\n              <th>Enterprise<\/th>\n              <th>Leader<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td><span class=\"feature-name\">Signal Library Access<\/span><\/td>\n              <td style=\"color: var(--accent-green);\">Public signals<\/td>\n              <td style=\"color: var(--accent-green);\">Full library<\/td>\n              <td style=\"color: var(--accent-green);\">Full + priority<\/td>\n              <td style=\"color: var(--accent-green);\">Full + controlled<\/td>\n              <td style=\"color: var(--accent-green);\">Full + exclusive<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Monthly NUCs<\/span><\/td>\n              <td style=\"font-family: var(--font-mono);\">50<\/td>\n              <td style=\"font-family: var(--font-mono);\">250<\/td>\n              <td style=\"font-family: var(--font-mono);\">1,000<\/td>\n              <td style=\"font-family: var(--font-mono);\">5,000<\/td>\n              <td style=\"font-family: var(--font-mono);\">Unlimited<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Tournament Participation<\/span><\/td>\n              <td style=\"color: var(--accent-green);\">Public only<\/td>\n              <td style=\"color: var(--accent-green);\">All tournaments<\/td>\n              <td style=\"color: var(--accent-green);\">All + private<\/td>\n              <td style=\"color: var(--accent-green);\">Host tournaments<\/td>\n              <td style=\"color: var(--accent-green);\">Host + sponsor<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">AI Services<\/span><\/td>\n              <td style=\"color: var(--text-dim);\">Basic only<\/td>\n              <td style=\"color: var(--accent-green);\">Standard<\/td>\n              <td style=\"color: var(--accent-green);\">Advanced<\/td>\n              <td style=\"color: var(--accent-green);\">Full suite<\/td>\n              <td style=\"color: var(--accent-green);\">Full + custom<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Scenario Rooms<\/span><\/td>\n              <td style=\"color: var(--accent-green);\">Join<\/td>\n              <td style=\"color: var(--accent-green);\">Create<\/td>\n              <td style=\"color: var(--accent-green);\">Create + facilitate<\/td>\n              <td style=\"color: var(--accent-green);\">Private rooms<\/td>\n              <td style=\"color: var(--accent-green);\">White-label<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Cascade Mapping<\/span><\/td>\n              <td style=\"color: var(--accent-green);\">View<\/td>\n              <td style=\"color: var(--accent-green);\">Contribute<\/td>\n              <td style=\"color: var(--accent-green);\">Create<\/td>\n              <td style=\"color: var(--accent-green);\">Custom mapping<\/td>\n              <td style=\"color: var(--accent-green);\">Enterprise mapping<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Horizon Briefs<\/span><\/td>\n              <td style=\"color: var(--text-dim);\">\u2014<\/td>\n              <td style=\"color: var(--accent-green);\">Monthly digest<\/td>\n              <td style=\"color: var(--accent-green);\">Full briefs<\/td>\n              <td style=\"color: var(--accent-green);\">Customized briefs<\/td>\n              <td style=\"color: var(--accent-green);\">Exclusive + early<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Flagship Event<\/span><\/td>\n              <td style=\"color: var(--text-dim);\">\u2014<\/td>\n              <td style=\"color: var(--accent-green);\">Virtual pass<\/td>\n              <td style=\"color: var(--accent-green);\">Full pass<\/td>\n              <td style=\"color: var(--accent-green);\">VIP access<\/td>\n              <td style=\"color: var(--accent-green);\">Speaking + hosted<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Support<\/span><\/td>\n              <td>Community<\/td>\n              <td>Email<\/td>\n              <td>Priority email<\/td>\n              <td>Dedicated CSM<\/td>\n              <td>Executive sponsor<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n        \n        <div class=\"panel-footer\">\n          <strong>Platform Promise:<\/strong> Subscription fees fund platform infrastructure \u2022 No fee buys forecast outcomes \u2022 All scoring is calibration-based\n        <\/div>\n      <\/div>\n      \n      <!-- Institutional & Council Benefits -->\n      <div class=\"grid-2\" style=\"gap: 20px; background: transparent; margin-top: 20px;\">\n        \n        <!-- Institutional Subscriber Benefits -->\n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n              Institutional Subscriber Benefits\n            <\/div>\n            <span class=\"panel-badge blue\">Volume + Exclusives<\/span>\n          <\/div>\n          <div class=\"panel-body\">\n            <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;\">\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Volume Discounts<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">15\u201345% discount for 10\u2013100+ seats<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Private Scenario Rooms<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Isolated environments for internal foresight<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Dedicated Support<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Named CSM + foresight specialist<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Custom Integrations<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">API access + SSO + internal systems<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Event Access<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Flagship passes + scenario room hosting<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Tournament Sponsorship<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Host branded forecasting tournaments<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Council Subscriber Benefits -->\n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n              Council Subscriber Benefits\n            <\/div>\n            <span class=\"panel-badge purple\">Governance Priority<\/span>\n          <\/div>\n          <div class=\"panel-body\">\n            <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;\">\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Automatic Tier Upgrade<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Business tier included with council subscription<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">NUC Bonus Allocation<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">+25% monthly credits for council members<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Controlled Signal Access<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Early access to emerging signals + council-only briefs<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Committee Participation<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">Voting rights on foresight methodologies<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Priority Scenario Access<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">First access to validated scenarios + cascade maps<\/div>\n              <\/div>\n              <div style=\"background: var(--bg-tertiary); border: 1px solid var(--border-primary); border-radius: 8px; padding: 12px;\">\n                <div style=\"font-size: 0.6875rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Flagship Event Access<\/div>\n                <div style=\"font-size: 0.5625rem; color: var(--text-muted);\">VIP passes + foresight track participation<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Council Integration -->\n  <section class=\"section\" id=\"councils\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          Council Integration\n        <\/div>\n        <h2 class=\"section-title\">Integrated with <strong>Nexus Governance Councils<\/strong><\/h2>\n        <p class=\"section-desc\">Six specialized councils provide domain expertise, governance oversight, and foresight prioritization across the platform.<\/p>\n      <\/div>\n      \n      <div class=\"panel\" style=\"overflow: hidden;\">\n        <div class=\"grid-6\">\n          \n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary); text-align: center; padding: 24px 12px;\">\n            <div style=\"width: 40px; height: 40px; background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\" style=\"width: 20px; height: 20px;\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 0.75rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">State & Government<\/div>\n            <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.5;\">National security foresight, policy horizon scanning<\/div>\n          <\/div>\n          \n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary); text-align: center; padding: 24px 12px;\">\n            <div style=\"width: 40px; height: 40px; background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\" style=\"width: 20px; height: 20px;\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 0.75rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Academia & Universities<\/div>\n            <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.5;\">Research foresight, methodology validation<\/div>\n          <\/div>\n          \n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary); text-align: center; padding: 24px 12px;\">\n            <div style=\"width: 40px; height: 40px; background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 20px; height: 20px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 0.75rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Media & Civil Society<\/div>\n            <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.5;\">Information integrity, public communication<\/div>\n          <\/div>\n          \n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary); text-align: center; padding: 24px 12px;\">\n            <div style=\"width: 40px; height: 40px; background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\" style=\"width: 20px; height: 20px;\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 0.75rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Industry & Standards<\/div>\n            <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.5;\">Technology foresight, industry signals<\/div>\n          <\/div>\n          \n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary); text-align: center; padding: 24px 12px;\">\n            <div style=\"width: 40px; height: 40px; background: rgba(236,72,153,0.1); border: 1px solid rgba(236,72,153,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EC4899\" stroke-width=\"1.5\" style=\"width: 20px; height: 20px;\"><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\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 0.75rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Community & Indigenous<\/div>\n            <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.5;\">Local signals, community foresight<\/div>\n          <\/div>\n          \n          <div class=\"grid-cell\" style=\"background: var(--bg-secondary); text-align: center; padding: 24px 12px;\">\n            <div style=\"width: 40px; height: 40px; background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366F1\" stroke-width=\"1.5\" style=\"width: 20px; height: 20px;\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <\/div>\n            <div style=\"font-size: 0.75rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;\">Leadership Council<\/div>\n            <div style=\"font-size: 0.5rem; color: var(--text-muted); line-height: 1.5;\">Governance oversight, strategic priorities<\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"panel-footer\">\n          <strong>Council Role:<\/strong> Councils provide domain expertise and governance oversight \u2022 They do not make forecasts or trigger operational responses\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Cross-Platform De-Risking Chain -->\n  <section class=\"section\" id=\"chain\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n          Platform Chain\n        <\/div>\n        <h2 class=\"section-title\">Cross-Platform <strong>De-Risking Chain<\/strong><\/h2>\n        <p class=\"section-desc\">Foresight Platform connects to the complete Nexus ecosystem, transforming early signals into coordinated anticipatory action.<\/p>\n      <\/div>\n      \n      <div class=\"panel\">\n        <div class=\"panel-body\">\n          <div class=\"chain\">\n            <div class=\"chain-item active\">\n              <div class=\"chain-icon\" style=\"background: rgba(6,182,212,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Foresight<\/div>\n              <div class=\"chain-role\">Identifies what's coming<\/div>\n            <\/div>\n            <span class=\"chain-arrow\">\u2192<\/span>\n            <div class=\"chain-item\">\n              <div class=\"chain-icon\" style=\"background: rgba(168,85,247,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Research<\/div>\n              <div class=\"chain-role\">Labels uncertainty<\/div>\n            <\/div>\n            <span class=\"chain-arrow\">\u2192<\/span>\n            <div class=\"chain-item\">\n              <div class=\"chain-icon\" style=\"background: rgba(249,115,22,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Innovation<\/div>\n              <div class=\"chain-role\">Creates patterns<\/div>\n            <\/div>\n            <span class=\"chain-arrow\">\u2192<\/span>\n            <div class=\"chain-item\">\n              <div class=\"chain-icon\" style=\"background: rgba(6,182,212,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Policy<\/div>\n              <div class=\"chain-role\">Shapes options<\/div>\n            <\/div>\n            <span class=\"chain-arrow\">\u2192<\/span>\n            <div class=\"chain-item\">\n              <div class=\"chain-icon\" style=\"background: rgba(16,185,129,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Capital<\/div>\n              <div class=\"chain-role\">Funds readiness<\/div>\n            <\/div>\n            <span class=\"chain-arrow\">\u2192<\/span>\n            <div class=\"chain-item\">\n              <div class=\"chain-icon\" style=\"background: rgba(236,72,153,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EC4899\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><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\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Diplomacy<\/div>\n              <div class=\"chain-role\">Aligns stakeholders<\/div>\n            <\/div>\n            <span class=\"chain-arrow\">\u2192<\/span>\n            <div class=\"chain-item\">\n              <div class=\"chain-icon\" style=\"background: rgba(59,130,246,0.15);\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n              <\/div>\n              <div class=\"chain-name\">Governance<\/div>\n              <div class=\"chain-role\">Ensures integrity<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"panel-footer\">\n          <strong>Foresight Platform Role:<\/strong> We identify what's coming\u2014early signals, cascade pathways, and decision triggers\u2014so the rest of the chain can act before risks compound\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Platform Boundaries -->\n  <section class=\"section\" id=\"boundaries\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg>\n          Platform Boundaries\n        <\/div>\n        <h2 class=\"section-title\">Non-Executing <strong>Perimeter<\/strong><\/h2>\n        <p class=\"section-desc\">The platform operates within strict boundaries to maintain integrity and prevent mission drift.<\/p>\n      <\/div>\n      \n      <div class=\"grid-2\" style=\"gap: 20px; background: transparent;\">\n        \n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n              Hard Boundaries\n            <\/div>\n            <span class=\"panel-badge red\">Never<\/span>\n          <\/div>\n          <div class=\"panel-body\">\n            <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>No operational dispatch:<\/strong> Foresight informs; it doesn't execute<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>No certainty claims:<\/strong> All forecasts include uncertainty<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>No intelligence operations:<\/strong> Public-safe signals only<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>No market manipulation:<\/strong> Forecasts don't move markets<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>No attribution manipulation:<\/strong> Sources are credited<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n              Active Controls\n            <\/div>\n            <span class=\"panel-badge green\">Always<\/span>\n          <\/div>\n          <div class=\"panel-body\">\n            <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>Calibration tracking:<\/strong> Forecast accuracy is measured<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>Assumption logging:<\/strong> Scenarios document assumptions<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>Source validation:<\/strong> Signals are verified<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>Correction discipline:<\/strong> No silent edits to forecasts<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 6px;\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\" style=\"width: 14px; height: 14px; flex-shrink: 0;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                <span style=\"font-size: 0.6875rem; color: var(--text-secondary);\"><strong>Anti-gaming controls:<\/strong> Tournament integrity protected<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Call to Action -->\n  <section class=\"section\" style=\"border-bottom: none;\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          Get Started\n        <\/div>\n        <h2 class=\"section-title\">Join the <strong>Foresight Platform<\/strong><\/h2>\n        <p class=\"section-desc\">Whether you're a decision-maker seeking anticipatory intelligence, a forecaster seeking tournaments, or an institution building capacity\u2014your journey starts here.<\/p>\n      <\/div>\n      \n      <div class=\"panel\" style=\"text-align: center; padding: 48px 24px;\">\n        <div style=\"max-width: 640px; margin: 0 auto;\">\n          <h3 style=\"font-size: 1.25rem; font-weight: 600; margin-bottom: 12px;\">Cascades before they cascade<\/h3>\n          <p style=\"font-size: 0.875rem; color: var(--text-muted); margin-bottom: 32px; line-height: 1.7;\">\n            The world's decision-makers are perpetually reacting. We provide the infrastructure to anticipate\u2014early signals, cascade maps, and decision triggers that enable action before risks compound into crises.\n          <\/p>\n          \n          <div class=\"btn-group\" style=\"margin-bottom: 32px;\">\n            <a href=\"https:\/\/globalriskforum.com\/foresight\/subscribe\/\" class=\"btn btn-primary\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg>\n              Subscribe\n            <\/a>\n            <a href=\"https:\/\/globalriskforum.com\/foresight\/start\/\" class=\"btn btn-secondary\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              Start Subscription\n            <\/a>\n            <a href=\"https:\/\/globalriskforum.com\/foresight\/tournaments\/\" class=\"btn btn-secondary\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n              Join Tournaments\n            <\/a>\n            <a href=\"https:\/\/globalriskforum.com\/foresight\/scenarios\/\" class=\"btn btn-secondary\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><\/svg>\n              Browse Scenarios\n            <\/a>\n            <a href=\"https:\/\/globalriskforum.com\/foresight\/institutional\/\" class=\"btn btn-secondary\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n              Institutional Plans\n            <\/a>\n          <\/div>\n          \n          <div style=\"display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--border-primary);\">\n            <div style=\"text-align: center;\">\n              <div style=\"font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); color: var(--accent-cyan);\">12,847<\/div>\n              <div style=\"font-size: 0.5625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em;\">Signals Tracked<\/div>\n            <\/div>\n            <div style=\"text-align: center;\">\n              <div style=\"font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); color: var(--accent-green);\">87.3%<\/div>\n              <div style=\"font-size: 0.5625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em;\">Forecast Accuracy<\/div>\n            <\/div>\n            <div style=\"text-align: center;\">\n              <div style=\"font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); color: var(--accent-purple);\">847<\/div>\n              <div style=\"font-size: 0.5625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em;\">Cascade Maps<\/div>\n            <\/div>\n            <div style=\"text-align: center;\">\n              <div style=\"font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); color: var(--accent-orange);\">4.7 days<\/div>\n              <div style=\"font-size: 0.5625rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em;\">Avg. Lead Time<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Legal Disclaimers & Notices -->\n  <section class=\"section\" id=\"legal\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"section-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          Legal & Compliance\n        <\/div>\n        <h2 class=\"section-title\">Disclaimers & <strong>Legal Notices<\/strong><\/h2>\n        <p class=\"section-desc\">Critical legal information governing platform use, forecasting services, scenario planning, and anticipatory governance tools.<\/p>\n      <\/div>\n      \n      <div class=\"panel\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n            Platform Disclaimers \u2014 Foresight Infrastructure\n          <\/div>\n          <span class=\"panel-badge red\">Read Carefully<\/span>\n        <\/div>\n        \n        <div class=\"grid-2\">\n          <!-- Forecasting Limitations -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\"><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\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Critical Disclaimer<\/div>\n            <div class=\"grid-cell-title\">Forecasts Are Not Predictions<\/div>\n            <p>All forecasts, horizon scans, early warnings, and anticipatory analyses on this platform are exploratory assessments based on current information and assumptions that may prove incorrect. The future is inherently uncertain. Forecasts should not be treated as predictions, certainties, or definitive statements about future events. Actual events may differ materially from any forecast.<\/p>\n          <\/div>\n          \n          <!-- Scenario Planning Disclaimer -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(249,115,22,0.1); border: 1px solid rgba(249,115,22,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"1.5\"><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\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Scenario Analysis<\/div>\n            <div class=\"grid-cell-title\">Scenarios Are Illustrative<\/div>\n            <p>Scenario planning outputs, alternative futures, and \"what-if\" analyses are illustrative thought exercises designed to expand thinking, not predict specific outcomes. Scenarios deliberately explore possibilities that may never occur. The inclusion or exclusion of any scenario does not indicate its likelihood. Users should not base decisions solely on any single scenario.<\/p>\n          <\/div>\n          \n          <!-- Signal Detection Limitations -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(168,85,247,0.1); border: 1px solid rgba(168,85,247,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"1.5\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Signal Detection<\/div>\n            <div class=\"grid-cell-title\">Early Warning Limitations<\/div>\n            <p>Signal detection, early warning systems, and cascade mapping use algorithmic and AI-based methods that may miss critical signals, generate false positives, or fail to detect emerging risks. Signal accuracy rates are historical estimates, not guarantees. Users must not rely exclusively on platform signals for critical decisions. Black swan events by definition cannot be reliably predicted.<\/p>\n          <\/div>\n          \n          <!-- AI & Model Limitations -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h.01\"\/><path d=\"M15 9h.01\"\/><path d=\"M9 15h6\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">AI & Machine Learning<\/div>\n            <div class=\"grid-cell-title\">AI Forecasting Limitations<\/div>\n            <p>AI-powered features including cascade modeling, probability estimation, trigger detection, and automated synthesis use machine learning models trained on historical data that may not reflect future conditions. AI models have inherent biases and limitations. AI cannot predict unprecedented events. All AI-generated forecasts require human expert review and should not be used for operational decisions without validation.<\/p>\n          <\/div>\n          \n          <!-- Not Operational Guidance -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Operational Boundary<\/div>\n            <div class=\"grid-cell-title\">Not Operational or Emergency Guidance<\/div>\n            <p>Platform outputs are for strategic planning and anticipatory governance only\u2014NOT for operational dispatch, emergency response, or real-time decision-making. Do not use platform content for evacuation decisions, emergency mobilization, financial trading, or time-critical operational actions. Always rely on official emergency services and authorized sources for operational guidance.<\/p>\n          <\/div>\n          \n          <!-- No Certainty Claims -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(6,182,212,0.1); border: 1px solid rgba(6,182,212,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Uncertainty Notice<\/div>\n            <div class=\"grid-cell-title\">No Certainty or Guarantee Claims<\/div>\n            <p>GRF makes no claims of certainty, accuracy, or reliability regarding any forecast, scenario, signal, or anticipatory analysis. Probability estimates and confidence levels are model outputs, not guarantees. Lead time estimates are averages that may not apply to specific situations. The absence of a warning does not indicate absence of risk. Users assume all risks of reliance on platform content.<\/p>\n          <\/div>\n          \n          <!-- Cascade Modeling Disclaimer -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(236,72,153,0.1); border: 1px solid rgba(236,72,153,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EC4899\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v6m0 6v10\"\/><path d=\"m4.2 4.2 4.3 4.3m7 7 4.3 4.3M1 12h6m6 0h10M4.2 19.8l4.3-4.3m7-7 4.3-4.3\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Cascade Analysis<\/div>\n            <div class=\"grid-cell-title\">Cascade Maps Are Simplifications<\/div>\n            <p>Cascade maps, dependency networks, and correlation analyses are simplified representations of complex systems. Real-world cascades may follow unexpected pathways, involve unmapped dependencies, or exhibit emergent behaviors not captured in models. Maps are analytical tools for planning, not comprehensive risk inventories. Hidden dependencies and non-linear effects may not be reflected.<\/p>\n          <\/div>\n          \n          <!-- Credit System -->\n          <div class=\"grid-cell\">\n            <div class=\"grid-cell-icon\" style=\"background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.2);\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n            <\/div>\n            <div class=\"grid-cell-subtitle\">Credit System<\/div>\n            <div class=\"grid-cell-title\">Platform Credits Non-Monetary<\/div>\n            <p>vCredits, pCredits, eCredits, and NUCs are internal platform utility tokens with no monetary value, cash equivalent, or redemption value outside the platform. Credits cannot be exchanged for currency or transferred. Credit balances may be adjusted or expired according to platform terms.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"panel-footer\">\n          <strong style=\"color: var(--accent-red);\">Critical Notice:<\/strong> All forecasts and scenarios are exploratory, not predictive. Do not use for operational dispatch or emergency response. Always verify with official sources and qualified experts.\n        <\/div>\n      <\/div>\n      \n      <!-- Additional Legal Notices -->\n      <div class=\"panel\" style=\"margin-top: 20px;\">\n        <div class=\"panel-header\">\n          <div class=\"panel-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            Additional Legal Notices\n          <\/div>\n          <span class=\"panel-badge orange\">Compliance<\/span>\n        <\/div>\n        <div class=\"panel-body\">\n          <table class=\"feature-table\">\n            <tr>\n              <td><span class=\"feature-name\">Not Professional Advice<\/span><\/td>\n              <td>Foresight platform content does not constitute financial, investment, legal, insurance, actuarial, or any other professional advice. Users must consult qualified professionals in relevant disciplines before making strategic decisions based on platform content.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Data Sources<\/span><\/td>\n              <td>Platform content draws on multiple data sources, including third-party providers, public information, and user submissions. GRF does not guarantee the accuracy, completeness, or timeliness of underlying data. Data may be revised or corrected without notice.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Sensitive Information<\/span><\/td>\n              <td>Some foresight content may relate to sensitive geopolitical, security, or market matters. Sharing or acting on such information may have legal implications. Users are responsible for compliance with applicable laws regarding sensitive information.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Limitation of Liability<\/span><\/td>\n              <td>To the maximum extent permitted by law, GRF shall not be liable for any damages arising from reliance on forecasts, scenarios, or platform content, including missed warnings, false positives, financial losses, or consequential damages of any kind.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Intellectual Property<\/span><\/td>\n              <td>Foresight content, methodologies, and analytical frameworks are proprietary. Users may not redistribute, resell, or publicly disseminate platform content without authorization. Attribution is required for permitted uses.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Jurisdiction<\/span><\/td>\n              <td>This platform is operated by The Global Risks Forum, a Swiss Association (Verein) in Geneva. Disputes shall be governed by Swiss law and subject to the exclusive jurisdiction of the courts of Geneva.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Modification of Content<\/span><\/td>\n              <td>Forecasts, scenarios, and assessments may be revised, updated, or withdrawn at any time as new information becomes available. Historical content may not reflect current assessments. Always verify content currency.<\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"feature-name\">Third-Party AI Services<\/span><\/td>\n              <td>Platform integrates third-party AI providers whose services may have their own limitations, biases, and terms. GRF is not responsible for third-party AI performance. AI model updates may affect output consistency.<\/td>\n            <\/tr>\n          <\/table>\n        <\/div>\n        <div class=\"panel-footer\">\n          <strong style=\"color: var(--text-secondary);\">Contact:<\/strong> Legal inquiries: legal@globalriskforum.com \u2022 Full Terms of Service at globalriskforum.com\/legal\/\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Footer -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-brand\">Nexus Foresight Platform<\/div>\n      <div class=\"footer-desc\">Cascades before they cascade\u2014anticipatory governance infrastructure \u2022 A platform of The Global Risks Forum<\/div>\n      <div class=\"footer-links\">\n        <a href=\"https:\/\/globalriskforum.com\/foresight\/\">Foresight Platform<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/research\/\">Research Platform<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/policy\/\">Policy Platform<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/innovation\/\">Innovation Platform<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/capital\/\">Capital Platform<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/diplomacy\/\">Diplomacy Platform<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/legal\/\">Legal<\/a>\n        <a href=\"https:\/\/globalriskforum.com\/privacy\/\">Privacy<\/a>\n      <\/div>\n      <div class=\"footer-legal\">\n        \u00a9 2025 The Global Risks Forum (Swiss Association \/ Verein) \u2022 Geneva, Switzerland \u2022 All Rights Reserved<br>\n        <span style=\"font-size: 0.5625rem; display: block; margin-top: 6px; line-height: 1.5;\">\n          CRITICAL DISCLAIMER: All forecasts, scenarios, early warnings, and cascade analyses are EXPLORATORY, not predictive. The future is inherently uncertain. \n          Platform content should NOT be used for operational dispatch, emergency response, or time-critical decisions. Signal accuracy is not guaranteed.\n          AI models have limitations and may produce inaccurate outputs. Black swan events cannot be reliably predicted. No certainty claims are made.\n          Always consult official emergency services and qualified experts for operational decisions. Platform credits have no monetary value.\n          By using this platform, you agree to these terms and the full Terms of Service at globalriskforum.com\/terms\/\n        <\/span>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    \/\/ Smooth scrolling for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n      anchor.addEventListener('click', function (e) {\n        e.preventDefault();\n        const target = document.querySelector(this.getAttribute('href'));\n        if (target) {\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n  <\/script>\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>Nexus Foresight Platform | Global Anticipatory Governance Infrastructure | Cascades Before They Cascade | The Global Risks Forum :root { \u2013bg-primary: #09090B; \u2013bg-secondary: #0C0C0F; \u2013bg-tertiary: #111114; \u2013bg-elevated: #16161A; \u2013bg-hover: #1C1C21; \u2013border-primary: #1E1E24; \u2013border-secondary: #27272E; \u2013border-accent: #35353E; \u2013text-primary: #FAFAFA; \u2013text-secondary: #A1A1AA; \u2013text-muted: #71717A; \u2013text-dim: #52525B; \u2013accent-blue: #3B82F6; \u2013accent-purple: #A855F7; \u2013accent-green: #10B981; \u2013accent-emerald: #34D399; \u2013accent-orange: #F97316; \u2013accent-amber: &hellip; <a href=\"https:\/\/globalriskforum.com\/foresight\/de-risking-foresight-infrastructure\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;De-risking Foresight Infrastructure&#8221;<\/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":{"footnotes":""},"class_list":["post-17312","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/pages\/17312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/comments?post=17312"}],"version-history":[{"count":0,"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/pages\/17312\/revisions"}],"wp:attachment":[{"href":"https:\/\/globalriskforum.com\/foresight\/wp-json\/wp\/v2\/media?parent=17312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}