{"id":217,"date":"2026-07-29T15:39:50","date_gmt":"2026-07-29T15:39:50","guid":{"rendered":"https:\/\/www.hermesnetwork.cloud\/?page_id=217"},"modified":"2026-08-09T16:15:11","modified_gmt":"2026-08-09T16:15:11","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/","title":{"rendered":"Homepage"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium full_height valign_top with_slider\"><div class=\"l-section-slider\">\t<script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\n\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"Magma--YouTube-Video-Header1\" data-id=\"1\" id=\"SR7_1_1\" class=\"rs-respect-topbar\" data-version=\"7.1.6\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-1\" data-key=\"1\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-1\" class=\"sr7-layer\">Buildings<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-3\" class=\"sr7-layer\">Smart<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-7\" class=\"sr7-layer\">Hermes Network<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-1-8\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/people\/Hermes-Network\/61572479218125\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-1-9\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/@hermesnetwork8089\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-1-10\" class=\"sr7-layer\" href=\"http:\/\/x.com\/HermesNetworks\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" width=\"0.8em\" height=\"0.8em\" fill=\"currentColor\" aria-label=\"X\" role=\"img\" style=\"vertical-align:-0.1em;display:inline-block\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-19\" class=\"sr7-layer\">View Video<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-2\" data-key=\"2\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-2-3\" class=\"sr7-layer\">Digital Twin<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-2-7\" class=\"sr7-layer\">Hermes<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-2-8\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/people\/Hermes-Network\/61572479218125\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-2-9\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/@hermesnetwork8089\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-2-10\" class=\"sr7-layer\" href=\"http:\/\/x.com\/HermesNetworks\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" width=\"0.8em\" height=\"0.8em\" fill=\"currentColor\" aria-label=\"X\" role=\"img\" style=\"vertical-align:-0.1em;display:inline-block\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-2-19\" class=\"sr7-layer\">View Video<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-3\" data-key=\"3\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-3-1\" class=\"sr7-layer\">Operations<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-3-3\" class=\"sr7-layer\">Smart Hotel<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-3-7\" class=\"sr7-layer\">Hermes Network<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-3-8\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/people\/Hermes-Network\/61572479218125\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-3-9\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/@hermesnetwork8089\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-3-10\" class=\"sr7-layer\" href=\"http:\/\/x.com\/HermesNetworks\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" width=\"0.8em\" height=\"0.8em\" fill=\"currentColor\" aria-label=\"X\" role=\"img\" style=\"vertical-align:-0.1em;display:inline-block\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-3-19\" class=\"sr7-layer\">View Video<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-4\" data-key=\"4\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-4-1\" class=\"sr7-layer\">For Restaurants<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-4-3\" class=\"sr7-layer\">AI Systems<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-4-7\" class=\"sr7-layer\">Hermes Network<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-4-8\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/people\/Hermes-Network\/61572479218125\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-4-9\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/@hermesnetwork8089\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-4-10\" class=\"sr7-layer\" href=\"http:\/\/x.com\/HermesNetworks\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" width=\"0.8em\" height=\"0.8em\" fill=\"currentColor\" aria-label=\"X\" role=\"img\" style=\"vertical-align:-0.1em;display:inline-block\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-4-19\" class=\"sr7-layer\">View Video<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-5\" data-key=\"5\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-5-1\" class=\"sr7-layer\">detection<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-5-3\" class=\"sr7-layer\">AI with Video<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-5-7\" class=\"sr7-layer\">SD WAN Edge<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-5-8\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/people\/Hermes-Network\/61572479218125\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-5-9\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/@hermesnetwork8089\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-5-10\" class=\"sr7-layer\" href=\"http:\/\/x.com\/HermesNetworks\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" width=\"0.8em\" height=\"0.8em\" fill=\"currentColor\" aria-label=\"X\" role=\"img\" style=\"vertical-align:-0.1em;display:inline-block\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-5-19\" class=\"sr7-layer\">View Video<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-6\" data-key=\"6\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-6-1\" class=\"sr7-layer\"><\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-6-3\" class=\"sr7-layer\">SmartNode<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-6-7\" class=\"sr7-layer\">Hermes Network<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-6-8\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/people\/Hermes-Network\/61572479218125\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-6-9\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/@hermesnetwork8089\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-6-10\" class=\"sr7-layer\" href=\"http:\/\/x.com\/HermesNetworks\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" width=\"0.8em\" height=\"0.8em\" fill=\"currentColor\" aria-label=\"X\" role=\"img\" style=\"vertical-align:-0.1em;display:inline-block\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-6-19\" class=\"sr7-layer\">View Video<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-7\" data-key=\"7\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/img.youtube.com\/vi\/5tLviG8hPXc\/maxresdefault.jpg\" data-lib=\"nothing\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9pbWcueW91dHViZS5jb20vdmkvNXRMdmlHOGhQWGMvbWF4cmVzZGVmYXVsdC5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/img.youtube.com\/vi\/5Tyi4FxU4yg\/maxresdefault.jpg\" data-lib=\"nothing\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9pbWcueW91dHViZS5jb20vdmkvNVR5aTRGeFU0eWcvbWF4cmVzZGVmYXVsdC5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/img.youtube.com\/vi\/UIR3StbL0OY\/maxresdefault.jpg\" data-lib=\"nothing\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9pbWcueW91dHViZS5jb20vdmkvVUlSM1N0YkwwT1kvbWF4cmVzZGVmYXVsdC5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/img.youtube.com\/vi\/SH40Zj7242Y\/maxresdefault.jpg\" data-lib=\"nothing\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9pbWcueW91dHViZS5jb20vdmkvU0g0MFpqNzI0MlkvbWF4cmVzZGVmYXVsdC5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/img.youtube.com\/vi\/CNjgfYWAoA4\/maxresdefault.jpg\" data-lib=\"nothing\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9pbWcueW91dHViZS5jb20vdmkvQ05qZ2ZZV0FvQTQvbWF4cmVzZGVmYXVsdC5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/img.youtube.com\/vi\/Sttp7XZlYek\/maxresdefault.jpg\" data-lib=\"nothing\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9pbWcueW91dHViZS5jb20vdmkvU3R0cDdYWmxZZWsvbWF4cmVzZGVmYXVsdC5qcGc=\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\twindow.SR7??={}; SR7.PMH ??={}; SR7.PMH[\"SR7_1_1\"] = {cn:100,state:false,fn: function() { if (window._tpt!==undefined && window._tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_1_1\",el:[818,818,768,960,720],type:'standard',gh:[900,900,768,960,720],gw:[1240,1240,1024,778,480],vpt:['100px'],size:{fullWidth:true, fullHeight:true},fho:'#masthead,',mh:'0',onh:0,onw:0,bg:{color:'#2C8BC8'}});   SR7.PMH[\"SR7_1_1\"].state=true;} else if(SR7.PMH[\"SR7_1_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_1_1\"].fn,19);}};SR7.PMH[\"SR7_1_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_8983f873 height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-8 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_4436d22a pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">Solutions<\/span><\/span><\/div><div class=\"wpb_text_column us_custom_0bc1b881\"><div class=\"wpb_wrapper\"><h2>Built for the way your<br \/>\nteam operates<\/h2>\n<\/div><\/div><div class=\"wpb_text_column us_custom_eb849559\"><div class=\"wpb_wrapper\"><p>Pick your starting point \u2014 every path runs on the same orchestrated fabric.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\" style=\"--additional-gap:.5rem;\"><div class=\"vc_col-sm-6 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_3fd34dea\"><div class=\"wpb_wrapper\"><div class=\"w-hwrapper valign_top align_none\" style=\"--hwrapper-gap:1.2rem\"><div class=\"w-iconbox iconbox-custom iconpos_left style_circle color_custom align_none no_text no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#0369a1;--icon-bg-color:#e0f2fe;\"><i class=\"far fa-building\"><\/i><\/div><div class=\"w-iconbox-meta\"><\/div><\/div><div class=\"w-vwrapper align_none valign_top\" style=\"--vwrapper-gap:0rem\"><h3 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">For Enterprises<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_80a192e9\"><div class=\"wpb_wrapper\"><p>Standardize connectivity, security and compliance across every branch under one contract and one SLA.<\/p>\n<\/div><\/div><div class=\"w-text us_custom_b6234cd1 has_text_color icon_atright\"><a href=\"#\" class=\"w-text-h\"><span class=\"w-text-value\">Explore enterprise<\/span><i class=\"far fa-arrow-right\"><\/i><\/a><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_3fd34dea\"><div class=\"wpb_wrapper\"><div class=\"w-hwrapper valign_top align_none\" style=\"--hwrapper-gap:1.2rem\"><div class=\"w-iconbox iconbox-custom iconpos_left style_circle color_custom align_none no_text no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#0369a1;--icon-bg-color:#e0f2fe;\"><i class=\"far fa-users\"><\/i><\/div><div class=\"w-iconbox-meta\"><\/div><\/div><div class=\"w-vwrapper align_none valign_top\" style=\"--vwrapper-gap:0rem\"><h3 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">For MSPs &amp; Partners<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_80a192e9\"><div class=\"wpb_wrapper\"><p>Resell managed network services as recurring, high-margin line items \u2014 delivered by us on your behalf.<\/p>\n<\/div><\/div><div class=\"w-text us_custom_b6234cd1 has_text_color icon_atright\"><a href=\"#\" class=\"w-text-h\"><span class=\"w-text-value\">Become a partner<\/span><i class=\"far fa-arrow-right\"><\/i><\/a><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_3fd34dea\"><div class=\"wpb_wrapper\"><div class=\"w-hwrapper valign_top align_none\" style=\"--hwrapper-gap:1.2rem\"><div class=\"w-iconbox iconbox-custom iconpos_left style_circle color_custom align_none no_text no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#0369a1;--icon-bg-color:#e0f2fe;\"><i class=\"far fa-desktop\"><\/i><\/div><div class=\"w-iconbox-meta\"><\/div><\/div><div class=\"w-vwrapper align_none valign_top\" style=\"--vwrapper-gap:0rem\"><h3 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">For IT Teams<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_80a192e9\"><div class=\"wpb_wrapper\"><p>One pane of glass for provisioning, monitoring and policy \u2014 no stacks of licenses to reconcile.<\/p>\n<\/div><\/div><div class=\"w-text us_custom_b6234cd1 has_text_color icon_atright\"><a href=\"#\" class=\"w-text-h\"><span class=\"w-text-value\">See the console<\/span><i class=\"far fa-arrow-right\"><\/i><\/a><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_3fd34dea\"><div class=\"wpb_wrapper\"><div class=\"w-hwrapper valign_top align_none\" style=\"--hwrapper-gap:1.2rem\"><div class=\"w-iconbox iconbox-custom iconpos_left style_circle color_custom align_none no_text no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#0369a1;--icon-bg-color:#e0f2fe;\"><i class=\"far fa-shield-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><\/div><\/div><div class=\"w-vwrapper align_none valign_top\" style=\"--vwrapper-gap:0rem\"><h3 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">For Security &amp; Compliance<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_80a192e9\"><div class=\"wpb_wrapper\"><p>Zero-trust segmentation, next-gen firewall and edge AI surveillance built into every site by default.<\/p>\n<\/div><\/div><div class=\"w-text us_custom_b6234cd1 has_text_color icon_atright\"><a href=\"#\" class=\"w-text-h\"><span class=\"w-text-value\">Review security<\/span><i class=\"far fa-arrow-right\"><\/i><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_30f2114d height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-8 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_4436d22a pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">The Platform<\/span><\/span><\/div><div class=\"wpb_text_column us_custom_0bc1b881\"><div class=\"wpb_wrapper\"><h2>Everything a site needs,<br \/>\norchestrated as one<\/h2>\n<\/div><\/div><div class=\"wpb_text_column us_custom_eb849559\"><div class=\"wpb_wrapper\"><p>A modular platform that scales from a single office to a national<br \/>\nfabric \u2014 field-upgraded, never re-bought.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"w-separator size_large\"><\/div><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\" style=\"--additional-gap:.5rem;\"><div class=\"vc_col-sm-4 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_51f62b87\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox us_custom_80a192e9 iconbox-custom iconpos_top style_circle color_custom align_none\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#fff;--icon-bg-color:linear-gradient(135deg, #0EA5E9 0%,#0369A1 100%);\"><i class=\"far fa-server\"><\/i><\/div><div class=\"w-iconbox-meta\"><h3 class=\"w-iconbox-title\" style=\"font-size:19px;\">SmartNode Fabric<\/h3><div class=\"w-iconbox-text\"><p>Cluster nodes for resilience and aggregate for throughput. Add capacity without re-architecting.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_51f62b87\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox us_custom_80a192e9 iconbox-custom iconpos_top style_circle color_custom align_none\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#fff;--icon-bg-color:linear-gradient(135deg, #0EA5E9 0%,#0369A1 100%);\"><i class=\"far fa-video\"><\/i><\/div><div class=\"w-iconbox-meta\"><h3 class=\"w-iconbox-title\" style=\"font-size:19px;\">Secure Core AI<\/h3><div class=\"w-iconbox-text\"><p>Edge AI surveillance runs on the switch using cameras you already own \u2014 no GPU hardware required.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_51f62b87\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox us_custom_80a192e9 iconbox-custom iconpos_top style_circle color_custom align_none\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#fff;--icon-bg-color:linear-gradient(135deg, #0EA5E9 0%,#0369A1 100%);\"><i class=\"far fa-sun\"><\/i><\/div><div class=\"w-iconbox-meta\"><h3 class=\"w-iconbox-title\" style=\"font-size:19px;\">Digital Twin<\/h3><div class=\"w-iconbox-text\"><p>A living model of every site, device and service \u2014 simulate and enforce policy before production.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_51f62b87\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox us_custom_80a192e9 iconbox-custom iconpos_top style_circle color_custom align_none\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#fff;--icon-bg-color:linear-gradient(135deg, #0EA5E9 0%,#0369A1 100%);\"><i class=\"far fa-flag\"><\/i><\/div><div class=\"w-iconbox-meta\"><h3 class=\"w-iconbox-title\" style=\"font-size:19px;\">NaaS Catalog<\/h3><div class=\"w-iconbox-text\"><p>Every service is a resellable, metered line item \u2014 settled monthly, delivered over one secure tunnel.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_51f62b87\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox us_custom_80a192e9 iconbox-custom iconpos_top style_circle color_custom align_none\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#fff;--icon-bg-color:linear-gradient(135deg, #0EA5E9 0%,#0369A1 100%);\"><i class=\"far fa-globe\"><\/i><\/div><div class=\"w-iconbox-meta\"><h3 class=\"w-iconbox-title\" style=\"font-size:19px;\">Global Gateways<\/h3><div class=\"w-iconbox-text\"><p>40+ regional gateways connect every site to the same Layer 2\/3 fabric with &lt;10ms edge latency.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container card shadow-sm has_bg_color\"><div class=\"vc_column-inner us_custom_51f62b87\"><div class=\"wpb_wrapper\"><div class=\"w-iconbox us_custom_80a192e9 iconbox-custom iconpos_top style_circle color_custom align_none\"><div class=\"w-iconbox-icon\" style=\"font-size:1.2rem;--icon-color:#fff;--icon-bg-color:linear-gradient(135deg, #0EA5E9 0%,#0369A1 100%);\"><i class=\"far fa-layer-group\"><\/i><\/div><div class=\"w-iconbox-meta\"><h3 class=\"w-iconbox-title\" style=\"font-size:19px;\">One Orchestrator<\/h3><div class=\"w-iconbox-text\"><p>Provision, secure and monitor from a single console \u2014 one contract, every site, fully managed.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_496d8d2e height_medium color_primary\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-8 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_68bdd755 pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">By the numbers<\/span><\/span><\/div><h2 class=\"w-text us_custom_eb849559\"><span class=\"w-text-h\"><span class=\"w-text-value\">One fabric, proven at scale<\/span><\/span><\/h2><\/div><\/div><\/div><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-3 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-vwrapper align_center valign_top\" style=\"--vwrapper-gap:0.7rem\"><h3 class=\"w-text us_custom_1c56e84e background_inside_text\"><span class=\"w-text-h\"><span class=\"w-text-value\">99.99%<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_e24dfe80 has_text_color\"><div class=\"wpb_wrapper\"><p>SLA uptime<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-3 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-vwrapper align_center valign_top\" style=\"--vwrapper-gap:0.7rem\"><h3 class=\"w-text us_custom_1c56e84e background_inside_text\"><span class=\"w-text-h\"><span class=\"w-text-value\">40+<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_e24dfe80 has_text_color\"><div class=\"wpb_wrapper\"><p>gateway regions<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-3 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-vwrapper align_center valign_top\" style=\"--vwrapper-gap:0.7rem\"><h3 class=\"w-text us_custom_1c56e84e background_inside_text\"><span class=\"w-text-h\"><span class=\"w-text-value\">&lt;10ms<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_e24dfe80 has_text_color\"><div class=\"wpb_wrapper\"><p>edge latency<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-3 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-vwrapper align_center valign_top\" style=\"--vwrapper-gap:0.7rem\"><h3 class=\"w-text us_custom_1c56e84e background_inside_text\"><span class=\"w-text-h\"><span class=\"w-text-value\">$0<\/span><\/span><\/h3><div class=\"wpb_text_column us_custom_e24dfe80 has_text_color\"><div class=\"wpb_wrapper\"><p>CapEx to start<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_large\"><\/div><div class=\"g-cols wpb_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 \"Live gateway mesh\" map \u2014 WordPress embed block\r\n     Self-contained: paste into a Custom HTML block.\r\n     Scoped under .lgm-reach so it won't collide with your theme.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"lgm-reach\" id=\"lgmReach\">\r\n  <style>\r\n    .lgm-reach { box-sizing:border-box; }\r\n    .lgm-reach *, .lgm-reach *::before, .lgm-reach *::after { box-sizing:border-box; }\r\n    .lgm-reach .lgm-panel { position:relative; max-width:800px; margin:0 auto; border-radius:18px; border:1px solid rgba(255,255,255,.12); background-color:#0b1220; background-image:radial-gradient(560px 300px at 50% 38%, rgba(14,165,233,.12), transparent 72%), linear-gradient(160deg, #0F172A, #020617); padding:24px; overflow:hidden; }\r\n    .lgm-reach .lgm-svg { width:100%; display:block; }\r\n    .lgm-reach .lgm-cap { font-family:\"IBM Plex Mono\",monospace; font-size:11px; color:#7d93a8; margin-top:6px; }\r\n    @keyframes lgm-dashmove { to { stroke-dashoffset:-20; } }\r\n    @keyframes lgm-pulsering { 0% { r:4; opacity:.9; } 100% { r:18; opacity:0; } }\r\n  <\/style>\r\n\r\n  <div class=\"lgm-panel\">\r\n    <svg viewBox=\"0 0 520 300\" class=\"lgm-svg\">\r\n      <g fill=\"rgba(95,180,230,.34)\" id=\"lgmDots\"><\/g>\r\n      <g stroke=\"rgba(95,180,230,.35)\" stroke-width=\"1.2\" fill=\"none\" id=\"lgmArcs\"><\/g>\r\n      <g id=\"lgmNodes\"><\/g>\r\n    <\/svg>\r\n    <div class=\"lgm-cap\">Live gateway mesh &mdash; illustrative<\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById(\"lgmReach\");\r\n    var SVGNS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n    \/\/ ---- dot-matrix world map (ellipse approximations of landmasses) ----\r\n    var land = [\r\n      [98,92,46,38], [92,54,50,20], [163,40,17,15],   \/\/ N. America + Canada + Greenland\r\n      [150,205,25,47],                                  \/\/ S. America\r\n      [268,80,29,25], [255,58,12,10],                   \/\/ Europe (+ Scandinavia)\r\n      [286,165,33,50],                                  \/\/ Africa\r\n      [402,92,68,40], [376,135,17,21], [432,150,21,15], \/\/ Asia + India + SE Asia\r\n      [450,214,29,21]                                   \/\/ Australia\r\n    ];\r\n    var dotsG = root.querySelector(\"#lgmDots\");\r\n    var step = 8;\r\n    for (var y = step; y < 300; y += step) {\r\n      for (var x = step; x < 520; x += step) {\r\n        for (var k = 0; k < land.length; k++) {\r\n          var cx = land[k][0], cy = land[k][1], rx = land[k][2], ry = land[k][3];\r\n          var dx = (x - cx) \/ rx, dy = (y - cy) \/ ry;\r\n          if (dx * dx + dy * dy <= 1) {\r\n            var c = document.createElementNS(SVGNS, \"circle\");\r\n            c.setAttribute(\"cx\", x); c.setAttribute(\"cy\", y); c.setAttribute(\"r\", 1.7);\r\n            dotsG.appendChild(c);\r\n            break;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ ---- animated gateway arcs ----\r\n    var arcs = [\r\n      \"M88,92 Q180,28 268,90\", \"M268,90 Q330,58 392,100\", \"M392,100 Q440,150 445,214\",\r\n      \"M88,92 Q108,150 145,208\", \"M268,90 Q285,122 280,165\", \"M392,100 Q340,138 280,165\"\r\n    ];\r\n    var arcsG = root.querySelector(\"#lgmArcs\");\r\n    arcs.forEach(function (d, i) {\r\n      var p = document.createElementNS(SVGNS, \"path\");\r\n      p.setAttribute(\"d\", d);\r\n      p.setAttribute(\"stroke-dasharray\", \"4 6\");\r\n      p.style.animation = \"lgm-dashmove 1.4s linear infinite\";\r\n      arcsG.appendChild(p);\r\n\r\n      var dot = document.createElementNS(SVGNS, \"circle\");\r\n      dot.setAttribute(\"r\", \"3.2\"); dot.setAttribute(\"fill\", \"#eafaff\"); dot.setAttribute(\"stroke\", \"none\");\r\n      dot.style.filter = \"drop-shadow(0 0 4px rgba(143,208,240,.9))\";\r\n      var m = document.createElementNS(SVGNS, \"animateMotion\");\r\n      m.setAttribute(\"dur\", (2.8 + i * 0.5).toFixed(1) + \"s\");\r\n      m.setAttribute(\"repeatCount\", \"indefinite\");\r\n      m.setAttribute(\"path\", d);\r\n      dot.appendChild(m);\r\n      arcsG.appendChild(dot);\r\n    });\r\n\r\n    \/\/ ---- pulsing gateway nodes ----\r\n    var nodes = [\r\n      { x: 88, y: 92 }, { x: 145, y: 208 }, { x: 268, y: 90 }, { x: 280, y: 165 },\r\n      { x: 392, y: 100 }, { x: 445, y: 214 }, { x: 335, y: 122 }\r\n    ];\r\n    var nodesG = root.querySelector(\"#lgmNodes\");\r\n    nodes.forEach(function (n, i) {\r\n      var base = document.createElementNS(SVGNS, \"circle\");\r\n      base.setAttribute(\"cx\", n.x); base.setAttribute(\"cy\", n.y); base.setAttribute(\"r\", \"4\");\r\n      base.setAttribute(\"fill\", i % 3 === 0 ? \"#5fb4e6\" : \"#8fd0f0\");\r\n      nodesG.appendChild(base);\r\n\r\n      var ring = document.createElementNS(SVGNS, \"circle\");\r\n      ring.setAttribute(\"cx\", n.x); ring.setAttribute(\"cy\", n.y); ring.setAttribute(\"r\", \"4\");\r\n      ring.setAttribute(\"fill\", \"none\");\r\n      ring.setAttribute(\"stroke\", \"rgba(95,180,230,.7)\"); ring.setAttribute(\"stroke-width\", \"1.5\");\r\n      ring.style.animation = \"lgm-pulsering 2.4s ease-out infinite\";\r\n      nodesG.appendChild(ring);\r\n    });\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_middle type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_7e20fa79 us_animate_this\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_16336411 pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">One pane of glass \u00b7 interactive<\/span><\/span><\/div><h2 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">Run every location like it&#8217;s a single network<\/span><\/span><\/h2><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Drill into any site, push policy fabric-wide, and see health in real time. What used to take a truck roll now takes a click.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Provision new sites in minutes, not weeksProvision new sites in minutes, not weeks<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Live alerts, throughput and camera events in one vie<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Click a site to drill in \u2014 try it \u2192<\/p><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"\/book-appointment\"><span class=\"w-btn-label\">Book a live demo<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_47474b22 us_animate_this\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 \"The Platform \u00b7 interactive\" \u2014 WordPress embed block\r\n     Self-contained: paste into a Custom HTML block.\r\n     Scoped under .hp-platform so it won't collide with your theme.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"hp-platform\" id=\"hpPlatform\">\r\n  <style>\r\n    .hp-platform { --blue:#2c8bc8; --ink:#0f2033; font-family:\"IBM Plex Sans\",system-ui,sans-serif; color:var(--ink); box-sizing:border-box; }\r\n    .hp-platform *, .hp-platform *::before, .hp-platform *::after { box-sizing:border-box; }\r\n    .hp-platform .hp-wrap { max-width:760px; margin:0 auto; padding:0; }\r\n    .hp-platform .hp-grid { display:block; }\r\n    .hp-platform .hp-kicker { font-family:\"IBM Plex Mono\",monospace; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--blue); }\r\n    .hp-platform .hp-h2 { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:40px; line-height:1.08; letter-spacing:-.02em; margin:16px 0 0; color:var(--ink); }\r\n    .hp-platform .hp-lead { font-size:16.5px; line-height:1.6; color:#465b6e; margin:18px 0 0; }\r\n    .hp-platform .hp-console { min-width:0; background:#fff; border:1px solid rgba(15,32,51,.1); border-radius:18px; overflow:hidden; box-shadow:0 30px 60px -34px rgba(30,110,163,.5); }\r\n    .hp-platform .hp-bar { display:flex; align-items:center; gap:8px; padding:12px 16px; border-bottom:1px solid rgba(15,32,51,.08); background:#f6f9fc; }\r\n    .hp-platform .hp-dotmac { width:10px; height:10px; border-radius:50%; display:inline-block; }\r\n    .hp-platform .hp-url { margin-left:10px; font-family:\"IBM Plex Mono\",monospace; font-size:12px; color:#7188a0; }\r\n    .hp-platform .hp-body { display:grid; grid-template-columns:minmax(140px,180px) minmax(0,1fr); min-height:340px; }\r\n    .hp-platform .hp-sites { border-right:1px solid rgba(15,32,51,.08); padding:14px; background:#fbfdfe; }\r\n    .hp-platform .hp-siteshead { font-family:\"IBM Plex Mono\",monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#8a9aab; padding:0 6px 8px; }\r\n    .hp-platform .hp-siterow { width:100%; display:flex; align-items:center; gap:9px; padding:9px 8px; border:none; border-radius:8px; cursor:pointer; margin-bottom:2px; background:transparent; transition:background .15s ease; }\r\n    .hp-platform .hp-siterow:hover { background:rgba(44,139,200,.07); }\r\n    .hp-platform .hp-siterow.is-active { background:rgba(44,139,200,.12); }\r\n    .hp-platform .hp-sitedot { width:8px; height:8px; border-radius:50%; display:inline-block; flex-shrink:0; }\r\n    .hp-platform .hp-sitename { flex:1; text-align:left; font-size:13.5px; color:#28394a; font-weight:500; }\r\n    .hp-platform .hp-sitedev { font-family:\"IBM Plex Mono\",monospace; font-size:11px; color:#8a9aab; }\r\n    .hp-platform .hp-detail { padding:20px; min-width:0; }\r\n    .hp-platform .hp-dethead { display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; }\r\n    .hp-platform .hp-detname { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:20px; color:var(--ink); min-width:0; }\r\n    .hp-platform .hp-status { font-family:\"IBM Plex Mono\",monospace; font-size:11px; padding:3px 9px; border-radius:100px; white-space:nowrap; border:1px solid; }\r\n    .hp-platform .hp-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }\r\n    .hp-platform .hp-stat { background:#f4f8fb; border-radius:10px; padding:12px; }\r\n    .hp-platform .hp-statnum { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:22px; }\r\n    .hp-platform .hp-statlab { font-size:11.5px; color:#64788b; margin-top:2px; }\r\n    .hp-platform .hp-trafhead { margin-top:16px; font-family:\"IBM Plex Mono\",monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#8a9aab; }\r\n    @keyframes hp-dashmove { to { stroke-dashoffset:-20; } }\r\n  <\/style>\r\n\r\n  <div class=\"hp-wrap\">\r\n    <div class=\"hp-grid\">\r\n      <div class=\"hp-console\">\r\n        <div class=\"hp-bar\">\r\n          <span class=\"hp-dotmac\" style=\"background:#e2686a;\"><\/span>\r\n          <span class=\"hp-dotmac\" style=\"background:#e6b34a;\"><\/span>\r\n          <span class=\"hp-dotmac\" style=\"background:#57b26b;\"><\/span>\r\n        <\/div>\r\n        <div class=\"hp-body\">\r\n          <div class=\"hp-sites\">\r\n            <div class=\"hp-siteshead\">Sites<\/div>\r\n            <div id=\"hpSiteList\"><\/div>\r\n          <\/div>\r\n          <div class=\"hp-detail\">\r\n            <div class=\"hp-dethead\">\r\n              <div class=\"hp-detname\" id=\"hpSelName\"><\/div>\r\n              <span class=\"hp-status\" id=\"hpSelStatus\"><\/span>\r\n            <\/div>\r\n            <div class=\"hp-stats\">\r\n              <div class=\"hp-stat\"><div class=\"hp-statnum\" id=\"hpUptime\" style=\"color:var(--blue);\"><\/div><div class=\"hp-statlab\">uptime<\/div><\/div>\r\n              <div class=\"hp-stat\"><div class=\"hp-statnum\" id=\"hpThroughput\" style=\"color:var(--ink);\"><\/div><div class=\"hp-statlab\">throughput<\/div><\/div>\r\n              <div class=\"hp-stat\"><div class=\"hp-statnum\" id=\"hpAlerts\"><\/div><div class=\"hp-statlab\">open alerts<\/div><\/div>\r\n            <\/div>\r\n            <div class=\"hp-trafhead\">Traffic &middot; 24h<\/div>\r\n            <svg viewBox=\"0 0 320 90\" style=\"width:100%;height:90px;margin-top:8px;\" aria-hidden=\"true\">\r\n              <polyline id=\"hpSparkFill\" fill=\"rgba(44,139,200,.10)\" stroke=\"none\"><\/polyline>\r\n              <polyline id=\"hpSparkLine\" fill=\"none\" stroke=\"#2c8bc8\" stroke-width=\"2.5\" stroke-linejoin=\"round\"><\/polyline>\r\n              <circle r=\"4\" fill=\"#2c8bc8\" style=\"filter:drop-shadow(0 0 4px rgba(44,139,200,.8));\">\r\n                <animateMotion id=\"hpSparkMotion\" dur=\"4s\" repeatCount=\"indefinite\" path=\"\"><\/animateMotion>\r\n              <\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById(\"hpPlatform\");\r\n    var sites = [\r\n      { name: \"HQ \u00b7 Downtown\", status: \"Healthy\",  devices: 42, uptime: \"99.99%\", throughput: \"3.4 Gb\", alerts: 0, seed: 5 },\r\n      { name: \"Retail \u00b7 North\", status: \"Healthy\",  devices: 18, uptime: \"99.98%\", throughput: \"1.2 Gb\", alerts: 1, seed: 8 },\r\n      { name: \"Warehouse\",          status: \"Degraded\", devices: 27, uptime: \"99.71%\", throughput: \"0.9 Gb\", alerts: 3, seed: 3 },\r\n      { name: \"Clinic \u00b7 West\",  status: \"Healthy\",  devices: 11, uptime: \"99.99%\", throughput: \"0.6 Gb\", alerts: 0, seed: 6 }\r\n    ];\r\n\r\n    function spark(seed) {\r\n      var pts = [];\r\n      for (var i = 0; i <= 16; i++) {\r\n        var y = 70 - (Math.sin(i * 0.7 + seed) * 0.5 + 0.5) * 46 - (i % 3) * 3;\r\n        pts.push((i * 20) + \",\" + y.toFixed(1));\r\n      }\r\n      return pts;\r\n    }\r\n\r\n    var listEl   = root.querySelector(\"#hpSiteList\");\r\n    var nameEl   = root.querySelector(\"#hpSelName\");\r\n    var statusEl = root.querySelector(\"#hpSelStatus\");\r\n    var uptimeEl = root.querySelector(\"#hpUptime\");\r\n    var thruEl   = root.querySelector(\"#hpThroughput\");\r\n    var alertsEl = root.querySelector(\"#hpAlerts\");\r\n    var fillEl   = root.querySelector(\"#hpSparkFill\");\r\n    var lineEl   = root.querySelector(\"#hpSparkLine\");\r\n    var motionEl = root.querySelector(\"#hpSparkMotion\");\r\n\r\n    \/\/ build the sites list\r\n    sites.forEach(function (st, i) {\r\n      var btn = document.createElement(\"button\");\r\n      btn.className = \"hp-siterow\";\r\n      btn.type = \"button\";\r\n      btn.innerHTML =\r\n        '<span class=\"hp-sitedot\" style=\"background:' + (st.status === \"Healthy\" ? \"#57b26b\" : \"#e6b34a\") + ';\"><\/span>' +\r\n        '<span class=\"hp-sitename\">' + st.name + '<\/span>' +\r\n        '<span class=\"hp-sitedev\">' + st.devices + '<\/span>';\r\n      btn.addEventListener(\"click\", function () { select(i); });\r\n      listEl.appendChild(btn);\r\n    });\r\n\r\n    function select(i) {\r\n      var st = sites[i];\r\n      var rows = listEl.querySelectorAll(\".hp-siterow\");\r\n      for (var r = 0; r < rows.length; r++) rows[r].classList.toggle(\"is-active\", r === i);\r\n\r\n      nameEl.textContent = st.name;\r\n      var sc = st.status === \"Healthy\" ? \"#57b26b\" : \"#e6b34a\";\r\n      statusEl.textContent = st.status;\r\n      statusEl.style.color = sc;\r\n      statusEl.style.borderColor = sc;\r\n\r\n      uptimeEl.textContent = st.uptime;\r\n      thruEl.textContent = st.throughput;\r\n      alertsEl.textContent = st.alerts;\r\n      alertsEl.style.color = st.alerts === 0 ? \"#57b26b\" : \"#e6b34a\";\r\n\r\n      var sp = spark(st.seed);\r\n      lineEl.setAttribute(\"points\", sp.join(\" \"));\r\n      fillEl.setAttribute(\"points\", \"0,90 \" + sp.join(\" \") + \" 320,90\");\r\n      motionEl.setAttribute(\"path\", \"M\" + sp.map(function (p) { return p.replace(\",\", \" \"); }).join(\" L\"));\r\n    }\r\n\r\n    select(0);\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium color_alternate\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_7e20fa79 us_animate_this\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_16336411 pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">SmartNode \u00b7 interactive<\/span><\/span><\/div><h2 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">Cluster and aggregate to scale<\/span><\/span><\/h2><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Add a node and capacity grows without re-architecting \u2014 SmartNodes cluster for resilience and aggregate for throughput. Drag the slider to size your fabric.<\/p>\n<\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Linear throughput as you add nodes<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">N+1 failover redundancy built in<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">One site or a national fabric \u2014 treated as one<\/p><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"\/book-appointment\"><span class=\"w-btn-label\">Book a live demo<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_47474b22 us_animate_this\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 \"SmartNode \u00b7 interactive\" cluster \u2014 WordPress embed block\r\n     Self-contained: paste into a Custom HTML block.\r\n     Scoped under .hs-node so it won't collide with your theme.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"hs-node\" id=\"hsNode\">\r\n  <style>\r\n    .hs-node { --blue:#2c8bc8; --ink:#0f2033; box-sizing:border-box; font-family:\"IBM Plex Sans\",system-ui,sans-serif; }\r\n    .hs-node *, .hs-node *::before, .hs-node *::after { box-sizing:border-box; }\r\n    .hs-node input[type=range] { accent-color:var(--blue); }\r\n    .hs-node .hs-card { max-width:560px; margin:0 auto; background:#fff; border:1px solid rgba(15,32,51,.1); border-radius:18px; padding:28px; box-shadow:0 20px 44px -30px rgba(30,110,163,.5); }\r\n    .hs-node .hs-top { display:flex; align-items:center; justify-content:space-between; }\r\n    .hs-node .hs-hint { font-family:\"IBM Plex Mono\",monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#8a9aab; }\r\n    .hs-node .hs-count { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:15px; color:var(--blue); }\r\n    .hs-node .hs-svg { width:100%; height:180px; margin:14px 0 4px; }\r\n    .hs-node .hs-range { width:100%; }\r\n    .hs-node .hs-stats { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:14px; }\r\n    .hs-node .hs-stat { background:#f4f8fb; border-radius:10px; padding:12px; }\r\n    .hs-node .hs-statnum { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:19px; color:var(--ink); }\r\n    .hs-node .hs-statlab { font-size:11px; color:#64788b; }\r\n    @keyframes hs-dashmove { to { stroke-dashoffset:-20; } }\r\n    @keyframes hs-chippop { from { transform:scale(.3); opacity:0; } to { transform:scale(1); opacity:1; } }\r\n  <\/style>\r\n\r\n  <div class=\"hs-card\">\r\n    <div class=\"hs-top\">\r\n      <div class=\"hs-hint\">Cluster &middot; drag the slider<\/div>\r\n      <div class=\"hs-count\"><span id=\"hsCount\">3<\/span> nodes<\/div>\r\n    <\/div>\r\n\r\n    <svg viewBox=\"0 0 360 165\" class=\"hs-svg\">\r\n      <defs>\r\n        <linearGradient id=\"hsGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n          <stop offset=\"0\" stop-color=\"#3aa0d6\"><\/stop>\r\n          <stop offset=\"1\" stop-color=\"#1e6ea3\"><\/stop>\r\n        <\/linearGradient>\r\n      <\/defs>\r\n      <rect x=\"135\" y=\"6\" width=\"90\" height=\"24\" rx=\"12\" fill=\"#0f2033\"><\/rect>\r\n      <text x=\"180\" y=\"22\" text-anchor=\"middle\" font-family=\"IBM Plex Mono\" font-size=\"10\" letter-spacing=\"1.5\" fill=\"#5fb4e6\">FABRIC<\/text>\r\n      <line x1=\"180\" y1=\"30\" x2=\"180\" y2=\"44\" stroke=\"rgba(95,180,230,.6)\" stroke-width=\"2\" stroke-dasharray=\"3 4\" style=\"animation:hs-dashmove 1.4s linear infinite;\"><\/line>\r\n      <circle r=\"2.6\" fill=\"#eafaff\"><animateMotion dur=\"1.6s\" repeatCount=\"indefinite\" path=\"M180 44 L180 30\"><\/animateMotion><\/circle>\r\n      <rect x=\"40\" y=\"44\" width=\"280\" height=\"24\" rx=\"8\" fill=\"url(#hsGrad)\"><\/rect>\r\n      <text x=\"180\" y=\"60\" text-anchor=\"middle\" font-family=\"IBM Plex Mono\" font-size=\"9.5\" letter-spacing=\"1\" fill=\"rgba(255,255,255,.92)\">AGGREGATED UPLINK<\/text>\r\n      <g fill=\"none\" stroke=\"rgba(44,139,200,.4)\" stroke-width=\"1.6\" id=\"hsLinks\"><\/g>\r\n      <g id=\"hsChips\"><\/g>\r\n    <\/svg>\r\n\r\n    <input type=\"range\" min=\"1\" max=\"8\" value=\"3\" class=\"hs-range\" id=\"hsRange\">\r\n\r\n    <div class=\"hs-stats\">\r\n      <div class=\"hs-stat\"><div class=\"hs-statnum\" id=\"hsThroughput\"><\/div><div class=\"hs-statlab\">aggregate throughput<\/div><\/div>\r\n      <div class=\"hs-stat\"><div class=\"hs-statnum\" id=\"hsPorts\"><\/div><div class=\"hs-statlab\">combined PoE ports<\/div><\/div>\r\n      <div class=\"hs-stat\"><div class=\"hs-statnum\" style=\"color:#57b26b;\">N+1<\/div><div class=\"hs-statlab\">failover redundancy<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root  = document.getElementById(\"hsNode\");\r\n    var SVGNS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n    var linksG = root.querySelector(\"#hsLinks\");\r\n    var chipsG = root.querySelector(\"#hsChips\");\r\n    var range  = root.querySelector(\"#hsRange\");\r\n    var countEl = root.querySelector(\"#hsCount\");\r\n    var thruEl  = root.querySelector(\"#hsThroughput\");\r\n    var portsEl = root.querySelector(\"#hsPorts\");\r\n\r\n    function el(name, attrs) {\r\n      var e = document.createElementNS(SVGNS, name);\r\n      for (var k in attrs) e.setAttribute(k, attrs[k]);\r\n      return e;\r\n    }\r\n\r\n    function render(nc) {\r\n      countEl.textContent = nc;\r\n      thruEl.textContent  = (nc * 3.2).toFixed(1) + \" Gb\";\r\n      portsEl.textContent = nc * 24;\r\n      linksG.innerHTML = \"\";\r\n      chipsG.innerHTML = \"\";\r\n\r\n      for (var i = 0; i < nc; i++) {\r\n        var x  = nc === 1 ? 180 : Math.round(60 + i * (240 \/ (nc - 1)));\r\n        var link = \"M\" + x + \" 100 C \" + x + \" 86 180 84 180 68\";\r\n        var dur  = (1.6 + (i % 4) * 0.35).toFixed(2) + \"s\";\r\n\r\n        \/\/ link path + traveling packet\r\n        linksG.appendChild(el(\"path\", { d: link, \"stroke-dasharray\": \"3 4\", style: \"animation:hs-dashmove 1.5s linear infinite;\" }));\r\n        var pkt = el(\"circle\", { r: \"2.6\", fill: \"#2c8bc8\", stroke: \"none\" });\r\n        pkt.appendChild(el(\"animateMotion\", { dur: dur, repeatCount: \"indefinite\", path: link }));\r\n        linksG.appendChild(pkt);\r\n\r\n        \/\/ node chip\r\n        var g = el(\"g\", { style: \"animation:hs-chippop .35s cubic-bezier(.34,1.56,.64,1);transform-box:fill-box;transform-origin:center;\" });\r\n        g.appendChild(el(\"rect\", { x: x - 17, y: 100, width: 34, height: 30, rx: 8, fill: \"url(#hsGrad)\" }));\r\n        g.appendChild(el(\"rect\", { x: x - 9, y: 108, width: 18, height: 2.6, rx: 1.3, fill: \"rgba(255,255,255,.55)\" }));\r\n        g.appendChild(el(\"rect\", { x: x - 9, y: 114, width: 18, height: 2.6, rx: 1.3, fill: \"rgba(255,255,255,.55)\" }));\r\n        g.appendChild(el(\"circle\", { cx: x + 10, cy: 105, r: 2.4, fill: \"#7cf5b0\" }));\r\n        var t = el(\"text\", { x: x, y: 150, \"text-anchor\": \"middle\", \"font-family\": \"IBM Plex Mono\", \"font-size\": 8, fill: \"#64788b\" });\r\n        t.textContent = \"SN\" + (i + 1);\r\n        g.appendChild(t);\r\n        chipsG.appendChild(g);\r\n      }\r\n    }\r\n\r\n    range.addEventListener(\"input\", function () { render(+range.value); });\r\n    render(+range.value);\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_middle type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_7e20fa79 us_animate_this\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_16336411 pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">Digital Twin<\/span><\/span><\/div><h2 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">A living blueprint of your entire network<\/span><\/span><\/h2><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Every site, device and service mirrored as one orchestrated model \u2014 provision, simulate and enforce policy before it touches production.<\/p>\n<\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Simulate changes safely before rollout<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">One orchestrated model across every location<\/p><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"\/book-appointment\"><span class=\"w-btn-label\">Book a live demo<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_47474b22 us_animate_this\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 \"Digital Twin\" topology \u2014 WordPress embed block\r\n     Self-contained: paste into a Custom HTML block.\r\n     Scoped under .ht-twin so it won't collide with your theme.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"ht-twin\" id=\"htTwin\">\r\n  <style>\r\n    .ht-twin { box-sizing:border-box; }\r\n    .ht-twin *, .ht-twin *::before, .ht-twin *::after { box-sizing:border-box; }\r\n    .ht-twin .ht-panel { position:relative; max-width:600px; margin:0 auto; aspect-ratio:16\/10; border-radius:18px; overflow:hidden; border:1px solid rgba(15,32,51,.1); background:#0f2033; box-shadow:0 30px 60px -34px rgba(30,110,163,.5); }\r\n    .ht-twin .ht-svg { width:100%; height:100%; display:block; }\r\n    .ht-twin .ht-badge { position:absolute; bottom:12px; left:14px; display:flex; align-items:center; gap:8px; background:rgba(15,32,51,.55); backdrop-filter:blur(4px); border:1px solid rgba(95,180,230,.3); padding:6px 12px; border-radius:100px; }\r\n    .ht-twin .ht-live { width:7px; height:7px; border-radius:50%; background:#57b26b; box-shadow:0 0 8px #57b26b; animation:ht-blink 1.4s ease-in-out infinite; }\r\n    .ht-twin .ht-badgetxt { font-family:\"IBM Plex Mono\",monospace; font-size:11px; letter-spacing:.08em; color:#cfe0ee; }\r\n    @keyframes ht-dashmove { to { stroke-dashoffset:-20; } }\r\n    @keyframes ht-pulsering { 0% { r:8; opacity:.9; } 100% { r:22; opacity:0; } }\r\n    @keyframes ht-blink { 0%,100% { opacity:1; } 50% { opacity:.25; } }\r\n  <\/style>\r\n\r\n  <div class=\"ht-panel\">\r\n    <svg viewBox=\"0 0 460 288\" class=\"ht-svg\">\r\n      <defs>\r\n        <radialGradient id=\"htHubGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"rgba(44,139,200,.55)\"><\/stop>\r\n          <stop offset=\"100%\" stop-color=\"rgba(44,139,200,0)\"><\/stop>\r\n        <\/radialGradient>\r\n      <\/defs>\r\n\r\n      <g stroke=\"rgba(95,180,230,.5)\" stroke-width=\"1.4\" fill=\"none\" id=\"htLinks\"><\/g>\r\n      <g id=\"htNodes\"><\/g>\r\n\r\n      <!-- hub -->\r\n      <circle cx=\"230\" cy=\"144\" r=\"34\" fill=\"url(#htHubGlow)\"><\/circle>\r\n      <circle cx=\"230\" cy=\"144\" r=\"24\" fill=\"none\" stroke=\"rgba(95,180,230,.55)\" stroke-width=\"1.4\" stroke-dasharray=\"5 7\">\r\n        <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 230 144\" to=\"360 230 144\" dur=\"14s\" repeatCount=\"indefinite\"><\/animateTransform>\r\n      <\/circle>\r\n      <circle cx=\"230\" cy=\"144\" r=\"16\" fill=\"#2c8bc8\" style=\"filter:drop-shadow(0 0 8px rgba(44,139,200,.8));\"><\/circle>\r\n      <circle cx=\"230\" cy=\"144\" r=\"16\" fill=\"none\" stroke=\"rgba(234,250,255,.6)\" stroke-width=\"1\"><\/circle>\r\n      <text x=\"230\" y=\"147\" text-anchor=\"middle\" font-family=\"Space Grotesk\" font-weight=\"700\" font-size=\"9\" letter-spacing=\"1\" fill=\"#fff\">HUB<\/text>\r\n    <\/svg>\r\n\r\n    <div class=\"ht-badge\">\r\n      <span class=\"ht-live\"><\/span>\r\n      <span class=\"ht-badgetxt\">Orchestrated model &middot; LIVE<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root  = document.getElementById(\"htTwin\");\r\n    var SVGNS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n    var linksG = root.querySelector(\"#htLinks\");\r\n    var nodesG = root.querySelector(\"#htNodes\");\r\n\r\n    function el(name, attrs) {\r\n      var e = document.createElementNS(SVGNS, name);\r\n      for (var k in attrs) e.setAttribute(k, attrs[k]);\r\n      return e;\r\n    }\r\n\r\n    var pos    = [ {x:90,y:60}, {x:380,y:70}, {x:70,y:210}, {x:400,y:210}, {x:230,y:40}, {x:230,y:250} ];\r\n    var labels = [\"Branch\", \"Retail\", \"Clinic\", \"Warehouse\", \"HQ\", \"Edge\"];\r\n\r\n    pos.forEach(function (p, i) {\r\n      var path = \"M230 144 L\" + p.x + \" \" + p.y;\r\n      var dur  = (2.4 + i * 0.4).toFixed(1) + \"s\";\r\n\r\n      \/\/ link line\r\n      linksG.appendChild(el(\"line\", { x1: 230, y1: 144, x2: p.x, y2: p.y, \"stroke-dasharray\": \"3 5\", style: \"animation:ht-dashmove 1.6s linear infinite;\" }));\r\n      \/\/ traveling packet\r\n      var pkt = el(\"circle\", { r: 3, fill: \"#eafaff\", stroke: \"none\", style: \"filter:drop-shadow(0 0 4px rgba(143,208,240,.9));\" });\r\n      pkt.appendChild(el(\"animateMotion\", { dur: dur, repeatCount: \"indefinite\", path: path }));\r\n      linksG.appendChild(pkt);\r\n    });\r\n\r\n    pos.forEach(function (p, i) {\r\n      var ly = p.y < 144 ? p.y - 13 : p.y + 19;\r\n      nodesG.appendChild(el(\"circle\", { cx: p.x, cy: p.y, r: 8, fill: i % 2 ? \"#5fb4e6\" : \"#8fd0f0\" }));\r\n      nodesG.appendChild(el(\"circle\", { cx: p.x, cy: p.y, r: 8, fill: \"none\", stroke: \"rgba(95,180,230,.6)\", \"stroke-width\": 1.4, style: \"animation:ht-pulsering 2.8s ease-out infinite;\" }));\r\n      var t = el(\"text\", { x: p.x, y: ly, \"text-anchor\": \"middle\", \"font-family\": \"IBM Plex Mono\", \"font-size\": 8, fill: \"#9fc4de\" });\r\n      t.textContent = labels[i];\r\n      nodesG.appendChild(t);\r\n    });\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_middle type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_7e20fa79 us_animate_this\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_16336411 pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">On the go \u00b7 interactive<\/span><\/span><\/div><h2 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">Your whole network in your pocket<\/span><\/span><\/h2><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Live alerts, site health and camera events from the Hermes mobile app \u2014 tap the tabs to explore.<\/p>\n<\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Push alerts the moment a site degrades<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Camera events and site health, anywhere<\/p><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"\/book-appointment\"><span class=\"w-btn-label\">Book a live demo<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner us_custom_47474b22 us_animate_this\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 \"On the go \u00b7 interactive\" mobile app \u2014 WordPress embed block\r\n     Self-contained: paste into a Custom HTML block.\r\n     Scoped under .hm-app so it won't collide with your theme.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<div class=\"hm-app\" id=\"hmApp\">\r\n  <style>\r\n    .hm-app { --blue:#2c8bc8; --ink:#0f2033; box-sizing:border-box; font-family:\"IBM Plex Sans\",system-ui,sans-serif; }\r\n    .hm-app *, .hm-app *::before, .hm-app *::after { box-sizing:border-box; }\r\n    .hm-app .hm-stage { display:flex; justify-content:center; }\r\n    .hm-app .hm-phone { position:relative; width:300px; height:614px; background:linear-gradient(160deg,#3a3a3c,#1c1c1e); border-radius:54px; padding:11px; box-shadow:0 50px 90px -40px rgba(30,110,163,.6),0 0 0 2px #48484a; }\r\n    .hm-app .hm-screen { position:relative; width:100%; height:100%; background:#f2f2f7; border-radius:44px; overflow:hidden; display:flex; flex-direction:column; }\r\n    .hm-app .hm-statusbar { height:52px; flex-shrink:0; display:flex; align-items:flex-start; justify-content:space-between; padding:16px 20px 0; position:relative; z-index:2; }\r\n    .hm-app .hm-time { font-family:-apple-system,\"IBM Plex Sans\"; font-weight:600; font-size:15px; color:var(--ink); letter-spacing:.02em; }\r\n    .hm-app .hm-sysicons { display:flex; align-items:center; gap:6px; color:var(--ink); font-size:13px; }\r\n    .hm-app .hm-notch { position:absolute; top:12px; left:50%; transform:translateX(-50%); width:90px; height:31px; background:#000; border-radius:20px; z-index:3; display:flex; align-items:center; justify-content:flex-end; padding-right:11px; }\r\n    .hm-app .hm-notchdot { width:8px; height:8px; border-radius:50%; background:#57b26b; box-shadow:0 0 8px #57b26b; animation:hm-blink 1.4s ease-in-out infinite; }\r\n    .hm-app .hm-head { padding:6px 20px 10px; }\r\n    .hm-app .hm-headlab { font-family:-apple-system,\"IBM Plex Sans\"; font-size:12px; font-weight:600; color:#8a8a8e; }\r\n    .hm-app .hm-headtitle { font-family:-apple-system,\"Space Grotesk\"; font-weight:700; font-size:30px; letter-spacing:-.02em; color:var(--ink); margin-top:1px; }\r\n    .hm-app .hm-list { flex:1; overflow:hidden; padding:2px 16px; }\r\n    .hm-app .hm-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.05); }\r\n    .hm-app .hm-row { display:flex; align-items:center; gap:12px; padding:12px 14px; }\r\n    .hm-app .hm-rowicon { width:30px; height:30px; border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#fff; }\r\n    .hm-app .hm-rowtitle { font-family:-apple-system,\"IBM Plex Sans\"; font-size:14px; font-weight:600; color:#1c1c1e; }\r\n    .hm-app .hm-rowsub { font-size:11.5px; color:#8a8a8e; }\r\n    .hm-app .hm-rowval { font-family:-apple-system,\"Space Grotesk\"; font-weight:700; font-size:14px; }\r\n    .hm-app .hm-tabs { display:flex; border-top:.5px solid rgba(0,0,0,.1); background:rgba(255,255,255,.86); backdrop-filter:blur(20px); padding-bottom:22px; }\r\n    .hm-app .hm-tab { flex:1; border:none; background:none; padding:9px 0 4px; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:3px; }\r\n    .hm-app .hm-tabicon { display:inline-flex; line-height:0; color:#b3c1cf; }\r\n    .hm-app .hm-tablab { font-family:-apple-system,\"IBM Plex Sans\"; font-size:10px; font-weight:500; }\r\n    .hm-app .hm-homebar { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); width:130px; height:5px; border-radius:100px; background:var(--ink); opacity:.85; }\r\n    @keyframes hm-blink { 0%,100% { opacity:1; } 50% { opacity:.25; } }\r\n  <\/style>\r\n\r\n  <div class=\"hm-stage\">\r\n    <div class=\"hm-phone\">\r\n      <div class=\"hm-screen\">\r\n        <div class=\"hm-statusbar\">\r\n          <span class=\"hm-time\">9:41<\/span>\r\n          <div class=\"hm-sysicons\">\r\n            <!-- signal -->\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"14\" fill=\"currentColor\"><rect x=\"1\" y=\"15\" width=\"3.5\" height=\"5\" rx=\"1\"\/><rect x=\"7\" y=\"11\" width=\"3.5\" height=\"9\" rx=\"1\"\/><rect x=\"13\" y=\"7\" width=\"3.5\" height=\"13\" rx=\"1\"\/><rect x=\"19\" y=\"3\" width=\"3.5\" height=\"17\" rx=\"1\"\/><\/svg>\r\n            <!-- wifi -->\r\n            <svg viewBox=\"0 0 24 20\" width=\"16\" height=\"14\" fill=\"currentColor\"><path d=\"M12 3C7.6 3 3.6 4.8 .8 7.6L3 9.8C5.3 7.5 8.5 6 12 6s6.7 1.5 9 3.8l2.2-2.2C20.4 4.8 16.4 3 12 3z\"\/><path d=\"M12 9c-2.8 0-5.3 1.1-7.1 3l2.2 2.1C8.3 15 10 14.2 12 14.2s3.7 .8 4.9 1.9L19.1 12C17.3 10.1 14.8 9 12 9z\"\/><circle cx=\"12\" cy=\"17.5\" r=\"1.8\"\/><\/svg>\r\n            <!-- battery -->\r\n            <svg viewBox=\"0 0 26 14\" width=\"22\" height=\"13\" fill=\"none\"><rect x=\"1\" y=\"1.5\" width=\"21\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.4\" opacity=\".5\"\/><rect x=\"2.8\" y=\"3.3\" width=\"14\" height=\"7.4\" rx=\"1.6\" fill=\"currentColor\"\/><rect x=\"23.2\" y=\"5\" width=\"1.8\" height=\"4\" rx=\".9\" fill=\"currentColor\" opacity=\".5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hm-notch\"><span class=\"hm-notchdot\"><\/span><\/div>\r\n        <div class=\"hm-head\">\r\n          <div class=\"hm-headlab\">Hermes &middot; <span id=\"hmTabLabel\"><\/span><\/div>\r\n          <div class=\"hm-headtitle\" id=\"hmTitle\"><\/div>\r\n        <\/div>\r\n        <div class=\"hm-list\">\r\n          <div class=\"hm-card\" id=\"hmRows\"><\/div>\r\n        <\/div>\r\n        <div class=\"hm-tabs\" id=\"hmTabs\"><\/div>\r\n        <div class=\"hm-homebar\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById(\"hmApp\");\r\n\r\n    \/\/ inline SVG icons (no Font Awesome dependency)\r\n    var ICON = {\r\n      gauge: '<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.5 18a9 9 0 1 1 17 0\"\/><path d=\"M12 14.5l3.5-3.5\"\/><circle cx=\"12\" cy=\"14.5\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>',\r\n      bell:  '<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 1 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M10.3 21a2 2 0 0 0 3.4 0\"\/><\/svg>',\r\n      video: '<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2.5\" y=\"6.5\" width=\"13\" height=\"11\" rx=\"2.5\"\/><path d=\"M15.5 10.5l5-3v9l-5-3z\"\/><\/svg>',\r\n      chevron: '<svg viewBox=\"0 0 24 24\" width=\"11\" height=\"11\" fill=\"none\" stroke=\"#c6c6c8\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>'\r\n    };\r\n\r\n    var screens = [\r\n      { label: \"Overview\", title: \"All sites\", icon: ICON.gauge, rows: [\r\n        { dot: \"#57b26b\", title: \"42 sites online\", sub: \"2 with warnings\", val: \"OK\", valColor: \"#57b26b\" },\r\n        { dot: \"#2c8bc8\", title: \"Throughput\", sub: \"aggregate now\", val: \"8.4 Gb\", valColor: \"#2c8bc8\" },\r\n        { dot: \"#e6b34a\", title: \"Open alerts\", sub: \"across fabric\", val: \"4\", valColor: \"#e6b34a\" },\r\n        { dot: \"#57b26b\", title: \"SLA\", sub: \"trailing 30d\", val: \"99.98%\", valColor: \"#57b26b\" }\r\n      ]},\r\n      { label: \"Alerts\", title: \"Recent alerts\", icon: ICON.bell, rows: [\r\n        { dot: \"#e2686a\", title: \"Warehouse link\", sub: \"2m ago \u00b7 degraded\", val: \"!\", valColor: \"#e2686a\" },\r\n        { dot: \"#e6b34a\", title: \"Retail \u00b7 North\", sub: \"18m ago \u00b7 latency\", val: \"!\", valColor: \"#e6b34a\" },\r\n        { dot: \"#57b26b\", title: \"Clinic \u00b7 West\", sub: \"resolved 1h ago\", val: \"\u2713\", valColor: \"#57b26b\" },\r\n        { dot: \"#57b26b\", title: \"HQ firewall\", sub: \"resolved 3h ago\", val: \"\u2713\", valColor: \"#57b26b\" }\r\n      ]},\r\n      { label: \"Cameras\", title: \"Camera events\", icon: ICON.video, rows: [\r\n        { dot: \"#2c8bc8\", title: \"Entrance \u00b7 person\", sub: \"just now\", val: \"LIVE\", valColor: \"#2c8bc8\" },\r\n        { dot: \"#2c8bc8\", title: \"Dock \u00b7 vehicle\", sub: \"4m ago\", val: \"\u25b6\", valColor: \"#2c8bc8\" },\r\n        { dot: \"#8a9aab\", title: \"Aisle 3 \u00b7 motion\", sub: \"22m ago\", val: \"\u25b6\", valColor: \"#8a9aab\" },\r\n        { dot: \"#8a9aab\", title: \"Lobby \u00b7 person\", sub: \"1h ago\", val: \"\u25b6\", valColor: \"#8a9aab\" }\r\n      ]}\r\n    ];\r\n\r\n    var tabLabelEl = root.querySelector(\"#hmTabLabel\");\r\n    var titleEl    = root.querySelector(\"#hmTitle\");\r\n    var rowsEl     = root.querySelector(\"#hmRows\");\r\n    var tabsEl     = root.querySelector(\"#hmTabs\");\r\n    var active = 0;\r\n\r\n    \/\/ build tab bar\r\n    screens.forEach(function (s, i) {\r\n      var btn = document.createElement(\"button\");\r\n      btn.className = \"hm-tab\";\r\n      btn.type = \"button\";\r\n      btn.innerHTML =\r\n        '<span class=\"hm-tabicon\">' + s.icon + '<\/span>' +\r\n        '<span class=\"hm-tablab\">' + s.label + '<\/span>';\r\n      btn.addEventListener(\"click\", function () { select(i); });\r\n      tabsEl.appendChild(btn);\r\n    });\r\n\r\n    function select(i) {\r\n      active = i;\r\n      var s = screens[i];\r\n      tabLabelEl.textContent = s.label;\r\n      titleEl.textContent = s.title;\r\n\r\n      rowsEl.innerHTML = s.rows.map(function (r, idx) {\r\n        var divider = idx === 0 ? \"transparent\" : \"rgba(0,0,0,.07)\";\r\n        return '' +\r\n          '<div class=\"hm-row\" style=\"border-top:1px solid ' + divider + ';\">' +\r\n            '<span class=\"hm-rowicon\" style=\"background:' + r.dot + ';\"><span style=\"width:7px;height:7px;border-radius:50%;background:#fff;display:block;\"><\/span><\/span>' +\r\n            '<div style=\"flex:1;min-width:0;\">' +\r\n              '<div class=\"hm-rowtitle\">' + r.title + '<\/div>' +\r\n              '<div class=\"hm-rowsub\">' + r.sub + '<\/div>' +\r\n            '<\/div>' +\r\n            '<span class=\"hm-rowval\" style=\"color:' + r.valColor + ';\">' + r.val + '<\/span>' +\r\n            ICON.chevron +\r\n          '<\/div>';\r\n      }).join(\"\");\r\n\r\n      \/\/ tab active colors\r\n      var btns = tabsEl.querySelectorAll(\".hm-tab\");\r\n      btns.forEach(function (b, bi) {\r\n        var col = bi === active ? \"#2c8bc8\" : \"#b3c1cf\";\r\n        b.querySelector(\".hm-tabicon\").style.color = col;\r\n        b.querySelector(\".hm-tablab\").style.color = col;\r\n      });\r\n    }\r\n\r\n    select(0);\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-8 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-text us_custom_a6890774 pre-pill has_text_color icon_atleft\"><span class=\"w-text-h\"><i class=\"fad fa-circle\"><\/i><span class=\"w-text-value\">Pricing<\/span><\/span><\/div><h2 class=\"w-text us_custom_eb849559\"><span class=\"w-text-h\"><span class=\"w-text-value\">Zero CapEx. One flat fee.<\/span><\/span><\/h2><div class=\"wpb_text_column us_custom_eb849559\"><div class=\"wpb_wrapper\"><p>Hardware, licenses, security and management \u2014 bundled into one predictable per-site price.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"w-separator size_large\"><\/div><div class=\"g-cols wpb_row us_custom_a518f36e us_animate_this via_flex valign_middle type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 Pricing SLIDER \u2014 WordPress embed block (1 of 2)\r\n     Pairs with pricing-chart-embed.html on the same page.\r\n     Broadcasts the site count via a document event; the chart listens.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"hp-slider\" id=\"hpSlider\">\r\n  <style>\r\n    .hp-slider { --blue:#2c8bc8; --ink:#0f2033; box-sizing:border-box; font-family:\"IBM Plex Sans\",system-ui,sans-serif; color:var(--ink); }\r\n    .hp-slider *, .hp-slider *::before, .hp-slider *::after { box-sizing:border-box; }\r\n    .hp-slider input[type=range] { accent-color:var(--blue); }\r\n    .hp-slider .ps-wrap { max-width:560px; margin:0 auto; }\r\n    .hp-slider .ps-siterow { display:flex; align-items:baseline; gap:10px; }\r\n    .hp-slider .ps-sitenum { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:30px; }\r\n    .hp-slider .ps-range { width:100%; margin-top:8px; }\r\n  <\/style>\r\n\r\n  <div class=\"ps-wrap\">\r\n    <div class=\"ps-siterow\">\r\n      <span class=\"ps-sitenum\" id=\"psSiteCount\">25<\/span>\r\n      <span style=\"font-size:14px;color:#64788b;\">sites<\/span>\r\n    <\/div>\r\n    <input type=\"range\" min=\"1\" max=\"100\" value=\"25\" class=\"ps-range\" id=\"psRange\">\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById(\"hpSlider\");\r\n    var range = root.querySelector(\"#psRange\");\r\n    var countEl = root.querySelector(\"#psSiteCount\");\r\n\r\n    function broadcast(n) {\r\n      countEl.textContent = n;\r\n      document.dispatchEvent(new CustomEvent(\"hermes:sites\", { detail: { sites: n } }));\r\n    }\r\n\r\n    range.addEventListener(\"input\", function () { broadcast(+range.value); });\r\n    \/\/ announce the initial value (also re-announced when the chart says it's ready)\r\n    document.addEventListener(\"hermes:sites-ready\", function () { broadcast(+range.value); });\r\n    broadcast(+range.value);\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Hardware included \u2014 no licenses to stack<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">Always current \u2014 we manage the refresh<\/p><\/div><\/div><div class=\"w-iconbox iconpos_left style_default color_custom align_none no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:20px;--icon-color:#059669;\"><i class=\"far fa-check\"><\/i><\/div><div class=\"w-iconbox-meta\"><p class=\"w-iconbox-title\" style=\"font-size:15px;\">99.99% SLA and 24\/7 monitoring built in<\/p><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"#\"><span class=\"w-btn-label\">Get partner pricing<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element us_custom_909b2fd0\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     HERMES \u00b7 Pricing CHART \u2014 WordPress embed block (2 of 2)\r\n     Pairs with pricing-slider-embed.html on the same page.\r\n     Listens for the slider's document event and re-renders live.\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"hp-price\" id=\"hpPrice\">\r\n  <style>\r\n    .hp-price { --blue:#2c8bc8; --ink:#0f2033; box-sizing:border-box; font-family:\"IBM Plex Sans\",system-ui,sans-serif; color:var(--ink); }\r\n    .hp-price *, .hp-price *::before, .hp-price *::after { box-sizing:border-box; }\r\n    .hp-price .pr-card { max-width:560px; margin:0 auto; background:#fff; border:1px solid rgba(15,32,51,.1); border-radius:18px; padding:26px 28px; box-shadow:0 20px 44px -30px rgba(30,110,163,.5); }\r\n    .hp-price .pr-cardhead { display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }\r\n    .hp-price .pr-cardlab { font-family:\"IBM Plex Mono\",monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#8a9aab; }\r\n    .hp-price .pr-savepct { font-family:\"IBM Plex Mono\",monospace; font-size:11px; color:#57b26b; }\r\n    .hp-price .pr-chart { position:relative; height:220px; margin-top:16px; }\r\n    .hp-price .pr-grids { position:absolute; left:0; right:0; top:0; height:100%; }\r\n    .hp-price .pr-gl { position:absolute; left:0; right:0; }\r\n    .hp-price .pr-axislab { position:absolute; left:0; font-family:\"IBM Plex Mono\",monospace; font-size:9.5px; color:#a0acba; }\r\n    .hp-price .pr-bars { position:relative; height:100%; display:flex; align-items:flex-end; justify-content:center; gap:56px; }\r\n    .hp-price .pr-col { display:flex; flex-direction:column; align-items:center; height:100%; justify-content:flex-end; }\r\n    .hp-price .pr-coltop { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:16px; margin-bottom:8px; }\r\n    .hp-price .pr-collab { font-size:12px; color:#64788b; margin-top:10px; text-align:center; }\r\n    .hp-price .pr-tradbar { width:78px; display:flex; flex-direction:column; border-radius:8px 8px 0 0; overflow:hidden; transition:height .35s ease; box-shadow:0 8px 20px -12px rgba(217,83,79,.6); }\r\n    .hp-price .pr-herbar { width:78px; background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 30%,transparent 70%,rgba(255,255,255,.35)),linear-gradient(180deg,#3aa0d6,#2c8bc8); background-size:100% 60px,100% 100%; background-repeat:no-repeat; animation:pr-shimmer 2.4s linear infinite; border-radius:8px 8px 0 0; transition:height .35s ease; box-shadow:0 8px 20px -12px rgba(44,139,200,.7); }\r\n    .hp-price .pr-legend { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:16px; }\r\n    .hp-price .pr-leg { display:flex; align-items:center; gap:7px; font-size:12px; color:#5a6b7d; }\r\n    .hp-price .pr-legsw { width:10px; height:10px; border-radius:3px; }\r\n    .hp-price .pr-summary { margin-top:18px; background:linear-gradient(135deg,rgba(44,139,200,.1),rgba(44,139,200,.02)); border:1px solid rgba(44,139,200,.25); border-radius:12px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; }\r\n    .hp-price .pr-sublab { font-size:11.5px; color:#64788b; }\r\n    .hp-price .pr-bignum { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:26px; color:var(--blue); }\r\n    .hp-price .pr-persite { font-family:\"Space Grotesk\",sans-serif; font-weight:700; font-size:22px; }\r\n    @keyframes pr-shimmer { 0% { background-position:0 -60px; } 100% { background-position:0 120px; } }\r\n  <\/style>\r\n\r\n  <div class=\"pr-card\">\r\n    <div class=\"pr-cardhead\">\r\n      <span class=\"pr-cardlab\">3-year cost of ownership<\/span>\r\n      <span class=\"pr-savepct\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:-1px;\"><path d=\"M3 7l7 7 4-4 7 7\"\/><path d=\"M21 11v6h-6\"\/><\/svg> <span id=\"prSavePct\"><\/span>% with Hermes<\/span>\r\n    <\/div>\r\n    <div class=\"pr-chart\">\r\n      <div class=\"pr-grids\">\r\n        <div class=\"pr-gl\" style=\"top:0;border-top:1px dashed rgba(15,32,51,.12);\"><\/div>\r\n        <div class=\"pr-gl\" style=\"top:33.3%;border-top:1px dashed rgba(15,32,51,.08);\"><\/div>\r\n        <div class=\"pr-gl\" style=\"top:66.6%;border-top:1px dashed rgba(15,32,51,.08);\"><\/div>\r\n        <div class=\"pr-gl\" style=\"bottom:0;border-top:1px solid rgba(15,32,51,.18);\"><\/div>\r\n        <span class=\"pr-axislab\" style=\"top:-7px;\" id=\"prMaxLabel\"><\/span>\r\n        <span class=\"pr-axislab\" style=\"bottom:-3px;\">$0<\/span>\r\n      <\/div>\r\n      <div class=\"pr-bars\">\r\n        <div class=\"pr-col\">\r\n          <div class=\"pr-coltop\" style=\"color:#d9534f;\">$<span id=\"prTradCost\"><\/span><\/div>\r\n          <div class=\"pr-tradbar\" id=\"prTradBar\"><\/div>\r\n          <div class=\"pr-collab\">Traditional<br>CapEx build<\/div>\r\n        <\/div>\r\n        <div class=\"pr-col\">\r\n          <div class=\"pr-coltop\" style=\"color:var(--blue);\">$<span id=\"prHerCost\"><\/span><\/div>\r\n          <div class=\"pr-herbar\" id=\"prHerBar\"><\/div>\r\n          <div class=\"pr-collab\">Hermes<br>flat OpEx<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"pr-legend\">\r\n      <div class=\"pr-leg\"><span class=\"pr-legsw\" style=\"background:#c0392b;\"><\/span>Hardware CapEx<\/div>\r\n      <div class=\"pr-leg\"><span class=\"pr-legsw\" style=\"background:#e2686a;\"><\/span>Licenses<\/div>\r\n      <div class=\"pr-leg\"><span class=\"pr-legsw\" style=\"background:#f0a0a1;\"><\/span>Maintenance<\/div>\r\n      <div class=\"pr-leg\"><span class=\"pr-legsw\" style=\"background:#2c8bc8;\"><\/span>Hermes flat OpEx<\/div>\r\n    <\/div>\r\n    <div class=\"pr-summary\">\r\n      <div>\r\n        <div class=\"pr-sublab\">Estimated 3-year savings<\/div>\r\n        <div class=\"pr-bignum\">$<span id=\"prSaveAmt\"><\/span><\/div>\r\n      <\/div>\r\n      <div style=\"text-align:right;\">\r\n        <div class=\"pr-persite\">$249<\/div>\r\n        <div class=\"pr-sublab\">per site \/ month<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById(\"hpPrice\");\r\n    var q = function (id) { return root.querySelector(id); };\r\n    var savePctEl = q(\"#prSavePct\");\r\n    var tradCostEl = q(\"#prTradCost\"), herCostEl = q(\"#prHerCost\");\r\n    var tradBarEl = q(\"#prTradBar\"), herBarEl = q(\"#prHerBar\");\r\n    var maxLabelEl = q(\"#prMaxLabel\"), saveAmtEl = q(\"#prSaveAmt\");\r\n\r\n    function fmt(v) { return v >= 1e6 ? (v \/ 1e6).toFixed(2) + \"M\" : Math.round(v \/ 1e3) + \"K\"; }\r\n\r\n    function render(n) {\r\n      var hermes3yr = n * 249 * 36;\r\n      var tHardware = n * 4800, tLicense = n * 1800, tMaint = Math.round(n * 249 * 36 * 0.9);\r\n      var trad3yr = tHardware + tLicense + tMaint;\r\n      var maxc = Math.max(hermes3yr, trad3yr);\r\n      var savePct = Math.round((1 - hermes3yr \/ trad3yr) * 100);\r\n\r\n      savePctEl.textContent = savePct;\r\n      tradCostEl.textContent = fmt(trad3yr);\r\n      herCostEl.textContent = fmt(hermes3yr);\r\n      maxLabelEl.textContent = \"$\" + fmt(maxc);\r\n      saveAmtEl.textContent = fmt(trad3yr - hermes3yr);\r\n\r\n      herBarEl.style.height = Math.round((hermes3yr \/ maxc) * 100) + \"%\";\r\n      tradBarEl.style.height = Math.round((trad3yr \/ maxc) * 100) + \"%\";\r\n\r\n      tradBarEl.innerHTML =\r\n        '<div style=\"height:' + (tMaint \/ trad3yr * 100).toFixed(1) + '%;background:#f0a0a1;\"><\/div>' +\r\n        '<div style=\"height:' + (tLicense \/ trad3yr * 100).toFixed(1) + '%;background:#e2686a;\"><\/div>' +\r\n        '<div style=\"height:' + (tHardware \/ trad3yr * 100).toFixed(1) + '%;background:#c0392b;\"><\/div>';\r\n    }\r\n\r\n    \/\/ listen for the slider embed's broadcasts\r\n    document.addEventListener(\"hermes:sites\", function (e) { render(e.detail.sites); });\r\n    \/\/ tell the slider we're ready so it re-announces its current value (order-independent)\r\n    document.dispatchEvent(new CustomEvent(\"hermes:sites-ready\"));\r\n    \/\/ safe default in case the slider isn't present\r\n    render(25);\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_ca8ffc3e height_medium color_primary\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-3 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column us_custom_eb849559\"><div class=\"wpb_wrapper\"><h2>One platform.<br \/>\nEvery location.<br \/>\nRecurring revenue.<\/h2>\n<\/div><\/div><div class=\"wpb_text_column us_custom_ba9259ba has_text_color\"><div class=\"wpb_wrapper\"><p>Talk to our team about rolling out Hermes across your network \u2014 no CapEx, no lock-in, live in weeks.<\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"w-hwrapper valign_top align_center\" style=\"--hwrapper-gap:1.2rem\"><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"\/book-appointment\"><span class=\"w-btn-label\">Contact Sales<\/span><\/a><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_3 trans-bg-btn\" href=\"\/book-appointment\"><span class=\"w-btn-label\">Become a Partner<\/span><\/a><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-3 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"Buildings Smart Hermes Network View Video Digital Twin Hermes View Video Operations Smart Hotel Hermes Network View Video For Restaurants AI Systems Hermes Network View Video detection AI with Video SD WAN Edge View Video SmartNode Hermes Network View Video SolutionsBuilt for the way your team operates Pick your starting point \u2014 every path runs...","protected":false},"author":1,"featured_media":414,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-217","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":101,"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/pages\/217\/revisions\/493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/media\/414"}],"wp:attachment":[{"href":"https:\/\/www.hermesnetwork.cloud\/zh-tw\/wp-json\/wp\/v2\/media?parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}