{"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-07-27T13:32:48","modified_gmt":"2026-07-27T13:32:48","slug":"cable-connectivity","status":"publish","type":"page","link":"https:\/\/hermesys.com\/vi\/cable-connectivity\/","title":{"rendered":"Cable & Connectivity"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n Cable & 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(42px, 4.15vw, 64px);\r\n\r\n --hcc-section-title-weight: 600;\r\n --hcc-section-title-line: 1.02;\r\n --hcc-section-title-spacing: -0.055em;\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 HERO\r\n ========================================================= *\/\r\n\r\n #hccLanding .hcc-hero {\r\n position: relative;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-height:\r\n clamp(600px, 76vh, 780px);\r\n\r\n overflow: hidden;\r\n isolation: isolate;\r\n\r\n color: #ffffff;\r\n text-align: center;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 22%,\r\n rgba(8, 124, 255, 0.24),\r\n transparent 31%\r\n ),\r\n radial-gradient(\r\n circle at 50% 92%,\r\n rgba(62, 173, 255, 0.07),\r\n transparent 34%\r\n ),\r\n linear-gradient(\r\n 180deg,\r\n #071522 0%,\r\n #02080e 100%\r\n );\r\n }\r\n\r\n #hccLanding .hcc-hero::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n z-index: -2;\r\n\r\n inset: 0;\r\n\r\n opacity: 0.05;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(255, 255, 255, 0.08) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(255, 255, 255, 0.08) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size: 92px 92px;\r\n\r\n -webkit-mask-image:\r\n linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n #000000 17%,\r\n #000000 75%,\r\n transparent 100%\r\n );\r\n\r\n mask-image:\r\n linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n #000000 17%,\r\n #000000 75%,\r\n transparent 100%\r\n );\r\n }\r\n\r\n #hccLanding .hcc-hero::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n z-index: -1;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n height: 32%;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n transparent,\r\n rgba(0, 0, 0, 0.34)\r\n );\r\n }\r\n\r\n #hccLanding .hcc-hero-grid {\r\n position: relative;\r\n z-index: 3;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 100%;\r\n min-height: inherit;\r\n\r\n padding: 76px 0;\r\n }\r\n\r\n #hccLanding .hcc-hero-copy {\r\n width: min(100%, 960px);\r\n margin: 0 auto;\r\n\r\n text-align: center;\r\n }\r\n\r\n #hccLanding .hcc-hero h1 {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n\r\n color: #ffffff;\r\n\r\n font-size:\r\n clamp(46px, 5.4vw, 74px);\r\n\r\n font-weight: 600;\r\n line-height: 0.98;\r\n letter-spacing: -0.06em;\r\n }\r\n\r\n #hccLanding .hcc-hero h1 span {\r\n display: block;\r\n\r\n margin-top: 10px;\r\n\r\n color: transparent;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n #ffffff 0%,\r\n #d1dcea 37%,\r\n #68b2ff 72%,\r\n #ffffff 100%\r\n );\r\n\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n\r\n font-size: 0.68em;\r\n line-height: 1;\r\n letter-spacing: -0.045em;\r\n }\r\n\r\n #hccLanding .hcc-hero-kicker {\r\n max-width: 760px;\r\n margin: 24px auto 0;\r\n\r\n color:\r\n rgba(255, 255, 255, 0.88);\r\n\r\n font-size:\r\n clamp(18px, 1.55vw, 24px);\r\n\r\n font-weight: 500;\r\n line-height: 1.42;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n #hccLanding .hcc-hero-copy > p:last-child {\r\n max-width: 760px;\r\n margin: 15px auto 0;\r\n\r\n color:\r\n rgba(255, 255, 255, 0.62);\r\n\r\n font-size:\r\n clamp(15px, 1.15vw, 18px);\r\n\r\n line-height: 1.62;\r\n letter-spacing: -0.01em;\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 margin: 0;\r\n\r\n color: #ffffff;\r\n\r\n font-size:\r\n clamp(20px, 1.65vw, 25px);\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-benefit p {\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 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: transform 0.35s ease, box-shadow 0.35s ease;\r\n }\r\n\r\n #hccLanding .hcc-product-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--hcc-shadow);\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(24px, 2.15vw, 35px);\r\n font-weight: 600;\r\n line-height: 1.06;\r\n letter-spacing: -0.04em;\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 #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(23px, 2vw, 29px);\r\n\r\n font-weight: 600;\r\n line-height: 1.06;\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: 23px 24px 25px;\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(20px, 1.6vw, 23px);\r\n\r\n font-weight: 600;\r\n line-height: 1.14;\r\n letter-spacing: -0.03em;\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 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: none;\r\n margin: 0;\r\n\r\n color: #ffffff;\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-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-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-title,\r\n #hccLanding .hcc-cta h2 {\r\n font-size:\r\n clamp(36px, 7vw, 52px);\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 #hccLanding .hcc-hero {\r\n min-height: 590px;\r\n }\r\n\r\n #hccLanding .hcc-hero h1 {\r\n font-size:\r\n clamp(42px, 11.5vw, 62px);\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #hccLanding .hcc-title,\r\n #hccLanding .hcc-cta h2 {\r\n font-size:\r\n clamp(32px, 10.5vw, 44px);\r\n\r\n line-height: 1.04;\r\n }\r\n\r\n #hccLanding .hcc-section {\r\n padding: 72px 0;\r\n }\r\n\r\n #hccLanding .hcc-hero {\r\n min-height: 560px;\r\n }\r\n\r\n #hccLanding .hcc-hero-grid {\r\n padding: 62px 0;\r\n }\r\n\r\n #hccLanding .hcc-hero h1 {\r\n font-size:\r\n clamp(39px, 12vw, 54px);\r\n }\r\n\r\n #hccLanding .hcc-hero-kicker {\r\n font-size: 18px;\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 HERO\r\n ====================================================== -->\r\n\r\n <section class=\"hcc-hero\">\r\n\r\n <div class=\"hcc-shell hcc-hero-grid\">\r\n\r\n <div class=\"hcc-hero-copy hcc-reveal\">\r\n\r\n <h1>\r\n Cable &\r\n <span>Connectivity<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hcc-hero-kicker\">\r\n Trusted physical infrastructure for modern networks.\r\n <\/p>\r\n\r\n <p>\r\n From specialty cables and high-speed optical connectivity\r\n to racks, cabinets and deployment systems, Hermesys supports\r\n the physical network layers required by modern digital infrastructure.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\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 & 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 >\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 >\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 >\r\n\r\n <h3>\r\n CetoX\u2122 Rack & 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 >\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 >\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 & 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 & 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 & 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 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 & Connectivity | Hermesys Cable & 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. Built for modern network infrastructure. Multiple network layers Cabling, connectivity, racks, optical modules and deployment infrastructure are […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-13008","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.0 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cable & Connectivity - Hermesys<\/title>\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 & Connectivity\" \/>\n<meta property=\"og:description\" content=\"Cable & Connectivity | Hermesys Cable & 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. Built for modern network infrastructure. Multiple network layers Cabling, connectivity, racks, optical modules and deployment infrastructure are […]\" \/>\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-07-27T13:32:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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 - Hermesys\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\"},\"datePublished\":\"2026-07-27T13:17:45+00:00\",\"dateModified\":\"2026-07-27T13:32:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hermesys.com\\\/cable-connectivity\\\/\"]}]},{\"@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 & 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 - Hermesys","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 & Connectivity","og_description":"Cable & Connectivity | Hermesys Cable & 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. Built for modern network infrastructure. Multiple network layers Cabling, connectivity, racks, optical modules and deployment infrastructure are […]","og_url":"https:\/\/hermesys.com\/vi\/cable-connectivity\/","og_site_name":"Hermesys","article_modified_time":"2026-07-27T13:32:48+00:00","twitter_card":"summary_large_image","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 - Hermesys","isPartOf":{"@id":"https:\/\/hermesys.com\/#website"},"datePublished":"2026-07-27T13:17:45+00:00","dateModified":"2026-07-27T13:32:48+00:00","breadcrumb":{"@id":"https:\/\/hermesys.com\/cable-connectivity\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hermesys.com\/cable-connectivity\/"]}]},{"@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 & 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":9,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/13008\/revisions"}],"predecessor-version":[{"id":13040,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/13008\/revisions\/13040"}],"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}]}}