{"id":797,"date":"2026-08-22T17:08:02","date_gmt":"2026-08-22T17:08:02","guid":{"rendered":"https:\/\/xbinnovation.com\/?page_id=797"},"modified":"2026-08-29T18:05:02","modified_gmt":"2026-08-29T18:05:02","slug":"elementor-page-797","status":"publish","type":"page","link":"https:\/\/xbinnovation.com\/?page_id=797","title":{"rendered":"Ecosystem XB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"797\" class=\"elementor elementor-797\">\n\t\t\t\t<div class=\"elementor-element elementor-element-643a122 e-flex e-con-boxed e-con e-parent\" data-id=\"643a122\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aeba14 elementor-widget elementor-widget-shortcode\" data-id=\"5aeba14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div data-post-id=\"463\" class=\"insert-page insert-page-463 \">\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"463\" class=\"elementor elementor-463\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7277fd e-flex e-con-boxed e-con e-parent\" data-id=\"d7277fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c29a9e8 elementor-widget elementor-widget-html\" data-id=\"c29a9e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"xb-header\">\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   XBInnovation \u2014 GLOBAL HEADER\r\n   ===================================================== *\/\r\n\r\n:root {\r\n  --xb-blue: #2766cf;\r\n  --xb-blue-dark: #1e55b5;\r\n  --xb-purple: #7547c8;\r\n  --xb-text: #111827;\r\n  --xb-muted: #5b6473;\r\n  --xb-border: rgba(20, 35, 70, 0.08);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADER\r\n   ===================================================== *\/\r\n\r\n#xb-header {\r\n  position: sticky;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 99999;\r\n\r\n  background: rgba(255, 255, 255, 0.96);\r\n\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n\r\n  border-bottom: 1px solid var(--xb-border);\r\n\r\n  transition:\r\n    box-shadow .3s ease,\r\n    background .3s ease;\r\n\r\n  overflow: visible !important;\r\n}\r\n\r\n#xb-header.xb-scrolled {\r\n  background: rgba(255, 255, 255, 0.98);\r\n\r\n  box-shadow:\r\n    0 8px 30px rgba(20, 35, 70, 0.08);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADER INNER\r\n   ===================================================== *\/\r\n\r\n.xb-header-inner {\r\n  width: min(1320px, 94%);\r\n  height: 78px;\r\n  margin: auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  position: relative;\r\n  z-index: 100002;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOGO\r\n   ===================================================== *\/\r\n\r\n.xb-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  text-decoration: none;\r\n\r\n  flex-shrink: 0;\r\n}\r\n\r\n.xb-brand img {\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n.xb-brand-name {\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 25px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -0.5px;\r\n\r\n  color: var(--xb-text);\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESKTOP NAVIGATION\r\n   ===================================================== *\/\r\n\r\n.xb-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 4px;\r\n\r\n  margin-left: auto;\r\n}\r\n\r\n.xb-nav-item {\r\n  position: relative;\r\n}\r\n\r\n.xb-nav-link {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 6px;\r\n\r\n  padding: 10px 13px;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: var(--xb-text);\r\n\r\n  text-decoration: none;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n\r\n  white-space: nowrap;\r\n\r\n  transition:\r\n    color .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n.xb-nav-link:hover {\r\n  color: var(--xb-blue);\r\n\r\n  background:\r\n    rgba(39, 102, 207, 0.06);\r\n}\r\n\r\n.xb-nav-link.active {\r\n  color: var(--xb-blue);\r\n}\r\n\r\n.xb-chevron {\r\n  font-size: 10px;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n}\r\n\r\n.xb-nav-item:hover .xb-chevron {\r\n  transform:\r\n    rotate(180deg);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SOLUTIONS DROPDOWN \u2014 DESKTOP\r\n   ===================================================== *\/\r\n\r\n.xb-dropdown {\r\n  position: absolute;\r\n\r\n  top: calc(100% + 10px);\r\n  left: 50%;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    translateY(-7px);\r\n\r\n  min-width: 245px;\r\n\r\n  padding: 10px;\r\n\r\n  background:\r\n    rgba(255, 255, 255, 0.99);\r\n\r\n  border:\r\n    1px solid var(--xb-border);\r\n\r\n  border-radius: 14px;\r\n\r\n  box-shadow:\r\n    0 20px 55px\r\n    rgba(20, 35, 70, 0.15);\r\n\r\n  opacity: 0;\r\n  visibility: hidden;\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    visibility .2s ease,\r\n    transform .2s ease;\r\n\r\n  z-index: 100010;\r\n}\r\n\r\n.xb-nav-item:hover .xb-dropdown {\r\n  opacity: 1;\r\n  visibility: visible;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    translateY(0);\r\n}\r\n\r\n.xb-dropdown-title {\r\n  display: block;\r\n\r\n  padding:\r\n    8px 13px 6px;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.3px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #8a93a3;\r\n}\r\n\r\n.xb-dropdown a {\r\n  display: block;\r\n\r\n  padding: 13px 14px;\r\n\r\n  border-radius: 9px;\r\n\r\n  color: var(--xb-text);\r\n\r\n  text-decoration: none;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 500;\r\n\r\n  transition:\r\n    background .2s ease,\r\n    color .2s ease,\r\n    transform .2s ease;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.xb-dropdown a:hover {\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(39, 102, 207, 0.09),\r\n      rgba(117, 71, 200, 0.09)\r\n    );\r\n\r\n  color: var(--xb-blue);\r\n\r\n  transform:\r\n    translateX(3px);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESKTOP SOCIAL ICONS\r\n   ===================================================== *\/\r\n\r\n.xb-header-right {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  flex-shrink: 0;\r\n}\r\n\r\n.xb-social {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 5px;\r\n\r\n  margin-right: 5px;\r\n}\r\n\r\n.xb-social a {\r\n  width: 34px;\r\n  height: 34px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: white;\r\n\r\n  text-decoration: none;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.xb-social a:hover {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 6px 15px\r\n    rgba(20, 35, 70, 0.15);\r\n}\r\n\r\n.xb-linkedin {\r\n  background: #0a78b8;\r\n}\r\n\r\n.xb-instagram {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #7b36c8,\r\n      #e43d69,\r\n      #f29a39\r\n    );\r\n}\r\n\r\n.xb-youtube {\r\n  background: #e62c2c;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE HAMBURGER\r\n   ===================================================== *\/\r\n\r\n.xb-mobile-button {\r\n  display: none;\r\n\r\n  width: 40px;\r\n  height: 40px;\r\n\r\n  border:\r\n    1px solid var(--xb-border);\r\n\r\n  border-radius: 9px;\r\n\r\n  background: white;\r\n\r\n  cursor: pointer;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 5px;\r\n\r\n  padding: 0;\r\n\r\n  position: relative;\r\n\r\n  z-index: 100005;\r\n\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.xb-mobile-button span {\r\n  display: block;\r\n\r\n  width: 19px;\r\n  height: 2px;\r\n\r\n  background:\r\n    var(--xb-text);\r\n\r\n  border-radius: 5px;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE MENU\r\n   ===================================================== *\/\r\n\r\n.xb-mobile-menu {\r\n  display: none !important;\r\n\r\n  position: fixed !important;\r\n\r\n  top: 70px !important;\r\n  left: 0 !important;\r\n\r\n  width: 100vw !important;\r\n\r\n  max-height:\r\n    calc(100vh - 70px);\r\n\r\n  overflow-y: auto;\r\n\r\n  background:\r\n    #ffffff !important;\r\n\r\n  border-top:\r\n    1px solid var(--xb-border);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20, 35, 70, 0.16);\r\n\r\n  padding:\r\n    15px 5% 30px;\r\n\r\n  z-index: 100001 !important;\r\n}\r\n\r\n.xb-mobile-menu.open {\r\n  display: block !important;\r\n\r\n  visibility: visible !important;\r\n  opacity: 1 !important;\r\n\r\n  pointer-events: auto !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE LINKS\r\n   ===================================================== *\/\r\n\r\n.xb-mobile-menu > a {\r\n  display: block !important;\r\n\r\n  padding: 15px 12px;\r\n\r\n  color: var(--xb-text) !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 500;\r\n\r\n  border-radius: 8px;\r\n\r\n  cursor: pointer;\r\n\r\n  background: transparent;\r\n\r\n  -webkit-tap-highlight-color: transparent;\r\n\r\n  pointer-events: auto !important;\r\n}\r\n\r\n.xb-mobile-menu > a:hover,\r\n.xb-mobile-menu > a:active {\r\n  background:\r\n    #f4f7ff !important;\r\n\r\n  color:\r\n    var(--xb-blue) !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE SOLUTIONS TITLE\r\n   ===================================================== *\/\r\n\r\n.xb-mobile-section {\r\n  margin-top: 8px;\r\n\r\n  padding:\r\n    14px 12px 6px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.3px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #8a93a3;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE SOCIAL ICONS\r\n   ===================================================== *\/\r\n\r\n.xb-mobile-social {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 18px;\r\n\r\n  padding-top: 20px;\r\n\r\n  border-top:\r\n    1px solid rgba(20, 35, 70, 0.08);\r\n}\r\n\r\n.xb-mobile-social-link {\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: flex !important;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 9px;\r\n\r\n  color: white !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n\r\n  pointer-events: auto !important;\r\n}\r\n\r\n.xb-mobile-social-link:hover,\r\n.xb-mobile-social-link:active {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  color: white !important;\r\n}\r\n\r\n.xb-mobile-social-link.xb-linkedin {\r\n  background: #0a78b8;\r\n}\r\n\r\n.xb-mobile-social-link.xb-instagram {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #7b36c8,\r\n      #e43d69,\r\n      #f29a39\r\n    );\r\n}\r\n\r\n.xb-mobile-social-link.xb-youtube {\r\n  background: #e62c2c;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n   ===================================================== *\/\r\n\r\n@media(max-width: 1100px) {\r\n\r\n  .xb-nav {\r\n    gap: 0;\r\n  }\r\n\r\n  .xb-nav-link {\r\n    padding:\r\n      9px 8px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .xb-brand-name {\r\n    font-size: 21px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n   ===================================================== *\/\r\n\r\n@media(max-width: 850px) {\r\n\r\n  #xb-header {\r\n    z-index: 100000 !important;\r\n\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .xb-header-inner {\r\n    height: 70px;\r\n\r\n    position: relative;\r\n\r\n    z-index: 100002 !important;\r\n  }\r\n\r\n  .xb-nav,\r\n  .xb-header-right {\r\n    display: none !important;\r\n  }\r\n\r\n  .xb-mobile-button {\r\n    display: flex !important;\r\n\r\n    position: relative;\r\n\r\n    z-index: 100005 !important;\r\n  }\r\n\r\n  .xb-brand img {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  .xb-brand-name {\r\n    font-size: 21px;\r\n  }\r\n\r\n\r\n  \/*\r\n   * Keep GTranslate separate.\r\n   * The native GTranslate floating selector\r\n   * can remain visible at bottom-right.\r\n   *\/\r\n\r\n  nav.trp-floating-switcher,\r\n  .trp-floating-switcher {\r\n    z-index: 99990 !important;\r\n  }\r\n\r\n\r\n  \/*\r\n   * Mobile navigation always sits above GTranslate.\r\n   *\/\r\n\r\n  .xb-mobile-menu {\r\n    z-index: 100001 !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GTRANSLATE COMPATIBILITY\r\n   ===================================================== *\/\r\n\r\nhtml {\r\n  margin-top: 0 !important;\r\n}\r\n\r\nbody {\r\n  top: 0 !important;\r\n}\r\n\r\n\r\n\/*\r\n * IMPORTANT:\r\n * No custom translation JavaScript here.\r\n *\r\n * GTranslate's native selector handles translation.\r\n *\/\r\n\r\n\r\n\/* =====================================================\r\n   END CSS\r\n   ===================================================== *\/\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     HEADER\r\n     ===================================================== -->\r\n\r\n<header class=\"xb-header-inner\">\r\n\r\n\r\n  <!-- ===================================================\r\n       LOGO\r\n       =================================================== -->\r\n\r\n  <a\r\n    class=\"xb-brand\"\r\n    href=\"https:\/\/xbinnovation.com\/\"\r\n  >\r\n\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/xbinnovation.com\/wp-content\/uploads\/2025\/08\/XBInnovation-ISO-CT-T-1.png\"\r\n      alt=\"XBInnovation\"\r\n    >\r\n\r\n    <span class=\"xb-brand-name\">\r\n      XBInnovation\r\n    <\/span>\r\n\r\n  <\/a>\r\n\r\n\r\n  <!-- ===================================================\r\n       DESKTOP NAVIGATION\r\n       =================================================== -->\r\n\r\n  <nav class=\"xb-nav\">\r\n\r\n\r\n    <!-- HOME -->\r\n\r\n    <div class=\"xb-nav-item\">\r\n\r\n      <a\r\n        class=\"xb-nav-link active\"\r\n        href=\"https:\/\/xbinnovation.com\/\"\r\n      >\r\n        Home\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SOLUTIONS -->\r\n\r\n    <div class=\"xb-nav-item\">\r\n\r\n      <a\r\n        class=\"xb-nav-link\"\r\n        href=\"#\"\r\n        onclick=\"return false;\"\r\n      >\r\n\r\n        Solutions\r\n\r\n        <span class=\"xb-chevron\">\r\n          \u25be\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <div class=\"xb-dropdown\">\r\n\r\n        <span class=\"xb-dropdown-title\">\r\n          Our solutions\r\n        <\/span>\r\n\r\n\r\n        <a\r\n          href=\"https:\/\/xbinnovation.com\/?page_id=97\"\r\n        >\r\n          Social XB\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"https:\/\/xbinnovation.com\/?page_id=797\"\r\n        >\r\n          Ecosystem XB\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ABOUT US -->\r\n\r\n    <div class=\"xb-nav-item\">\r\n\r\n      <a\r\n        class=\"xb-nav-link\"\r\n        href=\"https:\/\/xbinnovation.com\/?page_id=91\"\r\n      >\r\n        About us\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FUTURE PROJECTS -->\r\n\r\n    <div class=\"xb-nav-item\">\r\n\r\n      <a\r\n        class=\"xb-nav-link\"\r\n        href=\"https:\/\/xbinnovation.com\/?page_id=656\"\r\n      >\r\n        Future projects\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTACT -->\r\n\r\n    <div class=\"xb-nav-item\">\r\n\r\n      <a\r\n        class=\"xb-nav-link\"\r\n        href=\"https:\/\/xbinnovation.com\/?page_id=102\"\r\n      >\r\n        Contact us\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/nav>\r\n\r\n\r\n  <!-- ===================================================\r\n       DESKTOP SOCIAL MEDIA\r\n       =================================================== -->\r\n\r\n  <div class=\"xb-header-right\">\r\n\r\n    <div class=\"xb-social\">\r\n\r\n      <a\r\n        class=\"xb-linkedin\"\r\n        href=\"https:\/\/www.linkedin.com\/company\/xbinnovation\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        aria-label=\"LinkedIn\"\r\n      >\r\n        in\r\n      <\/a>\r\n\r\n\r\n      <a\r\n        class=\"xb-instagram\"\r\n        href=\"https:\/\/www.instagram.com\/xbinnovation\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        aria-label=\"Instagram\"\r\n      >\r\n        \u25ce\r\n      <\/a>\r\n\r\n\r\n      <a\r\n        class=\"xb-youtube\"\r\n        href=\"https:\/\/www.youtube.com\/@XBinnovating\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        aria-label=\"YouTube\"\r\n      >\r\n        \u25b6\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ===================================================\r\n       MOBILE HAMBURGER\r\n       =================================================== -->\r\n\r\n  <button\r\n    class=\"xb-mobile-button\"\r\n    id=\"xb-mobile-toggle\"\r\n    aria-label=\"Open navigation\"\r\n    aria-expanded=\"false\"\r\n    type=\"button\"\r\n  >\r\n\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n\r\n  <\/button>\r\n\r\n\r\n<\/header>\r\n\r\n\r\n<!-- =====================================================\r\n     MOBILE NAVIGATION\r\n     ===================================================== -->\r\n\r\n<div\r\n  class=\"xb-mobile-menu\"\r\n  id=\"xb-mobile-menu\"\r\n>\r\n\r\n\r\n  <!-- HOME -->\r\n\r\n  <a\r\n    href=\"https:\/\/xbinnovation.com\/\"\r\n  >\r\n    Home\r\n  <\/a>\r\n\r\n\r\n  <!-- SOLUTIONS -->\r\n\r\n  <div class=\"xb-mobile-section\">\r\n    Solutions\r\n  <\/div>\r\n\r\n\r\n  <a\r\n    href=\"https:\/\/xbinnovation.com\/?page_id=97\"\r\n  >\r\n    Social XB\r\n  <\/a>\r\n\r\n\r\n  <a\r\n    href=\"https:\/\/xbinnovation.com\/?page_id=797\"\r\n  >\r\n    Ecosystem XB\r\n  <\/a>\r\n\r\n\r\n  <!-- ABOUT -->\r\n\r\n  <a\r\n    href=\"https:\/\/xbinnovation.com\/?page_id=91\"\r\n  >\r\n    About us\r\n  <\/a>\r\n\r\n\r\n  <!-- FUTURE PROJECTS -->\r\n\r\n  <a\r\n    href=\"https:\/\/xbinnovation.com\/?page_id=656\"\r\n  >\r\n    Future projects\r\n  <\/a>\r\n\r\n\r\n  <!-- CONTACT -->\r\n\r\n  <a\r\n    href=\"https:\/\/xbinnovation.com\/?page_id=102\"\r\n  >\r\n    Contact us\r\n  <\/a>\r\n\r\n\r\n  <!-- =================================================\r\n       MOBILE SOCIAL MEDIA\r\n       ================================================= -->\r\n\r\n  <div class=\"xb-mobile-social\">\r\n\r\n\r\n    <a\r\n      class=\"xb-mobile-social-link xb-linkedin\"\r\n      href=\"https:\/\/www.linkedin.com\/company\/xbinnovation\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n      aria-label=\"LinkedIn\"\r\n    >\r\n      in\r\n    <\/a>\r\n\r\n\r\n    <a\r\n      class=\"xb-mobile-social-link xb-instagram\"\r\n      href=\"https:\/\/www.instagram.com\/xbinnovation\/\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n      aria-label=\"Instagram\"\r\n    >\r\n      \u25ce\r\n    <\/a>\r\n\r\n\r\n    <a\r\n      class=\"xb-mobile-social-link xb-youtube\"\r\n      href=\"https:\/\/www.youtube.com\/@XBinnovating\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n      aria-label=\"YouTube\"\r\n    >\r\n      \u25b6\r\n    <\/a>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     JAVASCRIPT\r\n     ===================================================== -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \/* =====================================================\r\n     MOBILE MENU INITIALIZATION\r\n     ===================================================== *\/\r\n\r\n  function initXBMobileMenu() {\r\n\r\n    var mobileButton =\r\n      document.getElementById(\r\n        \"xb-mobile-toggle\"\r\n      );\r\n\r\n    var mobileMenu =\r\n      document.getElementById(\r\n        \"xb-mobile-menu\"\r\n      );\r\n\r\n\r\n    if (\r\n      !mobileButton ||\r\n      !mobileMenu\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n     * Prevent duplicate initialization.\r\n     *\/\r\n\r\n    if (\r\n      mobileButton.getAttribute(\r\n        \"data-xb-menu-ready\"\r\n      ) === \"true\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    mobileButton.setAttribute(\r\n      \"data-xb-menu-ready\",\r\n      \"true\"\r\n    );\r\n\r\n\r\n    \/* =================================================\r\n       OPEN \/ CLOSE\r\n       ================================================= *\/\r\n\r\n    mobileButton.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n        event.stopPropagation();\r\n\r\n\r\n        var isOpen =\r\n          mobileMenu.classList.contains(\r\n            \"open\"\r\n          );\r\n\r\n\r\n        if (isOpen) {\r\n\r\n          mobileMenu.classList.remove(\r\n            \"open\"\r\n          );\r\n\r\n          mobileButton.setAttribute(\r\n            \"aria-expanded\",\r\n            \"false\"\r\n          );\r\n\r\n        } else {\r\n\r\n          mobileMenu.classList.add(\r\n            \"open\"\r\n          );\r\n\r\n          mobileButton.setAttribute(\r\n            \"aria-expanded\",\r\n            \"true\"\r\n          );\r\n\r\n        }\r\n\r\n      },\r\n      false\r\n    );\r\n\r\n\r\n    \/* =================================================\r\n       CLOSE AFTER NAVIGATION\r\n       ================================================= *\/\r\n\r\n    var links =\r\n      mobileMenu.querySelectorAll(\r\n        \"a\"\r\n      );\r\n\r\n\r\n    links.forEach(\r\n      function (link) {\r\n\r\n        link.addEventListener(\r\n          \"click\",\r\n          function () {\r\n\r\n            mobileMenu.classList.remove(\r\n              \"open\"\r\n            );\r\n\r\n            mobileButton.setAttribute(\r\n              \"aria-expanded\",\r\n              \"false\"\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* =================================================\r\n       CLOSE WHEN CLICKING OUTSIDE\r\n       ================================================= *\/\r\n\r\n    document.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n\r\n        if (\r\n          mobileMenu.classList.contains(\r\n            \"open\"\r\n          ) &&\r\n          !mobileMenu.contains(\r\n            event.target\r\n          ) &&\r\n          !mobileButton.contains(\r\n            event.target\r\n          )\r\n        ) {\r\n\r\n          mobileMenu.classList.remove(\r\n            \"open\"\r\n          );\r\n\r\n          mobileButton.setAttribute(\r\n            \"aria-expanded\",\r\n            \"false\"\r\n          );\r\n\r\n        }\r\n\r\n      },\r\n      false\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     HEADER SCROLL EFFECT\r\n     ===================================================== *\/\r\n\r\n  function initXBHeaderScroll() {\r\n\r\n    var header =\r\n      document.getElementById(\r\n        \"xb-header\"\r\n      );\r\n\r\n\r\n    if (!header) {\r\n      return;\r\n    }\r\n\r\n\r\n    function updateHeader() {\r\n\r\n      if (\r\n        window.scrollY > 20\r\n      ) {\r\n\r\n        header.classList.add(\r\n          \"xb-scrolled\"\r\n        );\r\n\r\n      } else {\r\n\r\n        header.classList.remove(\r\n          \"xb-scrolled\"\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n      \"scroll\",\r\n      updateHeader\r\n    );\r\n\r\n\r\n    updateHeader();\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     INITIALIZE\r\n     ===================================================== *\/\r\n\r\n  initXBMobileMenu();\r\n\r\n  initXBHeaderScroll();\r\n\r\n\r\n  \/* =====================================================\r\n     DOM READY\r\n     ===================================================== *\/\r\n\r\n  if (\r\n    document.readyState ===\r\n    \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      function () {\r\n\r\n        initXBMobileMenu();\r\n        initXBHeaderScroll();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     WINDOW LOAD\r\n     ===================================================== *\/\r\n\r\n  window.addEventListener(\r\n    \"load\",\r\n    function () {\r\n\r\n      initXBMobileMenu();\r\n      initXBHeaderScroll();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     ELEMENTOR COMPATIBILITY\r\n     ===================================================== *\/\r\n\r\n  if (window.jQuery) {\r\n\r\n    jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function () {\r\n\r\n        initXBMobileMenu();\r\n        initXBHeaderScroll();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a69e48d e-flex e-con-boxed e-con e-parent\" data-id=\"a69e48d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9caf0 elementor-widget elementor-widget-spacer\" data-id=\"ea9caf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f68e929 e-flex e-con-boxed e-con e-parent\" data-id=\"f68e929\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d97e891 elementor-widget elementor-widget-spacer\" data-id=\"d97e891\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d3a890 e-flex e-con-boxed e-con e-parent\" data-id=\"0d3a890\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-667cb2d elementor-widget elementor-widget-html\" data-id=\"667cb2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ecosystem-page\">\n\n  <!-- =====================================================\n       HERO\n       ===================================================== -->\n\n  <section class=\"eco-hero\">\n\n    <div class=\"eco-hero-bg\"><\/div>\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-hero-content\">\n\n        <div class=\"eco-hero-text\">\n\n          <div class=\"eco-eyebrow\">\n            SCIENCE \u00d7 TECHNOLOGY \u00d7 COMMUNITY\n          <\/div>\n\n          <h1>\n            The right scientific\n            <span>collaboration<\/span>\n            should not depend on chance.\n          <\/h1>\n\n          <p>\n            Ecosystem XB is a scientific platform designed to connect\n            researchers, laboratories, institutions and organizations\n            through their research interests, expertise and scientific\n            capabilities.\n          <\/p>\n\n          <div class=\"eco-buttons\">\n\n            <a href=\"#eco-how\" class=\"eco-btn eco-btn-primary\">\n              Discover Ecosystem XB\n              <span>\u2192<\/span>\n            <\/a>\n\n            <a href=\"#eco-pricing\" class=\"eco-btn eco-btn-secondary\">\n              Limited Launch Access\n              <span>\u2193<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             NETWORK VISUAL\n             ================================================= -->\n\n        <div class=\"eco-hero-visual\">\n\n          <div class=\"eco-orbit eco-orbit-1\"><\/div>\n          <div class=\"eco-orbit eco-orbit-2\"><\/div>\n          <div class=\"eco-orbit eco-orbit-3\"><\/div>\n\n          <div class=\"eco-center-node\">\n            <strong>XB<\/strong>\n          <\/div>\n\n          <div class=\"eco-node eco-node-1\">\n            <span>Research<\/span>\n          <\/div>\n\n          <div class=\"eco-node eco-node-2\">\n            <span>Expertise<\/span>\n          <\/div>\n\n          <div class=\"eco-node eco-node-3\">\n            <span>People<\/span>\n          <\/div>\n\n          <div class=\"eco-node eco-node-4\">\n            <span>Ideas<\/span>\n          <\/div>\n\n          <div class=\"eco-node eco-node-5\">\n            <span>Events<\/span>\n          <\/div>\n\n          <div class=\"eco-node eco-node-6\">\n            <span>Collaboration<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       LIVE COMMUNITY COUNTER\n       ===================================================== -->\n\n  <section class=\"eco-community-counter\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-community-counter-inner\">\n\n        <div class=\"eco-community-counter-label\">\n          THE ECOSYSTEM IS GROWING\n        <\/div>\n\n        <div class=\"eco-community-counter-number\">\n          <span id=\"eco-investigator-count\">0<\/span>\n        <\/div>\n\n        <div class=\"eco-community-counter-title\">\n          investigators on Ecosystem XB\n        <\/div>\n\n        <p>\n          Researchers are joining from different fields,\n          institutions and countries to expand the possibilities\n          for scientific connection and collaboration.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       INTRO\n       ===================================================== -->\n\n  <section class=\"eco-intro\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-section-label\">\n        A SCIENTIFIC NETWORK BUILT AROUND RESEARCH\n      <\/div>\n\n      <h2>\n        Connecting the people,\n        <span>knowledge and opportunities<\/span>\n        behind scientific discovery.\n      <\/h2>\n\n      <p class=\"eco-large-text\">\n\n        Scientific progress rarely happens in isolation.\n        Researchers need access to expertise, complementary\n        capabilities, collaborators, discussions and new ideas.\n\n        Ecosystem XB is being built to make those connections\n        easier to discover and easier to develop.\n\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       PROBLEM\n       ===================================================== -->\n\n  <section class=\"eco-problem\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-two-column\">\n\n        <div>\n\n          <div class=\"eco-section-label\">\n            THE CHALLENGE\n          <\/div>\n\n          <h2>\n            Science is connected.\n            <span>Discovery is not always.<\/span>\n          <\/h2>\n\n        <\/div>\n\n\n        <div class=\"eco-problem-text\">\n\n          <p>\n            Researchers often discover collaborators through\n            existing networks, conferences, personal contacts\n            or chance encounters.\n          <\/p>\n\n          <p>\n            But valuable scientific expertise exists far beyond\n            those immediate circles.\n          <\/p>\n\n          <p>\n            Ecosystem XB is designed to help researchers discover\n            relevant people, capabilities and scientific\n            opportunities beyond their existing network.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       HOW IT WORKS\n       ===================================================== -->\n\n  <section class=\"eco-how\" id=\"eco-how\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-section-heading\">\n\n        <div class=\"eco-section-label\">\n          HOW ECOSYSTEM XB WORKS\n        <\/div>\n\n        <h2>\n          From research interests\n          <span>to meaningful connections.<\/span>\n        <\/h2>\n\n        <p>\n          Ecosystem XB is designed around the scientific\n          capabilities and interests of its community.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"eco-process\">\n\n        <div class=\"eco-process-card\">\n\n          <div class=\"eco-number\">01<\/div>\n\n          <h3>Discover<\/h3>\n\n          <p>\n            Explore researchers, scientific fields,\n            expertise, capabilities and opportunities\n            relevant to your work.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-process-card\">\n\n          <div class=\"eco-number\">02<\/div>\n\n          <h3>Connect<\/h3>\n\n          <p>\n            Find researchers and organizations whose\n            expertise, interests or capabilities complement\n            your scientific objectives.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-process-card\">\n\n          <div class=\"eco-number\">03<\/div>\n\n          <h3>Collaborate<\/h3>\n\n          <p>\n            Build scientific relationships through direct\n            communication, shared interests and collaborative\n            opportunities.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-process-card\">\n\n          <div class=\"eco-number\">04<\/div>\n\n          <h3>Advance<\/h3>\n\n          <p>\n            Turn scientific connections into discussions,\n            projects, collaborations and new opportunities.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       FEATURES\n       ===================================================== -->\n\n  <section class=\"eco-features\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-section-heading\">\n\n        <div class=\"eco-section-label\">\n          THE ECOSYSTEM\n        <\/div>\n\n        <h2>\n          More than a directory.\n          <span>A scientific community.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"eco-feature-grid\">\n\n\n        <div class=\"eco-feature-card\">\n\n          <div class=\"eco-feature-icon\">01<\/div>\n\n          <h3>Scientific Profiles<\/h3>\n\n          <p>\n            Build a research profile around scientific\n            interests, expertise, experience and\n            capabilities.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-feature-card\">\n\n          <div class=\"eco-feature-icon\">02<\/div>\n\n          <h3>Scientific Matching<\/h3>\n\n          <p>\n            Discover researchers and organizations based\n            on complementary scientific interests and\n            capabilities.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-feature-card\">\n\n          <div class=\"eco-feature-icon\">03<\/div>\n\n          <h3>Direct Communication<\/h3>\n\n          <p>\n            Create opportunities for researchers to\n            communicate and develop scientific\n            relationships directly.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-feature-card\">\n\n          <div class=\"eco-feature-icon\">04<\/div>\n\n          <h3>Scientific Webinars<\/h3>\n\n          <p>\n            Discover and participate in scientific\n            webinars, discussions and knowledge-sharing\n            opportunities.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-feature-card\">\n\n          <div class=\"eco-feature-icon\">05<\/div>\n\n          <h3>Scientific Events<\/h3>\n\n          <p>\n            Connect researchers around meetings,\n            conferences and large-scale online scientific\n            events.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-feature-card\">\n\n          <div class=\"eco-feature-icon\">06<\/div>\n\n          <h3>Global Collaboration<\/h3>\n\n          <p>\n            Expand scientific networks beyond institutions,\n            countries and traditional research circles.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       WHO IT IS FOR\n       ===================================================== -->\n\n  <section class=\"eco-community\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-section-heading\">\n\n        <div class=\"eco-section-label\">\n          BUILT FOR THE SCIENTIFIC COMMUNITY\n        <\/div>\n\n        <h2>\n          One ecosystem.\n          <span>Multiple perspectives.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"eco-community-grid\">\n\n        <div class=\"eco-community-card\">\n\n          <h3>Researchers<\/h3>\n\n          <p>\n            Discover collaborators, expertise and\n            opportunities relevant to your research.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-community-card\">\n\n          <h3>Laboratories<\/h3>\n\n          <p>\n            Increase visibility and connect your research\n            capabilities with complementary teams.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-community-card\">\n\n          <h3>Institutions<\/h3>\n\n          <p>\n            Connect scientific communities across\n            departments, universities and research centers.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"eco-community-card\">\n\n          <h3>Biotech & Industry<\/h3>\n\n          <p>\n            Discover scientific expertise and research\n            capabilities relevant to innovation and\n            development.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       LIMITED LAUNCH ACCESS\n       ===================================================== -->\n\n  <section class=\"eco-pricing\" id=\"eco-pricing\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-pricing-box\">\n\n        <div class=\"eco-pricing-content\">\n\n          <div class=\"eco-section-label\">\n            ECOSYSTEM XB \u00b7 LIMITED LAUNCH ACCESS\n          <\/div>\n\n          <h2>\n            Join Ecosystem XB at our\n            <span>introductory price.<\/span>\n          <\/h2>\n\n          <p>\n            Ecosystem XB is opening a limited number of memberships\n            at a special introductory price as researchers from around\n            the world begin building the community.\n          <\/p>\n\n          <p>\n            During the launch period, <strong>300 complimentary access\n            spots<\/strong> are available to investigators joining the\n            platform. Complimentary access is available until\n            <strong>November 1, 2026<\/strong>.\n          <\/p>\n\n          <p>\n            After November 1, Ecosystem XB will transition to its\n            subscription model.\n          <\/p>\n\n\n          <!-- LIVE COMPLIMENTARY SPOTS COUNTER -->\n\n          <div class=\"eco-launch-counter\">\n\n            <div class=\"eco-counter-label\">\n              COMPLIMENTARY LAUNCH ACCESS\n            <\/div>\n\n            <div class=\"eco-counter-number\">\n              <span id=\"eco-free-remaining\">300<\/span>\n            <\/div>\n\n            <div class=\"eco-counter-text\">\n              complimentary spots remaining\n            <\/div>\n\n            <div class=\"eco-counter-date\">\n              Available until November 1, 2026\n            <\/div>\n\n            <!-- LIVE COUNTDOWN TO LAUNCH DEADLINE -->\n\n            <div class=\"eco-countdown\">\n\n              <div class=\"eco-countdown-label\">\n                LAUNCH ACCESS ENDS IN\n              <\/div>\n\n              <div class=\"eco-countdown-grid\">\n\n                <div class=\"eco-countdown-unit\">\n                  <div class=\"eco-countdown-number\" id=\"eco-countdown-days\">00<\/div>\n                  <div class=\"eco-countdown-unit-label\">DAYS<\/div>\n                <\/div>\n\n                <div class=\"eco-countdown-separator\">:<\/div>\n\n                <div class=\"eco-countdown-unit\">\n                  <div class=\"eco-countdown-number\" id=\"eco-countdown-hours\">00<\/div>\n                  <div class=\"eco-countdown-unit-label\">HOURS<\/div>\n                <\/div>\n\n                <div class=\"eco-countdown-separator\">:<\/div>\n\n                <div class=\"eco-countdown-unit\">\n                  <div class=\"eco-countdown-number\" id=\"eco-countdown-minutes\">00<\/div>\n                  <div class=\"eco-countdown-unit-label\">MINUTES<\/div>\n                <\/div>\n\n                <div class=\"eco-countdown-separator\">:<\/div>\n\n                <div class=\"eco-countdown-unit\">\n                  <div class=\"eco-countdown-number\" id=\"eco-countdown-seconds\">00<\/div>\n                  <div class=\"eco-countdown-unit-label\">SECONDS<\/div>\n                <\/div>\n\n              <\/div>\n\n              <div class=\"eco-countdown-deadline\">\n                Deadline managed from the Ecosystem XB launch settings.\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- PRICE CARD -->\n\n        <div class=\"eco-price\">\n\n          <div class=\"eco-price-label\">\n            INTRODUCTORY SUBSCRIPTION\n          <\/div>\n\n          <div class=\"eco-price-number\">\n            $99\n          <\/div>\n\n          <div class=\"eco-price-period\">\n            USD \/ year\n          <\/div>\n\n          <div class=\"eco-price-note\">\n            Limited launch availability\n          <\/div>\n\n\n          <!-- CORRECT CONTACT PAGE -->\n\n          <a\n            href=\"https:\/\/xbinnovation.com\/?page_id=102\"\n            class=\"eco-btn eco-btn-primary\"\n          >\n            Contact Support to Get Started\n            <span>\u2192<\/span>\n          <\/a>\n\n\n          <div class=\"eco-price-support\">\n            Our support team will help you create\n            and set up your Ecosystem XB account.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <p class=\"eco-pricing-disclaimer\">\n        Complimentary launch access is limited to 300 spots and is\n        available until November 1, 2026. Subscription pricing applies\n        after the complimentary access period.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       FINAL CTA\n       ===================================================== -->\n\n  <section class=\"eco-final\">\n\n    <div class=\"eco-container\">\n\n      <div class=\"eco-final-box\">\n\n        <div class=\"eco-section-label\">\n          THE FUTURE OF SCIENTIFIC CONNECTION\n        <\/div>\n\n        <h2>\n          Your next scientific\n          <span>connection could change everything.<\/span>\n        <\/h2>\n\n        <p>\n          Join a growing ecosystem designed to make\n          scientific collaboration easier to discover.\n        <\/p>\n\n\n        <!-- CORRECT CONTACT PAGE -->\n\n        <a\n          href=\"https:\/\/xbinnovation.com\/?page_id=102\"\n          class=\"eco-btn eco-btn-primary\"\n        >\n          Contact Support to Get Started\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/section>\n\n\n\n<style>\n\n\/* =====================================================\n   ECOSYSTEM XB \u2014 GLOBAL\n   ===================================================== *\/\n\n.ecosystem-page {\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  color: #111827;\n\n  overflow: hidden;\n\n}\n\n\n.eco-container {\n\n  width: min(\n    1180px,\n    92%\n  );\n\n  margin: 0 auto;\n\n}\n\n\n.eco-section-label {\n\n  font-size: 11px;\n\n  letter-spacing: 2px;\n\n  font-weight: 700;\n\n  color: #3264c5;\n\n  margin-bottom: 18px;\n\n}\n\n\n.ecosystem-page h1,\n.ecosystem-page h2,\n.ecosystem-page h3 {\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n}\n\n\n.ecosystem-page h2 {\n\n  font-size:\n    clamp(34px, 4vw, 52px);\n\n  line-height: 1.12;\n\n  margin: 0;\n\n  font-weight: 700;\n\n}\n\n\n.ecosystem-page h2 span {\n\n  background:\n    linear-gradient(\n      90deg,\n      #2764cc,\n      #7447c7\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n\n}\n\n\n\/* =====================================================\n   HERO\n   ===================================================== *\/\n\n.eco-hero {\n\n  position: relative;\n\n  min-height: 650px;\n\n  display: flex;\n\n  align-items: center;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      110deg,\n      #ffffff 0%,\n      #f7f9ff 45%,\n      #eeeaff 75%,\n      #ddd9ff 100%\n    );\n\n}\n\n\n.eco-hero-bg {\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at 75% 50%,\n      rgba(71,111,220,.16),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 95% 20%,\n      rgba(125,73,205,.18),\n      transparent 30%\n    );\n\n}\n\n\n.eco-hero-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    50% 50%;\n\n  align-items: center;\n\n  min-height: 650px;\n\n}\n\n\n.eco-hero-text {\n\n  padding:\n    70px 0;\n\n}\n\n\n.eco-eyebrow {\n\n  color: #3264c5;\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 22px;\n\n}\n\n\n.eco-hero h1 {\n\n  font-size:\n    clamp(42px, 5vw, 68px);\n\n  line-height: 1.05;\n\n  margin: 0;\n\n  max-width: 650px;\n\n}\n\n\n.eco-hero h1 span {\n\n  background:\n    linear-gradient(\n      90deg,\n      #2764cc,\n      #7447c7\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n\n}\n\n\n.eco-hero p {\n\n  max-width: 590px;\n\n  margin:\n    30px 0;\n\n  font-size: 18px;\n\n  line-height: 1.7;\n\n  color: #374151;\n\n}\n\n\n\/* =====================================================\n   BUTTONS\n   ===================================================== *\/\n\n.eco-buttons {\n\n  display: flex;\n\n  gap: 14px;\n\n  flex-wrap: wrap;\n\n}\n\n\n.eco-btn {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  padding:\n    15px 23px;\n\n  border-radius: 10px;\n\n  text-decoration: none;\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  transition:\n    .25s ease;\n\n}\n\n\n.eco-btn span {\n\n  font-size: 20px;\n\n  line-height: 0;\n\n}\n\n\n.eco-btn-primary {\n\n  color: white;\n\n  background:\n    linear-gradient(\n      90deg,\n      #2162c7,\n      #3977df\n    );\n\n  box-shadow:\n    0 8px 25px\n    rgba(40,95,190,.25);\n\n}\n\n\n.eco-btn-primary:hover {\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 12px 30px\n    rgba(40,95,190,.35);\n\n  color: white;\n\n}\n\n\n.eco-btn-secondary {\n\n  color: #2460c4;\n\n  background:\n    rgba(255,255,255,.8);\n\n  border:\n    1px solid #3973d5;\n\n}\n\n\n.eco-btn-secondary:hover {\n\n  background: #2460c4;\n\n  color: white;\n\n}\n\n\n\/* =====================================================\n   NETWORK VISUAL\n   ===================================================== *\/\n\n.eco-hero-visual {\n\n  position: relative;\n\n  height: 550px;\n\n}\n\n\n.eco-orbit {\n\n  position: absolute;\n\n  border:\n    1px solid\n    rgba(70,100,210,.16);\n\n  border-radius: 50%;\n\n}\n\n\n.eco-orbit-1 {\n\n  width: 520px;\n  height: 520px;\n\n  top: 15px;\n  left: 30px;\n\n}\n\n\n.eco-orbit-2 {\n\n  width: 360px;\n  height: 360px;\n\n  top: 95px;\n  left: 110px;\n\n}\n\n\n.eco-orbit-3 {\n\n  width: 220px;\n  height: 220px;\n\n  top: 165px;\n  left: 180px;\n\n}\n\n\n.eco-center-node {\n\n  position: absolute;\n\n  width: 90px;\n  height: 90px;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  left: 245px;\n  top: 230px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      #2764cc,\n      #7447c7\n    );\n\n  box-shadow:\n    0 15px 45px\n    rgba(50,80,180,.30);\n\n}\n\n\n.eco-node {\n\n  position: absolute;\n\n  padding:\n    11px 16px;\n\n  border-radius: 30px;\n\n  background: white;\n\n  border:\n    1px solid\n    rgba(60,90,180,.15);\n\n  box-shadow:\n    0 10px 30px\n    rgba(30,40,80,.10);\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  color: #344a8a;\n\n}\n\n\n.eco-node-1 {\n  top: 95px;\n  left: 205px;\n}\n\n\n.eco-node-2 {\n  top: 160px;\n  right: 0;\n}\n\n\n.eco-node-3 {\n  top: 315px;\n  right: 20px;\n}\n\n\n.eco-node-4 {\n  bottom: 70px;\n  left: 205px;\n}\n\n\n.eco-node-5 {\n  top: 315px;\n  left: 15px;\n}\n\n\n.eco-node-6 {\n  top: 185px;\n  left: 15px;\n}\n\n\n\/* =====================================================\n   LIVE COMMUNITY COUNTER\n   ===================================================== *\/\n\n.eco-community-counter {\n\n  padding: 65px 0;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f8faff,\n      #eeeaff\n    );\n\n  border-top:\n    1px solid\n    rgba(50,90,180,.08);\n\n  border-bottom:\n    1px solid\n    rgba(50,90,180,.08);\n\n}\n\n\n.eco-community-counter-inner {\n\n  max-width: 760px;\n\n  margin: auto;\n\n  text-align: center;\n\n}\n\n\n.eco-community-counter-label {\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  color: #3264c5;\n\n  margin-bottom: 12px;\n\n}\n\n\n.eco-community-counter-number {\n\n  font-size:\n    clamp(48px, 7vw, 78px);\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  background:\n    linear-gradient(\n      90deg,\n      #2764cc,\n      #7447c7\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n\n}\n\n\n.eco-community-counter-title {\n\n  margin-top: 8px;\n\n  font-size: 20px;\n\n  font-weight: 700;\n\n  color: #111827;\n\n}\n\n\n.eco-community-counter-inner p {\n\n  max-width: 600px;\n\n  margin:\n    18px auto 0;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n\n  color: #667085;\n\n}\n\n\n\/* =====================================================\n   INTRO\n   ===================================================== *\/\n\n.eco-intro {\n\n  padding:\n    100px 0;\n\n  text-align: center;\n\n}\n\n\n.eco-intro h2 {\n\n  max-width: 850px;\n\n  margin:\n    0 auto 25px;\n\n}\n\n\n.eco-large-text {\n\n  max-width: 760px;\n\n  margin: auto;\n\n  font-size: 18px;\n\n  line-height: 1.8;\n\n  color: #5b6472;\n\n}\n\n\n\/* =====================================================\n   PROBLEM\n   ===================================================== *\/\n\n.eco-problem {\n\n  padding:\n    100px 0;\n\n  background: #f7f9ff;\n\n}\n\n\n.eco-two-column {\n\n  display: grid;\n\n  grid-template-columns:\n    45% 55%;\n\n  gap: 70px;\n\n  align-items: center;\n\n}\n\n\n.eco-problem-text p {\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n  color: #4b5563;\n\n  margin:\n    0 0 18px;\n\n}\n\n\n\/* =====================================================\n   HOW IT WORKS\n   ===================================================== *\/\n\n.eco-how {\n\n  padding:\n    110px 0;\n\n}\n\n\n.eco-section-heading {\n\n  max-width: 800px;\n\n  margin:\n    0 auto 55px;\n\n  text-align: center;\n\n}\n\n\n.eco-section-heading p {\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  color: #667085;\n\n  max-width: 650px;\n\n  margin:\n    22px auto 0;\n\n}\n\n\n.eco-process {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n\n}\n\n\n.eco-process-card {\n\n  padding: 30px;\n\n  border:\n    1px solid #dfe6f5;\n\n  border-radius: 16px;\n\n  background: white;\n\n  transition: .25s ease;\n\n}\n\n\n.eco-process-card:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 20px 45px\n    rgba(30,50,100,.10);\n\n}\n\n\n.eco-number {\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  color: #3264c5;\n\n  letter-spacing: 1px;\n\n  margin-bottom: 20px;\n\n}\n\n\n.eco-process-card h3 {\n\n  margin:\n    0 0 12px;\n\n  font-size: 20px;\n\n}\n\n\n.eco-process-card p {\n\n  margin: 0;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  color: #667085;\n\n}\n\n\n\/* =====================================================\n   FEATURES\n   ===================================================== *\/\n\n.eco-features {\n\n  padding:\n    110px 0;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f8faff,\n      #f1efff\n    );\n\n}\n\n\n.eco-feature-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 20px;\n\n}\n\n\n.eco-feature-card {\n\n  padding: 32px;\n\n  background: white;\n\n  border:\n    1px solid\n    rgba(50,90,180,.12);\n\n  border-radius: 16px;\n\n  transition: .25s ease;\n\n}\n\n\n.eco-feature-card:hover {\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 20px 50px\n    rgba(40,60,120,.10);\n\n}\n\n\n.eco-feature-icon {\n\n  width: 38px;\n  height: 38px;\n\n  border-radius: 10px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      #2764cc,\n      #7447c7\n    );\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  margin-bottom: 20px;\n\n}\n\n\n.eco-feature-card h3 {\n\n  margin:\n    0 0 10px;\n\n  font-size: 19px;\n\n}\n\n\n.eco-feature-card p {\n\n  margin: 0;\n\n  color: #667085;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* =====================================================\n   COMMUNITY\n   ===================================================== *\/\n\n.eco-community {\n\n  padding:\n    110px 0;\n\n}\n\n\n.eco-community-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n\n}\n\n\n.eco-community-card {\n\n  padding: 28px;\n\n  border-radius: 16px;\n\n  background: #f8faff;\n\n  border:\n    1px solid #e2e8f5;\n\n}\n\n\n.eco-community-card h3 {\n\n  margin:\n    0 0 10px;\n\n  font-size: 19px;\n\n}\n\n\n.eco-community-card p {\n\n  margin: 0;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  color: #667085;\n\n}\n\n\n\/* =====================================================\n   LIMITED LAUNCH ACCESS\n   ===================================================== *\/\n\n.eco-pricing {\n\n  padding:\n    100px 0;\n\n  background: #f7f9ff;\n\n}\n\n\n.eco-pricing-box {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 350px;\n\n  gap: 60px;\n\n  align-items: center;\n\n  padding: 55px;\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      120deg,\n      #ffffff,\n      #eeeaff\n    );\n\n  border:\n    1px solid\n    rgba(60,90,180,.12);\n\n  box-shadow:\n    0 25px 70px\n    rgba(40,60,120,.10);\n\n}\n\n\n.eco-pricing-content h2 {\n\n  max-width: 650px;\n\n}\n\n\n.eco-pricing-content p {\n\n  max-width: 600px;\n\n  margin:\n    25px 0 0;\n\n  color: #596273;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* =====================================================\n   LAUNCH COUNTER\n   ===================================================== *\/\n\n.eco-launch-counter {\n\n  margin-top: 30px;\n\n  padding: 24px;\n\n  border-radius: 16px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  border:\n    1px solid\n    rgba(50,90,180,.12);\n\n}\n\n\n.eco-counter-label {\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n\n  color: #3264c5;\n\n}\n\n\n.eco-counter-number {\n\n  margin-top: 8px;\n\n  font-size: 48px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  background:\n    linear-gradient(\n      90deg,\n      #2764cc,\n      #7447c7\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n\n}\n\n\n.eco-counter-text {\n\n  margin-top: 7px;\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  color: #374151;\n\n}\n\n\n.eco-counter-date {\n\n  margin-top: 7px;\n\n  font-size: 12px;\n\n  color: #667085;\n\n}\n\n\n\/* =====================================================\n   LIVE LAUNCH COUNTDOWN\n   ===================================================== *\/\n\n.eco-countdown {\n\n  margin-top: 24px;\n\n  padding:\n    20px 18px;\n\n  border-radius: 14px;\n\n  background:\n    rgba(255,255,255,.88);\n\n  border:\n    1px solid\n    rgba(50,90,180,.12);\n\n}\n\n\n.eco-countdown-label {\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n\n  color: #3264c5;\n\n  text-align: center;\n\n  margin-bottom: 12px;\n\n}\n\n\n.eco-countdown-grid {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 8px;\n\n}\n\n\n.eco-countdown-unit {\n\n  min-width: 62px;\n\n  text-align: center;\n\n}\n\n\n.eco-countdown-number {\n\n  font-size: 27px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  color: #111827;\n\n  font-variant-numeric: tabular-nums;\n\n}\n\n\n.eco-countdown-unit-label {\n\n  margin-top: 6px;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  color: #7b8494;\n\n}\n\n\n.eco-countdown-separator {\n\n  font-size: 24px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  color: #3264c5;\n\n  margin-top: -10px;\n\n}\n\n\n.eco-countdown-deadline {\n\n  margin-top: 12px;\n\n  text-align: center;\n\n  font-size: 10px;\n\n  line-height: 1.5;\n\n  color: #7b8494;\n\n}\n\n\n\/* =====================================================\n   PRICE CARD\n   ===================================================== *\/\n\n.eco-price {\n\n  text-align: center;\n\n  padding: 30px;\n\n  border-radius: 18px;\n\n  background: white;\n\n  box-shadow:\n    0 15px 40px\n    rgba(30,40,80,.10);\n\n}\n\n\n.eco-price-label {\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n  color: #3264c5;\n\n  margin-bottom: 15px;\n\n}\n\n\n.eco-price-number {\n\n  font-size: 58px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  background:\n    linear-gradient(\n      90deg,\n      #2764cc,\n      #7447c7\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n\n}\n\n\n.eco-price-period {\n\n  margin-top: 8px;\n\n  font-size: 14px;\n\n  color: #667085;\n\n}\n\n\n.eco-price-note {\n\n  margin:\n    15px 0 25px;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  color: #3264c5;\n\n}\n\n\n.eco-price-support {\n\n  margin-top: 18px;\n\n  font-size: 12px;\n\n  line-height: 1.6;\n\n  color: #667085;\n\n}\n\n\n.eco-pricing-disclaimer {\n\n  text-align: center;\n\n  margin:\n    22px auto 0;\n\n  max-width: 700px;\n\n  font-size: 12px;\n\n  color: #7b8494;\n\n}\n\n\n\/* =====================================================\n   FINAL CTA\n   ===================================================== *\/\n\n.eco-final {\n\n  padding:\n    110px 0;\n\n}\n\n\n.eco-final-box {\n\n  text-align: center;\n\n  max-width: 850px;\n\n  margin: auto;\n\n}\n\n\n.eco-final-box h2 {\n\n  margin-bottom: 22px;\n\n}\n\n\n.eco-final-box p {\n\n  max-width: 600px;\n\n  margin:\n    0 auto 30px;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  color: #667085;\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   ===================================================== *\/\n\n@media(max-width: 900px) {\n\n  .eco-hero-content {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .eco-hero-text {\n\n    text-align: center;\n\n    padding:\n      70px 0 30px;\n\n  }\n\n\n  .eco-hero p {\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n  }\n\n\n  .eco-buttons {\n\n    justify-content: center;\n\n  }\n\n\n  .eco-hero-visual {\n\n    height: 430px;\n\n  }\n\n\n  .eco-two-column {\n\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n\n  }\n\n\n  .eco-process {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n  }\n\n\n  .eco-feature-grid {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n  }\n\n\n  .eco-community-grid {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n  }\n\n\n  .eco-pricing-box {\n\n    grid-template-columns: 1fr;\n\n    text-align: center;\n\n  }\n\n}\n\n\n@media(max-width: 600px) {\n\n  .eco-container {\n\n    width: 90%;\n\n  }\n\n\n  .eco-hero {\n\n    min-height: auto;\n\n  }\n\n\n  .eco-hero-content {\n\n    min-height: auto;\n\n  }\n\n\n  .eco-hero h1 {\n\n    font-size: 43px;\n\n  }\n\n\n  .eco-hero p {\n\n    font-size: 16px;\n\n  }\n\n\n  .eco-hero-visual {\n\n    transform:\n      scale(.85);\n\n    transform-origin:\n      center top;\n\n    margin-bottom:\n      -40px;\n\n  }\n\n\n  .eco-process {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .eco-feature-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .eco-community-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .eco-pricing-box {\n\n    padding:\n      30px 20px;\n\n  }\n\n\n  .eco-price-number {\n\n    font-size: 50px;\n\n  }\n\n\n  .eco-community-counter {\n\n    padding:\n      50px 0;\n\n  }\n\n\n  .eco-community-counter-number {\n\n    font-size: 58px;\n\n  }\n\n\n  .eco-launch-counter {\n\n    padding: 20px;\n\n  }\n\n\n  .eco-counter-number {\n\n    font-size: 42px;\n\n  }\n\n\n  .eco-countdown {\n\n    padding:\n      18px 10px;\n\n  }\n\n\n  .eco-countdown-grid {\n\n    gap: 4px;\n\n  }\n\n\n  .eco-countdown-unit {\n\n    min-width: 50px;\n\n  }\n\n\n  .eco-countdown-number {\n\n    font-size: 21px;\n\n  }\n\n\n  .eco-countdown-separator {\n\n    font-size: 19px;\n\n  }\n\n\n  .eco-countdown-unit-label {\n\n    font-size: 7px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* =====================================================\n   ECOSYSTEM XB \u2014 GOOGLE SHEETS LIVE DATA\n   ===================================================== *\/\n\n(function() {\n\n  const ECO_DATA_URL =\n    \"https:\/\/script.google.com\/macros\/s\/AKfycbzmmuv7kQ7XrhtVh9DgF8cNnIeXUnHKK_OEVQtCnXZIwvz-mVU6ECKIuGX-O2mVNbvo\/exec\";\n\n\n  function getValue(data, keys) {\n\n    for (const key of keys) {\n\n      if (\n        data &&\n        data[key] !== undefined &&\n        data[key] !== null &&\n        data[key] !== \"\"\n      ) {\n\n        return data[key];\n\n      }\n\n    }\n\n    return null;\n\n  }\n\n\n  function formatNumber(value) {\n\n    const number = Number(value);\n\n    if (!Number.isFinite(number)) {\n\n      return null;\n\n    }\n\n    return number.toLocaleString(\"en-US\");\n\n  }\n\n\n  function updateEcosystemStats(rawData) {\n\n    const data =\n      rawData && rawData.data\n        ? rawData.data\n        : rawData;\n\n\n    const investigators = getValue(data, [\n\n      \"investigators\",\n\n      \"investigatorCount\",\n\n      \"investigatorsOnPlatform\",\n\n      \"totalInvestigators\",\n\n      \"communityCount\",\n\n      \"Investigator Count\",\n\n      \"Investigators on platform\"\n\n    ]);\n\n\n    const freeSpots = getValue(data, [\n\n      \"freeSpots\",\n\n      \"freeSpotsRemaining\",\n\n      \"complimentarySpots\",\n\n      \"complimentarySpotsRemaining\",\n\n      \"spotsRemaining\",\n\n      \"Complimentary spots remaining\",\n\n      \"Free spots remaining\"\n\n    ]);\n\n\n    const launchDate = getValue(data, [\n\n      \"launchDate\",\n\n      \"launchDeadline\",\n\n      \"deadline\",\n\n      \"Launch Date\",\n\n      \"Launch Deadline\"\n\n    ]);\n\n\n    const investigatorElement =\n      document.getElementById(\n        \"eco-investigator-count\"\n      );\n\n\n    const freeSpotsElement =\n      document.getElementById(\n        \"eco-free-remaining\"\n      );\n\n\n    const formattedInvestigators =\n      formatNumber(investigators);\n\n\n    const formattedFreeSpots =\n      formatNumber(freeSpots);\n\n\n    if (\n      investigatorElement &&\n      formattedInvestigators !== null\n    ) {\n\n      investigatorElement.textContent =\n        formattedInvestigators;\n\n    }\n\n\n    if (\n      freeSpotsElement &&\n      formattedFreeSpots !== null\n    ) {\n\n      freeSpotsElement.textContent =\n        formattedFreeSpots;\n\n    }\n\n  }\n\n\n  let ecoCountdownTimer = null;\n\n\n  function setCountdownValue(id, value) {\n\n    const element = document.getElementById(id);\n\n    if (element) {\n\n      element.textContent =\n        String(value).padStart(2, \"0\");\n\n    }\n\n  }\n\n\n  function showLaunchEndedState() {\n\n    setCountdownValue(\"eco-countdown-days\", 0);\n    setCountdownValue(\"eco-countdown-hours\", 0);\n    setCountdownValue(\"eco-countdown-minutes\", 0);\n    setCountdownValue(\"eco-countdown-seconds\", 0);\n\n    const label =\n      document.querySelector(\".eco-countdown-label\");\n\n    const deadline =\n      document.querySelector(\".eco-countdown-deadline\");\n\n    if (label) {\n\n      label.textContent =\n        \"LAUNCH ACCESS PERIOD HAS ENDED\";\n\n    }\n\n    if (deadline) {\n\n      deadline.textContent =\n        \"Complimentary launch access has ended.\";\n\n    }\n\n  }\n\n\n  function startLaunchCountdown(deadlineValue) {\n\n    if (!deadlineValue) {\n\n      return;\n\n    }\n\n\n    function parseEcosystemXBDate(value) {\n\n      const text =\n        String(value).trim();\n\n\n      const match =\n        text.match(\n          \/^(\\d{4})-(\\d{1,2})-(\\d{1,2})(?:\\s+(\\d{1,2}):(\\d{2})(?::(\\d{2}))?)?$\/\n        );\n\n\n      if (!match) {\n\n        return null;\n\n      }\n\n\n      const year =\n        Number(match[1]);\n\n      const month =\n        Number(match[2]);\n\n      const day =\n        Number(match[3]);\n\n      const hour =\n        match[4]\n          ? Number(match[4])\n          : 0;\n\n      const minute =\n        match[5]\n          ? Number(match[5])\n          : 0;\n\n      const second =\n        match[6]\n          ? Number(match[6])\n          : 0;\n\n\n      const date =\n        new Date(\n          year,\n          month - 1,\n          day,\n          hour,\n          minute,\n          second\n        );\n\n\n      if (\n        Number.isNaN(\n          date.getTime()\n        )\n      ) {\n\n        return null;\n\n      }\n\n\n      return date;\n\n    }\n\n\n    const deadline =\n      parseEcosystemXBDate(deadlineValue);\n\n\n    if (!deadline) {\n\n      console.log(\n        \"Ecosystem XB launch deadline could not be parsed:\",\n        deadlineValue\n      );\n\n      return;\n\n    }\n\n\n    if (ecoCountdownTimer) {\n\n      clearInterval(ecoCountdownTimer);\n\n    }\n\n\n    function updateCountdown() {\n\n      const now =\n        new Date();\n\n\n      let remaining =\n        deadline.getTime() -\n        now.getTime();\n\n\n      if (remaining <= 0) {\n\n        clearInterval(ecoCountdownTimer);\n\n        showLaunchEndedState();\n\n        return;\n\n      }\n\n\n      const totalSeconds =\n        Math.floor(\n          remaining \/ 1000\n        );\n\n\n      const days =\n        Math.floor(\n          totalSeconds \/ 86400\n        );\n\n\n      const hours =\n        Math.floor(\n          (totalSeconds % 86400) \/ 3600\n        );\n\n\n      const minutes =\n        Math.floor(\n          (totalSeconds % 3600) \/ 60\n        );\n\n\n      const seconds =\n        totalSeconds % 60;\n\n\n      setCountdownValue(\n        \"eco-countdown-days\",\n        days\n      );\n\n\n      setCountdownValue(\n        \"eco-countdown-hours\",\n        hours\n      );\n\n\n      setCountdownValue(\n        \"eco-countdown-minutes\",\n        minutes\n      );\n\n\n      setCountdownValue(\n        \"eco-countdown-seconds\",\n        seconds\n      );\n\n    }\n\n\n    updateCountdown();\n\n\n    ecoCountdownTimer =\n      setInterval(\n        updateCountdown,\n        1000\n      );\n\n  }\n\n\n  function loadEcosystemStats() {\n\n    fetch(ECO_DATA_URL, {\n\n      method: \"GET\",\n\n      cache: \"no-store\"\n\n    })\n\n      .then(function(response) {\n\n        if (!response.ok) {\n\n          throw new Error(\n            \"Unable to load Ecosystem XB statistics.\"\n          );\n\n        }\n\n        return response.json();\n\n      })\n\n      .then(function(data) {\n\n        updateEcosystemStats(data);\n\n        const stats =\n          data && data.data\n            ? data.data\n            : data;\n\n        const launchDate =\n          getValue(stats, [\n            \"launchDate\",\n            \"launchDeadline\",\n            \"deadline\",\n            \"Launch Date\",\n            \"Launch Deadline\"\n          ]);\n\n        startLaunchCountdown(launchDate);\n\n      })\n\n      .catch(function(error) {\n\n        console.log(\n          \"Ecosystem XB live statistics could not be loaded.\",\n          error\n        );\n\n      });\n\n  }\n\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      loadEcosystemStats\n    );\n\n  } else {\n\n    loadEcosystemStats();\n\n  }\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48484e1 e-flex e-con-boxed e-con e-parent\" data-id=\"48484e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f61574f elementor-widget elementor-widget-spacer\" data-id=\"f61574f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36fe12c e-flex e-con-boxed e-con e-parent\" data-id=\"36fe12c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cbc2ac elementor-widget elementor-widget-shortcode\" data-id=\"2cbc2ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div data-post-id=\"887\" class=\"insert-page insert-page-887 \">\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"887\" class=\"elementor elementor-887\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd3be2 e-flex e-con-boxed e-con e-parent\" data-id=\"bcd3be2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<footer class=\"elementor-element elementor-element-0974392 e-con-full e-flex e-con e-child\" data-id=\"0974392\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caadf7f elementor-widget elementor-widget-heading\" data-id=\"caadf7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u00a9 2023-2026 XBInnovation. All rights <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SCIENCE \u00d7 TECHNOLOGY \u00d7 COMMUNITY The right scientific collaboration should not depend on chance. Ecosystem XB is a scientific platform designed to connect researchers, laboratories, institutions and organizations through their research interests, expertise and scientific capabilities. Discover Ecosystem XB \u2192 Limited Launch Access \u2193 XB Research Expertise People Ideas Events Collaboration THE ECOSYSTEM IS GROWING [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-797","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/xbinnovation.com\/index.php?rest_route=\/wp\/v2\/pages\/797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xbinnovation.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xbinnovation.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xbinnovation.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xbinnovation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=797"}],"version-history":[{"count":26,"href":"https:\/\/xbinnovation.com\/index.php?rest_route=\/wp\/v2\/pages\/797\/revisions"}],"predecessor-version":[{"id":951,"href":"https:\/\/xbinnovation.com\/index.php?rest_route=\/wp\/v2\/pages\/797\/revisions\/951"}],"wp:attachment":[{"href":"https:\/\/xbinnovation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}