{"id":13008,"date":"2026-07-27T13:17:45","date_gmt":"2026-07-27T13:17:45","guid":{"rendered":"https:\/\/hermesys.com\/?page_id=13008"},"modified":"2026-08-03T08:42:06","modified_gmt":"2026-08-03T08:42:06","slug":"cable-connectivity","status":"publish","type":"page","link":"https:\/\/hermesys.com\/vi\/cable-connectivity\/","title":{"rendered":"Cable &#038; Connectivity"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13008\" class=\"elementor elementor-13008\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f4d741 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8f4d741\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a8ccda\" data-id=\"4a8ccda\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89bb715 elementor-widget elementor-widget-html\" data-id=\"89bb715\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Cable & Connectivity Page Header Color Fix -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  var header = document.querySelector('header, .elementor-location-header');\r\n\r\n  if (!header) return;\r\n\r\n  \/* \u9876\u90e8\u4e3b\u5bfc\u822a\u6587\u5b57 *\/\r\n  var topNavSelectors = [\r\n    '.elementor-nav-menu--main > ul > li > a',\r\n    '.elementor-nav-menu--main > ul > li > a.elementor-item',\r\n    '.elementor-menu-toggle',\r\n    '.elementor-menu-toggle i',\r\n    '.elementor-menu-toggle svg',\r\n    '.site-header-cart > a',\r\n    '.cart-contents',\r\n    '.trp-language-switcher > div > a',\r\n    '.wpml-ls-item-toggle'\r\n  ];\r\n\r\n  topNavSelectors.forEach(function(selector) {\r\n    header.querySelectorAll(selector).forEach(function(element) {\r\n      element.style.setProperty('color', '#111111', 'important');\r\n      element.style.setProperty('fill', '#111111', 'important');\r\n      element.style.setProperty('stroke', '#111111', 'important');\r\n    });\r\n  });\r\n\r\n  \/* \u9876\u90e8\u641c\u7d22\u3001\u8d2d\u7269\u8f66\u3001\u8bed\u8a00\u7b49\u56fe\u6807 *\/\r\n  var topIconSelectors = [\r\n    '.elementor-search-form__toggle',\r\n    '.elementor-search-form__toggle i',\r\n    '.elementor-search-form__toggle svg',\r\n    '.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle',\r\n    '.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle i',\r\n    '.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle svg',\r\n    '.elementor-widget-icon .elementor-icon',\r\n    '.elementor-widget-icon .elementor-icon i',\r\n    '.elementor-widget-icon .elementor-icon svg'\r\n  ];\r\n\r\n  topIconSelectors.forEach(function(selector) {\r\n    header.querySelectorAll(selector).forEach(function(element) {\r\n      element.style.setProperty('color', '#111111', 'important');\r\n      element.style.setProperty('fill', '#111111', 'important');\r\n      element.style.setProperty('stroke', '#111111', 'important');\r\n    });\r\n  });\r\n\r\n  \/* Mega Menu \u5185\u6587\u5b57\u6062\u590d\u6d45\u8272 *\/\r\n  var megaMenuSelectors = [\r\n    '.elementor-nav-menu--dropdown a',\r\n    '.elementor-nav-menu--dropdown .elementor-item',\r\n    '.sub-menu a',\r\n    '.sub-menu span',\r\n    '.mega-menu a',\r\n    '.mega-menu span',\r\n    '.mega-menu li',\r\n    '.jet-mega-menu-item a',\r\n    '.jet-mega-menu-item span',\r\n    '.jet-sub-mega-menu a',\r\n    '.jet-sub-mega-menu span'\r\n  ];\r\n\r\n  megaMenuSelectors.forEach(function(selector) {\r\n    header.querySelectorAll(selector).forEach(function(element) {\r\n      element.style.setProperty('color', '#ffffff', 'important');\r\n      element.style.setProperty('fill', '#ffffff', 'important');\r\n      element.style.setProperty('stroke', '#ffffff', 'important');\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Cable & Connectivity<\/title>\r\n\r\n  <style>\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html,\r\n    body {\r\n      margin: 0;\r\n      width: 100%;\r\n      min-height: 100%;\r\n      font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n      background: #ffffff;\r\n    }\r\n\r\n    .perspective-hero {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 100%;\r\n      min-height: 680px;\r\n      overflow: hidden;\r\n      background: #ffffff;\r\n      perspective: 2000px;\r\n      transform-style: preserve-3d;\r\n    }\r\n\r\n    .perspective-grid-wrap {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      overflow: hidden;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .perspective-grid {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      display: grid;\r\n      width: 80rem;\r\n      aspect-ratio: 1 \/ 1;\r\n\r\n      transform:\r\n        translate(-50%, -50%)\r\n        rotateX(30deg)\r\n        rotateY(-5deg)\r\n        rotateZ(20deg)\r\n        scale(2);\r\n\r\n      transform-origin: center;\r\n      transform-style: preserve-3d;\r\n\r\n      grid-template-columns: repeat(40, minmax(0, 1fr));\r\n      grid-template-rows: repeat(40, minmax(0, 1fr));\r\n    }\r\n\r\n    .perspective-tile {\r\n      min-width: 1px;\r\n      min-height: 1px;\r\n      border: 1px solid rgba(120, 128, 145, 0.18);\r\n      background: transparent;\r\n      cursor: pointer;\r\n\r\n      transition:\r\n        background-color 1.35s ease,\r\n        border-color 1.35s ease,\r\n        transform 0.28s ease,\r\n        box-shadow 1.35s ease;\r\n    }\r\n\r\n    .perspective-tile.is-active {\r\n      transform: translateZ(14px);\r\n      transition-duration: 0.08s;\r\n    }\r\n\r\n    .perspective-fade {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at center,\r\n          transparent 18%,\r\n          rgba(255, 255, 255, 0.42) 46%,\r\n          #ffffff 82%\r\n        );\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      width: min(100% - 48px, 1180px);\r\n      margin: 0 auto;\r\n      padding: 80px 0;\r\n      text-align: center;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-title {\r\n      margin: 0;\r\n      color: #0d0e12;\r\n      font-size: clamp(58px, 6vw, 90px);\r\n      font-weight: 600;\r\n      line-height: 0.98;\r\n      letter-spacing: -0.065em;\r\n    }\r\n\r\n    .hero-gradient-title {\r\n      margin-top: 16px;\r\n      font-size: clamp(44px, 4.8vw, 70px);\r\n      font-weight: 600;\r\n      line-height: 1;\r\n      letter-spacing: -0.055em;\r\n      color: transparent;\r\n      background: linear-gradient(90deg, #4b5563 0%, #3f5877 48%, #087cff 100%);\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .hero-kicker {\r\n      max-width: 1000px;\r\n      margin: 40px 0 0;\r\n      color: #383a3f;\r\n      font-size: clamp(21px, 2vw, 30px);\r\n      font-weight: 600;\r\n      line-height: 1.35;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .hero-description {\r\n      max-width: 1020px;\r\n      margin: 28px 0 0;\r\n      color: #747780;\r\n      font-size: clamp(16px, 1.45vw, 21px);\r\n      font-weight: 400;\r\n      line-height: 1.65;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .perspective-hero {\r\n        min-height: 600px;\r\n      }\r\n\r\n      .perspective-grid {\r\n        width: 60rem;\r\n        transform:\r\n          translate(-50%, -50%)\r\n          rotateX(30deg)\r\n          rotateY(-5deg)\r\n          rotateZ(20deg)\r\n          scale(1.7);\r\n      }\r\n\r\n      .hero-content {\r\n        width: min(100% - 30px, 1180px);\r\n        padding: 64px 0;\r\n      }\r\n\r\n      .hero-title {\r\n        font-size: clamp(46px, 15vw, 68px);\r\n      }\r\n\r\n      .hero-gradient-title {\r\n        margin-top: 12px;\r\n        font-size: clamp(36px, 11vw, 54px);\r\n      }\r\n\r\n      .hero-kicker {\r\n        margin-top: 32px;\r\n        font-size: 20px;\r\n      }\r\n\r\n      .hero-description {\r\n        margin-top: 22px;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .perspective-hero {\r\n        min-height: 560px;\r\n      }\r\n\r\n      .hero-title {\r\n        font-size: 46px;\r\n      }\r\n\r\n      .hero-gradient-title {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .hero-kicker {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .hero-description {\r\n        font-size: 15px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <section class=\"perspective-hero\">\r\n\r\n    <div class=\"perspective-grid-wrap\" aria-hidden=\"true\">\r\n      <div class=\"perspective-grid\" id=\"perspectiveGrid\"><\/div>\r\n      <div class=\"perspective-fade\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-content\">\r\n      <h1 class=\"hero-title\">Cable &amp;<\/h1>\r\n\r\n      <div class=\"hero-gradient-title\">\r\n        Connectivity\r\n      <\/div>\r\n\r\n      <p class=\"hero-kicker\">\r\n        Trusted physical infrastructure for modern networks.\r\n      <\/p>\r\n\r\n      <p class=\"hero-description\">\r\n        From specialty cables and high-speed optical connectivity to racks,\r\n        cabinets and deployment systems, Hermesys supports the physical network\r\n        layers required by modern digital infrastructure.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      const grid = document.getElementById(\"perspectiveGrid\");\r\n      const gridSize = 40;\r\n\r\n      if (!grid) return;\r\n\r\n      const colors = [\r\n        \"rgba(8, 124, 255, 0.38)\",\r\n        \"rgba(0, 196, 255, 0.34)\",\r\n        \"rgba(105, 92, 255, 0.34)\",\r\n        \"rgba(37, 211, 102, 0.30)\",\r\n        \"rgba(255, 184, 0, 0.30)\",\r\n        \"rgba(255, 92, 147, 0.28)\"\r\n      ];\r\n\r\n      const borderColors = [\r\n        \"rgba(8, 124, 255, 0.68)\",\r\n        \"rgba(0, 196, 255, 0.62)\",\r\n        \"rgba(105, 92, 255, 0.62)\",\r\n        \"rgba(37, 211, 102, 0.56)\",\r\n        \"rgba(255, 184, 0, 0.56)\",\r\n        \"rgba(255, 92, 147, 0.52)\"\r\n      ];\r\n\r\n      const fragment = document.createDocumentFragment();\r\n\r\n      function activateTile(tile) {\r\n        const colorIndex = Math.floor(Math.random() * colors.length);\r\n\r\n        tile.style.backgroundColor = colors[colorIndex];\r\n        tile.style.borderColor = borderColors[colorIndex];\r\n        tile.style.boxShadow = \"0 0 18px \" + colors[colorIndex];\r\n        tile.classList.add(\"is-active\");\r\n\r\n        window.clearTimeout(tile._fadeTimer);\r\n\r\n        tile._fadeTimer = window.setTimeout(function () {\r\n          tile.style.backgroundColor = \"transparent\";\r\n          tile.style.borderColor = \"rgba(120, 128, 145, 0.18)\";\r\n          tile.style.boxShadow = \"none\";\r\n          tile.classList.remove(\"is-active\");\r\n        }, 900);\r\n      }\r\n\r\n      for (let i = 0; i < gridSize * gridSize; i++) {\r\n        const tile = document.createElement(\"div\");\r\n        tile.className = \"perspective-tile\";\r\n\r\n        tile.addEventListener(\"mouseenter\", function () {\r\n          activateTile(tile);\r\n        });\r\n\r\n        tile.addEventListener(\"click\", function () {\r\n          activateTile(tile);\r\n        });\r\n\r\n        fragment.appendChild(tile);\r\n      }\r\n\r\n      grid.appendChild(fragment);\r\n    })();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7dedf2c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7dedf2c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5479b3\" data-id=\"e5479b3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cdce23e elementor-widget elementor-widget-html\" data-id=\"cdce23e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n  <title>Cable &amp; Connectivity | Hermesys<\/title>\r\n\r\n  <meta\r\n    name=\"description\"\r\n    content=\"Explore Hermesys cable and connectivity solutions for data centres, telecommunications, buildings, industrial networks and critical infrastructure.\"\r\n  \/>\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       HERMESYS CABLE & CONNECTIVITY\r\n       OPTIMISED COMPLETE LANDING PAGE\r\n       Elementor-friendly \/ Responsive\r\n       ========================================================= *\/\r\n\r\n    #hccLanding,\r\n    #hccLanding * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #hccLanding {\r\n      \/* ---------- Core design system ---------- *\/\r\n      --hcc-ink: #101114;\r\n      --hcc-muted: #6d7078;\r\n      --hcc-soft: #f5f5f7;\r\n      --hcc-line: rgba(16, 17, 20, 0.11);\r\n      --hcc-blue: #087cff;\r\n      --hcc-white: #ffffff;\r\n\r\n      --hcc-radius-xl: 34px;\r\n      --hcc-radius-lg: 27px;\r\n      --hcc-radius-md: 20px;\r\n\r\n      --hcc-shadow:\r\n        0 22px 65px rgba(4, 17, 31, 0.10);\r\n\r\n      \/* ---------- Unified typography ---------- *\/\r\n      --hcc-font:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n      --hcc-section-title-size:\r\n        clamp(34px, 3.15vw, 50px);\r\n\r\n      --hcc-section-title-weight: 600;\r\n      --hcc-section-title-line: 1.08;\r\n      --hcc-section-title-spacing: -0.045em;\r\n\r\n      \/* =======================================================\r\n         REPLACE THESE IMAGE URLS WITH WORDPRESS MEDIA LINKS\r\n         ======================================================= *\/\r\n\r\n      \/* Why Hermesys background images *\/\r\n      --benefit-image-1:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/racks.png\");\r\n\r\n      --benefit-image-2:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/optical-transceivers.png\");\r\n\r\n      --benefit-image-3:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/support.png\");\r\n\r\n      --benefit-image-4:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/telecommunications-infrastructure.png\");\r\n\r\n      \/* Product images *\/\r\n      --product-image-ladon:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/conventional-cable.png\");\r\n\r\n      --product-image-hydra:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/connectivity-1.png\");\r\n\r\n      --product-image-ceto:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/rack.png\");\r\n\r\n      --product-image-gryphon:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/air-blown.png\");\r\n\r\n      --product-image-chimera:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/industrial-cable.png\");\r\n\r\n      \/* Application scenario images *\/\r\n      --case-image-datacentre:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/industrial-cable-1.png\");\r\n\r\n      --case-image-building:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/industrial-cable-2.png\");\r\n\r\n      --case-image-telecom:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Access-and-outside-plant-networks.png\");\r\n\r\n      \/* Catalogue cover images *\/\r\n      --catalog-image-datacentre:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/data-center.png\");\r\n\r\n      --catalog-image-commercial:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys_Commercial-Cable-Catalog_v2026.png\");\r\n\r\n      --catalog-image-connectivity:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys-_Connectivity-System-Product-Catalog_v2026.png\");\r\n\r\n      --catalog-image-industrial:\r\n        url(\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys_Industrial-Cable-Catalog_v2026.png\");\r\n\r\n      width: 100%;\r\n      margin: 0;\r\n      padding: 0;\r\n      overflow: hidden;\r\n\r\n      color: var(--hcc-ink);\r\n      background: #ffffff;\r\n\r\n      font-family: var(--hcc-font);\r\n\r\n      -webkit-font-smoothing: antialiased;\r\n      text-rendering: optimizeLegibility;\r\n    }\r\n\r\n    #hccLanding h1,\r\n    #hccLanding h2,\r\n    #hccLanding h3,\r\n    #hccLanding p,\r\n    #hccLanding small,\r\n    #hccLanding a,\r\n    #hccLanding button,\r\n    #hccLanding span {\r\n      font-family: var(--hcc-font);\r\n    }\r\n\r\n    #hccLanding a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    #hccLanding img {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    #hccLanding button,\r\n    #hccLanding a {\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    #hccLanding button {\r\n      font: inherit;\r\n    }\r\n\r\n    #hccLanding .hcc-shell {\r\n      width: min(calc(100% - 48px), 1440px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #hccLanding .hcc-section {\r\n      padding:\r\n        clamp(82px, 8vw, 132px)\r\n        0;\r\n    }\r\n\r\n    #hccLanding .hcc-section-head {\r\n      margin-bottom:\r\n        clamp(34px, 4vw, 52px);\r\n    }\r\n\r\n    #hccLanding .hcc-title {\r\n      width: 100%;\r\n      max-width: 1180px;\r\n      margin: 0;\r\n\r\n      color: var(--hcc-ink);\r\n\r\n      font-size:\r\n        var(--hcc-section-title-size);\r\n\r\n      font-weight:\r\n        var(--hcc-section-title-weight);\r\n\r\n      line-height:\r\n        var(--hcc-section-title-line);\r\n\r\n      letter-spacing:\r\n        var(--hcc-section-title-spacing);\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #hccLanding .hcc-subtitle {\r\n      max-width: 760px;\r\n      margin: 20px 0 0;\r\n\r\n      color: var(--hcc-muted);\r\n\r\n      font-size:\r\n        clamp(15px, 1.15vw, 18px);\r\n\r\n      font-weight: 400;\r\n      line-height: 1.62;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    \/* =========================================================\r\n       BUTTONS\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n\r\n      gap: 12px;\r\n\r\n      margin-top: 30px;\r\n    }\r\n\r\n    #hccLanding .hcc-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      min-height: 46px;\r\n\r\n      padding: 0 22px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 999px;\r\n\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      line-height: 1;\r\n\r\n      transition:\r\n        transform 0.28s ease,\r\n        background 0.28s ease,\r\n        border-color 0.28s ease,\r\n        box-shadow 0.28s ease;\r\n    }\r\n\r\n    #hccLanding .hcc-btn:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #hccLanding .hcc-btn-primary {\r\n      color: #ffffff;\r\n      background: var(--hcc-blue);\r\n\r\n      box-shadow:\r\n        0 12px 32px rgba(8, 124, 255, 0.24);\r\n    }\r\n\r\n    #hccLanding .hcc-btn-primary:hover {\r\n      background: #1687ff;\r\n\r\n      box-shadow:\r\n        0 17px 42px rgba(8, 124, 255, 0.34);\r\n    }\r\n\r\n    #hccLanding .hcc-btn-secondary {\r\n      color: #ffffff;\r\n\r\n      background:\r\n        rgba(255, 255, 255, 0.06);\r\n\r\n      border-color:\r\n        rgba(255, 255, 255, 0.23);\r\n\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n    }\r\n\r\n    #hccLanding .hcc-btn-secondary:hover {\r\n      background:\r\n        rgba(255, 255, 255, 0.12);\r\n\r\n      border-color:\r\n        rgba(255, 255, 255, 0.38);\r\n    }\r\n\r\n    \/* =========================================================\r\n       WHY HERMESYS\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-benefits {\r\n      background: #ffffff;\r\n    }\r\n\r\n    #hccLanding .hcc-benefit-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n      gap: 16px;\r\n    }\r\n\r\n    #hccLanding .hcc-benefit {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n\r\n      min-height: 360px;\r\n\r\n      padding: 28px;\r\n\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n\r\n      color: #ffffff;\r\n\r\n      background-position: center;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n\r\n      border:\r\n        1px solid rgba(255, 255, 255, 0.16);\r\n\r\n      border-radius: var(--hcc-radius-lg);\r\n\r\n      box-shadow:\r\n        0 18px 50px rgba(0, 0, 0, 0.12);\r\n\r\n      transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        background-size 0.55s ease;\r\n    }\r\n\r\n    #hccLanding .hcc-benefit::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      z-index: -1;\r\n\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(0, 0, 0, 0.08) 0%,\r\n          rgba(0, 0, 0, 0.24) 48%,\r\n          rgba(0, 0, 0, 0.80) 100%\r\n        );\r\n    }\r\n\r\n    #hccLanding .hcc-benefit-1 {\r\n      background-image: var(--benefit-image-1);\r\n    }\r\n\r\n    #hccLanding .hcc-benefit-2 {\r\n      background-image: var(--benefit-image-2);\r\n    }\r\n\r\n    #hccLanding .hcc-benefit-3 {\r\n      background-image: var(--benefit-image-3);\r\n    }\r\n\r\n    #hccLanding .hcc-benefit-4 {\r\n      background-image: var(--benefit-image-4);\r\n    }\r\n\r\n    #hccLanding .hcc-benefit:hover {\r\n      transform: translateY(-6px);\r\n\r\n      box-shadow:\r\n        0 24px 68px rgba(4, 17, 31, 0.18);\r\n    }\r\n\r\n    #hccLanding .hcc-benefit h3 {\r\n      display: flex;\r\n      align-items: flex-end;\r\n\r\n      min-height: 54px;\r\n      margin: 0;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size:\r\n        clamp(19px, 1.45vw, 23px);\r\n\r\n      font-weight: 600;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    #hccLanding .hcc-benefit p {\r\n      min-height: 88px;\r\n      margin: 13px 0 0;\r\n\r\n      color:\r\n        rgba(255, 255, 255, 0.78);\r\n\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PRODUCT PORTFOLIO \u2014 UNIFORM IMAGE STAGE\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-products {\r\n      background: var(--hcc-soft);\r\n    }\r\n\r\n    #hccLanding .hcc-product-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(12, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-height: 440px;\r\n      padding: 31px;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      cursor: pointer;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(16, 17, 20, 0.045);\r\n      border-radius: var(--hcc-radius-lg);\r\n      box-shadow: 0 10px 40px rgba(9, 20, 34, 0.045);\r\n      transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-color 0.35s ease;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(8, 124, 255, 0.18);\r\n      box-shadow: var(--hcc-shadow);\r\n    }\r\n\r\n    #hccLanding .hcc-product-card:focus-visible {\r\n      outline: 3px solid rgba(8, 124, 255, 0.42);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card:nth-child(1),\r\n    #hccLanding .hcc-product-card:nth-child(2) {\r\n      grid-column: span 6;\r\n      min-height: 510px;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card:nth-child(n + 3) {\r\n      grid-column: span 4;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card h3 {\r\n      position: relative;\r\n      z-index: 3;\r\n      max-width: 470px;\r\n      margin: 0;\r\n      color: var(--hcc-ink);\r\n      font-size: clamp(22px, 1.65vw, 29px);\r\n      font-weight: 600;\r\n      line-height: 1.08;\r\n      letter-spacing: -0.035em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card p {\r\n      position: relative;\r\n      z-index: 3;\r\n      max-width: 470px;\r\n      margin: 13px 0 0;\r\n      color: var(--hcc-muted);\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n\r\n    #hccLanding .hcc-product-card > h3 {\r\n      min-height: 38px;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card > p {\r\n      min-height: 46px;\r\n    }\r\n\r\n    #hccLanding .hcc-product-image {\r\n      position: absolute;\r\n      z-index: 1;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      width: 100%;\r\n      height: 58%;\r\n      overflow: hidden;\r\n      border-radius: 0;\r\n      background-position: center;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      transform: scale(1);\r\n      transform-origin: center center;\r\n      transition: transform 0.58s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n    }\r\n\r\n    #hccLanding .hcc-product-card:nth-child(1) .hcc-product-image,\r\n    #hccLanding .hcc-product-card:nth-child(2) .hcc-product-image {\r\n      height: 59%;\r\n    }\r\n\r\n    #hccLanding .hcc-product-card:hover .hcc-product-image {\r\n      transform: scale(1.035);\r\n    }\r\n\r\n    #hccLanding .hcc-product-ladon {\r\n      background-image: var(--product-image-ladon);\r\n      background-position: 50% 50%;\r\n    }\r\n\r\n    #hccLanding .hcc-product-hydra {\r\n      background-image: var(--product-image-hydra);\r\n      background-position: 50% 50%;\r\n    }\r\n\r\n    #hccLanding .hcc-product-ceto {\r\n      background-image: var(--product-image-ceto);\r\n      background-position: 50% 50%;\r\n    }\r\n\r\n    #hccLanding .hcc-product-gryphon {\r\n      background-image: var(--product-image-gryphon);\r\n      background-position: 50% 50%;\r\n    }\r\n\r\n    #hccLanding .hcc-product-chimera {\r\n      background-image: var(--product-image-chimera);\r\n      background-position: 50% 50%;\r\n    }\r\n\r\n    \/* =========================================================\r\n       APPLICATION SCENARIOS\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-cases {\r\n      background: #ffffff;\r\n    }\r\n\r\n    #hccLanding .hcc-case-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n      gap: 18px;\r\n    }\r\n\r\n    #hccLanding .hcc-case {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n\r\n      min-height: 430px;\r\n\r\n      padding: 28px;\r\n\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n\r\n      color: #ffffff;\r\n\r\n      border-radius: var(--hcc-radius-lg);\r\n\r\n      background-position: center;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n\r\n      transition:\r\n        transform 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n    }\r\n\r\n    #hccLanding .hcc-case::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      z-index: -1;\r\n\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(0, 0, 0, 0.08) 5%,\r\n          rgba(0, 0, 0, 0.30) 52%,\r\n          rgba(0, 0, 0, 0.84) 100%\r\n        );\r\n    }\r\n\r\n    #hccLanding .hcc-case:hover {\r\n      transform: translateY(-5px);\r\n\r\n      box-shadow:\r\n        0 22px 60px rgba(4, 17, 31, 0.16);\r\n    }\r\n\r\n    #hccLanding .hcc-case-datacentre {\r\n      background-image:\r\n        var(--case-image-datacentre);\r\n    }\r\n\r\n    #hccLanding .hcc-case-building {\r\n      background-image:\r\n        var(--case-image-building);\r\n    }\r\n\r\n    #hccLanding .hcc-case-telecom {\r\n      background-image:\r\n        var(--case-image-telecom);\r\n    }\r\n\r\n    #hccLanding .hcc-case-tag {\r\n      position: absolute;\r\n\r\n      top: 27px;\r\n      left: 27px;\r\n\r\n      display: inline-flex;\r\n\r\n      padding: 7px 10px;\r\n\r\n      color: #ffffff;\r\n\r\n      background:\r\n        rgba(255, 255, 255, 0.10);\r\n\r\n      border:\r\n        1px solid rgba(255, 255, 255, 0.16);\r\n\r\n      border-radius: 999px;\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    #hccLanding .hcc-case h3 {\r\n      margin: 0;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size:\r\n        clamp(22px, 1.75vw, 27px);\r\n\r\n      font-weight: 600;\r\n      line-height: 1.08;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    #hccLanding .hcc-case p {\r\n      margin: 12px 0 0;\r\n\r\n      color:\r\n        rgba(255, 255, 255, 0.72);\r\n\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PRODUCT CATALOGS\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-resources {\r\n      background: var(--hcc-soft);\r\n    }\r\n\r\n    #hccLanding .hcc-resource-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n      gap: 16px;\r\n    }\r\n\r\n    #hccLanding .hcc-resource {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      min-height: 390px;\r\n\r\n      padding: 0;\r\n\r\n      overflow: hidden;\r\n\r\n      background: #ffffff;\r\n\r\n      border:\r\n        1px solid rgba(16, 17, 20, 0.055);\r\n\r\n      border-radius: var(--hcc-radius-md);\r\n\r\n      transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n    }\r\n\r\n    #hccLanding .hcc-resource:hover {\r\n      transform: translateY(-5px);\r\n\r\n      box-shadow:\r\n        0 18px 50px rgba(7, 18, 31, 0.09);\r\n    }\r\n\r\n    #hccLanding .hcc-resource-cover {\r\n      min-height: 245px;\r\n\r\n      background-position: center;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n\r\n      border-bottom:\r\n        1px solid rgba(16, 17, 20, 0.06);\r\n\r\n      transition:\r\n        transform 0.5s ease;\r\n    }\r\n\r\n    #hccLanding .hcc-resource:hover\r\n    .hcc-resource-cover {\r\n      transform: scale(1.025);\r\n    }\r\n\r\n    #hccLanding .hcc-cover-datacentre {\r\n      background-image:\r\n        var(--catalog-image-datacentre);\r\n    }\r\n\r\n    #hccLanding .hcc-cover-commercial {\r\n      background-image:\r\n        var(--catalog-image-commercial);\r\n    }\r\n\r\n    #hccLanding .hcc-cover-connectivity {\r\n      background-image:\r\n        var(--catalog-image-connectivity);\r\n    }\r\n\r\n    #hccLanding .hcc-cover-industrial {\r\n      background-image:\r\n        var(--catalog-image-industrial);\r\n    }\r\n\r\n    #hccLanding .hcc-resource-copy {\r\n      padding: 20px 22px 22px;\r\n    }\r\n\r\n    #hccLanding .hcc-resource h3 {\r\n      max-width: 300px;\r\n      margin: 0;\r\n\r\n      color: var(--hcc-ink);\r\n\r\n      font-size:\r\n        clamp(16px, 1.18vw, 19px);\r\n\r\n      font-weight: 600;\r\n      line-height: 1.15;\r\n      letter-spacing: -0.025em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #hccLanding .hcc-resource small {\r\n      display: block;\r\n      margin-top: 9px;\r\n\r\n      color: var(--hcc-muted);\r\n\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #hccLanding .hcc-resource-copy {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n    }\r\n\r\n    #hccLanding .hcc-download-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: fit-content;\r\n      min-height: 40px;\r\n      margin-top: auto;\r\n      margin-left: auto;\r\n      padding: 0 16px;\r\n      color: #ffffff;\r\n      background: var(--hcc-blue);\r\n      border-radius: 999px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      line-height: 1;\r\n      box-shadow: 0 10px 24px rgba(8,124,255,.20);\r\n      transition: transform .25s ease, background .25s ease, box-shadow .25s ease;\r\n    }\r\n\r\n    \r\n\r\n    #hccLanding .hcc-resource:hover .hcc-download-link {\r\n      background: #1687ff;\r\n      box-shadow: 0 14px 30px rgba(8,124,255,.28);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       FAQ\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-faq {\r\n      background: #ffffff;\r\n    }\r\n\r\n    #hccLanding .hcc-faq-wrap {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0, 0.72fr)\r\n        minmax(0, 1.28fr);\r\n\r\n      align-items: start;\r\n\r\n      gap:\r\n        clamp(46px, 7vw, 110px);\r\n    }\r\n\r\n    #hccLanding .hcc-faq-list {\r\n      border-top:\r\n        1px solid var(--hcc-line);\r\n    }\r\n\r\n    #hccLanding .hcc-faq-item {\r\n      border-bottom:\r\n        1px solid var(--hcc-line);\r\n    }\r\n\r\n    #hccLanding .hcc-faq-question {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      gap: 24px;\r\n\r\n      width: 100%;\r\n\r\n      padding: 22px 0;\r\n\r\n      color: var(--hcc-ink);\r\n      background: none;\r\n\r\n      border: 0;\r\n\r\n      text-align: left;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #hccLanding\r\n    .hcc-faq-question\r\n    span:first-child {\r\n      font-size:\r\n        clamp(16px, 1.25vw, 20px);\r\n\r\n      font-weight: 600;\r\n      line-height: 1.35;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    #hccLanding .hcc-faq-plus {\r\n      flex: 0 0 auto;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      width: 32px;\r\n      height: 32px;\r\n\r\n      color: var(--hcc-blue);\r\n\r\n      background:\r\n        rgba(8, 124, 255, 0.08);\r\n\r\n      border-radius: 50%;\r\n\r\n      font-size: 22px;\r\n      font-weight: 300;\r\n\r\n      transition:\r\n        transform 0.3s ease;\r\n    }\r\n\r\n    #hccLanding\r\n    .hcc-faq-item.is-open\r\n    .hcc-faq-plus {\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    #hccLanding .hcc-faq-answer {\r\n      display: grid;\r\n\r\n      grid-template-rows: 0fr;\r\n\r\n      transition:\r\n        grid-template-rows 0.32s ease;\r\n    }\r\n\r\n    #hccLanding\r\n    .hcc-faq-item.is-open\r\n    .hcc-faq-answer {\r\n      grid-template-rows: 1fr;\r\n    }\r\n\r\n    #hccLanding\r\n    .hcc-faq-answer > div {\r\n      overflow: hidden;\r\n    }\r\n\r\n    #hccLanding .hcc-faq-answer p {\r\n      max-width: 760px;\r\n      margin: 0;\r\n\r\n      padding:\r\n        0\r\n        55px\r\n        22px\r\n        0;\r\n\r\n      color: var(--hcc-muted);\r\n\r\n      font-size: 14px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-cta {\r\n      padding:\r\n        0\r\n        0\r\n        clamp(72px, 8vw, 118px);\r\n\r\n      background: #ffffff;\r\n    }\r\n\r\n    #hccLanding .hcc-cta-card {\r\n      position: relative;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      min-height: 420px;\r\n\r\n      overflow: hidden;\r\n\r\n      color: #ffffff;\r\n      text-align: center;\r\n\r\n      border-radius:\r\n        var(--hcc-radius-xl);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 80% 10%,\r\n          rgba(70, 160, 255, 0.4),\r\n          transparent 29%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #071729,\r\n          #02070e\r\n        );\r\n    }\r\n\r\n    #hccLanding .hcc-cta-card::before,\r\n    #hccLanding .hcc-cta-card::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      border:\r\n        1px solid rgba(255, 255, 255, 0.11);\r\n\r\n      border-radius: 50%;\r\n    }\r\n\r\n    #hccLanding .hcc-cta-card::before {\r\n      width: 500px;\r\n      height: 500px;\r\n\r\n      right: -180px;\r\n      top: -220px;\r\n\r\n      box-shadow:\r\n        0 0 0 40px rgba(255, 255, 255, 0.025),\r\n        0 0 0 84px rgba(255, 255, 255, 0.018);\r\n    }\r\n\r\n    #hccLanding .hcc-cta-card::after {\r\n      width: 350px;\r\n      height: 350px;\r\n\r\n      left: -120px;\r\n      bottom: -190px;\r\n\r\n      box-shadow:\r\n        0 0 0 34px rgba(255, 255, 255, 0.02);\r\n    }\r\n\r\n    #hccLanding .hcc-cta-content {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      max-width: 900px;\r\n\r\n      padding: 58px 24px;\r\n    }\r\n\r\n    #hccLanding .hcc-cta h2 {\r\n      width: 100%;\r\n      max-width: 820px;\r\n      margin: 0 auto;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size:\r\n        clamp(36px, 3.4vw, 54px);\r\n\r\n      font-weight:\r\n        var(--hcc-section-title-weight);\r\n\r\n      line-height: 1.08;\r\n      letter-spacing: -0.045em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #hccLanding .hcc-cta p {\r\n      max-width: 680px;\r\n      margin: 20px auto 0;\r\n\r\n      color:\r\n        rgba(255, 255, 255, 0.66);\r\n\r\n      font-size: 15px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    #hccLanding .hcc-reveal {\r\n      opacity: 0;\r\n\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.75s ease,\r\n        transform 0.75s\r\n        cubic-bezier(\r\n          0.22,\r\n          0.61,\r\n          0.36,\r\n          1\r\n        );\r\n    }\r\n\r\n    #hccLanding .hcc-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 1120px) {\r\n      #hccLanding .hcc-benefit-grid,\r\n      #hccLanding .hcc-resource-grid {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      #hccLanding .hcc-case-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #hccLanding .hcc-benefit h3,\r\n      #hccLanding .hcc-benefit p {\r\n        min-height: 0;\r\n      }\r\n\r\n      #hccLanding .hcc-faq-wrap {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      #hccLanding .hcc-product-card h3,\r\n      #hccLanding .hcc-resource h3 {\r\n        white-space: normal;\r\n      }\r\n\r\n      #hccLanding .hcc-title {\r\n        font-size:\r\n          clamp(30px, 6vw, 42px);\r\n      }\r\n\r\n      #hccLanding .hcc-cta h2 {\r\n        font-size:\r\n          clamp(34px, 6.5vw, 46px);\r\n      }\r\n\r\n      #hccLanding .hcc-shell {\r\n        width:\r\n          min(\r\n            calc(100% - 30px),\r\n            1440px\r\n          );\r\n      }\r\n\r\n      #hccLanding .hcc-product-card:nth-child(1),\r\n      #hccLanding .hcc-product-card:nth-child(2),\r\n      #hccLanding .hcc-product-card:nth-child(n + 3) {\r\n        grid-column: span 12;\r\n      }\r\n\r\n      #hccLanding .hcc-product-card {\r\n        min-height: 430px !important;\r\n      }\r\n\r\n      #hccLanding .hcc-product-image,\r\n      #hccLanding .hcc-product-card:nth-child(1) .hcc-product-image,\r\n      #hccLanding .hcc-product-card:nth-child(2) .hcc-product-image {\r\n        width: 100%;\r\n        height: 54%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      #hccLanding .hcc-title {\r\n        font-size:\r\n          clamp(28px, 9vw, 38px);\r\n\r\n        line-height: 1.08;\r\n      }\r\n\r\n      #hccLanding .hcc-cta h2 {\r\n        font-size:\r\n          clamp(32px, 9.5vw, 42px);\r\n\r\n        line-height: 1.1;\r\n      }\r\n\r\n      #hccLanding .hcc-section {\r\n        padding: 72px 0;\r\n      }\r\n\r\n      #hccLanding .hcc-benefit-grid,\r\n      #hccLanding .hcc-resource-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #hccLanding .hcc-benefit {\r\n        min-height: 330px;\r\n      }\r\n\r\n      #hccLanding .hcc-product-card {\r\n        min-height: 405px !important;\r\n        padding: 25px;\r\n      }\r\n\r\n      #hccLanding .hcc-product-image {\r\n        width: 100%;\r\n        height: 52%;\r\n        border-radius: 0;\r\n      }\r\n\r\n      #hccLanding .hcc-resource {\r\n        min-height: 360px;\r\n      }\r\n\r\n      #hccLanding .hcc-resource-cover {\r\n        min-height: 225px;\r\n      }\r\n\r\n      #hccLanding .hcc-faq-answer p {\r\n        padding-right: 0;\r\n      }\r\n\r\n      #hccLanding .hcc-cta-card {\r\n        min-height: 450px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      #hccLanding .hcc-actions {\r\n        flex-direction: column;\r\n      }\r\n\r\n      #hccLanding .hcc-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #hccLanding *,\r\n      #hccLanding *::before,\r\n      #hccLanding *::after {\r\n        animation-duration:\r\n          0.01ms !important;\r\n\r\n        animation-iteration-count:\r\n          1 !important;\r\n\r\n        transition-duration:\r\n          0.01ms !important;\r\n      }\r\n\r\n      #hccLanding .hcc-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body style=\"margin:0\">\r\n\r\n<section id=\"hccLanding\">\r\n\r\n  <!-- =====================================================\r\n       WHY HERMESYS\r\n       ====================================================== -->\r\n\r\n  <section class=\"hcc-section hcc-benefits\">\r\n\r\n    <div class=\"hcc-shell\">\r\n\r\n      <div class=\"hcc-section-head hcc-reveal\">\r\n\r\n        <h2 class=\"hcc-title\">\r\n          Built for modern network infrastructure.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hcc-benefit-grid\">\r\n\r\n        <article\r\n          class=\"hcc-benefit hcc-benefit-1 hcc-reveal\"\r\n        >\r\n\r\n          <h3>\r\n            Multiple network layers\r\n          <\/h3>\r\n\r\n          <p>\r\n            Cabling, connectivity, racks, optical modules and\r\n            deployment infrastructure are brought together\r\n            within one coordinated product ecosystem.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"hcc-benefit hcc-benefit-2 hcc-reveal\"\r\n        >\r\n\r\n          <h3>\r\n            Project-based selection\r\n          <\/h3>\r\n\r\n          <p>\r\n            Products can be reviewed according to bandwidth,\r\n            distance, environment, mechanical protection and\r\n            application requirements.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"hcc-benefit hcc-benefit-3 hcc-reveal\"\r\n        >\r\n\r\n          <h3>\r\n            Engineering support\r\n          <\/h3>\r\n\r\n          <p>\r\n            Hermesys can support product selection,\r\n            compatibility review, documentation and\r\n            project-specific configuration discussions.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"hcc-benefit hcc-benefit-4 hcc-reveal\"\r\n        >\r\n\r\n          <h3>\r\n            Scalable deployment\r\n          <\/h3>\r\n\r\n          <p>\r\n            The portfolio covers access, distribution,\r\n            backbone, equipment interconnect and supporting\r\n            physical infrastructure.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- =====================================================\r\n       PRODUCT PORTFOLIO\r\n       ====================================================== -->\r\n\r\n  <section\r\n    class=\"hcc-section hcc-products\"\r\n    id=\"hccProducts\"\r\n  >\r\n\r\n    <div class=\"hcc-shell\">\r\n\r\n      <div class=\"hcc-section-head hcc-reveal\">\r\n\r\n        <h2 class=\"hcc-title\">\r\n          Explore Cable &amp; Connectivity\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hcc-product-grid\">\r\n\r\n        <a\r\n          class=\"hcc-product-card hcc-reveal\"\r\n          href=\"https:\/\/hermesys.com\/product-category\/ladonx\/\"\r\n          aria-label=\"Explore LadonX Conventional Cable products\"\r\n        >\r\n\r\n          <h3>\r\n            LadonX\u2122 Conventional Cable\r\n          <\/h3>\r\n\r\n          <p>\r\n            Fiber optic, Ethernet, multipair copper,\r\n            power and RF cable solutions.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"hcc-product-image hcc-product-ladon\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"hcc-product-card hcc-reveal\"\r\n          href=\"https:\/\/hermesys.com\/product-category\/hydra\/\"\r\n          aria-label=\"Explore HydraX Connectivity products\"\r\n        >\r\n\r\n          <h3>\r\n            HydraX\u2122 Connectivity\r\n          <\/h3>\r\n\r\n          <p>\r\n            Optical transceivers, high-speed cables,\r\n            copper and fiber fittings, closures and\r\n            power accessories.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"hcc-product-image hcc-product-hydra\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"hcc-product-card hcc-reveal\"\r\n          href=\"https:\/\/hermesys.com\/product-category\/cetox\/\"\r\n          aria-label=\"Explore CetoX Rack and Cabinet products\"\r\n        >\r\n\r\n          <h3>\r\n            CetoX\u2122 Rack &amp; Cabinet\r\n          <\/h3>\r\n\r\n          <p>\r\n            Racks, cabinets, PDUs, distribution boxes,\r\n            trays and infrastructure accessories.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"hcc-product-image hcc-product-ceto\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"hcc-product-card hcc-reveal\"\r\n          href=\"https:\/\/hermesys.com\/product-category\/gryphonx\/\"\r\n          aria-label=\"Explore GryphonX Air-Blown System products\"\r\n        >\r\n\r\n          <h3>\r\n            GryphonX\u2122 Air-Blown System\r\n          <\/h3>\r\n\r\n          <p>\r\n            Micro cable, fiber units, ducts,\r\n            pre-installed systems and accessories.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"hcc-product-image hcc-product-gryphon\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"hcc-product-card hcc-reveal\"\r\n          href=\"https:\/\/hermesys.com\/product-category\/chimerax\/\"\r\n          aria-label=\"Explore ChimeraX Industry Cable products\"\r\n        >\r\n\r\n          <h3>\r\n            ChimeraX\u2122 Industry Cable\r\n          <\/h3>\r\n\r\n          <p>\r\n            Specialised industrial cable solutions for automation, transportation, utilities and harsh operating environments.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"hcc-product-image hcc-product-chimera\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- =====================================================\r\n       APPLICATION SCENARIOS\r\n       ====================================================== -->\r\n\r\n  <section class=\"hcc-section hcc-cases\">\r\n\r\n    <div class=\"hcc-shell\">\r\n\r\n      <div class=\"hcc-section-head hcc-reveal\">\r\n\r\n        <h2 class=\"hcc-title\">\r\n          Designed for different infrastructure environments.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hcc-case-grid\">\r\n\r\n        <article\r\n          class=\"hcc-case hcc-case-datacentre hcc-reveal\"\r\n        >\r\n\r\n          <span class=\"hcc-case-tag\">\r\n            Data Centre\r\n          <\/span>\r\n\r\n          <h3>\r\n            High-density AI infrastructure\r\n          <\/h3>\r\n\r\n          <p>\r\n            Optical transceivers, AEC\/AOC\/DAC,\r\n            MPO cabling, patch panels, racks and\r\n            power distribution.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"hcc-case hcc-case-building hcc-reveal\"\r\n        >\r\n\r\n          <span class=\"hcc-case-tag\">\r\n            Campus &amp; Building\r\n          <\/span>\r\n\r\n          <h3>\r\n            Structured network deployment\r\n          <\/h3>\r\n\r\n          <p>\r\n            Fiber backbone, Ethernet horizontal cabling,\r\n            patching systems, cabinets and distribution\r\n            infrastructure.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"hcc-case hcc-case-telecom hcc-reveal\"\r\n        >\r\n\r\n          <span class=\"hcc-case-tag\">\r\n            Telecommunications\r\n          <\/span>\r\n\r\n          <h3>\r\n            Access and outside-plant networks\r\n          <\/h3>\r\n\r\n          <p>\r\n            Fiber cable, closures, ducts,\r\n            air-blown systems and supporting\r\n            distribution products.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- =====================================================\r\n       PRODUCT CATALOGS\r\n       ====================================================== -->\r\n\r\n  <section class=\"hcc-section hcc-resources\">\r\n\r\n    <div class=\"hcc-shell\">\r\n\r\n      <div class=\"hcc-section-head hcc-reveal\">\r\n\r\n        <h2 class=\"hcc-title\">\r\n          Product Catalogs\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hcc-resource-grid\">\r\n\r\n        <a class=\"hcc-resource hcc-reveal\" href=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys_Data-Centre-Brochure-_v2026.pdf\" target=\"_blank\" rel=\"noopener\" aria-label=\"Download Data Centre Solutions Brochure PDF\">\r\n          <div class=\"hcc-resource-cover hcc-cover-datacentre\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"hcc-resource-copy\">\r\n            <h3>Data Centre Solutions Brochure<\/h3>\r\n            <small><\/small>\r\n            <span class=\"hcc-download-link\">Download <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"hcc-resource hcc-reveal\" href=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys_Commercial-Cable-Catalog_v2026.pdf\" target=\"_blank\" rel=\"noopener\" aria-label=\"Download Commercial Cable Catalog PDF\">\r\n          <div class=\"hcc-resource-cover hcc-cover-commercial\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"hcc-resource-copy\">\r\n            <h3>Commercial Cable Catalog<\/h3>\r\n            <small><\/small>\r\n            <span class=\"hcc-download-link\">Download\r\n            <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"hcc-resource hcc-reveal\" href=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys-_Connectivity-System-Product-Catalog_v2026.pdf\" target=\"_blank\" rel=\"noopener\" aria-label=\"Download Connectivity System Product Catalog PDF\">\r\n          <div class=\"hcc-resource-cover hcc-cover-connectivity\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"hcc-resource-copy\">\r\n            <h3>Connectivity System Product Catalog<\/h3>\r\n          \r\n            <span class=\"hcc-download-link\">Download <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"hcc-resource hcc-reveal\" href=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Hermesys_Industrial-Cable-Catalog_v2026.pdf\" target=\"_blank\" rel=\"noopener\" aria-label=\"Download Industrial Cable Catalog PDF\">\r\n          <div class=\"hcc-resource-cover hcc-cover-industrial\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"hcc-resource-copy\">\r\n            <h3>Industrial Cable Catalog<\/h3>\r\n           \r\n            <span class=\"hcc-download-link\">Download <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- =====================================================\r\n       FAQ\r\n       ====================================================== -->\r\n\r\n  <section class=\"hcc-section hcc-faq\">\r\n\r\n    <div class=\"hcc-shell hcc-faq-wrap\">\r\n\r\n      <div class=\"hcc-reveal\">\r\n\r\n        <h2 class=\"hcc-title\">\r\n          Cable &amp; Connectivity FAQ\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hcc-faq-list\">\r\n\r\n        <article class=\"hcc-faq-item hcc-reveal\">\r\n\r\n          <button\r\n            class=\"hcc-faq-question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              What is included in Hermesys Cable &amp; Connectivity?\r\n            <\/span>\r\n\r\n            <span class=\"hcc-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"hcc-faq-answer\">\r\n\r\n            <div>\r\n\r\n              <p>\r\n                The portfolio includes conventional fiber and\r\n                copper cabling, optical transceivers, high-speed\r\n                cables, fittings, patching systems, racks,\r\n                cabinets, distribution products and air-blown\r\n                infrastructure.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"hcc-faq-item hcc-reveal\">\r\n\r\n          <button\r\n            class=\"hcc-faq-question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              How should I choose the right product family?\r\n            <\/span>\r\n\r\n            <span class=\"hcc-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"hcc-faq-answer\">\r\n\r\n            <div>\r\n\r\n              <p>\r\n                Start with the application and network layer,\r\n                then review transmission distance, bandwidth,\r\n                environment, mechanical protection,\r\n                compatibility and documentation requirements.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"hcc-faq-item hcc-reveal\">\r\n\r\n          <button\r\n            class=\"hcc-faq-question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              Can Hermesys support transceiver compatibility review?\r\n            <\/span>\r\n\r\n            <span class=\"hcc-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"hcc-faq-answer\">\r\n\r\n            <div>\r\n\r\n              <p>\r\n                Hermesys can review available product compatibility\r\n                information and discuss the intended equipment\r\n                platform, link design and application requirements.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"hcc-faq-item hcc-reveal\">\r\n\r\n          <button\r\n            class=\"hcc-faq-question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              Are custom configurations available?\r\n            <\/span>\r\n\r\n            <span class=\"hcc-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"hcc-faq-answer\">\r\n\r\n            <div>\r\n\r\n              <p>\r\n                Customisation feasibility depends on the product\r\n                family, specification, quantity, testing and\r\n                manufacturing requirements. Contact Hermesys\r\n                with the project details for review.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"hcc-faq-item hcc-reveal\">\r\n\r\n          <button\r\n            class=\"hcc-faq-question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              Where can I find datasheets and technical documents?\r\n            <\/span>\r\n\r\n            <span class=\"hcc-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"hcc-faq-answer\">\r\n\r\n            <div>\r\n\r\n              <p>\r\n                Available documents can be provided through\r\n                individual product pages, the Resources section,\r\n                or by contacting Hermesys with the relevant product\r\n                name, SKU or part number.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- =====================================================\r\n       CTA\r\n       ====================================================== -->\r\n\r\n  <section class=\"hcc-cta\">\r\n\r\n    <div class=\"hcc-shell\">\r\n\r\n      <div class=\"hcc-cta-card hcc-reveal\">\r\n\r\n        <div class=\"hcc-cta-content\">\r\n\r\n          <h2>\r\n            Build the physical layer around your project.\r\n          <\/h2>\r\n\r\n          <p>\r\n            Share the application, link requirement and installation\r\n            environment. Hermesys can help identify suitable cable and\r\n            connectivity products for your project.\r\n          <\/p>\r\n\r\n          <div class=\"hcc-actions\">\r\n\r\n            <a\r\n              class=\"hcc-btn hcc-btn-primary\"\r\n              href=\"https:\/\/hermesys.com\/contact-us\/\"\r\n            >\r\n              Discuss Your Project\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"hcc-btn hcc-btn-secondary\"\r\n              href=\"#hccProducts\"\r\n            >\r\n              View Product Families\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- =====================================================\r\n       FAQ SCHEMA\r\n       ====================================================== -->\r\n\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"FAQPage\",\r\n    \"mainEntity\": [\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"What is included in Hermesys Cable & Connectivity?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"The portfolio includes conventional fiber and copper cabling, optical transceivers, high-speed cables, fittings, patching systems, racks, cabinets, distribution products and air-blown infrastructure.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"How should I choose the right product family?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Start with the application and network layer, then review transmission distance, bandwidth, environment, mechanical protection, compatibility and documentation requirements.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Can Hermesys support compatibility review?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Hermesys can review available product compatibility information and discuss the intended equipment platform, link design and application requirements.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Are custom configurations available?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Customisation feasibility depends on the product family, specification, quantity, testing and manufacturing requirements.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Where can I find datasheets and technical documents?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Available documents can be provided through individual product pages, the Resources section, or by contacting Hermesys with the relevant product name, SKU or part number.\"\r\n        }\r\n      }\r\n    ]\r\n  }\r\n  <\/script>\r\n\r\n  <!-- =====================================================\r\n       INTERACTIONS\r\n       ====================================================== -->\r\n\r\n  <script>\r\n    (function () {\r\n      const root =\r\n        document.getElementById(\"hccLanding\");\r\n\r\n      if (!root) {\r\n        return;\r\n      }\r\n\r\n      \/* FAQ *\/\r\n\r\n      root\r\n        .querySelectorAll(\".hcc-faq-question\")\r\n        .forEach(function (button) {\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n              const item =\r\n                button.closest(\".hcc-faq-item\");\r\n\r\n              const isOpen =\r\n                item.classList.contains(\"is-open\");\r\n\r\n              root\r\n                .querySelectorAll(\".hcc-faq-item\")\r\n                .forEach(function (faq) {\r\n\r\n                  faq.classList.remove(\"is-open\");\r\n\r\n                  const faqButton =\r\n                    faq.querySelector(\r\n                      \".hcc-faq-question\"\r\n                    );\r\n\r\n                  if (faqButton) {\r\n                    faqButton.setAttribute(\r\n                      \"aria-expanded\",\r\n                      \"false\"\r\n                    );\r\n                  }\r\n\r\n                });\r\n\r\n              if (!isOpen) {\r\n\r\n                item.classList.add(\"is-open\");\r\n\r\n                button.setAttribute(\r\n                  \"aria-expanded\",\r\n                  \"true\"\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        });\r\n\r\n      \/* Reveal animation *\/\r\n\r\n      const revealItems =\r\n        root.querySelectorAll(\".hcc-reveal\");\r\n\r\n      if (\r\n        !(\"IntersectionObserver\" in window)\r\n      ) {\r\n\r\n        revealItems.forEach(\r\n          function (item) {\r\n\r\n            item.classList.add(\r\n              \"is-visible\"\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          function (entries) {\r\n\r\n            entries.forEach(\r\n              function (entry) {\r\n\r\n                if (entry.isIntersecting) {\r\n\r\n                  entry.target.classList.add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n                  observer.unobserve(\r\n                    entry.target\r\n                  );\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n          },\r\n          {\r\n            threshold: 0.12,\r\n            rootMargin:\r\n              \"0px 0px -40px 0px\"\r\n          }\r\n        );\r\n\r\n      revealItems.forEach(\r\n        function (item) {\r\n\r\n          observer.observe(item);\r\n\r\n        }\r\n      );\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cable &#038; Connectivity Cable &amp; Connectivity Trusted physical infrastructure for modern networks. From specialty cables and high-speed optical connectivity to racks, cabinets and deployment systems, Hermesys supports the physical network layers required by modern digital infrastructure. Cable &amp; Connectivity | Hermesys Built for modern network infrastructure. Multiple network layers Cabling, connectivity, racks, optical modules and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13049,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-13008","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cable &amp; Connectivity Solutions | Hermesys<\/title>\n<meta name=\"description\" content=\"Explore Hermesys cable and connectivity solutions, including fiber and copper cables, optical transceivers, racks, cabinets, air-blown systems and industrial cabling.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hermesys.com\/vi\/cable-connectivity\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"cable and connectivity solutions\" \/>\n<meta property=\"og:description\" content=\"cabling and connectivity solutions, network cabling solutions, cable connectivity systems, physical network infrastructure\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hermesys.com\/vi\/cable-connectivity\/\" \/>\n<meta property=\"og:site_name\" content=\"Hermesys\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-03T08:42:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/5-sub-brand.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Cable &amp; Connectivity\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/\",\"url\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/\",\"name\":\"Cable & Connectivity Solutions | Hermesys\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/5-sub-brand.png\",\"datePublished\":\"2026-07-27T13:17:45+00:00\",\"dateModified\":\"2026-08-03T08:42:06+00:00\",\"description\":\"Explore Hermesys cable and connectivity solutions, including fiber and copper cables, optical transceivers, racks, cabinets, air-blown systems and industrial cabling.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/5-sub-brand.png\",\"contentUrl\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/5-sub-brand.png\",\"width\":2236,\"height\":1510},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hermesys.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cable &#038; Connectivity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"name\":\"Hermesys\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hermesys.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#organization\",\"name\":\"Hermesys\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo.png\",\"width\":236,\"height\":50,\"caption\":\"Hermesys\"},\"image\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cable & Connectivity Solutions | Hermesys","description":"Explore Hermesys cable and connectivity solutions, including fiber and copper cables, optical transceivers, racks, cabinets, air-blown systems and industrial cabling.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hermesys.com\/vi\/cable-connectivity\/","og_locale":"vi_VN","og_type":"article","og_title":"cable and connectivity solutions","og_description":"cabling and connectivity solutions, network cabling solutions, cable connectivity systems, physical network infrastructure","og_url":"https:\/\/hermesys.com\/vi\/cable-connectivity\/","og_site_name":"Hermesys","article_modified_time":"2026-08-03T08:42:06+00:00","og_image":[{"url":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/5-sub-brand.png","width":800,"height":540,"type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Cable & Connectivity","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hermesys.com\/cable-connectivity\/","url":"https:\/\/hermesys.com\/cable-connectivity\/","name":"Cable & Connectivity Solutions | Hermesys","isPartOf":{"@id":"https:\/\/hermesys.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hermesys.com\/cable-connectivity\/#primaryimage"},"image":{"@id":"https:\/\/hermesys.com\/cable-connectivity\/#primaryimage"},"thumbnailUrl":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/5-sub-brand.png","datePublished":"2026-07-27T13:17:45+00:00","dateModified":"2026-08-03T08:42:06+00:00","description":"Explore Hermesys cable and connectivity solutions, including fiber and copper cables, optical transceivers, racks, cabinets, air-blown systems and industrial cabling.","breadcrumb":{"@id":"https:\/\/hermesys.com\/cable-connectivity\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hermesys.com\/cable-connectivity\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/hermesys.com\/cable-connectivity\/#primaryimage","url":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/5-sub-brand.png","contentUrl":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/5-sub-brand.png","width":2236,"height":1510},{"@type":"BreadcrumbList","@id":"https:\/\/hermesys.com\/cable-connectivity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hermesys.com\/"},{"@type":"ListItem","position":2,"name":"Cable &#038; Connectivity"}]},{"@type":"WebSite","@id":"https:\/\/hermesys.com\/#website","url":"https:\/\/hermesys.com\/","name":"Hermesys","description":"","publisher":{"@id":"https:\/\/hermesys.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hermesys.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/hermesys.com\/#organization","name":"Hermesys","url":"https:\/\/hermesys.com\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/","url":"https:\/\/hermesys.com\/wp-content\/uploads\/2022\/06\/logo.png","contentUrl":"https:\/\/hermesys.com\/wp-content\/uploads\/2022\/06\/logo.png","width":236,"height":50,"caption":"Hermesys"},"image":{"@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/13008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/comments?post=13008"}],"version-history":[{"count":26,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/13008\/revisions"}],"predecessor-version":[{"id":13296,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/13008\/revisions\/13296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/media\/13049"}],"wp:attachment":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/media?parent=13008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}