{"id":1083,"date":"2026-08-23T12:56:00","date_gmt":"2026-08-23T12:56:00","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=1083"},"modified":"2026-08-23T12:56:45","modified_gmt":"2026-08-23T12:56:45","slug":"laboratorio-di-simulazione-hydrogenorg","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/it\/hydrogenorg-simulation-lab\/","title":{"rendered":"Laboratorio di Simulazione HydrogenOrg"},"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=\"\/it\/\"\r\n        aria-label=\"HydrogenOrg Casa\"\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            IDROGENO<span>ORG.CH<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"h2-global-logo-sub\">\r\n            RETE ENERGETICA RIGENERATIVA\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=\"Apri menu di navigazione\"\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=\"Navigazione Globale di HydrogenOrg\"\r\n      >\r\n\r\n        <a href=\"\/it\/\">\r\n          Casa\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/piattaforma-di-sfide-scientifiche-aperte\/\">\r\n          Sfide\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/simulatore-di-ricerca-integrato-hydrogenorg\/\">\r\n          Simulatore Integrato\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/aprire-linfrastruttura-di-simulazione\/\">\r\n          Simulazione\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/struttura-del-reattore-a-vapore-al-plasma\/\">\r\n  Plasma\r\n<\/a>\r\n\r\n<a href=\"\/it\/architettura-di-ricerca-del-nucleo-di-energia-al-plasma-hydrogenorg-v1\/\">\r\n  Nucleo del Plasma\r\n<\/a>\r\n\r\n<a href=\"\/it\/sistemi-geotermici-avanzati\/\">\r\n  Geotermico\r\n<\/a>\r\n\r\n        <a href=\"\/it\/sistema-di-ingegneria-per-la-desalinizzazione-geotermica\/\">\r\n          Ingegneria della dissalazione\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/sistemi-di-dissalazione-al-plasma-geotermico\/\">\r\n          Dissalazione al plasma\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/sistema-a-idrogeno-al-plasma-a-ciclo-chiuso-elettrico-ibrido-marino\/\">\r\n          H2 marino\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/sistemi-di-rigenerazione-atmosferica\/\">\r\n          Atmosfera\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/reti-di-infrastrutture-per-lidrogeno\/\">\r\n          Infrastruttura\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/governance-scientifica-dellia\/\">\r\n          IA Governance\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/sulla-governance-di-hydrogenorg\/\">\r\n          Governo\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/comunita\/\">\r\n          Comunit\u00e0\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/tabella-di-marcia-della-visione\/\">\r\n          Visione\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/membership-support\/\">\r\n          Appartenenza\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/sponsorizzare-una-sfida\/\">\r\n          Sponsor\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/per-partner-finanziatori\/\">\r\n          Partner e Finanziatori\r\n        <\/a>\r\n\r\n        <a href=\"\/it\/contatto\/\">\r\n          Contatto\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"\/it\/iscriviti\/\"\r\n          class=\"h2-global-join\"\r\n        >\r\n          Unisciti\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<div id=\"hydrogenorg-simulation-lab\">\n\n<style>\n\/* =====================================================\n   HYDROGENORG SIMULATION LAB\n   Streamlit Research Simulator Directory\n===================================================== *\/\n\nhtml,\nbody{\n  margin:0!important;\n  padding:0!important;\n  width:100%!important;\n  max-width:100%!important;\n  overflow-x:hidden!important;\n  background:#020711!important;\n}\n\nbody .wp-site-blocks,\nbody main,\nbody .wp-block-post-content,\nbody .entry-content,\nbody .wp-block-group,\nbody .wp-block-cover,\nbody .is-layout-flow,\nbody .is-layout-constrained,\nbody .has-global-padding{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n}\n\n#hydrogenorg-simulation-lab{\n  --cyan:#35d6ff;\n  --green:#6bd14a;\n  --orange:#f36b19;\n  --bg:#020711;\n  --panel:#071421;\n  --soft:rgba(255,255,255,.045);\n  --line:rgba(255,255,255,.12);\n  --text:rgba(255,255,255,.72);\n\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:calc(50% - 50vw)!important;\n  background:\n    radial-gradient(circle at 82% 12%,rgba(53,214,255,.16),transparent 30%),\n    radial-gradient(circle at 15% 80%,rgba(107,209,74,.10),transparent 32%),\n    linear-gradient(180deg,#020711,#071421);\n  color:white;\n  font-family:Arial,Helvetica,sans-serif;\n  overflow:hidden;\n}\n\n#hydrogenorg-simulation-lab *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-simulation-lab a{\n  text-decoration:none!important;\n}\n\n\/* WRAPPER *\/\n\n.hsl-container{\n  width:100%;\n  max-width:1450px;\n  margin:0 auto;\n  padding:0 40px;\n}\n\n\/* HERO *\/\n\n.hsl-hero{\n  padding:95px 0 85px;\n  border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.hsl-kicker{\n  color:var(--green);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  margin-bottom:24px;\n}\n\n.hsl-title{\n  margin:0;\n  font-size:68px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.hsl-title span{\n  display:block;\n  color:var(--cyan);\n}\n\n.hsl-line{\n  width:90px;\n  height:4px;\n  margin:32px 0;\n  background:linear-gradient(90deg,var(--cyan),var(--green),var(--orange));\n}\n\n.hsl-intro{\n  max-width:920px;\n  color:rgba(255,255,255,.78);\n  font-size:20px;\n  line-height:1.75;\n}\n\n.hsl-intro strong{\n  color:white;\n}\n\n.hsl-hero-actions{\n  margin-top:38px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:16px;\n}\n\n.hsl-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:5px;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-btn-primary{\n  background:var(--green);\n  color:#020711!important;\n}\n\n.hsl-btn-secondary{\n  border:1px solid rgba(255,255,255,.24);\n  background:rgba(255,255,255,.04);\n  color:white!important;\n}\n\n\/* SECTIONS *\/\n\n.hsl-section{\n  padding:85px 0;\n}\n\n.hsl-section:nth-of-type(even){\n  background:rgba(0,0,0,.16);\n}\n\n.hsl-section-header{\n  max-width:930px;\n  margin-bottom:45px;\n}\n\n.hsl-section-header h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:42px;\n  line-height:1.15;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-section-header p{\n  margin:0;\n  color:var(--text);\n  font-size:18px;\n  line-height:1.7;\n}\n\n\/* GRID *\/\n\n.hsl-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-card{\n  min-height:330px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.18);\n  background:rgba(255,255,255,.045);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n}\n\n.hsl-card.featured{\n  border-color:rgba(107,209,74,.48);\n  background:rgba(107,209,74,.065);\n}\n\n.hsl-card-top{\n  margin-bottom:22px;\n}\n\n.hsl-label{\n  display:inline-flex;\n  margin-bottom:18px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(53,214,255,.10);\n  border:1px solid rgba(53,214,255,.22);\n  color:var(--cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card.featured .hsl-label{\n  background:rgba(107,209,74,.14);\n  border-color:rgba(107,209,74,.35);\n  color:var(--green);\n}\n\n.hsl-card h3{\n  margin:0 0 14px;\n  color:white;\n  font-size:22px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.hsl-card p{\n  margin:0;\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n  font-size:15px;\n}\n\n.hsl-card-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:24px;\n}\n\n.hsl-card-link{\n  min-height:44px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 18px;\n  border-radius:5px;\n  background:var(--green);\n  color:#020711!important;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card-link.secondary{\n  background:transparent;\n  color:white!important;\n  border:1px solid rgba(255,255,255,.22);\n}\n\n\/* NOTE *\/\n\n.hsl-note{\n  margin-top:45px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.20);\n  background:rgba(53,214,255,.055);\n}\n\n.hsl-note h3{\n  margin:0 0 12px;\n  color:white;\n  font-size:22px;\n  text-transform:uppercase;\n}\n\n.hsl-note p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  line-height:1.7;\n}\n\n\/* ACCESS LAYERS *\/\n\n.hsl-layers{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-layer{\n  padding:32px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.12);\n  background:rgba(255,255,255,.045);\n}\n\n.hsl-layer-number{\n  color:var(--green);\n  font-size:34px;\n  font-weight:900;\n  margin-bottom:18px;\n}\n\n.hsl-layer h3{\n  margin:0 0 14px;\n  color:white;\n  text-transform:uppercase;\n}\n\n.hsl-layer p{\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n}\n\n\/* FINAL *\/\n\n.hsl-final{\n  padding:85px 0;\n  background:linear-gradient(135deg,#020711,#092033);\n}\n\n.hsl-final-panel{\n  padding:45px;\n  border-radius:18px;\n  background:rgba(255,255,255,.045);\n  border:1px solid rgba(53,214,255,.20);\n}\n\n.hsl-final-panel h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:40px;\n  text-transform:uppercase;\n}\n\n.hsl-final-panel p{\n  max-width:980px;\n  color:rgba(255,255,255,.72);\n  line-height:1.75;\n  font-size:17px;\n}\n\n.hsl-tags{\n  margin-top:26px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.hsl-tags span{\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(53,214,255,.08);\n  border:1px solid rgba(53,214,255,.18);\n  color:rgba(255,255,255,.78);\n  font-size:12px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:1000px){\n  .hsl-grid,\n  .hsl-layers{\n    grid-template-columns:1fr;\n  }\n\n  .hsl-title{\n    font-size:46px;\n  }\n\n  .hsl-section-header h2{\n    font-size:32px;\n  }\n\n  .hsl-container{\n    padding:0 22px;\n  }\n}\n\n<\/style>\n\n\n<section class=\"hsl-hero\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-kicker\">\n      Infrastruttura di ricerca HydrogenOrg\n    <\/div>\n\n    <h1 class=\"hsl-title\">\n      HydrogenOrg\n      <span>Laboratorio di simulazione<\/span>\n    <\/h1>\n\n    <div class=\"hsl-line\"><\/div>\n\n    <p class=\"hsl-intro\">\n      HydrogenOrg Simulation Lab collega le pagine di ricerca pubblica con\n      <strong>Modelli di simulazione basati su Streamlit, codice di ricerca ospitato su GitHub, strumenti per idrogeno al plasma, sistemi geotermici, modelli marini, livelli infrastrutturali e simulatori di rigenerazione atmosferica.<\/strong>\n    <\/p>\n\n    <div class=\"hsl-hero-actions\">\n      <a href=\"#public-simulators\" class=\"hsl-btn hsl-btn-primary\">\n        Esplora i simulatori pubblici\n      <\/a>\n\n      <a href=\"#research-suite\" class=\"hsl-btn hsl-btn-secondary\">\n        Suite di ricerca\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"public-simulators\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Livello di simulazione pubblico<\/div>\n      <h2>Simulatori di ricerca pubblica<\/h2>\n      <p>\n        Strumenti rivolti al pubblico progettati per presentare i modelli, le ipotesi e la logica di sistema di HydrogenOrg prima di un'esplorazione tecnica pi\u00f9 approfondita.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Livello Pubblico Principale<\/div>\n          <h3>Livello di Simulazione Pubblica di HydrogenOrg<\/h3>\n          <p>\n            Punto di accesso pubblico per esplorare la logica di ricerca di HydrogenOrg, gli scenari semplificati e le ipotesi di sistema.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-public-simulation-layer-9zoscueeopnhdjajkvguds.streamlit.app\/\">\n            Apri il simulatore\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">HPRS<\/div>\n          <h3>Simulatore HPRS di HydrogenOrg<\/h3>\n          <p>\n            Simulatore di ricerca sull'idrogeno al plasma per esplorare ipotesi energetiche, percorsi dell'idrogeno e indicatori di processo.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-hprs-simulator-tds53axkyjiotnbznzah6y.streamlit.app\/\">\n            Apri HPRS\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Confronto<\/div>\n          <h3>Plasma vs Idrogeno Convenzionale V2<\/h3>\n          <p>\n            Modello di ricerca comparativa per i percorsi dell'idrogeno assistito da plasma e dell'idrogeno convenzionale.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgplasmavsconventionalhydrogensimulatorv2-53vqgkmhhe9.streamlit.app\/\">\n            Apri confronto\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hsl-note\">\n      <h3>Nota di avvio di Streamlit<\/h3>\n      <p>\n        Alcune applicazioni potrebbero entrare in modalit\u00e0 di sospensione se inattive. Se un simulatore non si carica immediatamente, attendi brevemente e aggiorna la pagina. Questi strumenti sono interfacce di ricerca e non dichiarazioni di prestazioni industriali certificate.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Modelli di ricerca sul plasma<\/div>\n      <h2>Strumenti di simulazione per idrogeno al plasma<\/h2>\n      <p>\n        Modelli mirati per plasma argon-vapore, controllo del reattore, separazione dei gas e comportamento del sistema a idrogeno al plasma.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Reattore al plasma<\/div>\n          <h3>Reattore al plasma a vapore di argon V4.4<\/h3>\n          <p>\n            Simulatore di ricerca incentrato sulle ipotesi del reattore al plasma argon-vapore.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv44argonsteamplasmareactorsimulator-kvxu5ck7fbgu88p.streamlit.app\/\">\n            Apri modello\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Controllo tecnico<\/div>\n          <h3>Controllo Ingegneristico Reattore al Plasma V5.0<\/h3>\n          <p>\n            Interfaccia di controllo e modellazione di sistemi per reattori al plasma orientata all'ingegneria.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv50plasmareactorengineeringcontrolsimulator-fthhyfl.streamlit.app\/\">\n            Apri Controllo\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Console strategica<\/div>\n          <h3>Console Plasma HydrogenOrg<\/h3>\n          <p>\n            Console al plasma strategica per una navigazione di ricerca pi\u00f9 approfondita e un'esplorazione avanzata.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-plasma-console-vghj5acz3ggadfybp68tah.streamlit.app\/\">\n            Apri console\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Geotermia e Dissalazione<\/div>\n      <h2>Modelli energetici basati sul geotermico<\/h2>\n      <p>\n        Simulatori che esplorano l'energia geotermica, la dissalazione, l'integrazione dell'idrogeno e i percorsi di redditivit\u00e0 delle infrastrutture.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Nucleo geotermico<\/div>\n          <h3>Simulatore Principale del Nucleo Geotermico V4.0<\/h3>\n          <p>\n            Modello principale del sistema geotermico per scenari di energia rinnovabile sotterranea.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv40geothermalcoremainsimulator-3oshzarm9azknmatyvmk.streamlit.app\/\">\n            Apri modello\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Redditivit\u00e0<\/div>\n          <h3>Geotermica Prima Redditivit\u00e0 V4.7b<\/h3>\n          <p>\n            Simulatore di percorsi economici e di sistema per infrastrutture basate primariamente sulla geotermia.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv47bgeothermalfirstprofitabilitysimulator-zpxfhscxb.streamlit.app\/\">\n            Apri il simulatore\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Dissalazione<\/div>\n          <h3>Ingegneria della dissalazione geotermica<\/h3>\n          <p>\n            Modello ingegneristico che collega energia geotermica, desalinizzazione e percorsi dell'idrogeno.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv1geothermaldesalinationengineeringsimulator-tawqpm.streamlit.app\/\">\n            Apri il simulatore\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Domini di sistema<\/div>\n      <h2>Ambiente marino, atmosfera e infrastrutture<\/h2>\n      <p>\n        Modelli di simulazione verticale per sistemi a idrogeno marino, rigenerazione atmosferica e analisi a livello di infrastruttura.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Marina<\/div>\n          <h3>Plasma Marino Assistito Idrogeno V1.2<\/h3>\n          <p>\n            Modello di ricerca marina per idrogeno a bordo, dissalazione e sistemi ibridi-elettrici.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/marinev12-wjbyghfyvsjkqtgxt5zug2.streamlit.app\/\">\n            Open Marine\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Atmosfera<\/div>\n          <h3>Simulatore di Rigenerazione Atmosferica<\/h3>\n          <p>\n            Simulatore di ricerca per la rigenerazione atmosferica e la logica di restorazione ambientale.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-atmospheric-regeneration-simulator-vamwsen5ndcwvns.streamlit.app\/\">\n            Atmosfera Aperta\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Infrastruttura<\/div>\n          <h3>Simulatore di infrastrutture HydrogenOrg<\/h3>\n          <p>\n            Simulatore del livello di infrastruttura per l'analisi di sistemi a idrogeno e reti energetiche.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-infrastructure-simulator-zzcuettv27rwa3l8pf3a8c.streamlit.app\/\">\n            Infrastruttura aperta\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"research-suite\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Suite di ricerca<\/div>\n      <h2>Sistemi Operativi per la Ricerca Avanzata<\/h2>\n      <p>\n        Suite di ricerca di livello superiore e ambienti operativi per l'esplorazione integrata del modello HydrogenOrg.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Stable Suite<\/div>\n          <h3>HydrogenOrg Research Suite V3.2 Stabile<\/h3>\n          <p>\n            Suite di ricerca integrata stabile per la navigazione di simulazioni avanzate.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchsuitev32stable-baejnebxfiovkqulkb5jd3.streamlit.app\/\">\n            Open Suite\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Sistema operativo<\/div>\n          <h3>Research Operating System V10<\/h3>\n          <p>\n            Ambiente operativo avanzato per il coordinamento del modello di ricerca di HydrogenOrg.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchoperatingsystemv10-3f9vycjmzdcgvstgkh83vi.streamlit.app\/\">\n            Open OS\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Modello Avanzato<\/div>\n          <h3>Simulatore di Ricerca Avanzata V2<\/h3>\n          <p>\n            Simulatore avanzato per un'esplorazione della ricerca pi\u00f9 approfondita e test di scenari.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgadvancedresearchsimulatorv2-nspfz2zv52hbjbzyxhmv9l.streamlit.app\/\">\n            Apri Avanzate\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Struttura di accesso<\/div>\n      <h2>Livelli Pubblico, Membro e Partner di Ricerca<\/h2>\n      <p>\n        HydrogenOrg separa l'esplorazione pubblica dalla collaborazione tecnica pi\u00f9 approfondita.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-layers\">\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">01<\/div>\n        <h3>Strato pubblico<\/h3>\n        <p>\n          Simulazioni pubbliche, ipotesi semplificate e interfacce delle pagine di ricerca.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">02<\/div>\n        <h3>Membro della Ricerca<\/h3>\n        <p>\n          Accesso a simulazioni avanzate, documentazione, aggiornamenti e un'esplorazione pi\u00f9 approfondita dei modelli.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">03<\/div>\n        <h3>Partner di Ricerca<\/h3>\n        <p>\n          Collaborazione sui percorsi di validazione, revisione tecnica e futuri programmi di ricerca.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-final\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-final-panel\">\n\n      <div class=\"hsl-kicker\">\n        Laboratorio di Simulazione HydrogenOrg\n      <\/div>\n\n      <h2>Infrastruttura di ricerca Streamlit + GitHub<\/h2>\n\n      <p>\n        Il Laboratorio di Simulazione presenta HydrogenOrg come una piattaforma di ricerca in cui pagine pubbliche, simulatori interattivi, applicazioni Streamlit e flussi di lavoro di sviluppo ospitati su GitHub supportano l'esplorazione scientifica trasparente.\n      <\/p>\n\n      <div class=\"hsl-tags\">\n        <span>Streamlit<\/span>\n        <span>GitHub<\/span>\n        <span>Simulazione<\/span>\n        <span>Modelli di ricerca<\/span>\n        <span>Percorso di validazione<\/span>\n        <span>Collaborazione aperta<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<\/div>\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          IDROGENO<span>ORG.CH<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"h2-footer-sub\">\r\n          RICERCA APERTA \u00b7 SIMULAZIONE \u00b7 PARTNERSHIP\r\n        <\/div>\r\n\r\n        <p>\r\n          HydrogenOrg sta costruendo il livello di ricerca aperta, simulazione e partnership per infrastrutture rigenerative.\nL'obiettivo \u00e8 organizzare contributori seri, partner tecnici e finanziatori attorno ad acqua pulita, energia a basso costo, recupero delle risorse, modellazione aperta e futuri percorsi pilota.\r\n        <\/p>\r\n\r\n        <div class=\"h2-footer-actions\">\r\n          <a href=\"\/it\/per-partner-finanziatori\/\">Partner e Finanziatori<\/a>\r\n          <a href=\"\/it\/iscriviti\/\">Unisciti a 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>Sistemi di Ricerca<\/h4>\r\n          <a href=\"\/it\/sistema-di-ingegneria-per-la-desalinizzazione-geotermica\/\">Ingegneria della dissalazione<\/a>\r\n          <a href=\"\/it\/sistemi-di-dissalazione-al-plasma-geotermico\/\">Dissalazione al plasma<\/a>\r\n          <a href=\"\/it\/struttura-del-reattore-a-vapore-al-plasma\/\">Energia del plasma<\/a>\r\n          <a href=\"\/it\/sistemi-geotermici-avanzati\/\">Geotermico<\/a>\r\n          <a href=\"\/it\/sistemi-di-rigenerazione-atmosferica\/\">Atmosfera<\/a>\r\n          <a href=\"\/it\/reti-di-infrastrutture-per-lidrogeno\/\">Infrastruttura<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Livello di simulazione<\/h4>\r\n          <a href=\"\/it\/aprire-linfrastruttura-di-simulazione\/\">Apri Simulazione<\/a>\r\n          <a href=\"\/it\/database-scenario-di-simulazione\/\">Database Scenario<\/a>\r\n          <a href=\"\/it\/simulatore-di-infrastrutture-per-idrogeno\/\">Simulatore di infrastrutture<\/a>\r\n          <a href=\"\/it\/piattaforma-di-sfide-scientifiche-aperte\/\">Sfide<\/a>\r\n          <a href=\"\/it\/governance-scientifica-dellia\/\">IA Governance<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Costruisci con noi<\/h4>\r\n          <a href=\"\/it\/per-partner-finanziatori\/\">Per Partner e Finanziatori<\/a>\r\n          <a href=\"\/it\/iscriviti\/\">Unisciti<\/a>\r\n          <a href=\"\/it\/membership-support\/\">Appartenenza<\/a>\r\n          <a href=\"\/it\/sponsorizzare-una-sfida\/\">Sponsor<\/a>\r\n          <a href=\"\/it\/partnership-di-ricerca\/\">Partnership di ricerca<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Organizzazione<\/h4>\r\n          <a href=\"\/it\/comunita\/\">Comunit\u00e0<\/a>\r\n          <a href=\"\/it\/tabella-di-marcia-della-visione\/\">Visione<\/a>\r\n          <a href=\"\/it\/quadro-di-governance\/\">Governo<\/a>\r\n          <a href=\"\/it\/sulla-governance-di-hydrogenorg\/\">Governance di HydrogenOrg<\/a>\r\n          <a href=\"\/it\/contatto\/\">Contatto<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Legale<\/h4>\r\n          <a href=\"\/it\/privacy-policy\/\">Informativa sulla privacy<\/a>\r\n          <a href=\"\/it\/termini-di-utilizzo\/\">Termini di utilizzo<\/a>\r\n          <a href=\"\/it\/intellectual-property\/\">Propriet\u00e0 intellettuale<\/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 \u00e8 il layer di ricerca aperto.<\/strong>\r\n      <span>Le future aziende e i veicoli pilota sono il livello di implementazione.<\/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. Tutti i diritti riservati.\r\n      <\/div>\r\n\r\n      <div class=\"h2-footer-tags\">\r\n        <span>Ricerca Aperta<\/span>\r\n        <span>Simulazione<\/span>\r\n        <span>Validazione<\/span>\r\n        <span>Partner<\/span>\r\n        <span>Finanziamento<\/span>\r\n        <span>Percorsi per Piloti<\/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 Research Infrastructure HydrogenOrg Simulation Lab HydrogenOrg Simulation Lab connects the public research pages with Streamlit-based simulation models, GitHub-hosted research code, plasma hydrogen tools, geothermal systems, marine models, infrastructure layers and atmospheric regeneration simulators. Explore Public Simulators Research Suite Public Simulation Layer Public Research Simulators Public-facing tools designed to introduce HydrogenOrg models, assumptions and system &hellip; <a href=\"https:\/\/hydrogenorg.ch\/it\/hydrogenorg-simulation-lab\/\" class=\"more-link\">Continua a leggere<span class=\"screen-reader-text\"> &#8220;HydrogenOrg Simulation Lab&#8221;<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1083","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/pages\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":1,"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1084,"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1084"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/it\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}