{"id":763,"date":"2026-06-15T10:22:29","date_gmt":"2026-06-15T10:22:29","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=763"},"modified":"2026-07-13T11:25:19","modified_gmt":"2026-07-13T11:25:19","slug":"vision-roadmap","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/en\/vision-roadmap\/","title":{"rendered":"Vision &#038; Roadmap"},"content":{"rendered":"<!-- =========================================================\r\n     HYDROGENORG.CH\r\n     SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n     VERSIONE COMPLETA E CORRETTA\r\n========================================================= -->\r\n\r\n<header id=\"h2-global-header\" class=\"h2-global-header\">\r\n\r\n  <div class=\"h2-global-nav\">\r\n\r\n    <div class=\"h2-global-nav-inner\">\r\n\r\n      <!-- LOGO -->\r\n      <a\r\n        class=\"h2-global-logo\"\r\n        href=\"\/\"\r\n        aria-label=\"HydrogenOrg Home\"\r\n      >\r\n\r\n        <div\r\n          class=\"h2-global-logo-mark\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <div class=\"h2-global-logo-text\">\r\n\r\n          <div class=\"h2-global-logo-title\">\r\n            HYDROGEN<span>ORG.CH<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"h2-global-logo-sub\">\r\n            REGENERATIVE ENERGY NETWORK\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n      <!-- \/LOGO -->\r\n\r\n\r\n      <!-- MOBILE MENU BUTTON -->\r\n      <button\r\n        class=\"h2-global-menu-toggle\"\r\n        type=\"button\"\r\n        aria-label=\"Open navigation menu\"\r\n        aria-controls=\"h2-global-menu\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n\r\n      <\/button>\r\n      <!-- \/MOBILE MENU BUTTON -->\r\n\r\n\r\n      <!-- NAVIGATION -->\r\n      <nav\r\n        id=\"h2-global-menu\"\r\n        class=\"h2-global-menu\"\r\n        aria-label=\"HydrogenOrg Global Navigation\"\r\n      >\r\n\r\n        <a href=\"\/\">\r\n          Home\r\n        <\/a>\r\n\r\n        <a href=\"\/open-scientific-challenges-platform\/\">\r\n          Challenges\r\n        <\/a>\r\n\r\n        <a href=\"\/hydrogenorg-integrated-research-simulator\/\">\r\n          Integrated Simulator\r\n        <\/a>\r\n\r\n        <a href=\"\/open-simulation-infrastructure\/\">\r\n          Simulation\r\n        <\/a>\r\n\r\n        <a href=\"\/plasma-steam-reactor-framework\/\">\r\n  Plasma\r\n<\/a>\r\n\r\n<a href=\"\/hydrogenorg-plasma-energy-core-research-architecture-v1\/\">\r\n  Plasma Core\r\n<\/a>\r\n\r\n<a href=\"\/advanced-geothermal-power-systems\/\">\r\n  Geothermal\r\n<\/a>\r\n\r\n        <a href=\"\/geothermal-desalination-engineering-system\/\">\r\n          Desalination Engineering\r\n        <\/a>\r\n\r\n        <a href=\"\/geothermal-plasma-desalination-systems\/\">\r\n          Plasma Desalination\r\n        <\/a>\r\n\r\n        <a href=\"\/marine-hybrid-electric-closed-loop-plasma-h2-system\/\">\r\n          Marine H2\r\n        <\/a>\r\n\r\n        <a href=\"\/atmospheric-regeneration-systems\/\">\r\n          Atmosphere\r\n        <\/a>\r\n\r\n        <a href=\"\/hydrogen-infrastructure-networks\/\">\r\n          Infrastructure\r\n        <\/a>\r\n\r\n        <a href=\"\/ai-scientific-governance\/\">\r\n          AI Governance\r\n        <\/a>\r\n\r\n        <a href=\"\/about-hydrogenorg-governance\/\">\r\n          Governance\r\n        <\/a>\r\n\r\n        <a href=\"\/community\/\">\r\n          Community\r\n        <\/a>\r\n\r\n        <a href=\"\/vision-roadmap\/\">\r\n          Vision\r\n        <\/a>\r\n\r\n        <a href=\"\/membership-support\/\">\r\n          Membership\r\n        <\/a>\r\n\r\n        <a href=\"\/sponsor-a-challenge\/\">\r\n          Sponsor\r\n        <\/a>\r\n\r\n        <a href=\"\/for-partners-funders\/\">\r\n          Partners &amp; Funders\r\n        <\/a>\r\n\r\n        <a href=\"\/contact\/\">\r\n          Contact\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"\/join\/\"\r\n          class=\"h2-global-join\"\r\n        >\r\n          Join\r\n        <\/a>\r\n\r\n      <\/nav>\r\n      <!-- \/NAVIGATION -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL HEADER\r\n========================================================= *\/\r\n\r\n#h2-global-header,\r\n#h2-global-header *,\r\n#h2-global-header *::before,\r\n#h2-global-header *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#h2-global-header{\r\n  width:100%;\r\n  position:relative;\r\n  z-index:99999;\r\n  margin:0;\r\n  padding:0;\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.h2-global-nav{\r\n  width:100%;\r\n  position:relative;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4,12,27,.98) 0%,\r\n      rgba(2,7,17,.98) 100%\r\n    );\r\n  border-bottom:1px solid rgba(255,255,255,.09);\r\n  box-shadow:0 12px 35px rgba(0,0,0,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n========================================================= *\/\r\n\r\n.h2-global-nav-inner{\r\n  width:100%;\r\n  max-width:1560px;\r\n  min-height:104px;\r\n  margin:0 auto;\r\n  padding:15px 30px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.h2-global-logo{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:17px;\r\n\r\n  min-width:max-content;\r\n  flex-shrink:0;\r\n\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n  outline:none;\r\n}\r\n\r\n.h2-global-logo:hover,\r\n.h2-global-logo:focus,\r\n.h2-global-logo:visited{\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-logo-mark{\r\n  width:62px;\r\n  height:62px;\r\n  flex:0 0 62px;\r\n\r\n  position:relative;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(255,255,255,1) 0%,\r\n      rgba(202,248,255,.95) 7%,\r\n      rgba(53,214,255,.85) 19%,\r\n      rgba(72,142,255,.48) 39%,\r\n      rgba(29,80,168,.16) 56%,\r\n      rgba(0,0,0,0) 72%\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(53,214,255,.38),\r\n    0 0 31px rgba(53,214,255,.25);\r\n}\r\n\r\n.h2-global-logo-mark::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:11px;\r\n\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.38);\r\n\r\n  box-shadow:\r\n    inset 0 0 11px rgba(255,255,255,.22),\r\n    0 0 12px rgba(53,214,255,.2);\r\n}\r\n\r\n.h2-global-logo-mark::after{\r\n  content:\"H\u2082\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:16px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  color:#ffffff;\r\n  text-shadow:0 0 9px rgba(53,214,255,.9);\r\n}\r\n\r\n.h2-global-logo-text{\r\n  display:block;\r\n}\r\n\r\n.h2-global-logo-title{\r\n  margin:0;\r\n  padding:0;\r\n\r\n  font-size:23px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:#ffffff;\r\n}\r\n\r\n.h2-global-logo-title span{\r\n  color:#6bd14a;\r\n}\r\n\r\n.h2-global-logo-sub{\r\n  margin-top:8px;\r\n\r\n  font-size:10px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:3.1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:rgba(255,255,255,.63);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP MENU\r\n========================================================= *\/\r\n\r\n.h2-global-menu{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-end;\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px 13px;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.h2-global-menu a{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0;\r\n  padding:8px 0;\r\n\r\n  font-size:10px;\r\n  line-height:1.15;\r\n  font-weight:900;\r\n  letter-spacing:.52px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  color:rgba(255,255,255,.80);\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    color .2s ease,\r\n    background-color .2s ease,\r\n    border-color .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.h2-global-menu a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:2px;\r\n\r\n  height:1px;\r\n  width:0;\r\n  margin:auto;\r\n\r\n  background:#35d6ff;\r\n\r\n  transition:width .2s ease;\r\n}\r\n\r\n.h2-global-menu a:hover,\r\n.h2-global-menu a:focus{\r\n  color:#35d6ff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-menu a:hover::after,\r\n.h2-global-menu a:focus::after{\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOIN BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu .h2-global-join{\r\n  min-height:40px;\r\n  padding:11px 17px;\r\n\r\n  border:1px solid rgba(107,209,74,.72);\r\n  border-radius:5px;\r\n\r\n  background:rgba(107,209,74,.07);\r\n  color:#ffffff !important;\r\n\r\n  box-shadow:\r\n    inset 0 0 18px rgba(107,209,74,.04),\r\n    0 0 15px rgba(107,209,74,.05);\r\n}\r\n\r\n.h2-global-menu .h2-global-join::after{\r\n  display:none;\r\n}\r\n\r\n.h2-global-menu .h2-global-join:hover,\r\n.h2-global-menu .h2-global-join:focus{\r\n  background:#6bd14a;\r\n  border-color:#6bd14a;\r\n  color:#021018 !important;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu-toggle{\r\n  display:none;\r\n\r\n  width:48px;\r\n  height:44px;\r\n  flex:0 0 48px;\r\n\r\n  padding:10px;\r\n  margin:0;\r\n\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:5px;\r\n\r\n  background:rgba(255,255,255,.04);\r\n  cursor:pointer;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n}\r\n\r\n.h2-global-menu-toggle span{\r\n  display:block;\r\n  width:100%;\r\n  height:2px;\r\n  margin:5px 0;\r\n\r\n  border-radius:4px;\r\n  background:#ffffff;\r\n\r\n  transform-origin:center;\r\n  transition:\r\n    transform .22s ease,\r\n    opacity .22s ease;\r\n}\r\n\r\n.h2-global-menu-toggle:hover,\r\n.h2-global-menu-toggle:focus{\r\n  border-color:rgba(53,214,255,.65);\r\n  outline:none;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(1){\r\n  transform:translateY(7px) rotate(45deg);\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(2){\r\n  opacity:0;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(3){\r\n  transform:translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MEDIUM DESKTOP\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1380px){\r\n\r\n  .h2-global-nav-inner{\r\n    padding-left:22px;\r\n    padding-right:22px;\r\n    gap:22px;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:54px;\r\n    height:54px;\r\n    flex-basis:54px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:20px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    font-size:9px;\r\n    letter-spacing:2.4px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    gap:8px 11px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:9px;\r\n    letter-spacing:.42px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET AND MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1100px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:86px;\r\n    padding:15px 20px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    display:block;\r\n    margin-left:auto;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    display:none;\r\n\r\n    width:100%;\r\n    flex:0 0 100%;\r\n\r\n    margin-top:4px;\r\n    padding:14px;\r\n\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    justify-content:flex-start;\r\n    gap:4px;\r\n\r\n    border:1px solid rgba(255,255,255,.09);\r\n    border-radius:7px;\r\n\r\n    background:rgba(4,12,27,.99);\r\n    box-shadow:0 18px 35px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .h2-global-menu.is-open{\r\n    display:flex;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    width:100%;\r\n    min-height:42px;\r\n\r\n    justify-content:flex-start;\r\n\r\n    padding:12px 13px;\r\n\r\n    font-size:11px;\r\n    letter-spacing:.6px;\r\n\r\n    border-bottom:1px solid rgba(255,255,255,.055);\r\n  }\r\n\r\n  .h2-global-menu a:last-child{\r\n    border-bottom:none;\r\n  }\r\n\r\n  .h2-global-menu a::after{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-menu .h2-global-join{\r\n    justify-content:center;\r\n    margin-top:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:600px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:76px;\r\n    padding:12px 14px;\r\n    gap:10px;\r\n  }\r\n\r\n  .h2-global-logo{\r\n    gap:10px;\r\n    min-width:0;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:46px;\r\n    height:46px;\r\n    flex-basis:46px;\r\n  }\r\n\r\n  .h2-global-logo-mark::after{\r\n    font-size:13px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:17px;\r\n    letter-spacing:.5px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    margin-top:5px;\r\n    font-size:7px;\r\n    letter-spacing:1.4px;\r\n    white-space:normal;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    width:43px;\r\n    height:40px;\r\n    flex-basis:43px;\r\n    padding:8px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    padding:10px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:390px){\r\n\r\n  .h2-global-logo-title{\r\n    font-size:15px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:42px;\r\n    height:42px;\r\n    flex-basis:42px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n  function initializeHydrogenOrgNavigation(){\r\n\r\n    var header = document.getElementById(\"h2-global-header\");\r\n    var menu = document.getElementById(\"h2-global-menu\");\r\n\r\n    if(!header || !menu){\r\n      return;\r\n    }\r\n\r\n    var toggle = header.querySelector(\".h2-global-menu-toggle\");\r\n\r\n    if(!toggle){\r\n      return;\r\n    }\r\n\r\n    function openMenu(){\r\n\r\n      menu.classList.add(\"is-open\");\r\n      toggle.classList.add(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"true\");\r\n      toggle.setAttribute(\"aria-label\",\"Close navigation menu\");\r\n\r\n    }\r\n\r\n    function closeMenu(){\r\n\r\n      menu.classList.remove(\"is-open\");\r\n      toggle.classList.remove(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"false\");\r\n      toggle.setAttribute(\"aria-label\",\"Open navigation menu\");\r\n\r\n    }\r\n\r\n    function toggleMenu(){\r\n\r\n      if(menu.classList.contains(\"is-open\")){\r\n        closeMenu();\r\n      }else{\r\n        openMenu();\r\n      }\r\n\r\n    }\r\n\r\n    toggle.addEventListener(\"click\",function(event){\r\n\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n\r\n      toggleMenu();\r\n\r\n    });\r\n\r\n    var menuLinks = menu.querySelectorAll(\"a\");\r\n\r\n    menuLinks.forEach(function(link){\r\n\r\n      link.addEventListener(\"click\",function(){\r\n\r\n        if(window.innerWidth <= 1100){\r\n          closeMenu();\r\n        }\r\n\r\n      });\r\n\r\n    });\r\n\r\n    document.addEventListener(\"click\",function(event){\r\n\r\n      if(\r\n        window.innerWidth <= 1100 &&\r\n        menu.classList.contains(\"is-open\") &&\r\n        !header.contains(event.target)\r\n      ){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    document.addEventListener(\"keydown\",function(event){\r\n\r\n      if(event.key === \"Escape\"){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    window.addEventListener(\"resize\",function(){\r\n\r\n      if(window.innerWidth > 1100){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if(document.readyState === \"loading\"){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initializeHydrogenOrgNavigation\r\n    );\r\n\r\n  }else{\r\n\r\n    initializeHydrogenOrgNavigation();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- =========================================================\r\n     FINE SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n========================================================= -->\n\n\n<div id=\"hydrogenorg-vision-roadmap-light\">\n\n<style>\n#hydrogenorg-vision-roadmap-light{\n  --vr-ink:#0b1724;\n  --vr-muted:#587084;\n  --vr-soft:#f4f8fb;\n  --vr-line:#d8e5ee;\n  --vr-cyan:#0ea5d8;\n  --vr-green:#49a52e;\n  --vr-orange:#f36b19;\n  --vr-dark:#06111f;\n  --vr-white:#ffffff;\n\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n  background:#ffffff;\n  color:var(--vr-ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#hydrogenorg-vision-roadmap-light,\n#hydrogenorg-vision-roadmap-light *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-vision-roadmap-light a{\n  text-decoration:none!important;\n}\n\n.vr-inner{\n  width:100%;\n  max-width:1480px;\n  margin:0 auto;\n  padding-left:48px;\n  padding-right:48px;\n}\n\n.vr-section{\n  position:relative;\n  padding:96px 0;\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-section-white{\n  background:#ffffff;\n}\n\n.vr-section-soft{\n  background:\n    radial-gradient(circle at 88% 18%,rgba(14,165,216,.10),transparent 28%),\n    radial-gradient(circle at 12% 82%,rgba(73,165,46,.09),transparent 28%),\n    linear-gradient(180deg,#f4f8fb 0%,#ffffff 100%);\n}\n\n.vr-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  color:var(--vr-green);\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2.2px;\n  text-transform:uppercase;\n}\n\n.vr-kicker::before{\n  content:\"\";\n  width:46px;\n  height:2px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-heading{\n  max-width:980px;\n  margin:0 auto 48px;\n  text-align:center;\n}\n\n.vr-heading h2{\n  margin:18px 0 16px;\n  color:var(--vr-ink);\n  font-size:44px;\n  line-height:1.12;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-heading h2 span{\n  color:var(--vr-cyan);\n}\n\n.vr-heading p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n.vr-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:7px;\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  transition:all .18s ease;\n}\n\n.vr-btn-primary{\n  background:linear-gradient(90deg,var(--vr-green),#6ed84e);\n  color:#06111f!important;\n  border:1px solid rgba(73,165,46,.45);\n  box-shadow:0 14px 34px rgba(73,165,46,.20);\n}\n\n.vr-btn-primary:hover{\n  transform:translateY(-1px);\n  box-shadow:0 18px 42px rgba(73,165,46,.26);\n}\n\n.vr-btn-outline{\n  background:#ffffff;\n  color:var(--vr-ink)!important;\n  border:1px solid rgba(14,165,216,.28);\n}\n\n.vr-btn-outline:hover{\n  color:var(--vr-cyan)!important;\n  border-color:rgba(14,165,216,.55);\n  transform:translateY(-1px);\n}\n\n.vr-hero{\n  position:relative;\n  min-height:calc(100vh - 90px);\n  display:flex;\n  align-items:center;\n  background:\n    radial-gradient(circle at 84% 50%,rgba(14,165,216,.16),transparent 32%),\n    radial-gradient(circle at 16% 20%,rgba(73,165,46,.10),transparent 28%),\n    linear-gradient(90deg,#ffffff 0%,#f4f8fb 100%);\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-hero::before{\n  content:\"VISION ROADMAP\";\n  position:absolute;\n  left:-24px;\n  top:112px;\n  color:rgba(11,23,36,.045);\n  font-size:76px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:10px;\n  text-transform:uppercase;\n  white-space:nowrap;\n  pointer-events:none;\n}\n\n.vr-hero-layout{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:58px;\n  align-items:center;\n  padding:76px 0;\n}\n\n.vr-hero-copy{\n  max-width:720px;\n}\n\n.vr-hero-copy h1{\n  margin:28px 0 28px;\n  color:var(--vr-ink);\n  font-size:70px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n}\n\n.vr-hero-copy h1 span{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-line{\n  width:96px;\n  height:3px;\n  margin:0 0 34px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-hero-copy p{\n  margin:0 0 24px;\n  color:var(--vr-ink);\n  font-size:20px;\n  line-height:1.7;\n}\n\n.vr-hero-copy p.vr-hero-strong{\n  color:var(--vr-green);\n  font-weight:900;\n}\n\n.vr-hero-note{\n  margin-top:28px;\n  padding:20px 22px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid rgba(14,165,216,.20);\n  box-shadow:0 16px 42px rgba(15,55,85,.08);\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.65;\n}\n\n.vr-hero-note strong{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-visual{\n  position:relative;\n}\n\n.vr-vision-panel{\n  position:relative;\n  min-height:620px;\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(14,165,216,.15),transparent 35%),\n    radial-gradient(circle at 80% 20%,rgba(73,165,46,.12),transparent 28%),\n    linear-gradient(180deg,#ffffff,#eef9ff);\n  border:1px solid rgba(14,165,216,.26);\n  box-shadow:0 34px 92px rgba(15,55,85,.16);\n  overflow:hidden;\n}\n\n.vr-orbit{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:420px;\n  height:420px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  border:1px dashed rgba(14,165,216,.28);\n}\n\n.vr-orbit::before,\n.vr-orbit::after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  border:1px dashed rgba(73,165,46,.22);\n}\n\n.vr-orbit::before{inset:60px;}\n.vr-orbit::after{inset:120px;}\n\n.vr-core{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:150px;\n  height:150px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:\n    radial-gradient(circle at 50% 50%,#ffffff 0%,#59d7ff 18%,rgba(14,165,216,.50) 42%,rgba(73,165,46,.16) 68%,transparent 72%);\n  box-shadow:0 0 45px rgba(14,165,216,.35),0 0 80px rgba(73,165,46,.18);\n}\n\n.vr-core::after{\n  content:\"HYDROGENORG\";\n  position:absolute;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  color:var(--vr-ink);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n}\n\n.vr-node{\n  position:absolute;\n  width:170px;\n  padding:17px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 16px 42px rgba(15,55,85,.10);\n}\n\n.vr-node strong{\n  display:block;\n  margin-bottom:7px;\n  color:var(--vr-cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-node span{\n  color:var(--vr-ink);\n  font-size:14px;\n  line-height:1.35;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-node-1{left:34px;top:46px;}\n.vr-node-2{right:34px;top:46px;}\n.vr-node-3{left:34px;bottom:46px;}\n.vr-node-4{right:34px;bottom:46px;}\n\n.vr-hero-cards{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n  margin-top:16px;\n}\n\n.vr-mini-card{\n  padding:18px;\n  border-radius:14px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 12px 28px rgba(15,55,85,.07);\n}\n\n.vr-mini-card span{\n  display:block;\n  margin-bottom:8px;\n  color:#7a8fa0;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n}\n\n.vr-mini-card strong{\n  display:block;\n  color:var(--vr-ink);\n  font-size:18px;\n  font-weight:900;\n}\n\n.vr-mini-card em{\n  display:block;\n  margin-top:7px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-style:normal;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box{\n  padding:42px;\n  border-radius:24px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 28px 78px rgba(15,55,85,.10);\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:38px;\n  align-items:center;\n}\n\n.vr-mission-box h2{\n  margin:14px 0 0;\n  color:var(--vr-ink);\n  font-size:40px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box h2 span{\n  color:var(--vr-green);\n}\n\n.vr-mission-box p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.78;\n}\n\n.vr-roadmap{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-phase{\n  position:relative;\n  min-height:340px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-phase::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-phase-number{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#eef9ff;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:17px;\n  font-weight:900;\n}\n\n.vr-phase span{\n  display:block;\n  margin-bottom:10px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-phase h3{\n  margin:0 0 14px;\n  color:var(--vr-ink);\n  font-size:21px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-phase p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-card{\n  position:relative;\n  min-height:280px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-card::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-card-icon{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#f3f9fc;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:19px;\n  font-weight:900;\n}\n\n.vr-card h3{\n  margin:0 0 13px;\n  color:var(--vr-ink);\n  font-size:19px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-card p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-impact{\n  background:#06111f;\n  color:#ffffff;\n  padding:78px 0;\n}\n\n.vr-impact-box{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:30px;\n  align-items:center;\n}\n\n.vr-impact h2{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:38px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-impact h2 span{\n  color:#6ed84e;\n}\n\n.vr-impact p{\n  margin:0;\n  max-width:900px;\n  color:rgba(255,255,255,.74);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-impact .vr-btn-outline{\n  background:transparent;\n  color:#ffffff!important;\n  border-color:rgba(255,255,255,.24);\n}\n\n.vr-impact .vr-btn-outline:hover{\n  color:#6ed84e!important;\n  border-color:#6ed84e;\n}\n\n@media(max-width:1180px){\n  .vr-hero-layout{grid-template-columns:1fr;}\n  .vr-hero-copy{max-width:920px;}\n  .vr-hero-copy h1{font-size:58px;}\n  .vr-mission-box{grid-template-columns:1fr;}\n  .vr-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-impact-box{grid-template-columns:1fr;}\n}\n\n@media(max-width:760px){\n  .vr-inner{padding-left:24px;padding-right:24px;}\n  .vr-section{padding:72px 0;}\n  .vr-hero{min-height:auto;}\n  .vr-hero::before{display:none;}\n  .vr-hero-layout{padding:58px 0;gap:34px;}\n  .vr-hero-copy h1{font-size:43px;}\n  .vr-hero-copy p{font-size:17px;}\n  .vr-buttons,.vr-btn{width:100%;}\n  .vr-vision-panel{min-height:auto;padding:22px;}\n  .vr-orbit,.vr-core{display:none;}\n  .vr-node{\n    position:relative;\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n    width:100%;\n    margin-bottom:14px;\n  }\n  .vr-hero-cards,.vr-roadmap,.vr-grid-3{grid-template-columns:1fr;}\n  .vr-heading h2{font-size:31px;}\n  .vr-mission-box{padding:26px;}\n  .vr-mission-box h2{font-size:30px;}\n  .vr-impact{padding:56px 0;}\n  .vr-impact h2{font-size:29px;}\n}\n<\/style>\n\n<section class=\"vr-hero\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-hero-layout\">\n\n      <div class=\"vr-hero-copy\">\n        <span class=\"vr-kicker\">HydrogenOrg Vision<\/span>\n\n        <h1>\n          Vision &#038;\n          <span>Roadmap<\/span>\n        <\/h1>\n\n        <div class=\"vr-hero-line\"><\/div>\n\n        <p>\n          HydrogenOrg is building a global innovation ecosystem designed to explore,\n          simulate, validate and accelerate technologies for regenerative energy,\n          resilient infrastructure and environmental restoration.\n        <\/p>\n\n        <p class=\"vr-hero-strong\">\n          The long-term objective is to move from open scientific curiosity\n          toward validated projects, partnerships and operational initiatives.\n        <\/p>\n\n        <div class=\"vr-buttons\">\n          <a class=\"vr-btn vr-btn-primary\" href=\"\/hydrogenorg-ch-innovation-network\/\">\n            Join the Innovation Network\n          <\/a>\n\n          <a class=\"vr-btn vr-btn-outline\" href=\"\/research-partnerships\/\">\n            Explore Partner Pathway\n          <\/a>\n        <\/div>\n\n        <div class=\"vr-hero-note\">\n          <strong>Strategic direction:<\/strong>\n          HydrogenOrg connects research, simulation, technical review,\n          validation and future deployment within one transparent development pathway.\n        <\/div>\n      <\/div>\n\n      <div class=\"vr-hero-visual\">\n        <div class=\"vr-vision-panel\">\n          <div class=\"vr-orbit\"><\/div>\n          <div class=\"vr-core\"><\/div>\n\n          <div class=\"vr-node vr-node-1\">\n            <strong>Research<\/strong>\n            <span>Open scientific exploration<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-2\">\n            <strong>Simulation<\/strong>\n            <span>Models and digital twins<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-3\">\n            <strong>Validation<\/strong>\n            <span>Laboratory and expert review<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-4\">\n            <strong>Deployment<\/strong>\n            <span>Real-world initiatives<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vr-hero-cards\">\n          <div class=\"vr-mini-card\">\n            <span>Current layer<\/span>\n            <strong>Open Research<\/strong>\n            <em>Public platform<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Next layer<\/span>\n            <strong>Validation<\/strong>\n            <em>Partner review<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Future layer<\/span>\n            <strong>Deployment<\/strong>\n            <em>Operational impact<\/em>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-mission-box\">\n      <div>\n        <span class=\"vr-kicker\">Our long-term mission<\/span>\n        <h2>\n          From scientific ideas to\n          <span>real-world impact<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        HydrogenOrg was created to connect researchers, engineers, innovators,\n        organizations and supporters around complex scientific and technological challenges.\n        The objective is not only to generate ideas, but to create pathways through which\n        promising concepts can evolve into simulations, collaborative research,\n        technical partnerships and future operational initiatives.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-soft\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">HydrogenOrg development roadmap<\/span>\n      <h2>Four phases from network to <span>deployment<\/span><\/h2>\n      <p>\n        The roadmap separates community building, research, partnership development\n        and operational implementation into a clear progression.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-roadmap\">\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">01<\/div>\n        <span>Phase 1<\/span>\n        <h3>Innovation Network<\/h3>\n        <p>\n          Build a global community of engineers, researchers, students,\n          innovators and organizations interested in regenerative technologies.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">02<\/div>\n        <span>Phase 2<\/span>\n        <h3>Research Programs<\/h3>\n        <p>\n          Develop collaborative research initiatives, simulation environments,\n          scientific challenges and structured technology exploration programs.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">03<\/div>\n        <span>Phase 3<\/span>\n        <h3>Strategic Partnerships<\/h3>\n        <p>\n          Connect institutions, sponsors, companies and technical communities\n          to accelerate review, validation and implementation pathways.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">04<\/div>\n        <span>Phase 4<\/span>\n        <h3>Operational Initiatives<\/h3>\n        <p>\n          Support pilot projects, infrastructure initiatives, venture opportunities\n          and future organizations capable of delivering measurable impact.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Development principles<\/span>\n      <h2>How HydrogenOrg moves from <span>vision to execution<\/span><\/h2>\n      <p>\n        A credible innovation ecosystem must combine openness, technical discipline,\n        controlled validation and a realistic path toward deployment.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-grid-3\">\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">01<\/div>\n        <h3>Open exploration<\/h3>\n        <p>\n          Present scientific questions, assumptions and simulation logic clearly\n          so contributors can understand and challenge the work.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">02<\/div>\n        <h3>Structured validation<\/h3>\n        <p>\n          Separate conceptual models from verified performance and identify\n          the measurements, reviews and experiments still required.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">03<\/div>\n        <h3>Partner deployment<\/h3>\n        <p>\n          Move promising concepts toward laboratory work, proof of concept,\n          pilot systems and future engineering implementation.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-impact\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-impact-box\">\n      <div>\n        <h2>\n          From ideas to impact.\n          <span>From simulation to deployment.<\/span>\n        <\/h2>\n\n        <p>\n          Solving energy, infrastructure and environmental challenges requires\n          collaboration, experimentation, simulation, validation and the ability\n          to transform promising concepts into initiatives capable of creating real-world value.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-buttons\">\n        <a class=\"vr-btn vr-btn-primary\" href=\"\/hydrogenorg-ch-innovation-network\/\">\n          Join the Innovation Network\n        <\/a>\n\n        <a class=\"vr-btn vr-btn-outline\" href=\"\/research-partnerships\/\">\n          Partner Pathway\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n\n<div class=\"h2-footer\">\r\n\r\n  <div class=\"h2-footer-inner\">\r\n\r\n    <div class=\"h2-footer-top\">\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"h2-footer-brand\">\r\n\r\n        <h2 class=\"h2-footer-title\">\r\n          HYDROGEN<span>ORG.CH<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"h2-footer-sub\">\r\n          OPEN RESEARCH \u00b7 SIMULATION \u00b7 PARTNERSHIPS\r\n        <\/div>\r\n\r\n        <p>\r\n          HydrogenOrg is building the open research, simulation and partnership layer for regenerative infrastructure.\r\n          The goal is to organize serious contributors, technical partners and funders around clean water, low-cost energy,\r\n          resource recovery, open modelling and future pilot pathways.\r\n        <\/p>\r\n\r\n        <div class=\"h2-footer-actions\">\r\n          <a href=\"\/for-partners-funders\/\">Partners &amp; Funders<\/a>\r\n          <a href=\"\/join\/\">Join HydrogenOrg<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- LINKS GRID -->\r\n      <div class=\"h2-footer-links\">\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Research Systems<\/h4>\r\n          <a href=\"\/geothermal-desalination-engineering-system\/\">Desalination Engineering<\/a>\r\n          <a href=\"\/geothermal-plasma-desalination-systems\/\">Plasma Desalination<\/a>\r\n          <a href=\"\/plasma-steam-reactor-framework\/\">Plasma Energy<\/a>\r\n          <a href=\"\/advanced-geothermal-power-systems\/\">Geothermal<\/a>\r\n          <a href=\"\/atmospheric-regeneration-systems\/\">Atmosphere<\/a>\r\n          <a href=\"\/hydrogen-infrastructure-networks\/\">Infrastructure<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Simulation Layer<\/h4>\r\n          <a href=\"\/open-simulation-infrastructure\/\">Open Simulation<\/a>\r\n          <a href=\"\/simulation-scenario-database\/\">Scenario Database<\/a>\r\n          <a href=\"\/hydrogen-infrastructure-simulator\/\">Infrastructure Simulator<\/a>\r\n          <a href=\"\/open-scientific-challenges-platform\/\">Challenges<\/a>\r\n          <a href=\"\/ai-scientific-governance\/\">AI Governance<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Build With Us<\/h4>\r\n          <a href=\"\/for-partners-funders\/\">For Partners &amp; Funders<\/a>\r\n          <a href=\"\/join\/\">Join<\/a>\r\n          <a href=\"\/membership-support\/\">Membership<\/a>\r\n          <a href=\"\/sponsor-a-challenge\/\">Sponsor<\/a>\r\n          <a href=\"\/research-partnerships\/\">Research Partnerships<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Organization<\/h4>\r\n          <a href=\"\/community\/\">Community<\/a>\r\n          <a href=\"\/vision-roadmap\/\">Vision<\/a>\r\n          <a href=\"\/governance-framework\/\">Governance<\/a>\r\n          <a href=\"\/about-hydrogenorg-governance\/\">HydrogenOrg Governance<\/a>\r\n          <a href=\"\/contact\/\">Contact<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Legal<\/h4>\r\n          <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\r\n          <a href=\"\/terms-of-use\/\">Terms of Use<\/a>\r\n          <a href=\"\/intellectual-property\/\">Intellectual Property<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STRATEGIC STATEMENT -->\r\n    <div class=\"h2-footer-statement\">\r\n      <strong>HydrogenOrg is the open research layer.<\/strong>\r\n      <span>Future companies and pilot vehicles are the deployment layer.<\/span>\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"h2-footer-bottom\">\r\n\r\n      <div>\r\n        \u00a9 2026 HydrogenOrg. All rights reserved.\r\n      <\/div>\r\n\r\n      <div class=\"h2-footer-tags\">\r\n        <span>Open Research<\/span>\r\n        <span>Simulation<\/span>\r\n        <span>Validation<\/span>\r\n        <span>Partners<\/span>\r\n        <span>Funding<\/span>\r\n        <span>Pilot Pathways<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.h2-footer{\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:calc(50% - 50vw)!important;\r\n  background:#020817!important;\r\n  color:#ffffff!important;\r\n  overflow:visible!important;\r\n  font-family:Arial,Helvetica,sans-serif!important;\r\n}\r\n\r\n.h2-footer *{\r\n  box-sizing:border-box!important;\r\n}\r\n\r\n.h2-footer a{\r\n  text-decoration:none!important;\r\n}\r\n\r\n.h2-footer-inner{\r\n  width:100%!important;\r\n  max-width:1480px!important;\r\n  margin:0 auto!important;\r\n  padding:76px 48px 40px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-top{\r\n  display:grid!important;\r\n  grid-template-columns:1.05fr 1.95fr!important;\r\n  gap:70px!important;\r\n  align-items:start!important;\r\n}\r\n\r\n.h2-footer-brand{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-title{\r\n  margin:0!important;\r\n  color:#ffffff!important;\r\n  font-size:31px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.6px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-title span{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-sub{\r\n  margin-top:13px!important;\r\n  color:#19c7ff!important;\r\n  font-size:11px!important;\r\n  line-height:1.4!important;\r\n  font-weight:900!important;\r\n  letter-spacing:2.7px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-brand p{\r\n  max-width:470px!important;\r\n  margin:26px 0 0!important;\r\n  color:rgba(255,255,255,.68)!important;\r\n  font-size:14px!important;\r\n  line-height:1.75!important;\r\n}\r\n\r\n.h2-footer-actions{\r\n  margin-top:28px!important;\r\n  display:flex!important;\r\n  gap:12px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-actions a{\r\n  min-height:42px!important;\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  padding:0 18px!important;\r\n  border-radius:5px!important;\r\n  border:1px solid rgba(25,199,255,.45)!important;\r\n  color:#19c7ff!important;\r\n  background:rgba(255,255,255,.04)!important;\r\n  font-size:11px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-actions a:first-child{\r\n  border-color:#059fd8!important;\r\n  background:linear-gradient(90deg,#059fd8,#45d8ff)!important;\r\n  color:#021014!important;\r\n}\r\n\r\n.h2-footer-links{\r\n  display:grid!important;\r\n  grid-template-columns:repeat(5,minmax(120px,1fr))!important;\r\n  gap:30px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-col{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-col h4{\r\n  margin:0 0 18px!important;\r\n  color:#ffffff!important;\r\n  font-size:12px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.4px!important;\r\n  text-transform:uppercase!important;\r\n  white-space:nowrap!important;\r\n}\r\n\r\n.h2-footer-col h4::after{\r\n  content:\"\"!important;\r\n  display:block!important;\r\n  width:34px!important;\r\n  height:2px!important;\r\n  margin-top:12px!important;\r\n  background:linear-gradient(90deg,#19c7ff,#62c945,#f36b19)!important;\r\n}\r\n\r\n.h2-footer-col a{\r\n  display:block!important;\r\n  margin:0 0 12px!important;\r\n  color:rgba(255,255,255,.64)!important;\r\n  font-size:13px!important;\r\n  line-height:1.45!important;\r\n  font-weight:700!important;\r\n  white-space:normal!important;\r\n  transition:color .18s ease!important;\r\n}\r\n\r\n.h2-footer-col a:hover{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-statement{\r\n  margin-top:58px!important;\r\n  padding:26px 28px!important;\r\n  border:1px solid rgba(25,199,255,.18)!important;\r\n  border-radius:14px!important;\r\n  background:\r\n    radial-gradient(circle at 10% 30%,rgba(25,199,255,.10),transparent 32%),\r\n    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;\r\n}\r\n\r\n.h2-footer-statement strong{\r\n  display:block!important;\r\n  color:#ffffff!important;\r\n  font-size:19px!important;\r\n  line-height:1.35!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-statement span{\r\n  display:block!important;\r\n  margin-top:8px!important;\r\n  color:rgba(255,255,255,.70)!important;\r\n  font-size:14px!important;\r\n  line-height:1.6!important;\r\n}\r\n\r\n.h2-footer-bottom{\r\n  display:flex!important;\r\n  justify-content:space-between!important;\r\n  align-items:center!important;\r\n  gap:30px!important;\r\n  margin-top:42px!important;\r\n  padding-top:28px!important;\r\n  border-top:1px solid rgba(255,255,255,.12)!important;\r\n  color:rgba(255,255,255,.55)!important;\r\n  font-size:13px!important;\r\n  line-height:1.5!important;\r\n}\r\n\r\n.h2-footer-tags{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:flex-end!important;\r\n  gap:8px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-tags span{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  min-height:28px!important;\r\n  padding:0 10px!important;\r\n  border-radius:999px!important;\r\n  border:1px solid rgba(255,255,255,.10)!important;\r\n  color:rgba(255,255,255,.62)!important;\r\n  background:rgba(255,255,255,.035)!important;\r\n  font-size:10px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:.8px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n@media(max-width:1200px){\r\n  .h2-footer-top{\r\n    grid-template-columns:1fr!important;\r\n    gap:50px!important;\r\n  }\r\n\r\n  .h2-footer-brand p{\r\n    max-width:760px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(3,minmax(150px,1fr))!important;\r\n  }\r\n}\r\n\r\n@media(max-width:800px){\r\n  .h2-footer-inner{\r\n    padding:62px 30px 36px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(2,1fr)!important;\r\n    gap:30px 24px!important;\r\n  }\r\n\r\n  .h2-footer-bottom{\r\n    flex-direction:column!important;\r\n    align-items:flex-start!important;\r\n  }\r\n\r\n  .h2-footer-tags{\r\n    justify-content:flex-start!important;\r\n  }\r\n}\r\n\r\n@media(max-width:520px){\r\n  .h2-footer-inner{\r\n    padding:55px 22px 34px!important;\r\n  }\r\n\r\n  .h2-footer-title{\r\n    font-size:25px!important;\r\n  }\r\n\r\n  .h2-footer-sub{\r\n    font-size:10px!important;\r\n    letter-spacing:2px!important;\r\n  }\r\n\r\n  .h2-footer-actions a{\r\n    width:100%!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:1fr!important;\r\n  }\r\n\r\n  .h2-footer-statement{\r\n    padding:22px!important;\r\n  }\r\n}\r\n<\/style>","protected":false},"excerpt":{"rendered":"<p>HydrogenOrg Vision Vision &#038; Roadmap HydrogenOrg is building a global innovation ecosystem designed to explore, simulate, validate and accelerate technologies for regenerative energy, resilient infrastructure and environmental restoration. The long-term objective is to move from open scientific curiosity toward validated projects, partnerships and operational initiatives. Join the Innovation Network Explore Partner Pathway Strategic direction: HydrogenOrg &hellip; <a href=\"https:\/\/hydrogenorg.ch\/en\/vision-roadmap\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Vision &#038; Roadmap&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":3,"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/pages\/763\/revisions\/1041"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/en\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}