{"id":9652,"date":"2023-02-20T10:32:21","date_gmt":"2023-02-20T02:32:21","guid":{"rendered":"https:\/\/hkcablemachine.com\/?page_id=9652"},"modified":"2026-08-12T15:40:13","modified_gmt":"2026-08-12T07:40:13","slug":"%d0%bc%d0%b0%d1%88%d0%b8%d0%bd%d0%b0-%d0%b4%d0%bb%d1%8f-%d0%b8%d0%b7%d0%b3%d0%be%d1%82%d0%be%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d1%8f-%d1%8d%d0%bb%d0%b5%d0%ba%d1%82%d1%80%d0%b8%d1%87%d0%b5%d1%81%d0%ba-2","status":"publish","type":"page","link":"https:\/\/hkcablemachine.com\/ru\/electric-cable-making-machine\/","title":{"rendered":"\u041c\u0430\u0448\u0438\u043d\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043a\u0430\u0431\u0435\u043b\u044f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9652\" class=\"elementor elementor-9652\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-754a04f e-con e-atomic-element e-flexbox-base e-5059121 \" data-id=\"754a04f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"754a04f\" data-e-type=\"e-flexbox\" data-id=\"754a04f\">\n    \t\t<div class=\"elementor-element elementor-element-3595d65 elementor-widget elementor-widget-html\" data-id=\"3595d65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ SECTION 01 \/ ELEMENTOR ONE-WIDGET VERSION -->\n<!-- Set the outer Elementor container to Full Width, gap 0 and padding 0. -->\n<style>\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke01-hero),\n.elementor-widget-html:has(.hke01-hero) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.hke01-hero {\n  --hke01-navy: #0d172b;\n  --hke01-panel: rgba(13, 23, 43, 0.95);\n  --hke01-orange: #eb6948;\n  --hke01-orange-hover: #d95b3c;\n  --hke01-blue-soft: #9db8e7;\n  --hke01-copy: #ccd4e1;\n}\n\n.hke01-preview-body {\n  margin: 0;\n  min-width: 320px;\n  background: #fff;\n}\n\n.hke01-hero {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 640px;\n  min-height: 640px;\n  margin: 0;\n  overflow: hidden;\n  background: var(--hke01-navy);\n  color: #fff;\n  font-family: \"Roboto\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hke01-hero *,\n.hke01-hero *::before,\n.hke01-hero *::after {\n  box-sizing: inherit;\n}\n\n.hke01-layout {\n  display: grid;\n  height: 100%;\n  min-height: 0;\n  grid-template-columns: 44% 56%;\n}\n\n.hke01-copy {\n  position: relative;\n  z-index: 2;\n  min-width: 0;\n  padding: 82px 54px 28px 74px;\n  background: var(--hke01-navy);\n}\n\n.hke01-breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 22px;\n  color: #aebbd0;\n  font-size: 10px;\n  line-height: 1.4;\n}\n\n.hke01-hero .hke01-breadcrumb a,\n.hke01-hero .hke01-breadcrumb a:visited,\n.hke01-breadcrumb strong {\n  color: #b8c4d7;\n  font-weight: 400;\n  text-decoration: none;\n}\n\n.hke01-hero .hke01-breadcrumb a:hover,\n.hke01-hero .hke01-breadcrumb a:focus-visible {\n  color: #fff;\n}\n\n.hke01-kicker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px;\n  color: var(--hke01-blue-soft);\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n}\n\n.hke01-kicker span {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  flex: 0 0 34px;\n  place-items: center;\n  border: 1px solid #315080;\n  border-radius: 6px;\n  background: #1e2b4b;\n  color: #fff;\n  font-size: 9px;\n  letter-spacing: 0;\n}\n\n.hke01-copy h1 {\n  max-width: 520px;\n  margin: 0 0 14px;\n  color: #fff;\n  font-size: clamp(2.8rem, 3vw, 3.05rem);\n  font-weight: 700;\n  line-height: 0.98;\n  letter-spacing: -0.035em;\n}\n\n.hke01-lead {\n  max-width: 520px;\n  margin: 0;\n  color: var(--hke01-copy);\n  font-size: 13px;\n  line-height: 1.62;\n}\n\n.hke01-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px;\n  margin-top: 22px;\n}\n\n.hke01-hero .hke01-actions a.hke01-button,\n.hke01-hero .hke01-actions a.hke01-button:link,\n.hke01-hero .hke01-actions a.hke01-button:visited {\n  display: inline-flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 0 16px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  color: #fff !important;\n  font-size: 11px;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n}\n\n.hke01-hero .hke01-actions a.hke01-button:hover,\n.hke01-hero .hke01-actions a.hke01-button:focus-visible {\n  color: #fff !important;\n  text-decoration: none !important;\n  transform: translateY(-1px);\n}\n\n.hke01-hero .hke01-actions a.hke01-button:focus-visible {\n  outline: 3px solid rgba(157, 184, 231, 0.55);\n  outline-offset: 3px;\n}\n\n.hke01-hero .hke01-actions a.hke01-button--primary,\n.hke01-hero .hke01-actions a.hke01-button--primary:link,\n.hke01-hero .hke01-actions a.hke01-button--primary:visited {\n  border-color: var(--hke01-orange) !important;\n  background: var(--hke01-orange) !important;\n}\n\n.hke01-hero .hke01-actions a.hke01-button--primary:hover,\n.hke01-hero .hke01-actions a.hke01-button--primary:focus-visible {\n  border-color: var(--hke01-orange-hover) !important;\n  background: var(--hke01-orange-hover) !important;\n}\n\n.hke01-hero .hke01-actions a.hke01-button--secondary,\n.hke01-hero .hke01-actions a.hke01-button--secondary:link,\n.hke01-hero .hke01-actions a.hke01-button--secondary:visited {\n  border-color: #8e9bb0 !important;\n  background: transparent !important;\n}\n\n.hke01-hero .hke01-actions a.hke01-button--secondary:hover,\n.hke01-hero .hke01-actions a.hke01-button--secondary:focus-visible {\n  border-color: #fff !important;\n  background: rgba(255, 255, 255, 0.06) !important;\n}\n\n.hke01-capabilities {\n  display: grid;\n  position: static;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px 34px;\n  margin-top: 24px;\n  padding-top: 17px;\n  border-top: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.hke01-capabilities p {\n  display: grid;\n  min-height: 28px;\n  grid-template-columns: 18px minmax(0, 1fr);\n  grid-template-rows: auto auto;\n  column-gap: 10px;\n  align-content: start;\n  margin: 0;\n  padding: 0;\n}\n\n.hke01-capabilities svg {\n  width: 16px;\n  height: 16px;\n  grid-row: 1 \/ span 2;\n  color: #77a8ff;\n  fill: currentColor;\n}\n\n.hke01-capabilities strong {\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n\n.hke01-capabilities span {\n  color: #9faec2;\n  font-size: 9px;\n  line-height: 1.35;\n}\n\n.hke01-media {\n  position: relative;\n  align-self: stretch;\n  min-width: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0 !important;\n  overflow: hidden;\n  background: #dfe5ec;\n}\n\n.hke01-media > img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100% !important;\n  max-width: none !important;\n  height: 100% !important;\n  min-width: 100%;\n  min-height: 100%;\n  margin: 0 !important;\n  object-fit: cover !important;\n  object-position: center center !important;\n}\n\n.hke01-engineering-label {\n  position: absolute;\n  top: 22px;\n  right: 22px;\n  z-index: 3;\n  display: grid;\n  width: 168px;\n  background: rgba(13, 23, 43, 0.9);\n}\n\n.hke01-engineering-label span {\n  padding: 9px 11px 7px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.16);\n  color: #9fb5dd;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 8px;\n  letter-spacing: 0.17em;\n}\n\n.hke01-engineering-label strong {\n  padding: 8px 11px 10px;\n  color: #fff;\n  font-size: 9px;\n  line-height: 1.35;\n}\n\n.hke01-journey {\n  position: absolute;\n  right: 22px;\n  bottom: 24px;\n  z-index: 4;\n  width: calc(56% - 45px);\n  height: 145px;\n  min-height: 145px;\n  padding: 18px 18px;\n  border: 1px solid rgba(255, 255, 255, 0.17);\n  background: var(--hke01-panel);\n}\n\n.hke01-journey > header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 11px;\n}\n\n.hke01-journey > header p {\n  max-width: 330px;\n  margin: 0;\n  color: #fff;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.5;\n}\n\n.hke01-journey > header small {\n  max-width: 250px;\n  color: #8f9caf;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 7px;\n  line-height: 1.4;\n  text-align: right;\n}\n\n.hke01-routes {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.hke01-routes article {\n  display: grid;\n  position: relative;\n  min-width: 0;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 9px;\n  align-items: center;\n  padding-right: 78px;\n  border-right: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n.hke01-routes article:last-child {\n  padding-right: 68px;\n  padding-left: 18px;\n  border-right: 0;\n}\n\n.hke01-route-number {\n  display: inline-grid !important;\n  width: 22px;\n  height: 22px;\n  min-width: 22px;\n  min-height: 22px;\n  place-items: center;\n  align-content: center;\n  justify-content: center;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 1px solid #4d6081;\n  border-radius: 4px;\n  background: #253452;\n  color: #a9bee4;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 8px;\n  line-height: 1 !important;\n  text-align: center;\n}\n\n.hke01-routes strong {\n  display: block;\n  color: #fff;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 9px;\n  letter-spacing: 0.12em;\n}\n\n.hke01-routes p {\n  margin: 4px 0 0;\n  color: #b4c0d1;\n  font-size: 10px;\n  line-height: 1.45;\n  white-space: nowrap;\n}\n\n.hke01-routes img {\n  position: absolute;\n  top: -5px;\n  right: 14px;\n  display: block;\n  width: 54px;\n  height: 54px;\n  padding: 3px;\n  border: 3px solid #fff;\n  border-radius: 50%;\n  background: #fff;\n  object-fit: contain !important;\n  object-position: center center !important;\n}\n\n.hke01-routes article:last-child img {\n  right: 0;\n}\n\n@media (max-width: 1120px) {\n  .hke01-copy {\n    padding: 64px 38px 24px 40px;\n  }\n\n  .hke01-copy h1 {\n    font-size: 3rem;\n  }\n\n  .hke01-routes article {\n    grid-template-columns: auto minmax(0, 1fr);\n  }\n\n  .hke01-routes img {\n    display: none;\n  }\n\n  .hke01-routes p {\n    white-space: normal;\n  }\n}\n\n@media (max-width: 820px) {\n  .hke01-hero {\n    width: 100%;\n    height: auto;\n    min-height: auto;\n  }\n\n  .hke01-layout {\n    position: relative;\n    display: block;\n    height: auto;\n    min-height: auto;\n  }\n\n  .hke01-media {\n    position: absolute;\n    inset: 0;\n  }\n\n  .hke01-media::after {\n    position: absolute;\n    inset: 0;\n    background: rgba(8, 17, 34, 0.9);\n    content: \"\";\n  }\n\n  .hke01-media > img {\n    min-height: 100%;\n  }\n\n  .hke01-copy {\n    padding: 38px 24px 34px;\n    background: transparent;\n  }\n\n  .hke01-copy h1 {\n    max-width: 640px;\n    font-size: clamp(2.8rem, 9vw, 3.7rem);\n    line-height: 1.02;\n  }\n\n  .hke01-capabilities {\n    position: static;\n    grid-template-columns: 1fr;\n    margin-top: 27px;\n    gap: 0;\n  }\n\n  .hke01-capabilities p {\n    min-height: 0;\n    padding: 13px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .hke01-engineering-label {\n    display: none;\n  }\n\n  .hke01-journey {\n    position: relative;\n    right: auto;\n    bottom: auto;\n    width: auto;\n    height: auto;\n    margin: 0 24px 28px;\n  }\n}\n\n@media (max-width: 560px) {\n  .hke01-copy {\n    padding: 30px 20px;\n  }\n\n  .hke01-breadcrumb {\n    font-size: 10px;\n  }\n\n  .hke01-kicker {\n    align-items: flex-start;\n    line-height: 1.5;\n  }\n\n  .hke01-copy h1 {\n    font-size: 2.7rem;\n  }\n\n  .hke01-actions,\n  .hke01-button {\n    width: 100%;\n  }\n\n  .hke01-journey {\n    margin: 0 20px 22px;\n    padding: 20px;\n  }\n\n  .hke01-journey > header,\n  .hke01-routes {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .hke01-journey > header small {\n    max-width: none;\n    text-align: left;\n  }\n\n  .hke01-routes article,\n  .hke01-routes article:last-child {\n    grid-template-columns: auto minmax(0, 1fr) 58px;\n    padding: 12px 0;\n    border-right: 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.14);\n  }\n\n  .hke01-routes article:last-child {\n    border-bottom: 0;\n  }\n\n  .hke01-routes img {\n    position: static;\n    display: block;\n  }\n\n  .hke01-routes p {\n    white-space: normal;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke01-hero,\n  .hke01-hero *,\n  .hke01-hero *::before,\n  .hke01-hero *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n}\n\n<\/style>\n\n<section class=\"hke01-hero\" aria-labelledby=\"hke01-title\">\n    <div class=\"hke01-layout\">\n      <div class=\"hke01-copy\">\n        <nav class=\"hke01-breadcrumb\" aria-label=\"Breadcrumb\">\n          <a href=\"\/\">Home<\/a>\n          <span aria-hidden=\"true\">\u203a<\/span>\n          <a href=\"#families\">Products &amp; Capabilities<\/a>\n          <span aria-hidden=\"true\">\u203a<\/span>\n          <strong>Electrical Cable Production Lines<\/strong>\n        <\/nav>\n\n        <p class=\"hke01-kicker\">\n          <span>00<\/span>\n          ELECTRICAL CABLE PRODUCTION SOLUTIONS\n        <\/p>\n\n        <h1 id=\"hke01-title\">Electrical Cable<br \/>Production Lines &amp;<br \/>Equipment<\/h1>\n\n        <p class=\"hke01-lead\">\n          Start with the cable you want to produce, the specification you need,\n          or the factory you plan to build. HONGKAI connects the cable route,\n          process, equipment and project coordination into one practical\n          production plan.\n        <\/p>\n\n        <div class=\"hke01-actions\">\n          <a class=\"hke01-button hke01-button--primary\" href=\"#families\">\n            Find My Production Route <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n          <a class=\"hke01-button hke01-button--secondary\" href=\"#enquiry\">\n            Submit Cable Requirements\n          <\/a>\n        <\/div>\n\n        <div class=\"hke01-capabilities\" aria-label=\"Project responsibility summary\">\n          <p>\n            <svg viewBox=\"0 0 256 256\" aria-hidden=\"true\"><path d=\"M116,176a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h28A8,8,0,0,1,116,176Zm60-8H148a8,8,0,0,0,0,16h28a8,8,0,0,0,0-16Zm64,48a8,8,0,0,1-8,8H24a8,8,0,0,1,0-16h8V88a8,8,0,0,1,12.8-6.4L96,120V88a8,8,0,0,1,12.8-6.4l38.74,29.05L159.1,29.74A16.08,16.08,0,0,1,174.94,16h18.12A16.08,16.08,0,0,1,208.9,29.74l15,105.13s.08.78.08,1.13v72h8A8,8,0,0,1,240,216Zm-77.86-94.4,8.53,6.4h36.11L193.06,32H174.94ZM48,208H208V144H168a8,8,0,0,1-4.8-1.6l-14.4-10.8,0,0L112,104v32a8,8,0,0,1-12.8,6.4L48,104Z\" \/><\/svg>\n            <strong>Core equipment<\/strong><span>manufactured by HONGKAI<\/span>\n          <\/p>\n          <p>\n            <svg viewBox=\"0 0 256 256\" aria-hidden=\"true\"><path d=\"M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z\" \/><\/svg>\n            <strong>Specialist systems<\/strong><span>clearly identified<\/span>\n          <\/p>\n          <p>\n            <svg viewBox=\"0 0 256 256\" aria-hidden=\"true\"><path d=\"M235.32,73.37,182.63,20.69a16,16,0,0,0-22.63,0L20.68,160a16,16,0,0,0,0,22.63l52.69,52.68a16,16,0,0,0,22.63,0L235.32,96A16,16,0,0,0,235.32,73.37ZM84.68,224,32,171.31l32-32,26.34,26.35a8,8,0,0,0,11.32-11.32L75.31,128,96,107.31l26.34,26.35a8,8,0,0,0,11.32-11.32L107.31,96,128,75.31l26.34,26.35a8,8,0,0,0,11.32-11.32L139.31,64l32-32L224,84.69Z\" \/><\/svg>\n            <strong>Layout and utilities<\/strong><span>considered with the line<\/span>\n          <\/p>\n          <p>\n            <svg viewBox=\"0 0 256 256\" aria-hidden=\"true\"><path d=\"M201.89,54.66A103.43,103.43,0,0,0,128.79,24H128A104,104,0,0,0,24,128v56a24,24,0,0,0,24,24H64a24,24,0,0,0,24-24V144a24,24,0,0,0-24-24H40.36A88.12,88.12,0,0,1,190.54,65.93,87.39,87.39,0,0,1,215.65,120H192a24,24,0,0,0-24,24v40a24,24,0,0,0,24,24h24a24,24,0,0,1-24,24H136a8,8,0,0,0,0,16h56a40,40,0,0,0,40-40V128A103.41,103.41,0,0,0,201.89,54.66ZM64,136a8,8,0,0,1,8,8v40a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V136Zm128,56a8,8,0,0,1-8-8V144a8,8,0,0,1,8-8h24v56Z\" \/><\/svg>\n            <strong>Installation and training<\/strong><span>connected to startup<\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <figure class=\"hke01-media\">\n        <img decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/11\/Electric-cable-machine-scaled.jpg\"\n          alt=\"HONGKAI engineers coordinating electrical cable production equipment\"\n          fetchpriority=\"high\"\n        \/>\n      <\/figure>\n    <\/div>\n\n    <div class=\"hke01-engineering-label\">\n      <span>HONGKAI<\/span>\n      <strong>Electrical Cable Production<br \/>Engineering<\/strong>\n    <\/div>\n\n    <aside class=\"hke01-journey\" aria-label=\"Complete electrical cable production journey\">\n      <header>\n        <p>COMPLETE ELECTRICAL CABLE PRODUCTION<br \/>JOURNEY<\/p>\n        <small>Simplified routes. Final structure depends on<br \/>the confirmed cable design.<\/small>\n      <\/header>\n\n      <div class=\"hke01-routes\">\n        <article>\n          <span class=\"hke01-route-number\">01<\/span>\n          <div>\n            <strong>BUILDING WIRE ROUTE<\/strong>\n            <p>Conductor \u2192 Insulation \u2192 Testing \u2192 Coiling<\/p>\n          <\/div>\n          <img decoding=\"async\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/buliding-cable-1.png\"\n            alt=\"Electrical building wire structure\"\n            loading=\"lazy\"\n          \/>\n        <\/article>\n\n        <article>\n          <span class=\"hke01-route-number\">02<\/span>\n          <div>\n            <strong>POWER CABLE ROUTE<\/strong>\n            <p>Stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing<\/p>\n          <\/div>\n          <img decoding=\"async\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/power-cable-1.png\"\n            alt=\"Power cable structure\"\n            loading=\"lazy\"\n          \/>\n        <\/article>\n      <\/div>\n    <\/aside>\n  <\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-36c5bfe e-con e-atomic-element e-flexbox-base e-36c5bfe-c0c35bd g-0e2d3e7 \" data-id=\"36c5bfe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"36c5bfe\" data-e-type=\"e-flexbox\" data-id=\"36c5bfe\">\n    \t\t<div class=\"elementor-element elementor-element-29246b1 elementor-widget elementor-widget-html\" data-id=\"29246b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ELECTRICAL CABLE PRODUCTION LINE HUB\n  SECTION 01B \/ PAGE MAP \/ ELEMENTOR PASTE-READY\n\n  Elementor:\n  1. Add one HTML widget directly below Section 01 \/ Hero.\n  2. Paste this complete file into that HTML widget.\n  3. Set the OUTER Elementor container to Full Width, gap 0, padding 0.\n  4. Optional outer CSS ID: hke-electrical-sticky-nav (the script also detects the HTML widget automatically).\n  5. Do not also enable Elementor Motion Effects > Sticky.\n  6. Keep the electrical hub section IDs unchanged.\n  7. The navigation now uses an in-flow spacer plus fixed-on-scroll state, so it is not limited by a short Elementor parent container.\n-->\n\n<nav class=\"hkenmap\" id=\"hke-electrical-page-map-v1\" aria-label=\"Electrical cable production line page sections\">\n    <div class=\"hkenmap__shell\">\n      <span class=\"hkenmap__label\">Page Map<\/span>\n\n      <div class=\"hkenmap__links\">\n        <a class=\"hkenmap__link is-active\" href=\"#families\" data-section-target=\"families\" aria-current=\"location\">Cable Catalog<\/a>\n        <a class=\"hkenmap__link\" href=\"#specification\" data-section-target=\"specification\">Specifications<\/a>\n        <a class=\"hkenmap__link\" href=\"#process\" data-section-target=\"process\">Process Overview<\/a>\n        <a class=\"hkenmap__link\" href=\"#equipment\" data-section-target=\"equipment\">Production Line Map<\/a>\n        <a class=\"hkenmap__link\" href=\"#solutions\" data-section-target=\"solutions\">Complete Solutions<\/a>\n        <a class=\"hkenmap__link\" href=\"#evidence\" data-section-target=\"evidence\">Reference Evidence<\/a>\n      <\/div>\n\n      <a class=\"hkenmap__link hkenmap__cta\" href=\"#enquiry\" data-section-target=\"enquiry\">\n        <span>Project Enquiry<\/span>\n        <svg class=\"hkenmap__cta-icon\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M2 10 10 2M4 2h6v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\n      <\/a>\n    <\/div>\n  <\/nav>\n\n<style>\n\/* finesse \u00b7 component: page-map-navigation \u00b7 register=brand\n * states: default \u00b7 hover \u00b7 focus-visible \u00b7 active \u00b7 disabled \u00b7 loading \u00b7 error \u00b7 success\n * tokens: inherited from the HONGKAI Industrial Precision system *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n#hke-electrical-sticky-nav,\n.hkenmap__sticky-host {\n  position: sticky !important;\n  top: 82px !important;\n  z-index: 45 !important;\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  min-height: 54px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  gap: 0 !important;\n  overflow: visible !important;\n  transform: none !important;\n}\n\nbody.admin-bar #hke-electrical-sticky-nav,\nbody.admin-bar .hkenmap__sticky-host {\n  top: 114px !important;\n}\n\n.hkenmap__sticky-sentinel {\n  display: block;\n  width: 100%;\n  height: 0;\n  margin: 0;\n  padding: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n#families,\n#specification,\n#process,\n#equipment,\n#solutions,\n#selection-guide,\n#factory,\n#integration,\n#knowledge,\n#evidence,\n#faq,\n#enquiry {\n  scroll-margin-top: 156px !important;\n}\n\nbody.admin-bar #families,\nbody.admin-bar #specification,\nbody.admin-bar #process,\nbody.admin-bar #equipment,\nbody.admin-bar #solutions,\nbody.admin-bar #selection-guide,\nbody.admin-bar #factory,\nbody.admin-bar #integration,\nbody.admin-bar #knowledge,\nbody.admin-bar #evidence,\nbody.admin-bar #faq,\nbody.admin-bar #enquiry {\n  scroll-margin-top: 188px !important;\n}\n\n.elementor-widget-html:has(#hke-electrical-page-map-v1),\n.elementor-widget-html:has(#hke-electrical-page-map-v1) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\n:is(\n  .e-con,\n  .e-con-inner,\n  .elementor-section,\n  .elementor-container,\n  .elementor-column,\n  .elementor-widget-wrap\n):has(#hke-electrical-page-map-v1) {\n  overflow: visible !important;\n  transform: none !important;\n}\n\n#hke-electrical-page-map-v1,\n#hke-electrical-page-map-v1 *,\n#hke-electrical-page-map-v1 *::before,\n#hke-electrical-page-map-v1 *::after {\n  box-sizing: border-box;\n}\n\n#hke-electrical-page-map-v1.hkenmap {\n  --hkenmap-sticky-top: 82px;\n  --hkenmap-navy: #102a43;\n  --hkenmap-blue: #1677c8;\n  --hkenmap-orange: #e16a47;\n  --hkenmap-orange-hover: #c85638;\n  --hkenmap-text: #5f6d81;\n  --hkenmap-muted: #8290a4;\n  --hkenmap-surface: #fdfefe;\n  --hkenmap-surface-solid: rgba(253, 254, 254, 0.98);\n  --hkenmap-surface-stuck: rgba(253, 254, 254, 0.82);\n  --hkenmap-fade-start: rgba(253, 254, 254, 0);\n  --hkenmap-fade-end: rgba(253, 254, 254, 0.98);\n  --hkenmap-fade-end-stuck: rgba(253, 254, 254, 0.82);\n  --hkenmap-line: rgba(16, 42, 67, 0.05);\n  --hkenmap-line-stuck: rgba(220, 227, 234, 0.8);\n  --hkenmap-focus: rgba(22, 119, 200, 0.35);\n  --hkenmap-shadow: rgba(16, 42, 67, 0.12);\n  --hkenmap-inner-line: rgba(253, 254, 254, 0.85);\n  --hkenmap-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  --hkenmap-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n  --hkenmap-ease-out: cubic-bezier(0.23, 1, 0.32, 1);\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: none;\n  min-width: 0;\n  min-height: 54px;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden;\n  border: 0 !important;\n  border-bottom: 1px solid var(--hkenmap-line) !important;\n  border-radius: 0 !important;\n  background: var(--hkenmap-surface-solid) !important;\n  box-shadow: none !important;\n  color: var(--hkenmap-text);\n  font-family: var(--hkenmap-font);\n  line-height: 1;\n  -webkit-backdrop-filter: blur(0) saturate(100%);\n  backdrop-filter: blur(0) saturate(100%);\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  transition:\n    background-color 240ms var(--hkenmap-ease-out),\n    border-color 240ms var(--hkenmap-ease-out),\n    box-shadow 240ms var(--hkenmap-ease-out),\n    backdrop-filter 240ms var(--hkenmap-ease-out);\n}\n\n#hke-electrical-page-map-v1.hkenmap.is-stuck {\n  --hkenmap-fade-end: var(--hkenmap-fade-end-stuck);\n  position: fixed !important;\n  top: var(--hkenmap-sticky-top) !important;\n  right: 0 !important;\n  left: 0 !important;\n  z-index: 999 !important;\n  width: 100% !important;\n  max-width: none !important;\n  border-bottom-color: var(--hkenmap-line-stuck) !important;\n  background: var(--hkenmap-surface-stuck) !important;\n  box-shadow:\n    inset 0 1px 0 var(--hkenmap-inner-line),\n    0 12px 32px var(--hkenmap-shadow) !important;\n  -webkit-backdrop-filter: blur(20px) saturate(150%);\n  backdrop-filter: blur(20px) saturate(150%);\n}\n\nbody.admin-bar #hke-electrical-page-map-v1.hkenmap {\n  --hkenmap-sticky-top: 114px;\n}\n\n#hke-electrical-page-map-v1 .hkenmap__shell {\n  display: flex;\n  width: min(1200px, calc(100% - 56px));\n  min-width: 0;\n  min-height: 54px;\n  align-items: stretch;\n  gap: 20px;\n  margin: 0 auto;\n  padding: 0;\n}\n\n#hke-electrical-page-map-v1 .hkenmap__label {\n  display: inline-flex;\n  min-width: max-content;\n  flex: 0 0 auto;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  color: var(--hkenmap-muted) !important;\n  font-family: var(--hkenmap-mono) !important;\n  font-size: 12px !important;\n  font-style: normal;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  white-space: nowrap;\n}\n\n#hke-electrical-page-map-v1 .hkenmap__links {\n  display: flex;\n  min-width: 0;\n  min-height: 54px;\n  flex: 1 1 auto;\n  align-items: stretch;\n  gap: 3px;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior-inline: contain;\n}\n\n#hke-electrical-page-map-v1 .hkenmap__links::-webkit-scrollbar {\n  display: none;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link {\n  display: inline-flex !important;\n  position: relative;\n  min-width: max-content;\n  min-height: 54px;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  margin: 0 !important;\n  padding: 0 9px !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: var(--hkenmap-text) !important;\n  font-family: var(--hkenmap-font) !important;\n  font-size: 13px !important;\n  font-style: normal !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  letter-spacing: 0 !important;\n  text-align: center;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap;\n  -webkit-tap-highlight-color: transparent;\n  transition: color 180ms ease, opacity 180ms ease, transform 120ms ease;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link::before {\n  display: none !important;\n  content: none !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link::after {\n  position: absolute;\n  right: 9px;\n  bottom: -1px;\n  left: 9px;\n  width: auto;\n  height: 2px;\n  margin: 0;\n  border: 0;\n  background: var(--hkenmap-blue) !important;\n  content: \"\";\n  opacity: 0;\n  transform: scaleX(0.3);\n  transform-origin: center;\n  transition: opacity 180ms ease, transform 180ms ease;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-hover,\n#hke-electrical-page-map-v1 a.hkenmap__link.is-focus,\n#hke-electrical-page-map-v1 a.hkenmap__link:focus-visible,\n#hke-electrical-page-map-v1 a.hkenmap__link.is-active {\n  background: transparent !important;\n  color: var(--hkenmap-blue) !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-hover::after,\n#hke-electrical-page-map-v1 a.hkenmap__link.is-focus::after,\n#hke-electrical-page-map-v1 a.hkenmap__link:focus-visible::after,\n#hke-electrical-page-map-v1 a.hkenmap__link.is-active::after {\n  opacity: 1;\n  transform: scaleX(1);\n}\n\n@media (hover: hover) {\n  #hke-electrical-page-map-v1 a.hkenmap__link:hover {\n    background: transparent !important;\n    color: var(--hkenmap-blue) !important;\n  }\n\n  #hke-electrical-page-map-v1 a.hkenmap__link:hover::after {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-focus,\n#hke-electrical-page-map-v1 a.hkenmap__link:focus-visible {\n  z-index: 2;\n  border-radius: 4px !important;\n  outline: 2px solid var(--hkenmap-focus) !important;\n  outline-offset: -3px;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-pressed,\n#hke-electrical-page-map-v1 a.hkenmap__link:active {\n  opacity: 0.72;\n  transform: translateY(1px);\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-disabled,\n#hke-electrical-page-map-v1 a.hkenmap__link[aria-disabled=\"true\"] {\n  opacity: 0.5;\n  cursor: not-allowed !important;\n  pointer-events: none;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-loading,\n#hke-electrical-page-map-v1 a.hkenmap__link[aria-busy=\"true\"] {\n  opacity: 0.62;\n  cursor: progress !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-loading::before,\n#hke-electrical-page-map-v1 a.hkenmap__link[aria-busy=\"true\"]::before {\n  display: block !important;\n  position: absolute;\n  top: 50%;\n  left: 1px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  content: \"\" !important;\n  opacity: 0.6;\n  transform: translateY(-50%);\n  animation: hkenmap-loading-pulse 900ms ease-in-out infinite alternate;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-error {\n  color: var(--hkenmap-orange-hover) !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-error::after {\n  background: var(--hkenmap-orange-hover) !important;\n  opacity: 1;\n  transform: scaleX(1);\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-success {\n  color: var(--hkenmap-blue) !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__link.is-success::after {\n  opacity: 1;\n  transform: scaleX(1);\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__cta {\n  min-height: auto;\n  align-self: center;\n  margin: 0 0 0 auto !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: var(--hkenmap-orange) !important;\n  font-size: 15px !important;\n  font-weight: 800 !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__cta::after {\n  display: none !important;\n  content: none !important;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__cta.is-hover,\n#hke-electrical-page-map-v1 a.hkenmap__cta.is-focus,\n#hke-electrical-page-map-v1 a.hkenmap__cta:focus-visible,\n#hke-electrical-page-map-v1 a.hkenmap__cta.is-active {\n  background: transparent !important;\n  color: var(--hkenmap-orange) !important;\n  opacity: 0.78;\n}\n\n@media (hover: hover) {\n  #hke-electrical-page-map-v1 a.hkenmap__cta:hover {\n    background: transparent !important;\n    color: var(--hkenmap-orange) !important;\n    opacity: 0.78;\n  }\n}\n\n#hke-electrical-page-map-v1 .hkenmap__cta-icon {\n  display: block;\n  width: 12px;\n  height: 12px;\n  flex: 0 0 12px;\n  color: inherit;\n  transition: transform 180ms ease;\n}\n\n#hke-electrical-page-map-v1 a.hkenmap__cta.is-hover .hkenmap__cta-icon {\n  transform: translate(3px, -3px);\n}\n\n@media (hover: hover) {\n  #hke-electrical-page-map-v1 a.hkenmap__cta:hover .hkenmap__cta-icon {\n    transform: translate(3px, -3px);\n  }\n}\n\n@keyframes hkenmap-loading-pulse {\n  from { opacity: 0.35; transform: translateY(-50%) scale(0.75); }\n  to { opacity: 0.8; transform: translateY(-50%) scale(1); }\n}\n\n@media (max-width: 1120px) {\n  #hke-electrical-page-map-v1 .hkenmap__label {\n    display: none;\n  }\n}\n\n@media (max-width: 860px) {\n  #hke-electrical-page-map-v1.hkenmap,\n  #hke-electrical-page-map-v1 .hkenmap__shell,\n  #hke-electrical-page-map-v1 .hkenmap__links {\n    min-height: 52px;\n  }\n\n  #hke-electrical-page-map-v1.hkenmap::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    width: 42px;\n    background: linear-gradient(90deg, var(--hkenmap-fade-start), var(--hkenmap-fade-end));\n    content: \"\";\n    pointer-events: none;\n  }\n\n  #hke-electrical-sticky-nav,\n  .hkenmap__sticky-host {\n    min-height: 52px !important;\n  }\n\n  #hke-electrical-page-map-v1 .hkenmap__shell {\n    width: 100%;\n    gap: 0;\n  }\n\n  #hke-electrical-page-map-v1 .hkenmap__links {\n    padding: 0 38px 0 14px;\n    scroll-padding-inline: 14px 38px;\n    scroll-snap-type: x proximity;\n  }\n\n  #hke-electrical-page-map-v1 a.hkenmap__link {\n    min-height: 52px;\n    scroll-snap-align: start;\n  }\n\n  #hke-electrical-page-map-v1 a.hkenmap__cta {\n    display: none !important;\n  }\n}\n\n@media (max-width: 782px) {\n  body.admin-bar #hke-electrical-sticky-nav,\n  body.admin-bar .hkenmap__sticky-host {\n    top: 128px !important;\n  }\n\n  body.admin-bar #hke-electrical-page-map-v1.hkenmap {\n    --hkenmap-sticky-top: 128px;\n  }\n\n  body.admin-bar #families,\n  body.admin-bar #specification,\n  body.admin-bar #process,\n  body.admin-bar #equipment,\n  body.admin-bar #solutions,\n  body.admin-bar #selection-guide,\n  body.admin-bar #factory,\n  body.admin-bar #integration,\n  body.admin-bar #knowledge,\n  body.admin-bar #evidence,\n  body.admin-bar #faq,\n  body.admin-bar #enquiry {\n    scroll-margin-top: 200px !important;\n  }\n}\n\n@media (max-width: 620px) {\n  #hke-electrical-page-map-v1.hkenmap {\n    --hkenmap-sticky-top: 68px;\n  }\n\n  #hke-electrical-sticky-nav,\n  .hkenmap__sticky-host {\n    top: 68px !important;\n    min-height: 48px !important;\n  }\n\n  body.admin-bar #hke-electrical-sticky-nav,\n  body.admin-bar .hkenmap__sticky-host {\n    top: 114px !important;\n  }\n\n  body.admin-bar #hke-electrical-page-map-v1.hkenmap {\n    --hkenmap-sticky-top: 114px;\n  }\n\n  #families,\n  #specification,\n  #process,\n  #equipment,\n  #solutions,\n  #selection-guide,\n  #factory,\n  #integration,\n  #knowledge,\n  #evidence,\n  #faq,\n  #enquiry {\n    scroll-margin-top: 132px !important;\n  }\n\n  body.admin-bar #families,\n  body.admin-bar #specification,\n  body.admin-bar #process,\n  body.admin-bar #equipment,\n  body.admin-bar #solutions,\n  body.admin-bar #selection-guide,\n  body.admin-bar #factory,\n  body.admin-bar #integration,\n  body.admin-bar #knowledge,\n  body.admin-bar #evidence,\n  body.admin-bar #faq,\n  body.admin-bar #enquiry {\n    scroll-margin-top: 182px !important;\n  }\n\n  #hke-electrical-page-map-v1.hkenmap,\n  #hke-electrical-page-map-v1 .hkenmap__shell,\n  #hke-electrical-page-map-v1 .hkenmap__links {\n    min-height: 48px;\n  }\n\n  #hke-electrical-page-map-v1.hkenmap::after {\n    width: 32px;\n  }\n\n  #hke-electrical-page-map-v1 .hkenmap__links {\n    padding: 0 30px 0 8px;\n    scroll-padding-inline: 8px 30px;\n  }\n\n  #hke-electrical-page-map-v1 a.hkenmap__link {\n    min-height: 48px;\n    padding-inline: 12px !important;\n    font-size: 10px !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #hke-electrical-page-map-v1.hkenmap,\n  #hke-electrical-page-map-v1 a.hkenmap__link,\n  #hke-electrical-page-map-v1 a.hkenmap__link::before,\n  #hke-electrical-page-map-v1 a.hkenmap__link::after,\n  #hke-electrical-page-map-v1 .hkenmap__cta-icon {\n    transition-duration: 0.01ms !important;\n    animation: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  function initHongkaiElectricalPageMap() {\n    var nav = document.getElementById(\"hke-electrical-page-map-v1\");\n\n    if (!nav || nav.dataset.hkenmapReady === \"true\") {\n      return;\n    }\n\n    nav.dataset.hkenmapReady = \"true\";\n\n    var links = Array.prototype.slice.call(\n      nav.querySelectorAll(\"a.hkenmap__link[data-section-target]\")\n    );\n    var widgetHost = nav.closest(\".elementor-widget-html\");\n    var stickyHost =\n      nav.closest(\"#hke-electrical-sticky-nav\") ||\n      widgetHost ||\n      nav.closest(\".e-con, .elementor-section\") ||\n      nav;\n    var observedSections = [];\n    var observer = null;\n\n    if (stickyHost) {\n      stickyHost.classList.add(\"hkenmap__sticky-host\");\n    }\n\n    function getStickyTop() {\n      var stickyTop = parseFloat(\n        window\n          .getComputedStyle(nav)\n          .getPropertyValue(\"--hkenmap-sticky-top\")\n      );\n\n      return Number.isFinite(stickyTop) ? stickyTop : 0;\n    }\n\n    function setActive(sectionId) {\n      links.forEach(function (link) {\n        var isActive =\n          link.dataset.sectionTarget === sectionId &&\n          !link.classList.contains(\"hkenmap__cta\");\n\n        link.classList.toggle(\"is-active\", isActive);\n\n        if (isActive) {\n          link.setAttribute(\"aria-current\", \"location\");\n        } else {\n          link.removeAttribute(\"aria-current\");\n        }\n      });\n    }\n\n    function getScrollOffset() {\n      return getStickyTop() + nav.offsetHeight + 16;\n    }\n\n    function createStickyState() {\n      var offsetOwner = stickyHost || nav;\n      var sentinelId = nav.id + \"-sticky-sentinel\";\n      var sentinel = document.getElementById(sentinelId);\n      var updateQueued = false;\n\n      if (!offsetOwner.parentNode) {\n        return;\n      }\n\n      if (!sentinel) {\n        sentinel = document.createElement(\"span\");\n        sentinel.id = sentinelId;\n        sentinel.className = \"hkenmap__sticky-sentinel\";\n        sentinel.setAttribute(\"aria-hidden\", \"true\");\n        offsetOwner.parentNode.insertBefore(sentinel, offsetOwner);\n      }\n\n      function updateStickyState() {\n        var threshold = getStickyTop();\n        var isStuck =\n          window.pageYOffset > 0 &&\n          sentinel.getBoundingClientRect().top <= threshold + 1;\n\n        nav.classList.toggle(\"is-stuck\", isStuck);\n        offsetOwner.classList.toggle(\"is-stuck\", isStuck);\n        updateQueued = false;\n      }\n\n      function requestStickyUpdate() {\n        if (updateQueued) {\n          return;\n        }\n\n        updateQueued = true;\n        window.requestAnimationFrame(updateStickyState);\n      }\n\n      requestStickyUpdate();\n      window.addEventListener(\"scroll\", requestStickyUpdate, { passive: true });\n      window.addEventListener(\"resize\", requestStickyUpdate, { passive: true });\n    }\n\n    function scrollToSection(section, sectionId) {\n      var top =\n        window.pageYOffset +\n        section.getBoundingClientRect().top -\n        getScrollOffset();\n      var reducedMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n      window.scrollTo({\n        top: Math.max(0, top),\n        behavior: reducedMotion ? \"auto\" : \"smooth\"\n      });\n\n      if (window.history && window.history.replaceState) {\n        window.history.replaceState(null, \"\", \"#\" + sectionId);\n      }\n    }\n\n    nav.addEventListener(\"click\", function (event) {\n      var link = event.target.closest(\n        \"a.hkenmap__link[data-section-target]\"\n      );\n\n      if (!link || !nav.contains(link)) {\n        return;\n      }\n\n      if (\n        link.classList.contains(\"is-disabled\") ||\n        link.getAttribute(\"aria-disabled\") === \"true\"\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      var sectionId = link.dataset.sectionTarget;\n      var section = document.getElementById(sectionId);\n\n      if (!section) {\n        return;\n      }\n\n      event.preventDefault();\n      setActive(sectionId);\n      scrollToSection(section, sectionId);\n    });\n\n    function createScrollspy() {\n      var trackedSectionIds = links\n        .filter(function (link) {\n          return !link.classList.contains(\"hkenmap__cta\");\n        })\n        .map(function (link) {\n          return link.dataset.sectionTarget;\n        })\n        .filter(function (sectionId, index, sectionIds) {\n          return sectionId && sectionIds.indexOf(sectionId) === index;\n        });\n\n      observedSections = trackedSectionIds\n        .map(function (sectionId) {\n          return document.getElementById(sectionId);\n        })\n        .filter(function (section) {\n          return Boolean(section);\n        });\n\n      if (!observedSections.length) {\n        return;\n      }\n\n      var currentHash = window.location.hash.replace(\"#\", \"\");\n      var currentSection = observedSections.find(function (section) {\n        return section.id === currentHash;\n      });\n\n      setActive(currentSection ? currentSection.id : observedSections[0].id);\n\n      var updateQueued = false;\n\n      function updateActiveFromScroll() {\n        var activeSection = null;\n        var activeTop = -Infinity;\n\n        observedSections.forEach(function (section) {\n          if (!section.getClientRects().length) {\n            return;\n          }\n\n          var sectionTop =\n            window.pageYOffset + section.getBoundingClientRect().top;\n          var sectionScrollMargin = Number(\n            window.getComputedStyle(section).scrollMarginTop.replace(\"px\", \"\")\n          );\n          var marker =\n            window.pageYOffset +\n            Math.max(\n              getScrollOffset() + 24,\n              Number.isFinite(sectionScrollMargin)\n                ? sectionScrollMargin + 4\n                : 0\n            );\n\n          if (sectionTop <= marker && sectionTop > activeTop) {\n            activeSection = section;\n            activeTop = sectionTop;\n          }\n        });\n\n        if (!activeSection) {\n          activeSection = observedSections[0];\n        }\n\n        if (\n          window.innerHeight + window.pageYOffset >=\n          document.documentElement.scrollHeight - 2\n        ) {\n          observedSections.forEach(function (section) {\n            if (!section.getClientRects().length) {\n              return;\n            }\n\n            var sectionTop =\n              window.pageYOffset + section.getBoundingClientRect().top;\n\n            if (sectionTop > activeTop) {\n              activeSection = section;\n              activeTop = sectionTop;\n            }\n          });\n        }\n\n        setActive(activeSection.id);\n        updateQueued = false;\n      }\n\n      function requestActiveUpdate() {\n        if (updateQueued) {\n          return;\n        }\n\n        updateQueued = true;\n        window.requestAnimationFrame(updateActiveFromScroll);\n      }\n\n      window.addEventListener(\"scroll\", requestActiveUpdate, { passive: true });\n      window.addEventListener(\"resize\", requestActiveUpdate, { passive: true });\n      window.addEventListener(\"hashchange\", requestActiveUpdate);\n\n      requestActiveUpdate();\n\n      if (\"IntersectionObserver\" in window) {\n        observer = new IntersectionObserver(requestActiveUpdate, {\n          root: null,\n          rootMargin:\n            \"-\" + Math.round(getScrollOffset()) + \"px 0px -58% 0px\",\n          threshold: [0, 0.01, 0.2]\n        });\n\n        observedSections.forEach(function (section) {\n          observer.observe(section);\n        });\n      }\n    }\n\n    createStickyState();\n    createScrollspy();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initHongkaiElectricalPageMap,\n      { once: true }\n    );\n  } else {\n    initHongkaiElectricalPageMap();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bc297b2 e-con e-atomic-element e-flexbox-base e-bc297b2-efef27f \" data-id=\"bc297b2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bc297b2\" data-e-type=\"e-flexbox\" data-id=\"bc297b2\">\n    \t\t<div class=\"elementor-element elementor-element-c1d663a elementor-widget elementor-widget-html\" data-id=\"c1d663a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ELECTRICAL CABLE PRODUCTION LINE HUB\n  SECTION 02 \/ CABLE CATALOG \/ ELEMENTOR PASTE-READY\n\n  Elementor:\n  1. Paste this complete file into one HTML widget after the separate Section 01B Page Map widget.\n  2. Keep the outer container Full Width with gap 0 and padding 0.\n  3. Do not paste the Page Map into this widget; section-01b-page-map-elementor-paste-ready.html is the single navigation source.\n  4. Production WordPress is not modified.\n-->\n\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=light-engineering+signal-blue \u00b7 B=roboto+mono-meta \u00b7 C=selector-grid+detail-panel\n * D=CSS-state-change \u00b7 E=engineering-catalog \u00b7 SOUL=4 SPECTACLE=2 DENSITY=7 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke02-block),\n.elementor-widget-html:has(.hke02-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke02-preview-body),\nbody.hke02-preview-body {\n  overflow-x: clip;\n}\n\n.hke02-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke02-block {\n  --hke02-bg: #fbfcfd;\n  --hke02-grid-line: rgba(16, 42, 67, 0.032);\n  --hke02-surface: #fdfefe;\n  --hke02-surface-hover: #f7fbfe;\n  --hke02-navy: #102a43;\n  --hke02-dark: #10213c;\n  --hke02-dark-soft: #1d2f4e;\n  --hke02-ink: #172b43;\n  --hke02-text: #30485f;\n  --hke02-muted: #62768a;\n  --hke02-blue: #1677c8;\n  --hke02-blue-deep: #122d6c;\n  --hke02-blue-soft: #e8f3fc;\n  --hke02-blue-label: #88b9e6;\n  --hke02-orange: #e16a47;\n  --hke02-orange-hover: #c85638;\n  --hke02-line: rgba(16, 42, 67, 0.13);\n  --hke02-line-strong: rgba(16, 42, 67, 0.21);\n  --hke02-line-on-dark: rgba(235, 244, 252, 0.2);\n  --hke02-copy-on-dark: #d2dfec;\n  --hke02-ink-on-dark: #f4f8fc;\n  --hke02-focus: rgba(22, 119, 200, 0.42);\n  --hke02-shadow: rgba(16, 42, 67, 0.09);\n  --hke02-caption: rgba(16, 33, 60, 0.92);\n  --hke02-pending-bg: #eef3f8;\n  --hke02-pending-ink: #71859a;\n  --hke02-font: \"Roboto\", Arial, sans-serif;\n  --hke02-mono: \"Roboto Mono\", monospace;\n  --hke02-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  overflow-x: clip;\n  color: var(--hke02-text);\n  font-family: var(--hke02-font);\n  -webkit-font-smoothing: antialiased;\n}\n\n.hke02-block,\n.hke02-block *,\n.hke02-block *::before,\n.hke02-block *::after {\n  box-sizing: border-box;\n}\n\n.hke02-block a,\n.hke02-block label {\n  font-family: var(--hke02-font);\n}\n\n.hke02-section {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: clamp(72px, 7vw, 110px) 24px;\n  scroll-margin-top: 150px;\n  overflow: hidden;\n  background-color: var(--hke02-bg);\n  background-image:\n    linear-gradient(var(--hke02-grid-line) 1px, transparent 1px),\n    linear-gradient(90deg, var(--hke02-grid-line) 1px, transparent 1px);\n  background-size: 42px 42px;\n}\n\n.hke02-section::before {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: 0.022;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  content: \"\";\n}\n\n.hke02-state {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.hke02-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke02-shell));\n  margin: 0 auto;\n}\n\n.hke02-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.72fr);\n  gap: clamp(42px, 6vw, 92px);\n  align-items: end;\n  margin-bottom: 42px;\n}\n\n.hke02-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px;\n  color: var(--hke02-blue);\n  font-family: var(--hke02-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke02-section-label span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid var(--hke02-line-on-dark);\n  border-radius: 7px;\n  background: var(--hke02-blue-deep);\n  color: var(--hke02-ink-on-dark);\n  letter-spacing: 0;\n}\n\n.hke02-intro h2,\n.hke02-intro p,\n.hke02-card strong,\n.hke02-detail h3,\n.hke02-detail p {\n  margin: 0;\n}\n\n.hke02-intro h2 {\n  max-width: 740px;\n  min-width: 0;\n  color: var(--hke02-navy);\n  font-size: clamp(2.5rem, 4.2vw, 3.7rem);\n  font-weight: 700;\n  line-height: 1.02;\n  letter-spacing: -0.043em;\n  overflow-wrap: anywhere;\n}\n\n.hke02-intro-copy > p {\n  color: var(--hke02-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke02-promise {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr);\n  gap: 12px;\n  align-items: start;\n  margin-top: 20px;\n  padding-top: 18px;\n  border-top: 1px solid var(--hke02-line);\n  color: var(--hke02-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke02-promise > span:first-child {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  place-items: center;\n  border: 1px solid var(--hke02-line-strong);\n  border-radius: 50%;\n  color: var(--hke02-blue);\n  font-family: var(--hke02-mono);\n  font-size: 13px;\n}\n\n.hke02-promise strong {\n  display: block;\n  margin-bottom: 2px;\n  color: var(--hke02-navy);\n  font-size: 14px;\n}\n\n.hke02-finder {\n  display: grid;\n  grid-template-columns: minmax(210px, 0.72fr) minmax(480px, 1.6fr) auto;\n  gap: 24px;\n  align-items: center;\n  padding: 20px 22px;\n  border: 1px solid var(--hke02-line-on-dark);\n  border-radius: 8px 8px 0 0;\n  background: var(--hke02-dark);\n  color: var(--hke02-ink-on-dark);\n}\n\n.hke02-finder-copy span,\n.hke02-detail-kicker,\n.hke02-route-title {\n  display: block;\n  font-family: var(--hke02-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  line-height: 1.4;\n}\n\n.hke02-finder-copy span {\n  margin-bottom: 5px;\n  color: var(--hke02-blue-label);\n}\n\n.hke02-finder-copy strong {\n  color: var(--hke02-ink-on-dark);\n  font-size: 14px;\n  line-height: 1.35;\n}\n\n.hke02-filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n}\n\n.hke02-filter-label {\n  display: inline-flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 14px;\n  border: 1px solid var(--hke02-line-on-dark);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--hke02-copy-on-dark);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.25;\n  text-align: center;\n  white-space: nowrap;\n  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n}\n\n.hke02-filter-label:hover {\n  border-color: var(--hke02-blue-label);\n  color: var(--hke02-ink-on-dark);\n  transform: translateY(-1px);\n}\n\n#hke02-filter-all:checked ~ .hke02-shell label[for=\"hke02-filter-all\"],\n#hke02-filter-installation:checked ~ .hke02-shell label[for=\"hke02-filter-installation\"],\n#hke02-filter-flexible:checked ~ .hke02-shell label[for=\"hke02-filter-flexible\"],\n#hke02-filter-power:checked ~ .hke02-shell label[for=\"hke02-filter-power\"] {\n  border-color: var(--hke02-blue);\n  background: var(--hke02-blue);\n  color: var(--hke02-ink-on-dark);\n}\n\n#hke02-filter-all:focus-visible ~ .hke02-shell label[for=\"hke02-filter-all\"],\n#hke02-filter-installation:focus-visible ~ .hke02-shell label[for=\"hke02-filter-installation\"],\n#hke02-filter-flexible:focus-visible ~ .hke02-shell label[for=\"hke02-filter-flexible\"],\n#hke02-filter-power:focus-visible ~ .hke02-shell label[for=\"hke02-filter-power\"] {\n  outline: 3px solid var(--hke02-focus);\n  outline-offset: 3px;\n}\n\n.hke02-count {\n  min-width: 95px;\n  text-align: right;\n}\n\n.hke02-count strong {\n  display: block;\n  color: var(--hke02-ink-on-dark);\n  font-family: var(--hke02-mono);\n  font-size: 24px;\n  line-height: 1;\n}\n\n.hke02-count strong span {\n  display: none;\n}\n\n.hke02-count small {\n  color: var(--hke02-blue-label);\n  font-size: 9px;\n  letter-spacing: 0.08em;\n  line-height: 1.25;\n}\n\n#hke02-filter-all:checked ~ .hke02-shell .hke02-count-all,\n#hke02-filter-installation:checked ~ .hke02-shell .hke02-count-installation,\n#hke02-filter-flexible:checked ~ .hke02-shell .hke02-count-flexible,\n#hke02-filter-power:checked ~ .hke02-shell .hke02-count-power {\n  display: block;\n}\n\n.hke02-catalog {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  border-top: 1px solid var(--hke02-line);\n  border-left: 1px solid var(--hke02-line);\n  background: var(--hke02-surface);\n}\n\n.hke02-card {\n  display: grid;\n  position: relative;\n  min-width: 0;\n  min-height: 128px;\n  grid-template-columns: 26px 76px minmax(0, 1fr) 16px;\n  gap: 13px;\n  align-items: center;\n  padding: 18px;\n  border-right: 1px solid var(--hke02-line);\n  border-bottom: 1px solid var(--hke02-line);\n  background: var(--hke02-surface);\n  color: var(--hke02-text);\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;\n}\n\n.hke02-card:hover {\n  z-index: 2;\n  background: var(--hke02-surface-hover);\n  box-shadow: 0 14px 30px var(--hke02-shadow);\n  transform: translateY(-2px);\n}\n\n.hke02-card-index {\n  align-self: start;\n  color: var(--hke02-muted);\n  font-family: var(--hke02-mono);\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.hke02-card-image {\n  display: grid;\n  width: 76px;\n  height: 76px;\n  place-items: center;\n  overflow: hidden;\n  padding: 7px;\n  border: 1px solid var(--hke02-line);\n  border-radius: 50%;\n  background: var(--hke02-surface);\n}\n\n.hke02-card-image img {\n  display: block;\n  width: 100% !important;\n  max-width: none !important;\n  height: 100% !important;\n  padding: 0;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.hke02-image-pending {\n  display: grid;\n  width: 100%;\n  height: 100%;\n  place-items: center;\n  background: var(--hke02-pending-bg);\n  color: var(--hke02-pending-ink);\n  font-family: var(--hke02-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n}\n\n.hke02-card-copy {\n  min-width: 0;\n}\n\n.hke02-card-copy small {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--hke02-blue);\n  font-family: var(--hke02-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.07em;\n  line-height: 1.3;\n}\n\n.hke02-card-copy strong {\n  display: block;\n  color: var(--hke02-navy);\n  font-size: 15px;\n  line-height: 1.22;\n}\n\n.hke02-card-copy span {\n  display: block;\n  margin-top: 5px;\n  color: var(--hke02-muted);\n  font-size: 11px;\n  line-height: 1.35;\n}\n\n.hke02-card-arrow {\n  color: var(--hke02-muted);\n  font-size: 15px;\n  transition: color 160ms ease, transform 160ms ease;\n}\n\n.hke02-card:hover .hke02-card-arrow {\n  color: var(--hke02-blue);\n  transform: translateX(3px);\n}\n\n#hke02-filter-installation:checked ~ .hke02-shell .hke02-card:not([data-group=\"installation\"]),\n#hke02-filter-flexible:checked ~ .hke02-shell .hke02-card:not([data-group=\"flexible\"]),\n#hke02-filter-power:checked ~ .hke02-shell .hke02-card:not([data-group=\"power\"]) {\n  display: none;\n}\n\n#hke02-cable-building:checked ~ .hke02-shell label[for=\"hke02-cable-building\"],\n#hke02-cable-thhn:checked ~ .hke02-shell label[for=\"hke02-cable-thhn\"],\n#hke02-cable-flexible:checked ~ .hke02-shell label[for=\"hke02-cable-flexible\"],\n#hke02-cable-lv:checked ~ .hke02-shell label[for=\"hke02-cable-lv\"],\n#hke02-cable-armoured:checked ~ .hke02-shell label[for=\"hke02-cable-armoured\"],\n#hke02-cable-control:checked ~ .hke02-shell label[for=\"hke02-cable-control\"] {\n  z-index: 1;\n  background: var(--hke02-blue-soft);\n  box-shadow: inset 4px 0 0 var(--hke02-blue);\n}\n\n#hke02-cable-building:checked ~ .hke02-shell label[for=\"hke02-cable-building\"] .hke02-card-arrow,\n#hke02-cable-thhn:checked ~ .hke02-shell label[for=\"hke02-cable-thhn\"] .hke02-card-arrow,\n#hke02-cable-flexible:checked ~ .hke02-shell label[for=\"hke02-cable-flexible\"] .hke02-card-arrow,\n#hke02-cable-lv:checked ~ .hke02-shell label[for=\"hke02-cable-lv\"] .hke02-card-arrow,\n#hke02-cable-armoured:checked ~ .hke02-shell label[for=\"hke02-cable-armoured\"] .hke02-card-arrow,\n#hke02-cable-control:checked ~ .hke02-shell label[for=\"hke02-cable-control\"] .hke02-card-arrow {\n  color: var(--hke02-blue);\n  transform: translateX(3px);\n}\n\n#hke02-cable-building:focus-visible ~ .hke02-shell label[for=\"hke02-cable-building\"],\n#hke02-cable-thhn:focus-visible ~ .hke02-shell label[for=\"hke02-cable-thhn\"],\n#hke02-cable-flexible:focus-visible ~ .hke02-shell label[for=\"hke02-cable-flexible\"],\n#hke02-cable-lv:focus-visible ~ .hke02-shell label[for=\"hke02-cable-lv\"],\n#hke02-cable-armoured:focus-visible ~ .hke02-shell label[for=\"hke02-cable-armoured\"],\n#hke02-cable-control:focus-visible ~ .hke02-shell label[for=\"hke02-cable-control\"] {\n  outline: 3px solid var(--hke02-focus);\n  outline-offset: -4px;\n}\n\n.hke02-details {\n  margin-top: 28px;\n}\n\n.hke02-detail {\n  display: none;\n  min-width: 0;\n  grid-template-columns: minmax(300px, 1.15fr) minmax(240px, 0.86fr) minmax(240px, 0.86fr);\n  overflow: hidden;\n  border: 1px solid var(--hke02-line);\n  border-radius: 8px;\n  background: var(--hke02-surface);\n  box-shadow: 0 20px 55px var(--hke02-shadow);\n}\n\n#hke02-cable-building:checked ~ .hke02-shell .hke02-detail[data-detail=\"building\"],\n#hke02-cable-thhn:checked ~ .hke02-shell .hke02-detail[data-detail=\"thhn\"],\n#hke02-cable-flexible:checked ~ .hke02-shell .hke02-detail[data-detail=\"flexible\"],\n#hke02-cable-lv:checked ~ .hke02-shell .hke02-detail[data-detail=\"lv\"],\n#hke02-cable-armoured:checked ~ .hke02-shell .hke02-detail[data-detail=\"armoured\"],\n#hke02-cable-control:checked ~ .hke02-shell .hke02-detail[data-detail=\"control\"] {\n  display: grid;\n}\n\n#hke02-filter-installation:checked ~ .hke02-shell .hke02-detail:not([data-group=\"installation\"]),\n#hke02-filter-flexible:checked ~ .hke02-shell .hke02-detail:not([data-group=\"flexible\"]),\n#hke02-filter-power:checked ~ .hke02-shell .hke02-detail:not([data-group=\"power\"]) {\n  display: none;\n}\n\n.hke02-filter-prompt {\n  display: none;\n  min-height: 150px;\n  place-content: center;\n  gap: 8px;\n  padding: 28px;\n  border: 1px solid var(--hke02-line);\n  border-radius: 8px;\n  background: var(--hke02-surface);\n  color: var(--hke02-muted);\n  text-align: center;\n}\n\n.hke02-filter-prompt span {\n  color: var(--hke02-blue);\n  font-family: var(--hke02-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n}\n\n.hke02-filter-prompt strong {\n  max-width: 520px;\n  color: var(--hke02-navy);\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n#hke02-filter-installation:checked ~ #hke02-cable-flexible:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-installation:checked ~ #hke02-cable-lv:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-installation:checked ~ #hke02-cable-armoured:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-installation:checked ~ #hke02-cable-control:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-flexible:checked ~ #hke02-cable-building:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-flexible:checked ~ #hke02-cable-thhn:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-flexible:checked ~ #hke02-cable-lv:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-flexible:checked ~ #hke02-cable-armoured:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-power:checked ~ #hke02-cable-building:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-power:checked ~ #hke02-cable-thhn:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-power:checked ~ #hke02-cable-flexible:checked ~ .hke02-shell .hke02-filter-prompt,\n#hke02-filter-power:checked ~ #hke02-cable-control:checked ~ .hke02-shell .hke02-filter-prompt {\n  display: grid;\n}\n\n.hke02-detail-media {\n  display: flex;\n  position: relative;\n  min-width: 0;\n  min-height: 330px;\n  flex-direction: column;\n  gap: 14px;\n  align-items: stretch;\n  justify-content: center;\n  margin: 0;\n  overflow: hidden;\n  padding: clamp(14px, 1.5vw, 20px);\n  border-right: 1px solid var(--hke02-line);\n  background: var(--hke02-surface);\n}\n\n.hke02-detail-media > img {\n  display: block;\n  width: 100% !important;\n  max-width: 720px !important;\n  height: auto !important;\n  min-height: 0;\n  aspect-ratio: 16 \/ 9;\n  align-self: center;\n  padding: 0;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.hke02-detail-media figcaption {\n  position: static;\n  width: 100%;\n  max-width: 720px;\n  margin: 0 auto;\n  padding: 11px 13px;\n  border: 1px solid var(--hke02-line-on-dark);\n  border-radius: 5px;\n  background: var(--hke02-caption);\n  color: var(--hke02-ink-on-dark);\n}\n\n.hke02-detail-media figcaption span {\n  display: block;\n  margin-bottom: 3px;\n  color: var(--hke02-blue-label);\n  font-family: var(--hke02-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  line-height: 1.3;\n}\n\n.hke02-detail-media figcaption strong {\n  font-size: 11px;\n  line-height: 1.35;\n}\n\n.hke02-detail-pending {\n  display: grid;\n  height: 100%;\n  min-height: 330px;\n  place-items: center;\n  padding: 32px;\n  background: var(--hke02-pending-bg);\n  color: var(--hke02-pending-ink);\n  text-align: center;\n}\n\n.hke02-detail-pending span {\n  display: block;\n  margin-bottom: 10px;\n  font-family: var(--hke02-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n}\n\n.hke02-detail-pending strong {\n  display: block;\n  max-width: 250px;\n  color: var(--hke02-navy);\n  font-size: 19px;\n  line-height: 1.35;\n}\n\n.hke02-detail-panel {\n  min-width: 0;\n  padding: 28px;\n  border-right: 1px solid var(--hke02-line);\n}\n\n.hke02-detail-panel:last-child {\n  border-right: 0;\n}\n\n.hke02-detail-kicker,\n.hke02-route-title {\n  margin-bottom: 14px;\n  color: var(--hke02-blue);\n}\n\n.hke02-detail h3 {\n  color: var(--hke02-navy);\n  font-size: 28px;\n  line-height: 1.08;\n  letter-spacing: -0.035em;\n}\n\n.hke02-detail-summary {\n  margin-top: 10px !important;\n  color: var(--hke02-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke02-detail-note {\n  margin-top: 17px !important;\n  padding-top: 16px;\n  border-top: 1px solid var(--hke02-line);\n  color: var(--hke02-text);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.hke02-block .hke02-detail-action,\n.hke02-block .hke02-detail-action:link,\n.hke02-block .hke02-detail-action:visited {\n  display: inline-flex;\n  min-height: 46px;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  margin-top: 22px;\n  padding: 11px 15px;\n  border: 1px solid var(--hke02-orange);\n  border-radius: 6px;\n  background: var(--hke02-orange);\n  color: var(--hke02-ink-on-dark) !important;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n}\n\n.hke02-block .hke02-detail-action:hover,\n.hke02-block .hke02-detail-action:focus-visible {\n  border-color: var(--hke02-orange-hover);\n  background: var(--hke02-orange-hover);\n  color: var(--hke02-ink-on-dark) !important;\n  transform: translateY(-1px);\n}\n\n.hke02-block .hke02-detail-action:focus-visible {\n  outline: 3px solid var(--hke02-focus);\n  outline-offset: 3px;\n}\n\n.hke02-route-list {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.hke02-route-list li {\n  display: grid;\n  min-height: 42px;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 10px;\n  align-items: center;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--hke02-line);\n  color: var(--hke02-text);\n  font-size: 12px;\n  line-height: 1.35;\n}\n\n.hke02-route-list li span {\n  color: var(--hke02-blue);\n  font-family: var(--hke02-mono);\n  font-size: 9px;\n  font-weight: 500;\n}\n\n.hke02-route-result {\n  margin-top: 18px;\n  padding: 15px;\n  border-radius: 6px;\n  background: var(--hke02-dark);\n  color: var(--hke02-ink-on-dark);\n}\n\n.hke02-route-result span {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--hke02-blue-label);\n  font-family: var(--hke02-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.09em;\n  line-height: 1.3;\n}\n\n.hke02-route-result strong {\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n@media (max-width: 1100px) {\n  .hke02-finder {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 14px;\n    text-align: center;\n  }\n\n  .hke02-count {\n    display: flex;\n    gap: 6px;\n    align-items: baseline;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .hke02-count strong {\n    display: flex;\n  }\n}\n\n@media (max-width: 1024px) {\n  .hke02-section {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .hke02-intro {\n    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);\n    gap: 42px;\n  }\n\n  .hke02-catalog {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke02-detail {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke02-detail-media {\n    grid-column: 1 \/ -1;\n    min-height: 360px;\n    border-right: 0;\n    border-bottom: 1px solid var(--hke02-line);\n  }\n\n  .hke02-detail-pending {\n    min-height: 360px;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke02-section {\n    padding: 64px 8px;\n    background-size: 32px 32px;\n  }\n\n  .hke02-intro {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 24px;\n    margin-bottom: 30px;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  .hke02-section-label {\n    justify-content: center;\n    font-size: 10px;\n  }\n\n  .hke02-intro h2 {\n    margin: 0 auto;\n    font-size: clamp(2.15rem, 10.7vw, 2.85rem);\n    line-height: 1.04;\n  }\n\n  .hke02-intro-copy > p {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .hke02-promise {\n    grid-template-columns: minmax(0, 1fr);\n    justify-items: center;\n    text-align: center;\n  }\n\n  .hke02-finder {\n    padding: 20px 14px;\n  }\n\n  .hke02-filters,\n  .hke02-filter-label {\n    width: 100%;\n  }\n\n  .hke02-filter-label {\n    min-height: 46px;\n  }\n\n  .hke02-catalog {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke02-card {\n    min-height: 118px;\n    grid-template-columns: 24px 64px minmax(0, 1fr) 14px;\n    gap: 11px;\n    padding: 16px 14px;\n  }\n\n  .hke02-card-image {\n    width: 64px;\n    height: 64px;\n    padding: 6px;\n  }\n\n  .hke02-card-copy strong {\n    font-size: 14px;\n  }\n\n  .hke02-details {\n    margin-top: 20px;\n  }\n\n  .hke02-detail {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke02-detail-media {\n    grid-column: auto;\n    min-height: 245px;\n  }\n\n  .hke02-detail-pending {\n    min-height: 245px;\n  }\n\n  .hke02-detail-panel {\n    padding: 24px 20px;\n    border-right: 0;\n    border-bottom: 1px solid var(--hke02-line);\n  }\n\n  .hke02-detail-panel:last-child {\n    border-bottom: 0;\n  }\n\n  .hke02-detail h3 {\n    font-size: 25px;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke02-card {\n    grid-template-columns: 22px 56px minmax(0, 1fr) 12px;\n    gap: 9px;\n    padding-right: 11px;\n    padding-left: 11px;\n  }\n\n  .hke02-card-image {\n    width: 56px;\n    height: 56px;\n    padding: 5px;\n  }\n\n  .hke02-card-copy span {\n    font-size: 10px;\n  }\n\n  .hke02-block .hke02-detail-action,\n  .hke02-block .hke02-detail-action:link,\n  .hke02-block .hke02-detail-action:visited {\n    width: 100%;\n    padding-right: 10px;\n    padding-left: 10px;\n    font-size: 11px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke02-block *,\n  .hke02-block *::before,\n  .hke02-block *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n<\/style>\n\n<div class=\"hke02-block\">\n<section id=\"families\" class=\"hke02-section\" aria-labelledby=\"hke02-title\">\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-filter\" id=\"hke02-filter-all\" checked \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-filter\" id=\"hke02-filter-installation\" \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-filter\" id=\"hke02-filter-flexible\" \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-filter\" id=\"hke02-filter-power\" \/>\n\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-cable\" id=\"hke02-cable-building\" checked \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-cable\" id=\"hke02-cable-thhn\" \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-cable\" id=\"hke02-cable-flexible\" \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-cable\" id=\"hke02-cable-lv\" \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-cable\" id=\"hke02-cable-armoured\" \/>\n      <input class=\"hke02-state\" type=\"radio\" name=\"hke02-cable\" id=\"hke02-cable-control\" \/>\n\n      <div class=\"hke02-shell\">\n        <header class=\"hke02-intro\">\n          <div>\n            <p class=\"hke02-section-label\"><span>01<\/span> COMPLETE CABLE &amp; PROCESS CATALOG<\/p>\n            <h2 id=\"hke02-title\">Choose the Electrical Cable You Plan to Produce<\/h2>\n          <\/div>\n          <div class=\"hke02-intro-copy\">\n            <p>You do not need to know every machine name. Start with the finished cable or application, then review its preliminary production route.<\/p>\n            <div class=\"hke02-promise\">\n              <span aria-hidden=\"true\">\u2713<\/span>\n              <div><strong>Start from your finished cable<\/strong>Final equipment is confirmed against the approved cable design, materials and required range.<\/div>\n            <\/div>\n          <\/div>\n        <\/header>\n\n        <div class=\"hke02-finder\" aria-label=\"Cable family filters\">\n          <div class=\"hke02-finder-copy\">\n            <span>SOLUTION FINDER<\/span>\n            <strong>Which cable family do you need?<\/strong>\n          <\/div>\n          <div class=\"hke02-filters\">\n            <label class=\"hke02-filter-label\" for=\"hke02-filter-all\">All routes<\/label>\n            <label class=\"hke02-filter-label\" for=\"hke02-filter-installation\">Building wires<\/label>\n            <label class=\"hke02-filter-label\" for=\"hke02-filter-flexible\">Flexible &amp; control<\/label>\n            <label class=\"hke02-filter-label\" for=\"hke02-filter-power\">Power cables<\/label>\n          <\/div>\n          <div class=\"hke02-count\" aria-live=\"polite\">\n            <strong>\n              <span class=\"hke02-count-all\">6<\/span>\n              <span class=\"hke02-count-installation\">2<\/span>\n              <span class=\"hke02-count-flexible\">2<\/span>\n              <span class=\"hke02-count-power\">2<\/span>\n            <\/strong>\n            <small>routes shown<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"hke02-catalog\" aria-label=\"Electrical cable catalog\">\n          <label class=\"hke02-card\" for=\"hke02-cable-building\" data-group=\"installation\">\n            <span class=\"hke02-card-index\">01<\/span>\n            <span class=\"hke02-card-image\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/buliding-cable-1.png\" alt=\"Building wire cable structure reference\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\" title=\"\">\n            <\/span>\n            <span class=\"hke02-card-copy\">\n              <small>BUILDING WIRE<\/small>\n              <strong>Building Wire<\/strong>\n              <span>BV \/ BVR \/ H07V<\/span>\n            <\/span>\n            <span class=\"hke02-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/label>\n\n          <label class=\"hke02-card\" for=\"hke02-cable-thhn\" data-group=\"installation\">\n            <span class=\"hke02-card-index\">02<\/span>\n            <span class=\"hke02-card-image\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/thhn-thwn-2-copper-wire-nylon-pvc-3d.png\" alt=\"THHN and THWN copper wire with PVC insulation and nylon outer layer\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n            <\/span>\n            <span class=\"hke02-card-copy\">\n              <small>NYLON \/ PVC WIRE<\/small>\n              <strong>THHN \/ THWN<\/strong>\n              <span>PVC insulation \/ nylon layer<\/span>\n            <\/span>\n            <span class=\"hke02-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/label>\n\n          <label class=\"hke02-card\" for=\"hke02-cable-flexible\" data-group=\"flexible\">\n            <span class=\"hke02-card-index\">03<\/span>\n            <span class=\"hke02-card-image\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/rvv-3-core-flexible-cable-pvc-3d.png\" alt=\"RVV three-core flexible cable with PVC insulation and sheath\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n            <\/span>\n            <span class=\"hke02-card-copy\">\n              <small>FLEXIBLE CONDUCTOR<\/small>\n              <strong>Flexible Cable<\/strong>\n              <span>RVV \/ flexible cable<\/span>\n            <\/span>\n            <span class=\"hke02-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/label>\n\n          <label class=\"hke02-card\" for=\"hke02-cable-lv\" data-group=\"power\">\n            <span class=\"hke02-card-index\">04<\/span>\n            <span class=\"hke02-card-image\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/power-cable-1.png\" alt=\"Power cable structure reference\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\" title=\"\">\n            <\/span>\n            <span class=\"hke02-card-copy\">\n              <small>LOW VOLTAGE<\/small>\n              <strong>LV Power Cable<\/strong>\n              <span>By approved cable design<\/span>\n            <\/span>\n            <span class=\"hke02-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/label>\n\n          <label class=\"hke02-card\" for=\"hke02-cable-armoured\" data-group=\"power\">\n            <span class=\"hke02-card-index\">05<\/span>\n            <span class=\"hke02-card-image\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/swa-armoured-power-cable-4-core-3d.png\" alt=\"Four-core SWA armoured power cable structure\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n            <\/span>\n            <span class=\"hke02-card-copy\">\n              <small>PROTECTED POWER<\/small>\n              <strong>Armoured Power Cable<\/strong>\n              <span>SWA \/ STA by approved design<\/span>\n            <\/span>\n            <span class=\"hke02-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/label>\n\n          <label class=\"hke02-card\" for=\"hke02-cable-control\" data-group=\"flexible\">\n            <span class=\"hke02-card-index\">06<\/span>\n            <span class=\"hke02-card-image\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/multi-core-control-cable-7-core-pvc-3d.png\" alt=\"Seven-core PVC control cable structure\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n            <\/span>\n            <span class=\"hke02-card-copy\">\n              <small>MULTI-CORE CONTROL<\/small>\n              <strong>Control Cable<\/strong>\n              <span>Shielding if required<\/span>\n            <\/span>\n            <span class=\"hke02-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"hke02-details\" aria-live=\"polite\">\n          <div class=\"hke02-filter-prompt\">\n            <span>CHOOSE A VISIBLE CABLE ROUTE<\/span>\n            <strong>Select one of the cable cards above to review its preliminary production route.<\/strong>\n          <\/div>\n\n          <article class=\"hke02-detail\" data-detail=\"building\" data-group=\"installation\">\n            <figure class=\"hke02-detail-media\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/buliding-cable-1.png\" alt=\"Building wire cable structure reference\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption><span>IMAGE REFERENCE<\/span><strong>Building wire structure<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-detail-kicker\">SELECTED CABLE<\/span>\n              <h3>Building Wire<\/h3>\n              <p class=\"hke02-detail-summary\">Copper or aluminum conductor \u00b7 BV \/ BVR \/ H07V<\/p>\n              <p class=\"hke02-detail-note\">Final configuration is confirmed against the approved cable design.<\/p>\n              <a class=\"hke02-detail-action\" href=\"#specification\">Use as My Starting Cable <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-route-title\">PRELIMINARY ROUTE<\/span>\n              <ol class=\"hke02-route-list\">\n                <li><span>01<\/span>Conductor preparation<\/li>\n                <li><span>02<\/span>Insulation<\/li>\n                <li><span>03<\/span>Testing<\/li>\n                <li><span>04<\/span>Coiling<\/li>\n              <\/ol>\n              <div class=\"hke02-route-result\"><span>ROUTE TO CONFIRM<\/span><strong>Conductor \u2192 Insulation \u2192 Testing \u2192 Coiling<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"hke02-detail\" data-detail=\"thhn\" data-group=\"installation\">\n            <figure class=\"hke02-detail-media\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/thhn-thwn-2-copper-wire-nylon-pvc-3d.png\" alt=\"THHN and THWN copper wire with PVC insulation and nylon outer layer\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption><span>IMAGE REFERENCE<\/span><strong>THHN \/ THWN PVC and nylon structure<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-detail-kicker\">SELECTED CABLE<\/span>\n              <h3>THHN \/ THWN<\/h3>\n              <p class=\"hke02-detail-summary\">Copper or aluminum conductor \u00b7 Nylon \/ PVC building wire<\/p>\n              <p class=\"hke02-detail-note\">Layer construction and applicable specification must be confirmed.<\/p>\n              <a class=\"hke02-detail-action\" href=\"#specification\">Use as My Starting Cable <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-route-title\">PRELIMINARY ROUTE<\/span>\n              <ol class=\"hke02-route-list\">\n                <li><span>01<\/span>Drawing<\/li>\n                <li><span>02<\/span>Stranding<\/li>\n                <li><span>03<\/span>PVC insulation<\/li>\n                <li><span>04<\/span>Nylon layer<\/li>\n                <li><span>05<\/span>Testing<\/li>\n              <\/ol>\n              <div class=\"hke02-route-result\"><span>ROUTE TO CONFIRM<\/span><strong>Drawing \u2192 Stranding \u2192 PVC \u2192 Nylon \u2192 Testing<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"hke02-detail\" data-detail=\"flexible\" data-group=\"flexible\">\n            <figure class=\"hke02-detail-media\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/rvv-3-core-flexible-cable-pvc-3d.png\" alt=\"RVV three-core flexible cable with PVC insulation and sheath\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption><span>IMAGE REFERENCE<\/span><strong>RVV 3-core flexible cable structure<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-detail-kicker\">SELECTED CABLE<\/span>\n              <h3>Flexible Cable<\/h3>\n              <p class=\"hke02-detail-summary\">Fine stranded conductor \u00b7 RVV flexible cable<\/p>\n              <p class=\"hke02-detail-note\">The image shows an RVV three-core PVC construction. Final core count and layer specification must be confirmed.<\/p>\n              <a class=\"hke02-detail-action\" href=\"#specification\">Use as My Starting Cable <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-route-title\">PRELIMINARY ROUTE<\/span>\n              <ol class=\"hke02-route-list\">\n                <li><span>01<\/span>Fine drawing<\/li>\n                <li><span>02<\/span>Bunching<\/li>\n                <li><span>03<\/span>Insulation<\/li>\n                <li><span>04<\/span>Cabling<\/li>\n                <li><span>05<\/span>Sheathing<\/li>\n              <\/ol>\n              <div class=\"hke02-route-result\"><span>ROUTE TO CONFIRM<\/span><strong>Fine Drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"hke02-detail\" data-detail=\"lv\" data-group=\"power\">\n            <figure class=\"hke02-detail-media\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/power-cable-1.png\" alt=\"Power cable structure reference\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption><span>IMAGE REFERENCE<\/span><strong>Power cable structure<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-detail-kicker\">SELECTED CABLE<\/span>\n              <h3>LV Power Cable<\/h3>\n              <p class=\"hke02-detail-summary\">Stranded copper or aluminum \u00b7 Rating by approved cable design<\/p>\n              <p class=\"hke02-detail-note\">Cable voltage and complete layer structure must be confirmed from the approved design.<\/p>\n              <a class=\"hke02-detail-action\" href=\"#specification\">Use as My Starting Cable <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-route-title\">PRELIMINARY ROUTE<\/span>\n              <ol class=\"hke02-route-list\">\n                <li><span>01<\/span>Stranding<\/li>\n                <li><span>02<\/span>Insulation<\/li>\n                <li><span>03<\/span>Cabling<\/li>\n                <li><span>04<\/span>Sheathing<\/li>\n                <li><span>05<\/span>Testing<\/li>\n              <\/ol>\n              <div class=\"hke02-route-result\"><span>ROUTE TO CONFIRM<\/span><strong>Stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"hke02-detail\" data-detail=\"armoured\" data-group=\"power\">\n            <figure class=\"hke02-detail-media\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/swa-armoured-power-cable-4-core-3d.png\" alt=\"Four-core SWA armoured power cable structure\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption><span>IMAGE REFERENCE<\/span><strong>4-core SWA armoured cable structure<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-detail-kicker\">SELECTED CABLE<\/span>\n              <h3>Armoured Power Cable<\/h3>\n              <p class=\"hke02-detail-summary\">Stranded copper or aluminum \u00b7 SWA \/ STA by approved design<\/p>\n              <p class=\"hke02-detail-note\">The image shows a four-core SWA structure. Armour type and complete layer construction must be confirmed.<\/p>\n              <a class=\"hke02-detail-action\" href=\"#specification\">Use as My Starting Cable <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-route-title\">PRELIMINARY ROUTE<\/span>\n              <ol class=\"hke02-route-list\">\n                <li><span>01<\/span>Conductor<\/li>\n                <li><span>02<\/span>Insulation<\/li>\n                <li><span>03<\/span>Cabling<\/li>\n                <li><span>04<\/span>Inner sheath<\/li>\n                <li><span>05<\/span>Armouring<\/li>\n                <li><span>06<\/span>Outer sheath<\/li>\n              <\/ol>\n              <div class=\"hke02-route-result\"><span>ROUTE TO CONFIRM<\/span><strong>Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner Sheath \u2192 Armouring \u2192 Outer Sheath<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"hke02-detail\" data-detail=\"control\" data-group=\"flexible\">\n            <figure class=\"hke02-detail-media\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/multi-core-control-cable-7-core-pvc-3d.png\" alt=\"Seven-core PVC control cable structure\" width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption><span>IMAGE REFERENCE<\/span><strong>7-core PVC control cable structure<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-detail-kicker\">SELECTED CABLE<\/span>\n              <h3>Control Cable<\/h3>\n              <p class=\"hke02-detail-summary\">Copper conductor \u00b7 Multi-core construction by approved design<\/p>\n              <p class=\"hke02-detail-note\">The image shows a seven-core PVC structure. Final core count and shielding must follow the approved cable design.<\/p>\n              <a class=\"hke02-detail-action\" href=\"#specification\">Use as My Starting Cable <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"hke02-detail-panel\">\n              <span class=\"hke02-route-title\">PRELIMINARY ROUTE<\/span>\n              <ol class=\"hke02-route-list\">\n                <li><span>01<\/span>Insulation<\/li>\n                <li><span>02<\/span>Cabling<\/li>\n                <li><span>03<\/span>Shielding if required<\/li>\n                <li><span>04<\/span>Sheathing<\/li>\n                <li><span>05<\/span>Testing<\/li>\n              <\/ol>\n              <div class=\"hke02-route-result\"><span>ROUTE TO CONFIRM<\/span><strong>Insulation \u2192 Cabling \u2192 Shielding if Required \u2192 Sheathing \u2192 Testing<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5b69440 e-con e-atomic-element e-flexbox-base e-5b69440-6ba28a9 \" data-id=\"5b69440\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5b69440\" data-e-type=\"e-flexbox\" data-id=\"5b69440\">\n    \t\t<div class=\"elementor-element elementor-element-cebe587 elementor-widget elementor-widget-html\" data-id=\"cebe587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 03 \/ VISUAL BLOCK 04\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=light-engineering+signal-blue \u00b7 B=roboto+mono-meta \u00b7 C=grouped-spec-workspace+sticky-receipt\n * D=live-brief-state-change \u00b7 E=technical-requirement-sheet \u00b7 SOUL=4 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke03-block),\n.elementor-widget-html:has(.hke03-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke03-preview-body),\nbody.hke03-preview-body {\n  overflow-x: clip;\n}\n\n.hke03-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke03-block {\n  --hke03-bg: #f4f8fc;\n  --hke03-surface: #fdfefe;\n  --hke03-surface-soft: #f7fafd;\n  --hke03-navy: #102a43;\n  --hke03-dark: #10213c;\n  --hke03-dark-soft: #182b49;\n  --hke03-ink: #172b43;\n  --hke03-text: #30485f;\n  --hke03-muted: #62768a;\n  --hke03-blue: #1677c8;\n  --hke03-blue-deep: #122d6c;\n  --hke03-blue-soft: #e8f3fc;\n  --hke03-blue-label: #8fc2ee;\n  --hke03-blue-meta: #126eb8;\n  --hke03-orange: #c04f35;\n  --hke03-orange-hover: #b4472c;\n  --hke03-pending-bg: #eef3f8;\n  --hke03-pending-accent: #8295a8;\n  --hke03-action-secondary-bg: rgba(247, 251, 255, 0.04);\n  --hke03-placeholder: #8798a9;\n  --hke03-note-bg: rgba(247, 251, 255, 0.72);\n  --hke03-line: rgba(16, 42, 67, 0.13);\n  --hke03-line-strong: rgba(16, 42, 67, 0.23);\n  --hke03-line-dark: rgba(235, 244, 252, 0.17);\n  --hke03-copy-dark: #cbd9e7;\n  --hke03-white: #f7fbff;\n  --hke03-focus: rgba(22, 119, 200, 0.42);\n  --hke03-font: \"Roboto\", Arial, sans-serif;\n  --hke03-mono: \"Roboto Mono\", monospace;\n  --hke03-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  overflow-x: clip;\n  color: var(--hke03-text);\n  font-family: var(--hke03-font);\n  -webkit-font-smoothing: antialiased;\n}\n\n.hke03-block,\n.hke03-block *,\n.hke03-block *::before,\n.hke03-block *::after {\n  box-sizing: border-box;\n}\n\n.hke03-block h2,\n.hke03-block h3,\n.hke03-block p,\n.hke03-block dl,\n.hke03-block dd,\n.hke03-block ul,\n.hke03-block fieldset,\n.hke03-block legend {\n  margin: 0;\n}\n\n.hke03-block ul,\n.hke03-block fieldset {\n  padding: 0;\n}\n\n.hke03-block button,\n.hke03-block select,\n.hke03-block input,\n.hke03-block a,\n.hke03-block label {\n  font-family: var(--hke03-font);\n}\n\n.hke03-block button,\n.hke03-block select,\n.hke03-block input {\n  font: inherit;\n}\n\n.hke03-section {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: clamp(72px, 7vw, 110px) 24px;\n  scroll-margin-top: 150px;\n  background: var(--hke03-bg);\n}\n\n.hke03-shell {\n  width: min(100%, var(--hke03-shell));\n  margin: 0 auto;\n}\n\n.hke03-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.72fr);\n  gap: clamp(42px, 6vw, 92px);\n  align-items: end;\n  margin-bottom: 42px;\n}\n\n.hke03-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke03-blue);\n  font-family: var(--hke03-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke03-section-label span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid rgba(235, 244, 252, 0.2);\n  border-radius: 7px;\n  background: var(--hke03-blue-deep);\n  color: var(--hke03-white);\n  letter-spacing: 0;\n}\n\n.hke03-intro h2 {\n  max-width: 760px;\n  min-width: 0;\n  color: var(--hke03-navy);\n  font-size: clamp(2.5rem, 4.2vw, 3.7rem);\n  font-weight: 700;\n  line-height: 1.02;\n  letter-spacing: -0.043em;\n  overflow-wrap: anywhere;\n}\n\n.hke03-intro-copy > p {\n  color: var(--hke03-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke03-boundary {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr);\n  gap: 12px;\n  align-items: start;\n  margin-top: 20px;\n  padding-top: 18px;\n  border-top: 1px solid var(--hke03-line);\n  color: var(--hke03-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke03-boundary > span {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  place-items: center;\n  border: 1px solid var(--hke03-line-strong);\n  border-radius: 50%;\n  color: var(--hke03-blue);\n  font-family: var(--hke03-mono);\n  font-size: 13px;\n}\n\n.hke03-boundary strong {\n  display: block;\n  margin-bottom: 2px;\n  color: var(--hke03-navy);\n  font-size: 14px;\n}\n\n.hke03-context {\n  display: grid;\n  grid-template-columns: minmax(170px, 0.7fr) minmax(210px, 0.75fr) minmax(420px, 1.75fr);\n  gap: 22px;\n  align-items: center;\n  padding: 20px 22px;\n  border: 1px solid var(--hke03-line-dark);\n  border-radius: 8px 8px 0 0;\n  background: var(--hke03-dark);\n  color: var(--hke03-white);\n}\n\n.hke03-context-copy span,\n.hke03-context-route span,\n.hke03-family-field > span {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--hke03-blue-label);\n  font-family: var(--hke03-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  line-height: 1.35;\n}\n\n.hke03-context-copy strong {\n  color: var(--hke03-white);\n  font-size: 20px;\n  line-height: 1.25;\n}\n\n.hke03-family-field select {\n  width: 100%;\n  min-height: 46px;\n  padding: 0 38px 0 13px;\n  border: 1px solid rgba(235, 244, 252, 0.25);\n  border-radius: 5px;\n  outline: none;\n  background-color: var(--hke03-dark-soft);\n  color: var(--hke03-white);\n  font-size: 13px;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.hke03-context-route {\n  min-width: 0;\n  padding-left: 22px;\n  border-left: 1px solid var(--hke03-line-dark);\n}\n\n.hke03-context-route strong {\n  display: block;\n  color: var(--hke03-copy-dark);\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n\n.hke03-builder {\n  display: grid;\n  grid-template-columns: minmax(0, 2.075fr) minmax(350px, 1fr);\n  gap: 18px;\n  align-items: start;\n}\n\n.hke03-workspace {\n  min-width: 0;\n  border: 1px solid var(--hke03-line);\n  border-top: 0;\n  border-radius: 0 0 8px 8px;\n  background: var(--hke03-surface);\n  box-shadow: 0 16px 36px rgba(16, 42, 67, 0.07);\n}\n\n.hke03-builder-section {\n  padding: 34px 32px 36px;\n}\n\n.hke03-builder-section + .hke03-builder-section {\n  border-top: 1px solid var(--hke03-line);\n}\n\n.hke03-builder-heading {\n  display: grid;\n  grid-template-columns: 38px minmax(220px, 0.8fr) minmax(250px, 1fr);\n  gap: 13px;\n  align-items: center;\n  margin-bottom: 22px;\n}\n\n.hke03-builder-heading > span {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  place-items: center;\n  border: 1px solid var(--hke03-line-strong);\n  border-radius: 5px;\n  color: var(--hke03-blue);\n  font-family: var(--hke03-mono);\n  font-size: 11px;\n}\n\n.hke03-builder-heading small {\n  display: block;\n  margin-bottom: 3px;\n  color: var(--hke03-blue);\n  font-family: var(--hke03-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n}\n\n.hke03-builder-heading h3 {\n  color: var(--hke03-navy);\n  font-size: 20px;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n}\n\n.hke03-builder-heading > p {\n  color: var(--hke03-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke03-intents {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.hke03-intents button {\n  position: relative;\n  display: grid;\n  min-height: 84px;\n  grid-template-columns: 30px minmax(0, 1fr);\n  grid-template-rows: auto auto;\n  gap: 4px 10px;\n  align-content: center;\n  width: 100%;\n  padding: 14px 15px;\n  border: 1px solid var(--hke03-line);\n  border-radius: 5px;\n  appearance: none;\n  background: var(--hke03-surface-soft);\n  color: var(--hke03-text);\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;\n}\n\n.hke03-intents button::before {\n  position: absolute;\n  top: -1px;\n  bottom: -1px;\n  left: -1px;\n  width: 4px;\n  border-radius: 5px 0 0 5px;\n  background: transparent;\n  content: \"\";\n}\n\n.hke03-intents button > span {\n  display: grid;\n  width: 28px;\n  height: 28px;\n  grid-row: 1 \/ 3;\n  place-items: center;\n  align-self: center;\n  border: 1px solid var(--hke03-line-strong);\n  border-radius: 4px;\n  color: var(--hke03-blue);\n  font-family: var(--hke03-mono);\n  font-size: 10px;\n}\n\n.hke03-intents button strong {\n  align-self: end;\n  color: var(--hke03-navy);\n  font-size: 14px;\n  line-height: 1.25;\n}\n\n.hke03-intents button small {\n  color: var(--hke03-muted);\n  font-size: 11px;\n  line-height: 1.35;\n}\n\n.hke03-intents button:hover,\n.hke03-intents button.is-active {\n  border-color: var(--hke03-blue);\n  background: var(--hke03-blue-soft);\n}\n\n.hke03-intents button.is-active::before {\n  background: var(--hke03-blue);\n}\n\n.hke03-intents button.is-active > span {\n  border-color: var(--hke03-blue);\n  background: var(--hke03-blue);\n  color: var(--hke03-white);\n}\n\n.hke03-intent-pending {\n  grid-column: 1 \/ -1;\n  min-height: 64px !important;\n}\n\n.hke03-decision-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  gap: 22px 20px;\n}\n\n.hke03-decision {\n  min-width: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n}\n\n.hke03-decision legend {\n  width: 100%;\n  padding: 0 2px 9px;\n  color: var(--hke03-navy);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n\n.hke03-decision legend span {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--hke03-blue-meta);\n  font-family: var(--hke03-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n}\n\n.hke03-choices {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 4px;\n  padding: 4px;\n  border: 1px solid var(--hke03-line);\n  border-radius: 6px;\n  background: var(--hke03-surface-soft);\n}\n\n.hke03-choices--three {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.hke03-choices--three button:last-child {\n  grid-column: 1 \/ -1;\n}\n\n.hke03-choices--protection {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.hke03-choices--protection button:last-child {\n  grid-column: 1 \/ -1;\n}\n\n.hke03-choices button {\n  position: relative;\n  min-width: 0;\n  min-height: 44px;\n  padding: 9px 12px;\n  border: 1px solid transparent;\n  border-radius: 4px;\n  appearance: none;\n  background: transparent;\n  color: var(--hke03-text);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.25;\n  text-align: center;\n  overflow-wrap: anywhere;\n  cursor: pointer;\n  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;\n}\n\n.hke03-choices button:hover {\n  border-color: var(--hke03-line-strong);\n  background: var(--hke03-surface);\n  color: var(--hke03-navy);\n}\n\n.hke03-choices button.is-active {\n  border-color: var(--hke03-blue);\n  background: var(--hke03-blue-soft);\n  color: var(--hke03-blue-deep);\n  box-shadow: inset 3px 0 0 var(--hke03-blue);\n}\n\n.hke03-fields {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.hke03-fields label {\n  display: grid;\n  gap: 7px;\n  color: var(--hke03-navy);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.hke03-fields select,\n.hke03-fields input {\n  width: 100%;\n  min-height: 48px;\n  padding: 0 13px;\n  border: 1px solid var(--hke03-line-strong);\n  border-radius: 5px;\n  outline: none;\n  background-color: var(--hke03-surface);\n  color: var(--hke03-text);\n  font-size: 13px;\n  font-weight: 400;\n}\n\n.hke03-fields input::placeholder {\n  color: var(--hke03-placeholder);\n  opacity: 1;\n}\n\n.hke03-family-field select:focus-visible,\n.hke03-fields select:focus-visible,\n.hke03-fields input:focus-visible,\n.hke03-intents button:focus-visible,\n.hke03-choices button:focus-visible,\n.hke03-actions a:focus-visible {\n  outline: 3px solid var(--hke03-focus);\n  outline-offset: 2px;\n}\n\n.hke03-brief {\n  position: sticky;\n  top: 150px;\n  min-width: 0;\n  padding: 28px;\n  border: 1px solid var(--hke03-line-dark);\n  border-radius: 0 0 8px 8px;\n  background: var(--hke03-dark);\n  color: var(--hke03-copy-dark);\n}\n\n.hke03-brief-head {\n  display: grid;\n  grid-template-columns: 40px minmax(0, 1fr) auto;\n  gap: 11px;\n  align-items: center;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--hke03-line-dark);\n}\n\n.hke03-brief-icon {\n  display: grid;\n  width: 38px;\n  height: 38px;\n  place-items: center;\n  border: 1px solid var(--hke03-line-dark);\n  border-radius: 5px;\n  color: var(--hke03-blue-label);\n}\n\n.hke03-brief-icon svg {\n  width: 22px;\n  height: 22px;\n}\n\n.hke03-brief-head small,\n.hke03-route-review small,\n.hke03-impact > small,\n.hke03-confirm > small {\n  display: block;\n  color: var(--hke03-blue-label);\n  font-family: var(--hke03-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  line-height: 1.35;\n}\n\n.hke03-brief-head strong {\n  display: block;\n  margin-top: 3px;\n  color: var(--hke03-white);\n  font-size: 13px;\n  line-height: 1.3;\n}\n\n.hke03-brief-head b {\n  padding: 6px 8px;\n  border: 1px solid rgba(143, 194, 238, 0.3);\n  border-radius: 999px;\n  color: var(--hke03-blue-label);\n  font-family: var(--hke03-mono);\n  font-size: 8px;\n  letter-spacing: 0.08em;\n  white-space: nowrap;\n}\n\n.hke03-brief > h3 {\n  padding: 20px 0;\n  border-bottom: 1px solid var(--hke03-line-dark);\n  color: var(--hke03-white);\n  font-size: 20px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n}\n\n.hke03-brief-list > div {\n  display: grid;\n  grid-template-columns: minmax(92px, 0.7fr) minmax(0, 1.3fr);\n  gap: 12px;\n  padding: 11px 0;\n  border-bottom: 1px solid var(--hke03-line-dark);\n}\n\n.hke03-brief-list dt {\n  color: #91a6ba;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke03-brief-list dd {\n  color: var(--hke03-white);\n  font-size: 11px;\n  line-height: 1.45;\n  text-align: right;\n  overflow-wrap: anywhere;\n}\n\n.hke03-route-review,\n.hke03-impact,\n.hke03-confirm {\n  margin-top: 18px;\n  padding-top: 17px;\n  border-top: 1px solid var(--hke03-line-dark);\n}\n\n.hke03-route-review strong {\n  display: block;\n  margin-top: 8px;\n  color: var(--hke03-white);\n  font-size: 13px;\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n\n.hke03-route-review p,\n.hke03-confirm p {\n  margin-top: 8px !important;\n  color: #9fb2c5;\n  font-size: 10px;\n  line-height: 1.55;\n}\n\n.hke03-impact ul {\n  display: grid;\n  gap: 8px;\n  margin-top: 10px !important;\n  list-style: none;\n}\n\n.hke03-impact li {\n  display: grid;\n  grid-template-columns: 19px minmax(0, 1fr);\n  gap: 8px;\n  align-items: start;\n  color: var(--hke03-copy-dark);\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke03-impact li span {\n  display: grid;\n  width: 18px;\n  height: 18px;\n  place-items: center;\n  border: 1px solid var(--hke03-line-dark);\n  border-radius: 50%;\n  color: var(--hke03-blue-label);\n  font-family: var(--hke03-mono);\n  font-size: 8px;\n}\n\n.hke03-actions {\n  display: grid;\n  gap: 10px;\n  margin-top: 20px;\n  padding-top: 18px;\n  border-top: 1px solid var(--hke03-line-dark);\n}\n\n#specification.hke03-section .hke03-actions > a,\n#specification.hke03-section .hke03-actions > a:link,\n#specification.hke03-section .hke03-actions > a:visited {\n  appearance: none !important;\n  display: flex !important;\n  width: 100% !important;\n  min-height: 50px !important;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  margin: 0 !important;\n  padding: 0 16px !important;\n  border-radius: 6px !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  font: 700 12px\/1.2 var(--hke03-font) !important;\n  letter-spacing: 0 !important;\n  text-align: left !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap;\n  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;\n}\n\n#specification.hke03-section .hke03-actions > a.hke03-action-secondary,\n#specification.hke03-section .hke03-actions > a.hke03-action-secondary:link,\n#specification.hke03-section .hke03-actions > a.hke03-action-secondary:visited {\n  border: 1px solid var(--hke03-line-dark) !important;\n  background-color: var(--hke03-action-secondary-bg) !important;\n  color: var(--hke03-white) !important;\n}\n\n#specification.hke03-section .hke03-actions > a.hke03-action-secondary:hover,\n#specification.hke03-section .hke03-actions > a.hke03-action-secondary:focus-visible {\n  border-color: var(--hke03-blue-label) !important;\n  background-color: var(--hke03-dark-soft) !important;\n  color: var(--hke03-white) !important;\n}\n\n#specification.hke03-section .hke03-actions > a.hke03-action-primary,\n#specification.hke03-section .hke03-actions > a.hke03-action-primary:link,\n#specification.hke03-section .hke03-actions > a.hke03-action-primary:visited {\n  border: 1px solid var(--hke03-orange) !important;\n  background-color: var(--hke03-orange) !important;\n  color: var(--hke03-white) !important;\n}\n\n#specification.hke03-section .hke03-actions > a.hke03-action-primary:hover,\n#specification.hke03-section .hke03-actions > a.hke03-action-primary:focus-visible {\n  border-color: var(--hke03-orange-hover) !important;\n  background-color: var(--hke03-orange-hover) !important;\n  color: var(--hke03-white) !important;\n}\n\n#specification.hke03-section .hke03-actions > a > span {\n  flex: 0 0 auto;\n  color: inherit !important;\n  font-size: 15px;\n  line-height: 1;\n}\n\n.hke03-final-note {\n  margin-top: 20px !important;\n  padding: 14px 16px;\n  border: 1px solid var(--hke03-line);\n  border-radius: 6px;\n  background: var(--hke03-note-bg);\n  color: var(--hke03-muted);\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.hke03-final-note strong {\n  color: var(--hke03-navy);\n}\n\n@media (max-width: 1080px) {\n  .hke03-context {\n    grid-template-columns: minmax(150px, 0.65fr) minmax(200px, 0.8fr) minmax(330px, 1.55fr);\n    gap: 17px;\n  }\n\n  .hke03-builder {\n    grid-template-columns: minmax(0, 1.72fr) minmax(330px, 0.92fr);\n  }\n\n  .hke03-builder-heading {\n    grid-template-columns: 38px minmax(0, 1fr);\n  }\n\n  .hke03-builder-heading > p {\n    grid-column: 2;\n  }\n\n}\n\n@media (max-width: 920px) {\n  .hke03-intro {\n    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);\n    gap: 38px;\n  }\n\n  .hke03-context {\n    grid-template-columns: minmax(160px, 0.65fr) minmax(220px, 1fr);\n  }\n\n  .hke03-context-route {\n    grid-column: 1 \/ -1;\n    padding: 16px 0 0;\n    border-top: 1px solid var(--hke03-line-dark);\n    border-left: 0;\n  }\n\n  .hke03-builder {\n    grid-template-columns: 1fr;\n  }\n\n  .hke03-brief {\n    position: static;\n    border-radius: 8px;\n  }\n\n  .hke03-brief-list {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    column-gap: 26px;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke03-section {\n    padding: 64px 16px;\n  }\n\n  .hke03-intro {\n    grid-template-columns: 1fr;\n    gap: 24px;\n    margin-bottom: 32px;\n  }\n\n  .hke03-intro h2 {\n    max-width: 680px;\n    font-size: clamp(2.2rem, 9vw, 3.1rem);\n  }\n\n  .hke03-section-label {\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke03-context {\n    padding: 18px;\n  }\n\n  .hke03-builder-section {\n    padding: 28px 22px 30px;\n  }\n\n  .hke03-decision-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n}\n\n@media (min-width: 621px) and (max-width: 920px) {\n  .hke03-actions {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 620px) {\n  .hke03-context {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .hke03-context-route {\n    grid-column: auto;\n  }\n\n  .hke03-intents,\n  .hke03-fields {\n    grid-template-columns: 1fr;\n  }\n\n  .hke03-intent-pending {\n    grid-column: auto;\n  }\n\n  .hke03-builder-heading {\n    grid-template-columns: 34px minmax(0, 1fr);\n    align-items: start;\n  }\n\n  .hke03-builder-heading > p {\n    grid-column: 1 \/ -1;\n    padding-top: 3px;\n  }\n\n  .hke03-brief-list {\n    display: block;\n  }\n}\n\n@media (max-width: 420px) {\n  .hke03-section {\n    padding: 58px 10px;\n  }\n\n  .hke03-section-label {\n    align-items: flex-start;\n  }\n\n  .hke03-intro h2 {\n    font-size: 2.15rem;\n  }\n\n  .hke03-boundary {\n    grid-template-columns: 32px minmax(0, 1fr);\n  }\n\n  .hke03-context,\n  .hke03-builder-section,\n  .hke03-brief {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .hke03-choices--protection {\n    grid-template-columns: 1fr;\n  }\n\n  .hke03-choices--protection button:last-child {\n    grid-column: auto;\n  }\n\n  .hke03-brief-head {\n    grid-template-columns: 38px minmax(0, 1fr);\n  }\n\n  .hke03-brief-head b {\n    grid-column: 2;\n    justify-self: start;\n  }\n\n  .hke03-brief-list > div {\n    grid-template-columns: 1fr;\n    gap: 4px;\n  }\n\n  .hke03-brief-list dd {\n    text-align: left;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke03-block *,\n  .hke03-block *::before,\n  .hke03-block *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n\/* Astra \/ Elementor isolation for the widget's own interactive elements only. *\/\n.hke03-block .hke03-intents button,\n.hke03-block .hke03-choices button {\n  box-shadow: none;\n  text-transform: none;\n}\n\n.hke03-block .hke03-choices button.is-active {\n  box-shadow: inset 3px 0 0 var(--hke03-blue);\n}\n\n.hke03-block .hke03-choices button.is-active[data-hke03-value=\"To be confirmed\"] {\n  border-color: var(--hke03-line-strong);\n  background: var(--hke03-pending-bg);\n  color: var(--hke03-muted);\n  box-shadow: inset 3px 0 0 var(--hke03-pending-accent);\n}\n\n.hke03-block .hke03-actions a,\n.hke03-block .hke03-actions a:hover,\n.hke03-block .hke03-actions a:focus,\n.hke03-block .hke03-actions a:visited {\n  text-decoration: none;\n}\n<\/style>\n\n<div class=\"hke03-block\">\n  <section id=\"specification\" class=\"hke03-section\" aria-labelledby=\"hke03-title\">\n    <div class=\"hke03-shell\">\n      <header class=\"hke03-intro\">\n        <div>\n          <p class=\"hke03-section-label\"><span>02<\/span> CABLE SPECIFICATION &amp; PROJECT BRIEF<\/p>\n          <h2 id=\"hke03-title\">Define the Cable Before Selecting the Production Line<\/h2>\n        <\/div>\n        <div class=\"hke03-intro-copy\">\n          <p>Machine selection follows the cable construction and confirmed project inputs. Choose what you know and leave uncertain items for joint confirmation.<\/p>\n          <div class=\"hke03-boundary\">\n            <span aria-hidden=\"true\">\u2713<\/span>\n            <div><strong>A requirement brief, not an automatic machine claim<\/strong>Final equipment is confirmed against the approved cable design, required range, production target and factory conditions.<\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"hke03-context\" aria-label=\"Selected cable and preliminary production route\">\n        <div class=\"hke03-context-copy\">\n          <span>STARTING CABLE<\/span>\n          <strong data-hke03-family-name>Building Wire<\/strong>\n        <\/div>\n        <label class=\"hke03-family-field\">\n          <span>Change starting cable<\/span>\n          <select data-hke03-family aria-label=\"Selected cable family\">\n            <option value=\"building\">Building Wire<\/option>\n            <option value=\"thhn\">THHN \/ THWN<\/option>\n            <option value=\"flexible\">Flexible Cable<\/option>\n            <option value=\"lv\">LV Power Cable<\/option>\n            <option value=\"armoured\">Armoured Power Cable<\/option>\n            <option value=\"control\">Control Cable<\/option>\n          <\/select>\n        <\/label>\n        <div class=\"hke03-context-route\">\n          <span>PRELIMINARY ROUTE TO REVIEW<\/span>\n          <strong data-hke03-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"hke03-builder\">\n        <div class=\"hke03-workspace\">\n          <section class=\"hke03-builder-section\" aria-labelledby=\"hke03-intent-title\">\n            <header class=\"hke03-builder-heading\">\n              <span>01<\/span>\n              <div><small>PROJECT INTENT<\/small><h3 id=\"hke03-intent-title\">What are you planning?<\/h3><\/div>\n              <p>This changes the questions HONGKAI must confirm; it does not select a machine automatically.<\/p>\n            <\/header>\n\n            <div class=\"hke03-intents\" role=\"group\" aria-label=\"Project intent\">\n              <button type=\"button\" data-hke03-field=\"goal\" data-hke03-value=\"New factory\" aria-pressed=\"false\"><span>01<\/span><strong>New factory<\/strong><small>Plan the full process, utilities and material flow<\/small><\/button>\n              <button type=\"button\" data-hke03-field=\"goal\" data-hke03-value=\"New product\" aria-pressed=\"false\"><span>02<\/span><strong>New cable product<\/strong><small>Review the stages required for the intended cable<\/small><\/button>\n              <button type=\"button\" data-hke03-field=\"goal\" data-hke03-value=\"Capacity expansion\" aria-pressed=\"false\"><span>03<\/span><strong>Capacity expansion<\/strong><small>Map the new scope to existing production interfaces<\/small><\/button>\n              <button type=\"button\" data-hke03-field=\"goal\" data-hke03-value=\"Line replacement \/ upgrade\" aria-pressed=\"false\"><span>04<\/span><strong>Replace or upgrade<\/strong><small>Confirm upstream and downstream compatibility<\/small><\/button>\n              <button class=\"hke03-intent-pending is-active\" type=\"button\" data-hke03-field=\"goal\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\"><span>?<\/span><strong>Not sure yet<\/strong><small>Keep the project intent open for joint confirmation<\/small><\/button>\n            <\/div>\n          <\/section>\n\n          <section class=\"hke03-builder-section\" aria-labelledby=\"hke03-definition-title\">\n            <header class=\"hke03-builder-heading\">\n              <span>02<\/span>\n              <div><small>CABLE DEFINITION<\/small><h3 id=\"hke03-definition-title\">Set the known construction inputs<\/h3><\/div>\n              <p>The ranges below are conversation groups only. Exact values remain subject to the approved cable design.<\/p>\n            <\/header>\n\n            <div class=\"hke03-decision-grid\">\n              <fieldset class=\"hke03-decision\">\n                <legend><span>CONDUCTOR<\/span>Conductor material<\/legend>\n                <div class=\"hke03-choices\" role=\"group\" aria-label=\"Conductor material\">\n                  <button type=\"button\" data-hke03-field=\"conductor\" data-hke03-value=\"Copper\" aria-pressed=\"false\">Copper<\/button>\n                  <button type=\"button\" data-hke03-field=\"conductor\" data-hke03-value=\"Aluminum\" aria-pressed=\"false\">Aluminum<\/button>\n                  <button type=\"button\" data-hke03-field=\"conductor\" data-hke03-value=\"Other\" aria-pressed=\"false\">Other<\/button>\n                  <button class=\"is-active\" type=\"button\" data-hke03-field=\"conductor\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\">To be confirmed<\/button>\n                <\/div>\n              <\/fieldset>\n\n              <fieldset class=\"hke03-decision\">\n                <legend><span>CONDUCTOR<\/span>Conductor structure<\/legend>\n                <div class=\"hke03-choices\" role=\"group\" aria-label=\"Conductor structure\">\n                  <button type=\"button\" data-hke03-field=\"structure\" data-hke03-value=\"Solid\" aria-pressed=\"false\">Solid<\/button>\n                  <button type=\"button\" data-hke03-field=\"structure\" data-hke03-value=\"Stranded\" aria-pressed=\"false\">Stranded<\/button>\n                  <button type=\"button\" data-hke03-field=\"structure\" data-hke03-value=\"Fine-stranded \/ flexible\" aria-pressed=\"false\">Fine-stranded<\/button>\n                  <button class=\"is-active\" type=\"button\" data-hke03-field=\"structure\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\">To be confirmed<\/button>\n                <\/div>\n              <\/fieldset>\n\n              <fieldset class=\"hke03-decision\">\n                <legend><span>PRELIMINARY RANGE<\/span>Conductor cross-section<\/legend>\n                <div class=\"hke03-choices hke03-choices--range\" role=\"group\" aria-label=\"Conductor cross-section range\">\n                  <button type=\"button\" data-hke03-field=\"size\" data-hke03-value=\"0.5\u20136 mm\u00b2\" aria-pressed=\"false\">0.5\u20136 mm\u00b2<\/button>\n                  <button type=\"button\" data-hke03-field=\"size\" data-hke03-value=\"10\u201335 mm\u00b2\" aria-pressed=\"false\">10\u201335 mm\u00b2<\/button>\n                  <button type=\"button\" data-hke03-field=\"size\" data-hke03-value=\"50\u2013120 mm\u00b2\" aria-pressed=\"false\">50\u2013120 mm\u00b2<\/button>\n                  <button type=\"button\" data-hke03-field=\"size\" data-hke03-value=\"150 mm\u00b2+\" aria-pressed=\"false\">150 mm\u00b2+<\/button>\n                  <button type=\"button\" data-hke03-field=\"size\" data-hke03-value=\"Custom range\" aria-pressed=\"false\">Custom range<\/button>\n                  <button class=\"is-active\" type=\"button\" data-hke03-field=\"size\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\">To be confirmed<\/button>\n                <\/div>\n              <\/fieldset>\n\n              <fieldset class=\"hke03-decision\">\n                <legend><span>MATERIAL SYSTEM<\/span>Primary insulation<\/legend>\n                <div class=\"hke03-choices hke03-choices--range\" role=\"group\" aria-label=\"Primary insulation\">\n                  <button type=\"button\" data-hke03-field=\"insulation\" data-hke03-value=\"PVC\" aria-pressed=\"false\">PVC<\/button>\n                  <button type=\"button\" data-hke03-field=\"insulation\" data-hke03-value=\"PE\" aria-pressed=\"false\">PE<\/button>\n                  <button type=\"button\" data-hke03-field=\"insulation\" data-hke03-value=\"XLPE\" aria-pressed=\"false\">XLPE<\/button>\n                  <button type=\"button\" data-hke03-field=\"insulation\" data-hke03-value=\"LSZH compound\" aria-pressed=\"false\">LSZH<\/button>\n                  <button type=\"button\" data-hke03-field=\"insulation\" data-hke03-value=\"Other\" aria-pressed=\"false\">Other<\/button>\n                  <button class=\"is-active\" type=\"button\" data-hke03-field=\"insulation\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\">To be confirmed<\/button>\n                <\/div>\n              <\/fieldset>\n\n              <fieldset class=\"hke03-decision\">\n                <legend><span>CABLE CONSTRUCTION<\/span>Core arrangement<\/legend>\n                <div class=\"hke03-choices hke03-choices--three\" role=\"group\" aria-label=\"Core arrangement\">\n                  <button type=\"button\" data-hke03-field=\"core\" data-hke03-value=\"Single core\" aria-pressed=\"false\">Single core<\/button>\n                  <button type=\"button\" data-hke03-field=\"core\" data-hke03-value=\"Multi-core\" aria-pressed=\"false\">Multi-core<\/button>\n                  <button class=\"is-active\" type=\"button\" data-hke03-field=\"core\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\">To be confirmed<\/button>\n                <\/div>\n              <\/fieldset>\n\n              <fieldset class=\"hke03-decision\">\n                <legend><span>CABLE CONSTRUCTION<\/span>Protection construction<\/legend>\n                <div class=\"hke03-choices hke03-choices--protection\" role=\"group\" aria-label=\"Protection construction\">\n                  <button type=\"button\" data-hke03-field=\"protection\" data-hke03-value=\"None specified\" aria-pressed=\"false\">None specified<\/button>\n                  <button type=\"button\" data-hke03-field=\"protection\" data-hke03-value=\"Shielded\" aria-pressed=\"false\">Shielded<\/button>\n                  <button type=\"button\" data-hke03-field=\"protection\" data-hke03-value=\"Armoured\" aria-pressed=\"false\">Armoured<\/button>\n                  <button type=\"button\" data-hke03-field=\"protection\" data-hke03-value=\"Shielded + armoured\" aria-pressed=\"false\">Shielded + armoured<\/button>\n                  <button class=\"is-active\" type=\"button\" data-hke03-field=\"protection\" data-hke03-value=\"To be confirmed\" aria-pressed=\"true\">To be confirmed<\/button>\n                <\/div>\n              <\/fieldset>\n            <\/div>\n          <\/section>\n\n          <section class=\"hke03-builder-section\" aria-labelledby=\"hke03-targets-title\">\n            <header class=\"hke03-builder-heading\">\n              <span>03<\/span>\n              <div><small>PROJECT TARGETS<\/small><h3 id=\"hke03-targets-title\">Add the project values you already know<\/h3><\/div>\n              <p>Do not estimate. Leave the field open when the drawing, standard or production target is not yet available.<\/p>\n            <\/header>\n\n            <div class=\"hke03-fields\">\n              <label><span>Outer covering \/ jacket<\/span><select data-hke03-select=\"covering\"><option>To be confirmed<\/option><option>None specified<\/option><option>PVC<\/option><option>PE<\/option><option>LSZH compound<\/option><option>Nylon<\/option><option>Other<\/option><\/select><\/label>\n              <label><span>Rated voltage \/ cable designation<\/span><input type=\"text\" data-hke03-input=\"voltage\" placeholder=\"Enter if confirmed\" autocomplete=\"off\" \/><\/label>\n              <label><span>Target output \/ capacity<\/span><input type=\"text\" data-hke03-input=\"output\" placeholder=\"Quantity and unit, if known\" autocomplete=\"off\" \/><\/label>\n              <label><span>Acceptance basis<\/span><select data-hke03-select=\"acceptance\"><option>To be confirmed<\/option><option>Customer specification<\/option><option>Approved cable drawing<\/option><option>Approved cable sample<\/option><option>Applicable standard to be supplied<\/option><\/select><\/label>\n            <\/div>\n          <\/section>\n        <\/div>\n\n        <aside class=\"hke03-brief\" aria-live=\"polite\" aria-atomic=\"true\">\n          <header class=\"hke03-brief-head\">\n            <span class=\"hke03-brief-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 5.5h6M9 9.5h6M9 13.5h4M8 3h8a2 2 0 0 1 2 2v15H6V5a2 2 0 0 1 2-2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\n            <\/span>\n            <div><small>LIVE PROJECT BRIEF<\/small><strong>Your current cable definition<\/strong><\/div>\n            <b data-hke03-status>IN PROGRESS<\/b>\n          <\/header>\n\n          <h3 data-hke03-summary>Building Wire \u00b7 Conductor pending \u00b7 Range pending<\/h3>\n\n          <dl class=\"hke03-brief-list\">\n            <div><dt>Selected cable<\/dt><dd data-hke03-brief-family>Building Wire<\/dd><\/div>\n            <div><dt>Conductor<\/dt><dd data-hke03-brief-conductor>To be confirmed \u00b7 To be confirmed<\/dd><\/div>\n            <div><dt>Material system<\/dt><dd data-hke03-brief-material>To be confirmed \u00b7 Covering to be confirmed<\/dd><\/div>\n            <div><dt>Construction<\/dt><dd data-hke03-brief-construction>To be confirmed \u00b7 To be confirmed<\/dd><\/div>\n            <div><dt>Project intent<\/dt><dd data-hke03-brief-goal>To be confirmed<\/dd><\/div>\n            <div><dt>Rated voltage<\/dt><dd data-hke03-brief-voltage>To be confirmed<\/dd><\/div>\n            <div><dt>Target output<\/dt><dd data-hke03-brief-output>To be confirmed<\/dd><\/div>\n            <div><dt>Acceptance basis<\/dt><dd data-hke03-brief-acceptance>To be confirmed<\/dd><\/div>\n          <\/dl>\n\n          <div class=\"hke03-route-review\">\n            <small>PRELIMINARY ROUTE TO REVIEW<\/small>\n            <strong data-hke03-brief-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/strong>\n            <p>This route comes from the selected cable family. It is not an automatic equipment configuration.<\/p>\n          <\/div>\n\n          <div class=\"hke03-impact\">\n            <small>REVIEW IMPACT<\/small>\n            <ul data-hke03-impact-list>\n              <li><span aria-hidden=\"true\">\u2713<\/span>Known inputs will be reviewed against the cable drawing<\/li>\n              <li><span aria-hidden=\"true\">\u2713<\/span>Equipment scope remains subject to engineering confirmation<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"hke03-confirm\">\n            <small>STILL TO CONFIRM<\/small>\n            <p data-hke03-confirm-list>Project intent \u00b7 Conductor \u00b7 Conductor structure \u00b7 Cross-section \u00b7 Primary insulation \u00b7 Core arrangement \u00b7 Protection \u00b7 Rated voltage \u00b7 Target output \u00b7 Acceptance basis<\/p>\n          <\/div>\n\n          <div class=\"hke03-actions\">\n            <a class=\"hke03-action-secondary\" href=\"#process\" data-hke03-scroll=\"#process\">Review the Process Route <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <a class=\"hke03-action-primary\" href=\"#enquiry\" data-hke03-carry data-hke03-scroll=\"#enquiry\">Carry This Brief to Enquiry <span aria-hidden=\"true\">\u2197<\/span><\/a>\n          <\/div>\n        <\/aside>\n      <\/div>\n\n      <p class=\"hke03-final-note\"><strong>Engineering boundary:<\/strong> cable layer thicknesses, material grades, testing, packaging, factory conditions, equipment models, equipment sources and final responsibility remain subject to project confirmation.<\/p>\n      <input type=\"hidden\" name=\"hke_electrical_project_brief\" data-hke03-brief-input data-hke-electrical-brief-input value=\"\" \/>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const STORAGE_KEY = \"hkeElectricalProjectBriefV1\";\n  const FAMILY_RADIOS = [\"building\", \"thhn\", \"flexible\", \"lv\", \"armoured\", \"control\"];\n  const FAMILY_ROUTES = {\n    building: { label: \"Building Wire\", route: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\" },\n    thhn: { label: \"THHN \/ THWN\", route: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing\" },\n    flexible: { label: \"Flexible Cable\", route: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing\" },\n    lv: { label: \"LV Power Cable\", route: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing\" },\n    armoured: { label: \"Armoured Power Cable\", route: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath\" },\n    control: { label: \"Control Cable\", route: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing\" }\n  };\n\n  const initialState = {\n    family: \"building\",\n    goal: \"To be confirmed\",\n    conductor: \"To be confirmed\",\n    structure: \"To be confirmed\",\n    size: \"To be confirmed\",\n    insulation: \"To be confirmed\",\n    core: \"To be confirmed\",\n    protection: \"To be confirmed\",\n    covering: \"To be confirmed\",\n    voltage: \"\",\n    output: \"\",\n    acceptance: \"To be confirmed\"\n  };\n\n  const isPending = (value) => !value || value === \"To be confirmed\";\n  const shown = (value) => isPending(value) ? \"To be confirmed\" : value;\n\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const formatBrief = (brief) => [\n    `Cable family: ${brief.family}`,\n    `Project intent: ${brief.goal}`,\n    `Conductor: ${brief.conductor} \/ ${brief.conductorStructure}`,\n    `Cross-section range: ${brief.crossSection}`,\n    `Primary insulation: ${brief.insulation}`,\n    `Outer covering \/ jacket: ${brief.covering}`,\n    `Core \/ protection: ${brief.core} \/ ${brief.protection}`,\n    `Rated voltage \/ designation: ${brief.voltage}`,\n    `Target output \/ capacity: ${brief.output}`,\n    `Acceptance basis: ${brief.acceptance}`,\n    `Preliminary route to review: ${brief.preliminaryRoute}`,\n    `Still to confirm: ${brief.stillToConfirm.join(\"; \")}`,\n    \"Boundary: Final equipment is confirmed against the approved cable design, required range, production target and factory conditions.\"\n  ].join(\"\\n\");\n\n  const init = (root) => {\n    if (!root || root.dataset.hke03Ready === \"true\") return;\n    root.dataset.hke03Ready = \"true\";\n\n    const state = { ...initialState };\n    const familySelect = root.querySelector(\"[data-hke03-family]\");\n    const fieldButtons = [...root.querySelectorAll(\"[data-hke03-field]\")];\n    const selects = [...root.querySelectorAll(\"[data-hke03-select]\")];\n    const inputs = [...root.querySelectorAll(\"[data-hke03-input]\")];\n\n    const applyFamily = (family, syncCatalog = false) => {\n      if (!FAMILY_ROUTES[family]) return;\n      state.family = family;\n      if (familySelect) familySelect.value = family;\n\n      if (syncCatalog) {\n        const catalogRadio = document.getElementById(`hke02-cable-${family}`);\n        if (catalogRadio && !catalogRadio.checked) {\n          catalogRadio.checked = true;\n          catalogRadio.dispatchEvent(new Event(\"change\", { bubbles: true }));\n        }\n      }\n      refresh();\n    };\n\n    const currentBrief = () => {\n      const family = FAMILY_ROUTES[state.family] || FAMILY_ROUTES.building;\n      const dynamicPending = [];\n      [\n        [\"Project intent\", state.goal],\n        [\"Conductor material\", state.conductor],\n        [\"Conductor structure\", state.structure],\n        [\"Cross-section range\", state.size],\n        [\"Primary insulation\", state.insulation],\n        [\"Outer covering \/ jacket\", state.covering],\n        [\"Core arrangement\", state.core],\n        [\"Protection construction\", state.protection],\n        [\"Rated voltage \/ designation\", state.voltage],\n        [\"Target output \/ capacity\", state.output],\n        [\"Acceptance basis\", state.acceptance]\n      ].forEach(([label, value]) => {\n        if (isPending(value)) dynamicPending.push(label);\n      });\n\n      return {\n        familyId: state.family,\n        family: family.label,\n        goal: shown(state.goal),\n        conductor: shown(state.conductor),\n        conductorStructure: shown(state.structure),\n        crossSection: shown(state.size),\n        insulation: shown(state.insulation),\n        covering: shown(state.covering),\n        core: shown(state.core),\n        protection: shown(state.protection),\n        voltage: state.voltage.trim() || \"To be confirmed\",\n        output: state.output.trim() || \"To be confirmed\",\n        acceptance: shown(state.acceptance),\n        preliminaryRoute: family.route,\n        dynamicPending,\n        stillToConfirm: [...dynamicPending, \"Layer thicknesses and material grades\", \"Testing and packing\", \"Factory conditions\"],\n        status: dynamicPending.length === 0 ? \"READY FOR PROJECT REVIEW\" : \"IN PROGRESS\"\n      };\n    };\n\n    const impactFor = (brief) => {\n      const impact = [];\n      if (brief.goal === \"New factory\") impact.push(\"Factory layout, utilities and material flow require project review\");\n      if (brief.goal === \"Capacity expansion\" || brief.goal === \"Line replacement \/ upgrade\") impact.push(\"Existing upstream and downstream interfaces require confirmation\");\n      if (brief.core === \"Multi-core\") impact.push(\"A cabling \/ laying-up stage requires review\");\n      if (brief.covering === \"Nylon\") impact.push(\"An additional nylon covering stage requires review\");\n      if (brief.protection.toLowerCase().includes(\"armoured\")) impact.push(\"Armouring construction and protection-stage equipment require review\");\n      if (brief.protection.toLowerCase().includes(\"shielded\")) impact.push(\"Shielding construction and the related process stage require review\");\n      if (brief.conductor === \"Aluminum\") impact.push(\"Conductor preparation and downstream compatibility require review\");\n      if (impact.length === 0) impact.push(\"Known inputs will be reviewed against the cable drawing\");\n      impact.push(\"Equipment scope remains subject to engineering confirmation\");\n      return [...new Set(impact)].slice(0, 3);\n    };\n\n    function refresh() {\n      const brief = currentBrief();\n      const family = FAMILY_ROUTES[state.family] || FAMILY_ROUTES.building;\n      const conductorSummary = isPending(state.conductor) && isPending(state.structure)\n        ? \"Conductor pending\"\n        : [shown(state.conductor), shown(state.structure)].join(\" \/ \");\n      const rangeSummary = isPending(state.size) ? \"Range pending\" : state.size;\n\n      setText(root, \"[data-hke03-family-name]\", family.label);\n      setText(root, \"[data-hke03-route]\", family.route);\n      setText(root, \"[data-hke03-status]\", brief.status);\n      setText(root, \"[data-hke03-summary]\", `${family.label} \u00b7 ${conductorSummary} \u00b7 ${rangeSummary}`);\n      setText(root, \"[data-hke03-brief-family]\", family.label);\n      setText(root, \"[data-hke03-brief-conductor]\", `${brief.conductor} \u00b7 ${brief.conductorStructure} \u00b7 ${brief.crossSection}`);\n      setText(root, \"[data-hke03-brief-material]\", `${brief.insulation} \u00b7 ${brief.covering}`);\n      setText(root, \"[data-hke03-brief-construction]\", `${brief.core} \u00b7 ${brief.protection}`);\n      setText(root, \"[data-hke03-brief-goal]\", brief.goal);\n      setText(root, \"[data-hke03-brief-voltage]\", brief.voltage);\n      setText(root, \"[data-hke03-brief-output]\", brief.output);\n      setText(root, \"[data-hke03-brief-acceptance]\", brief.acceptance);\n      setText(root, \"[data-hke03-brief-route]\", brief.preliminaryRoute);\n      setText(root, \"[data-hke03-confirm-list]\", brief.stillToConfirm.join(\" \u00b7 \"));\n\n      const impactList = root.querySelector(\"[data-hke03-impact-list]\");\n      if (impactList) {\n        impactList.replaceChildren(...impactFor(brief).map((item) => {\n          const li = document.createElement(\"li\");\n          const mark = document.createElement(\"span\");\n          mark.setAttribute(\"aria-hidden\", \"true\");\n          mark.textContent = \"\u2713\";\n          li.append(mark, document.createTextNode(item));\n          return li;\n        }));\n      }\n\n      const serialized = formatBrief(brief);\n      root.querySelectorAll(\"[data-hke03-brief-input]\").forEach((field) => { field.value = serialized; });\n      window.HKE_ELECTRICAL_PROJECT_BRIEF = brief;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-brief\", { detail: brief }));\n    }\n\n    fieldButtons.forEach((button) => {\n      button.addEventListener(\"click\", () => {\n        const field = button.dataset.hke03Field;\n        state[field] = button.dataset.hke03Value;\n        fieldButtons.filter((item) => item.dataset.hke03Field === field).forEach((item) => {\n          const selected = item === button;\n          item.classList.toggle(\"is-active\", selected);\n          item.setAttribute(\"aria-pressed\", String(selected));\n        });\n        refresh();\n      });\n    });\n\n    familySelect?.addEventListener(\"change\", () => applyFamily(familySelect.value, true));\n\n    selects.forEach((field) => {\n      const key = field.dataset.hke03Select;\n      state[key] = field.value;\n      field.addEventListener(\"change\", () => {\n        state[key] = field.value;\n        refresh();\n      });\n    });\n\n    inputs.forEach((field) => {\n      const key = field.dataset.hke03Input;\n      state[key] = field.value;\n      field.addEventListener(\"input\", () => {\n        state[key] = field.value;\n        refresh();\n      });\n    });\n\n    FAMILY_RADIOS.forEach((family) => {\n      const radio = document.getElementById(`hke02-cable-${family}`);\n      radio?.addEventListener(\"change\", () => {\n        if (radio.checked) applyFamily(family);\n      });\n    });\n\n    document.addEventListener(\"click\", (event) => {\n      const action = event.target.closest?.(\".hke02-detail-action\");\n      const detail = action?.closest?.(\".hke02-detail[data-detail]\");\n      if (detail?.dataset.detail && FAMILY_ROUTES[detail.dataset.detail]) applyFamily(detail.dataset.detail);\n    });\n\n    root.querySelectorAll(\"[data-hke03-scroll]\").forEach((control) => {\n      control.addEventListener(\"click\", (event) => {\n        const brief = currentBrief();\n        if (control.hasAttribute(\"data-hke03-carry\")) {\n          const serialized = formatBrief(brief);\n          try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(brief)); } catch (error) { \/* Storage is optional. *\/ }\n          document.querySelectorAll(\"[data-hke-electrical-brief-input]\").forEach((field) => {\n            field.value = serialized;\n            field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n            field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n          });\n          window.dispatchEvent(new CustomEvent(\"hke:electrical-brief-carried\", { detail: brief }));\n        }\n\n        const selector = control.dataset.hke03Scroll;\n        const target = selector ? document.querySelector(selector) : null;\n        if (!target) return;\n        event.preventDefault();\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    const checkedFamily = FAMILY_RADIOS.find((family) => document.getElementById(`hke02-cable-${family}`)?.checked);\n    applyFamily(checkedFamily || state.family);\n  };\n\n  const start = () => document.querySelectorAll(\".hke03-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eb0bfa7 e-con e-atomic-element e-flexbox-base e-eb0bfa7-c6323c9 \" data-id=\"eb0bfa7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb0bfa7\" data-e-type=\"e-flexbox\" data-id=\"eb0bfa7\">\n    \t\t<div class=\"elementor-element elementor-element-f38a029 elementor-widget elementor-widget-html\" data-id=\"f38a029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 04 \/ VISUAL BLOCK 05\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=white-process-map+navy-route-selector \u00b7 B=roboto+mono-meta\n * C=eight-stage-route+detail-sheet \u00b7 D=route-and-stage-selection \u00b7 E=engineering-process-reference\n * SOUL=4 SPECTACLE=1 DENSITY=7 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke04-block),\n.elementor-widget-html:has(.hke04-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke04-preview-body),\nbody.hke04-preview-body {\n  overflow-x: clip;\n}\n\n.hke04-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke04-block {\n  --hke04-bg: #fdfefe;\n  --hke04-surface: #fbfdff;\n  --hke04-soft: #f7fafd;\n  --hke04-soft-blue: #eef5fb;\n  --hke04-navy: #102a43;\n  --hke04-dark: #102a43;\n  --hke04-dark-soft: #213951;\n  --hke04-text: #30485f;\n  --hke04-muted: #6f7f90;\n  --hke04-blue: #1677c8;\n  --hke04-blue-deep: #122d6c;\n  --hke04-blue-light: #8cb9e6;\n  --hke04-orange: #e16a47;\n  --hke04-orange-hover: #c85638;\n  --hke04-line: #d8e2ec;\n  --hke04-line-soft: #e8eef4;\n  --hke04-line-blue: #cddfed;\n  --hke04-line-blue-strong: #9fc6e7;\n  --hke04-line-blue-hover: #a8c8e4;\n  --hke04-label-blue: #8fc2ee;\n  --hke04-white: #f8fbff;\n  --hke04-image-bg: #ffffff;\n  --hke04-font: \"Roboto\", Arial, sans-serif;\n  --hke04-mono: \"Roboto Mono\", monospace;\n  --hke04-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  overflow-x: clip;\n  color: var(--hke04-text);\n  font-family: var(--hke04-font);\n  -webkit-font-smoothing: antialiased;\n}\n\n.hke04-block,\n.hke04-block *,\n.hke04-block *::before,\n.hke04-block *::after {\n  box-sizing: border-box;\n}\n\n.hke04-block h2,\n.hke04-block h3,\n.hke04-block p,\n.hke04-block dl,\n.hke04-block dd,\n.hke04-block figure {\n  margin: 0;\n}\n\n.hke04-block button,\n.hke04-block select,\n.hke04-block a {\n  font-family: var(--hke04-font);\n}\n\n\/* Elementor\/Astra theme isolation. The live site kit styles every bare button,\n * so the widget needs a stable root ID and explicit control-state resets. *\/\n#hke04-process-overview button {\n  margin: 0 !important;\n  font-family: var(--hke04-font) !important;\n  text-transform: none !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  background-image: none !important;\n}\n\n.hke04-section {\n  width: 100%;\n  margin: 0;\n  padding: clamp(76px, 7vw, 104px) 24px;\n  scroll-margin-top: 150px;\n  background: var(--hke04-bg);\n}\n\n.hke04-shell {\n  width: min(100%, var(--hke04-shell));\n  margin: 0 auto;\n}\n\n.hke04-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.93fr);\n  gap: clamp(46px, 6vw, 86px);\n  align-items: end;\n  margin-bottom: 42px;\n}\n\n.hke04-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke04-blue);\n  font-family: var(--hke04-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke04-section-label span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid rgba(235, 244, 252, 0.2);\n  border-radius: 7px;\n  background: var(--hke04-blue-deep);\n  color: var(--hke04-white);\n  letter-spacing: 0;\n}\n\n.hke04-intro h2 {\n  max-width: 680px;\n  min-width: 0;\n  color: var(--hke04-navy);\n  font-size: clamp(2.65rem, 4.25vw, 3.78rem);\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -0.045em;\n  overflow-wrap: anywhere;\n}\n\n.hke04-intro-copy > p {\n  color: var(--hke04-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke04-boundary {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 12px;\n  align-items: start;\n  margin-top: 22px;\n  padding-top: 19px;\n  border-top: 1px solid var(--hke04-line);\n  color: var(--hke04-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke04-boundary > span {\n  display: grid;\n  width: 31px;\n  height: 31px;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--hke04-blue);\n  color: var(--hke04-white);\n  font-family: var(--hke04-mono);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.hke04-boundary strong {\n  display: block;\n  margin-bottom: 2px;\n  color: var(--hke04-navy);\n  font-size: 14px;\n}\n\n.hke04-workspace {\n  overflow: hidden;\n  border: 1px solid var(--hke04-line);\n  border-radius: 12px;\n  background: var(--hke04-surface);\n  box-shadow: 0 16px 42px rgba(16, 42, 67, 0.06);\n}\n\n.hke04-route-selector {\n  display: grid;\n  min-height: 94px;\n  grid-template-columns: minmax(280px, 1fr) auto;\n  gap: 28px;\n  align-items: center;\n  padding: 18px 20px;\n  background: var(--hke04-dark);\n  color: var(--hke04-white);\n}\n\n.hke04-route-selector small,\n.hke04-route-heading small,\n.hke04-family-field > span,\n.hke04-next small,\n.hke04-considerations small,\n.hke04-detail-label {\n  display: block;\n  color: var(--hke04-label-blue);\n  font-family: var(--hke04-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.35;\n}\n\n.hke04-route-selector strong {\n  display: block;\n  margin-top: 6px;\n  font-size: 14px;\n  line-height: 1.45;\n}\n\n.hke04-route-tabs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 4px;\n  min-width: 520px;\n  padding: 4px;\n  border: 1px solid rgba(235, 244, 252, 0.16);\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.hke04-route-tabs button {\n  min-height: 48px;\n  padding: 0 16px;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  background: transparent;\n  color: #d5e1ec;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.2;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;\n}\n\n.hke04-route-tabs button:hover {\n  border-color: rgba(255, 255, 255, 0.2);\n  color: var(--hke04-white);\n}\n\n.hke04-route-tabs button.is-active {\n  border-color: var(--hke04-orange);\n  background: var(--hke04-orange);\n  color: var(--hke04-white);\n}\n\n.hke04-route-tabs button:focus-visible,\n.hke04-stage:focus-visible,\n.hke04-family-field select:focus-visible,\n.hke04-next a:focus-visible {\n  outline: 3px solid var(--hke04-blue-light);\n  outline-offset: 3px;\n}\n\n.hke04-route-panel {\n  padding: 30px;\n}\n\n.hke04-route-heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(220px, 330px);\n  gap: 40px;\n  align-items: end;\n  margin-bottom: 24px;\n}\n\n.hke04-route-heading small {\n  color: var(--hke04-blue);\n}\n\n.hke04-route-heading h3 {\n  min-width: 0;\n  margin-top: 7px;\n  color: var(--hke04-navy);\n  font-size: clamp(1.85rem, 2.5vw, 2.35rem);\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -0.035em;\n  overflow-wrap: anywhere;\n}\n\n.hke04-route-heading p {\n  max-width: 720px;\n  margin-top: 10px;\n  color: var(--hke04-muted);\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.hke04-family-field {\n  display: block;\n}\n\n.hke04-family-field > span {\n  margin-bottom: 7px;\n  color: var(--hke04-blue);\n}\n\n.hke04-family-field select {\n  width: 100%;\n  min-height: 48px;\n  padding: 0 42px 0 14px;\n  border: 1px solid var(--hke04-line);\n  border-radius: 6px;\n  background: var(--hke04-surface);\n  color: var(--hke04-navy);\n  font-size: 13px;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.hke04-stage-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.hke04-stage {\n  display: grid;\n  min-width: 0;\n  grid-template-rows: auto 1fr;\n  overflow: hidden;\n  padding: 0;\n  border: 1px solid var(--hke04-line);\n  border-radius: 10px;\n  background: var(--hke04-surface);\n  color: var(--hke04-text);\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\n}\n\n.hke04-stage:hover {\n  border-color: var(--hke04-line-blue-hover);\n  transform: translateY(-2px);\n}\n\n.hke04-stage.is-in-route {\n  border-color: var(--hke04-line-blue-strong);\n  background: #fbfdff;\n}\n\n.hke04-stage.is-current {\n  border-color: var(--hke04-blue);\n  box-shadow: 0 0 0 2px rgba(22, 119, 200, 0.14);\n}\n\n.hke04-stage-media {\n  display: grid;\n  width: 100%;\n  grid-template-rows: auto auto;\n  align-content: start;\n  overflow: hidden;\n  padding: 0;\n  border-bottom: 1px solid var(--hke04-line-soft);\n  background: var(--hke04-image-bg);\n}\n\n#hke04-process-overview .hke04-stage-media img {\n  display: block !important;\n  float: none !important;\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n  max-width: none !important;\n  max-height: none !important;\n  aspect-ratio: 4 \/ 3 !important;\n  margin: 0 !important;\n  padding: 12px !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: var(--hke04-image-bg) !important;\n  box-shadow: none !important;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.hke04-stage-media em {\n  display: flex;\n  width: 100%;\n  min-height: 28px;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 0;\n  padding: 7px 10px;\n  border-top: 1px solid var(--hke04-line-soft);\n  background: var(--hke04-soft);\n  color: var(--hke04-muted);\n  font-family: var(--hke04-mono);\n  font-size: 7px;\n  font-style: normal;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  line-height: 1.25;\n  text-align: right;\n}\n\n.hke04-stage-body {\n  display: grid;\n  min-width: 0;\n  align-content: start;\n  padding: 14px 15px 17px;\n}\n\n.hke04-stage-body > small {\n  min-height: 15px;\n  margin-bottom: 10px;\n  color: var(--hke04-muted);\n  font-family: var(--hke04-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  line-height: 1.35;\n}\n\n.hke04-stage.is-in-route .hke04-stage-body > small {\n  color: var(--hke04-blue);\n}\n\n.hke04-stage.is-conditional .hke04-stage-body > small {\n  color: var(--hke04-orange);\n}\n\n.hke04-stage-body > b {\n  position: relative;\n  width: fit-content;\n  margin-bottom: 10px;\n  color: var(--hke04-orange);\n  font-family: var(--hke04-mono);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n}\n\n.hke04-stage-body > b::after {\n  position: absolute;\n  top: calc(100% + 5px);\n  left: 0;\n  width: 15px;\n  height: 1px;\n  background: currentColor;\n  content: \"\";\n}\n\n.hke04-stage-body > strong {\n  min-height: 40px;\n  margin-bottom: 8px;\n  color: var(--hke04-navy);\n  font-size: 15px;\n  line-height: 1.28;\n}\n\n.hke04-stage-body > span {\n  color: var(--hke04-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke04-route-summary {\n  display: grid;\n  grid-template-columns: 26px minmax(0, 1fr);\n  gap: 10px;\n  align-items: start;\n  margin-top: 18px;\n  padding: 15px 17px;\n  border: 1px solid var(--hke04-line-blue);\n  border-radius: 8px;\n  background: var(--hke04-soft-blue);\n  color: var(--hke04-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke04-route-summary > span {\n  display: grid;\n  width: 24px;\n  height: 24px;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--hke04-surface);\n  color: var(--hke04-blue);\n  font-weight: 700;\n}\n\n.hke04-route-summary strong {\n  color: var(--hke04-navy);\n}\n\n.hke04-stage-detail {\n  display: grid;\n  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);\n  gap: 0;\n  overflow: hidden;\n  margin-top: 18px;\n  border: 1px solid var(--hke04-line);\n  border-radius: 9px;\n  background: var(--hke04-surface);\n}\n\n.hke04-stage-detail figure {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  justify-content: center;\n  padding: 16px;\n  border-right: 1px solid var(--hke04-line);\n  background: var(--hke04-image-bg);\n}\n\n#hke04-process-overview .hke04-stage-detail figure img {\n  display: block !important;\n  float: none !important;\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n  max-width: none !important;\n  max-height: none !important;\n  aspect-ratio: 4 \/ 3 !important;\n  margin: 0 !important;\n  padding: 14px !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: var(--hke04-image-bg) !important;\n  box-shadow: none !important;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.hke04-stage-detail figcaption {\n  margin-top: 10px;\n  padding: 10px 12px;\n  border: 1px solid var(--hke04-line-blue);\n  background: var(--hke04-soft-blue);\n  color: var(--hke04-muted);\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.hke04-detail-copy {\n  min-width: 0;\n  padding: 24px;\n}\n\n.hke04-detail-label {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 9px !important;\n  color: var(--hke04-blue);\n}\n\n.hke04-detail-label span {\n  display: grid;\n  width: 30px;\n  height: 30px;\n  place-items: center;\n  border: 1px solid var(--hke04-line);\n  border-radius: 5px;\n  background: var(--hke04-soft);\n  letter-spacing: 0;\n}\n\n.hke04-detail-copy h3 {\n  color: var(--hke04-navy);\n  font-size: clamp(1.55rem, 2.3vw, 2rem);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n}\n\n.hke04-detail-copy > p:not(.hke04-detail-label) {\n  margin-top: 9px;\n  color: var(--hke04-muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.hke04-detail-copy dl {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  margin-top: 19px;\n  border-top: 1px solid var(--hke04-line);\n  border-left: 1px solid var(--hke04-line);\n}\n\n.hke04-detail-copy dl > div {\n  min-width: 0;\n  padding: 14px;\n  border-right: 1px solid var(--hke04-line);\n  border-bottom: 1px solid var(--hke04-line);\n}\n\n.hke04-detail-copy dt {\n  margin-bottom: 5px;\n  color: var(--hke04-blue);\n  font-family: var(--hke04-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.11em;\n  line-height: 1.3;\n  text-transform: uppercase;\n}\n\n.hke04-detail-copy dd {\n  color: var(--hke04-text);\n  font-size: 12px;\n  line-height: 1.52;\n}\n\n.hke04-considerations {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 28px;\n}\n\n.hke04-considerations article {\n  min-height: 230px;\n  padding: 22px;\n  border: 1px solid var(--hke04-line);\n  border-radius: 10px;\n  background: var(--hke04-surface);\n}\n\n.hke04-considerations article > span {\n  display: grid;\n  width: 36px;\n  height: 36px;\n  margin-bottom: 16px;\n  place-items: center;\n  border-radius: 7px;\n  background: var(--hke04-soft-blue);\n  color: var(--hke04-blue);\n  font-family: var(--hke04-mono);\n  font-size: 11px;\n}\n\n.hke04-considerations small {\n  color: var(--hke04-blue);\n}\n\n.hke04-considerations h3 {\n  margin-top: 7px;\n  color: var(--hke04-navy);\n  font-size: 17px;\n  line-height: 1.28;\n  letter-spacing: -0.015em;\n}\n\n.hke04-considerations p {\n  margin-top: 10px;\n  color: var(--hke04-muted);\n  font-size: 13px;\n  line-height: 1.62;\n}\n\n.hke04-next {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 32px;\n  align-items: center;\n  min-height: 196px;\n  margin-top: 34px;\n  padding: 30px 32px;\n  border-radius: 12px;\n  background: var(--hke04-dark);\n  color: var(--hke04-white);\n}\n\n.hke04-next h3 {\n  max-width: 760px;\n  margin-top: 9px;\n  color: var(--hke04-white);\n  font-size: clamp(1.75rem, 3vw, 2.35rem);\n  line-height: 1.08;\n  letter-spacing: -0.035em;\n}\n\n.hke04-next p {\n  max-width: 720px;\n  margin-top: 10px;\n  color: #b8cad9;\n  font-size: 13px;\n  line-height: 1.58;\n}\n\n.hke04-next-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.hke04-next a,\n.hke04-next a:visited {\n  display: inline-flex;\n  min-height: 50px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 20px;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  border-radius: 6px;\n  color: var(--hke04-white) !important;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition: background-color 160ms ease, border-color 160ms ease;\n}\n\n.hke04-next a:hover {\n  border-color: var(--hke04-white);\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.hke04-next a.hke04-next-primary,\n.hke04-next a.hke04-next-primary:visited {\n  gap: 12px;\n  border-color: var(--hke04-orange);\n  background: var(--hke04-orange);\n}\n\n.hke04-next a.hke04-next-primary:hover {\n  border-color: var(--hke04-orange-hover);\n  background: var(--hke04-orange-hover);\n}\n\n\/* Keep interactive controls identical inside the live Elementor Kit. *\/\n#hke04-process-overview .hke04-route-tabs button,\n#hke04-process-overview .hke04-route-tabs button:hover,\n#hke04-process-overview .hke04-route-tabs button:focus,\n#hke04-process-overview .hke04-route-tabs button:active {\n  min-height: 48px !important;\n  margin: 0 !important;\n  padding: 0 16px !important;\n  border: 1px solid transparent !important;\n  border-radius: 7px !important;\n  background: transparent !important;\n  color: #d5e1ec !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-align: center !important;\n  box-shadow: none !important;\n}\n\n#hke04-process-overview .hke04-route-tabs button:hover:not(.is-active) {\n  border-color: rgba(255, 255, 255, 0.2) !important;\n  color: var(--hke04-white) !important;\n}\n\n#hke04-process-overview .hke04-route-tabs button.is-active,\n#hke04-process-overview .hke04-route-tabs button.is-active:hover,\n#hke04-process-overview .hke04-route-tabs button.is-active:focus,\n#hke04-process-overview .hke04-route-tabs button.is-active:active {\n  border-color: var(--hke04-orange) !important;\n  background: var(--hke04-orange) !important;\n  color: var(--hke04-white) !important;\n}\n\n#hke04-process-overview button.hke04-stage,\n#hke04-process-overview button.hke04-stage:hover,\n#hke04-process-overview button.hke04-stage:focus,\n#hke04-process-overview button.hke04-stage:active {\n  min-width: 0 !important;\n  padding: 0 !important;\n  border: 1px solid var(--hke04-line) !important;\n  border-radius: 10px !important;\n  background: var(--hke04-surface) !important;\n  color: var(--hke04-text) !important;\n  font-size: inherit !important;\n  font-weight: inherit !important;\n  line-height: inherit !important;\n  text-align: left !important;\n  box-shadow: none !important;\n}\n\n#hke04-process-overview button.hke04-stage:hover {\n  border-color: var(--hke04-line-blue-hover) !important;\n  transform: translateY(-2px);\n}\n\n#hke04-process-overview button.hke04-stage.is-in-route {\n  border-color: var(--hke04-line-blue-strong) !important;\n  background: #fbfdff !important;\n}\n\n#hke04-process-overview button.hke04-stage.is-current,\n#hke04-process-overview button.hke04-stage.is-current:hover,\n#hke04-process-overview button.hke04-stage.is-current:focus,\n#hke04-process-overview button.hke04-stage.is-current:active {\n  border-color: var(--hke04-blue) !important;\n  background: #fbfdff !important;\n  box-shadow: 0 0 0 2px rgba(22, 119, 200, 0.14) !important;\n}\n\n#hke04-process-overview .hke04-route-tabs button:focus-visible,\n#hke04-process-overview button.hke04-stage:focus-visible {\n  outline: 3px solid var(--hke04-blue-light) !important;\n  outline-offset: 3px !important;\n}\n\n@media (max-width: 1080px) {\n  .hke04-intro {\n    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.86fr);\n    gap: 48px;\n  }\n\n  .hke04-route-selector {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .hke04-route-tabs {\n    width: 100%;\n    min-width: 0;\n  }\n\n  .hke04-stage-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke04-considerations {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke04-considerations article {\n    min-height: 200px;\n  }\n\n  .hke04-next {\n    grid-template-columns: minmax(0, 1fr) minmax(210px, auto);\n  }\n\n  .hke04-next-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n}\n\n@media (max-width: 760px) {\n  .hke04-section {\n    padding: 72px 20px;\n    scroll-margin-top: 126px;\n  }\n\n  .hke04-intro {\n    grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.75fr);\n    gap: 34px;\n  }\n\n  .hke04-intro h2 {\n    font-size: clamp(2.35rem, 7vw, 3rem);\n  }\n\n  .hke04-route-panel {\n    padding: 24px;\n  }\n\n  .hke04-route-heading {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .hke04-stage-detail {\n    grid-template-columns: 1fr;\n  }\n\n  .hke04-stage-detail figure {\n    border-right: 0;\n    border-bottom: 1px solid var(--hke04-line);\n  }\n\n  .hke04-next {\n    grid-template-columns: 1fr;\n  }\n\n  .hke04-next-actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 620px) {\n  .hke04-section {\n    padding: 64px 8px;\n    scroll-margin-top: 116px;\n  }\n\n  .hke04-intro {\n    grid-template-columns: 1fr;\n    gap: 26px;\n    margin-bottom: 32px;\n    padding: 0 6px;\n  }\n\n  .hke04-section-label {\n    font-size: 10px;\n  }\n\n  .hke04-section-label span {\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n  }\n\n  .hke04-intro h2 {\n    font-size: clamp(2.38rem, 12vw, 2.65rem);\n    overflow-wrap: normal;\n  }\n\n  .hke04-intro-copy > p {\n    font-size: 15px;\n  }\n\n  .hke04-workspace {\n    border-radius: 10px;\n  }\n\n  .hke04-route-selector {\n    padding: 18px 14px;\n  }\n\n  .hke04-route-tabs {\n    grid-template-columns: 1fr;\n  }\n\n  .hke04-route-tabs button {\n    min-height: 50px;\n  }\n\n  .hke04-route-panel {\n    padding: 24px 14px 18px;\n  }\n\n  .hke04-route-heading h3 {\n    font-size: 1.8rem;\n  }\n\n  .hke04-stage-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .hke04-stage {\n    min-height: 0;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto 1fr;\n  }\n\n  .hke04-stage-media {\n    height: auto;\n    min-height: 0;\n    align-content: start;\n    padding: 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--hke04-line-soft);\n  }\n\n  #hke04-process-overview .hke04-stage-media img {\n    padding: 8px !important;\n  }\n\n  .hke04-stage-body {\n    padding: 13px 14px;\n  }\n\n  .hke04-stage-body > small {\n    margin-bottom: 8px;\n  }\n\n  .hke04-stage-body > strong {\n    min-height: 0;\n    font-size: 14px;\n  }\n\n  .hke04-stage-body > span {\n    font-size: 11px;\n  }\n\n  .hke04-route-summary {\n    grid-template-columns: 1fr;\n  }\n\n  .hke04-route-summary > span {\n    display: none;\n  }\n\n  .hke04-stage-detail figure,\n  .hke04-detail-copy {\n    padding: 14px;\n  }\n\n  .hke04-detail-copy dl {\n    grid-template-columns: 1fr;\n  }\n\n  .hke04-considerations {\n    grid-template-columns: 1fr;\n    margin-top: 22px;\n  }\n\n  .hke04-considerations article {\n    min-height: 0;\n    padding: 20px;\n  }\n\n  .hke04-considerations article > span {\n    float: left;\n    margin: 0 14px 12px 0;\n  }\n\n  .hke04-next {\n    min-height: 0;\n    margin-top: 24px;\n    padding: 26px 20px;\n  }\n\n  .hke04-next-actions {\n    grid-template-columns: 1fr;\n  }\n\n  .hke04-next a {\n    width: 100%;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke04-intro h2 {\n    font-size: 2.15rem;\n  }\n\n  .hke04-route-heading h3 {\n    font-size: 1.6rem;\n  }\n\n  #hke04-process-overview .hke04-stage-media img {\n    padding: 6px !important;\n  }\n\n  .hke04-detail-copy {\n    padding: 12px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke04-route-tabs button,\n  .hke04-stage,\n  .hke04-next a {\n    transition: none;\n  }\n}\n<\/style>\n\n<div id=\"hke04-process-overview\" class=\"hke04-block\">\n  <section id=\"process\" class=\"hke04-section\" aria-labelledby=\"hke04-title\">\n    <div class=\"hke04-shell\">\n      <header class=\"hke04-intro\">\n        <div>\n          <p class=\"hke04-section-label\"><span>03<\/span> PROCESS OVERVIEW<\/p>\n          <h2 id=\"hke04-title\">From Conductor to Finished Electrical Cable<\/h2>\n        <\/div>\n        <div class=\"hke04-intro-copy\">\n          <p>Start with the finished cable. The map below shows the main transformation stages before the detailed cable design and equipment scope are confirmed.<\/p>\n          <div class=\"hke04-boundary\">\n            <span aria-hidden=\"true\">i<\/span>\n            <div><strong>Orientation first.<\/strong>Every route is preliminary. Materials, layer construction, testing and equipment remain subject to the approved cable design.<\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"hke04-workspace\">\n        <div class=\"hke04-route-selector\">\n          <div>\n            <small>CHOOSE A ROUTE<\/small>\n            <strong>Which finished-cable family is closest to your project?<\/strong>\n          <\/div>\n          <div class=\"hke04-route-tabs\" role=\"group\" aria-label=\"Electrical cable route groups\">\n            <button class=\"is-active\" type=\"button\" data-hke04-group=\"installation\" aria-pressed=\"true\">Building \/ THHN<\/button>\n            <button type=\"button\" data-hke04-group=\"flexible\" aria-pressed=\"false\">Flexible \/ Control<\/button>\n            <button type=\"button\" data-hke04-group=\"power\" aria-pressed=\"false\">Power \/ Armoured<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"hke04-route-panel\" aria-live=\"polite\">\n          <div class=\"hke04-route-heading\">\n            <div>\n              <small data-hke04-route-kicker>ROUTE A \/ BUILDING WIRE<\/small>\n              <h3 data-hke04-route-title>Building Wire preliminary process route<\/h3>\n              <p data-hke04-route-copy>A compact route from prepared conductor to insulated building wire and agreed finished-product handling.<\/p>\n            <\/div>\n            <label class=\"hke04-family-field\">\n              <span>STARTING CABLE<\/span>\n              <select data-hke04-family aria-label=\"Choose the exact electrical cable family\">\n                <option value=\"building\">Building Wire<\/option>\n                <option value=\"thhn\">THHN \/ THWN<\/option>\n                <option value=\"flexible\">Flexible Cable<\/option>\n                <option value=\"control\">Control Cable<\/option>\n                <option value=\"lv\">LV Power Cable<\/option>\n                <option value=\"armoured\">Armoured Power Cable<\/option>\n              <\/select>\n            <\/label>\n          <\/div>\n\n          <div class=\"hke04-stage-grid\" role=\"group\" aria-label=\"Eight-stage electrical cable process reference\">\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"1\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/sandlight-passive-copper-conductor-payoff-basket-3d-4x3-4k-scaled.webp\" alt=\"Copper-conductor payoff basket reference\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>PAY-OFF \/ FEED REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>IN PRELIMINARY ROUTE<\/small><b>01<\/b><strong>Conductor Preparation<\/strong><span>Prepare the approved incoming conductor for the confirmed next stage.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"2\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/Wire-Drawing-Machine.png\" alt=\"Wire drawing machinery reference\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>DRAWING EQUIPMENT REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>AS REQUIRED<\/small><b>02<\/b><strong>Wire Drawing &amp; Annealing<\/strong><span>Reduce conductor size and anneal only where the approved route requires it.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"3\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-enclosed-cable-bunching-twisting-machine-3d-4x3-4k-scaled.webp\" alt=\"3D reference of an enclosed cable bunching and twisting machine\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>BUNCHING EQUIPMENT REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>AS REQUIRED<\/small><b>03<\/b><strong>Bunching \/ Conductor Stranding<\/strong><span>Form prepared wires into the approved conductor construction.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"4\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-core-wire-insulation-line-4x3-4k-scaled.webp\" alt=\"Core-wire insulation extrusion line reference\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>INSULATION LINE REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>IN PRELIMINARY ROUTE<\/small><b>04<\/b><strong>Insulation Extrusion<\/strong><span>Apply the approved insulation system around the prepared conductor.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"5\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-separator-cross-web-line-4x3-4k-scaled.webp\" alt=\"3D reference of a separator and cross-web processing line\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>PROCESS EQUIPMENT REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>REFERENCE STAGE<\/small><b>05<\/b><strong>Core Laying-Up \/ Cabling<\/strong><span>Assemble insulated cores, fillers and binders when the design calls for them.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"6\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-cage-strander-rotor-assembly-3d-4x3-4k-scaled.webp\" alt=\"3D reference of a cage-type rotating assembly\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>CAGE EQUIPMENT REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>REFERENCE STAGE<\/small><b>06<\/b><strong>Shielding \/ Armouring<\/strong><span>Add shielding or armouring only when specified by the approved construction.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"7\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-sheathing-extrusion-line-4x3-4k-scaled.webp\" alt=\"Cable sheathing extrusion line reference\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>SHEATHING LINE REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>REFERENCE STAGE<\/small><b>07<\/b><strong>Outer Sheathing<\/strong><span>Apply the approved outer jacket and complete the downstream cooling route.<\/span><\/span>\n            <\/button>\n\n            <button class=\"hke04-stage\" type=\"button\" data-hke04-stage=\"8\" aria-pressed=\"false\">\n              <span class=\"hke04-stage-media\"><img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-automatic-cable-processing-machine-3d-4x3-4k-scaled.webp\" alt=\"3D reference of automatic cable processing equipment\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" title=\"\"><em>AUTOMATIC PROCESSING REFERENCE<\/em><\/span>\n              <span class=\"hke04-stage-body\"><small data-hke04-status>IN PRELIMINARY ROUTE<\/small><b>08<\/b><strong>Testing, Coiling &amp; Packing<\/strong><span>Complete project-agreed checks and finished-product handling.<\/span><\/span>\n            <\/button>\n          <\/div>\n\n          <div class=\"hke04-route-summary\">\n            <span aria-hidden=\"true\">\u2192<\/span>\n            <p><strong>Preliminary route:<\/strong> <span data-hke04-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/span><\/p>\n          <\/div>\n\n          <article class=\"hke04-stage-detail\" data-hke04-detail aria-labelledby=\"hke04-detail-title\">\n            <figure>\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/sandlight-passive-copper-conductor-payoff-basket-3d-4x3-4k-scaled.webp\" alt=\"Copper-conductor payoff basket reference\" width=\"2560\" height=\"1920\" loading=\"lazy\" decoding=\"async\" data-hke04-detail-image title=\"\">\n              <figcaption data-hke04-detail-caption>Copper-conductor payoff-basket reference. Incoming material format and exact handling scope remain project dependent.<\/figcaption>\n            <\/figure>\n            <div class=\"hke04-detail-copy\">\n              <p class=\"hke04-detail-label\"><span data-hke04-detail-number>01<\/span> STAGE DETAIL<\/p>\n              <h3 id=\"hke04-detail-title\" data-hke04-detail-title>Conductor Preparation<\/h3>\n              <p data-hke04-detail-note>Review the incoming conductor, handling method and interface with the next confirmed stage.<\/p>\n              <dl>\n                <div><dt>Input<\/dt><dd data-hke04-detail-input>Approved rod, wire or incoming conductor<\/dd><\/div>\n                <div><dt>Process<\/dt><dd data-hke04-detail-process>Pay-off, handling and feed preparation as applicable<\/dd><\/div>\n                <div><dt>Output<\/dt><dd data-hke04-detail-output>Material prepared for the next confirmed stage<\/dd><\/div>\n                <div><dt>Related equipment<\/dt><dd data-hke04-detail-equipment>Pay-off and conductor-preparation systems<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"hke04-considerations\" aria-label=\"Process route conditions\">\n        <article><span>01<\/span><small>OPTIONAL STAGE<\/small><h3>Drawing and annealing only when required<\/h3><p>Incoming conductor, approved size range and conductor condition determine whether this stage belongs in the project route.<\/p><\/article>\n        <article><span>02<\/span><small>DESIGN DEPENDENT<\/small><h3>Nylon, shielding and armouring are separate decisions<\/h3><p>These layers are added only when they are specified in the approved cable construction.<\/p><\/article>\n        <article><span>03<\/span><small>WHY IT MATTERS<\/small><h3>Different cables need different routes<\/h3><p>Single-core building wire, flexible multi-core cable and armoured power cable do not share one fixed process.<\/p><\/article>\n        <article><span>04<\/span><small>CONFIRM FIRST<\/small><h3>Approve the cable before configuration<\/h3><p>Materials, range, target output, factory conditions and acceptance basis guide the final equipment scope.<\/p><\/article>\n      <\/div>\n\n      <div class=\"hke04-next\">\n        <div><small>NEXT DECISION<\/small><h3>Map the confirmed process to the right production-line family.<\/h3><p>The next section connects the required stages to practical equipment categories and responsibility boundaries.<\/p><\/div>\n        <div class=\"hke04-next-actions\">\n          <a href=\"#specification\" data-hke04-scroll=\"#specification\">Review Cable Brief<\/a>\n          <a class=\"hke04-next-primary\" href=\"#equipment\" data-hke04-scroll=\"#equipment\">View Production Line Map <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const FAMILY_GROUPS = {\n    installation: [\"building\", \"thhn\"],\n    flexible: [\"flexible\", \"control\"],\n    power: [\"lv\", \"armoured\"]\n  };\n\n  const FAMILIES = {\n    building: {\n      label: \"Building Wire\",\n      group: \"installation\",\n      kicker: \"ROUTE A \/ BUILDING WIRE\",\n      title: \"Building Wire preliminary process route\",\n      copy: \"A compact route from prepared conductor to insulated building wire and agreed finished-product handling.\",\n      route: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\",\n      active: [1, 4, 8],\n      conditional: [2, 3]\n    },\n    thhn: {\n      label: \"THHN \/ THWN\",\n      group: \"installation\",\n      kicker: \"ROUTE B \/ THHN \/ THWN\",\n      title: \"THHN \/ THWN preliminary process route\",\n      copy: \"PVC insulation and the specified nylon covering are reviewed as separate layers within the approved wire construction.\",\n      route: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing\",\n      active: [2, 3, 4, 8],\n      conditional: [1]\n    },\n    flexible: {\n      label: \"Flexible Cable\",\n      group: \"flexible\",\n      kicker: \"ROUTE C \/ FLEXIBLE CABLE\",\n      title: \"Flexible Cable preliminary process route\",\n      copy: \"Fine conductor preparation, bunching and multi-core construction are reviewed against the intended flexible cable design.\",\n      route: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing\",\n      active: [2, 3, 4, 5, 7, 8],\n      conditional: [1, 6]\n    },\n    control: {\n      label: \"Control Cable\",\n      group: \"flexible\",\n      kicker: \"ROUTE D \/ CONTROL CABLE\",\n      title: \"Control Cable preliminary process route\",\n      copy: \"Core count, identification, shielding and jacket construction remain tied to the approved control-cable design.\",\n      route: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing\",\n      active: [4, 5, 7, 8],\n      conditional: [1, 2, 3, 6]\n    },\n    lv: {\n      label: \"LV Power Cable\",\n      group: \"power\",\n      kicker: \"ROUTE E \/ LV POWER CABLE\",\n      title: \"LV Power Cable preliminary process route\",\n      copy: \"Conductor construction, insulation, core assembly and jacket layers are reviewed from the approved cable drawing.\",\n      route: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing\",\n      active: [3, 4, 5, 7, 8],\n      conditional: [1, 2, 6]\n    },\n    armoured: {\n      label: \"Armoured Power Cable\",\n      group: \"power\",\n      kicker: \"ROUTE F \/ ARMOURED POWER CABLE\",\n      title: \"Armoured Power Cable preliminary process route\",\n      copy: \"Inner sheath or bedding, armour type and complete protection-layer construction must be confirmed before configuration.\",\n      route: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath\",\n      active: [3, 4, 5, 6, 7, 8],\n      conditional: [1, 2]\n    }\n  };\n\n  const STAGES = {\n    1: {\n      title: \"Conductor Preparation\",\n      input: \"Approved rod, wire or incoming conductor\",\n      process: \"Pay-off, handling and feed preparation as applicable\",\n      output: \"Material prepared for the next confirmed stage\",\n      equipment: \"Pay-off and conductor-preparation systems\",\n      note: \"Review the incoming conductor, handling method and interface with the next confirmed stage.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/sandlight-passive-copper-conductor-payoff-basket-3d-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"Copper-conductor payoff basket reference\",\n      caption: \"Copper-conductor payoff-basket reference. Incoming material format and exact handling scope remain project dependent.\"\n    },\n    2: {\n      title: \"Wire Drawing & Annealing\",\n      input: \"Rod or wire approved for drawing\",\n      process: \"Reduction through dies; annealing where required\",\n      output: \"Drawn wire at the approved size and condition\",\n      equipment: \"Drawing and annealing systems\",\n      note: \"This is not a universal stage. Incoming material, required range and conductor condition determine whether it belongs in the route.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/Wire-Drawing-Machine.png\",\n      width: 1672,\n      height: 941,\n      alt: \"Wire drawing machinery reference\",\n      caption: \"Wire-drawing machinery reference. Drawing range and any annealing scope remain subject to the approved conductor requirements.\"\n    },\n    3: {\n      title: \"Bunching \/ Conductor Stranding\",\n      input: \"Prepared conductor wires\",\n      process: \"Bunching or stranding to the approved construction\",\n      output: \"Stranded conductor\",\n      equipment: \"Bunching and stranding equipment\",\n      note: \"Conductor class, wire count and finished conductor range are confirmed from the approved cable design.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-enclosed-cable-bunching-twisting-machine-3d-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"3D reference of an enclosed cable bunching and twisting machine\",\n      caption: \"Enclosed bunching and twisting machinery reference. Final machine type, conductor construction and operating range remain subject to the approved cable design.\"\n    },\n    4: {\n      title: \"Insulation Extrusion\",\n      input: \"Prepared conductor and approved compound\",\n      process: \"Insulation extrusion; additional covering where specified\",\n      output: \"Insulated conductor or core\",\n      equipment: \"Wire or cable insulation extrusion line\",\n      note: \"Primary insulation and any additional covering, including a specified nylon layer, are reviewed as separate material decisions.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-core-wire-insulation-line-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"Core-wire insulation extrusion line reference\",\n      caption: \"Core-wire insulation-line reference. Extruder, material system and downstream controls are confirmed against the approved insulation or covering process.\"\n    },\n    5: {\n      title: \"Core Laying-Up \/ Cabling\",\n      input: \"Insulated cores and approved fillers or binders\",\n      process: \"Core laying-up, cabling and taping as required\",\n      output: \"Assembled cable core\",\n      equipment: \"Laying-up, cabling and taping systems\",\n      note: \"Core count, fillers, binders and lay construction follow the approved multi-core cable design.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-separator-cross-web-line-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"3D reference of a separator and cross-web processing line\",\n      caption: \"This image shows separator or cross-web processing equipment. The laying-up and cabling machine, fillers, binders and lay construction remain separately confirmed.\"\n    },\n    6: {\n      title: \"Shielding \/ Armouring\",\n      input: \"Cable core and approved protection materials\",\n      process: \"Shielding or armouring according to the approved design\",\n      output: \"Protected cable core\",\n      equipment: \"Shielding and armouring equipment\",\n      note: \"Shielding and armouring are different optional constructions. Armoured routes may also require an inner sheath or bedding before armour.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-cage-strander-rotor-assembly-3d-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"3D reference of a cage-type rotating assembly\",\n      caption: \"Cage-type equipment reference. Its stranding, laying-up or armouring duty, carrier arrangement and applicable construction must be confirmed for the approved cable design.\"\n    },\n    7: {\n      title: \"Outer Sheathing\",\n      input: \"Insulated, assembled or protected cable core\",\n      process: \"Outer-jacket extrusion and cooling\",\n      output: \"Sheathed cable\",\n      equipment: \"Cable sheathing line and downstream handling\",\n      note: \"Jacket material, dimensions, cooling and downstream handling are confirmed for the approved finished cable.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-sheathing-extrusion-line-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"Cable sheathing extrusion line reference\",\n      caption: \"Cable-sheathing line reference. Jacket material, dimensions, cooling and downstream handling remain project specific.\"\n    },\n    8: {\n      title: \"Testing, Coiling & Packing\",\n      input: \"Finished wire or cable\",\n      process: \"Project-agreed checks, measuring, coiling or reeling and packing\",\n      output: \"Product prepared for agreed handling or acceptance\",\n      equipment: \"Testing, measuring, take-up, coiling and packing systems\",\n      note: \"The exact checks and finished-product handling scope are agreed for the project; this map does not make a compliance or test-result claim.\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-automatic-cable-processing-machine-3d-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"3D reference of automatic cable processing equipment\",\n      caption: \"Automatic cable-processing equipment reference. Testing, measuring, coiling, packing and final handling scope are not shown and remain separately confirmed.\"\n    }\n  };\n\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const init = (root) => {\n    if (!root || root.dataset.hke04Ready === \"true\") return;\n    root.dataset.hke04Ready = \"true\";\n\n    const state = { family: \"building\", stage: 1 };\n    const familySelect = root.querySelector(\"[data-hke04-family]\");\n    const groupButtons = [...root.querySelectorAll(\"[data-hke04-group]\")];\n    const stageButtons = [...root.querySelectorAll(\"[data-hke04-stage]\")];\n    const detailImage = root.querySelector(\"[data-hke04-detail-image]\");\n\n    const syncUpstream = (family) => {\n      const specSelect = document.querySelector(\"[data-hke03-family]\");\n      if (specSelect && specSelect.value !== family) {\n        specSelect.value = family;\n        specSelect.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      }\n\n      const catalogRadio = document.getElementById(`hke02-cable-${family}`);\n      if (catalogRadio && !catalogRadio.checked) {\n        catalogRadio.checked = true;\n        catalogRadio.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      }\n    };\n\n    const publishProcessState = () => {\n      const family = FAMILIES[state.family] || FAMILIES.building;\n      const detail = {\n        familyId: state.family,\n        family: family.label,\n        preliminaryRoute: family.route,\n        currentStageId: String(state.stage).padStart(2, \"0\"),\n        activeStageIds: family.active.map((stage) => String(stage).padStart(2, \"0\")),\n        conditionalStageIds: family.conditional.map((stage) => String(stage).padStart(2, \"0\"))\n      };\n      window.HKE_ELECTRICAL_PROCESS_STATE = detail;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-process-stage\", { detail }));\n    };\n\n    const renderDetail = () => {\n      const stage = STAGES[state.stage] || STAGES[1];\n      setText(root, \"[data-hke04-detail-number]\", String(state.stage).padStart(2, \"0\"));\n      setText(root, \"[data-hke04-detail-title]\", stage.title);\n      setText(root, \"[data-hke04-detail-note]\", stage.note);\n      setText(root, \"[data-hke04-detail-input]\", stage.input);\n      setText(root, \"[data-hke04-detail-process]\", stage.process);\n      setText(root, \"[data-hke04-detail-output]\", stage.output);\n      setText(root, \"[data-hke04-detail-equipment]\", stage.equipment);\n      setText(root, \"[data-hke04-detail-caption]\", stage.caption);\n      if (detailImage) {\n        detailImage.src = stage.image;\n        detailImage.alt = stage.alt;\n        detailImage.width = stage.width;\n        detailImage.height = stage.height;\n      }\n\n      stageButtons.forEach((button) => {\n        const selected = Number(button.dataset.hke04Stage) === state.stage;\n        button.classList.toggle(\"is-current\", selected);\n        button.setAttribute(\"aria-pressed\", String(selected));\n        if (selected) button.setAttribute(\"aria-current\", \"step\");\n        else button.removeAttribute(\"aria-current\");\n      });\n      publishProcessState();\n    };\n\n    const renderFamily = () => {\n      const family = FAMILIES[state.family] || FAMILIES.building;\n      if (familySelect) familySelect.value = state.family;\n      setText(root, \"[data-hke04-route-kicker]\", family.kicker);\n      setText(root, \"[data-hke04-route-title]\", family.title);\n      setText(root, \"[data-hke04-route-copy]\", family.copy);\n      setText(root, \"[data-hke04-route]\", family.route);\n\n      groupButtons.forEach((button) => {\n        const selected = button.dataset.hke04Group === family.group;\n        button.classList.toggle(\"is-active\", selected);\n        button.setAttribute(\"aria-pressed\", String(selected));\n      });\n\n      stageButtons.forEach((button) => {\n        const number = Number(button.dataset.hke04Stage);\n        const inRoute = family.active.includes(number);\n        const conditional = family.conditional.includes(number);\n        const status = inRoute ? \"IN PRELIMINARY ROUTE\" : conditional ? \"AS REQUIRED\" : \"REFERENCE STAGE\";\n        button.classList.toggle(\"is-in-route\", inRoute);\n        button.classList.toggle(\"is-conditional\", conditional);\n        button.dataset.hke04RouteStatus = status;\n        const statusNode = button.querySelector(\"[data-hke04-status]\");\n        if (statusNode) statusNode.textContent = status;\n        const title = button.querySelector(\"strong\")?.textContent?.trim() || `Stage ${number}`;\n        button.setAttribute(\"aria-label\", `${title}. ${status}. Open stage detail.`);\n      });\n\n      if (!family.active.includes(state.stage) && !family.conditional.includes(state.stage)) {\n        state.stage = family.active[0];\n      }\n      renderDetail();\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-process-route\", {\n        detail: { familyId: state.family, family: family.label, preliminaryRoute: family.route }\n      }));\n    };\n\n    const applyFamily = (family, sync = false) => {\n      if (!FAMILIES[family]) return;\n      state.family = family;\n      state.stage = FAMILIES[family].active[0];\n      if (sync) syncUpstream(family);\n      renderFamily();\n    };\n\n    familySelect?.addEventListener(\"change\", () => applyFamily(familySelect.value, true));\n\n    groupButtons.forEach((button) => {\n      button.addEventListener(\"click\", () => {\n        const group = button.dataset.hke04Group;\n        const currentFamily = FAMILIES[state.family];\n        const family = currentFamily?.group === group ? state.family : FAMILY_GROUPS[group]?.[0];\n        if (family) applyFamily(family, true);\n      });\n    });\n\n    stageButtons.forEach((button) => {\n      button.addEventListener(\"click\", () => {\n        state.stage = Number(button.dataset.hke04Stage) || 1;\n        renderDetail();\n      });\n    });\n\n    [\"building\", \"thhn\", \"flexible\", \"control\", \"lv\", \"armoured\"].forEach((family) => {\n      const radio = document.getElementById(`hke02-cable-${family}`);\n      radio?.addEventListener(\"change\", () => {\n        if (radio.checked) applyFamily(family);\n      });\n    });\n\n    document.addEventListener(\"click\", (event) => {\n      const action = event.target.closest?.(\".hke02-detail-action\");\n      const detail = action?.closest?.(\".hke02-detail[data-detail]\");\n      if (detail?.dataset.detail && FAMILIES[detail.dataset.detail]) applyFamily(detail.dataset.detail);\n    });\n\n    window.addEventListener(\"hke:electrical-brief\", (event) => {\n      const family = event.detail?.familyId;\n      if (family && FAMILIES[family] && family !== state.family) applyFamily(family);\n    });\n\n    root.querySelectorAll(\"[data-hke04-scroll]\").forEach((control) => {\n      control.addEventListener(\"click\", (event) => {\n        const selector = control.dataset.hke04Scroll;\n        const target = selector ? document.querySelector(selector) : null;\n        if (!target) return;\n        event.preventDefault();\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    const briefFamily = window.HKE_ELECTRICAL_PROJECT_BRIEF?.familyId;\n    const checkedFamily = Object.keys(FAMILIES).find((family) => document.getElementById(`hke02-cable-${family}`)?.checked);\n    applyFamily(FAMILIES[briefFamily] ? briefFamily : checkedFamily || state.family);\n  };\n\n  const start = () => document.querySelectorAll(\".hke04-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c198e0a e-con e-atomic-element e-flexbox-base e-c198e0a-3a80f9f \" data-id=\"c198e0a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c198e0a\" data-e-type=\"e-flexbox\" data-id=\"c198e0a\">\n    \t\t<div class=\"elementor-element elementor-element-ac1fd11 elementor-widget elementor-widget-html\" data-id=\"ac1fd11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 05 \/ VISUAL BLOCK 06\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=light-blue-engineering-canvas+navy-stage-rail \u00b7 B=roboto+mono-meta\n * C=vertical-stage-list+featured-equipment-sheet \u00b7 D=stage-selection+enquiry-carry \u00b7 E=equipment-responsibility-record\n * SOUL=4 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke05-block),\n.elementor-widget-html:has(.hke05-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke05-preview-body),\nbody.hke05-preview-body {\n  overflow-x: clip;\n}\n\n.hke05-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke05-block {\n  --hke05-bg: #f3f8fc;\n  --hke05-surface: #ffffff;\n  --hke05-image-bg: #ffffff;\n  --hke05-surface-soft: #f8fbfe;\n  --hke05-navy: #102a43;\n  --hke05-dark: #112944;\n  --hke05-blue-deep: #173a78;\n  --hke05-blue: #1677c8;\n  --hke05-blue-soft: #e8f3fc;\n  --hke05-blue-focus: #4383f0;\n  --hke05-orange: #e16a47;\n  --hke05-orange-dark: #c9583d;\n  --hke05-text: #2d4660;\n  --hke05-muted: #6f8295;\n  --hke05-line: #d8e2ec;\n  --hke05-line-soft: #e7eef4;\n  --hke05-white: #ffffff;\n  --hke05-font: \"Roboto\", Arial, sans-serif;\n  --hke05-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke05-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke05-text);\n  font-family: var(--hke05-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n  overflow-x: clip;\n}\n\n.hke05-block,\n.hke05-block *,\n.hke05-block *::before,\n.hke05-block *::after {\n  box-sizing: border-box;\n}\n\n.hke05-block h2,\n.hke05-block h3,\n.hke05-block p,\n.hke05-block figure {\n  margin: 0;\n}\n\n.hke05-block button,\n.hke05-block a {\n  font-family: var(--hke05-font);\n}\n\n.hke05-section {\n  width: 100%;\n  margin: 0;\n  padding: clamp(76px, 7vw, 104px) 24px;\n  scroll-margin-top: 150px;\n  background-color: var(--hke05-bg);\n  background-image:\n    linear-gradient(rgba(74, 117, 155, 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(74, 117, 155, 0.045) 1px, transparent 1px);\n  background-size: 48px 48px;\n}\n\n.hke05-shell {\n  width: min(100%, var(--hke05-shell));\n  margin: 0 auto;\n}\n\n.hke05-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.93fr);\n  gap: clamp(46px, 6vw, 86px);\n  align-items: end;\n  margin-bottom: 48px;\n}\n\n.hke05-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke05-blue);\n  font-family: var(--hke05-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke05-section-label span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid rgba(235, 244, 252, 0.2);\n  border-radius: 7px;\n  background: var(--hke05-blue-deep);\n  color: var(--hke05-white);\n  letter-spacing: 0;\n}\n\n.hke05-intro h2 {\n  max-width: 690px;\n  color: var(--hke05-navy);\n  font-size: clamp(2.65rem, 4.25vw, 3.78rem);\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -0.045em;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.hke05-intro-copy > p {\n  color: var(--hke05-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke05-boundary {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 12px;\n  align-items: start;\n  margin-top: 22px;\n  padding-top: 19px;\n  border-top: 1px solid var(--hke05-line);\n  color: var(--hke05-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke05-boundary > span {\n  display: grid;\n  width: 31px;\n  height: 31px;\n  place-items: center;\n  border: 1px solid rgba(22, 119, 200, 0.28);\n  border-radius: 50%;\n  background: var(--hke05-surface);\n  color: var(--hke05-blue);\n  font-family: var(--hke05-mono);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.hke05-boundary strong {\n  display: block;\n  margin-bottom: 2px;\n  color: var(--hke05-navy);\n  font-size: 14px;\n}\n\n.hke05-browser {\n  display: grid;\n  grid-template-columns: 300px minmax(0, 1fr);\n  gap: 22px;\n  align-items: start;\n}\n\n.hke05-stage-rail {\n  min-width: 0;\n}\n\n.hke05-stage-heading {\n  display: grid;\n  gap: 4px;\n  min-height: 76px;\n  align-content: center;\n  padding: 13px 16px;\n  border-radius: 10px 10px 0 0;\n  background: var(--hke05-dark);\n  color: var(--hke05-white);\n}\n\n.hke05-stage-heading span,\n.hke05-route-context span,\n.hke05-panel-head p,\n.hke05-meta-label,\n.hke05-output-card span,\n.hke05-scope-heading span,\n.hke05-responsibility span,\n.hke05-panel-action span,\n.hke05-next span {\n  color: #77b8ed;\n  font-family: var(--hke05-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.4;\n}\n\n.hke05-stage-heading strong {\n  font-size: 15px;\n  line-height: 1.35;\n}\n\n.hke05-tabs {\n  display: grid;\n  gap: 7px;\n  padding-top: 7px;\n}\n\n\/* Elementor Kit applies a global orange button style. Keep every stage state\n * explicitly owned by this root so the widget remains stable in production. *\/\n#hke05-equipment-map button,\n#hke05-equipment-map a {\n  margin: 0 !important;\n  font-family: var(--hke05-font) !important;\n  text-transform: none !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  background-image: none !important;\n}\n\n#hke05-equipment-map button.hke05-tab,\n#hke05-equipment-map button.hke05-tab:hover,\n#hke05-equipment-map button.hke05-tab:focus,\n#hke05-equipment-map button.hke05-tab:active {\n  position: relative;\n  display: grid;\n  min-width: 0 !important;\n  min-height: 58px;\n  grid-template-columns: 34px minmax(0, 1fr);\n  grid-template-rows: auto auto;\n  column-gap: 12px;\n  align-content: center;\n  padding: 9px 14px !important;\n  border: 1px solid var(--hke05-line) !important;\n  border-radius: 9px !important;\n  background: rgba(255, 255, 255, 0.78) !important;\n  color: var(--hke05-navy) !important;\n  font-size: inherit !important;\n  font-weight: inherit !important;\n  line-height: inherit !important;\n  text-align: left !important;\n  box-shadow: none !important;\n  cursor: pointer;\n}\n\n#hke05-equipment-map button.hke05-tab::after {\n  content: \"\u2192\";\n  position: absolute;\n  top: 50%;\n  right: 13px;\n  color: #7890a5;\n  font-size: 15px;\n  transform: translateY(-50%);\n}\n\n#hke05-equipment-map button.hke05-tab > span {\n  grid-row: 1 \/ 3;\n  align-self: center;\n  color: #466781;\n  font-family: var(--hke05-mono);\n  font-size: 11px;\n  font-weight: 500;\n}\n\n#hke05-equipment-map button.hke05-tab strong {\n  padding-right: 24px;\n  font-size: 14px;\n  line-height: 1.25;\n}\n\n#hke05-equipment-map button.hke05-tab small {\n  padding-right: 24px;\n  color: var(--hke05-muted);\n  font-size: 11px;\n  line-height: 1.25;\n}\n\n#hke05-equipment-map button.hke05-tab:hover {\n  border-color: #a9c9e2 !important;\n  background: var(--hke05-white) !important;\n  transform: translateX(2px);\n}\n\n#hke05-equipment-map button.hke05-tab.is-active,\n#hke05-equipment-map button.hke05-tab.is-active:hover,\n#hke05-equipment-map button.hke05-tab.is-active:focus,\n#hke05-equipment-map button.hke05-tab.is-active:active {\n  border-color: var(--hke05-dark) !important;\n  background: var(--hke05-dark) !important;\n  color: var(--hke05-white) !important;\n  box-shadow: 0 10px 22px rgba(16, 42, 67, 0.16) !important;\n}\n\n#hke05-equipment-map button.hke05-tab.is-active::after,\n#hke05-equipment-map button.hke05-tab.is-active > span,\n#hke05-equipment-map button.hke05-tab.is-active small {\n  color: #8dc8f5;\n}\n\n.hke05-route-context {\n  display: grid;\n  gap: 14px;\n  margin-top: 14px;\n  padding: 17px;\n  border: 1px solid rgba(16, 42, 67, 0.16);\n  border-radius: 9px;\n  background: rgba(17, 41, 68, 0.96);\n  color: var(--hke05-white);\n}\n\n.hke05-route-context div + div {\n  padding-top: 14px;\n  border-top: 1px solid rgba(255, 255, 255, 0.13);\n}\n\n.hke05-route-context strong,\n.hke05-route-context p {\n  display: block;\n  margin-top: 5px;\n  color: var(--hke05-white);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.hke05-panel {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hke05-line);\n  border-radius: 12px;\n  background: var(--hke05-surface);\n  box-shadow: 0 16px 42px rgba(16, 42, 67, 0.09);\n}\n\n.hke05-panel-head {\n  display: grid;\n  min-height: 100px;\n  grid-template-columns: 45px minmax(0, 1fr) auto;\n  gap: 16px;\n  align-items: center;\n  padding: 20px 28px 18px;\n  border-bottom: 1px solid var(--hke05-line);\n}\n\n.hke05-panel-number {\n  display: grid;\n  width: 43px;\n  height: 43px;\n  place-items: center;\n  border: 1px solid #bad2e7;\n  border-radius: 8px;\n  background: var(--hke05-blue-soft);\n  color: var(--hke05-blue);\n  font-family: var(--hke05-mono);\n  font-size: 12px;\n}\n\n.hke05-panel-head h3 {\n  margin-top: 4px;\n  color: var(--hke05-navy);\n  font-size: clamp(1.65rem, 2.5vw, 2.2rem);\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -0.035em;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.hke05-source-badge {\n  max-width: 220px;\n  padding: 7px 10px;\n  border: 1px solid #bed7eb;\n  border-radius: 999px;\n  background: var(--hke05-blue-soft);\n  color: #145f9e;\n  font-family: var(--hke05-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  line-height: 1.35;\n  text-align: center;\n}\n\n.hke05-media {\n  --hke05-media-height: clamp(340px, 31vw, 420px);\n  display: grid;\n  min-height: 0;\n  grid-template-rows: var(--hke05-media-height) auto;\n  gap: 0;\n  padding: 0 28px;\n  background: var(--hke05-image-bg);\n}\n\n#hke05-equipment-map .hke05-media > img[data-hke05-image] {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  height: var(--hke05-media-height) !important;\n  max-height: none !important;\n  float: none !important;\n  margin: 0 !important;\n  padding: clamp(14px, 2vw, 22px) !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: var(--hke05-image-bg) !important;\n  box-shadow: none !important;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.hke05-media figcaption {\n  padding: 10px 0 13px;\n  border-top: 1px solid var(--hke05-line-soft);\n  color: var(--hke05-muted);\n  font-size: 12px;\n  line-height: 1.5;\n  text-align: center;\n}\n\n.hke05-panel-copy {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 190px;\n  gap: 24px;\n  align-items: stretch;\n  padding: 20px 28px;\n  border-top: 1px solid var(--hke05-line-soft);\n}\n\n.hke05-panel-copy > div:first-child > p {\n  margin-top: 7px;\n  color: var(--hke05-text);\n  font-size: 14px;\n  line-height: 1.68;\n}\n\n.hke05-output-card {\n  display: grid;\n  gap: 7px;\n  align-content: center;\n  padding: 14px 16px;\n  border-radius: 8px;\n  background: var(--hke05-blue-soft);\n}\n\n.hke05-output-card strong {\n  color: var(--hke05-navy);\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.hke05-machine-scope {\n  padding: 20px 28px 24px;\n  border-top: 1px solid var(--hke05-line);\n  background: var(--hke05-surface-soft);\n}\n\n.hke05-scope-heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.7fr);\n  gap: 28px;\n  align-items: end;\n  margin-bottom: 14px;\n}\n\n.hke05-scope-heading strong {\n  display: block;\n  margin-top: 4px;\n  color: var(--hke05-navy);\n  font-size: 14px;\n}\n\n.hke05-scope-heading > p {\n  color: var(--hke05-muted);\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.hke05-machine-links {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));\n  gap: 9px;\n}\n\n#hke05-equipment-map button.hke05-machine,\n#hke05-equipment-map button.hke05-machine:hover,\n#hke05-equipment-map button.hke05-machine:focus,\n#hke05-equipment-map button.hke05-machine:active {\n  position: relative;\n  display: grid;\n  min-width: 0 !important;\n  min-height: 74px;\n  gap: 6px;\n  align-content: center;\n  padding: 12px 34px 12px 13px !important;\n  border: 1px solid var(--hke05-line) !important;\n  border-radius: 8px !important;\n  background: var(--hke05-white) !important;\n  color: var(--hke05-navy) !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  line-height: 1.3 !important;\n  text-align: left !important;\n  box-shadow: none !important;\n  cursor: pointer;\n}\n\n#hke05-equipment-map button.hke05-machine::after {\n  content: \"+\";\n  position: absolute;\n  top: 50%;\n  right: 12px;\n  color: var(--hke05-blue);\n  font-family: var(--hke05-mono);\n  font-size: 18px;\n  font-weight: 400;\n  transform: translateY(-50%);\n}\n\n#hke05-equipment-map button.hke05-machine small {\n  color: var(--hke05-muted);\n  font-family: var(--hke05-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.035em;\n  line-height: 1.35;\n}\n\n#hke05-equipment-map button.hke05-machine:hover {\n  border-color: #9fc6e3 !important;\n  background: #f9fcff !important;\n  transform: translateY(-1px);\n}\n\n#hke05-equipment-map button.hke05-machine.is-selected,\n#hke05-equipment-map button.hke05-machine.is-selected:hover,\n#hke05-equipment-map button.hke05-machine.is-selected:focus,\n#hke05-equipment-map button.hke05-machine.is-selected:active {\n  border-color: var(--hke05-blue) !important;\n  background: var(--hke05-blue-soft) !important;\n  color: var(--hke05-navy) !important;\n  box-shadow: inset 3px 0 0 var(--hke05-blue) !important;\n}\n\n#hke05-equipment-map button.hke05-machine.is-selected::after {\n  content: \"\u2713\";\n}\n\n.hke05-responsibility {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1fr);\n  border-top: 1px solid var(--hke05-line);\n}\n\n.hke05-responsibility > div {\n  min-width: 0;\n  min-height: 96px;\n  padding: 17px 20px;\n}\n\n.hke05-responsibility > div + div {\n  border-left: 1px solid var(--hke05-line);\n}\n\n.hke05-responsibility strong {\n  display: block;\n  margin-top: 7px;\n  color: var(--hke05-navy);\n  font-size: 12px;\n  line-height: 1.48;\n}\n\n.hke05-panel-action {\n  display: grid;\n  min-height: 82px;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 22px;\n  align-items: center;\n  padding: 16px 20px 16px 28px;\n  background: var(--hke05-dark);\n}\n\n.hke05-panel-action > div {\n  min-width: 0;\n}\n\n.hke05-panel-action strong {\n  display: block;\n  margin-top: 5px;\n  overflow: hidden;\n  color: var(--hke05-white);\n  font-size: 13px;\n  line-height: 1.4;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n#hke05-equipment-map button.hke05-carry,\n#hke05-equipment-map button.hke05-carry:hover,\n#hke05-equipment-map button.hke05-carry:focus,\n#hke05-equipment-map button.hke05-carry:active {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 0 20px !important;\n  border: 1px solid var(--hke05-orange) !important;\n  border-radius: 7px !important;\n  background: var(--hke05-orange) !important;\n  color: var(--hke05-white) !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  box-shadow: none !important;\n  cursor: pointer;\n}\n\n#hke05-equipment-map button.hke05-carry:hover {\n  border-color: var(--hke05-orange-dark) !important;\n  background: var(--hke05-orange-dark) !important;\n  transform: translateY(-1px);\n}\n\n.hke05-next {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 30px;\n  align-items: center;\n  margin-top: 30px;\n  padding: 28px 30px;\n  border-radius: 12px;\n  background: var(--hke05-dark);\n  color: var(--hke05-white);\n}\n\n.hke05-next h3 {\n  margin-top: 6px;\n  color: var(--hke05-white);\n  font-size: 21px;\n  line-height: 1.25;\n}\n\n.hke05-next p {\n  max-width: 760px;\n  margin-top: 7px;\n  color: #b8c9d8;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n#hke05-equipment-map .hke05-next a,\n#hke05-equipment-map .hke05-next a:visited {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 0 20px;\n  border: 1px solid rgba(255, 255, 255, 0.34);\n  border-radius: 7px;\n  background: transparent;\n  color: var(--hke05-white) !important;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n#hke05-equipment-map .hke05-next a:hover {\n  border-color: var(--hke05-white);\n  background: rgba(255, 255, 255, 0.08);\n}\n\n#hke05-equipment-map button:focus-visible,\n#hke05-equipment-map a:focus-visible,\n.hke05-panel:focus-visible {\n  outline: 3px solid var(--hke05-blue-focus) !important;\n  outline-offset: 3px !important;\n}\n\n@media (max-width: 1100px) {\n  .hke05-browser {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke05-stage-heading {\n    border-radius: 10px;\n  }\n\n  .hke05-tabs {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke05-route-context {\n    grid-template-columns: minmax(190px, 0.7fr) minmax(0, 1.3fr);\n  }\n\n  .hke05-route-context div + div {\n    padding-top: 0;\n    padding-left: 18px;\n    border-top: 0;\n    border-left: 1px solid rgba(255, 255, 255, 0.13);\n  }\n}\n\n@media (max-width: 820px) {\n  .hke05-section {\n    padding: 72px 20px;\n    scroll-margin-top: 126px;\n  }\n\n  .hke05-intro {\n    grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.75fr);\n    gap: 34px;\n  }\n\n  .hke05-intro h2 {\n    font-size: clamp(2.35rem, 7vw, 3rem);\n  }\n\n  .hke05-panel-head {\n    grid-template-columns: 45px minmax(0, 1fr);\n  }\n\n  .hke05-source-badge {\n    grid-column: 2;\n    justify-self: start;\n    max-width: 100%;\n  }\n\n  .hke05-media {\n    --hke05-media-height: 320px;\n  }\n\n  .hke05-panel-copy {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke05-scope-heading {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 8px;\n  }\n\n  .hke05-responsibility {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke05-responsibility > div:last-child {\n    grid-column: 1 \/ -1;\n    border-top: 1px solid var(--hke05-line);\n    border-left: 0;\n  }\n\n  .hke05-next {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #hke05-equipment-map .hke05-next a {\n    justify-self: start;\n  }\n}\n\n@media (max-width: 620px) {\n  .hke05-section {\n    padding: 64px 8px;\n    scroll-margin-top: 116px;\n    background-size: 40px 40px;\n  }\n\n  .hke05-intro {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 26px;\n    margin-bottom: 36px;\n    padding: 0 8px;\n    text-align: center;\n  }\n\n  .hke05-section-label {\n    justify-content: center;\n    font-size: 10px;\n  }\n\n  .hke05-section-label span {\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n  }\n\n  .hke05-intro h2 {\n    font-size: clamp(2.22rem, 10.5vw, 2.58rem);\n  }\n\n  .hke05-intro-copy > p {\n    font-size: 15px;\n  }\n\n  .hke05-boundary {\n    grid-template-columns: minmax(0, 1fr);\n    justify-items: center;\n  }\n\n  .hke05-tabs {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #hke05-equipment-map button.hke05-tab {\n    min-height: 60px;\n  }\n\n  .hke05-route-context {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke05-route-context div + div {\n    padding-top: 14px;\n    padding-left: 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.13);\n    border-left: 0;\n  }\n\n  .hke05-panel {\n    border-radius: 10px;\n  }\n\n  .hke05-panel-head {\n    grid-template-columns: 40px minmax(0, 1fr);\n    gap: 12px;\n    padding: 18px 14px 16px;\n  }\n\n  .hke05-panel-number {\n    width: 38px;\n    height: 38px;\n  }\n\n  .hke05-panel-head h3 {\n    font-size: 1.75rem;\n  }\n\n  .hke05-source-badge {\n    grid-column: 1 \/ -1;\n    justify-self: stretch;\n  }\n\n  .hke05-media {\n    --hke05-media-height: 240px;\n    padding: 0 14px;\n  }\n\n#hke05-equipment-map .hke05-media > img[data-hke05-image] {\n    padding: 12px 4px !important;\n  }\n\n  .hke05-media figcaption {\n    text-align: left;\n  }\n\n  .hke05-panel-copy,\n  .hke05-machine-scope {\n    padding: 18px 14px;\n  }\n\n  .hke05-machine-links {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #hke05-equipment-map button.hke05-machine {\n    min-height: 68px;\n  }\n\n  .hke05-responsibility {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke05-responsibility > div,\n  .hke05-responsibility > div:last-child {\n    min-height: 0;\n    grid-column: auto;\n    padding: 15px 14px;\n    border-top: 1px solid var(--hke05-line);\n    border-left: 0;\n  }\n\n  .hke05-panel-action {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 18px 14px;\n  }\n\n  .hke05-panel-action strong {\n    white-space: normal;\n  }\n\n  #hke05-equipment-map button.hke05-carry {\n    width: 100%;\n  }\n\n  .hke05-next {\n    margin-top: 22px;\n    padding: 24px 18px;\n  }\n\n  .hke05-next h3 {\n    font-size: 19px;\n  }\n\n  #hke05-equipment-map .hke05-next a {\n    width: 100%;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke05-intro h2 {\n    font-size: 2.12rem;\n  }\n\n  .hke05-media {\n    --hke05-media-height: 210px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke05-block *,\n  .hke05-block *::before,\n  .hke05-block *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n<\/style>\n\n<div id=\"hke05-equipment-map\" class=\"hke05-block\">\n  <section id=\"equipment\" class=\"hke05-section\" aria-labelledby=\"hke05-title\">\n    <div class=\"hke05-shell\">\n      <header class=\"hke05-intro\">\n        <div class=\"hke05-intro-title\">\n          <p class=\"hke05-section-label\"><span>04<\/span> MACHINERY BY STAGE<\/p>\n          <h2 id=\"hke05-title\">Browse Equipment by Production Stage<\/h2>\n        <\/div>\n        <div class=\"hke05-intro-copy\">\n          <p>Start with the process stage that belongs in your cable route. Review its purpose, representative equipment and responsibility before carrying an equipment interest into the project enquiry.<\/p>\n          <div class=\"hke05-boundary\">\n            <span aria-hidden=\"true\">\u2713<\/span>\n            <div><strong>Equipment scope, not an automatic model selection<\/strong>Final configuration follows the approved cable design, required range, target output and factory conditions.<\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"hke05-browser\">\n        <aside class=\"hke05-stage-rail\" aria-label=\"Production stage selector\">\n          <div class=\"hke05-stage-heading\">\n            <span>PRODUCTION STAGE<\/span>\n            <strong>Choose one equipment family<\/strong>\n          <\/div>\n          <div class=\"hke05-tabs\" role=\"tablist\" aria-label=\"Electrical cable equipment stages\" aria-orientation=\"vertical\">\n            <button id=\"hke05-tab-drawing\" class=\"hke05-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"hke05-panel\" tabindex=\"0\" data-hke05-stage=\"drawing\"><span>01<\/span><strong>Drawing<\/strong><small>Wire preparation<\/small><\/button>\n            <button id=\"hke05-tab-stranding\" class=\"hke05-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke05-panel\" tabindex=\"-1\" data-hke05-stage=\"stranding\"><span>02<\/span><strong>Stranding<\/strong><small>Conductor forming<\/small><\/button>\n            <button id=\"hke05-tab-extrusion\" class=\"hke05-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke05-panel\" tabindex=\"-1\" data-hke05-stage=\"extrusion\"><span>03<\/span><strong>Extrusion<\/strong><small>Insulation systems<\/small><\/button>\n            <button id=\"hke05-tab-cabling\" class=\"hke05-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke05-panel\" tabindex=\"-1\" data-hke05-stage=\"cabling\"><span>04<\/span><strong>Cabling<\/strong><small>Core assembly<\/small><\/button>\n            <button id=\"hke05-tab-armouring\" class=\"hke05-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke05-panel\" tabindex=\"-1\" data-hke05-stage=\"armouring\"><span>05<\/span><strong>Armouring<\/strong><small>Protection layers<\/small><\/button>\n            <button id=\"hke05-tab-sheathing\" class=\"hke05-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke05-panel\" tabindex=\"-1\" data-hke05-stage=\"sheathing\"><span>06<\/span><strong>Sheathing<\/strong><small>Outer jacket<\/small><\/button>\n            <button id=\"hke05-tab-finishing\" class=\"hke05-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke05-panel\" tabindex=\"-1\" data-hke05-stage=\"finishing\"><span>07<\/span><strong>Testing &amp; Packing<\/strong><small>Finished handling<\/small><\/button>\n          <\/div>\n\n          <div class=\"hke05-route-context\" aria-label=\"Carried cable route context\">\n            <div><span>STARTING CABLE<\/span><strong data-hke05-family>Building Wire<\/strong><\/div>\n            <div><span>PRELIMINARY ROUTE<\/span><p data-hke05-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/p><\/div>\n          <\/div>\n        <\/aside>\n\n        <article id=\"hke05-panel\" class=\"hke05-panel\" role=\"tabpanel\" aria-labelledby=\"hke05-tab-drawing\" tabindex=\"0\">\n          <header class=\"hke05-panel-head\">\n            <div class=\"hke05-panel-number\" data-hke05-number>01<\/div>\n            <div>\n              <p data-hke05-kicker>WIRE PREPARATION<\/p>\n              <h3 data-hke05-title>Wire Drawing &amp; Annealing<\/h3>\n            <\/div>\n            <span class=\"hke05-source-badge\" data-hke05-source>Integrated from Specialist Manufacturer<\/span>\n          <\/header>\n\n          <figure class=\"hke05-media\">\n            <img fetchpriority=\"high\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/Wire-Drawing-Machine.png\" width=\"1672\" height=\"941\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" alt=\"Wire-drawing machine, conductor-preparation equipment reference\" data-hke05-image title=\"\">\n            <figcaption data-hke05-caption>Wire-drawing equipment reference image. Incoming conductor, die sequence, final range and any annealing scope remain subject to confirmation.<\/figcaption>\n          <\/figure>\n\n          <div class=\"hke05-panel-copy\">\n            <div>\n              <span class=\"hke05-meta-label\">CORE PURPOSE<\/span>\n              <p data-hke05-purpose>Reduce conductor size through dies and review annealing only where the approved conductor route requires it.<\/p>\n            <\/div>\n            <div class=\"hke05-output-card\">\n              <span>TYPICAL OUTPUT<\/span>\n              <strong data-hke05-output>Drawn or annealed conductor for the next confirmed stage<\/strong>\n            <\/div>\n          <\/div>\n\n          <div class=\"hke05-machine-scope\">\n            <div class=\"hke05-scope-heading\">\n              <div><span>COMPACT MACHINE SCOPE<\/span><strong>Choose the equipment interest closest to your project<\/strong><\/div>\n              <p>Categories are discussion starting points. Model, range and interfaces remain to be confirmed.<\/p>\n            <\/div>\n            <div class=\"hke05-machine-links\" data-hke05-machines aria-label=\"Drawing equipment interests\"><\/div>\n          <\/div>\n\n          <div class=\"hke05-responsibility\" aria-label=\"Equipment responsibility record\">\n            <div><span>PRIMARY RESPONSIBILITY<\/span><strong data-hke05-responsibility>Specialist manufacturer equipment, integrated into the project scope<\/strong><\/div>\n            <div><span>APPLICATION<\/span><strong data-hke05-application>Conductor preparation before stranding or insulation, when required<\/strong><\/div>\n            <div><span>CONFIRMATION<\/span><strong>Approved cable design, range, output and factory interfaces<\/strong><\/div>\n          <\/div>\n\n          <footer class=\"hke05-panel-action\">\n            <div role=\"status\" aria-live=\"polite\"><span data-hke05-status>REFERENCE CATEGORY<\/span><strong data-hke05-selection>Wire Drawing &amp; Annealing \u00b7 equipment interest not selected<\/strong><\/div>\n            <button class=\"hke05-carry\" type=\"button\" data-hke05-carry>Carry This Equipment Interest <span aria-hidden=\"true\">\u2192<\/span><\/button>\n          <\/footer>\n        <\/article>\n      <\/div>\n\n      <div class=\"hke05-next\">\n        <div><span>NEXT DECISION<\/span><h3>Combine the selected stages into a complete production solution.<\/h3><p>The next section compares coordinated routes by finished cable rather than treating equipment as disconnected machines.<\/p><\/div>\n        <a href=\"#solutions\" data-hke05-scroll=\"#solutions\">Review Complete Solutions <span aria-hidden=\"true\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const STORAGE_KEY = \"hkeElectricalEquipmentInterestV1\";\n  const FAMILY_IDS = [\"building\", \"thhn\", \"flexible\", \"control\", \"lv\", \"armoured\"];\n  const FAMILY_ROUTES = {\n    building: { label: \"Building Wire\", route: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\" },\n    thhn: { label: \"THHN \/ THWN\", route: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing\" },\n    flexible: { label: \"Flexible Cable\", route: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing\" },\n    control: { label: \"Control Cable\", route: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing\" },\n    lv: { label: \"LV Power Cable\", route: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing\" },\n    armoured: { label: \"Armoured Power Cable\", route: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath\" }\n  };\n\n  const FALLBACK_PROCESS = {\n    familyId: \"building\",\n    family: \"Building Wire\",\n    preliminaryRoute: FAMILY_ROUTES.building.route,\n    currentStageId: \"01\",\n    activeStageIds: [\"01\", \"04\", \"08\"],\n    conditionalStageIds: [\"02\", \"03\"]\n  };\n\n  const STAGE_PROCESS_IDS = {\n    drawing: [\"01\", \"02\"],\n    stranding: [\"03\"],\n    extrusion: [\"04\"],\n    cabling: [\"05\"],\n    armouring: [\"06\"],\n    sheathing: [\"07\"],\n    finishing: [\"08\"]\n  };\n\n  const PROCESS_STAGE_TO_EQUIPMENT = {\n    \"01\": \"drawing\",\n    \"02\": \"drawing\",\n    \"03\": \"stranding\",\n    \"04\": \"extrusion\",\n    \"05\": \"cabling\",\n    \"06\": \"armouring\",\n    \"07\": \"sheathing\",\n    \"08\": \"finishing\"\n  };\n\n  const STAGES = {\n    drawing: {\n      number: \"01\",\n      kicker: \"WIRE PREPARATION\",\n      title: \"Wire Drawing & Annealing\",\n      purpose: \"Reduce conductor size through dies and review annealing only where the approved conductor route requires it.\",\n      output: \"Drawn or annealed conductor for the next confirmed stage\",\n      source: \"Integrated from Specialist Manufacturer\",\n      responsibility: \"Specialist manufacturer equipment, integrated into the project scope\",\n      application: \"Conductor preparation before stranding or insulation, when required\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/Wire-Drawing-Machine.png\",\n      width: 1672,\n      height: 941,\n      alt: \"Wire-drawing machine, conductor-preparation equipment reference\",\n      caption: \"Wire-drawing equipment reference image. Incoming conductor, die sequence, final range and any annealing scope remain subject to confirmation.\",\n      items: [\n        [\"Rod Breakdown Machine\", \"Integrated from Specialist Manufacturer\"],\n        [\"Intermediate Drawing Machine\", \"Integrated from Specialist Manufacturer\"],\n        [\"Fine Drawing Machine\", \"Integrated from Specialist Manufacturer\"],\n        [\"Annealing System\", \"Integrated from Specialist Manufacturer\"]\n      ]\n    },\n    stranding: {\n      number: \"02\",\n      kicker: \"CONDUCTOR FORMING\",\n      title: \"Stranding & Bunching\",\n      purpose: \"Form prepared wires into the conductor construction defined by the approved cable design.\",\n      output: \"Bunched or stranded conductor for the confirmed downstream route\",\n      source: \"Integrated from Specialist Manufacturer\",\n      responsibility: \"Specialist stranding equipment, integrated and coordinated within the project\",\n      application: \"Building wire, flexible conductors and power-cable conductors as design requires\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-cage-strander-rotor-assembly-3d-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"Cage-strander rotor assembly, 3D equipment reference\",\n      caption: \"3D cage-strander reference. Bunching, rigid-stranding and tubular-stranding configurations use different equipment and must be confirmed separately.\",\n      items: [\n        [\"Bunching Machine\", \"Integrated from Specialist Manufacturer\"],\n        [\"Rigid Stranding Machine\", \"Integrated from Specialist Manufacturer\"],\n        [\"Tubular Stranding Machine\", \"Integrated from Specialist Manufacturer\"]\n      ]\n    },\n    extrusion: {\n      number: \"03\",\n      kicker: \"INSULATION SYSTEMS\",\n      title: \"Insulation Extrusion\",\n      purpose: \"Apply the approved insulation or additional covering system around the prepared conductor.\",\n      output: \"Insulated conductor or core ready for the confirmed next stage\",\n      source: \"Manufactured by HONGKAI\",\n      responsibility: \"Core extrusion-line equipment manufactured by HONGKAI; configuration remains project specific\",\n      application: \"Wire insulation, cable-core insulation and approved covering processes\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-core-wire-insulation-line-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"LAN core-wire insulation extrusion line, 3D equipment reference\",\n      caption: \"3D LAN core-wire insulation-line reference. Other electrical-wire constructions, compounds, ranges, speeds and outputs require separate confirmation.\",\n      items: [\n        [\"Wire Insulation Extrusion\", \"Manufactured by HONGKAI\"],\n        [\"Cable Insulation Extrusion\", \"Manufactured by HONGKAI\"],\n        [\"Nylon Co-Extrusion\", \"Configured & Supplied by HONGKAI\"],\n        [\"Cable Sheathing Extrusion\", \"Manufactured by HONGKAI\"]\n      ]\n    },\n    cabling: {\n      number: \"04\",\n      kicker: \"CORE ASSEMBLY\",\n      title: \"Laying-Up & Cabling\",\n      purpose: \"Assemble insulated cores, fillers, binders or tapes according to the confirmed multi-core construction.\",\n      output: \"Assembled cable core for protection or outer-jacket stages\",\n      source: \"Configured & Supplied by HONGKAI\",\n      responsibility: \"Cabling scope configured and supplied as part of the coordinated production route\",\n      application: \"Flexible, control and power cable cores where laying-up or taping is required\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/03\/Cable-Stranding-machine--scaled.jpeg\",\n      width: 2048,\n      height: 1365,\n      alt: \"Cantilever single-twist machine, cable core laying-up reference\",\n      caption: \"Cantilever \/ single-twist cabling reference. Final core count, filler, binder, tape and lay construction remain subject to confirmation.\",\n      items: [\n        [\"Laying-Up Machine\", \"Configured & Supplied by HONGKAI\"],\n        [\"Taping System\", \"Configured & Supplied by HONGKAI\"],\n        [\"Core Handling System\", \"Supporting System\"]\n      ]\n    },\n    armouring: {\n      number: \"05\",\n      kicker: \"PROTECTION LAYERS\",\n      title: \"Shielding & Armouring\",\n      purpose: \"Add the protection layer specified by the approved cable construction; shielding and armouring remain separate engineering routes.\",\n      output: \"Protected cable core prepared for the approved outer-jacket stage\",\n      source: \"Integrated from Specialist Manufacturer\",\n      responsibility: \"Specialist protection-layer equipment, integrated with the confirmed upstream and downstream stages\",\n      application: \"Steel-wire, steel-tape or shielding routes only when the cable design specifies them\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/01\/Steel-wire-armoring-and-sheathing-equipment-for-power-cables--scaled.png\",\n      width: 2560,\n      height: 1429,\n      alt: \"Steel-wire armouring equipment reference for a power-cable route\",\n      caption: \"Steel-wire armouring route reference. The pictured equipment also includes sheathing; steel-tape and shielding routes require different equipment and remain separately confirmed.\",\n      items: [\n        [\"Steel Tape Armouring\", \"Integrated from Specialist Manufacturer\"],\n        [\"Steel Wire Armouring\", \"Integrated from Specialist Manufacturer\"],\n        [\"Shielding Systems\", \"Integrated from Specialist Manufacturer\"]\n      ]\n    },\n    sheathing: {\n      number: \"06\",\n      kicker: \"OUTER JACKET\",\n      title: \"Outer Sheathing & Marking\",\n      purpose: \"Apply the approved outer jacket, then coordinate cooling, marking and downstream take-up around that jacket process.\",\n      output: \"Sheathed cable for the confirmed testing and finished-handling scope\",\n      source: \"Manufactured by HONGKAI\",\n      responsibility: \"Core sheathing-line equipment manufactured by HONGKAI with project-specific supporting systems\",\n      application: \"Flexible, control, power and armoured cable routes requiring an outer jacket\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/lan-sheathing-extrusion-line-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"LAN cable sheathing extrusion line, 3D equipment reference\",\n      caption: \"3D LAN sheathing-line reference. Jacket material, dimensions, cooling, marking, take-up and other cable-family configurations remain project specific.\",\n      items: [\n        [\"Cable Sheathing Line\", \"Manufactured by HONGKAI\"],\n        [\"Cooling & Take-Up\", \"Configured & Supplied by HONGKAI\"],\n        [\"Jacket Process Controls\", \"Supporting System\"]\n      ]\n    },\n    finishing: {\n      number: \"07\",\n      kicker: \"FINISHED HANDLING\",\n      title: \"Testing, Coiling & Packing\",\n      purpose: \"Coordinate project-agreed checks, measurement and finished-product handling without implying a test result or compliance claim.\",\n      output: \"Wire or cable prepared for the agreed inspection, coiling, take-up or packing scope\",\n      source: \"Supporting System\",\n      responsibility: \"Testing, measuring and finished-handling systems integrated around the confirmed line\",\n      application: \"Finished wire and cable handling according to product format and acceptance basis\",\n      image: \"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/hongkai-blue-automatic-cable-processing-machine-3d-4x3-4k-scaled.webp\",\n      width: 2560,\n      height: 1920,\n      alt: \"Automatic cable processing machine, 3D finished-handling reference\",\n      caption: \"3D automatic cable-processing equipment reference. Exact coiling, cutting, packing and inspection functions must be confirmed; testing systems are not shown.\",\n      items: [\n        [\"Spark Testing\", \"Supporting System\"],\n        [\"Diameter Measurement\", \"Supporting System\"],\n        [\"Automatic Coiling\", \"Supporting System\"],\n        [\"Take-Up & Packing\", \"Supporting System\"]\n      ]\n    }\n  };\n\n  const safeStoredJson = (key) => {\n    try { return JSON.parse(sessionStorage.getItem(key) || \"null\"); }\n    catch (error) { return null; }\n  };\n\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const stageStatus = (stageId, process) => {\n    const related = STAGE_PROCESS_IDS[stageId] || [];\n    const active = Array.isArray(process?.activeStageIds) ? process.activeStageIds : [];\n    const conditional = Array.isArray(process?.conditionalStageIds) ? process.conditionalStageIds : [];\n    if (related.some((id) => active.includes(id))) return \"IN PRELIMINARY ROUTE\";\n    if (related.some((id) => conditional.includes(id))) return \"AS REQUIRED\";\n    return \"REFERENCE CATEGORY\";\n  };\n\n  const init = (root) => {\n    if (!root || root.dataset.hke05Ready === \"true\") return;\n    root.dataset.hke05Ready = \"true\";\n\n    const processSnapshot = window.HKE_ELECTRICAL_PROCESS_STATE || FALLBACK_PROCESS;\n    const briefSnapshot = window.HKE_ELECTRICAL_PROJECT_BRIEF || safeStoredJson(\"hkeElectricalProjectBriefV1\");\n    const storedInterest = safeStoredJson(STORAGE_KEY);\n    const checkedFamily = FAMILY_IDS.find((family) => document.getElementById(`hke02-cable-${family}`)?.checked);\n    const initialFamily = FAMILY_ROUTES[processSnapshot?.familyId]\n      ? processSnapshot.familyId\n      : FAMILY_ROUTES[briefSnapshot?.familyId]\n        ? briefSnapshot.familyId\n        : FAMILY_ROUTES[checkedFamily]\n          ? checkedFamily\n          : FAMILY_ROUTES[storedInterest?.familyId]\n            ? storedInterest.familyId\n            : \"building\";\n    const initialStage = PROCESS_STAGE_TO_EQUIPMENT[processSnapshot?.currentStageId]\n      || (STAGES[storedInterest?.stageId] ? storedInterest.stageId : \"drawing\");\n\n    const state = {\n      familyId: initialFamily,\n      route: processSnapshot?.preliminaryRoute || FAMILY_ROUTES[initialFamily].route,\n      process: processSnapshot,\n      stageId: initialStage,\n      machine: storedInterest?.stageId === initialStage ? storedInterest.machineInterest || \"\" : \"\",\n      carried: false\n    };\n\n    const tabs = [...root.querySelectorAll(\"[data-hke05-stage]\")];\n    const panel = root.querySelector(\"#hke05-panel\");\n    const image = root.querySelector(\"[data-hke05-image]\");\n    const machineList = root.querySelector(\"[data-hke05-machines]\");\n\n    const currentInterest = () => {\n      const stage = STAGES[state.stageId] || STAGES.drawing;\n      const machine = stage.items.find(([name]) => name === state.machine);\n      return {\n        version: 1,\n        familyId: state.familyId,\n        family: FAMILY_ROUTES[state.familyId]?.label || \"To be confirmed\",\n        preliminaryRoute: state.route,\n        stageId: state.stageId,\n        stage: stage.title,\n        stageStatus: stageStatus(state.stageId, state.process),\n        machineInterest: machine?.[0] || \"To be confirmed\",\n        equipmentSource: machine?.[1] || stage.source,\n        boundary: \"Final configuration follows the approved cable design, required range, target output and factory conditions.\"\n      };\n    };\n\n    const formatInterest = (interest) => [\n      `Cable family: ${interest.family}`,\n      `Preliminary route: ${interest.preliminaryRoute}`,\n      `Equipment stage: ${interest.stage}`,\n      `Stage status: ${interest.stageStatus}`,\n      `Equipment interest: ${interest.machineInterest}`,\n      `Source \/ responsibility: ${interest.equipmentSource}`,\n      `Boundary: ${interest.boundary}`\n    ].join(\"\\n\");\n\n    const publish = () => {\n      const interest = currentInterest();\n      window.HKE_ELECTRICAL_EQUIPMENT_INTEREST = interest;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-equipment\", { detail: interest }));\n      return interest;\n    };\n\n    const renderMachines = (stage) => {\n      if (!machineList) return;\n      machineList.setAttribute(\"aria-label\", `${stage.title} equipment interests`);\n      machineList.replaceChildren(...stage.items.map(([name, source]) => {\n        const button = document.createElement(\"button\");\n        const label = document.createElement(\"span\");\n        const meta = document.createElement(\"small\");\n        button.type = \"button\";\n        button.className = \"hke05-machine\";\n        button.dataset.hke05Machine = name;\n        button.setAttribute(\"aria-pressed\", String(state.machine === name));\n        button.classList.toggle(\"is-selected\", state.machine === name);\n        label.textContent = name;\n        meta.textContent = source;\n        button.append(label, meta);\n        button.addEventListener(\"click\", () => {\n          state.machine = state.machine === name ? \"\" : name;\n          state.carried = false;\n          renderStage(false);\n        });\n        return button;\n      }));\n    };\n\n    function renderStage(focusTab = false) {\n      const stage = STAGES[state.stageId] || STAGES.drawing;\n      const selectedTab = tabs.find((tab) => tab.dataset.hke05Stage === state.stageId) || tabs[0];\n      tabs.forEach((tab) => {\n        const selected = tab === selectedTab;\n        tab.classList.toggle(\"is-active\", selected);\n        tab.setAttribute(\"aria-selected\", String(selected));\n        tab.tabIndex = selected ? 0 : -1;\n      });\n      if (panel && selectedTab) panel.setAttribute(\"aria-labelledby\", selectedTab.id);\n      if (focusTab) selectedTab?.focus({ preventScroll: true });\n\n      setText(root, \"[data-hke05-number]\", stage.number);\n      setText(root, \"[data-hke05-kicker]\", stage.kicker);\n      setText(root, \"[data-hke05-title]\", stage.title);\n      setText(root, \"[data-hke05-source]\", stage.source);\n      setText(root, \"[data-hke05-caption]\", stage.caption);\n      setText(root, \"[data-hke05-purpose]\", stage.purpose);\n      setText(root, \"[data-hke05-output]\", stage.output);\n      setText(root, \"[data-hke05-responsibility]\", stage.responsibility);\n      setText(root, \"[data-hke05-application]\", stage.application);\n      setText(root, \"[data-hke05-status]\", state.carried ? \"CARRIED TO PROJECT ENQUIRY\" : stageStatus(state.stageId, state.process));\n      setText(root, \"[data-hke05-selection]\", `${stage.title} \u00b7 ${state.machine || \"equipment interest not selected\"}`);\n\n      if (image) {\n        image.alt = stage.alt;\n        image.width = stage.width;\n        image.height = stage.height;\n        image.loading = \"eager\";\n        image.setAttribute(\"fetchpriority\", \"high\");\n        image.src = stage.image;\n      }\n      renderMachines(stage);\n      publish();\n    }\n\n    const applyContext = (detail, followStage = false) => {\n      if (!detail) return;\n      const familyId = FAMILY_ROUTES[detail.familyId] ? detail.familyId : state.familyId;\n      state.familyId = familyId;\n      state.route = detail.preliminaryRoute || FAMILY_ROUTES[familyId].route;\n      if (Array.isArray(detail.activeStageIds)) state.process = detail;\n      if (followStage && PROCESS_STAGE_TO_EQUIPMENT[detail.currentStageId]) {\n        state.stageId = PROCESS_STAGE_TO_EQUIPMENT[detail.currentStageId];\n        state.machine = \"\";\n      }\n      state.carried = false;\n      setText(root, \"[data-hke05-family]\", detail.family || FAMILY_ROUTES[familyId].label);\n      setText(root, \"[data-hke05-route]\", state.route);\n      renderStage(false);\n    };\n\n    const chooseStage = (stageId, focusTab = false) => {\n      if (!STAGES[stageId]) return;\n      state.stageId = stageId;\n      state.machine = \"\";\n      state.carried = false;\n      renderStage(focusTab);\n    };\n\n    tabs.forEach((tab, index) => {\n      tab.addEventListener(\"click\", () => chooseStage(tab.dataset.hke05Stage));\n      tab.addEventListener(\"keydown\", (event) => {\n        const key = event.key;\n        let nextIndex = index;\n        if ([\"ArrowRight\", \"ArrowDown\"].includes(key)) nextIndex = (index + 1) % tabs.length;\n        else if ([\"ArrowLeft\", \"ArrowUp\"].includes(key)) nextIndex = (index - 1 + tabs.length) % tabs.length;\n        else if (key === \"Home\") nextIndex = 0;\n        else if (key === \"End\") nextIndex = tabs.length - 1;\n        else return;\n        event.preventDefault();\n        chooseStage(tabs[nextIndex].dataset.hke05Stage, true);\n      });\n    });\n\n    root.querySelector(\"[data-hke05-carry]\")?.addEventListener(\"click\", () => {\n      const interest = currentInterest();\n      try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(interest)); } catch (error) { \/* Storage is optional. *\/ }\n      const serialized = formatInterest(interest);\n      document.querySelectorAll(\"[data-hke-electrical-equipment-input]\").forEach((field) => {\n        field.value = serialized;\n        field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      });\n      state.carried = true;\n      renderStage(false);\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-equipment-carried\", { detail: interest }));\n      const target = document.querySelector(\"#enquiry\");\n      if (target) {\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", \"#enquiry\");\n      }\n    });\n\n    root.querySelectorAll(\"[data-hke05-scroll]\").forEach((control) => {\n      control.addEventListener(\"click\", (event) => {\n        const selector = control.dataset.hke05Scroll;\n        const target = selector ? document.querySelector(selector) : null;\n        if (!target) return;\n        event.preventDefault();\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    FAMILY_IDS.forEach((family) => {\n      const radio = document.getElementById(`hke02-cable-${family}`);\n      radio?.addEventListener(\"change\", () => {\n        if (radio.checked) applyContext({ familyId: family, family: FAMILY_ROUTES[family].label, preliminaryRoute: FAMILY_ROUTES[family].route });\n      });\n    });\n\n    window.addEventListener(\"hke:electrical-brief\", (event) => applyContext(event.detail));\n    window.addEventListener(\"hke:electrical-process-route\", (event) => applyContext(event.detail));\n    window.addEventListener(\"hke:electrical-process-stage\", (event) => applyContext(event.detail, true));\n\n    setText(root, \"[data-hke05-family]\", processSnapshot?.family || FAMILY_ROUTES[state.familyId].label);\n    setText(root, \"[data-hke05-route]\", state.route);\n    renderStage(false);\n  };\n\n  const start = () => document.querySelectorAll(\".hke05-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-90cc908 e-con e-atomic-element e-flexbox-base e-90cc908-202c450 \" data-id=\"90cc908\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90cc908\" data-e-type=\"e-flexbox\" data-id=\"90cc908\">\n    \t\t<div class=\"elementor-element elementor-element-ea4e616 elementor-widget elementor-widget-html\" data-id=\"ea4e616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 06 \/ VISUAL BLOCK 07\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=cool-white+navy-solution-ledger \u00b7 B=roboto+mono-meta\n * C=six-family-index+coordinated-route-dossier \u00b7 D=solution-selection+enquiry-carry \u00b7 E=project-scope-ledger\n * SOUL=4 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke06-block),\n.elementor-widget-html:has(.hke06-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke06-preview-body),\nbody.hke06-preview-body {\n  overflow-x: clip;\n}\n\n.hke06-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke06-block {\n  --hke06-bg: #fbfdff;\n  --hke06-surface: #f9fcff;\n  --hke06-surface-soft: #f2f7fb;\n  --hke06-surface-blue: #eaf4fc;\n  --hke06-navy: #102a43;\n  --hke06-dark: #112944;\n  --hke06-blue-deep: #173a78;\n  --hke06-blue: #1677c8;\n  --hke06-blue-focus: #4383f0;\n  --hke06-blue-pale: #dceefd;\n  --hke06-orange: #e16a47;\n  --hke06-orange-dark: #c9583d;\n  --hke06-text: #2d4660;\n  --hke06-muted: #6f8295;\n  --hke06-line: rgba(16, 42, 67, 0.14);\n  --hke06-line-soft: rgba(16, 42, 67, 0.085);\n  --hke06-white: #fdfefe;\n  --hke06-shadow: 0 20px 54px rgba(25, 64, 96, 0.1);\n  --hke06-font: \"Roboto\", Arial, sans-serif;\n  --hke06-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke06-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke06-text);\n  font-family: var(--hke06-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n.hke06-block,\n.hke06-block *,\n.hke06-block *::before,\n.hke06-block *::after {\n  box-sizing: border-box;\n}\n\n.hke06-block h2,\n.hke06-block h3,\n.hke06-block h4,\n.hke06-block p,\n.hke06-block ol,\n.hke06-block ul {\n  margin: 0;\n}\n\n.hke06-block ol,\n.hke06-block ul {\n  padding: 0;\n  list-style: none;\n}\n\n.hke06-block button,\n.hke06-block a {\n  font-family: var(--hke06-font);\n}\n\n.hke06-section {\n  width: 100%;\n  margin: 0;\n  padding: clamp(78px, 7vw, 104px) 24px;\n  scroll-margin-top: 150px;\n  border-top: 1px solid var(--hke06-line-soft);\n  border-bottom: 1px solid var(--hke06-line-soft);\n  background: var(--hke06-bg);\n}\n\n.hke06-shell {\n  width: min(100%, var(--hke06-shell));\n  margin: 0 auto;\n}\n\n.hke06-intro {\n  width: min(100%, 760px);\n  margin: 0 auto 48px;\n  text-align: center;\n}\n\n.hke06-section-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke06-blue);\n  font-family: var(--hke06-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke06-section-label span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid rgba(235, 244, 252, 0.2);\n  border-radius: 7px;\n  background: var(--hke06-blue-deep);\n  color: var(--hke06-white);\n  letter-spacing: 0;\n}\n\n.hke06-intro h2 {\n  min-width: 0;\n  color: var(--hke06-navy);\n  font-size: clamp(2.55rem, 3.5vw, 3.125rem);\n  font-weight: 700;\n  line-height: 1.06;\n  letter-spacing: -0.04em;\n  overflow-wrap: anywhere;\n}\n\n.hke06-intro > p:not(.hke06-section-label) {\n  width: min(100%, 720px);\n  margin: 22px auto 0;\n  color: var(--hke06-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke06-boundary {\n  display: grid;\n  grid-template-columns: 42px minmax(0, 1fr);\n  gap: 12px;\n  width: min(100%, 760px);\n  align-items: start;\n  margin: 24px auto 0;\n  padding-top: 20px;\n  border-top: 1px solid var(--hke06-line);\n  color: var(--hke06-muted);\n  font-size: 13px;\n  line-height: 1.58;\n  text-align: left;\n}\n\n.hke06-boundary > span {\n  display: grid;\n  width: 40px;\n  height: 24px;\n  place-items: center;\n  border: 1px solid rgba(22, 119, 200, 0.28);\n  border-radius: 5px;\n  background: var(--hke06-surface);\n  color: var(--hke06-blue);\n  font-family: var(--hke06-mono);\n  font-size: 8px;\n  font-weight: 700;\n}\n\n.hke06-boundary strong {\n  display: block;\n  margin-bottom: 2px;\n  color: var(--hke06-navy);\n  font-size: 14px;\n}\n\n.hke06-solution-browser {\n  min-width: 0;\n  overflow: clip;\n  border: 1px solid var(--hke06-line);\n  border-radius: 12px;\n  background: var(--hke06-surface);\n  box-shadow: var(--hke06-shadow);\n}\n\n.hke06-browser-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);\n  gap: 32px;\n  align-items: center;\n  min-height: 108px;\n  padding: 22px 28px;\n  background: var(--hke06-dark);\n  color: var(--hke06-white);\n}\n\n.hke06-browser-head > div:first-child,\n.hke06-upstream-context {\n  display: grid;\n  gap: 4px;\n  min-width: 0;\n}\n\n.hke06-browser-head span,\n.hke06-panel-head span,\n.hke06-subhead span,\n.hke06-detail-title span,\n.hke06-responsibility-list span,\n.hke06-reviewed-equipment span,\n.hke06-panel-action span,\n.hke06-next span {\n  color: #77b8ed;\n  font-family: var(--hke06-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.4;\n}\n\n.hke06-browser-head strong {\n  color: var(--hke06-white);\n  font-size: 17px;\n  line-height: 1.4;\n}\n\n.hke06-upstream-context {\n  padding-left: 28px;\n  border-left: 1px solid rgba(235, 244, 252, 0.2);\n}\n\n.hke06-upstream-context strong {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hke06-upstream-context small {\n  overflow: hidden;\n  color: #aebfd0;\n  font-size: 12px;\n  line-height: 1.45;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hke06-family-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1px;\n  padding: 1px;\n  background: var(--hke06-line);\n}\n\n#hke06-complete-solutions button,\n#hke06-complete-solutions a {\n  margin: 0 !important;\n  font-family: var(--hke06-font) !important;\n  text-transform: none !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  background-image: none !important;\n}\n\n#hke06-complete-solutions button.hke06-family,\n#hke06-complete-solutions button.hke06-family:hover,\n#hke06-complete-solutions button.hke06-family:focus,\n#hke06-complete-solutions button.hke06-family:active {\n  display: grid;\n  min-width: 0 !important;\n  min-height: 92px;\n  grid-template-columns: 34px minmax(0, 1fr);\n  grid-template-rows: auto auto;\n  column-gap: 12px;\n  align-content: center;\n  padding: 16px 18px !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: var(--hke06-surface) !important;\n  color: var(--hke06-navy) !important;\n  font-size: inherit !important;\n  font-weight: inherit !important;\n  line-height: inherit !important;\n  text-align: left !important;\n  box-shadow: none !important;\n  cursor: pointer;\n}\n\n#hke06-complete-solutions button.hke06-family > span {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  grid-row: 1 \/ 3;\n  place-items: center;\n  align-self: center;\n  border: 1px solid var(--hke06-line);\n  border-radius: 7px;\n  background: var(--hke06-surface-soft);\n  color: var(--hke06-blue);\n  font-family: var(--hke06-mono);\n  font-size: 10px;\n  line-height: 1;\n}\n\n#hke06-complete-solutions button.hke06-family > strong {\n  min-width: 0;\n  align-self: end;\n  overflow: hidden;\n  color: inherit;\n  font-size: 15px;\n  line-height: 1.35;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n#hke06-complete-solutions button.hke06-family > small {\n  min-width: 0;\n  align-self: start;\n  overflow: hidden;\n  color: var(--hke06-muted);\n  font-size: 11px;\n  line-height: 1.4;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n#hke06-complete-solutions button.hke06-family:hover {\n  background: var(--hke06-surface-soft) !important;\n}\n\n#hke06-complete-solutions button.hke06-family.is-active,\n#hke06-complete-solutions button.hke06-family.is-active:hover,\n#hke06-complete-solutions button.hke06-family[aria-selected=\"true\"] {\n  position: relative;\n  z-index: 1;\n  background: var(--hke06-surface-blue) !important;\n  color: var(--hke06-navy) !important;\n  box-shadow: inset 0 0 0 1px rgba(22, 119, 200, 0.5) !important;\n}\n\n#hke06-complete-solutions button.hke06-family.is-active > span {\n  border-color: var(--hke06-blue);\n  background: var(--hke06-blue);\n  color: var(--hke06-white);\n}\n\n#hke06-complete-solutions button.hke06-family:focus-visible,\n#hke06-complete-solutions button.hke06-primary-action:focus-visible,\n#hke06-complete-solutions a:focus-visible {\n  position: relative;\n  z-index: 4;\n  outline: 3px solid var(--hke06-blue-focus) !important;\n  outline-offset: 3px;\n}\n\n.hke06-panel {\n  min-width: 0;\n  outline: none;\n}\n\n.hke06-panel-head {\n  display: grid;\n  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);\n  gap: 40px;\n  align-items: center;\n  min-height: 132px;\n  padding: 26px 30px;\n  background: var(--hke06-blue-deep);\n  color: var(--hke06-white);\n}\n\n.hke06-panel-head h3 {\n  min-width: 0;\n  margin-top: 7px;\n  color: var(--hke06-white);\n  font-size: clamp(1.65rem, 2.5vw, 2.2rem);\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -0.03em;\n  overflow-wrap: anywhere;\n}\n\n.hke06-panel-route {\n  min-width: 0;\n  padding-left: 30px;\n  border-left: 1px solid rgba(235, 244, 252, 0.2);\n}\n\n.hke06-panel-route p {\n  margin-top: 7px;\n  color: #dce7f1;\n  font-size: 14px;\n  line-height: 1.58;\n}\n\n.hke06-route-section {\n  padding: 30px;\n}\n\n.hke06-subhead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);\n  gap: 32px;\n  align-items: end;\n  margin-bottom: 20px;\n}\n\n.hke06-subhead > div,\n.hke06-detail-title {\n  display: grid;\n  gap: 5px;\n}\n\n.hke06-subhead strong {\n  color: var(--hke06-navy);\n  font-size: 19px;\n  line-height: 1.35;\n}\n\n.hke06-subhead p {\n  color: var(--hke06-muted);\n  font-size: 13px;\n  line-height: 1.55;\n  text-align: right;\n}\n\n.hke06-route-track {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));\n  gap: 10px;\n}\n\n.hke06-route-track li {\n  display: grid;\n  min-width: 0;\n  min-height: 146px;\n  grid-template-rows: auto 1fr auto;\n  gap: 12px;\n  align-items: start;\n  padding: 16px;\n  border: 1px solid var(--hke06-line);\n  border-radius: 9px;\n  background: var(--hke06-surface-soft);\n}\n\n.hke06-route-track li > span {\n  display: grid;\n  width: 30px;\n  height: 30px;\n  place-items: center;\n  border: 1px solid var(--hke06-line);\n  border-radius: 6px;\n  background: var(--hke06-surface);\n  color: var(--hke06-blue);\n  font-family: var(--hke06-mono);\n  font-size: 10px;\n}\n\n.hke06-route-track li > strong {\n  min-width: 0;\n  color: var(--hke06-navy);\n  font-size: 14px;\n  line-height: 1.4;\n  overflow-wrap: anywhere;\n}\n\n.hke06-route-track li > small {\n  display: block;\n  min-width: 0;\n  padding-top: 10px;\n  border-top: 1px solid var(--hke06-line-soft);\n  color: var(--hke06-muted);\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke06-route-track li[data-hke06-responsibility=\"Manufactured by HONGKAI\"] {\n  background: var(--hke06-surface-blue);\n}\n\n.hke06-route-track li[data-hke06-conditional=\"true\"] {\n  border-style: dashed;\n}\n\n.hke06-detail-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n  border-top: 1px solid var(--hke06-line);\n  background: var(--hke06-surface);\n}\n\n.hke06-responsibility,\n.hke06-confirm {\n  min-width: 0;\n  padding: 30px;\n}\n\n.hke06-responsibility {\n  border-right: 1px solid var(--hke06-line);\n}\n\n.hke06-detail-title h4 {\n  min-width: 0;\n  color: var(--hke06-navy);\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n\n.hke06-responsibility-list {\n  display: grid;\n  gap: 0;\n  margin-top: 20px;\n  border-top: 1px solid var(--hke06-line);\n}\n\n.hke06-responsibility-list > div {\n  display: grid;\n  grid-template-columns: minmax(190px, 0.75fr) minmax(0, 1.25fr);\n  gap: 18px;\n  align-items: start;\n  padding: 14px 0;\n  border-bottom: 1px solid var(--hke06-line-soft);\n}\n\n.hke06-responsibility-list span {\n  color: var(--hke06-blue);\n  letter-spacing: 0.07em;\n}\n\n.hke06-responsibility-list strong {\n  color: var(--hke06-text);\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.hke06-confirm ul {\n  display: grid;\n  gap: 10px;\n  margin-top: 20px;\n}\n\n.hke06-confirm li {\n  position: relative;\n  min-width: 0;\n  padding: 10px 12px 10px 32px;\n  border: 1px solid var(--hke06-line-soft);\n  border-radius: 7px;\n  background: var(--hke06-surface-soft);\n  color: var(--hke06-text);\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.hke06-confirm li::before {\n  content: \"\";\n  position: absolute;\n  top: 15px;\n  left: 14px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--hke06-blue);\n}\n\n.hke06-reviewed-equipment {\n  display: grid;\n  gap: 5px;\n  margin-top: 16px;\n  padding: 15px 16px;\n  border-radius: 8px;\n  background: var(--hke06-dark);\n}\n\n.hke06-reviewed-equipment strong {\n  min-width: 0;\n  color: var(--hke06-white);\n  font-size: 13px;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n}\n\n.hke06-reviewed-equipment small {\n  color: #aebfd0;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.hke06-panel-action {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 26px;\n  align-items: center;\n  min-height: 116px;\n  padding: 22px 30px;\n  border-top: 1px solid rgba(235, 244, 252, 0.16);\n  background: var(--hke06-dark);\n}\n\n.hke06-panel-action > div:first-child {\n  display: grid;\n  gap: 4px;\n  min-width: 0;\n}\n\n.hke06-panel-action strong {\n  min-width: 0;\n  color: var(--hke06-white);\n  font-size: 16px;\n  line-height: 1.4;\n  overflow-wrap: anywhere;\n}\n\n.hke06-panel-action small {\n  display: block;\n  min-width: 0;\n  color: #aebfd0;\n  font-size: 11px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n.hke06-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n#hke06-complete-solutions a.hke06-secondary-action,\n#hke06-complete-solutions a.hke06-secondary-action:visited,\n#hke06-complete-solutions a.hke06-secondary-action:hover,\n#hke06-complete-solutions a.hke06-secondary-action:focus,\n#hke06-complete-solutions button.hke06-primary-action,\n#hke06-complete-solutions button.hke06-primary-action:hover,\n#hke06-complete-solutions button.hke06-primary-action:focus,\n#hke06-complete-solutions button.hke06-primary-action:active {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 0 18px !important;\n  border-radius: 7px !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  box-shadow: none !important;\n}\n\n#hke06-complete-solutions a.hke06-secondary-action,\n#hke06-complete-solutions a.hke06-secondary-action:visited {\n  border: 1px solid rgba(235, 244, 252, 0.34) !important;\n  background: transparent !important;\n  color: var(--hke06-white) !important;\n}\n\n#hke06-complete-solutions a.hke06-secondary-action:hover,\n#hke06-complete-solutions a.hke06-secondary-action:focus {\n  border-color: rgba(235, 244, 252, 0.62) !important;\n  background: rgba(235, 244, 252, 0.08) !important;\n  color: var(--hke06-white) !important;\n}\n\n#hke06-complete-solutions button.hke06-primary-action,\n#hke06-complete-solutions button.hke06-primary-action:focus {\n  border: 1px solid var(--hke06-orange-dark) !important;\n  background: var(--hke06-orange) !important;\n  color: var(--hke06-white) !important;\n}\n\n#hke06-complete-solutions button.hke06-primary-action:hover,\n#hke06-complete-solutions button.hke06-primary-action:active {\n  border-color: var(--hke06-orange-dark) !important;\n  background: var(--hke06-orange-dark) !important;\n  color: var(--hke06-white) !important;\n}\n\n.hke06-next {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 36px;\n  align-items: center;\n  margin-top: 24px;\n  padding: 30px 32px;\n  border-radius: 12px;\n  background: var(--hke06-blue-deep);\n  color: var(--hke06-white);\n}\n\n.hke06-next h3 {\n  max-width: 720px;\n  margin-top: 7px;\n  color: var(--hke06-white);\n  font-size: clamp(1.45rem, 2.35vw, 2rem);\n  font-weight: 700;\n  line-height: 1.18;\n  letter-spacing: -0.025em;\n}\n\n.hke06-next p {\n  max-width: 760px;\n  margin-top: 8px;\n  color: #c6d5e3;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n#hke06-complete-solutions .hke06-next > a,\n#hke06-complete-solutions .hke06-next > a:visited,\n#hke06-complete-solutions .hke06-next > a:hover,\n#hke06-complete-solutions .hke06-next > a:focus {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 0 20px !important;\n  border: 1px solid var(--hke06-orange-dark) !important;\n  border-radius: 7px !important;\n  background: var(--hke06-orange) !important;\n  color: var(--hke06-white) !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n#hke06-complete-solutions .hke06-next > a:hover,\n#hke06-complete-solutions .hke06-next > a:focus {\n  border-color: var(--hke06-orange-dark) !important;\n  background: var(--hke06-orange-dark) !important;\n  color: var(--hke06-white) !important;\n}\n\n@media (max-width: 1000px) {\n  .hke06-section {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .hke06-family-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke06-panel-head {\n    grid-template-columns: minmax(0, 0.82fr) minmax(300px, 1.18fr);\n    gap: 28px;\n  }\n\n  .hke06-route-track {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .hke06-responsibility-list > div {\n    grid-template-columns: minmax(150px, 0.8fr) minmax(0, 1.2fr);\n  }\n\n  .hke06-panel-action {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke06-actions {\n    justify-content: flex-start;\n  }\n}\n\n@media (max-width: 820px) {\n  .hke06-panel-head {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 20px;\n  }\n\n  .hke06-panel-route {\n    padding-top: 18px;\n    padding-left: 0;\n    border-top: 1px solid rgba(235, 244, 252, 0.2);\n    border-left: 0;\n  }\n\n  .hke06-route-track {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke06-detail-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke06-responsibility {\n    border-right: 0;\n    border-bottom: 1px solid var(--hke06-line);\n  }\n}\n\n@media (max-width: 767px) {\n  .hke06-section {\n    padding: 64px 16px;\n    scroll-margin-top: 122px;\n  }\n\n  .hke06-intro {\n    margin-bottom: 36px;\n  }\n\n  .hke06-section-label {\n    gap: 12px;\n    margin-bottom: 16px !important;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke06-section-label span {\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n  }\n\n  .hke06-intro h2 {\n    font-size: clamp(2.1rem, 9.5vw, 2.5rem);\n    line-height: 1.06;\n  }\n\n  .hke06-intro > p:not(.hke06-section-label) {\n    margin-top: 18px;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .hke06-boundary {\n    margin-top: 20px;\n    padding-top: 18px;\n  }\n\n  .hke06-browser-head {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 18px;\n    padding: 20px;\n  }\n\n  .hke06-upstream-context {\n    padding-top: 16px;\n    padding-left: 0;\n    border-top: 1px solid rgba(235, 244, 252, 0.2);\n    border-left: 0;\n  }\n\n  #hke06-complete-solutions button.hke06-family,\n  #hke06-complete-solutions button.hke06-family:hover,\n  #hke06-complete-solutions button.hke06-family:focus,\n  #hke06-complete-solutions button.hke06-family:active {\n    min-height: 76px;\n    padding: 13px 12px !important;\n  }\n\n  #hke06-complete-solutions button.hke06-family > small {\n    display: none;\n  }\n\n  #hke06-complete-solutions button.hke06-family > strong {\n    align-self: center;\n    font-size: 13px;\n  }\n\n  .hke06-panel-head {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 20px;\n    padding: 24px 20px;\n  }\n\n  .hke06-panel-route {\n    padding-top: 18px;\n    padding-left: 0;\n    border-top: 1px solid rgba(235, 244, 252, 0.2);\n    border-left: 0;\n  }\n\n  .hke06-route-section,\n  .hke06-responsibility,\n  .hke06-confirm {\n    padding: 24px 20px;\n  }\n\n  .hke06-subhead {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 10px;\n  }\n\n  .hke06-subhead p {\n    text-align: left;\n  }\n\n  .hke06-route-track {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke06-route-track li {\n    min-height: 140px;\n    padding: 14px;\n  }\n\n  .hke06-detail-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke06-responsibility {\n    border-right: 0;\n    border-bottom: 1px solid var(--hke06-line);\n  }\n\n  .hke06-responsibility-list > div {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 5px;\n  }\n\n  .hke06-panel-action {\n    gap: 18px;\n    padding: 22px 20px;\n  }\n\n  .hke06-actions {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    width: 100%;\n  }\n\n  #hke06-complete-solutions a.hke06-secondary-action,\n  #hke06-complete-solutions button.hke06-primary-action {\n    width: 100%;\n    padding-right: 12px !important;\n    padding-left: 12px !important;\n  }\n\n  .hke06-next {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 22px;\n    padding: 26px 22px;\n  }\n\n  #hke06-complete-solutions .hke06-next > a {\n    width: 100%;\n  }\n}\n\n@media (max-width: 430px) {\n  .hke06-intro h2 {\n    font-size: clamp(2rem, 9.5vw, 2.4rem);\n  }\n\n  .hke06-boundary {\n    grid-template-columns: 38px minmax(0, 1fr);\n    gap: 10px;\n  }\n\n  .hke06-boundary > span {\n    width: 36px;\n    height: 23px;\n  }\n\n  #hke06-complete-solutions button.hke06-family,\n  #hke06-complete-solutions button.hke06-family:hover,\n  #hke06-complete-solutions button.hke06-family:focus,\n  #hke06-complete-solutions button.hke06-family:active {\n    grid-template-columns: 30px minmax(0, 1fr);\n    column-gap: 8px;\n    padding-right: 9px !important;\n    padding-left: 9px !important;\n  }\n\n  #hke06-complete-solutions button.hke06-family > span {\n    width: 28px;\n    height: 28px;\n  }\n\n  .hke06-route-section,\n  .hke06-responsibility,\n  .hke06-confirm,\n  .hke06-panel-head,\n  .hke06-panel-action {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .hke06-actions {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n\n@media (max-width: 374px) {\n  .hke06-section {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .hke06-section-label {\n    align-items: flex-start;\n    font-size: 9px;\n    text-align: left;\n  }\n\n  .hke06-family-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #hke06-complete-solutions button.hke06-family,\n  #hke06-complete-solutions button.hke06-family:hover,\n  #hke06-complete-solutions button.hke06-family:focus,\n  #hke06-complete-solutions button.hke06-family:active {\n    min-height: 66px;\n    grid-template-columns: minmax(0, 1fr);\n    place-items: center;\n    padding: 10px 7px !important;\n    text-align: center !important;\n  }\n\n  #hke06-complete-solutions button.hke06-family > span {\n    display: none;\n  }\n\n  #hke06-complete-solutions button.hke06-family > strong {\n    width: 100%;\n    font-size: 12px;\n    text-align: center;\n  }\n\n  .hke06-route-track {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke06-route-track li {\n    min-height: 120px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke06-block *,\n  .hke06-block *::before,\n  .hke06-block *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<div id=\"hke06-complete-solutions\" class=\"hke06-block\">\n  <section id=\"solutions\" class=\"hke06-section\" aria-labelledby=\"hke06-title\">\n    <div class=\"hke06-shell\">\n      <header class=\"hke06-intro\">\n        <p class=\"hke06-section-label\"><span>05<\/span> COMPLETE PRODUCTION SOLUTIONS<\/p>\n        <h2 id=\"hke06-title\">Coordinate the Complete Route Around Your Finished Cable<\/h2>\n        <p>Compare the preliminary process route, equipment responsibility and items still to confirm for the finished cable closest to your project.<\/p>\n        <div class=\"hke06-boundary\">\n          <span aria-hidden=\"true\">NOTE<\/span>\n          <div><strong>A coordinated scope, not a universal production-line claim<\/strong>Final stages, equipment, interfaces and responsibility follow the approved cable design, required range, target output and factory conditions.<\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"hke06-solution-browser\">\n        <header class=\"hke06-browser-head\">\n          <div>\n            <span>SOLUTION INDEX<\/span>\n            <strong>Choose the finished cable closest to your project<\/strong>\n          <\/div>\n          <div class=\"hke06-upstream-context\" aria-label=\"Current upstream project context\">\n            <span>FROM UPSTREAM<\/span>\n            <strong data-hke06-upstream-family>Building Wire<\/strong>\n            <small data-hke06-upstream-equipment>Equipment interest not carried<\/small>\n          <\/div>\n        <\/header>\n\n        <div class=\"hke06-family-grid\" role=\"tablist\" aria-label=\"Complete production solutions by cable type\">\n          <button id=\"hke06-family-building\" class=\"hke06-family is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"hke06-solution-panel\" tabindex=\"0\" data-hke06-family-id=\"building\"><span>01<\/span><strong>Building Wire<\/strong><small>Prepared conductor to insulated wire<\/small><\/button>\n          <button id=\"hke06-family-thhn\" class=\"hke06-family\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke06-solution-panel\" tabindex=\"-1\" data-hke06-family-id=\"thhn\"><span>02<\/span><strong>THHN \/ THWN<\/strong><small>PVC insulation and nylon covering<\/small><\/button>\n          <button id=\"hke06-family-flexible\" class=\"hke06-family\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke06-solution-panel\" tabindex=\"-1\" data-hke06-family-id=\"flexible\"><span>03<\/span><strong>Flexible Cable<\/strong><small>Fine conductor and multi-core route<\/small><\/button>\n          <button id=\"hke06-family-control\" class=\"hke06-family\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke06-solution-panel\" tabindex=\"-1\" data-hke06-family-id=\"control\"><span>04<\/span><strong>Control Cable<\/strong><small>Multi-core route with optional shielding<\/small><\/button>\n          <button id=\"hke06-family-lv\" class=\"hke06-family\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke06-solution-panel\" tabindex=\"-1\" data-hke06-family-id=\"lv\"><span>05<\/span><strong>LV Power Cable<\/strong><small>Stranded conductor and sheathed cable<\/small><\/button>\n          <button id=\"hke06-family-armoured\" class=\"hke06-family\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke06-solution-panel\" tabindex=\"-1\" data-hke06-family-id=\"armoured\"><span>06<\/span><strong>Armoured Power Cable<\/strong><small>Inner sheath, armour and outer sheath<\/small><\/button>\n        <\/div>\n\n        <article id=\"hke06-solution-panel\" class=\"hke06-panel\" role=\"tabpanel\" aria-labelledby=\"hke06-family-building\" tabindex=\"0\">\n          <header class=\"hke06-panel-head\">\n            <div>\n              <span data-hke06-kicker>SOLUTION 01 \/ BUILDING WIRE<\/span>\n              <h3 data-hke06-family-name>Building Wire Production Solution<\/h3>\n            <\/div>\n            <div class=\"hke06-panel-route\">\n              <span>PRELIMINARY ROUTE TO REVIEW<\/span>\n              <p data-hke06-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/p>\n            <\/div>\n          <\/header>\n\n          <div class=\"hke06-route-section\">\n            <div class=\"hke06-subhead\">\n              <div><span>COORDINATED ROUTE<\/span><strong>Process stages and equipment responsibility<\/strong><\/div>\n              <p>Each stage remains subject to the cable design and project inputs.<\/p>\n            <\/div>\n            <ol class=\"hke06-route-track\" data-hke06-route-track aria-label=\"Building Wire coordinated route\">\n              <li><span>01<\/span><strong>Incoming conductor preparation<\/strong><small>Supporting System<\/small><\/li>\n              <li><span>02<\/span><strong>Drawing, annealing or bunching if required<\/strong><small>Integrated from Specialist Manufacturer \u00b7 As required<\/small><\/li>\n              <li><span>03<\/span><strong>Insulation extrusion<\/strong><small>Manufactured by HONGKAI<\/small><\/li>\n              <li><span>04<\/span><strong>Testing and coiling<\/strong><small>Supporting System<\/small><\/li>\n            <\/ol>\n          <\/div>\n\n          <div class=\"hke06-detail-grid\">\n            <section class=\"hke06-responsibility\" aria-labelledby=\"hke06-responsibility-title\">\n              <div class=\"hke06-detail-title\"><span>RESPONSIBILITY RECORD<\/span><h4 id=\"hke06-responsibility-title\">Who supplies or integrates the stage equipment<\/h4><\/div>\n              <div class=\"hke06-responsibility-list\" data-hke06-responsibility-list>\n                <div><span>Manufactured by HONGKAI<\/span><strong>Insulation extrusion<\/strong><\/div>\n                <div><span>Integrated from Specialist Manufacturer<\/span><strong>Drawing, annealing or bunching if required<\/strong><\/div>\n                <div><span>Supporting System<\/span><strong>Incoming conductor preparation, testing and coiling<\/strong><\/div>\n              <\/div>\n            <\/section>\n\n            <section class=\"hke06-confirm\" aria-labelledby=\"hke06-confirm-title\">\n              <div class=\"hke06-detail-title\"><span>STILL TO CONFIRM<\/span><h4 id=\"hke06-confirm-title\">Inputs required before configuration<\/h4><\/div>\n              <ul data-hke06-confirm-list>\n                <li>Incoming conductor format<\/li>\n                <li>Conductor construction<\/li>\n                <li>Insulation system<\/li>\n                <li>Finished handling and target output<\/li>\n              <\/ul>\n              <div class=\"hke06-reviewed-equipment\"><span>REVIEWED EQUIPMENT INTEREST<\/span><strong data-hke06-equipment-interest>Not carried from the previous section<\/strong><small>One reviewed equipment interest does not confirm the complete line.<\/small><\/div>\n            <\/section>\n          <\/div>\n\n          <footer class=\"hke06-panel-action\">\n            <div role=\"status\" aria-live=\"polite\"><span data-hke06-status>PRELIMINARY SOLUTION TO REVIEW<\/span><strong data-hke06-summary>Building Wire \u00b7 4 coordinated stages<\/strong><small data-hke06-note>Drawing, annealing or bunching may be required according to the incoming conductor and approved construction.<\/small><\/div>\n            <div class=\"hke06-actions\">\n              <a class=\"hke06-secondary-action\" href=\"#selection-guide\" data-hke06-scroll=\"#selection-guide\">Review Selection Guide<\/a>\n              <button class=\"hke06-primary-action\" type=\"button\" data-hke06-carry>Carry to Enquiry <span aria-hidden=\"true\">\u2192<\/span><\/button>\n            <\/div>\n          <\/footer>\n        <\/article>\n      <\/div>\n\n      <div class=\"hke06-next\">\n        <div><span>NEXT DECISION<\/span><h3>Select equipment against the cable design, range and factory plan.<\/h3><p>The next guide turns the carried cable route into the questions needed for equipment selection without making an automatic model claim.<\/p><\/div>\n        <a href=\"#selection-guide\" data-hke06-scroll=\"#selection-guide\">Continue to Selection Guide <span aria-hidden=\"true\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const STORAGE_KEY = \"hkeElectricalSolutionInterestV1\";\n  const FAMILY_IDS = [\"building\", \"thhn\", \"flexible\", \"control\", \"lv\", \"armoured\"];\n  const RESPONSIBILITY_ORDER = [\n    \"Manufactured by HONGKAI\",\n    \"Configured & Supplied by HONGKAI\",\n    \"Integrated from Specialist Manufacturer\",\n    \"Supporting System\"\n  ];\n  const BOUNDARY = \"Final stages, equipment, interfaces and responsibility follow the approved cable design, required range, target output and factory conditions.\";\n\n  const SOLUTIONS = {\n    building: {\n      number: \"01\",\n      label: \"Building Wire\",\n      title: \"Building Wire Production Solution\",\n      route: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\",\n      activeStageIds: [\"01\", \"04\", \"08\"],\n      conditionalStageIds: [\"02\", \"03\"],\n      note: \"Drawing, annealing or bunching may be required according to the incoming conductor and approved construction.\",\n      stages: [\n        { name: \"Incoming conductor preparation\", responsibility: \"Supporting System\" },\n        { name: \"Drawing, annealing or bunching if required\", responsibility: \"Integrated from Specialist Manufacturer\", conditional: true },\n        { name: \"Insulation extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Testing and coiling\", responsibility: \"Supporting System\" }\n      ],\n      confirmation: [\"Incoming conductor format\", \"Conductor construction\", \"Insulation system\", \"Finished handling and target output\"]\n    },\n    thhn: {\n      number: \"02\",\n      label: \"THHN \/ THWN\",\n      title: \"THHN \/ THWN Production Solution\",\n      route: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing & finished handling\",\n      activeStageIds: [\"02\", \"03\", \"04\", \"08\"],\n      conditionalStageIds: [\"01\"],\n      note: \"PVC insulation and nylon covering are separate process layers. The applicable specification and complete layer design remain to be confirmed.\",\n      stages: [\n        { name: \"Drawing\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"Stranding\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"PVC insulation extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Nylon covering process\", responsibility: \"Configured & Supplied by HONGKAI\" },\n        { name: \"Testing and finished handling\", responsibility: \"Supporting System\" }\n      ],\n      confirmation: [\"Conductor construction\", \"PVC and nylon layer design\", \"Applicable specification\", \"Finished handling and target output\"]\n    },\n    flexible: {\n      number: \"03\",\n      label: \"Flexible Cable\",\n      title: \"Flexible Cable Production Solution\",\n      route: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\",\n      activeStageIds: [\"02\", \"03\", \"04\", \"05\", \"07\", \"08\"],\n      conditionalStageIds: [\"01\", \"06\"],\n      note: \"The fine conductor, core assembly and jacket route changes with conductor class, core count and the approved flexible-cable design.\",\n      stages: [\n        { name: \"Fine drawing\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"Bunching\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"Insulation extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Cabling\", responsibility: \"Configured & Supplied by HONGKAI\" },\n        { name: \"Sheath extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Testing and finished handling\", responsibility: \"Supporting System\" }\n      ],\n      confirmation: [\"Conductor class\", \"Core count\", \"Filler, binder and lay construction\", \"Insulation and jacket system\"]\n    },\n    control: {\n      number: \"04\",\n      label: \"Control Cable\",\n      title: \"Control Cable Production Solution\",\n      route: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing & finished handling\",\n      activeStageIds: [\"04\", \"05\", \"07\", \"08\"],\n      conditionalStageIds: [\"01\", \"02\", \"03\", \"06\"],\n      note: \"Shielding is included only when the approved control-cable construction requires it. Shield type and layer sequence remain to be confirmed.\",\n      stages: [\n        { name: \"Insulation extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Cabling\", responsibility: \"Configured & Supplied by HONGKAI\" },\n        { name: \"Shielding if required\", responsibility: \"Integrated from Specialist Manufacturer\", conditional: true },\n        { name: \"Sheath extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Testing and finished handling\", responsibility: \"Supporting System\" }\n      ],\n      confirmation: [\"Core count and identification\", \"Shielding type if required\", \"Conductor and material system\", \"Testing and acceptance basis\"]\n    },\n    lv: {\n      number: \"05\",\n      label: \"LV Power Cable\",\n      title: \"LV Power Cable Production Solution\",\n      route: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\",\n      activeStageIds: [\"03\", \"04\", \"05\", \"07\", \"08\"],\n      conditionalStageIds: [\"01\", \"02\", \"06\"],\n      note: \"Drawing depends on the incoming conductor. Voltage designation, conductor, core count and complete layer construction require confirmation.\",\n      stages: [\n        { name: \"Conductor stranding\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"Insulation extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Cabling\", responsibility: \"Configured & Supplied by HONGKAI\" },\n        { name: \"Sheath extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Testing and finished handling\", responsibility: \"Supporting System\" }\n      ],\n      confirmation: [\"Rated voltage and acceptance basis\", \"Conductor and core count\", \"Insulation and sheath system\", \"Target output and factory interfaces\"]\n    },\n    armoured: {\n      number: \"06\",\n      label: \"Armoured Power Cable\",\n      title: \"Armoured Power Cable Production Solution\",\n      route: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath \u2192 Testing & finished handling\",\n      activeStageIds: [\"03\", \"04\", \"05\", \"06\", \"07\", \"08\"],\n      conditionalStageIds: [\"01\", \"02\"],\n      note: \"SWA, STA and other protection routes use different equipment. Armour type, bedding and complete layer construction must be confirmed.\",\n      stages: [\n        { name: \"Conductor preparation \/ stranding\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"Insulation extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Cabling\", responsibility: \"Configured & Supplied by HONGKAI\" },\n        { name: \"Inner-sheath extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Armouring\", responsibility: \"Integrated from Specialist Manufacturer\" },\n        { name: \"Outer-sheath extrusion\", responsibility: \"Manufactured by HONGKAI\" },\n        { name: \"Testing and finished handling\", responsibility: \"Supporting System\" }\n      ],\n      confirmation: [\"Armour type such as SWA or STA\", \"Core and complete layer design\", \"Inner sheath or bedding\", \"Final testing and finished handling\"]\n    }\n  };\n\n  const safeStoredJson = (key) => {\n    try { return JSON.parse(sessionStorage.getItem(key) || \"null\"); }\n    catch (error) { return null; }\n  };\n\n  const validFamily = (value) => FAMILY_IDS.includes(value) ? value : null;\n\n  const checkedFamily = () => FAMILY_IDS.find((familyId) => document.getElementById(`hke02-cable-${familyId}`)?.checked) || null;\n\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const groupResponsibilities = (stages) => RESPONSIBILITY_ORDER.map((responsibility) => ({\n    responsibility,\n    stages: stages.filter((stage) => stage.responsibility === responsibility).map((stage) => stage.name)\n  })).filter((group) => group.stages.length);\n\n  const init = (root) => {\n    if (!root || root.dataset.hke06Ready === \"true\") return;\n    root.dataset.hke06Ready = \"true\";\n\n    const rawProcess = window.HKE_ELECTRICAL_PROCESS_STATE || null;\n    const rawBrief = window.HKE_ELECTRICAL_PROJECT_BRIEF || safeStoredJson(\"hkeElectricalProjectBriefV1\");\n    const rawEquipment = window.HKE_ELECTRICAL_EQUIPMENT_INTEREST || safeStoredJson(\"hkeElectricalEquipmentInterestV1\");\n    const storedSolution = safeStoredJson(STORAGE_KEY);\n    const upstreamFamily = validFamily(rawProcess?.familyId)\n      || validFamily(rawBrief?.familyId)\n      || validFamily(checkedFamily())\n      || validFamily(rawEquipment?.familyId)\n      || null;\n    const initialFamily = upstreamFamily || validFamily(storedSolution?.familyId) || \"building\";\n\n    const state = {\n      upstreamFamily: upstreamFamily || initialFamily,\n      familyId: initialFamily,\n      process: rawProcess,\n      brief: rawBrief,\n      equipment: rawEquipment,\n      carried: false\n    };\n\n    const tabs = [...root.querySelectorAll(\"[data-hke06-family-id]\")];\n    const panel = root.querySelector(\"#hke06-solution-panel\");\n    const routeTrack = root.querySelector(\"[data-hke06-route-track]\");\n    const responsibilityList = root.querySelector(\"[data-hke06-responsibility-list]\");\n    const confirmList = root.querySelector(\"[data-hke06-confirm-list]\");\n\n    const equipmentSummary = () => {\n      const interest = state.equipment;\n      if (!interest || validFamily(interest.familyId) !== state.familyId) return \"Not carried from the previous section\";\n      const machine = interest.machineInterest && interest.machineInterest !== \"To be confirmed\" ? interest.machineInterest : \"equipment interest not selected\";\n      return `${interest.stage || \"Equipment stage\"} \u00b7 ${machine}`;\n    };\n\n    const currentSolution = () => {\n      const solution = SOLUTIONS[state.familyId] || SOLUTIONS.building;\n      const equipmentMatches = validFamily(state.equipment?.familyId) === state.familyId;\n      const responsibilities = groupResponsibilities(solution.stages);\n      return {\n        version: 1,\n        familyId: state.familyId,\n        family: solution.label,\n        preliminaryRoute: solution.route,\n        activeStageIds: [...solution.activeStageIds],\n        conditionalStageIds: [...solution.conditionalStageIds],\n        stages: solution.stages.map((stage, index) => ({\n          number: String(index + 1).padStart(2, \"0\"),\n          name: stage.name,\n          responsibility: stage.responsibility,\n          conditional: Boolean(stage.conditional)\n        })),\n        responsibilities,\n        reviewedEquipmentInterest: equipmentMatches ? {\n          stage: state.equipment.stage || \"To be confirmed\",\n          machineInterest: state.equipment.machineInterest || \"To be confirmed\",\n          equipmentSource: state.equipment.equipmentSource || \"To be confirmed\"\n        } : null,\n        confirmationItems: [...solution.confirmation],\n        note: solution.note,\n        boundary: BOUNDARY\n      };\n    };\n\n    const formatSolution = (solution) => {\n      const lines = [\n        `Cable family: ${solution.family}`,\n        `Preliminary route: ${solution.preliminaryRoute}`,\n        \"Coordinated stages:\"\n      ];\n      solution.stages.forEach((stage) => lines.push(`${stage.number}. ${stage.name} | ${stage.responsibility}${stage.conditional ? \" | As required\" : \"\"}`));\n      lines.push(\"Responsibility record:\");\n      solution.responsibilities.forEach((group) => lines.push(`${group.responsibility}: ${group.stages.join(\", \")}`));\n      lines.push(`Reviewed equipment interest: ${solution.reviewedEquipmentInterest ? `${solution.reviewedEquipmentInterest.stage} | ${solution.reviewedEquipmentInterest.machineInterest} | ${solution.reviewedEquipmentInterest.equipmentSource}` : \"Not carried for this cable family\"}`);\n      lines.push(`Still to confirm: ${solution.confirmationItems.join(\"; \")}`);\n      lines.push(`Route note: ${solution.note}`);\n      lines.push(`Boundary: ${solution.boundary}`);\n      return lines.join(\"\\n\");\n    };\n\n    const publish = () => {\n      const solution = currentSolution();\n      window.HKE_ELECTRICAL_SOLUTION_INTEREST = solution;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-solution\", { detail: solution }));\n      return solution;\n    };\n\n    const renderRoute = (solution) => {\n      if (!routeTrack) return;\n      routeTrack.setAttribute(\"aria-label\", `${solution.label} coordinated route`);\n      routeTrack.replaceChildren(...solution.stages.map((stage) => {\n        const item = document.createElement(\"li\");\n        const number = document.createElement(\"span\");\n        const name = document.createElement(\"strong\");\n        const source = document.createElement(\"small\");\n        item.dataset.hke06Responsibility = stage.responsibility;\n        if (stage.conditional) item.dataset.hke06Conditional = \"true\";\n        number.textContent = stage.number;\n        name.textContent = stage.name;\n        source.textContent = stage.conditional ? `${stage.responsibility} \u00b7 As required` : stage.responsibility;\n        item.append(number, name, source);\n        return item;\n      }));\n    };\n\n    const renderResponsibilities = (solution) => {\n      if (!responsibilityList) return;\n      responsibilityList.replaceChildren(...solution.responsibilities.map((group) => {\n        const row = document.createElement(\"div\");\n        const label = document.createElement(\"span\");\n        const scope = document.createElement(\"strong\");\n        label.textContent = group.responsibility;\n        scope.textContent = group.stages.join(\", \");\n        row.append(label, scope);\n        return row;\n      }));\n    };\n\n    const renderConfirmations = (solution) => {\n      if (!confirmList) return;\n      confirmList.replaceChildren(...solution.confirmationItems.map((item) => {\n        const row = document.createElement(\"li\");\n        row.textContent = item;\n        return row;\n      }));\n    };\n\n    const render = (focusTab = false) => {\n      const configuration = SOLUTIONS[state.familyId] || SOLUTIONS.building;\n      const solution = currentSolution();\n      const selectedTab = tabs.find((tab) => tab.dataset.hke06FamilyId === state.familyId) || tabs[0];\n      tabs.forEach((tab) => {\n        const selected = tab === selectedTab;\n        tab.classList.toggle(\"is-active\", selected);\n        tab.setAttribute(\"aria-selected\", String(selected));\n        tab.tabIndex = selected ? 0 : -1;\n      });\n      if (panel && selectedTab) panel.setAttribute(\"aria-labelledby\", selectedTab.id);\n      if (focusTab) selectedTab?.focus({ preventScroll: true });\n\n      setText(root, \"[data-hke06-upstream-family]\", SOLUTIONS[state.upstreamFamily]?.label || configuration.label);\n      const upstreamEquipment = state.equipment && validFamily(state.equipment.familyId) === state.upstreamFamily\n        ? `${state.equipment.stage || \"Equipment stage\"} \u00b7 ${state.equipment.machineInterest || \"interest not selected\"}`\n        : \"Equipment interest not carried\";\n      setText(root, \"[data-hke06-upstream-equipment]\", upstreamEquipment);\n      setText(root, \"[data-hke06-kicker]\", `SOLUTION ${configuration.number} \/ ${configuration.label.toUpperCase()}`);\n      setText(root, \"[data-hke06-family-name]\", configuration.title);\n      setText(root, \"[data-hke06-route]\", solution.preliminaryRoute);\n      setText(root, \"[data-hke06-equipment-interest]\", equipmentSummary());\n      setText(root, \"[data-hke06-status]\", state.carried ? \"CARRIED TO PROJECT ENQUIRY\" : \"PRELIMINARY SOLUTION TO REVIEW\");\n      setText(root, \"[data-hke06-summary]\", `${configuration.label} \u00b7 ${solution.stages.length} coordinated stages`);\n      setText(root, \"[data-hke06-note]\", configuration.note);\n      renderRoute(solution);\n      renderResponsibilities(solution);\n      renderConfirmations(solution);\n      publish();\n    };\n\n    const selectFamily = (familyId, focusTab = false) => {\n      if (!validFamily(familyId)) return;\n      state.familyId = familyId;\n      state.carried = false;\n      render(focusTab);\n    };\n\n    const applyUpstream = (detail, followFamily = true, source = \"brief\") => {\n      if (!detail) return;\n      const familyId = validFamily(detail.familyId);\n      if (familyId) {\n        state.upstreamFamily = familyId;\n        if (followFamily) state.familyId = familyId;\n      }\n      if (source === \"process\") state.process = detail;\n      else if (source === \"brief\") state.brief = detail;\n      state.carried = false;\n      render(false);\n    };\n\n    const applyEquipment = (detail) => {\n      if (!detail) return;\n      state.equipment = detail;\n      const familyId = validFamily(detail.familyId);\n      if (familyId && !state.upstreamFamily) state.upstreamFamily = familyId;\n      state.carried = false;\n      render(false);\n    };\n\n    tabs.forEach((tab, index) => {\n      tab.addEventListener(\"click\", () => selectFamily(tab.dataset.hke06FamilyId));\n      tab.addEventListener(\"keydown\", (event) => {\n        const key = event.key;\n        let nextIndex = index;\n        if ([\"ArrowRight\", \"ArrowDown\"].includes(key)) nextIndex = (index + 1) % tabs.length;\n        else if ([\"ArrowLeft\", \"ArrowUp\"].includes(key)) nextIndex = (index - 1 + tabs.length) % tabs.length;\n        else if (key === \"Home\") nextIndex = 0;\n        else if (key === \"End\") nextIndex = tabs.length - 1;\n        else return;\n        event.preventDefault();\n        selectFamily(tabs[nextIndex].dataset.hke06FamilyId, true);\n      });\n    });\n\n    root.querySelector(\"[data-hke06-carry]\")?.addEventListener(\"click\", () => {\n      const solution = currentSolution();\n      try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(solution)); } catch (error) { \/* Storage is optional. *\/ }\n      const serialized = formatSolution(solution);\n      document.querySelectorAll(\"[data-hke-electrical-solution-input]\").forEach((field) => {\n        field.value = serialized;\n        field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      });\n      state.carried = true;\n      render(false);\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-solution-carried\", { detail: solution }));\n      const target = document.querySelector(\"#enquiry\");\n      if (target) {\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", \"#enquiry\");\n      }\n    });\n\n    root.querySelectorAll(\"[data-hke06-scroll]\").forEach((control) => {\n      control.addEventListener(\"click\", (event) => {\n        const selector = control.dataset.hke06Scroll;\n        const target = selector ? document.querySelector(selector) : null;\n        if (!target) return;\n        event.preventDefault();\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    FAMILY_IDS.forEach((familyId) => {\n      const radio = document.getElementById(`hke02-cable-${familyId}`);\n      radio?.addEventListener(\"change\", () => {\n        if (radio.checked) applyUpstream({ familyId }, true, \"catalog\");\n      });\n    });\n\n    window.addEventListener(\"hke:electrical-brief\", (event) => applyUpstream(event.detail, true, \"brief\"));\n    window.addEventListener(\"hke:electrical-brief-carried\", (event) => applyUpstream(event.detail, true, \"brief\"));\n    window.addEventListener(\"hke:electrical-process-route\", (event) => applyUpstream(event.detail, true, \"process\"));\n    window.addEventListener(\"hke:electrical-process-stage\", (event) => applyUpstream(event.detail, true, \"process\"));\n    window.addEventListener(\"hke:electrical-equipment\", (event) => applyEquipment(event.detail));\n    window.addEventListener(\"hke:electrical-equipment-carried\", (event) => applyEquipment(event.detail));\n\n    render(false);\n  };\n\n  const start = () => document.querySelectorAll(\".hke06-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-494e9f7 e-con e-atomic-element e-flexbox-base e-494e9f7-a190b89 \" data-id=\"494e9f7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"494e9f7\" data-e-type=\"e-flexbox\" data-id=\"494e9f7\">\n    \t\t<div class=\"elementor-element elementor-element-223ed91 elementor-widget elementor-widget-html\" data-id=\"223ed91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 07 \/ VISUAL BLOCK 08\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=light-blue-planning-canvas+navy-receipt \u00b7 B=roboto+mono-meta\n * C=decision-matrix+sticky-review-sheet \u00b7 D=requirement-selection+enquiry-carry\n * E=engineering-selection-worksheet \u00b7 SOUL=4 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke07-block),\n.elementor-widget-html:has(.hke07-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke07-preview-body),\nbody.hke07-preview-body {\n  overflow-x: clip;\n}\n\n.hke07-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke07-block {\n  --hke07-bg: #eef5fb;\n  --hke07-surface: #fdfefe;\n  --hke07-surface-soft: #f5f9fc;\n  --hke07-surface-blue: #e3f0fa;\n  --hke07-navy: #102a43;\n  --hke07-dark: #112944;\n  --hke07-blue-deep: #173a78;\n  --hke07-blue: #1677c8;\n  --hke07-blue-focus: #4383f0;\n  --hke07-orange: #e16a47;\n  --hke07-orange-dark: #c9583d;\n  --hke07-text: #2d4660;\n  --hke07-muted: #6f8295;\n  --hke07-line: rgba(16, 42, 67, 0.15);\n  --hke07-line-soft: rgba(16, 42, 67, 0.085);\n  --hke07-white: #fdfefe;\n  --hke07-shadow: 0 18px 48px rgba(25, 64, 96, 0.09);\n  --hke07-font: \"Roboto\", Arial, sans-serif;\n  --hke07-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke07-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke07-text);\n  font-family: var(--hke07-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n.hke07-block,\n.hke07-block *,\n.hke07-block *::before,\n.hke07-block *::after {\n  box-sizing: border-box;\n}\n\n.hke07-block h2,\n.hke07-block h3,\n.hke07-block h4,\n.hke07-block p,\n.hke07-block ol,\n.hke07-block ul,\n.hke07-block dl,\n.hke07-block dd {\n  margin: 0;\n}\n\n.hke07-block ol,\n.hke07-block ul {\n  padding: 0;\n  list-style: none;\n}\n\n.hke07-section {\n  width: 100%;\n  margin: 0;\n  padding: clamp(78px, 7vw, 104px) 24px;\n  scroll-margin-top: 150px;\n  border-top: 1px solid var(--hke07-line-soft);\n  border-bottom: 1px solid var(--hke07-line-soft);\n  background: var(--hke07-bg);\n}\n\n.hke07-shell {\n  width: min(100%, var(--hke07-shell));\n  margin: 0 auto;\n}\n\n.hke07-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);\n  gap: 72px;\n  align-items: end;\n  margin-bottom: 46px;\n}\n\n.hke07-intro-title,\n.hke07-intro-copy {\n  min-width: 0;\n}\n\n.hke07-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke07-blue);\n  font-family: var(--hke07-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke07-section-label > span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid rgba(235, 244, 252, 0.2);\n  border-radius: 7px;\n  background: var(--hke07-blue-deep);\n  color: var(--hke07-white);\n  letter-spacing: 0;\n}\n\n.hke07-intro h2 {\n  min-width: 0;\n  color: var(--hke07-navy);\n  font-size: clamp(2.55rem, 3.5vw, 3.125rem);\n  font-weight: 700;\n  line-height: 1.06;\n  letter-spacing: -0.04em;\n  overflow-wrap: anywhere;\n}\n\n.hke07-intro-copy > p {\n  color: var(--hke07-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke07-boundary {\n  display: grid;\n  grid-template-columns: minmax(108px, auto) minmax(0, 1fr);\n  gap: 16px;\n  align-items: start;\n  margin-top: 22px;\n  padding-top: 20px;\n  border-top: 1px solid var(--hke07-line);\n}\n\n.hke07-boundary > span {\n  display: inline-grid;\n  min-height: 28px;\n  place-items: center;\n  padding: 0 9px;\n  border: 1px solid rgba(22, 119, 200, 0.28);\n  border-radius: 5px;\n  background: var(--hke07-surface);\n  color: var(--hke07-blue);\n  font-family: var(--hke07-mono);\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  white-space: nowrap;\n}\n\n.hke07-boundary strong {\n  display: block;\n  color: var(--hke07-navy);\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.hke07-boundary p {\n  margin-top: 3px;\n  color: var(--hke07-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke07-context {\n  display: grid;\n  grid-template-columns: minmax(190px, 0.72fr) minmax(0, 1.6fr) minmax(190px, 0.72fr);\n  align-items: stretch;\n  overflow: hidden;\n  border-radius: 12px 12px 0 0;\n  background: var(--hke07-dark);\n  color: var(--hke07-white);\n}\n\n.hke07-context > div {\n  display: grid;\n  min-width: 0;\n  min-height: 102px;\n  align-content: center;\n  gap: 6px;\n  padding: 22px 26px;\n}\n\n.hke07-context-route {\n  border-right: 1px solid rgba(235, 244, 252, 0.18);\n  border-left: 1px solid rgba(235, 244, 252, 0.18);\n}\n\n.hke07-context span,\n.hke07-form-head span,\n.hke07-group-head small,\n.hke07-receipt-head > span,\n.hke07-receipt-summary > span,\n.hke07-receipt-title > span,\n.hke07-reviewed-equipment > span,\n.hke07-next span {\n  color: #77b8ed;\n  font-family: var(--hke07-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.4;\n}\n\n.hke07-context strong {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--hke07-white);\n  font-size: 15px;\n  line-height: 1.4;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hke07-context p {\n  min-width: 0;\n  color: #c6d5e3;\n  font-size: 13px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n.hke07-workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1.45fr) minmax(350px, 0.72fr);\n  gap: 22px;\n  align-items: start;\n  min-width: 0;\n  padding: 22px;\n  border: 1px solid var(--hke07-line);\n  border-top: 0;\n  border-radius: 0 0 12px 12px;\n  background: rgba(253, 254, 254, 0.58);\n  box-shadow: var(--hke07-shadow);\n}\n\n.hke07-form {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hke07-line);\n  border-radius: 10px;\n  background: var(--hke07-surface);\n}\n\n.hke07-form-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);\n  gap: 26px;\n  align-items: center;\n  padding: 24px 28px;\n  border-bottom: 1px solid var(--hke07-line);\n  background: var(--hke07-surface-soft);\n}\n\n.hke07-form-head > div {\n  display: grid;\n  gap: 5px;\n}\n\n.hke07-form-head span,\n.hke07-group-head small {\n  color: var(--hke07-blue);\n}\n\n.hke07-form-head h3 {\n  min-width: 0;\n  color: var(--hke07-navy);\n  font-size: 23px;\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: -0.02em;\n  overflow-wrap: anywhere;\n}\n\n.hke07-form-head > p {\n  color: var(--hke07-muted);\n  font-size: 12px;\n  line-height: 1.55;\n  text-align: right;\n}\n\n.hke07-form-head > p strong {\n  color: var(--hke07-navy);\n}\n\n.hke07-group {\n  min-width: 0;\n  padding: 30px 28px 32px;\n  border-bottom: 1px solid var(--hke07-line);\n}\n\n.hke07-group:last-child {\n  border-bottom: 0;\n}\n\n.hke07-group-head {\n  display: grid;\n  grid-template-columns: 42px minmax(0, 1fr) minmax(210px, 0.78fr);\n  gap: 16px;\n  align-items: start;\n  margin-bottom: 22px;\n}\n\n.hke07-group-head > span {\n  display: grid;\n  width: 42px;\n  height: 42px;\n  place-items: center;\n  border: 1px solid rgba(22, 119, 200, 0.28);\n  border-radius: 7px;\n  background: var(--hke07-surface-blue);\n  color: var(--hke07-blue);\n  font-family: var(--hke07-mono);\n  font-size: 10px;\n}\n\n.hke07-group-head > div {\n  display: grid;\n  min-width: 0;\n  gap: 5px;\n}\n\n.hke07-group-head h4 {\n  min-width: 0;\n  color: var(--hke07-navy);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.32;\n  overflow-wrap: anywhere;\n}\n\n.hke07-group-head > p {\n  color: var(--hke07-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke07-fields {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.hke07-field {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n  align-content: start;\n  margin: 0;\n  color: var(--hke07-navy);\n}\n\n.hke07-field--wide {\n  grid-column: 1 \/ -1;\n}\n\n.hke07-field > span {\n  color: var(--hke07-navy);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.hke07-field > small {\n  color: var(--hke07-muted);\n  font-size: 10px;\n  line-height: 1.5;\n}\n\n.hke07-fields-note {\n  grid-column: 1 \/ -1;\n  margin-top: -4px;\n  color: var(--hke07-muted);\n  font-size: 10px;\n  line-height: 1.5;\n}\n\n#hke07-equipment-selection select,\n#hke07-equipment-selection input,\n#hke07-equipment-selection textarea {\n  width: 100% !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  border: 1px solid rgba(16, 42, 67, 0.18) !important;\n  border-radius: 7px !important;\n  background: var(--hke07-surface) !important;\n  color: var(--hke07-text) !important;\n  font-family: var(--hke07-font) !important;\n  font-size: 13px !important;\n  font-weight: 400 !important;\n  line-height: 1.4 !important;\n  text-align: left !important;\n  text-transform: none !important;\n  box-shadow: none !important;\n}\n\n#hke07-equipment-selection select,\n#hke07-equipment-selection input {\n  min-height: 50px;\n  padding: 0 13px !important;\n}\n\n#hke07-equipment-selection select {\n  padding-right: 38px !important;\n}\n\n#hke07-equipment-selection textarea {\n  min-height: 92px;\n  resize: vertical;\n  padding: 13px !important;\n}\n\n#hke07-equipment-selection input::placeholder,\n#hke07-equipment-selection textarea::placeholder {\n  color: #8da0b2;\n  opacity: 1;\n}\n\n#hke07-equipment-selection select:hover,\n#hke07-equipment-selection input:hover,\n#hke07-equipment-selection textarea:hover {\n  border-color: rgba(22, 119, 200, 0.42) !important;\n}\n\n#hke07-equipment-selection select:focus,\n#hke07-equipment-selection input:focus,\n#hke07-equipment-selection textarea:focus {\n  outline: 3px solid rgba(67, 131, 240, 0.24) !important;\n  outline-offset: 1px;\n  border-color: var(--hke07-blue-focus) !important;\n}\n\n.hke07-receipt {\n  position: sticky;\n  top: 148px;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid rgba(235, 244, 252, 0.16);\n  border-radius: 10px;\n  background: var(--hke07-dark);\n  color: var(--hke07-white);\n}\n\n.hke07-receipt-head {\n  display: grid;\n  gap: 6px;\n  padding: 24px;\n  border-bottom: 1px solid rgba(235, 244, 252, 0.16);\n  background: var(--hke07-blue-deep);\n}\n\n.hke07-receipt-head h3 {\n  min-width: 0;\n  color: var(--hke07-white);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: -0.025em;\n  overflow-wrap: anywhere;\n}\n\n.hke07-receipt-head > p {\n  justify-self: start;\n  margin-top: 8px;\n  padding: 5px 8px;\n  border: 1px solid rgba(119, 184, 237, 0.42);\n  border-radius: 999px;\n  color: #9dcef4;\n  font-family: var(--hke07-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  line-height: 1.2;\n}\n\n.hke07-receipt-summary {\n  display: grid;\n  gap: 5px;\n  padding: 20px 24px;\n  border-bottom: 1px solid rgba(235, 244, 252, 0.14);\n}\n\n.hke07-receipt-summary > strong {\n  min-width: 0;\n  color: var(--hke07-white);\n  font-size: 18px;\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n\n.hke07-receipt-summary > small {\n  min-width: 0;\n  color: #b7c8d8;\n  font-size: 11px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n.hke07-basis-list {\n  padding: 6px 24px;\n  border-bottom: 1px solid rgba(235, 244, 252, 0.14);\n}\n\n.hke07-basis-list > div {\n  display: grid;\n  grid-template-columns: minmax(92px, 0.62fr) minmax(0, 1.38fr);\n  gap: 12px;\n  padding: 11px 0;\n  border-bottom: 1px solid rgba(235, 244, 252, 0.1);\n}\n\n.hke07-basis-list > div:last-child {\n  border-bottom: 0;\n}\n\n.hke07-basis-list dt {\n  color: #8299ad;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke07-basis-list dd {\n  min-width: 0;\n  color: #dbe6ef;\n  font-size: 11px;\n  line-height: 1.45;\n  text-align: right;\n  overflow-wrap: anywhere;\n}\n\n.hke07-stage-scope,\n.hke07-confirm {\n  padding: 20px 24px;\n  border-bottom: 1px solid rgba(235, 244, 252, 0.14);\n}\n\n.hke07-receipt-title {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n\n.hke07-receipt-title > strong {\n  min-width: 0;\n  color: var(--hke07-white);\n  font-size: 13px;\n  line-height: 1.4;\n  overflow-wrap: anywhere;\n}\n\n.hke07-stage-scope ol {\n  display: grid;\n  gap: 7px;\n  margin-top: 14px;\n}\n\n.hke07-stage-scope li {\n  display: grid;\n  min-width: 0;\n  min-height: 44px;\n  grid-template-columns: 28px minmax(0, 1fr) auto;\n  gap: 9px;\n  align-items: center;\n  padding: 8px 10px;\n  border: 1px solid rgba(119, 184, 237, 0.18);\n  border-radius: 7px;\n  background: rgba(235, 244, 252, 0.055);\n}\n\n.hke07-stage-scope li[data-state=\"conditional\"] {\n  border-style: dashed;\n  background: transparent;\n}\n\n.hke07-stage-scope li > span {\n  display: grid;\n  width: 28px;\n  height: 28px;\n  place-items: center;\n  border-radius: 5px;\n  background: rgba(119, 184, 237, 0.12);\n  color: #8fc5ef;\n  font-family: var(--hke07-mono);\n  font-size: 9px;\n}\n\n.hke07-stage-scope li > strong {\n  min-width: 0;\n  color: #dbe6ef;\n  font-size: 11px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n}\n\n.hke07-stage-scope li > small {\n  color: #77b8ed;\n  font-family: var(--hke07-mono);\n  font-size: 7px;\n  letter-spacing: 0.05em;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.hke07-confirm ul {\n  display: grid;\n  gap: 7px;\n  margin-top: 13px;\n}\n\n.hke07-confirm li {\n  position: relative;\n  min-width: 0;\n  padding-left: 17px;\n  color: #b7c8d8;\n  font-size: 10px;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n}\n\n.hke07-confirm li::before {\n  content: \"\";\n  position: absolute;\n  top: 5px;\n  left: 0;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #77b8ed;\n}\n\n.hke07-reviewed-equipment {\n  display: grid;\n  gap: 4px;\n  padding: 18px 24px;\n  border-bottom: 1px solid rgba(235, 244, 252, 0.14);\n}\n\n.hke07-reviewed-equipment > strong {\n  min-width: 0;\n  color: var(--hke07-white);\n  font-size: 12px;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n}\n\n.hke07-reviewed-equipment > small {\n  color: #8299ad;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke07-receipt-action {\n  display: grid;\n  gap: 9px;\n  padding: 20px 24px 24px;\n}\n\n#hke07-equipment-selection button,\n#hke07-equipment-selection a {\n  margin: 0 !important;\n  font-family: var(--hke07-font) !important;\n  text-transform: none !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  background-image: none !important;\n}\n\n#hke07-equipment-selection button[data-hke07-carry],\n#hke07-equipment-selection button[data-hke07-carry]:hover,\n#hke07-equipment-selection button[data-hke07-carry]:focus,\n#hke07-equipment-selection button[data-hke07-carry]:active {\n  display: inline-flex;\n  width: 100%;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 16px !important;\n  border: 1px solid var(--hke07-orange-dark) !important;\n  border-radius: 7px !important;\n  background: var(--hke07-orange) !important;\n  color: var(--hke07-white) !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  white-space: normal;\n  box-shadow: none !important;\n  cursor: pointer;\n}\n\n#hke07-equipment-selection button[data-hke07-carry]:hover,\n#hke07-equipment-selection button[data-hke07-carry]:active {\n  border-color: var(--hke07-orange-dark) !important;\n  background: var(--hke07-orange-dark) !important;\n}\n\n.hke07-receipt-action > small {\n  color: #8299ad;\n  font-size: 9px;\n  line-height: 1.45;\n  text-align: center;\n}\n\n.hke07-next {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 36px;\n  align-items: center;\n  margin-top: 24px;\n  padding: 28px 32px;\n  border: 1px solid var(--hke07-line);\n  border-radius: 12px;\n  background: var(--hke07-surface);\n}\n\n.hke07-next > div {\n  display: grid;\n  min-width: 0;\n  gap: 6px;\n}\n\n.hke07-next span {\n  color: var(--hke07-blue);\n}\n\n.hke07-next h3 {\n  min-width: 0;\n  color: var(--hke07-navy);\n  font-size: clamp(1.4rem, 2.2vw, 1.9rem);\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: -0.025em;\n  overflow-wrap: anywhere;\n}\n\n.hke07-next p {\n  max-width: 760px;\n  color: var(--hke07-muted);\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n#hke07-equipment-selection .hke07-next > a,\n#hke07-equipment-selection .hke07-next > a:visited,\n#hke07-equipment-selection .hke07-next > a:hover,\n#hke07-equipment-selection .hke07-next > a:focus {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 20px !important;\n  border: 1px solid var(--hke07-blue-deep) !important;\n  border-radius: 7px !important;\n  background: var(--hke07-blue-deep) !important;\n  color: var(--hke07-white) !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  box-shadow: none !important;\n}\n\n#hke07-equipment-selection .hke07-next > a:hover,\n#hke07-equipment-selection .hke07-next > a:focus {\n  border-color: var(--hke07-blue) !important;\n  background: var(--hke07-blue) !important;\n}\n\n#hke07-equipment-selection button:focus-visible,\n#hke07-equipment-selection a:focus-visible {\n  position: relative;\n  z-index: 4;\n  outline: 3px solid var(--hke07-blue-focus) !important;\n  outline-offset: 3px;\n}\n\n@media (max-width: 1100px) {\n  .hke07-intro {\n    grid-template-columns: minmax(0, 1.02fr) minmax(330px, 0.78fr);\n    gap: 46px;\n  }\n\n  .hke07-workspace {\n    grid-template-columns: minmax(0, 1.34fr) minmax(330px, 0.74fr);\n  }\n\n  .hke07-group-head {\n    grid-template-columns: 42px minmax(0, 1fr);\n  }\n\n  .hke07-group-head > p {\n    grid-column: 2;\n  }\n}\n\n@media (max-width: 980px) {\n  .hke07-section {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .hke07-intro {\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr);\n  }\n\n  .hke07-context {\n    grid-template-columns: minmax(180px, 0.72fr) minmax(0, 1.28fr);\n  }\n\n  .hke07-context-status {\n    grid-column: 1 \/ -1;\n    min-height: 76px !important;\n    border-top: 1px solid rgba(235, 244, 252, 0.18);\n  }\n\n  .hke07-context-route {\n    border-right: 0;\n  }\n\n  .hke07-workspace {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke07-receipt {\n    position: static;\n  }\n\n  .hke07-stage-scope ol {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 767px) {\n  .hke07-section {\n    padding: 64px 16px;\n    scroll-margin-top: 122px;\n  }\n\n  .hke07-intro {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 24px;\n    margin-bottom: 36px;\n    text-align: center;\n  }\n\n  .hke07-section-label {\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 16px !important;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke07-section-label > span {\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n  }\n\n  .hke07-intro h2 {\n    font-size: clamp(2.1rem, 9.5vw, 2.5rem);\n    line-height: 1.06;\n  }\n\n  .hke07-intro-copy > p {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .hke07-boundary {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 10px;\n    text-align: left;\n  }\n\n  .hke07-boundary > span {\n    justify-self: start;\n  }\n\n  .hke07-context {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke07-context > div,\n  .hke07-context-status {\n    min-height: 0 !important;\n    padding: 18px 20px;\n  }\n\n  .hke07-context-route,\n  .hke07-context-status {\n    grid-column: auto;\n    border-top: 1px solid rgba(235, 244, 252, 0.18);\n    border-right: 0;\n    border-left: 0;\n  }\n\n  .hke07-workspace {\n    gap: 16px;\n    padding: 16px;\n  }\n\n  .hke07-form-head {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 8px;\n    padding: 22px 20px;\n  }\n\n  .hke07-form-head > p {\n    text-align: left;\n  }\n\n  .hke07-group {\n    padding: 24px 20px 26px;\n  }\n\n  .hke07-group-head {\n    grid-template-columns: 40px minmax(0, 1fr);\n    gap: 13px;\n  }\n\n  .hke07-group-head > span {\n    width: 40px;\n    height: 40px;\n  }\n\n  .hke07-fields {\n    gap: 14px;\n  }\n\n  .hke07-stage-scope ol {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hke07-next {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 20px;\n    padding: 25px 22px;\n  }\n\n  #hke07-equipment-selection .hke07-next > a {\n    width: 100%;\n  }\n}\n\n@media (max-width: 680px) {\n  .hke07-fields {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke07-field--wide {\n    grid-column: auto;\n  }\n\n  .hke07-fields-note {\n    grid-column: auto;\n  }\n\n  .hke07-stage-scope ol {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n\n@media (max-width: 430px) {\n  .hke07-intro h2 {\n    font-size: clamp(2rem, 9.5vw, 2.4rem);\n  }\n\n  .hke07-workspace {\n    padding: 12px;\n  }\n\n  .hke07-form-head,\n  .hke07-group,\n  .hke07-receipt-head,\n  .hke07-receipt-summary,\n  .hke07-stage-scope,\n  .hke07-confirm,\n  .hke07-reviewed-equipment,\n  .hke07-receipt-action {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .hke07-basis-list {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .hke07-basis-list > div {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 4px;\n  }\n\n  .hke07-basis-list dd {\n    text-align: left;\n  }\n\n  .hke07-stage-scope li {\n    grid-template-columns: 28px minmax(0, 1fr);\n  }\n\n  .hke07-stage-scope li > small {\n    grid-column: 2;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke07-section {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .hke07-section-label {\n    align-items: flex-start;\n    justify-content: flex-start;\n    font-size: 9px;\n    text-align: left;\n  }\n\n  .hke07-intro {\n    text-align: left;\n  }\n\n  .hke07-workspace {\n    padding: 8px;\n  }\n\n  .hke07-context > div {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .hke07-form-head,\n  .hke07-group,\n  .hke07-receipt-head,\n  .hke07-receipt-summary,\n  .hke07-stage-scope,\n  .hke07-confirm,\n  .hke07-reviewed-equipment,\n  .hke07-receipt-action,\n  .hke07-basis-list {\n    padding-right: 15px;\n    padding-left: 15px;\n  }\n\n  .hke07-group-head {\n    grid-template-columns: 36px minmax(0, 1fr);\n    gap: 10px;\n  }\n\n  .hke07-group-head > span {\n    width: 36px;\n    height: 36px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke07-block *,\n  .hke07-block *::before,\n  .hke07-block *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<div id=\"hke07-equipment-selection\" class=\"hke07-block\">\n  <section id=\"selection-guide\" class=\"hke07-section\" aria-labelledby=\"hke07-title\">\n    <div class=\"hke07-shell\">\n      <header class=\"hke07-intro\">\n        <div class=\"hke07-intro-title\">\n          <p class=\"hke07-section-label\"><span>06<\/span> EQUIPMENT SELECTION GUIDE<\/p>\n          <h2 id=\"hke07-title\">How to Select the Right Electrical Cable Production Equipment<\/h2>\n        <\/div>\n        <div class=\"hke07-intro-copy\">\n          <p>Start from the cable design, incoming conductor, required range, material system, output target and factory interfaces. The result is a selection basis for engineering review, not an automatic machine match.<\/p>\n          <div class=\"hke07-boundary\">\n            <span>SELECTION RULE<\/span>\n            <div><strong>A selection basis, not an automatic model recommendation<\/strong><p>Machine selection should not start from machine model alone. Cable structure, conductor range, material, output and downstream process compatibility determine the configuration.<\/p><\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"hke07-context\" aria-label=\"Carried project context\">\n        <div>\n          <span>CARRIED CABLE CONTEXT<\/span>\n          <strong data-hke07-context-family>Building Wire<\/strong>\n        <\/div>\n        <div class=\"hke07-context-route\">\n          <span>PRELIMINARY ROUTE TO REVIEW<\/span>\n          <p data-hke07-context-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/p>\n        <\/div>\n        <div class=\"hke07-context-status\">\n          <span>PROJECT CONTEXT<\/span>\n          <strong data-hke07-context-status>To be confirmed<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"hke07-workspace\">\n        <form class=\"hke07-form\" aria-labelledby=\"hke07-form-title\" novalidate>\n          <header class=\"hke07-form-head\">\n            <div><span>PROJECT INPUTS<\/span><h3 id=\"hke07-form-title\">Build the Equipment Selection Basis<\/h3><\/div>\n            <p>Unknown values can remain <strong>To be confirmed<\/strong>.<\/p>\n          <\/header>\n\n          <section class=\"hke07-group\" aria-labelledby=\"hke07-group-cable\">\n            <header class=\"hke07-group-head\">\n              <span>01<\/span>\n              <div><small>CABLE DEFINITION<\/small><h4 id=\"hke07-group-cable\">Confirm the finished cable and conductor range<\/h4><\/div>\n              <p>These inputs determine which process stages and equipment categories need engineering review.<\/p>\n            <\/header>\n            <div class=\"hke07-fields\">\n              <label class=\"hke07-field\">\n                <span>Finished cable family<\/span>\n                <select data-hke07-field=\"family\" aria-label=\"Finished cable family\">\n                  <option value=\"building\">Building Wire<\/option>\n                  <option value=\"thhn\">THHN \/ THWN<\/option>\n                  <option value=\"flexible\">Flexible Cable<\/option>\n                  <option value=\"control\">Control Cable<\/option>\n                  <option value=\"lv\">LV Power Cable<\/option>\n                  <option value=\"armoured\">Armoured Power Cable<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Conductor material<\/span>\n                <select data-hke07-field=\"conductor\" aria-label=\"Conductor material\">\n                  <option>To be confirmed<\/option>\n                  <option>Copper<\/option>\n                  <option>Aluminum<\/option>\n                  <option>Other<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Incoming conductor format<\/span>\n                <select data-hke07-field=\"incoming\" aria-label=\"Incoming conductor format\">\n                  <option>To be confirmed<\/option>\n                  <option>Rod<\/option>\n                  <option>Drawn wire<\/option>\n                  <option>Prepared conductor<\/option>\n                  <option>Other input format<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Conductor structure<\/span>\n                <select data-hke07-field=\"structure\" aria-label=\"Conductor structure\">\n                  <option>To be confirmed<\/option>\n                  <option>Solid<\/option>\n                  <option>Stranded<\/option>\n                  <option>Fine-stranded \/ flexible<\/option>\n                  <option>Multiple structures<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Conductor size or range<\/span>\n                <input type=\"text\" data-hke07-field=\"range\" aria-label=\"Conductor size or range\" placeholder=\"Enter the required range if known\" \/>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Primary insulation material<\/span>\n                <select data-hke07-field=\"insulation\" aria-label=\"Primary insulation material\">\n                  <option>To be confirmed<\/option>\n                  <option>PVC<\/option>\n                  <option>XLPE<\/option>\n                  <option>PE<\/option>\n                  <option>LSZH compound<\/option>\n                  <option>Other or drawing-defined material<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Outer covering or jacket<\/span>\n                <select data-hke07-field=\"covering\" aria-label=\"Outer covering or jacket\">\n                  <option>To be confirmed<\/option>\n                  <option>None specified<\/option>\n                  <option>PVC<\/option>\n                  <option>PE<\/option>\n                  <option>LSZH compound<\/option>\n                  <option>Nylon<\/option>\n                  <option>Other<\/option>\n                <\/select>\n              <\/label>\n              <small class=\"hke07-fields-note\">Layer sequence, dimensions and material grades remain subject to the approved cable design.<\/small>\n            <\/div>\n          <\/section>\n\n          <section class=\"hke07-group\" aria-labelledby=\"hke07-group-output\">\n            <header class=\"hke07-group-head\">\n              <span>02<\/span>\n              <div><small>OUTPUT AND RANGE<\/small><h4 id=\"hke07-group-output\">Define the required production window<\/h4><\/div>\n              <p>Project targets are review inputs. They are not published machine performance claims.<\/p>\n            <\/header>\n            <div class=\"hke07-fields\">\n              <label class=\"hke07-field\">\n                <span>Target line speed<\/span>\n                <input type=\"text\" data-hke07-field=\"speed\" aria-label=\"Target line speed\" placeholder=\"Enter the project target if known\" \/>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Production capacity target<\/span>\n                <input type=\"text\" data-hke07-field=\"capacity\" aria-label=\"Production capacity target\" placeholder=\"Enter the required basis if known\" \/>\n              <\/label>\n              <label class=\"hke07-field hke07-field--wide\">\n                <span>Product range and changeover requirement<\/span>\n                <select data-hke07-field=\"productRange\" aria-label=\"Product range and changeover requirement\">\n                  <option>To be confirmed<\/option>\n                  <option>One defined cable design<\/option>\n                  <option>Several related cable designs<\/option>\n                  <option>Broad product range and frequent changeover<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field hke07-field--wide\">\n                <span>Finished product handling<\/span>\n                <select data-hke07-field=\"handling\" aria-label=\"Finished product handling\">\n                  <option>To be confirmed<\/option>\n                  <option>Coil<\/option>\n                  <option>Reel<\/option>\n                  <option>Drum<\/option>\n                  <option>Other<\/option>\n                <\/select>\n              <\/label>\n            <\/div>\n          <\/section>\n\n          <section class=\"hke07-group\" aria-labelledby=\"hke07-group-factory\">\n            <header class=\"hke07-group-head\">\n              <span>03<\/span>\n              <div><small>FACTORY AND COORDINATION<\/small><h4 id=\"hke07-group-factory\">Confirm the installation and interface conditions<\/h4><\/div>\n              <p>Existing equipment, space, utilities and downstream handling can change the final scope.<\/p>\n            <\/header>\n            <div class=\"hke07-fields\">\n              <label class=\"hke07-field\">\n                <span>Project type<\/span>\n                <select data-hke07-field=\"projectType\" aria-label=\"Project type\">\n                  <option>To be confirmed<\/option>\n                  <option>New factory<\/option>\n                  <option>New cable product<\/option>\n                  <option>Capacity expansion<\/option>\n                  <option>Line replacement \/ upgrade<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Available factory space<\/span>\n                <input type=\"text\" data-hke07-field=\"space\" aria-label=\"Available factory space\" placeholder=\"Enter dimensions or layout status if known\" \/>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Automation and control expectation<\/span>\n                <select data-hke07-field=\"automation\" aria-label=\"Automation and control expectation\">\n                  <option>To be confirmed<\/option>\n                  <option>Operator-led handling<\/option>\n                  <option>Semi-automatic handling<\/option>\n                  <option>Higher automation to review<\/option>\n                <\/select>\n              <\/label>\n              <label class=\"hke07-field\">\n                <span>Utilities and installation constraints<\/span>\n                <input type=\"text\" data-hke07-field=\"utilities\" aria-label=\"Utilities and installation constraints\" placeholder=\"Record known site constraints\" \/>\n              <\/label>\n              <label class=\"hke07-field hke07-field--wide\">\n                <span>Existing equipment and required interfaces<\/span>\n                <textarea data-hke07-field=\"existing\" aria-label=\"Existing equipment and required interfaces\" placeholder=\"List equipment to retain, replace or connect\"><\/textarea>\n              <\/label>\n              <label class=\"hke07-field hke07-field--wide\">\n                <span>Testing and downstream interface notes<\/span>\n                <textarea data-hke07-field=\"downstream\" aria-label=\"Testing and downstream interface notes\" placeholder=\"Record testing, packing or downstream requirements if known\"><\/textarea>\n              <\/label>\n            <\/div>\n          <\/section>\n        <\/form>\n\n        <aside class=\"hke07-receipt\" aria-labelledby=\"hke07-receipt-title\">\n          <header class=\"hke07-receipt-head\">\n            <span>LIVE SELECTION BASIS<\/span>\n            <h3 id=\"hke07-receipt-title\">Preliminary Selection Basis<\/h3>\n            <p data-hke07-status aria-live=\"polite\">SELECTION BASIS IN PROGRESS<\/p>\n          <\/header>\n\n          <div class=\"hke07-receipt-summary\">\n            <span>SELECTED CABLE<\/span>\n            <strong data-hke07-summary-family>Building Wire<\/strong>\n            <small data-hke07-summary-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/small>\n          <\/div>\n\n          <dl class=\"hke07-basis-list\">\n            <div><dt>Cable and conductor<\/dt><dd data-hke07-basis-cable>Conductor pending \u00b7 Range pending<\/dd><\/div>\n            <div><dt>Material system<\/dt><dd data-hke07-basis-material>Insulation and covering pending<\/dd><\/div>\n            <div><dt>Output target<\/dt><dd data-hke07-basis-output>Speed and capacity pending<\/dd><\/div>\n            <div><dt>Finished handling<\/dt><dd data-hke07-basis-handling>To be confirmed<\/dd><\/div>\n            <div><dt>Factory project<\/dt><dd data-hke07-basis-factory>Project type and space pending<\/dd><\/div>\n            <div><dt>Automation<\/dt><dd data-hke07-basis-automation>To be confirmed<\/dd><\/div>\n          <\/dl>\n\n          <section class=\"hke07-stage-scope\" aria-labelledby=\"hke07-stage-title\">\n            <div class=\"hke07-receipt-title\"><span>EQUIPMENT CATEGORIES TO REVIEW<\/span><strong id=\"hke07-stage-title\" data-hke07-stage-count>3 active \u00b7 2 as required<\/strong><\/div>\n            <ol data-hke07-stage-list>\n              <li><span>01<\/span><strong>Conductor preparation<\/strong><small>IN ROUTE<\/small><\/li>\n              <li><span>04<\/span><strong>Insulation extrusion<\/strong><small>IN ROUTE<\/small><\/li>\n              <li><span>08<\/span><strong>Testing and finished handling<\/strong><small>IN ROUTE<\/small><\/li>\n              <li data-state=\"conditional\"><span>02<\/span><strong>Drawing and annealing<\/strong><small>AS REQUIRED<\/small><\/li>\n              <li data-state=\"conditional\"><span>03<\/span><strong>Stranding and bunching<\/strong><small>AS REQUIRED<\/small><\/li>\n            <\/ol>\n          <\/section>\n\n          <section class=\"hke07-confirm\" aria-labelledby=\"hke07-confirm-title\">\n            <div class=\"hke07-receipt-title\"><span>STILL TO CONFIRM<\/span><strong id=\"hke07-confirm-title\" data-hke07-confirm-count>4 review groups open<\/strong><\/div>\n            <ul data-hke07-confirm-list>\n              <li>Cable definition inputs<\/li>\n              <li>Speed, capacity and product range<\/li>\n              <li>Factory and existing interfaces<\/li>\n              <li>Approved drawing and acceptance basis<\/li>\n            <\/ul>\n          <\/section>\n\n          <div class=\"hke07-reviewed-equipment\">\n            <span>REVIEWED EQUIPMENT INTEREST<\/span>\n            <strong data-hke07-equipment-interest>Not carried from the machinery section<\/strong>\n            <small>One reviewed equipment interest does not confirm the complete equipment scope.<\/small>\n          <\/div>\n\n          <div class=\"hke07-receipt-action\">\n            <button type=\"button\" data-hke07-carry>Carry Selection Basis to Enquiry<\/button>\n            <small data-hke07-action-note>Final configuration requires engineering review.<\/small>\n          <\/div>\n        <\/aside>\n      <\/div>\n\n      <footer class=\"hke07-next\">\n        <div><span>NEXT DECISION \/ FACTORY PLANNING<\/span><h3>Turn the equipment basis into a practical factory plan.<\/h3><p>Review line arrangement, utilities, material flow, installation access and interfaces with existing equipment.<\/p><\/div>\n        <a href=\"#factory\" data-hke07-scroll=\"#factory\">Continue to Factory Planning<\/a>\n      <\/footer>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const STORAGE_KEY = \"hkeElectricalSelectionGuideV1\";\n  const FAMILY_IDS = [\"building\", \"thhn\", \"flexible\", \"control\", \"lv\", \"armoured\"];\n  const BOUNDARY = \"Final equipment is confirmed against the approved cable design, required range, production target, factory conditions and downstream interfaces.\";\n  const STAGES = {\n    \"01\": \"Conductor preparation\",\n    \"02\": \"Drawing and annealing\",\n    \"03\": \"Stranding and bunching\",\n    \"04\": \"Insulation extrusion\",\n    \"05\": \"Cabling and laying-up\",\n    \"06\": \"Shielding or armouring\",\n    \"07\": \"Outer sheathing\",\n    \"08\": \"Testing and finished handling\"\n  };\n  const FAMILIES = {\n    building: { label: \"Building Wire\", route: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\", active: [\"01\", \"04\", \"08\"], conditional: [\"02\", \"03\"] },\n    thhn: { label: \"THHN \/ THWN\", route: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing & finished handling\", active: [\"02\", \"03\", \"04\", \"08\"], conditional: [\"01\"] },\n    flexible: { label: \"Flexible Cable\", route: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\", active: [\"02\", \"03\", \"04\", \"05\", \"07\", \"08\"], conditional: [\"01\", \"06\"] },\n    control: { label: \"Control Cable\", route: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing & finished handling\", active: [\"04\", \"05\", \"07\", \"08\"], conditional: [\"01\", \"02\", \"03\", \"06\"] },\n    lv: { label: \"LV Power Cable\", route: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\", active: [\"03\", \"04\", \"05\", \"07\", \"08\"], conditional: [\"01\", \"02\", \"06\"] },\n    armoured: { label: \"Armoured Power Cable\", route: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath \u2192 Testing & finished handling\", active: [\"03\", \"04\", \"05\", \"06\", \"07\", \"08\"], conditional: [\"01\", \"02\"] }\n  };\n  const FIELD_DEFAULTS = {\n    conductor: \"To be confirmed\",\n    incoming: \"To be confirmed\",\n    structure: \"To be confirmed\",\n    range: \"\",\n    insulation: \"To be confirmed\",\n    covering: \"To be confirmed\",\n    speed: \"\",\n    capacity: \"\",\n    productRange: \"To be confirmed\",\n    handling: \"To be confirmed\",\n    projectType: \"To be confirmed\",\n    space: \"\",\n    automation: \"To be confirmed\",\n    utilities: \"\",\n    existing: \"\",\n    downstream: \"\"\n  };\n\n  const safeStoredJson = (key) => {\n    try { return JSON.parse(sessionStorage.getItem(key) || \"null\"); }\n    catch (error) { return null; }\n  };\n  const validFamily = (value) => FAMILY_IDS.includes(value) ? value : null;\n  const pending = (value) => !String(value || \"\").trim() || value === \"To be confirmed\";\n  const shown = (value, fallback = \"To be confirmed\") => pending(value) ? fallback : String(value).trim();\n  const checkedFamily = () => FAMILY_IDS.find((familyId) => document.getElementById(`hke02-cable-${familyId}`)?.checked) || null;\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const init = (root) => {\n    if (!root || root.dataset.hke07Ready === \"true\") return;\n    root.dataset.hke07Ready = \"true\";\n\n    const rawBrief = window.HKE_ELECTRICAL_PROJECT_BRIEF || safeStoredJson(\"hkeElectricalProjectBriefV1\");\n    const rawProcess = window.HKE_ELECTRICAL_PROCESS_STATE || null;\n    const rawEquipment = window.HKE_ELECTRICAL_EQUIPMENT_INTEREST || safeStoredJson(\"hkeElectricalEquipmentInterestV1\");\n    const rawSolution = window.HKE_ELECTRICAL_SOLUTION_INTEREST || safeStoredJson(\"hkeElectricalSolutionInterestV1\");\n    const storedGuide = safeStoredJson(STORAGE_KEY);\n    const initialFamily = validFamily(rawSolution?.familyId)\n      || validFamily(rawBrief?.familyId)\n      || validFamily(rawProcess?.familyId)\n      || validFamily(checkedFamily())\n      || validFamily(storedGuide?.familyId)\n      || \"building\";\n\n    const state = {\n      familyId: initialFamily,\n      upstreamFamily: initialFamily,\n      brief: rawBrief,\n      process: rawProcess,\n      equipment: rawEquipment,\n      solution: rawSolution,\n      carried: false,\n      touched: new Set(),\n      values: { ...FIELD_DEFAULTS }\n    };\n\n    const fields = [...root.querySelectorAll(\"[data-hke07-field]\")];\n\n    const assignIfKnown = (key, value, force = false) => {\n      if (state.touched.has(key) && !force) return;\n      if (!pending(value)) state.values[key] = String(value).trim();\n    };\n\n    const hydrateBrief = (brief) => {\n      if (!brief) return;\n      assignIfKnown(\"conductor\", brief.conductor);\n      assignIfKnown(\"structure\", brief.conductorStructure);\n      assignIfKnown(\"range\", brief.crossSection);\n      assignIfKnown(\"insulation\", brief.insulation);\n      assignIfKnown(\"covering\", brief.covering);\n      assignIfKnown(\"capacity\", brief.output);\n      assignIfKnown(\"projectType\", brief.goal);\n    };\n\n    hydrateBrief(rawBrief);\n    if (storedGuide && validFamily(storedGuide.familyId) === initialFamily) {\n      Object.keys(FIELD_DEFAULTS).forEach((key) => assignIfKnown(key, storedGuide.inputs?.[key], true));\n    }\n\n    const familyConfig = () => FAMILIES[state.familyId] || FAMILIES.building;\n    const matchingSolution = () => validFamily(state.solution?.familyId) === state.familyId ? state.solution : null;\n    const activeStages = () => {\n      const solution = matchingSolution();\n      const ids = Array.isArray(solution?.activeStageIds) && solution.activeStageIds.length ? solution.activeStageIds : familyConfig().active;\n      return [...new Set(ids.filter((id) => STAGES[id]))];\n    };\n    const conditionalStages = () => {\n      const solution = matchingSolution();\n      const ids = Array.isArray(solution?.conditionalStageIds) ? solution.conditionalStageIds : familyConfig().conditional;\n      return [...new Set(ids.filter((id) => STAGES[id] && !activeStages().includes(id)))];\n    };\n\n    const stillToConfirm = () => {\n      const groups = [];\n      if ([state.values.conductor, state.values.incoming, state.values.structure, state.values.range].some(pending)) groups.push(\"Cable and incoming conductor inputs\");\n      if ([state.values.insulation, state.values.covering].some(pending)) groups.push(\"Insulation, covering and layer construction\");\n      if ([state.values.speed, state.values.capacity, state.values.productRange, state.values.handling].some(pending)) groups.push(\"Speed, capacity, product range and finished handling\");\n      if ([state.values.projectType, state.values.space, state.values.utilities, state.values.existing].some(pending)) groups.push(\"Factory conditions and existing interfaces\");\n      if ([state.values.automation, state.values.downstream].some(pending)) groups.push(\"Controls, testing and downstream interfaces\");\n      groups.push(\"Approved cable drawing, exact materials and acceptance basis\");\n      return groups;\n    };\n\n    const equipmentInterest = () => {\n      if (!state.equipment || validFamily(state.equipment.familyId) !== state.familyId) return null;\n      return {\n        stage: state.equipment.stage || \"To be confirmed\",\n        machineInterest: state.equipment.machineInterest || \"To be confirmed\",\n        equipmentSource: state.equipment.equipmentSource || \"To be confirmed\"\n      };\n    };\n\n    const currentGuide = () => {\n      const family = familyConfig();\n      return {\n        version: 1,\n        familyId: state.familyId,\n        family: family.label,\n        preliminaryRoute: matchingSolution()?.preliminaryRoute || family.route,\n        projectIntent: shown(state.values.projectType),\n        conductorMaterial: shown(state.values.conductor),\n        incomingConductorFormat: shown(state.values.incoming),\n        conductorRange: shown(state.values.range),\n        conductorStructure: shown(state.values.structure),\n        insulationMaterial: shown(state.values.insulation),\n        outerCovering: shown(state.values.covering),\n        targetSpeed: shown(state.values.speed),\n        targetCapacity: shown(state.values.capacity),\n        productRange: shown(state.values.productRange),\n        finishedHandling: shown(state.values.handling),\n        factoryContext: shown(state.values.projectType),\n        availableSpace: shown(state.values.space),\n        automationLevel: shown(state.values.automation),\n        inputs: { ...state.values },\n        activeStageIds: activeStages(),\n        conditionalStageIds: conditionalStages(),\n        stageGroupsToReview: activeStages().map((id) => ({ id, name: STAGES[id], status: \"In preliminary route\" })),\n        conditionalStageGroups: conditionalStages().map((id) => ({ id, name: STAGES[id], status: \"As required\" })),\n        equipmentScopeToReview: Array.isArray(matchingSolution()?.stages)\n          ? matchingSolution().stages.map((stage) => ({ ...stage }))\n          : activeStages().map((id) => ({ number: id, name: STAGES[id], responsibility: \"To be confirmed\", conditional: false })),\n        reviewedEquipmentInterest: equipmentInterest(),\n        stillToConfirm: stillToConfirm(),\n        boundary: BOUNDARY\n      };\n    };\n\n    const formatGuide = (guide) => {\n      const lines = [\n        `Cable family: ${guide.family}`,\n        `Preliminary route: ${guide.preliminaryRoute}`,\n        `Conductor: ${shown(guide.inputs.conductor)} \/ ${shown(guide.inputs.structure)}`,\n        `Incoming conductor format: ${shown(guide.inputs.incoming)}`,\n        `Conductor size or range: ${shown(guide.inputs.range)}`,\n        `Primary insulation: ${shown(guide.inputs.insulation)}`,\n        `Outer covering or jacket: ${shown(guide.inputs.covering)}`,\n        `Target line speed: ${shown(guide.inputs.speed)}`,\n        `Production capacity target: ${shown(guide.inputs.capacity)}`,\n        `Product range: ${shown(guide.inputs.productRange)}`,\n        `Finished product handling: ${shown(guide.inputs.handling)}`,\n        `Project type: ${shown(guide.inputs.projectType)}`,\n        `Available factory space: ${shown(guide.inputs.space)}`,\n        `Automation expectation: ${shown(guide.inputs.automation)}`,\n        `Utilities and installation constraints: ${shown(guide.inputs.utilities)}`,\n        `Existing equipment and interfaces: ${shown(guide.inputs.existing)}`,\n        `Testing and downstream handling: ${shown(guide.inputs.downstream)}`,\n        `Process groups in route: ${guide.stageGroupsToReview.map((stage) => `${stage.id} ${stage.name}`).join(\"; \")}`,\n        `Process groups as required: ${guide.conditionalStageGroups.length ? guide.conditionalStageGroups.map((stage) => `${stage.id} ${stage.name}`).join(\"; \") : \"None currently identified\"}`,\n        `Reviewed equipment interest: ${guide.reviewedEquipmentInterest ? `${guide.reviewedEquipmentInterest.stage} \/ ${guide.reviewedEquipmentInterest.machineInterest} \/ ${guide.reviewedEquipmentInterest.equipmentSource}` : \"Not carried for this cable family\"}`,\n        `Still to confirm: ${guide.stillToConfirm.join(\"; \")}`,\n        `Boundary: ${guide.boundary}`\n      ];\n      return lines.join(\"\\n\");\n    };\n\n    const syncFields = () => {\n      fields.forEach((field) => {\n        const key = field.dataset.hke07Field;\n        const value = key === \"family\" ? state.familyId : state.values[key];\n        if (typeof value === \"string\" && field.value !== value) field.value = value;\n      });\n    };\n\n    const renderStages = (guide) => {\n      const list = root.querySelector(\"[data-hke07-stage-list]\");\n      if (!list) return;\n      const stageRows = [...guide.stageGroupsToReview, ...guide.conditionalStageGroups];\n      list.replaceChildren(...stageRows.map((stage) => {\n        const row = document.createElement(\"li\");\n        const number = document.createElement(\"span\");\n        const name = document.createElement(\"strong\");\n        const status = document.createElement(\"small\");\n        if (stage.status === \"As required\") row.dataset.state = \"conditional\";\n        number.textContent = stage.id;\n        name.textContent = stage.name;\n        status.textContent = stage.status.toUpperCase();\n        row.append(number, name, status);\n        return row;\n      }));\n    };\n\n    const renderConfirmations = (guide) => {\n      const list = root.querySelector(\"[data-hke07-confirm-list]\");\n      if (!list) return;\n      list.replaceChildren(...guide.stillToConfirm.map((item) => {\n        const row = document.createElement(\"li\");\n        row.textContent = item;\n        return row;\n      }));\n    };\n\n    const publish = (guide) => {\n      window.HKE_ELECTRICAL_SELECTION_GUIDE = guide;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-selection-guide\", { detail: guide }));\n    };\n\n    const render = () => {\n      syncFields();\n      const guide = currentGuide();\n      const activeCount = guide.stageGroupsToReview.length;\n      const conditionalCount = guide.conditionalStageGroups.length;\n      const family = familyConfig();\n      const conductorSummary = pending(state.values.conductor) && pending(state.values.structure)\n        ? \"Conductor pending\"\n        : `${shown(state.values.conductor)} \u00b7 ${shown(state.values.structure)}`;\n      const outputSummary = pending(state.values.speed) && pending(state.values.capacity)\n        ? \"Speed and capacity pending\"\n        : `${shown(state.values.speed, \"Speed pending\")} \u00b7 ${shown(state.values.capacity, \"Capacity pending\")}`;\n      const factorySummary = pending(state.values.projectType) && pending(state.values.space)\n        ? \"Project type and space pending\"\n        : `${shown(state.values.projectType, \"Project type pending\")} \u00b7 ${shown(state.values.space, \"Space pending\")}`;\n      const projectContext = state.brief && validFamily(state.brief.familyId) === state.familyId\n        ? `${shown(state.brief.goal)} \u00b7 ${shown(state.brief.output, \"Output pending\")}`\n        : `${shown(state.values.projectType)} \u00b7 ${shown(state.values.capacity, \"Output pending\")}`;\n\n      setText(root, \"[data-hke07-context-family]\", family.label);\n      setText(root, \"[data-hke07-context-route]\", guide.preliminaryRoute);\n      setText(root, \"[data-hke07-context-status]\", projectContext);\n      setText(root, \"[data-hke07-summary-family]\", family.label);\n      setText(root, \"[data-hke07-summary-route]\", guide.preliminaryRoute);\n      setText(root, \"[data-hke07-basis-cable]\", `${conductorSummary} \u00b7 ${shown(state.values.range, \"Range pending\")}`);\n      setText(root, \"[data-hke07-basis-material]\", `${shown(state.values.insulation, \"Insulation pending\")} \u00b7 ${shown(state.values.covering, \"Covering pending\")}`);\n      setText(root, \"[data-hke07-basis-output]\", outputSummary);\n      setText(root, \"[data-hke07-basis-handling]\", shown(state.values.handling));\n      setText(root, \"[data-hke07-basis-factory]\", factorySummary);\n      setText(root, \"[data-hke07-basis-automation]\", shown(state.values.automation));\n      setText(root, \"[data-hke07-stage-count]\", `${activeCount} active \u00b7 ${conditionalCount} as required`);\n      setText(root, \"[data-hke07-confirm-count]\", `${guide.stillToConfirm.length} review groups open`);\n      setText(root, \"[data-hke07-equipment-interest]\", equipmentInterest() ? `${equipmentInterest().stage} \u00b7 ${equipmentInterest().machineInterest}` : \"Not carried from the machinery section\");\n      setText(root, \"[data-hke07-status]\", state.carried ? \"CARRIED TO PROJECT ENQUIRY\" : guide.stillToConfirm.length === 1 ? \"READY FOR ENGINEERING REVIEW\" : \"SELECTION BASIS IN PROGRESS\");\n      setText(root, \"[data-hke07-action-note]\", state.carried ? \"Selection basis carried as a separate enquiry record.\" : \"Final configuration requires engineering review.\");\n      renderStages(guide);\n      renderConfirmations(guide);\n      publish(guide);\n    };\n\n    const selectFamily = (familyId) => {\n      if (!validFamily(familyId)) return;\n      state.familyId = familyId;\n      state.carried = false;\n      render();\n    };\n\n    fields.forEach((field) => {\n      const key = field.dataset.hke07Field;\n      const eventName = field.tagName === \"SELECT\" ? \"change\" : \"input\";\n      field.addEventListener(eventName, () => {\n        if (key === \"family\") selectFamily(field.value);\n        else {\n          state.touched.add(key);\n          state.values[key] = field.value;\n          state.carried = false;\n          render();\n        }\n      });\n    });\n\n    const applyBrief = (brief) => {\n      if (!brief) return;\n      state.brief = brief;\n      const familyId = validFamily(brief.familyId);\n      if (familyId) {\n        state.upstreamFamily = familyId;\n        state.familyId = familyId;\n      }\n      hydrateBrief(brief);\n      state.carried = false;\n      render();\n    };\n\n    const applyProcess = (process) => {\n      if (!process) return;\n      state.process = process;\n      const familyId = validFamily(process.familyId);\n      if (familyId) {\n        state.upstreamFamily = familyId;\n        state.familyId = familyId;\n      }\n      state.carried = false;\n      render();\n    };\n\n    const applySolution = (solution) => {\n      if (!solution) return;\n      state.solution = solution;\n      const familyId = validFamily(solution.familyId);\n      if (familyId) {\n        state.upstreamFamily = familyId;\n        state.familyId = familyId;\n      }\n      state.carried = false;\n      render();\n    };\n\n    const applyEquipment = (equipment) => {\n      if (!equipment) return;\n      state.equipment = equipment;\n      state.carried = false;\n      render();\n    };\n\n    FAMILY_IDS.forEach((familyId) => {\n      document.getElementById(`hke02-cable-${familyId}`)?.addEventListener(\"change\", (event) => {\n        if (event.currentTarget.checked) selectFamily(familyId);\n      });\n    });\n    window.addEventListener(\"hke:electrical-brief\", (event) => applyBrief(event.detail));\n    window.addEventListener(\"hke:electrical-brief-carried\", (event) => applyBrief(event.detail));\n    window.addEventListener(\"hke:electrical-process-route\", (event) => applyProcess(event.detail));\n    window.addEventListener(\"hke:electrical-process-stage\", (event) => applyProcess(event.detail));\n    window.addEventListener(\"hke:electrical-equipment\", (event) => applyEquipment(event.detail));\n    window.addEventListener(\"hke:electrical-equipment-carried\", (event) => applyEquipment(event.detail));\n    window.addEventListener(\"hke:electrical-solution\", (event) => applySolution(event.detail));\n    window.addEventListener(\"hke:electrical-solution-carried\", (event) => applySolution(event.detail));\n\n    root.querySelector(\"[data-hke07-carry]\")?.addEventListener(\"click\", () => {\n      const guide = currentGuide();\n      try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(guide)); } catch (error) { \/* Storage is optional. *\/ }\n      const serialized = formatGuide(guide);\n      document.querySelectorAll(\"[data-hke-electrical-selection-guide-input]\").forEach((field) => {\n        field.value = serialized;\n        field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      });\n      state.carried = true;\n      render();\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-selection-guide-carried\", { detail: guide }));\n      const target = document.querySelector(\"#enquiry\");\n      if (target) {\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", \"#enquiry\");\n      }\n    });\n\n    root.querySelectorAll(\"[data-hke07-scroll]\").forEach((control) => {\n      control.addEventListener(\"click\", (event) => {\n        const selector = control.dataset.hke07Scroll;\n        const target = selector ? document.querySelector(selector) : null;\n        if (!target) return;\n        event.preventDefault();\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        window.scrollTo({ top, behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    render();\n  };\n\n  const start = () => document.querySelectorAll(\".hke07-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-77319c4 e-con e-atomic-element e-flexbox-base e-77319c4-89295be \" data-id=\"77319c4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"77319c4\" data-e-type=\"e-flexbox\" data-id=\"77319c4\">\n    \t\t<div class=\"elementor-element elementor-element-e024007 elementor-widget elementor-widget-html\" data-id=\"e024007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 08 \/ VISUAL BLOCK 09\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=cool-white-site-canvas+navy-handoff \u00b7 B=roboto+mono-meta\n * C=full-width-readiness-ledger+asymmetric-interface-pack \u00b7 D=site-input-disclosure+enquiry-carry\n * E=factory-commissioning-dossier \u00b7 SOUL=4 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke08-block),\n.elementor-widget-html:has(.hke08-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke08-preview-body),\nbody.hke08-preview-body {\n  overflow-x: clip;\n}\n\n.hke08-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke08-block {\n  --hke08-bg: #fbfdff;\n  --hke08-surface: #fdfefe;\n  --hke08-surface-soft: #f3f8fc;\n  --hke08-surface-blue: #e8f3fb;\n  --hke08-navy: #102a43;\n  --hke08-dark: #112944;\n  --hke08-blue-deep: #173a78;\n  --hke08-blue: #1677c8;\n  --hke08-blue-focus: #4383f0;\n  --hke08-blue-soft: #77b8ed;\n  --hke08-orange: #e16a47;\n  --hke08-orange-dark: #c9583d;\n  --hke08-text: #2d4660;\n  --hke08-muted: #6f8295;\n  --hke08-line: rgba(16, 42, 67, 0.16);\n  --hke08-line-soft: rgba(16, 42, 67, 0.09);\n  --hke08-line-dark: rgba(235, 244, 252, 0.18);\n  --hke08-white: #fdfefe;\n  --hke08-shadow: 0 18px 48px rgba(25, 64, 96, 0.09);\n  --hke08-shadow-focus: 0 0 0 3px rgba(67, 131, 240, 0.22);\n  --hke08-font: \"Roboto\", Arial, sans-serif;\n  --hke08-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke08-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke08-text);\n  font-family: var(--hke08-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n.hke08-block,\n.hke08-block *,\n.hke08-block *::before,\n.hke08-block *::after {\n  box-sizing: border-box;\n}\n\n.hke08-block h2,\n.hke08-block h3,\n.hke08-block h4,\n.hke08-block p,\n.hke08-block ul {\n  margin: 0;\n}\n\n.hke08-block ul {\n  padding: 0;\n  list-style: none;\n}\n\n.hke08-section {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(78px, 7vw, 104px) 24px;\n  overflow: clip;\n  scroll-margin-top: 150px;\n  border-top: 1px solid var(--hke08-line-soft);\n  border-bottom: 1px solid var(--hke08-line-soft);\n  background: var(--hke08-bg);\n}\n\n.hke08-section::before {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'\/%3E%3C\/svg%3E\");\n  content: \"\";\n  opacity: 0.025;\n  pointer-events: none;\n}\n\n.hke08-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke08-shell));\n  margin: 0 auto;\n}\n\n.hke08-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.75fr);\n  gap: 76px;\n  align-items: end;\n  margin-bottom: 46px;\n}\n\n.hke08-intro-title,\n.hke08-intro-copy {\n  min-width: 0;\n}\n\n.hke08-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke08-blue);\n  font-family: var(--hke08-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke08-section-label > span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid var(--hke08-line-dark);\n  border-radius: 7px;\n  background: var(--hke08-blue-deep);\n  color: var(--hke08-white);\n  letter-spacing: 0;\n}\n\n.hke08-intro h2 {\n  min-width: 0;\n  color: var(--hke08-navy);\n  font-size: clamp(2.5rem, 3.35vw, 3.125rem);\n  font-weight: 700;\n  line-height: 1.06;\n  letter-spacing: -0.04em;\n  overflow-wrap: anywhere;\n}\n\n.hke08-intro-copy > p {\n  color: var(--hke08-muted);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke08-boundary {\n  display: grid;\n  grid-template-columns: minmax(106px, auto) minmax(0, 1fr);\n  gap: 16px;\n  align-items: start;\n  margin-top: 22px;\n  padding-top: 20px;\n  border-top: 1px solid var(--hke08-line);\n}\n\n.hke08-boundary > span {\n  display: inline-grid;\n  min-height: 28px;\n  place-items: center;\n  padding: 0 9px;\n  border: 1px solid var(--hke08-line);\n  border-radius: 5px;\n  background: var(--hke08-surface);\n  color: var(--hke08-blue);\n  font-family: var(--hke08-mono);\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  white-space: nowrap;\n}\n\n.hke08-boundary strong {\n  display: block;\n  color: var(--hke08-navy);\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.hke08-boundary p {\n  margin-top: 3px;\n  color: var(--hke08-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke08-context {\n  display: grid;\n  grid-template-columns: minmax(180px, 0.76fr) minmax(0, 1.6fr) minmax(170px, 0.72fr) minmax(170px, 0.72fr);\n  overflow: hidden;\n  border-radius: 12px 12px 0 0;\n  background: var(--hke08-dark);\n  color: var(--hke08-white);\n}\n\n.hke08-context > div {\n  display: grid;\n  min-width: 0;\n  min-height: 96px;\n  align-content: center;\n  gap: 6px;\n  padding: 20px 22px;\n}\n\n.hke08-context > div + div {\n  border-left: 1px solid var(--hke08-line-dark);\n}\n\n.hke08-context span,\n.hke08-ledger-head span,\n.hke08-ledger-labels span,\n.hke08-area small,\n.hke08-site-inputs header > span,\n.hke08-coordination header > span,\n.hke08-handoff span,\n.hke08-next span {\n  color: var(--hke08-blue-soft);\n  font-family: var(--hke08-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  line-height: 1.4;\n}\n\n.hke08-context strong,\n.hke08-context p {\n  min-width: 0;\n  color: var(--hke08-white);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n}\n\n.hke08-context-route p {\n  font-weight: 400;\n}\n\n.hke08-ledger {\n  overflow: hidden;\n  border: 1px solid var(--hke08-line);\n  border-top: 0;\n  border-radius: 0 0 12px 12px;\n  background: var(--hke08-surface);\n  box-shadow: var(--hke08-shadow);\n}\n\n.hke08-ledger-head {\n  display: grid;\n  grid-template-columns: minmax(0, 0.9fr) minmax(330px, 0.68fr);\n  gap: 48px;\n  align-items: end;\n  padding: 30px 32px 26px;\n  border-bottom: 1px solid var(--hke08-line);\n}\n\n.hke08-ledger-head h3,\n.hke08-site-inputs h3,\n.hke08-coordination h3,\n.hke08-next h3 {\n  min-width: 0;\n  margin-top: 6px;\n  color: var(--hke08-navy);\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.16;\n  letter-spacing: -0.025em;\n  overflow-wrap: anywhere;\n}\n\n.hke08-ledger-head > p {\n  color: var(--hke08-muted);\n  font-size: 13px;\n  line-height: 1.62;\n}\n\n.hke08-ledger-labels,\n.hke08-ledger-row {\n  display: grid;\n  grid-template-columns: minmax(210px, 0.82fr) minmax(0, 1.45fr) minmax(260px, 0.92fr);\n}\n\n.hke08-ledger-labels {\n  min-height: 42px;\n  align-items: center;\n  padding: 0 32px;\n  border-bottom: 1px solid var(--hke08-line);\n  background: var(--hke08-surface-soft);\n}\n\n.hke08-ledger-labels span {\n  color: var(--hke08-muted);\n  font-size: 8px;\n}\n\n.hke08-ledger-row {\n  min-width: 0;\n  align-items: stretch;\n  padding: 0 32px;\n  transition: background-color 180ms ease;\n}\n\n.hke08-ledger-row + .hke08-ledger-row {\n  border-top: 1px solid var(--hke08-line);\n}\n\n.hke08-ledger-row:focus-within {\n  background: var(--hke08-surface-soft);\n}\n\n.hke08-area,\n.hke08-review,\n.hke08-input {\n  min-width: 0;\n  padding: 24px 0;\n}\n\n.hke08-area {\n  display: grid;\n  grid-template-columns: 42px minmax(0, 1fr);\n  gap: 14px;\n  align-items: start;\n  padding-right: 26px;\n}\n\n.hke08-area > span {\n  display: grid;\n  width: 36px;\n  height: 36px;\n  place-items: center;\n  border: 1px solid var(--hke08-line);\n  border-radius: 6px;\n  background: var(--hke08-surface-soft);\n  color: var(--hke08-blue);\n  font-family: var(--hke08-mono);\n  font-size: 10px;\n}\n\n.hke08-area small {\n  display: block;\n  margin: 1px 0 4px;\n  color: var(--hke08-blue);\n  font-size: 8px;\n}\n\n.hke08-area h4 {\n  color: var(--hke08-navy);\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.hke08-review {\n  padding-right: 30px;\n  padding-left: 30px;\n  border-right: 1px solid var(--hke08-line-soft);\n  border-left: 1px solid var(--hke08-line-soft);\n}\n\n.hke08-review p {\n  color: var(--hke08-text);\n  font-size: 13px;\n  line-height: 1.58;\n}\n\n.hke08-review small {\n  display: block;\n  margin-top: 7px;\n  color: var(--hke08-muted);\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.hke08-input {\n  display: grid;\n  align-content: center;\n  gap: 8px;\n  padding-left: 30px;\n  cursor: text;\n}\n\n.hke08-input > span,\n.hke08-site-fields label > span {\n  color: var(--hke08-text);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n#hke08-factory-planning.hke08-block input,\n#hke08-factory-planning.hke08-block select,\n#hke08-factory-planning.hke08-block textarea {\n  appearance: none !important;\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  min-height: 46px;\n  margin: 0 !important;\n  padding: 11px 13px !important;\n  border: 1px solid var(--hke08-line) !important;\n  border-radius: 7px !important;\n  outline: 0;\n  background-color: var(--hke08-surface) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke08-navy) !important;\n  font-family: var(--hke08-font) !important;\n  font-size: 13px !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: 1.4 !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n#hke08-factory-planning.hke08-block select {\n  padding-right: 36px !important;\n  background-image: linear-gradient(45deg, transparent 50%, var(--hke08-muted) 50%), linear-gradient(135deg, var(--hke08-muted) 50%, transparent 50%) !important;\n  background-position: calc(100% - 17px) 20px, calc(100% - 12px) 20px !important;\n  background-repeat: no-repeat !important;\n  background-size: 5px 5px, 5px 5px !important;\n}\n\n#hke08-factory-planning.hke08-block textarea {\n  min-height: 92px;\n  resize: vertical;\n}\n\n#hke08-factory-planning.hke08-block input::placeholder,\n#hke08-factory-planning.hke08-block textarea::placeholder {\n  color: var(--hke08-muted) !important;\n  opacity: 1;\n}\n\n#hke08-factory-planning.hke08-block input:focus-visible,\n#hke08-factory-planning.hke08-block select:focus-visible,\n#hke08-factory-planning.hke08-block textarea:focus-visible {\n  border-color: var(--hke08-blue-focus) !important;\n  box-shadow: var(--hke08-shadow-focus) !important;\n}\n\n.hke08-input > small {\n  justify-self: start;\n  color: var(--hke08-muted);\n  font-family: var(--hke08-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  line-height: 1.4;\n}\n\n.hke08-input > small[data-state=\"recorded\"] {\n  color: var(--hke08-blue);\n}\n\n.hke08-site-pack {\n  display: grid;\n  grid-template-columns: minmax(0, 1.18fr) minmax(350px, 0.82fr);\n  gap: 22px;\n  margin-top: 22px;\n}\n\n.hke08-site-inputs,\n.hke08-coordination {\n  min-width: 0;\n  border: 1px solid var(--hke08-line);\n  border-radius: 12px;\n  background: var(--hke08-surface);\n}\n\n.hke08-site-inputs {\n  padding: 28px 30px 30px;\n}\n\n.hke08-site-inputs header,\n.hke08-coordination header {\n  margin-bottom: 22px;\n}\n\n.hke08-site-fields {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.hke08-site-fields label {\n  display: grid;\n  min-width: 0;\n  align-content: start;\n  gap: 8px;\n}\n\n.hke08-coordination {\n  padding: 28px 30px 26px;\n  background: var(--hke08-surface-soft);\n}\n\n.hke08-coordination-columns {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  overflow: hidden;\n  border: 1px solid var(--hke08-line);\n  border-radius: 8px;\n  background: var(--hke08-surface);\n}\n\n.hke08-coordination-columns section {\n  min-width: 0;\n  padding: 20px;\n}\n\n.hke08-coordination-columns section + section {\n  border-left: 1px solid var(--hke08-line);\n}\n\n.hke08-coordination h4 {\n  margin-bottom: 13px;\n  color: var(--hke08-navy);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.hke08-coordination li {\n  position: relative;\n  padding-left: 16px;\n  color: var(--hke08-text);\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.hke08-coordination li + li {\n  margin-top: 8px;\n}\n\n.hke08-coordination li::before {\n  position: absolute;\n  top: 0.68em;\n  left: 0;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--hke08-blue);\n  content: \"\";\n}\n\n.hke08-coordination > p {\n  margin-top: 17px;\n  padding-top: 15px;\n  border-top: 1px solid var(--hke08-line);\n  color: var(--hke08-muted);\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.hke08-handoff {\n  display: grid;\n  grid-template-columns: minmax(205px, 0.68fr) minmax(0, 1.42fr) minmax(236px, 0.72fr);\n  align-items: stretch;\n  overflow: hidden;\n  margin-top: 22px;\n  border-radius: 12px;\n  background: var(--hke08-dark);\n  color: var(--hke08-white);\n}\n\n.hke08-handoff > div {\n  display: grid;\n  min-width: 0;\n  align-content: center;\n  padding: 26px 28px;\n}\n\n.hke08-handoff > div + div {\n  border-left: 1px solid var(--hke08-line-dark);\n}\n\n.hke08-handoff-status > strong {\n  margin-top: 7px;\n  color: var(--hke08-white);\n  font-size: 20px;\n  line-height: 1.25;\n}\n\n.hke08-handoff-status > p {\n  display: grid;\n  gap: 2px;\n  margin-top: 13px;\n}\n\n.hke08-handoff-status b {\n  color: var(--hke08-white);\n  font-size: 12px;\n}\n\n.hke08-handoff-status small,\n.hke08-handoff-actions small {\n  color: var(--hke08-blue-soft);\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke08-handoff-boundary p {\n  margin-top: 7px;\n  color: var(--hke08-white);\n  font-size: 12px;\n  line-height: 1.62;\n}\n\n.hke08-handoff-actions {\n  gap: 9px;\n}\n\n#hke08-factory-planning.hke08-block button,\n#hke08-factory-planning.hke08-block a {\n  font-family: var(--hke08-font) !important;\n  text-transform: none !important;\n}\n\n#hke08-factory-planning.hke08-block button[data-hke08-carry] {\n  appearance: none !important;\n  display: inline-flex !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  min-height: 48px !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin: 0 !important;\n  padding: 0 18px !important;\n  border: 1px solid var(--hke08-orange-dark) !important;\n  border-radius: 8px !important;\n  background-color: var(--hke08-orange) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke08-white) !important;\n  font-family: var(--hke08-font) !important;\n  font-size: 13px !important;\n  font-style: normal !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap !important;\n  cursor: pointer;\n  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;\n}\n\n#hke08-factory-planning.hke08-block button[data-hke08-carry]:hover {\n  border-color: var(--hke08-orange-dark) !important;\n  background-color: var(--hke08-orange-dark) !important;\n  color: var(--hke08-white) !important;\n  transform: translateY(-1px);\n}\n\n#hke08-factory-planning.hke08-block button[data-hke08-carry]:focus-visible,\n#hke08-factory-planning.hke08-block a:focus-visible {\n  outline: 3px solid var(--hke08-blue-focus) !important;\n  outline-offset: 3px;\n}\n\n.hke08-next {\n  display: grid;\n  grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.35fr) minmax(244px, 0.72fr);\n  gap: 0;\n  align-items: stretch;\n  overflow: hidden;\n  margin-top: 22px;\n  border: 1px solid var(--hke08-line);\n  border-radius: 12px;\n  background: var(--hke08-surface);\n}\n\n.hke08-next > * {\n  display: grid;\n  min-width: 0;\n  align-content: center;\n  padding: 26px 28px;\n}\n\n.hke08-next > * + * {\n  border-left: 1px solid var(--hke08-line);\n}\n\n.hke08-next > div p {\n  margin-top: 8px;\n  color: var(--hke08-muted);\n  font-size: 12px;\n  line-height: 1.58;\n}\n\n#hke08-factory-planning.hke08-block a.hke08-knowledge-link,\n#hke08-factory-planning.hke08-block a.hke08-knowledge-link:visited {\n  gap: 5px;\n  background: var(--hke08-surface-soft) !important;\n  color: var(--hke08-navy) !important;\n  text-decoration: none !important;\n}\n\n.hke08-knowledge-link strong {\n  color: var(--hke08-navy);\n  font-size: 16px;\n  line-height: 1.35;\n}\n\n.hke08-knowledge-link small {\n  color: var(--hke08-muted);\n  font-size: 11px;\n  line-height: 1.45;\n}\n\n#hke08-factory-planning.hke08-block a.hke08-next-link,\n#hke08-factory-planning.hke08-block a.hke08-next-link:visited {\n  min-height: 48px;\n  align-self: center;\n  justify-self: center;\n  margin: 18px 22px !important;\n  padding: 0 18px !important;\n  border: 1px solid var(--hke08-line) !important;\n  border-radius: 8px !important;\n  background: var(--hke08-surface) !important;\n  color: var(--hke08-navy) !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  white-space: nowrap !important;\n  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;\n}\n\n#hke08-factory-planning.hke08-block a.hke08-knowledge-link:hover,\n#hke08-factory-planning.hke08-block a.hke08-next-link:hover {\n  border-color: var(--hke08-blue) !important;\n  background: var(--hke08-surface-blue) !important;\n  color: var(--hke08-blue-deep) !important;\n}\n\n@media (max-width: 1100px) {\n  .hke08-intro {\n    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.75fr);\n    gap: 46px;\n  }\n\n  .hke08-context {\n    grid-template-columns: minmax(180px, 0.76fr) minmax(0, 1.35fr) minmax(160px, 0.68fr);\n  }\n\n  .hke08-context > div:last-child {\n    display: none;\n  }\n\n  .hke08-ledger-labels,\n  .hke08-ledger-row {\n    grid-template-columns: minmax(190px, 0.74fr) minmax(0, 1.15fr) minmax(240px, 0.86fr);\n  }\n\n  .hke08-ledger-row,\n  .hke08-ledger-labels {\n    padding-right: 24px;\n    padding-left: 24px;\n  }\n\n  .hke08-review {\n    padding-right: 22px;\n    padding-left: 22px;\n  }\n\n  .hke08-input {\n    padding-left: 22px;\n  }\n\n  .hke08-site-pack {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke08-handoff {\n    grid-template-columns: minmax(190px, 0.68fr) minmax(0, 1.32fr) minmax(220px, 0.76fr);\n  }\n\n  .hke08-next {\n    grid-template-columns: minmax(230px, 0.78fr) minmax(0, 1.22fr);\n  }\n\n  .hke08-next-link {\n    grid-column: 1 \/ -1;\n    width: calc(100% - 44px);\n  }\n\n  .hke08-next > .hke08-next-link {\n    border-top: 1px solid var(--hke08-line) !important;\n    border-left: 0;\n  }\n}\n\n@media (max-width: 900px) {\n  .hke08-section {\n    padding: 72px 20px;\n  }\n\n  .hke08-intro {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 24px;\n    margin-bottom: 38px;\n  }\n\n  .hke08-intro-copy {\n    max-width: 680px;\n  }\n\n  .hke08-context {\n    grid-template-columns: minmax(185px, 0.72fr) minmax(0, 1.4fr);\n  }\n\n  .hke08-context > div:nth-child(3) {\n    display: none;\n  }\n\n  .hke08-ledger-head {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .hke08-ledger-labels {\n    display: none;\n  }\n\n  .hke08-ledger-row {\n    grid-template-columns: minmax(190px, 0.68fr) minmax(0, 1.32fr);\n  }\n\n  .hke08-area {\n    grid-row: 1 \/ span 2;\n    padding-right: 22px;\n  }\n\n  .hke08-review {\n    padding-bottom: 13px;\n    padding-left: 22px;\n    border-right: 0;\n  }\n\n  .hke08-input {\n    padding-top: 0;\n    padding-left: 22px;\n    border-left: 1px solid var(--hke08-line-soft);\n  }\n\n  .hke08-handoff {\n    grid-template-columns: minmax(0, 1fr) minmax(235px, 0.72fr);\n  }\n\n  .hke08-handoff-boundary {\n    grid-column: 1 \/ -1;\n    grid-row: 2;\n    border-top: 1px solid var(--hke08-line-dark);\n    border-left: 0 !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke08-section {\n    padding: 64px 16px;\n    scroll-margin-top: 118px;\n  }\n\n  .hke08-intro h2 {\n    font-size: clamp(2.05rem, 9vw, 2.55rem);\n    line-height: 1.06;\n  }\n\n  .hke08-boundary {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 10px;\n  }\n\n  .hke08-boundary > span {\n    justify-self: start;\n  }\n\n  .hke08-context {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke08-context > div {\n    min-height: 82px;\n    padding: 18px 20px;\n  }\n\n  .hke08-context > div:nth-child(3),\n  .hke08-context > div:last-child {\n    display: grid;\n  }\n\n  .hke08-context > div + div {\n    border-top: 1px solid var(--hke08-line-dark);\n    border-left: 0;\n  }\n\n  .hke08-ledger-head,\n  .hke08-site-inputs,\n  .hke08-coordination {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .hke08-ledger-head h3,\n  .hke08-site-inputs h3,\n  .hke08-coordination h3,\n  .hke08-next h3 {\n    font-size: 22px;\n  }\n\n  .hke08-ledger-row {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 0 20px;\n  }\n\n  .hke08-area {\n    grid-row: auto;\n    padding: 22px 0 15px;\n  }\n\n  .hke08-review {\n    padding: 0 0 16px;\n    border: 0;\n  }\n\n  .hke08-input {\n    padding: 0 0 22px;\n    border: 0;\n  }\n\n  .hke08-site-fields,\n  .hke08-coordination-columns {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke08-coordination-columns section + section {\n    border-top: 1px solid var(--hke08-line);\n    border-left: 0;\n  }\n\n  .hke08-handoff,\n  .hke08-next {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke08-handoff > div,\n  .hke08-next > * {\n    padding: 23px 20px;\n  }\n\n  .hke08-handoff > div + div,\n  .hke08-next > * + * {\n    border-top: 1px solid var(--hke08-line-dark);\n    border-left: 0;\n  }\n\n  .hke08-next > * + * {\n    border-top-color: var(--hke08-line);\n  }\n\n  .hke08-handoff-status,\n  .hke08-handoff-boundary {\n    grid-column: auto;\n    grid-row: auto;\n  }\n\n  .hke08-next-link {\n    grid-column: auto;\n    width: calc(100% - 36px) !important;\n  }\n\n  #hke08-factory-planning.hke08-block a.hke08-next-link,\n  #hke08-factory-planning.hke08-block a.hke08-next-link:visited {\n    margin: 18px !important;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke08-section {\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n\n  .hke08-section-label {\n    gap: 11px;\n    font-size: 9px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke08-intro h2 {\n    font-size: 2rem;\n  }\n\n  .hke08-ledger-head,\n  .hke08-site-inputs,\n  .hke08-coordination,\n  .hke08-ledger-row {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .hke08-handoff > div,\n  .hke08-next > * {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  #hke08-factory-planning.hke08-block button[data-hke08-carry] {\n    font-size: 12px !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke08-block *,\n  .hke08-block *::before,\n  .hke08-block *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<div id=\"hke08-factory-planning\" class=\"hke08-block\">\n  <section id=\"factory\" class=\"hke08-section\" aria-labelledby=\"hke08-title\">\n    <div class=\"hke08-shell\">\n      <header class=\"hke08-intro\">\n        <div class=\"hke08-intro-title\">\n          <p class=\"hke08-section-label\"><span>07<\/span> FACTORY PLANNING<\/p>\n          <h2 id=\"hke08-title\">Plan the Factory Before Finalizing the Equipment<\/h2>\n        <\/div>\n        <div class=\"hke08-intro-copy\">\n          <p>Line dimensions alone are not enough. Operating clearance, utilities, material flow and finished-cable handling belong in the project review.<\/p>\n          <div class=\"hke08-boundary\">\n            <span>PLANNING RULE<\/span>\n            <div>\n              <strong>Site conditions are reviewed against the confirmed equipment scope.<\/strong>\n              <p>Final layout and utility requirements follow approved equipment dimensions, site measurements, material flow and existing interfaces.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <div class=\"hke08-context\" aria-label=\"Carried factory-planning context\">\n        <div>\n          <span>CARRIED CABLE<\/span>\n          <strong data-hke08-context-family>Building Wire<\/strong>\n        <\/div>\n        <div class=\"hke08-context-route\">\n          <span>PRELIMINARY ROUTE TO REVIEW<\/span>\n          <p data-hke08-context-route>Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling<\/p>\n        <\/div>\n        <div>\n          <span>PROJECT TYPE<\/span>\n          <strong data-hke08-context-project>To be confirmed<\/strong>\n        <\/div>\n        <div>\n          <span>AVAILABLE SPACE<\/span>\n          <strong data-hke08-context-space>To be confirmed<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"hke08-ledger\" aria-labelledby=\"hke08-ledger-title\">\n        <header class=\"hke08-ledger-head\">\n          <div>\n            <span>SITE PLANNING REVIEW<\/span>\n            <h3 id=\"hke08-ledger-title\">Record What Is Known at the Factory<\/h3>\n          <\/div>\n          <p>Leave uncertain values blank. Every value remains a project input until the equipment scope and site conditions are jointly reviewed.<\/p>\n        <\/header>\n\n        <div class=\"hke08-ledger-labels\" aria-hidden=\"true\">\n          <span>PLANNING AREA<\/span>\n          <span>REVIEW BASIS<\/span>\n          <span>CURRENT PROJECT INPUT<\/span>\n        <\/div>\n\n        <div class=\"hke08-ledger-rows\" role=\"list\">\n          <article class=\"hke08-ledger-row\" role=\"listitem\" data-hke08-planning-item=\"productionSpace\">\n            <div class=\"hke08-area\">\n              <span>01<\/span>\n              <div><small>LAYOUT<\/small><h4>Production Space<\/h4><\/div>\n            <\/div>\n            <div class=\"hke08-review\">\n              <p>Review equipment length, operator clearance, maintenance access, material movement and the path for installation.<\/p>\n              <small>Exact footprint remains subject to approved equipment dimensions.<\/small>\n            <\/div>\n            <label class=\"hke08-input\">\n              <span>Available line area or layout status<\/span>\n              <input type=\"text\" data-hke08-field=\"productionSpace\" placeholder=\"Length, width or drawing status\" autocomplete=\"off\" \/>\n              <small data-hke08-item-status=\"productionSpace\">TO BE CONFIRMED<\/small>\n            <\/label>\n          <\/article>\n\n          <article class=\"hke08-ledger-row\" role=\"listitem\" data-hke08-planning-item=\"electricalLoad\">\n            <div class=\"hke08-area\">\n              <span>02<\/span>\n              <div><small>POWER<\/small><h4>Electrical Load<\/h4><\/div>\n            <\/div>\n            <div class=\"hke08-review\">\n              <p>Review the site electrical service together with the main equipment and supporting systems in the confirmed scope.<\/p>\n              <small>Connected load, voltage and distribution remain to be confirmed.<\/small>\n            <\/div>\n            <label class=\"hke08-input\">\n              <span>Known electrical service information<\/span>\n              <input type=\"text\" data-hke08-field=\"electricalLoad\" placeholder=\"Voltage or service details, if known\" autocomplete=\"off\" \/>\n              <small data-hke08-item-status=\"electricalLoad\">TO BE CONFIRMED<\/small>\n            <\/label>\n          <\/article>\n\n          <article class=\"hke08-ledger-row\" role=\"listitem\" data-hke08-planning-item=\"coolingWater\">\n            <div class=\"hke08-area\">\n              <span>03<\/span>\n              <div><small>UTILITY<\/small><h4>Cooling Water<\/h4><\/div>\n            <\/div>\n            <div class=\"hke08-review\">\n              <p>Review cooling-water availability where required, especially for extrusion-related equipment and supporting systems.<\/p>\n              <small>Flow, temperature, pressure and treatment are not assumed.<\/small>\n            <\/div>\n            <label class=\"hke08-input\">\n              <span>Site cooling-water status<\/span>\n              <select data-hke08-field=\"coolingWater\">\n                <option>To be confirmed<\/option>\n                <option>Site utility available, details pending<\/option>\n                <option>Site utility provision to review<\/option>\n                <option>Not yet assessed<\/option>\n              <\/select>\n              <small data-hke08-item-status=\"coolingWater\">TO BE CONFIRMED<\/small>\n            <\/label>\n          <\/article>\n\n          <article class=\"hke08-ledger-row\" role=\"listitem\" data-hke08-planning-item=\"compressedAir\">\n            <div class=\"hke08-area\">\n              <span>04<\/span>\n              <div><small>UTILITY<\/small><h4>Compressed Air<\/h4><\/div>\n            <\/div>\n            <div class=\"hke08-review\">\n              <p>Review compressed-air availability only where it is required by the confirmed equipment, handling or control scope.<\/p>\n              <small>Pressure, quality and consumption remain project-specific.<\/small>\n            <\/div>\n            <label class=\"hke08-input\">\n              <span>Site compressed-air status<\/span>\n              <select data-hke08-field=\"compressedAir\">\n                <option>To be confirmed<\/option>\n                <option>Site utility available, details pending<\/option>\n                <option>Site utility provision to review<\/option>\n                <option>Not yet assessed<\/option>\n              <\/select>\n              <small data-hke08-item-status=\"compressedAir\">TO BE CONFIRMED<\/small>\n            <\/label>\n          <\/article>\n\n          <article class=\"hke08-ledger-row\" role=\"listitem\" data-hke08-planning-item=\"materialStorage\">\n            <div class=\"hke08-area\">\n              <span>05<\/span>\n              <div><small>MATERIAL FLOW<\/small><h4>Material Storage<\/h4><\/div>\n            <\/div>\n            <div class=\"hke08-review\">\n              <p>Plan receiving, storage and movement for the confirmed conductor, compounds, reels and other approved production materials.<\/p>\n              <small data-hke08-material-context>Material system remains to be confirmed.<\/small>\n            <\/div>\n            <label class=\"hke08-input\">\n              <span>Storage and incoming-material notes<\/span>\n              <input type=\"text\" data-hke08-field=\"materialStorage\" placeholder=\"Storage area or handling constraints\" autocomplete=\"off\" \/>\n              <small data-hke08-item-status=\"materialStorage\">TO BE CONFIRMED<\/small>\n            <\/label>\n          <\/article>\n\n          <article class=\"hke08-ledger-row\" role=\"listitem\" data-hke08-planning-item=\"finishedCableHandling\">\n            <div class=\"hke08-area\">\n              <span>06<\/span>\n              <div><small>OUTPUT FLOW<\/small><h4>Finished Cable Handling<\/h4><\/div>\n            <\/div>\n            <div class=\"hke08-review\">\n              <p>Plan take-up, reel, drum or coil movement, inspection access and the finished-cable holding area.<\/p>\n              <small>Final handling follows the approved product and packaging requirement.<\/small>\n            <\/div>\n            <label class=\"hke08-input\">\n              <span>Finished-cable handling basis<\/span>\n              <input type=\"text\" data-hke08-field=\"finishedCableHandling\" placeholder=\"Coil, reel, drum or other requirement\" autocomplete=\"off\" \/>\n              <small data-hke08-item-status=\"finishedCableHandling\">TO BE CONFIRMED<\/small>\n            <\/label>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"hke08-site-pack\">\n        <section class=\"hke08-site-inputs\" aria-labelledby=\"hke08-site-inputs-title\">\n          <header>\n            <span>SITE INFORMATION TO PROVIDE<\/span>\n            <h3 id=\"hke08-site-inputs-title\">Complete the Factory Interface Notes<\/h3>\n          <\/header>\n          <div class=\"hke08-site-fields\">\n            <label>\n              <span>Installation and access path<\/span>\n              <input type=\"text\" data-hke08-field=\"installationAccess\" placeholder=\"Door, aisle, lifting or delivery constraints\" autocomplete=\"off\" \/>\n            <\/label>\n            <label>\n              <span>Existing equipment and connection points<\/span>\n              <textarea data-hke08-field=\"existingInterfaces\" placeholder=\"Equipment to retain, replace or connect\"><\/textarea>\n            <\/label>\n            <label>\n              <span>General utilities and installation notes<\/span>\n              <textarea data-hke08-field=\"utilitiesNotes\" placeholder=\"Record known site utility or installation constraints\"><\/textarea>\n            <\/label>\n            <label>\n              <span>Testing, packing and downstream interfaces<\/span>\n              <textarea data-hke08-field=\"downstreamInterfaces\" placeholder=\"Record downstream handling or interface requirements\"><\/textarea>\n            <\/label>\n          <\/div>\n        <\/section>\n\n        <aside class=\"hke08-coordination\" aria-labelledby=\"hke08-coordination-title\">\n          <header>\n            <span>PLANNING RESPONSIBILITY<\/span>\n            <h3 id=\"hke08-coordination-title\">Inputs and Coordination Stay Explicit<\/h3>\n          <\/header>\n          <div class=\"hke08-coordination-columns\">\n            <section>\n              <h4>Customer-site inputs<\/h4>\n              <ul>\n                <li>Site drawing and verified measurements<\/li>\n                <li>Available electrical and utility conditions<\/li>\n                <li>Access, storage and local installation constraints<\/li>\n                <li>Existing equipment and connection points<\/li>\n              <\/ul>\n            <\/section>\n            <section>\n              <h4>HONGKAI coordination<\/h4>\n              <ul>\n                <li>Confirmed equipment dimensions after scope review<\/li>\n                <li>Utility requirements for the agreed equipment scope<\/li>\n                <li>Line arrangement and material-flow coordination<\/li>\n                <li>Proposal-defined installation and interface review<\/li>\n              <\/ul>\n            <\/section>\n          <\/div>\n          <p>Installation, commissioning and training scope is confirmed in the project proposal.<\/p>\n        <\/aside>\n      <\/div>\n\n      <div class=\"hke08-handoff\">\n        <div class=\"hke08-handoff-status\">\n          <span>FACTORY INPUT PACK<\/span>\n          <strong data-hke08-status aria-live=\"polite\">6 planning groups open<\/strong>\n          <p><b data-hke08-summary-family>Building Wire<\/b><small data-hke08-summary-project>Project type to be confirmed<\/small><\/p>\n        <\/div>\n        <div class=\"hke08-handoff-boundary\">\n          <span>ENGINEERING BOUNDARY<\/span>\n          <p>Final factory layout, utility demand, operating clearance, foundations, material flow and installation scope require the approved equipment configuration, actual site measurements and project-interface review.<\/p>\n        <\/div>\n        <div class=\"hke08-handoff-actions\">\n          <button type=\"button\" data-hke08-carry>Carry Factory Inputs to Enquiry<\/button>\n          <small data-hke08-action-note>Stored as a separate factory-planning record.<\/small>\n        <\/div>\n      <\/div>\n\n      <footer class=\"hke08-next\">\n        <a class=\"hke08-knowledge-link\" href=\"#knowledge\" data-hke08-scroll=\"#knowledge\">\n          <span>FACTORY PLANNING GUIDE<\/span>\n          <strong>Explore Cable Factory Planning<\/strong>\n          <small>How to Build a Low-Voltage Cable Factory<\/small>\n        <\/a>\n        <div>\n          <span>NEXT DECISION \/ RESPONSIBILITY<\/span>\n          <h3>Clarify Manufacturing and Integration Responsibility<\/h3>\n          <p>Separate HONGKAI-manufactured equipment, configured systems, specialist machinery and project interfaces.<\/p>\n        <\/div>\n        <a class=\"hke08-next-link\" href=\"#integration\" data-hke08-scroll=\"#integration\">Continue to Manufacturing &amp; Integration<\/a>\n      <\/footer>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const STORAGE_KEY = \"hkeElectricalFactoryPlanningV1\";\n  const FAMILY_IDS = [\"building\", \"thhn\", \"flexible\", \"control\", \"lv\", \"armoured\"];\n  const BOUNDARY = \"Final factory layout, utility demand, operating clearance, foundations, material flow and installation scope are confirmed only after the approved equipment configuration, actual site measurements and project interfaces are reviewed.\";\n  const STAGES = {\n    \"01\": \"Conductor preparation\",\n    \"02\": \"Drawing and annealing\",\n    \"03\": \"Stranding and bunching\",\n    \"04\": \"Insulation extrusion\",\n    \"05\": \"Cabling and laying-up\",\n    \"06\": \"Shielding or armouring\",\n    \"07\": \"Outer sheathing\",\n    \"08\": \"Testing and finished handling\"\n  };\n  const FAMILIES = {\n    building: { label: \"Building Wire\", route: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\" },\n    thhn: { label: \"THHN \/ THWN\", route: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing & finished handling\" },\n    flexible: { label: \"Flexible Cable\", route: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\" },\n    control: { label: \"Control Cable\", route: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing & finished handling\" },\n    lv: { label: \"LV Power Cable\", route: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\" },\n    armoured: { label: \"Armoured Power Cable\", route: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath \u2192 Testing & finished handling\" }\n  };\n  const FIELD_DEFAULTS = {\n    productionSpace: \"\",\n    electricalLoad: \"\",\n    coolingWater: \"To be confirmed\",\n    compressedAir: \"To be confirmed\",\n    materialStorage: \"\",\n    finishedCableHandling: \"\",\n    installationAccess: \"\",\n    existingInterfaces: \"\",\n    utilitiesNotes: \"\",\n    downstreamInterfaces: \"\"\n  };\n  const FIELD_LABELS = {\n    productionSpace: \"Production space\",\n    electricalLoad: \"Electrical load\",\n    coolingWater: \"Cooling water\",\n    compressedAir: \"Compressed air\",\n    materialStorage: \"Material storage\",\n    finishedCableHandling: \"Finished cable handling\",\n    installationAccess: \"Installation and access path\",\n    existingInterfaces: \"Existing equipment and connection points\",\n    utilitiesNotes: \"General utilities and installation notes\",\n    downstreamInterfaces: \"Testing, packing and downstream interfaces\"\n  };\n  const CORE_FIELDS = [\"productionSpace\", \"electricalLoad\", \"coolingWater\", \"compressedAir\", \"materialStorage\", \"finishedCableHandling\"];\n\n  const safeStoredJson = (key) => {\n    try { return JSON.parse(sessionStorage.getItem(key) || \"null\"); }\n    catch (error) { return null; }\n  };\n  const validFamily = (value) => FAMILY_IDS.includes(value) ? value : null;\n  const pending = (value) => {\n    const normalized = String(value || \"\").trim();\n    return !normalized || normalized === \"To be confirmed\" || normalized === \"Not yet assessed\";\n  };\n  const shown = (value, fallback = \"To be confirmed\") => pending(value) ? fallback : String(value).trim();\n  const checkedFamily = () => FAMILY_IDS.find((familyId) => document.getElementById(`hke02-cable-${familyId}`)?.checked) || null;\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const init = (root) => {\n    if (!root || root.dataset.hke08Ready === \"true\") return;\n    root.dataset.hke08Ready = \"true\";\n\n    const liveGuide = window.HKE_ELECTRICAL_SELECTION_GUIDE || null;\n    const liveSolution = window.HKE_ELECTRICAL_SOLUTION_INTEREST || null;\n    const liveBrief = window.HKE_ELECTRICAL_PROJECT_BRIEF || null;\n    const liveProcess = window.HKE_ELECTRICAL_PROCESS_STATE || null;\n    const storedGuide = safeStoredJson(\"hkeElectricalSelectionGuideV1\");\n    const storedSolution = safeStoredJson(\"hkeElectricalSolutionInterestV1\");\n    const storedPlan = safeStoredJson(STORAGE_KEY);\n    const initialSource = liveGuide\n      || liveSolution\n      || liveBrief\n      || liveProcess\n      || (checkedFamily() ? { familyId: checkedFamily() } : null)\n      || storedGuide\n      || storedSolution\n      || storedPlan\n      || { familyId: \"building\" };\n    const initialFamily = validFamily(initialSource.familyId) || \"building\";\n\n    const state = {\n      familyId: initialFamily,\n      guide: validFamily(liveGuide?.familyId) === initialFamily ? liveGuide : validFamily(storedGuide?.familyId) === initialFamily ? storedGuide : null,\n      fallbackSource: initialSource,\n      selectionBasisStatus: liveGuide ? \"Current review basis\" : storedGuide ? \"Stored review basis\" : \"Factory inputs started without a carried selection basis\",\n      carried: false,\n      touched: new Set(),\n      values: { ...FIELD_DEFAULTS }\n    };\n    const fields = [...root.querySelectorAll(\"[data-hke08-field]\")];\n\n    const assignIfKnown = (key, value, force = false) => {\n      if (!(key in FIELD_DEFAULTS)) return;\n      if (state.touched.has(key) && !force) return;\n      if (!pending(value)) state.values[key] = String(value).trim();\n    };\n\n    const guideInput = (guide, key, fallbackKey) => guide?.inputs?.[key] || (fallbackKey ? guide?.[fallbackKey] : null);\n\n    const hydrateGuide = (guide) => {\n      if (!guide || validFamily(guide.familyId) !== state.familyId) return;\n      assignIfKnown(\"productionSpace\", guideInput(guide, \"space\", \"availableSpace\"));\n      assignIfKnown(\"finishedCableHandling\", guideInput(guide, \"handling\", \"finishedHandling\"));\n      assignIfKnown(\"existingInterfaces\", guideInput(guide, \"existing\"));\n      assignIfKnown(\"utilitiesNotes\", guideInput(guide, \"utilities\"));\n      assignIfKnown(\"downstreamInterfaces\", guideInput(guide, \"downstream\"));\n    };\n\n    hydrateGuide(state.guide);\n    if (storedPlan && validFamily(storedPlan.familyId) === initialFamily && storedPlan.inputs) {\n      Object.keys(FIELD_DEFAULTS).forEach((key) => {\n        const value = storedPlan.inputs[key];\n        if (!pending(value)) {\n          state.values[key] = String(value).trim();\n          state.touched.add(key);\n        }\n      });\n    }\n\n    const familyConfig = () => FAMILIES[state.familyId] || FAMILIES.building;\n    const currentSource = () => state.guide || state.fallbackSource || {};\n    const currentRoute = () => currentSource().preliminaryRoute || familyConfig().route;\n    const currentProjectType = () => {\n      const source = currentSource();\n      return shown(source.inputs?.projectType || source.projectIntent || source.factoryContext || source.goal);\n    };\n    const materialContext = () => {\n      const source = currentSource();\n      return {\n        conductorMaterial: shown(source.conductorMaterial || source.inputs?.conductor),\n        insulationMaterial: shown(source.insulationMaterial || source.inputs?.insulation),\n        outerCovering: shown(source.outerCovering || source.inputs?.covering)\n      };\n    };\n    const routeStageGroups = () => {\n      const source = currentSource();\n      if (Array.isArray(source.stageGroupsToReview) && source.stageGroupsToReview.length) {\n        return source.stageGroupsToReview.map((stage) => ({ ...stage }));\n      }\n      const activeIds = Array.isArray(source.activeStageIds) ? source.activeStageIds : [];\n      return activeIds.filter((id) => STAGES[id]).map((id) => ({ id, name: STAGES[id], status: \"In preliminary route\" }));\n    };\n    const equipmentScope = () => Array.isArray(currentSource().equipmentScopeToReview)\n      ? currentSource().equipmentScopeToReview.map((item) => ({ ...item }))\n      : [];\n\n    const currentPlan = () => {\n      const family = familyConfig();\n      const missingFields = Object.keys(FIELD_DEFAULTS).filter((key) => pending(state.values[key]));\n      const planningItems = CORE_FIELDS.map((key) => ({\n        id: key.replace(\/[A-Z]\/g, (letter) => `-${letter.toLowerCase()}`),\n        label: FIELD_LABELS[key],\n        value: shown(state.values[key]),\n        status: pending(state.values[key]) ? \"To be confirmed\" : \"Input recorded\"\n      }));\n      return {\n        version: 1,\n        familyId: state.familyId,\n        family: family.label,\n        preliminaryRoute: currentRoute(),\n        projectType: currentProjectType(),\n        selectionBasisStatus: state.selectionBasisStatus,\n        inputs: Object.fromEntries(Object.entries(state.values).map(([key, value]) => [key, shown(value)])),\n        materialContext: materialContext(),\n        routeStageGroups: routeStageGroups(),\n        equipmentScopeToReview: equipmentScope(),\n        planningItems,\n        stillToConfirm: missingFields.map((key) => FIELD_LABELS[key]),\n        source: {\n          selectionGuideVersion: state.guide?.version || null,\n          selectionGuideFamilyId: validFamily(state.guide?.familyId)\n        },\n        boundary: BOUNDARY\n      };\n    };\n\n    const formatPlan = (plan) => {\n      const lines = [\n        `Cable family: ${plan.family}`,\n        `Preliminary route: ${plan.preliminaryRoute}`,\n        `Project type: ${plan.projectType}`,\n        `Selection basis: ${plan.selectionBasisStatus}`,\n        `Production space: ${plan.inputs.productionSpace}`,\n        `Electrical service or load information: ${plan.inputs.electricalLoad}`,\n        `Cooling water: ${plan.inputs.coolingWater}`,\n        `Compressed air: ${plan.inputs.compressedAir}`,\n        `Material storage: ${plan.inputs.materialStorage}`,\n        `Finished cable handling: ${plan.inputs.finishedCableHandling}`,\n        `Installation and access path: ${plan.inputs.installationAccess}`,\n        `Existing equipment and connection points: ${plan.inputs.existingInterfaces}`,\n        `Utilities and installation notes: ${plan.inputs.utilitiesNotes}`,\n        `Testing, packing and downstream interfaces: ${plan.inputs.downstreamInterfaces}`,\n        `Material context for review: ${plan.materialContext.conductorMaterial} \/ ${plan.materialContext.insulationMaterial} \/ ${plan.materialContext.outerCovering}`,\n        `Route stage groups: ${plan.routeStageGroups.length ? plan.routeStageGroups.map((stage) => `${stage.id} ${stage.name}`).join(\"; \") : \"To be confirmed\"}`,\n        `Still to confirm: ${plan.stillToConfirm.length ? plan.stillToConfirm.join(\"; \") : \"Input pack complete for engineering review\"}`,\n        `Boundary: ${plan.boundary}`\n      ];\n      return lines.join(\"\\n\");\n    };\n\n    const syncFields = () => {\n      fields.forEach((field) => {\n        const key = field.dataset.hke08Field;\n        const value = state.values[key];\n        if (typeof value === \"string\" && field.value !== value) field.value = value;\n      });\n    };\n\n    const publish = (plan) => {\n      window.HKE_ELECTRICAL_FACTORY_PLANNING = plan;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-factory-planning\", { detail: plan }));\n    };\n\n    const render = () => {\n      syncFields();\n      const plan = currentPlan();\n      const coreOpen = plan.planningItems.filter((item) => item.status === \"To be confirmed\").length;\n      const totalOpen = plan.stillToConfirm.length;\n      const material = plan.materialContext;\n      const materialCopy = [material.conductorMaterial, material.insulationMaterial, material.outerCovering]\n        .filter((value) => !pending(value));\n\n      setText(root, \"[data-hke08-context-family]\", plan.family);\n      setText(root, \"[data-hke08-context-route]\", plan.preliminaryRoute);\n      setText(root, \"[data-hke08-context-project]\", plan.projectType);\n      setText(root, \"[data-hke08-context-space]\", shown(state.values.productionSpace));\n      setText(root, \"[data-hke08-summary-family]\", plan.family);\n      setText(root, \"[data-hke08-summary-project]\", `${plan.projectType} \u00b7 ${plan.selectionBasisStatus}`);\n      setText(root, \"[data-hke08-material-context]\", materialCopy.length ? `Planning context: ${materialCopy.join(\" \u00b7 \")}. Storage conditions remain to be confirmed.` : \"Material system remains to be confirmed.\");\n      setText(root, \"[data-hke08-status]\", state.carried\n        ? \"Factory inputs carried to project enquiry\"\n        : totalOpen === 0\n          ? \"Input pack complete for engineering review\"\n          : `${totalOpen} planning inputs open`);\n      setText(root, \"[data-hke08-action-note]\", state.carried ? \"Factory planning saved as a separate enquiry record.\" : `${coreOpen} of 6 core planning groups still open.`);\n\n      CORE_FIELDS.forEach((key) => {\n        const status = root.querySelector(`[data-hke08-item-status=\"${key}\"]`);\n        if (!status) return;\n        const isPending = pending(state.values[key]);\n        status.textContent = isPending ? \"TO BE CONFIRMED\" : \"INPUT RECORDED\";\n        status.dataset.state = isPending ? \"pending\" : \"recorded\";\n      });\n      publish(plan);\n    };\n\n    fields.forEach((field) => {\n      const key = field.dataset.hke08Field;\n      const eventName = field.tagName === \"SELECT\" ? \"change\" : \"input\";\n      field.addEventListener(eventName, () => {\n        state.touched.add(key);\n        state.values[key] = field.value;\n        state.carried = false;\n        render();\n      });\n    });\n\n    const applySelectionGuide = (guide, carried) => {\n      const familyId = validFamily(guide?.familyId);\n      if (!familyId) return;\n      const familyChanged = familyId !== state.familyId;\n      state.familyId = familyId;\n      state.guide = guide;\n      state.fallbackSource = guide;\n      state.selectionBasisStatus = carried ? \"Carried selection basis\" : \"Current review basis\";\n      state.carried = false;\n      if (familyChanged) {\n        state.values = { ...FIELD_DEFAULTS };\n        state.touched.clear();\n      }\n      hydrateGuide(guide);\n      render();\n    };\n\n    window.addEventListener(\"hke:electrical-selection-guide\", (event) => applySelectionGuide(event.detail, false));\n    window.addEventListener(\"hke:electrical-selection-guide-carried\", (event) => applySelectionGuide(event.detail, true));\n\n    root.querySelector(\"[data-hke08-carry]\")?.addEventListener(\"click\", () => {\n      const plan = currentPlan();\n      try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(plan)); } catch (error) { \/* Storage is optional. *\/ }\n      const serialized = formatPlan(plan);\n      document.querySelectorAll(\"[data-hke-electrical-factory-planning-input]\").forEach((field) => {\n        field.value = serialized;\n        field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      });\n      state.carried = true;\n      render();\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-factory-planning-carried\", { detail: currentPlan() }));\n      const target = document.querySelector(\"#enquiry\");\n      if (target) {\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        const behavior = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\";\n        window.scrollTo({ top, behavior });\n        history.replaceState(null, \"\", \"#enquiry\");\n      }\n    });\n\n    root.querySelectorAll(\"[data-hke08-scroll]\").forEach((control) => {\n      control.addEventListener(\"click\", (event) => {\n        const selector = control.dataset.hke08Scroll;\n        const target = selector ? document.querySelector(selector) : null;\n        if (!target) return;\n        event.preventDefault();\n        const offset = window.innerWidth <= 620 ? 118 : 148;\n        const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n        const behavior = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\";\n        window.scrollTo({ top, behavior });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    render();\n  };\n\n  const start = () => document.querySelectorAll(\".hke08-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a28a386 e-con e-atomic-element e-flexbox-base e-a28a386-462e223 \" data-id=\"a28a386\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a28a386\" data-e-type=\"e-flexbox\" data-id=\"a28a386\">\n    \t\t<div class=\"elementor-element elementor-element-e051eca elementor-widget elementor-widget-html\" data-id=\"e051eca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 09 \/ VISUAL BLOCK 10\n     Elementor one-widget handoff: scoped CSS + HTML + JS. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=matte-navy+signal-blue \u00b7 B=roboto+mono-meta\n * C=coordination-beam+compact-three-source-ledger \u00b7 D=context-sync+scope-carry\n * E=proposal-provenance-plate \u00b7 SOUL=5 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke09-block),\n.elementor-widget-html:has(.hke09-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke09-preview-body),\nbody.hke09-preview-body {\n  overflow-x: clip;\n}\n\n.hke09-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke09-block {\n  --hke09-bg: #0b1426;\n  --hke09-surface: #111f36;\n  --hke09-surface-raised: #142640;\n  --hke09-surface-deep: #0e1a2e;\n  --hke09-surface-blue: #15335a;\n  --hke09-blue: #77b8ed;\n  --hke09-blue-strong: #2f8fd8;\n  --hke09-blue-focus: #8ac9fa;\n  --hke09-orange: #e16a47;\n  --hke09-orange-dark: #c9583d;\n  --hke09-text: #eaf2f9;\n  --hke09-muted: #a8bbcc;\n  --hke09-muted-soft: #859bb0;\n  --hke09-paper: #f9fcff;\n  --hke09-paper-soft: #edf5fb;\n  --hke09-ink: #102a43;\n  --hke09-ink-muted: #60778d;\n  --hke09-line: rgba(225, 238, 249, 0.17);\n  --hke09-line-strong: rgba(225, 238, 249, 0.28);\n  --hke09-line-blue: rgba(119, 184, 237, 0.34);\n  --hke09-line-paper: rgba(16, 42, 67, 0.14);\n  --hke09-white: #f7fbfe;\n  --hke09-focus-shadow: 0 0 0 3px rgba(138, 201, 250, 0.28);\n  --hke09-font: \"Roboto\", Arial, sans-serif;\n  --hke09-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke09-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke09-text);\n  font-family: var(--hke09-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n.hke09-block,\n.hke09-block *,\n.hke09-block *::before,\n.hke09-block *::after {\n  box-sizing: border-box;\n}\n\n.hke09-block h2,\n.hke09-block h3,\n.hke09-block p,\n.hke09-block ul,\n.hke09-block dl,\n.hke09-block dd {\n  margin: 0;\n}\n\n.hke09-block ul {\n  padding: 0;\n  list-style: none;\n}\n\n.hke09-section {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(82px, 7vw, 104px) 24px;\n  overflow: clip;\n  scroll-margin-top: 150px;\n  border-top: 1px solid var(--hke09-line);\n  border-bottom: 1px solid var(--hke09-line);\n  background: var(--hke09-bg);\n}\n\n.hke09-section::before {\n  position: absolute;\n  z-index: -1;\n  top: -210px;\n  left: 50%;\n  width: 820px;\n  height: 430px;\n  border: 1px solid var(--hke09-line);\n  border-radius: 50%;\n  content: \"\";\n  opacity: 0.3;\n  transform: translateX(-50%) rotate(-7deg);\n  pointer-events: none;\n}\n\n.hke09-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke09-shell));\n  margin: 0 auto;\n}\n\n.hke09-intro {\n  display: grid;\n  max-width: 880px;\n  justify-items: center;\n  margin: 0 auto 48px;\n  text-align: center;\n}\n\n.hke09-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px !important;\n  color: var(--hke09-blue);\n  font-family: var(--hke09-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke09-section-label > span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid var(--hke09-line-blue);\n  border-radius: 7px;\n  background: var(--hke09-surface-blue);\n  color: var(--hke09-white);\n  letter-spacing: 0;\n}\n\n.hke09-intro h2 {\n  min-width: 0;\n  color: var(--hke09-white);\n  font-size: clamp(2.75rem, 4vw, 3.45rem);\n  font-weight: 700;\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n  overflow-wrap: anywhere;\n}\n\n.hke09-intro-copy {\n  max-width: 720px;\n  margin-top: 18px !important;\n  color: var(--hke09-muted);\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.hke09-intro-boundary {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr);\n  gap: 13px;\n  align-items: start;\n  max-width: 610px;\n  margin-top: 25px;\n  padding-top: 22px;\n  border-top: 1px solid var(--hke09-line);\n  text-align: left;\n}\n\n.hke09-intro-boundary > span {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  place-items: center;\n  border: 1px solid var(--hke09-line-blue);\n  border-radius: 50%;\n  color: var(--hke09-blue);\n  font-family: var(--hke09-mono);\n  font-size: 13px;\n}\n\n.hke09-intro-boundary p {\n  color: var(--hke09-muted-soft);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke09-intro-boundary strong {\n  display: block;\n  margin-bottom: 3px;\n  color: var(--hke09-text);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.hke09-responsibility {\n  overflow: clip;\n  border: 1px solid var(--hke09-line-strong);\n  border-radius: 12px;\n  background: var(--hke09-surface-deep);\n}\n\n.hke09-coordination-beam {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 0.72fr);\n  gap: 46px;\n  align-items: center;\n  padding: 24px 28px;\n  border-bottom: 1px solid var(--hke09-line-blue);\n  background: var(--hke09-surface-blue);\n}\n\n.hke09-coordination-beam > div:first-child > span,\n.hke09-source-type,\n.hke09-live-scope > span,\n.hke09-clarity-statement > span,\n.hke09-clarity-definitions > span,\n.hke09-project-context p > span,\n.hke09-source-panel--supporting > div:first-child p > span {\n  display: block;\n  color: var(--hke09-blue);\n  font-family: var(--hke09-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  line-height: 1.35;\n}\n\n.hke09-coordination-beam h3 {\n  margin-top: 7px;\n  color: var(--hke09-white);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: -0.016em;\n  overflow-wrap: anywhere;\n}\n\n.hke09-project-context {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  border-left: 1px solid var(--hke09-line-blue);\n}\n\n.hke09-project-context p {\n  min-width: 0;\n  padding: 3px 0 3px 20px;\n}\n\n.hke09-project-context p + p {\n  border-left: 1px solid var(--hke09-line-blue);\n}\n\n.hke09-project-context strong {\n  display: block;\n  margin-top: 6px;\n  color: var(--hke09-text);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n}\n\n.hke09-source-mosaic {\n  display: grid;\n  grid-template-columns: minmax(0, 1.22fr) repeat(2, minmax(0, 0.89fr));\n  grid-template-areas:\n    \"manufactured configured specialist\"\n    \"supporting supporting supporting\";\n  gap: 1px;\n  background: var(--hke09-line-strong);\n}\n\n.hke09-source-panel {\n  min-width: 0;\n  background: var(--hke09-surface);\n}\n\n.hke09-source-panel--manufactured {\n  grid-area: manufactured;\n  display: flex;\n  min-height: 0;\n  flex-direction: column;\n  padding: 34px 36px 0;\n  background: var(--hke09-surface-raised);\n}\n\n.hke09-source-panel--configured {\n  grid-area: configured;\n}\n\n.hke09-source-panel--specialist {\n  grid-area: specialist;\n}\n\n.hke09-source-panel--configured,\n.hke09-source-panel--specialist {\n  display: flex;\n  min-height: 0;\n  flex-direction: column;\n  padding: 25px 28px 0;\n}\n\n.hke09-source-panel--supporting {\n  grid-area: supporting;\n}\n\n.hke09-source-panel > header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.hke09-source-number {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  flex: 0 0 34px;\n  place-items: center;\n  border: 1px solid var(--hke09-line-blue);\n  border-radius: 6px;\n  color: var(--hke09-blue);\n  font-family: var(--hke09-mono);\n  font-size: 11px;\n}\n\n.hke09-source-panel h3 {\n  color: var(--hke09-white);\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.24;\n  letter-spacing: -0.022em;\n  overflow-wrap: anywhere;\n}\n\n.hke09-source-panel--manufactured h3 {\n  max-width: 520px;\n  font-size: clamp(1.75rem, 2.8vw, 2.5rem);\n  line-height: 1.12;\n  letter-spacing: -0.035em;\n}\n\n.hke09-source-panel > p {\n  max-width: 590px;\n  margin-top: 12px;\n  color: var(--hke09-muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.hke09-source-panel > ul {\n  display: grid;\n  gap: 0;\n  margin-top: 18px;\n  border-top: 1px solid var(--hke09-line);\n}\n\n.hke09-source-panel--manufactured > ul {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.hke09-source-panel > ul li {\n  position: relative;\n  min-height: 45px;\n  padding: 13px 10px 12px 18px;\n  border-bottom: 1px solid var(--hke09-line);\n  color: var(--hke09-text);\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.hke09-source-panel--manufactured > ul li:nth-child(odd) {\n  border-right: 1px solid var(--hke09-line);\n}\n\n.hke09-source-panel > ul li::before {\n  position: absolute;\n  top: 19px;\n  left: 1px;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--hke09-blue-strong);\n  content: \"\";\n}\n\n.hke09-live-scope {\n  margin-top: 18px;\n  padding: 12px 14px;\n  border: 1px solid var(--hke09-line-blue);\n  border-radius: 7px;\n  background: var(--hke09-surface-blue);\n}\n\n.hke09-live-scope p {\n  margin-top: 6px;\n  color: var(--hke09-text);\n  font-size: 11px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n.hke09-source-panel > footer {\n  display: grid;\n  gap: 5px;\n  margin-top: auto;\n  padding: 16px 0 19px;\n  border-top: 1px solid var(--hke09-line);\n}\n\n.hke09-source-panel > footer span {\n  color: var(--hke09-muted-soft);\n  font-family: var(--hke09-mono);\n  font-size: 9px;\n  letter-spacing: 0.11em;\n}\n\n.hke09-source-panel > footer strong {\n  color: var(--hke09-text);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.hke09-source-panel--supporting {\n  display: grid;\n  grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.4fr) minmax(250px, 0.75fr);\n  gap: 28px;\n  align-items: center;\n  padding: 24px 28px;\n  background: var(--hke09-surface-deep);\n}\n\n.hke09-source-panel--supporting > div:first-child {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 13px;\n  align-items: start;\n}\n\n.hke09-source-panel--supporting > div:first-child p > strong {\n  display: block;\n  margin-top: 6px;\n  color: var(--hke09-text);\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.hke09-source-panel--supporting > ul {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin: 0;\n  border: 0;\n}\n\n.hke09-source-panel--supporting > ul li {\n  min-height: 0;\n  padding: 7px 10px;\n  border: 1px solid var(--hke09-line);\n  border-radius: 5px;\n  color: var(--hke09-muted);\n  font-size: 10px;\n}\n\n.hke09-source-panel--supporting > ul li::before {\n  display: none;\n}\n\n.hke09-source-panel--supporting > div:last-child p {\n  color: var(--hke09-muted);\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.hke09-source-panel--supporting small {\n  display: block;\n  margin-top: 7px;\n  color: var(--hke09-blue);\n  font-family: var(--hke09-mono);\n  font-size: 9px;\n  letter-spacing: 0.07em;\n  line-height: 1.45;\n}\n\n.hke09-clarity {\n  display: grid;\n  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);\n  gap: 0;\n  margin-top: 24px;\n  overflow: clip;\n  border: 1px solid var(--hke09-line-paper);\n  border-radius: 12px;\n  background: var(--hke09-paper);\n}\n\n.hke09-clarity-statement,\n.hke09-clarity-definitions {\n  min-width: 0;\n  padding: 32px 34px;\n}\n\n.hke09-clarity-statement {\n  display: flex;\n  flex-direction: column;\n  background: var(--hke09-paper-soft);\n}\n\n.hke09-clarity-statement > span,\n.hke09-clarity-definitions > span {\n  color: var(--hke09-blue-strong);\n}\n\n.hke09-clarity-statement h3 {\n  margin-top: 10px;\n  color: var(--hke09-ink);\n  font-size: clamp(1.75rem, 2.7vw, 2.4rem);\n  font-weight: 700;\n  line-height: 1.13;\n  letter-spacing: -0.035em;\n  overflow-wrap: anywhere;\n}\n\n.hke09-clarity-statement > p {\n  margin-top: 13px;\n  color: var(--hke09-ink-muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.hke09-clarity-definitions {\n  border-left: 1px solid var(--hke09-line-paper);\n}\n\n.hke09-clarity-definitions > h3 {\n  margin-top: 9px;\n  color: var(--hke09-ink);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: -0.016em;\n  overflow-wrap: anywhere;\n}\n\n.hke09-clarity-definitions dl {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  margin-top: 20px;\n  border-top: 1px solid var(--hke09-line-paper);\n  border-left: 1px solid var(--hke09-line-paper);\n}\n\n.hke09-clarity-definitions dl > div {\n  min-width: 0;\n  padding: 13px 14px;\n  border-right: 1px solid var(--hke09-line-paper);\n  border-bottom: 1px solid var(--hke09-line-paper);\n}\n\n.hke09-clarity-definitions dt {\n  color: var(--hke09-blue-strong);\n  font-family: var(--hke09-mono);\n  font-size: 9px;\n  letter-spacing: 0.07em;\n  line-height: 1.35;\n}\n\n.hke09-clarity-definitions dd {\n  margin-top: 6px;\n  color: var(--hke09-ink);\n  font-size: 11px;\n  line-height: 1.45;\n}\n\n.hke09-clarity-definitions > p {\n  margin-top: 18px;\n  color: var(--hke09-ink-muted);\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.hke09-actions {\n  display: grid;\n  gap: 10px;\n  margin-top: auto;\n  padding-top: 28px;\n}\n\n#integration.hke09-block a.hke09-primary,\n#integration.hke09-block a.hke09-secondary,\n#integration.hke09-block a.hke09-primary:visited,\n#integration.hke09-block a.hke09-secondary:visited {\n  display: flex !important;\n  width: 100% !important;\n  min-height: 48px !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 14px !important;\n  margin: 0 !important;\n  padding: 12px 16px !important;\n  border-radius: 8px !important;\n  font-family: var(--hke09-font) !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-align: left !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap !important;\n  appearance: none !important;\n  box-shadow: none !important;\n  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease !important;\n}\n\n#integration.hke09-block a.hke09-primary,\n#integration.hke09-block a.hke09-primary:visited {\n  border: 1px solid var(--hke09-orange) !important;\n  background-color: var(--hke09-orange) !important;\n  background-image: none !important;\n  color: var(--hke09-white) !important;\n}\n\n#integration.hke09-block a.hke09-secondary,\n#integration.hke09-block a.hke09-secondary:visited {\n  border: 1px solid var(--hke09-line-paper) !important;\n  background-color: var(--hke09-paper) !important;\n  background-image: none !important;\n  color: var(--hke09-ink) !important;\n}\n\n#integration.hke09-block a.hke09-primary:hover {\n  border-color: var(--hke09-orange-dark) !important;\n  background-color: var(--hke09-orange-dark) !important;\n  color: var(--hke09-white) !important;\n  transform: translateY(-1px);\n}\n\n#integration.hke09-block a.hke09-secondary:hover {\n  border-color: var(--hke09-blue-strong) !important;\n  background-color: var(--hke09-paper-soft) !important;\n  color: var(--hke09-ink) !important;\n  transform: translateY(-1px);\n}\n\n#integration.hke09-block a.hke09-primary:focus-visible,\n#integration.hke09-block a.hke09-secondary:focus-visible {\n  outline: 2px solid var(--hke09-blue-focus) !important;\n  outline-offset: 3px !important;\n  box-shadow: var(--hke09-focus-shadow) !important;\n}\n\n.hke09-actions > small {\n  color: var(--hke09-ink-muted);\n  font-size: 9px;\n  line-height: 1.5;\n}\n\n@media (max-width: 1099px) {\n  .hke09-section {\n    padding: 76px 20px;\n  }\n\n  .hke09-coordination-beam {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 20px;\n  }\n\n  .hke09-project-context {\n    border-top: 1px solid var(--hke09-line-blue);\n    border-left: 0;\n    padding-top: 17px;\n  }\n\n  .hke09-project-context p:first-child {\n    padding-left: 0;\n  }\n\n  .hke09-source-mosaic {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    grid-template-areas:\n      \"manufactured manufactured\"\n      \"configured specialist\"\n      \"supporting supporting\";\n  }\n\n  .hke09-source-panel--manufactured {\n    min-height: 0;\n  }\n\n  .hke09-source-panel--configured,\n  .hke09-source-panel--specialist {\n    min-height: 0;\n  }\n\n  .hke09-source-panel--supporting {\n    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);\n  }\n\n  .hke09-source-panel--supporting > div:last-child {\n    grid-column: 1 \/ -1;\n    padding-top: 15px;\n    border-top: 1px solid var(--hke09-line);\n  }\n}\n\n@media (max-width: 860px) {\n  .hke09-clarity {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke09-clarity-definitions {\n    border-top: 1px solid var(--hke09-line-paper);\n    border-left: 0;\n  }\n\n  .hke09-actions {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    margin-top: 24px;\n    padding-top: 0;\n  }\n\n  .hke09-actions > small {\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke09-section {\n    padding: 64px 16px;\n    scroll-margin-top: 120px;\n  }\n\n  .hke09-intro {\n    margin-bottom: 38px;\n  }\n\n  .hke09-section-label {\n    align-items: flex-start;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke09-section-label > span {\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n  }\n\n  .hke09-intro h2 {\n    font-size: clamp(2.12rem, 10.6vw, 2.75rem);\n    line-height: 1.06;\n  }\n\n  .hke09-intro-copy {\n    font-size: 15px;\n  }\n\n  .hke09-coordination-beam,\n  .hke09-source-panel--manufactured,\n  .hke09-source-panel--configured,\n  .hke09-source-panel--specialist,\n  .hke09-source-panel--supporting,\n  .hke09-clarity-statement,\n  .hke09-clarity-definitions {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .hke09-project-context {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke09-project-context p {\n    padding-left: 0;\n  }\n\n  .hke09-project-context p + p {\n    margin-top: 13px;\n    padding-top: 13px;\n    border-top: 1px solid var(--hke09-line-blue);\n    border-left: 0;\n  }\n\n  .hke09-source-mosaic {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-areas:\n      \"manufactured\"\n      \"configured\"\n      \"specialist\"\n      \"supporting\";\n  }\n\n  .hke09-source-panel--manufactured,\n  .hke09-source-panel--configured,\n  .hke09-source-panel--specialist {\n    min-height: 0;\n  }\n\n  .hke09-source-panel--manufactured > ul {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke09-source-panel--manufactured > ul li:nth-child(odd) {\n    border-right: 0;\n  }\n\n  .hke09-source-panel--supporting {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .hke09-source-panel--supporting > div:last-child {\n    grid-column: auto;\n  }\n\n  .hke09-clarity-definitions dl {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke09-actions {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke09-actions > small {\n    grid-column: auto;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke09-section {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .hke09-coordination-beam,\n  .hke09-source-panel--manufactured,\n  .hke09-source-panel--configured,\n  .hke09-source-panel--specialist,\n  .hke09-source-panel--supporting,\n  .hke09-clarity-statement,\n  .hke09-clarity-definitions {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  #integration.hke09-block a.hke09-primary,\n  #integration.hke09-block a.hke09-secondary,\n  #integration.hke09-block a.hke09-primary:visited,\n  #integration.hke09-block a.hke09-secondary:visited {\n    padding-right: 13px !important;\n    padding-left: 13px !important;\n    font-size: 11px !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #integration.hke09-block a.hke09-primary,\n  #integration.hke09-block a.hke09-secondary {\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<section id=\"integration\" class=\"hke09-block\" aria-labelledby=\"hke09-title\">\n  <div id=\"hke09-manufacturing-integration\" class=\"hke09-section\">\n    <div class=\"hke09-shell\">\n      <header class=\"hke09-intro\">\n        <p class=\"hke09-section-label\"><span>08<\/span> MANUFACTURING &amp; INTEGRATION<\/p>\n        <h2 id=\"hke09-title\">Manufacturing, Integration and One Project Team<\/h2>\n        <p class=\"hke09-intro-copy\">HONGKAI manufactures equipment within its confirmed scope and coordinates specialist machinery according to the approved cable route and project conditions.<\/p>\n        <div class=\"hke09-intro-boundary\">\n          <span aria-hidden=\"true\">\u2713<\/span>\n          <p><strong>One coordinated project interface<\/strong>Equipment source, contracting entity and responsibility are identified in the project proposal.<\/p>\n        <\/div>\n      <\/header>\n\n      <section class=\"hke09-responsibility\" aria-labelledby=\"hke09-responsibility-title\">\n        <header class=\"hke09-coordination-beam\">\n          <div>\n            <span>PROJECT COORDINATION<\/span>\n            <h3 id=\"hke09-responsibility-title\">Route review, equipment interfaces, proposal scope and project communication<\/h3>\n          <\/div>\n          <div class=\"hke09-project-context\">\n            <p><span>CURRENT CABLE<\/span><strong data-hke09-context-family>To be confirmed<\/strong><\/p>\n            <p><span>FACTORY INPUTS<\/span><strong data-hke09-context-factory aria-live=\"polite\">Planning inputs to be confirmed<\/strong><\/p>\n          <\/div>\n        <\/header>\n\n        <div class=\"hke09-source-mosaic\">\n          <article class=\"hke09-source-panel hke09-source-panel--manufactured\" data-hke09-source=\"manufactured\">\n            <header>\n              <span class=\"hke09-source-number\">01<\/span>\n              <span class=\"hke09-source-type\">HONGKAI MANUFACTURING SCOPE<\/span>\n            <\/header>\n            <h3>Manufactured by HONGKAI<\/h3>\n            <p>Core cable equipment manufactured, assembled or tested by HONGKAI where identified in the confirmed proposal.<\/p>\n            <ul>\n              <li>Confirmed core cable-production equipment<\/li>\n              <li>Electrical control within the agreed equipment scope<\/li>\n              <li>Mechanical assembly for identified HONGKAI equipment<\/li>\n              <li>Factory testing for identified HONGKAI equipment<\/li>\n            <\/ul>\n            <div class=\"hke09-live-scope\"><span>CURRENT ROUTE REVIEW<\/span><p data-hke09-group=\"manufactured\">Scope to confirm<\/p><\/div>\n            <footer><span>RESPONSIBILITY<\/span><strong>Defined item by item in proposal<\/strong><\/footer>\n          <\/article>\n\n          <article class=\"hke09-source-panel hke09-source-panel--configured\" data-hke09-source=\"configured\">\n            <header>\n              <span class=\"hke09-source-number\">02<\/span>\n              <span class=\"hke09-source-type\">CONFIGURED PROJECT SCOPE<\/span>\n            <\/header>\n            <h3>Configured &amp; Supplied by HONGKAI<\/h3>\n            <p>Auxiliary equipment and supporting packages configured for the agreed route and factory interfaces.<\/p>\n            <ul>\n              <li>Auxiliaries, measuring and testing systems<\/li>\n              <li>Pay-off, take-up and related support equipment<\/li>\n            <\/ul>\n            <div class=\"hke09-live-scope\"><span>CURRENT ROUTE REVIEW<\/span><p data-hke09-group=\"configured\">Scope to confirm<\/p><\/div>\n            <footer><span>RESPONSIBILITY<\/span><strong>Supply and interface scope to be confirmed<\/strong><\/footer>\n          <\/article>\n\n          <article class=\"hke09-source-panel hke09-source-panel--specialist\" data-hke09-source=\"specialist\">\n            <header>\n              <span class=\"hke09-source-number\">03<\/span>\n              <span class=\"hke09-source-type\">SPECIALIST MANUFACTURING SCOPE<\/span>\n            <\/header>\n            <h3>Integrated from Specialist Manufacturers<\/h3>\n            <p>Specialist machinery sourced and coordinated where required by the confirmed production route.<\/p>\n            <ul>\n              <li>Specialist processes outside confirmed HONGKAI manufacturing<\/li>\n              <li>Project-specific machinery and testing where required<\/li>\n            <\/ul>\n            <div class=\"hke09-live-scope\"><span>CURRENT ROUTE REVIEW<\/span><p data-hke09-group=\"specialist\">Scope to confirm<\/p><\/div>\n            <footer><span>RESPONSIBILITY<\/span><strong>Source and contractual boundary to be confirmed<\/strong><\/footer>\n          <\/article>\n\n          <aside class=\"hke09-source-panel hke09-source-panel--supporting\" aria-label=\"Supporting systems and customer-side conditions\">\n            <div>\n              <span class=\"hke09-source-number\">04<\/span>\n              <p><span>SUPPORTING SYSTEMS &amp; PROJECT RESOURCES<\/span><strong>Kept separate from the three equipment-source labels<\/strong><\/p>\n            <\/div>\n            <ul>\n              <li>Laboratory and packaging systems<\/li>\n              <li>Cooling, air and factory electrical interfaces<\/li>\n              <li>Tooling, installation resources and site access<\/li>\n              <li>Customer-side utilities and operating conditions<\/li>\n            <\/ul>\n            <div>\n              <p>Supply source and customer-side responsibility remain to be confirmed for each project.<\/p>\n              <small data-hke09-group=\"supporting\">Scope to confirm<\/small>\n            <\/div>\n          <\/aside>\n        <\/div>\n      <\/section>\n\n      <section class=\"hke09-clarity\" aria-labelledby=\"hke09-clarity-title\">\n        <div class=\"hke09-clarity-statement\">\n          <span>CORE PROJECT STATEMENT<\/span>\n          <h3 id=\"hke09-clarity-title\">The right equipment from the right specialists, managed as one complete project.<\/h3>\n          <p>One coordinated project does not mean one factory manufactures every machine.<\/p>\n          <div class=\"hke09-actions\">\n            <a href=\"#enquiry\" class=\"hke09-primary\" data-hke09-carry data-hke09-scroll=\"#enquiry\">Discuss Coordinated Scope <span aria-hidden=\"true\">\u2197<\/span><\/a>\n            <a href=\"#knowledge\" class=\"hke09-secondary\" data-hke09-scroll=\"#knowledge\">Continue to Expert Knowledge <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <small data-hke09-action-note>Responsibility review remains subject to proposal confirmation.<\/small>\n          <\/div>\n        <\/div>\n        <div class=\"hke09-clarity-definitions\">\n          <span>PROPOSAL CLARITY<\/span>\n          <h3>The proposal identifies who supplies, coordinates and remains responsible for each agreed item.<\/h3>\n          <dl>\n            <div><dt>Equipment source<\/dt><dd>Named for each project item<\/dd><\/div>\n            <div><dt>Contracting entity<\/dt><dd>Confirmed in the commercial proposal<\/dd><\/div>\n            <div><dt>Project responsibility<\/dt><dd>Defined against the agreed scope<\/dd><\/div>\n            <div><dt>Installation &amp; service<\/dt><dd>Confirmed before order and delivery<\/dd><\/div>\n          <\/dl>\n          <p>Manufacturing source, warranty, installation, commissioning, training and service boundaries remain subject to the confirmed proposal.<\/p>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const STORAGE_KEY = \"hkeElectricalManufacturingIntegrationV1\";\n  const FAMILY_IDS = [\"building\", \"thhn\", \"flexible\", \"control\", \"lv\", \"armoured\"];\n  const FAMILY_NAMES = {\n    building: \"Building Wire\",\n    thhn: \"THHN \/ THWN\",\n    flexible: \"Flexible Cable\",\n    control: \"Control Cable\",\n    lv: \"LV Power Cable\",\n    armoured: \"Armoured Power Cable\"\n  };\n  const ROUTES = {\n    building: \"Conductor preparation \u2192 Insulation \u2192 Testing \u2192 Coiling\",\n    thhn: \"Drawing \u2192 Stranding \u2192 PVC insulation \u2192 Nylon covering \u2192 Testing & finished handling\",\n    flexible: \"Fine drawing \u2192 Bunching \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\",\n    control: \"Insulation \u2192 Cabling \u2192 Shielding if required \u2192 Sheathing \u2192 Testing & finished handling\",\n    lv: \"Conductor stranding \u2192 Insulation \u2192 Cabling \u2192 Sheathing \u2192 Testing & finished handling\",\n    armoured: \"Conductor \u2192 Insulation \u2192 Cabling \u2192 Inner sheath \u2192 Armouring \u2192 Outer sheath \u2192 Testing & finished handling\"\n  };\n  const GROUPS = [\n    {\n      id: \"manufactured\",\n      label: \"Manufactured by HONGKAI\",\n      description: \"Core equipment manufactured, assembled or tested by HONGKAI where identified in the confirmed proposal.\"\n    },\n    {\n      id: \"configured\",\n      label: \"Configured & Supplied by HONGKAI\",\n      description: \"Auxiliary equipment and packages configured for the agreed route and factory interfaces.\"\n    },\n    {\n      id: \"specialist\",\n      label: \"Integrated from Specialist Manufacturers\",\n      description: \"Specialist machinery sourced and coordinated where required by the confirmed production route.\"\n    },\n    {\n      id: \"supporting\",\n      label: \"Supporting Systems & Project Interfaces\",\n      description: \"Supporting-system source and customer-side responsibility remain subject to proposal confirmation.\"\n    }\n  ];\n  const RESPONSIBILITY_IDS = {\n    \"Manufactured by HONGKAI\": \"manufactured\",\n    \"Configured & Supplied by HONGKAI\": \"configured\",\n    \"Integrated from Specialist Manufacturer\": \"specialist\",\n    \"Integrated from Specialist Manufacturers\": \"specialist\",\n    \"Supporting System\": \"supporting\"\n  };\n  const CONFIRMATION_ITEMS = [\n    \"Equipment source for every agreed stage\",\n    \"Contracting entity\",\n    \"Proposal-defined supply boundary\",\n    \"Supporting-system responsibility\",\n    \"Installation, commissioning and training scope\",\n    \"Factory and downstream interfaces\"\n  ];\n  const BOUNDARY = \"Equipment source, contracting entity and project responsibility are confirmed in every proposal. This review records a preliminary coordination scope and does not confirm supply, contract, installation, commissioning, warranty or service responsibility.\";\n\n  const safeStoredJson = (key) => {\n    try { return JSON.parse(sessionStorage.getItem(key) || \"null\"); }\n    catch (error) { return null; }\n  };\n\n  const validFamily = (value) => FAMILY_IDS.includes(value) ? value : null;\n  const checkedFamily = () => FAMILY_IDS.find((id) => document.getElementById(`hke02-cable-${id}`)?.checked) || null;\n  const familyMatches = (record, familyId) => record && validFamily(record.familyId) === familyId;\n\n  const setText = (root, selector, value) => {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  };\n\n  const stagesFrom = (source) => {\n    if (!source) return [];\n    if (Array.isArray(source.stages) && source.stages.length) return source.stages.map((stage) => ({ ...stage }));\n    if (Array.isArray(source.equipmentScopeToReview) && source.equipmentScopeToReview.length) {\n      return source.equipmentScopeToReview.map((stage, index) => ({\n        number: stage.number || stage.id || String(index + 1).padStart(2, \"0\"),\n        name: stage.name || stage.stage || \"Stage to confirm\",\n        responsibility: stage.responsibility || stage.source || \"To be confirmed\",\n        conditional: Boolean(stage.conditional)\n      }));\n    }\n    return [];\n  };\n\n  const init = (root) => {\n    if (!root || root.dataset.hke09Ready === \"true\") return;\n    root.dataset.hke09Ready = \"true\";\n\n    const liveFactory = window.HKE_ELECTRICAL_FACTORY_PLANNING || null;\n    const liveGuide = window.HKE_ELECTRICAL_SELECTION_GUIDE || null;\n    const liveSolution = window.HKE_ELECTRICAL_SOLUTION_INTEREST || null;\n    const liveBrief = window.HKE_ELECTRICAL_PROJECT_BRIEF || null;\n    const liveProcess = window.HKE_ELECTRICAL_PROCESS_STATE || null;\n    const storedFactory = safeStoredJson(\"hkeElectricalFactoryPlanningV1\");\n    const storedGuide = safeStoredJson(\"hkeElectricalSelectionGuideV1\");\n    const storedSolution = safeStoredJson(\"hkeElectricalSolutionInterestV1\");\n    const storedOwn = safeStoredJson(STORAGE_KEY);\n    const initialSource = [liveFactory, liveGuide, liveSolution, liveBrief, liveProcess]\n      .find((record) => validFamily(record?.familyId)) || null;\n    const initialFamily = validFamily(initialSource?.familyId)\n      || validFamily(checkedFamily())\n      || validFamily(storedFactory?.familyId)\n      || validFamily(storedGuide?.familyId)\n      || validFamily(storedSolution?.familyId)\n      || validFamily(storedOwn?.familyId)\n      || \"building\";\n\n    const state = {\n      familyId: initialFamily,\n      source: initialSource || storedFactory || storedGuide || storedSolution || null,\n      factory: familyMatches(liveFactory, initialFamily) ? liveFactory : familyMatches(storedFactory, initialFamily) ? storedFactory : null,\n      guide: familyMatches(liveGuide, initialFamily) ? liveGuide : familyMatches(storedGuide, initialFamily) ? storedGuide : null,\n      solution: familyMatches(liveSolution, initialFamily) ? liveSolution : familyMatches(storedSolution, initialFamily) ? storedSolution : null,\n      factoryCarried: false,\n      carried: false\n    };\n\n    const matchingStages = () => {\n      const candidates = [\n        window.HKE_ELECTRICAL_SOLUTION_INTEREST,\n        window.HKE_ELECTRICAL_SELECTION_GUIDE,\n        state.solution,\n        state.guide,\n        state.factory\n      ];\n      const source = candidates.find((record) => familyMatches(record, state.familyId) && stagesFrom(record).length);\n      return stagesFrom(source);\n    };\n\n    const currentReview = () => {\n      const source = state.factory || state.source || {};\n      const stages = matchingStages();\n      const grouped = Object.fromEntries(GROUPS.map((group) => [group.id, []]));\n      const pendingResponsibilityItems = [];\n\n      stages.forEach((stage, index) => {\n        const id = RESPONSIBILITY_IDS[stage.responsibility];\n        const item = {\n          number: stage.number || stage.id || String(index + 1).padStart(2, \"0\"),\n          name: stage.name || stage.stage || \"Stage to confirm\",\n          conditional: Boolean(stage.conditional),\n          source: stage.responsibility || \"To be confirmed\"\n        };\n        if (id) grouped[id].push(item);\n        else pendingResponsibilityItems.push(item);\n      });\n\n      const openInputs = Array.isArray(state.factory?.stillToConfirm) ? state.factory.stillToConfirm.length : null;\n      const interest = familyMatches(state.solution, state.familyId)\n        ? state.solution.reviewedEquipmentInterest || null\n        : null;\n\n      return {\n        version: 1,\n        familyId: state.familyId,\n        family: source.family || FAMILY_NAMES[state.familyId],\n        preliminaryRoute: source.preliminaryRoute || ROUTES[state.familyId],\n        discussionFocus: \"complete\",\n        upstreamStatus: state.factoryCarried ? \"Carried factory input pack\" : state.factory ? \"Current factory planning context\" : \"Factory planning context to confirm\",\n        responsibilityGroups: GROUPS.map((group) => ({\n          ...group,\n          status: grouped[group.id].length ? \"Preliminary scope from current route\" : \"Scope to confirm\",\n          items: grouped[group.id]\n        })),\n        pendingResponsibilityItems,\n        reviewedEquipmentInterest: interest,\n        factoryContext: {\n          projectType: state.factory?.projectType || state.guide?.projectIntent || \"To be confirmed\",\n          openInputCount: openInputs,\n          stillToConfirm: Array.isArray(state.factory?.stillToConfirm) ? [...state.factory.stillToConfirm] : []\n        },\n        responsibilityStillToConfirm: [...CONFIRMATION_ITEMS],\n        boundary: BOUNDARY\n      };\n    };\n\n    const formatReview = (review) => {\n      const lines = [\n        `Cable family: ${review.family}`,\n        `Preliminary route: ${review.preliminaryRoute}`,\n        `Discussion focus: ${review.discussionFocus}`,\n        `Upstream status: ${review.upstreamStatus}`,\n        \"Responsibility review:\"\n      ];\n      review.responsibilityGroups.forEach((group) => {\n        lines.push(`${group.label}: ${group.items.length ? group.items.map((item) => `${item.number} ${item.name}${item.conditional ? \" (as required)\" : \"\"}`).join(\"; \") : \"Scope to confirm\"}`);\n      });\n      lines.push(`Pending responsibility items: ${review.pendingResponsibilityItems.length ? review.pendingResponsibilityItems.map((item) => item.name).join(\"; \") : \"None listed\"}`);\n      lines.push(`Factory inputs still open: ${review.factoryContext.openInputCount === null ? \"To be confirmed\" : review.factoryContext.openInputCount}`);\n      lines.push(`Proposal confirmation items: ${review.responsibilityStillToConfirm.join(\"; \")}`);\n      lines.push(`Boundary: ${review.boundary}`);\n      return lines.join(\"\\n\");\n    };\n\n    const publish = (review) => {\n      window.HKE_ELECTRICAL_MANUFACTURING_INTEGRATION = review;\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-manufacturing-integration\", { detail: review }));\n    };\n\n    const render = () => {\n      const review = currentReview();\n      const factoryCopy = review.factoryContext.openInputCount === null\n        ? \"Planning inputs to be confirmed\"\n        : review.factoryContext.openInputCount === 0\n          ? \"Input pack ready for engineering review\"\n          : `${review.factoryContext.openInputCount} planning inputs open`;\n\n      setText(root, \"[data-hke09-context-family]\", review.family);\n      setText(root, \"[data-hke09-context-factory]\", factoryCopy);\n      review.responsibilityGroups.forEach((group) => {\n        const copy = group.items.length\n          ? group.items.map((item) => `${item.number} ${item.name}${item.conditional ? \" \u00b7 As required\" : \"\"}`).join(\" \u00b7 \")\n          : \"Scope to confirm\";\n        setText(root, `[data-hke09-group=\"${group.id}\"]`, copy);\n      });\n      setText(root, \"[data-hke09-action-note]\", state.carried\n        ? \"Responsibility review carried as a separate enquiry record.\"\n        : \"Responsibility review remains subject to proposal confirmation.\");\n      publish(review);\n      return review;\n    };\n\n    const applyFactoryPlanning = (factory, carried) => {\n      const familyId = validFamily(factory?.familyId);\n      if (!familyId) return;\n      const changed = familyId !== state.familyId;\n      state.familyId = familyId;\n      state.factory = factory;\n      state.source = factory;\n      state.factoryCarried = Boolean(carried);\n      state.carried = false;\n      if (changed) {\n        state.solution = familyMatches(window.HKE_ELECTRICAL_SOLUTION_INTEREST, familyId) ? window.HKE_ELECTRICAL_SOLUTION_INTEREST : null;\n        state.guide = familyMatches(window.HKE_ELECTRICAL_SELECTION_GUIDE, familyId) ? window.HKE_ELECTRICAL_SELECTION_GUIDE : null;\n      }\n      render();\n    };\n\n    window.addEventListener(\"hke:electrical-factory-planning\", (event) => applyFactoryPlanning(event.detail, false));\n    window.addEventListener(\"hke:electrical-factory-planning-carried\", (event) => applyFactoryPlanning(event.detail, true));\n\n    const scrollToTarget = (selector) => {\n      const target = selector ? document.querySelector(selector) : null;\n      if (!target) return false;\n      const offset = window.innerWidth <= 620 ? 118 : 148;\n      const top = Math.max(0, target.getBoundingClientRect().top + window.scrollY - offset);\n      const behavior = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ? \"auto\" : \"smooth\";\n      window.scrollTo({ top, behavior });\n      history.replaceState(null, \"\", selector);\n      return true;\n    };\n\n    root.querySelector(\"[data-hke09-carry]\")?.addEventListener(\"click\", (event) => {\n      event.preventDefault();\n      const review = currentReview();\n      try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(review)); } catch (error) { \/* Storage is optional. *\/ }\n      const serialized = formatReview(review);\n      document.querySelectorAll(\"[data-hke-electrical-manufacturing-integration-input]\").forEach((field) => {\n        field.value = serialized;\n        field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      });\n      state.carried = true;\n      const carriedReview = render();\n      window.dispatchEvent(new CustomEvent(\"hke:electrical-manufacturing-integration-carried\", { detail: carriedReview }));\n      scrollToTarget(\"#enquiry\");\n    });\n\n    root.querySelectorAll(\"[data-hke09-scroll]\").forEach((control) => {\n      if (control.hasAttribute(\"data-hke09-carry\")) return;\n      control.addEventListener(\"click\", (event) => {\n        const selector = control.dataset.hke09Scroll;\n        if (!document.querySelector(selector)) return;\n        event.preventDefault();\n        scrollToTarget(selector);\n      });\n    });\n\n    render();\n  };\n\n  const start = () => document.querySelectorAll(\".hke09-block\").forEach(init);\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ea708d1 e-con e-atomic-element e-flexbox-base e-ea708d1-c7fc911 \" data-id=\"ea708d1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea708d1\" data-e-type=\"e-flexbox\" data-id=\"ea708d1\">\n    \t\t<div class=\"elementor-element elementor-element-3ed996f elementor-widget elementor-widget-html\" data-id=\"3ed996f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 10 \/ VISUAL BLOCK 11\n     Elementor one-widget handoff: scoped CSS + static HTML. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=ice-blue-editorial+navy-feature \u00b7 B=roboto+mono-meta\n * C=featured-guide+indexed-reading-ledger \u00b7 D=verified-native-links-only\n * E=technical-field-manual \u00b7 SOUL=5 SPECTACLE=1 DENSITY=7 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke10-block),\n.elementor-widget-html:has(.hke10-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke10-preview-body),\nbody.hke10-preview-body {\n  overflow-x: clip;\n}\n\n.hke10-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke10-block {\n  --hke10-bg: #fbfdff;\n  --hke10-paper: #f4f8fc;\n  --hke10-white: #f8fbfe;\n  --hke10-ink: #102a43;\n  --hke10-ink-soft: #173a59;\n  --hke10-muted: #647b90;\n  --hke10-muted-soft: #7f92a4;\n  --hke10-navy: #102a43;\n  --hke10-navy-deep: #0c2237;\n  --hke10-blue: #1677c8;\n  --hke10-blue-soft: #75b8ef;\n  --hke10-blue-pale: #dcecf9;\n  --hke10-orange: #e16a47;\n  --hke10-orange-dark: #c9583d;\n  --hke10-line: #d4e0eb;\n  --hke10-line-strong: #bfd2e2;\n  --hke10-focus: #4383f0;\n  --hke10-font: \"Roboto\", Arial, sans-serif;\n  --hke10-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke10-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke10-ink);\n  font-family: var(--hke10-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n.hke10-block,\n.hke10-block *,\n.hke10-block *::before,\n.hke10-block *::after {\n  box-sizing: border-box;\n}\n\n.hke10-block h2,\n.hke10-block h3,\n.hke10-block p,\n.hke10-block dl,\n.hke10-block dd {\n  margin: 0;\n}\n\n.hke10-section {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(82px, 7vw, 104px) 24px;\n  overflow: clip;\n  scroll-margin-top: 150px;\n  border-top: 1px solid var(--hke10-line);\n  border-bottom: 1px solid var(--hke10-line);\n  background:\n    linear-gradient(rgba(22, 119, 200, 0.042) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(22, 119, 200, 0.042) 1px, transparent 1px),\n    var(--hke10-bg);\n  background-size: 32px 32px;\n}\n\n.hke10-section::before {\n  position: absolute;\n  z-index: -1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 7px;\n  background: linear-gradient(90deg, var(--hke10-blue) 0 28%, var(--hke10-blue-pale) 28% 100%);\n  content: \"\";\n}\n\n.hke10-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke10-shell));\n  margin: 0 auto;\n}\n\n.hke10-intro {\n  margin-bottom: 46px;\n}\n\n.hke10-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 20px !important;\n  color: var(--hke10-blue);\n  font-family: var(--hke10-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke10-section-label > span:first-child {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid #295cae;\n  border-radius: 7px;\n  background: #173a78;\n  color: var(--hke10-white);\n  letter-spacing: 0;\n}\n\n.hke10-intro-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.13fr) minmax(360px, 0.72fr);\n  gap: clamp(48px, 6vw, 78px);\n  align-items: end;\n}\n\n.hke10-intro-title {\n  min-width: 0;\n}\n\n.hke10-intro-title h2 {\n  max-width: 720px;\n  color: var(--hke10-ink);\n  font-family: var(--hke10-font);\n  font-size: clamp(2.75rem, 4.3vw, 3.78rem);\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -0.047em;\n  text-transform: none;\n  overflow-wrap: anywhere;\n}\n\n.hke10-intro-title p {\n  max-width: 650px;\n  margin-top: 20px;\n  color: var(--hke10-muted);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.hke10-orientation {\n  position: relative;\n  min-width: 0;\n  padding: 26px 28px 27px 31px;\n  overflow: hidden;\n  border: 1px solid var(--hke10-line-strong);\n  border-radius: 10px;\n  background: rgba(248, 251, 254, 0.88);\n  box-shadow: 0 14px 36px rgba(27, 61, 88, 0.075);\n}\n\n.hke10-orientation::before {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 5px;\n  background: var(--hke10-blue);\n  content: \"\";\n}\n\n.hke10-orientation > span,\n.hke10-topic-type,\n.hke10-featured-copy > span,\n.hke10-featured-foot > span,\n.hke10-directory-head > div > span,\n.hke10-row-title > span,\n.hke10-handoff > div > span {\n  display: block;\n  color: var(--hke10-blue);\n  font-family: var(--hke10-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.4;\n}\n\n.hke10-orientation h3 {\n  margin-top: 9px;\n  color: var(--hke10-ink);\n  font-family: var(--hke10-font);\n  font-size: 21px;\n  font-weight: 700;\n  line-height: 1.32;\n  letter-spacing: -0.018em;\n}\n\n.hke10-orientation p {\n  margin-top: 11px;\n  color: var(--hke10-muted);\n  font-size: 13px;\n  line-height: 1.62;\n}\n\n#knowledge.hke10-block a.hke10-primary,\n#knowledge.hke10-block a.hke10-primary:visited {\n  display: inline-flex !important;\n  min-height: 46px;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin: 19px 0 0 !important;\n  padding: 12px 18px !important;\n  border: 1px solid var(--hke10-orange-dark) !important;\n  border-radius: 8px !important;\n  background-color: var(--hke10-orange) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke10-white) !important;\n  font: 700 13px\/1.2 var(--hke10-font) !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;\n}\n\n#knowledge.hke10-block a.hke10-primary:hover {\n  background-color: var(--hke10-orange-dark) !important;\n  transform: translateY(-1px);\n  box-shadow: 0 10px 22px rgba(201, 88, 61, 0.18) !important;\n}\n\n.hke10-library {\n  display: grid;\n  grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n.hke10-visually-hidden {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.hke10-featured {\n  position: relative;\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  padding: 30px;\n  overflow: hidden;\n  border: 1px solid #214768;\n  border-radius: 12px;\n  background:\n    linear-gradient(140deg, rgba(43, 133, 201, 0.17), transparent 42%),\n    var(--hke10-navy);\n  color: var(--hke10-white);\n}\n\n.hke10-featured::after {\n  position: absolute;\n  right: -88px;\n  bottom: -112px;\n  width: 310px;\n  height: 310px;\n  border: 1px solid rgba(117, 184, 239, 0.23);\n  border-radius: 50%;\n  content: \"\";\n  pointer-events: none;\n}\n\n.hke10-featured-head {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr);\n  gap: 15px;\n  align-items: start;\n  padding-bottom: 24px;\n  border-bottom: 1px solid rgba(220, 236, 249, 0.18);\n}\n\n.hke10-featured-number {\n  display: grid;\n  width: 46px;\n  height: 46px;\n  place-items: center;\n  border: 1px solid rgba(117, 184, 239, 0.42);\n  border-radius: 7px;\n  background: rgba(22, 119, 200, 0.19);\n  color: var(--hke10-white);\n  font-family: var(--hke10-mono);\n  font-size: 12px;\n}\n\n.hke10-topic-type {\n  color: var(--hke10-blue-soft);\n}\n\n.hke10-topic-status,\n.hke10-row-title small {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  margin-top: 8px;\n  color: #9db2c5;\n  font-family: var(--hke10-mono);\n  font-size: 8px;\n  font-style: normal;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  line-height: 1.45;\n  text-transform: uppercase;\n}\n\n.hke10-topic-status i,\n.hke10-row-title small i {\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border-radius: 50%;\n  background: #9db2c5;\n}\n\n.hke10-featured-copy {\n  position: relative;\n  z-index: 1;\n  padding: 38px 0 31px;\n}\n\n.hke10-featured-copy > span {\n  color: var(--hke10-blue-soft);\n}\n\n.hke10-featured-copy h3 {\n  max-width: 390px;\n  margin-top: 12px;\n  color: var(--hke10-white);\n  font-family: var(--hke10-font);\n  font-size: clamp(2rem, 3vw, 2.68rem);\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -0.04em;\n  overflow-wrap: anywhere;\n}\n\n.hke10-featured-copy p {\n  max-width: 430px;\n  margin-top: 19px;\n  color: #b9c9d7;\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n.hke10-featured-checks {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  margin: auto 0 0;\n  border-top: 1px solid rgba(220, 236, 249, 0.18);\n}\n\n.hke10-featured-checks > div {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 12px;\n  align-items: center;\n  min-height: 53px;\n  border-bottom: 1px solid rgba(220, 236, 249, 0.14);\n}\n\n.hke10-featured-checks dt {\n  color: var(--hke10-blue-soft);\n  font-family: var(--hke10-mono);\n  font-size: 10px;\n}\n\n.hke10-featured-checks dd {\n  color: #d8e5ef;\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.hke10-featured-foot {\n  position: relative;\n  z-index: 1;\n  margin-top: 28px;\n  padding: 18px;\n  border: 1px solid rgba(117, 184, 239, 0.26);\n  border-radius: 8px;\n  background: rgba(8, 29, 47, 0.56);\n}\n\n.hke10-featured-foot > span {\n  color: var(--hke10-blue-soft);\n}\n\n.hke10-featured-foot strong {\n  display: block;\n  margin-top: 7px;\n  color: var(--hke10-white);\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.hke10-directory {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hke10-line-strong);\n  border-radius: 12px;\n  background: rgba(248, 251, 254, 0.93);\n  box-shadow: 0 16px 42px rgba(27, 61, 88, 0.07);\n}\n\n.hke10-directory-head {\n  display: flex;\n  min-height: 78px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 17px 24px;\n  border-bottom: 1px solid var(--hke10-line-strong);\n  background: #f8fbfe;\n}\n\n.hke10-directory-head > div > span {\n  color: var(--hke10-blue);\n}\n\n.hke10-directory-head h3 {\n  margin-top: 4px;\n  color: var(--hke10-ink);\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.hke10-directory-head > p {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  color: var(--hke10-muted-soft);\n  font-family: var(--hke10-mono);\n  font-size: 9px;\n  letter-spacing: 0.08em;\n  white-space: nowrap;\n}\n\n.hke10-directory-head > p strong {\n  color: var(--hke10-ink);\n  font-size: 25px;\n  font-weight: 700;\n  letter-spacing: -0.04em;\n}\n\n.hke10-topic-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: 48px minmax(210px, 0.83fr) minmax(230px, 1.17fr);\n  gap: 19px;\n  align-items: center;\n  min-height: 132px;\n  padding: 20px 24px;\n  border-bottom: 1px solid var(--hke10-line);\n  background: transparent;\n}\n\n.hke10-topic-row:last-child {\n  border-bottom: 0;\n}\n\n.hke10-topic-row::before {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 3px;\n  background: transparent;\n  content: \"\";\n  transition: background-color 160ms ease;\n}\n\n.hke10-topic-row:hover::before {\n  background: var(--hke10-blue);\n}\n\n.hke10-row-number {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  place-items: center;\n  border: 1px solid var(--hke10-line-strong);\n  border-radius: 7px;\n  background: #f4f8fc;\n  color: var(--hke10-blue);\n  font-family: var(--hke10-mono);\n  font-size: 11px;\n}\n\n.hke10-row-title {\n  min-width: 0;\n}\n\n.hke10-row-title > span {\n  color: var(--hke10-blue);\n}\n\n.hke10-row-title h3 {\n  margin-top: 7px;\n  color: var(--hke10-ink);\n  font-family: var(--hke10-font);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.26;\n  letter-spacing: -0.018em;\n  overflow-wrap: anywhere;\n}\n\n.hke10-row-title small {\n  color: var(--hke10-muted-soft);\n  font-size: 8px;\n}\n\n.hke10-row-title small i {\n  background: var(--hke10-muted-soft);\n}\n\n.hke10-topic-row > p {\n  color: var(--hke10-muted);\n  font-size: 12px;\n  line-height: 1.62;\n}\n\n.hke10-handoff {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 38px;\n  align-items: center;\n  margin-top: 20px;\n  padding: 27px 30px;\n  border: 1px solid #244663;\n  border-radius: 12px;\n  background: var(--hke10-navy-deep);\n  color: var(--hke10-white);\n}\n\n.hke10-handoff > div {\n  min-width: 0;\n}\n\n.hke10-handoff > div > span {\n  color: var(--hke10-blue-soft);\n}\n\n.hke10-handoff h3 {\n  max-width: 720px;\n  margin-top: 8px;\n  color: var(--hke10-white);\n  font-family: var(--hke10-font);\n  font-size: 21px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: -0.02em;\n  overflow-wrap: anywhere;\n}\n\n.hke10-handoff p {\n  max-width: 680px;\n  margin-top: 8px;\n  color: #aabccc;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n#knowledge.hke10-block a.hke10-secondary,\n#knowledge.hke10-block a.hke10-secondary:visited {\n  display: inline-flex !important;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin: 0 !important;\n  padding: 13px 18px !important;\n  border: 1px solid rgba(117, 184, 239, 0.55) !important;\n  border-radius: 8px !important;\n  background-color: rgba(22, 119, 200, 0.13) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke10-white) !important;\n  font: 700 13px\/1.2 var(--hke10-font) !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap;\n  transition: background-color 160ms ease, border-color 160ms ease;\n}\n\n#knowledge.hke10-block a.hke10-secondary:hover {\n  border-color: var(--hke10-blue-soft) !important;\n  background-color: rgba(22, 119, 200, 0.3) !important;\n}\n\n#knowledge.hke10-block a.hke10-primary:focus-visible,\n#knowledge.hke10-block a.hke10-secondary:focus-visible {\n  outline: 3px solid var(--hke10-focus) !important;\n  outline-offset: 3px !important;\n}\n\n@media (max-width: 1080px) {\n  .hke10-intro-grid {\n    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.72fr);\n    gap: 42px;\n  }\n\n  .hke10-library {\n    grid-template-columns: minmax(300px, 0.67fr) minmax(0, 1.33fr);\n  }\n\n  .hke10-featured {\n    padding: 26px;\n  }\n\n  .hke10-topic-row {\n    grid-template-columns: 44px minmax(190px, 0.9fr) minmax(190px, 1.1fr);\n    gap: 15px;\n    padding: 18px 20px;\n  }\n}\n\n@media (max-width: 900px) {\n  .hke10-section {\n    padding: 76px 20px;\n  }\n\n  .hke10-intro-grid,\n  .hke10-library {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke10-intro-title h2,\n  .hke10-intro-title p {\n    max-width: 760px;\n  }\n\n  .hke10-orientation {\n    max-width: 650px;\n  }\n\n  .hke10-featured {\n    min-height: 610px;\n  }\n\n  .hke10-topic-row {\n    grid-template-columns: 48px minmax(230px, 0.86fr) minmax(0, 1.14fr);\n    min-height: 122px;\n    padding: 19px 22px;\n  }\n\n  .hke10-handoff {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 22px;\n  }\n\n  #knowledge.hke10-block a.hke10-secondary,\n  #knowledge.hke10-block a.hke10-secondary:visited {\n    width: fit-content;\n  }\n}\n\n@media (max-width: 680px) {\n  .hke10-section {\n    padding: 64px 16px;\n    scroll-margin-top: 122px;\n    background-size: 28px 28px;\n  }\n\n  .hke10-intro {\n    margin-bottom: 34px;\n  }\n\n  .hke10-section-label {\n    gap: 12px;\n    margin-bottom: 17px !important;\n    font-size: 10px;\n    letter-spacing: 0.13em;\n  }\n\n  .hke10-section-label > span:first-child {\n    width: 42px;\n    height: 42px;\n    flex-basis: 42px;\n  }\n\n  .hke10-intro-grid {\n    gap: 30px;\n  }\n\n  .hke10-intro-title h2 {\n    font-size: clamp(2.2rem, 10vw, 2.62rem);\n    line-height: 1.055;\n  }\n\n  .hke10-intro-title p {\n    margin-top: 17px;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .hke10-orientation {\n    padding: 23px 21px 24px 25px;\n  }\n\n  .hke10-orientation h3 {\n    font-size: 19px;\n  }\n\n  #knowledge.hke10-block a.hke10-primary,\n  #knowledge.hke10-block a.hke10-primary:visited {\n    width: 100%;\n    min-height: 48px;\n  }\n\n  .hke10-featured {\n    min-height: 0;\n    padding: 24px;\n  }\n\n  .hke10-featured-copy {\n    padding: 31px 0 27px;\n  }\n\n  .hke10-featured-copy h3 {\n    font-size: clamp(1.9rem, 8.2vw, 2.36rem);\n  }\n\n  .hke10-featured-checks {\n    margin-top: 0;\n  }\n\n  .hke10-directory-head {\n    min-height: 72px;\n    padding: 16px 18px;\n  }\n\n  .hke10-topic-row {\n    grid-template-columns: 42px minmax(0, 1fr);\n    gap: 12px 14px;\n    min-height: 0;\n    padding: 22px 18px;\n  }\n\n  .hke10-row-number {\n    width: 40px;\n    height: 40px;\n  }\n\n  .hke10-topic-row > p {\n    grid-column: 2;\n  }\n\n  .hke10-handoff {\n    gap: 20px;\n    padding: 24px;\n  }\n\n  .hke10-handoff h3 {\n    font-size: 20px;\n  }\n\n  #knowledge.hke10-block a.hke10-secondary,\n  #knowledge.hke10-block a.hke10-secondary:visited {\n    width: 100%;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke10-section {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .hke10-section-label {\n    align-items: flex-start;\n  }\n\n  .hke10-featured {\n    padding: 21px;\n  }\n\n  .hke10-featured-head {\n    grid-template-columns: 42px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .hke10-featured-number {\n    width: 40px;\n    height: 40px;\n  }\n\n  .hke10-directory-head {\n    align-items: flex-start;\n  }\n\n  .hke10-directory-head > p {\n    flex-direction: column;\n    gap: 0;\n    align-items: flex-end;\n  }\n\n  .hke10-topic-row {\n    padding: 20px 15px;\n  }\n\n  .hke10-handoff {\n    padding: 21px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #knowledge.hke10-block a.hke10-primary,\n  #knowledge.hke10-block a.hke10-secondary,\n  .hke10-topic-row::before {\n    transition: none !important;\n  }\n}\n\n@media print {\n  .hke10-section {\n    padding: 32px 0;\n    background: var(--hke10-white);\n  }\n\n  .hke10-library {\n    display: block;\n  }\n\n  .hke10-featured {\n    margin-bottom: 18px;\n    background: #102a43 !important;\n    print-color-adjust: exact;\n  }\n}\n<\/style>\n\n<section id=\"knowledge\" class=\"hke10-block\" aria-labelledby=\"hke10-title\">\n  <div id=\"hke10-expert-knowledge\" class=\"hke10-section\">\n    <div class=\"hke10-shell\">\n      <header class=\"hke10-intro\">\n        <p class=\"hke10-section-label\"><span>09<\/span><span>EXPERT KNOWLEDGE<\/span><\/p>\n\n        <div class=\"hke10-intro-grid\">\n          <div class=\"hke10-intro-title\">\n            <h2 id=\"hke10-title\">Electrical Cable Manufacturing Knowledge<\/h2>\n            <p>Six focused knowledge entrances support the buyer journey from initial research to a project scope ready for technical discussion.<\/p>\n          <\/div>\n\n          <aside class=\"hke10-orientation\" aria-labelledby=\"hke10-orientation-title\">\n            <span>HOW TO USE THIS SECTION<\/span>\n            <h3 id=\"hke10-orientation-title\">Prepare the right questions before the project discussion.<\/h3>\n            <p>Start with the decision that is holding the project back. Individual guide routes remain subject to final URL verification.<\/p>\n            <a class=\"hke10-primary\" href=\"https:\/\/hkcablemachine.com\/cable-machine-blog\/\">\n              Visit the Knowledge Center <span aria-hidden=\"true\">\u2197<\/span>\n            <\/a>\n          <\/aside>\n        <\/div>\n      <\/header>\n\n      <section class=\"hke10-library\" aria-labelledby=\"hke10-library-title\">\n        <h3 id=\"hke10-library-title\" class=\"hke10-visually-hidden\">Electrical cable manufacturing guide index<\/h3>\n\n        <article class=\"hke10-featured\">\n          <header class=\"hke10-featured-head\">\n            <span class=\"hke10-featured-number\">01<\/span>\n            <div>\n              <span class=\"hke10-topic-type\">FACTORY PLANNING<\/span>\n              <span class=\"hke10-topic-status\"><i aria-hidden=\"true\"><\/i> GUIDE ROUTE PENDING VERIFICATION<\/span>\n            <\/div>\n          <\/header>\n\n          <div class=\"hke10-featured-copy\">\n            <span>START HERE<\/span>\n            <h3>How to Build an Electrical Cable Factory<\/h3>\n            <p>Define the cable range, process route, site inputs, material flow and project interfaces before equipment and layout are confirmed.<\/p>\n          <\/div>\n\n          <dl class=\"hke10-featured-checks\">\n            <div><dt>01<\/dt><dd>Cable range and process route<\/dd><\/div>\n            <div><dt>02<\/dt><dd>Factory space and utilities<\/dd><\/div>\n            <div><dt>03<\/dt><dd>Material and finished-cable flow<\/dd><\/div>\n            <div><dt>04<\/dt><dd>Equipment and responsibility interfaces<\/dd><\/div>\n          <\/dl>\n\n          <footer class=\"hke10-featured-foot\">\n            <span>DECISION OUTCOME<\/span>\n            <strong>A factory-planning brief for engineering review<\/strong>\n          <\/footer>\n        <\/article>\n\n        <div class=\"hke10-directory\">\n          <header class=\"hke10-directory-head\">\n            <div>\n              <span>KNOWLEDGE INDEX<\/span>\n              <h3>Five more questions to review<\/h3>\n            <\/div>\n            <p><strong>06<\/strong> focused topics<\/p>\n          <\/header>\n\n          <article class=\"hke10-topic-row\">\n            <span class=\"hke10-row-number\">02<\/span>\n            <div class=\"hke10-row-title\">\n              <span>SELECTION GUIDE<\/span>\n              <h3>How to Choose a Cable Extrusion Line<\/h3>\n              <small><i aria-hidden=\"true\"><\/i> Guide route pending verification<\/small>\n            <\/div>\n            <p>Review conductor range, cable construction, material system, production target and downstream compatibility before discussing a line configuration.<\/p>\n          <\/article>\n\n          <article class=\"hke10-topic-row\">\n            <span class=\"hke10-row-number\">03<\/span>\n            <div class=\"hke10-row-title\">\n              <span>COMPARISON<\/span>\n              <h3>Rigid Stranding vs Bunching<\/h3>\n              <small><i aria-hidden=\"true\"><\/i> Guide route pending verification<\/small>\n            <\/div>\n            <p>Compare each process against the required conductor construction and approved cable design; neither route is universally preferable.<\/p>\n          <\/article>\n\n          <article class=\"hke10-topic-row\">\n            <span class=\"hke10-row-number\">04<\/span>\n            <div class=\"hke10-row-title\">\n              <span>MATERIALS<\/span>\n              <h3>PVC vs XLPE Cable Insulation<\/h3>\n              <small><i aria-hidden=\"true\"><\/i> Guide route pending verification<\/small>\n            <\/div>\n            <p>Review material-specific processing, temperature control and, where applicable, curing requirements against the approved cable design.<\/p>\n          <\/article>\n\n          <article class=\"hke10-topic-row\">\n            <span class=\"hke10-row-number\">05<\/span>\n            <div class=\"hke10-row-title\">\n              <span>TROUBLESHOOTING<\/span>\n              <h3>Common Cable Extrusion Problems<\/h3>\n              <small><i aria-hidden=\"true\"><\/i> Guide route pending verification<\/small>\n            <\/div>\n            <p>Use visible symptoms to frame checks of materials, tooling, process settings and equipment condition; final diagnosis remains project-specific.<\/p>\n          <\/article>\n\n          <article class=\"hke10-topic-row\">\n            <span class=\"hke10-row-number\">06<\/span>\n            <div class=\"hke10-row-title\">\n              <span>COST &amp; CAPACITY<\/span>\n              <h3>How to Calculate Cable Production Capacity<\/h3>\n              <small><i aria-hidden=\"true\"><\/i> Guide route pending verification<\/small>\n            <\/div>\n            <p>Clarify product mix, size range, target output, shift pattern, changeovers and factory constraints before any capacity calculation is reviewed.<\/p>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <aside class=\"hke10-handoff\" aria-labelledby=\"hke10-handoff-title\">\n        <div>\n          <span>NEXT DECISION \/ REAL MANUFACTURING EVIDENCE<\/span>\n          <h3 id=\"hke10-handoff-title\">Move from planning questions to visible manufacturing and testing evidence.<\/h3>\n          <p>Evidence scope remains separate from unverified customer results or project-case claims.<\/p>\n        <\/div>\n        <a class=\"hke10-secondary\" href=\"#evidence\">\n          Continue to Manufacturing Evidence <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/aside>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3f420ed e-con e-atomic-element e-flexbox-base e-3f420ed-0fd410c \" data-id=\"3f420ed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3f420ed\" data-e-type=\"e-flexbox\" data-id=\"3f420ed\">\n    \t\t<div class=\"elementor-element elementor-element-c635730 elementor-widget elementor-widget-html\" data-id=\"c635730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 11 \/ VISUAL BLOCK 12\n     Elementor one-widget handoff: scoped CSS + HTML + accessible local tabs. Production WordPress is not modified. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=ice-blue-proof-field+navy-records \u00b7 B=roboto+mono-meta\n * C=compact-evidence-index+wide-proof-viewer \u00b7 D=accessible-tab-state\n * E=inspection-workbench \u00b7 SOUL=5 SPECTACLE=2 DENSITY=9 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke11-block),\n.elementor-widget-html:has(.hke11-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke11-preview-body),\nbody.hke11-preview-body {\n  overflow-x: clip;\n}\n\n.hke11-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n.hke11-block {\n  --hke11-bg: #eef5fb;\n  --hke11-paper: #f9fcff;\n  --hke11-paper-soft: #f3f8fc;\n  --hke11-ink: #102a43;\n  --hke11-ink-soft: #21425e;\n  --hke11-muted: #647b90;\n  --hke11-muted-soft: #8193a4;\n  --hke11-navy: #102a43;\n  --hke11-navy-deep: #0c2237;\n  --hke11-blue: #1677c8;\n  --hke11-blue-soft: #75b8ef;\n  --hke11-blue-pale: #d7e9f7;\n  --hke11-orange: #e16a47;\n  --hke11-orange-dark: #c9583d;\n  --hke11-line: #cfdeea;\n  --hke11-line-strong: #b9cfdf;\n  --hke11-focus: #4383f0;\n  --hke11-positive: #2c7750;\n  --hke11-pending: #9a6233;\n  --hke11-font: \"Roboto\", Arial, sans-serif;\n  --hke11-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke11-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke11-ink);\n  font-family: var(--hke11-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n.hke11-block,\n.hke11-block *,\n.hke11-block *::before,\n.hke11-block *::after {\n  box-sizing: border-box;\n}\n\n.hke11-block h2,\n.hke11-block h3,\n.hke11-block h4,\n.hke11-block p,\n.hke11-block dl,\n.hke11-block dd,\n.hke11-block figure,\n.hke11-block ul,\n.hke11-block ol {\n  margin: 0;\n}\n\n.hke11-block img {\n  display: block;\n  margin: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  max-width: none !important;\n}\n\n.hke11-section {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(82px, 7vw, 104px) 24px;\n  overflow: clip;\n  scroll-margin-top: 150px;\n  border-top: 1px solid var(--hke11-line);\n  border-bottom: 1px solid var(--hke11-line);\n  background: var(--hke11-bg);\n}\n\n.hke11-section::before {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  opacity: 0.52;\n  background:\n    linear-gradient(rgba(22, 119, 200, 0.042) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(22, 119, 200, 0.042) 1px, transparent 1px);\n  background-size: 36px 36px;\n  content: \"\";\n  pointer-events: none;\n}\n\n.hke11-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke11-shell));\n  margin: 0 auto;\n}\n\n.hke11-intro {\n  margin-bottom: 46px;\n}\n\n.hke11-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 20px !important;\n  color: var(--hke11-blue);\n  font-family: var(--hke11-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  line-height: 1.35;\n}\n\n.hke11-section-label > span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid #295cae;\n  border-radius: 7px;\n  background: #173a78;\n  color: var(--hke11-paper);\n  letter-spacing: 0;\n}\n\n.hke11-intro-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.13fr) minmax(350px, 0.72fr);\n  gap: clamp(48px, 6vw, 78px);\n  align-items: end;\n}\n\n.hke11-intro-title,\n.hke11-orientation {\n  min-width: 0;\n}\n\n.hke11-intro-title h2 {\n  max-width: 720px;\n  color: var(--hke11-ink);\n  font-family: var(--hke11-font);\n  font-size: clamp(2.75rem, 4.2vw, 3.75rem);\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -0.047em;\n  text-transform: none;\n  overflow-wrap: anywhere;\n}\n\n.hke11-intro-title p {\n  max-width: 660px;\n  margin-top: 20px;\n  color: var(--hke11-muted);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.hke11-orientation {\n  position: relative;\n  padding: 25px 28px 26px 31px;\n  overflow: hidden;\n  border: 1px solid var(--hke11-line-strong);\n  border-radius: 10px;\n  background: rgba(249, 252, 255, 0.9);\n  box-shadow: 0 14px 36px rgba(27, 61, 88, 0.065);\n}\n\n.hke11-orientation::before {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 5px;\n  background: var(--hke11-blue);\n  content: \"\";\n}\n\n.hke11-orientation > span,\n.hke11-explorer-head > div > span,\n.hke11-record-copy > div > span,\n.hke11-case-status > span,\n.hke11-case-group > span,\n.hke11-handoff > div > span {\n  display: block;\n  color: var(--hke11-blue);\n  font-family: var(--hke11-mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.4;\n}\n\n.hke11-orientation h3 {\n  margin-top: 9px;\n  color: var(--hke11-ink);\n  font-size: 21px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: -0.018em;\n}\n\n.hke11-orientation p {\n  margin-top: 11px;\n  color: var(--hke11-muted);\n  font-size: 13px;\n  line-height: 1.62;\n}\n\n.hke11-explorer {\n  overflow: hidden;\n  border: 1px solid var(--hke11-line-strong);\n  border-radius: 12px;\n  background: var(--hke11-paper);\n  box-shadow: 0 18px 48px rgba(24, 59, 87, 0.075);\n}\n\n.hke11-explorer-head {\n  display: flex;\n  min-height: 96px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  padding: 20px 28px;\n  border-bottom: 1px solid var(--hke11-line);\n  background: var(--hke11-paper);\n}\n\n.hke11-explorer-head h3 {\n  max-width: 620px;\n  margin-top: 5px;\n  color: var(--hke11-ink);\n  font-size: 19px;\n  line-height: 1.35;\n  letter-spacing: -0.018em;\n}\n\n.hke11-explorer-head > p {\n  display: grid;\n  grid-template-columns: auto auto;\n  gap: 1px 9px;\n  align-items: baseline;\n  color: var(--hke11-muted);\n  font-family: var(--hke11-mono);\n  font-size: 9px;\n  letter-spacing: 0.07em;\n  text-align: right;\n}\n\n.hke11-explorer-head > p strong {\n  grid-row: 1 \/ 3;\n  color: var(--hke11-ink);\n  font-size: 28px;\n  letter-spacing: -0.04em;\n}\n\n.hke11-explorer-head > p small {\n  color: var(--hke11-pending);\n  font: inherit;\n}\n\n.hke11-explorer-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  grid-template-areas:\n    \"index\"\n    \"viewer\";\n  min-width: 0;\n}\n\n.hke11-viewer {\n  grid-area: viewer;\n  min-width: 0;\n  background: var(--hke11-paper);\n}\n\n.hke11-evidence-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.72fr);\n  min-width: 0;\n  background: var(--hke11-paper);\n}\n\n.hke11-evidence-panel[hidden] {\n  display: none !important;\n}\n\n.hke11-media {\n  min-width: 0;\n  background: var(--hke11-paper-soft);\n}\n\n.hke11-media-stage,\n.hke11-pending-media {\n  display: grid;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  min-height: 0;\n  place-items: center;\n  overflow: hidden;\n  background: #edf3f8;\n}\n\n.hke11-media-stage img {\n  width: 100% !important;\n  height: 100% !important;\n  padding: 18px;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.hke11-media-stage--reference {\n  background: #f4f8fb;\n}\n\n.hke11-media-stage--reference img {\n  padding: 26px;\n}\n\n.hke11-media figcaption {\n  display: flex;\n  min-height: 66px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 14px 22px;\n  border-top: 1px solid var(--hke11-line);\n  background: var(--hke11-navy);\n}\n\n.hke11-media figcaption span {\n  color: var(--hke11-blue-soft);\n  font-family: var(--hke11-mono);\n  font-size: 8px;\n  letter-spacing: 0.11em;\n  line-height: 1.4;\n}\n\n.hke11-media figcaption strong {\n  color: var(--hke11-paper);\n  font-size: 12px;\n  line-height: 1.4;\n  text-align: right;\n}\n\n.hke11-pending-media {\n  position: relative;\n  min-width: 0;\n  align-content: center;\n  justify-items: start;\n  padding: clamp(30px, 6vw, 66px);\n  overflow: hidden;\n  color: var(--hke11-paper);\n  background:\n    linear-gradient(120deg, rgba(22, 119, 200, 0.2), transparent 44%),\n    var(--hke11-navy);\n}\n\n.hke11-pending-media::after {\n  position: absolute;\n  right: -84px;\n  bottom: -108px;\n  width: 320px;\n  height: 320px;\n  border: 1px solid rgba(117, 184, 239, 0.23);\n  border-radius: 50%;\n  content: \"\";\n}\n\n.hke11-pending-media > * {\n  position: relative;\n  z-index: 1;\n}\n\n.hke11-pending-media > span {\n  color: var(--hke11-blue-soft);\n  font-family: var(--hke11-mono);\n  font-size: 10px;\n  letter-spacing: 0.15em;\n}\n\n.hke11-pending-media > strong {\n  display: block;\n  margin-top: 10px;\n  font-size: clamp(2rem, 4vw, 3.25rem);\n  line-height: 1.05;\n  letter-spacing: -0.045em;\n}\n\n.hke11-pending-media > p {\n  max-width: 570px;\n  margin-top: 16px;\n  color: #bed0df;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.hke11-pending-media ol {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 9px;\n  width: 100%;\n  padding: 0;\n  margin-top: 30px;\n  list-style: none;\n  counter-reset: hke11-pending;\n}\n\n.hke11-pending-media li {\n  min-width: 0;\n  padding: 13px;\n  border: 1px solid rgba(117, 184, 239, 0.25);\n  border-radius: 7px;\n  background: rgba(8, 29, 47, 0.45);\n  color: #d4e2ed;\n  font-size: 10px;\n  line-height: 1.45;\n  counter-increment: hke11-pending;\n}\n\n.hke11-pending-media li::before {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--hke11-blue-soft);\n  font-family: var(--hke11-mono);\n  content: \"0\" counter(hke11-pending);\n}\n\n.hke11-record-copy {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 24px;\n  align-content: start;\n  min-height: 0;\n  padding: 27px 26px;\n  border-left: 1px solid var(--hke11-line);\n}\n\n.hke11-record-copy h4 {\n  max-width: 350px;\n  margin-top: 8px;\n  color: var(--hke11-ink);\n  font-size: 22px;\n  line-height: 1.2;\n  letter-spacing: -0.026em;\n}\n\n.hke11-record-copy dl {\n  display: grid;\n  gap: 12px;\n}\n\n.hke11-record-copy dl > div {\n  display: grid;\n  grid-template-columns: 105px minmax(0, 1fr);\n  gap: 14px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--hke11-line);\n}\n\n.hke11-record-copy dl > div:last-child {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n.hke11-record-copy dt {\n  color: var(--hke11-blue);\n  font-family: var(--hke11-mono);\n  font-size: 9px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.hke11-record-copy dd {\n  color: var(--hke11-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.hke11-evidence-index {\n  display: grid;\n  grid-area: index;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n  min-width: 0;\n  border-bottom: 1px solid var(--hke11-line);\n  background: #f3f8fc;\n}\n\n#evidence.hke11-block button.hke11-evidence-tab {\n  appearance: none !important;\n  display: grid !important;\n  position: relative;\n  grid-template-columns: 34px minmax(0, 1fr);\n  grid-template-rows: auto auto;\n  gap: 3px 12px;\n  width: 100% !important;\n  min-width: 0;\n  min-height: 76px;\n  align-content: center;\n  margin: 0 !important;\n  padding: 12px 14px !important;\n  overflow: hidden;\n  border: 0 !important;\n  border-right: 1px solid var(--hke11-line) !important;\n  border-radius: 0 !important;\n  outline: none;\n  background: transparent !important;\n  background-color: transparent !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke11-ink) !important;\n  font-family: var(--hke11-font) !important;\n  font-style: normal !important;\n  text-align: left !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  cursor: pointer;\n  transition: background-color 160ms ease, color 160ms ease;\n}\n\n#evidence.hke11-block button.hke11-evidence-tab:last-child {\n  border-right: 0 !important;\n}\n\n#evidence.hke11-block button.hke11-evidence-tab::before {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 4px;\n  background: transparent;\n  content: \"\";\n}\n\n.hke11-evidence-tab > span {\n  grid-row: 1 \/ 3;\n  align-self: center;\n  color: #3c6b92;\n  font-family: var(--hke11-mono);\n  font-size: 10px;\n}\n\n.hke11-evidence-tab > strong {\n  min-width: 0;\n  color: inherit;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n\n.hke11-evidence-tab > small {\n  color: var(--hke11-muted-soft);\n  font-family: var(--hke11-mono);\n  font-size: 8px;\n  letter-spacing: 0.06em;\n  line-height: 1.35;\n  text-transform: uppercase;\n}\n\n#evidence.hke11-block button.hke11-evidence-tab:hover {\n  background-color: #e8f2fa !important;\n  color: var(--hke11-ink) !important;\n}\n\n#evidence.hke11-block button.hke11-evidence-tab.is-active,\n#evidence.hke11-block button.hke11-evidence-tab[aria-selected=\"true\"] {\n  background-color: var(--hke11-navy) !important;\n  color: var(--hke11-paper) !important;\n}\n\n#evidence.hke11-block button.hke11-evidence-tab.is-active::before,\n#evidence.hke11-block button.hke11-evidence-tab[aria-selected=\"true\"]::before {\n  background: var(--hke11-orange);\n}\n\n#evidence.hke11-block button.hke11-evidence-tab.is-active > span,\n#evidence.hke11-block button.hke11-evidence-tab[aria-selected=\"true\"] > span,\n#evidence.hke11-block button.hke11-evidence-tab.is-active > small,\n#evidence.hke11-block button.hke11-evidence-tab[aria-selected=\"true\"] > small {\n  color: var(--hke11-blue-soft);\n}\n\n#evidence.hke11-block button.hke11-evidence-tab:focus-visible {\n  z-index: 2;\n  outline: 3px solid var(--hke11-focus) !important;\n  outline-offset: -4px;\n}\n\n.hke11-live {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.hke11-cases {\n  display: grid;\n  grid-template-columns: minmax(330px, 0.76fr) minmax(0, 1.24fr);\n  gap: 0;\n  margin-top: 22px;\n  overflow: hidden;\n  border: 1px solid var(--hke11-line-strong);\n  border-radius: 12px;\n  background: var(--hke11-paper);\n  box-shadow: 0 15px 38px rgba(24, 59, 87, 0.055);\n}\n\n.hke11-case-status {\n  min-width: 0;\n  padding: 31px;\n  background: var(--hke11-navy);\n}\n\n.hke11-case-status > span {\n  color: var(--hke11-blue-soft);\n}\n\n.hke11-case-status h3 {\n  max-width: 390px;\n  margin-top: 10px;\n  color: var(--hke11-paper);\n  font-size: 28px;\n  line-height: 1.14;\n  letter-spacing: -0.035em;\n}\n\n.hke11-case-status > p {\n  max-width: 430px;\n  margin-top: 15px;\n  color: #bfd0dd;\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n.hke11-pending-notice {\n  display: grid;\n  grid-template-columns: 11px minmax(0, 1fr);\n  gap: 12px;\n  margin-top: 27px;\n  padding: 17px;\n  border: 1px solid rgba(225, 106, 71, 0.42);\n  border-radius: 8px;\n  background: rgba(9, 31, 50, 0.58);\n}\n\n.hke11-pending-notice i {\n  width: 9px;\n  height: 9px;\n  margin-top: 5px;\n  border-radius: 50%;\n  background: var(--hke11-orange);\n}\n\n.hke11-pending-notice strong,\n.hke11-pending-notice small {\n  display: block;\n}\n\n.hke11-pending-notice strong {\n  color: var(--hke11-paper);\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.hke11-pending-notice small {\n  margin-top: 6px;\n  color: #aebfcc;\n  font-size: 10px;\n  line-height: 1.55;\n}\n\n.hke11-case-ledger {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  min-width: 0;\n}\n\n.hke11-case-group {\n  min-width: 0;\n  padding: 29px 25px;\n  border-right: 1px solid var(--hke11-line);\n}\n\n.hke11-case-group:last-child {\n  border-right: 0;\n}\n\n.hke11-case-group ul {\n  display: grid;\n  padding: 0;\n  margin-top: 18px;\n  list-style: none;\n}\n\n.hke11-case-group li {\n  display: flex;\n  min-height: 45px;\n  align-items: center;\n  gap: 9px;\n  border-bottom: 1px solid var(--hke11-line);\n  color: var(--hke11-ink-soft);\n  font-size: 12px;\n}\n\n.hke11-case-group li::before {\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border: 1px solid var(--hke11-blue);\n  border-radius: 50%;\n  content: \"\";\n}\n\n.hke11-handoff {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 32px;\n  align-items: center;\n  margin-top: 22px;\n  padding: 29px 31px;\n  border: 1px solid #214768;\n  border-radius: 12px;\n  background: var(--hke11-navy);\n}\n\n.hke11-handoff > div > span {\n  color: var(--hke11-blue-soft);\n}\n\n.hke11-handoff h3 {\n  margin-top: 7px;\n  color: var(--hke11-paper);\n  font-size: 23px;\n  line-height: 1.25;\n  letter-spacing: -0.025em;\n}\n\n.hke11-handoff p {\n  max-width: 760px;\n  margin-top: 7px;\n  color: #b9cbd9;\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n#evidence.hke11-block a.hke11-next,\n#evidence.hke11-block a.hke11-next:visited {\n  display: inline-flex !important;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin: 0 !important;\n  padding: 12px 18px !important;\n  border: 1px solid var(--hke11-orange-dark) !important;\n  border-radius: 8px !important;\n  background: var(--hke11-orange) !important;\n  background-color: var(--hke11-orange) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke11-paper) !important;\n  font: 700 13px\/1.2 var(--hke11-font) !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;\n}\n\n#evidence.hke11-block a.hke11-next:hover {\n  background: var(--hke11-orange-dark) !important;\n  background-color: var(--hke11-orange-dark) !important;\n  transform: translateY(-1px);\n  box-shadow: 0 10px 22px rgba(201, 88, 61, 0.2) !important;\n}\n\n#evidence.hke11-block a.hke11-next:focus-visible {\n  outline: 3px solid var(--hke11-focus) !important;\n  outline-offset: 3px;\n}\n\n@media (max-width: 1100px) {\n  .hke11-intro-grid {\n    grid-template-columns: minmax(0, 1fr) minmax(315px, 0.64fr);\n    gap: 42px;\n  }\n\n  .hke11-evidence-index {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab {\n    min-height: 78px;\n    border-right: 1px solid var(--hke11-line) !important;\n    border-bottom: 1px solid var(--hke11-line) !important;\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(3n) {\n    border-right: 0 !important;\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(n + 4) {\n    border-bottom: 0 !important;\n  }\n\n  .hke11-cases {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke11-case-ledger {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .hke11-case-group {\n    padding: 24px 22px;\n    border-right: 1px solid var(--hke11-line);\n    border-bottom: 0;\n  }\n\n  .hke11-case-group:last-child {\n    border-right: 0;\n  }\n\n  .hke11-case-group ul {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 0;\n    margin-top: 14px;\n  }\n}\n\n@media (max-width: 900px) {\n  .hke11-section {\n    padding: 72px 20px;\n    scroll-margin-top: 132px;\n  }\n\n  .hke11-intro-grid,\n  .hke11-cases,\n  .hke11-handoff {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke11-intro-grid {\n    gap: 24px;\n  }\n\n  .hke11-intro-title h2 {\n    font-size: clamp(2.3rem, 7vw, 3.3rem);\n  }\n\n  .hke11-evidence-panel {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke11-record-copy {\n    border-top: 1px solid var(--hke11-line);\n    border-left: 0;\n  }\n\n  .hke11-evidence-index {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .hke11-case-ledger {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .hke11-case-group {\n    padding: 24px 20px;\n    border-right: 1px solid var(--hke11-line);\n    border-bottom: 0;\n  }\n\n  .hke11-case-group:last-child {\n    border-right: 0;\n  }\n\n  .hke11-case-group ul {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 0;\n  }\n\n  .hke11-handoff {\n    gap: 22px;\n  }\n\n  #evidence.hke11-block a.hke11-next {\n    justify-self: start;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke11-section {\n    padding: 64px 16px;\n  }\n\n  .hke11-intro {\n    margin-bottom: 36px;\n  }\n\n  .hke11-section-label {\n    gap: 12px;\n    margin-bottom: 17px !important;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke11-section-label > span {\n    width: 42px;\n    height: 42px;\n    flex-basis: 42px;\n  }\n\n  .hke11-intro-title h2 {\n    font-size: clamp(2.18rem, 9.7vw, 2.62rem);\n    line-height: 1.05;\n  }\n\n  .hke11-intro-title p {\n    margin-top: 16px;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .hke11-orientation {\n    padding: 22px 21px 22px 25px;\n  }\n\n  .hke11-orientation h3 {\n    font-size: 19px;\n  }\n\n  .hke11-explorer-head {\n    display: grid;\n    gap: 16px;\n    padding: 20px;\n  }\n\n  .hke11-explorer-head > p {\n    justify-self: start;\n    text-align: left;\n  }\n\n  .hke11-media-stage,\n  .hke11-pending-media {\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .hke11-media-stage img {\n    padding: 10px;\n  }\n\n  .hke11-media-stage--reference img {\n    padding: 16px;\n  }\n\n  .hke11-media figcaption {\n    display: grid;\n    gap: 5px;\n    min-height: 72px;\n    padding: 13px 16px;\n  }\n\n  .hke11-media figcaption strong {\n    text-align: left;\n  }\n\n  .hke11-pending-media {\n    padding: 28px 22px;\n  }\n\n  .hke11-pending-media ol {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 7px;\n    margin-top: 22px;\n  }\n\n  .hke11-pending-media li {\n    display: grid;\n    grid-template-columns: 28px minmax(0, 1fr);\n    gap: 7px;\n    padding: 10px 12px;\n  }\n\n  .hke11-pending-media li::before {\n    margin-bottom: 0;\n  }\n\n  .hke11-record-copy {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 20px;\n    min-height: 0;\n    padding: 22px 20px 24px;\n  }\n\n  .hke11-record-copy dl > div {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 5px;\n  }\n\n  .hke11-evidence-index {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab,\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(3n),\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(n + 4) {\n    min-height: 68px;\n    padding: 12px 14px !important;\n    border-right: 1px solid var(--hke11-line) !important;\n    border-bottom: 1px solid var(--hke11-line) !important;\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(2n) {\n    border-right: 0 !important;\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(n + 5) {\n    border-bottom: 0 !important;\n  }\n\n  .hke11-cases {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke11-case-status {\n    padding: 25px 22px;\n  }\n\n  .hke11-case-status h3 {\n    font-size: 25px;\n  }\n\n  .hke11-case-ledger {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .hke11-case-group {\n    padding: 22px;\n    border-right: 0;\n    border-bottom: 1px solid var(--hke11-line);\n  }\n\n  .hke11-case-group:last-child {\n    border-bottom: 0;\n  }\n\n  .hke11-handoff {\n    padding: 25px 22px;\n  }\n\n  .hke11-handoff h3 {\n    font-size: 21px;\n  }\n\n  #evidence.hke11-block a.hke11-next,\n  #evidence.hke11-block a.hke11-next:visited {\n    width: 100% !important;\n  }\n}\n\n@media (max-width: 430px) {\n  .hke11-section {\n    padding-inline: 12px;\n  }\n\n  .hke11-explorer,\n  .hke11-cases,\n  .hke11-handoff {\n    border-radius: 10px;\n  }\n\n  .hke11-evidence-tab > small {\n    font-size: 7px;\n  }\n\n  .hke11-media-stage,\n  .hke11-pending-media {\n    aspect-ratio: auto;\n    min-height: 260px;\n  }\n\n  .hke11-record-copy h4 {\n    font-size: 20px;\n  }\n\n  .hke11-case-group li {\n    min-height: 42px;\n  }\n}\n\n@media (max-width: 374px) {\n  .hke11-evidence-index {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab,\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(2n),\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(3n),\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(n + 4),\n  #evidence.hke11-block button.hke11-evidence-tab:nth-child(n + 5) {\n    min-height: 65px;\n    border-right: 0 !important;\n    border-bottom: 1px solid var(--hke11-line) !important;\n  }\n\n  #evidence.hke11-block button.hke11-evidence-tab:last-child {\n    border-bottom: 0 !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hke11-block *,\n  .hke11-block *::before,\n  .hke11-block *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<section id=\"evidence\" class=\"hke11-section hke11-block\" aria-labelledby=\"hke11-title\">\n  <div id=\"hke11-real-evidence\" class=\"hke11-shell\">\n    <header class=\"hke11-intro\">\n      <p class=\"hke11-section-label\"><span>10<\/span> REAL MANUFACTURING EVIDENCE<\/p>\n      <div class=\"hke11-intro-grid\">\n        <div class=\"hke11-intro-title\">\n          <h2 id=\"hke11-title\">Use real evidence where it can be verified<\/h2>\n          <p>Machine, assembly, electrical and production-stage imagery is kept separate from unverified project outcome claims.<\/p>\n        <\/div>\n        <aside class=\"hke11-orientation\" aria-label=\"Evidence publication rule\">\n          <span>EVIDENCE RULE<\/span>\n          <h3>Show what is visible. State what it does not prove.<\/h3>\n          <p>A photograph can support the visible activity, equipment or sample. It does not confirm output, acceptance, customer results or final project scope.<\/p>\n        <\/aside>\n      <\/div>\n    <\/header>\n\n    <section class=\"hke11-explorer\" aria-labelledby=\"hke11-explorer-title\">\n      <div class=\"hke11-explorer-head\">\n        <div>\n          <span>REAL MANUFACTURING &amp; TESTING<\/span>\n          <h3 id=\"hke11-explorer-title\">Review visible production evidence, one record at a time.<\/h3>\n        <\/div>\n        <p><strong>5<\/strong> visible media records <small>1 source record required<\/small><\/p>\n      <\/div>\n\n      <div class=\"hke11-explorer-grid\">\n        <div class=\"hke11-evidence-index\" role=\"tablist\" aria-label=\"Manufacturing evidence records\">\n          <button id=\"hke11-tab-assembly\" class=\"hke11-evidence-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"hke11-panel-assembly\" tabindex=\"0\" data-hke11-tab=\"assembly\"><span>01<\/span><strong>Extruder Assembly<\/strong><small>Visible media<\/small><\/button>\n          <button id=\"hke11-tab-cabinet\" class=\"hke11-evidence-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke11-panel-cabinet\" tabindex=\"-1\" data-hke11-tab=\"cabinet\"><span>02<\/span><strong>Electrical Cabinet<\/strong><small>Visible media<\/small><\/button>\n          <button id=\"hke11-tab-test\" class=\"hke11-evidence-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke11-panel-test\" tabindex=\"-1\" data-hke11-tab=\"test\"><span>03<\/span><strong>Production Test<\/strong><small>Inspection reference<\/small><\/button>\n          <button id=\"hke11-tab-sample\" class=\"hke11-evidence-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke11-panel-sample\" tabindex=\"-1\" data-hke11-tab=\"sample\"><span>04<\/span><strong>Cable Sample<\/strong><small>Structure reference<\/small><\/button>\n          <button id=\"hke11-tab-measurement\" class=\"hke11-evidence-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke11-panel-measurement\" tabindex=\"-1\" data-hke11-tab=\"measurement\"><span>05<\/span><strong>Measurement<\/strong><small>Source required<\/small><\/button>\n          <button id=\"hke11-tab-packing\" class=\"hke11-evidence-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hke11-panel-packing\" tabindex=\"-1\" data-hke11-tab=\"packing\"><span>06<\/span><strong>Packing<\/strong><small>Visible media<\/small><\/button>\n        <\/div>\n\n        <div class=\"hke11-viewer\">\n          <article id=\"hke11-panel-assembly\" class=\"hke11-evidence-panel is-active\" role=\"tabpanel\" aria-labelledby=\"hke11-tab-assembly\" data-hke11-panel=\"assembly\">\n            <figure class=\"hke11-media\">\n              <div class=\"hke11-media-stage\">\n                <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" alt=\"Technicians carrying out mechanical assembly and equipment integration work\" width=\"1600\" height=\"1200\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <\/div>\n              <figcaption><span>MECHANICAL ASSEMBLY \/ EXACT MACHINE TO CONFIRM<\/span><strong>Cable machinery assembly reference<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke11-record-copy\">\n              <div><span>01 \/ EXTRUDER ASSEMBLY<\/span><h4>Mechanical assembly and equipment integration<\/h4><\/div>\n              <dl>\n                <div><dt>Visible scope<\/dt><dd>General cable-machinery assembly and integration work visible in the photograph.<\/dd><\/div>\n                <div><dt>Evidence limit<\/dt><dd>The exact machine is not confirmed as an electrical extruder. The image does not confirm configuration, output or acceptance.<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article id=\"hke11-panel-cabinet\" class=\"hke11-evidence-panel\" role=\"tabpanel\" aria-labelledby=\"hke11-tab-cabinet\" data-hke11-panel=\"cabinet\" hidden>\n            <figure class=\"hke11-media\">\n              <div class=\"hke11-media-stage\">\n                <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" alt=\"Open electrical control cabinet with visible components and wiring\" width=\"2048\" height=\"1536\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <\/div>\n              <figcaption><span>VISIBLE MEDIA \/ CONTEXT TO CONFIRM<\/span><strong>Electrical cabinet and controls reference<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke11-record-copy\">\n              <div><span>02 \/ ELECTRICAL CABINET<\/span><h4>Electrical cabinet and control integration<\/h4><\/div>\n              <dl>\n                <div><dt>Visible scope<\/dt><dd>Cabinet components, protective devices, drives and wiring visible in the photograph.<\/dd><\/div>\n                <div><dt>Evidence limit<\/dt><dd>The image does not confirm an approved electrical design, compliance, project delivery or the final control scope.<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article id=\"hke11-panel-test\" class=\"hke11-evidence-panel\" role=\"tabpanel\" aria-labelledby=\"hke11-tab-test\" data-hke11-panel=\"test\" hidden>\n            <figure class=\"hke11-media\">\n              <div class=\"hke11-media-stage\">\n                <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/07\/Power-test.png\" alt=\"HONGKAI equipment during a power-on electrical inspection\" width=\"2048\" height=\"1146\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <\/div>\n              <figcaption><span>POWER-ON INSPECTION \/ NOT A CABLE TEST RESULT<\/span><strong>Equipment setup and electrical inspection reference<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke11-record-copy\">\n              <div><span>03 \/ PRODUCTION TEST<\/span><h4>Power-on inspection and equipment setup<\/h4><\/div>\n              <dl>\n                <div><dt>Visible scope<\/dt><dd>Electrical power-on inspection and equipment setup visible in the image.<\/dd><\/div>\n                <div><dt>Evidence limit<\/dt><dd>This is not evidence of a finished-cable test, a passed FAT, compliance, calibration or a performance result.<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article id=\"hke11-panel-sample\" class=\"hke11-evidence-panel\" role=\"tabpanel\" aria-labelledby=\"hke11-tab-sample\" data-hke11-panel=\"sample\" hidden>\n            <figure class=\"hke11-media\">\n              <div class=\"hke11-media-stage hke11-media-stage--reference\">\n                <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/08\/buliding-cable-1.png\" alt=\"Building wire conductor and insulation structure reference\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <\/div>\n              <figcaption><span>STRUCTURE REFERENCE \/ NOT CASE EVIDENCE<\/span><strong>Building-wire construction reference<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke11-record-copy\">\n              <div><span>04 \/ CABLE SAMPLE<\/span><h4>Cable construction or finished-sample reference<\/h4><\/div>\n              <dl>\n                <div><dt>Visible scope<\/dt><dd>The artwork shows a conductor and insulation construction reference.<\/dd><\/div>\n                <div><dt>Evidence limit<\/dt><dd>This is not a verified customer sample and does not confirm specification, standard, dimensions or production range.<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article id=\"hke11-panel-measurement\" class=\"hke11-evidence-panel\" role=\"tabpanel\" aria-labelledby=\"hke11-tab-measurement\" data-hke11-panel=\"measurement\" hidden>\n            <div class=\"hke11-pending-media\" role=\"img\" aria-label=\"Measurement image record pending internal verification\">\n              <span>PHOTO RECORD REQUIRED<\/span>\n              <strong>Measurement<\/strong>\n              <p>Provide a real inspection record that shows the instrument, sample and measurement activity without exposing confidential values.<\/p>\n              <ol><li>Instrument and sample visible<\/li><li>Calibration context recorded<\/li><li>Result source and permission<\/li><\/ol>\n            <\/div>\n            <div class=\"hke11-record-copy\">\n              <div><span>05 \/ MEASUREMENT<\/span><h4>Measurement reference<\/h4><\/div>\n              <dl>\n                <div><dt>Required scope<\/dt><dd>A real measurement activity or instrument must be visible and supported by an internal record.<\/dd><\/div>\n                <div><dt>Evidence limit<\/dt><dd>The image does not establish tolerance, calibration status, compliance or an accepted result.<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n\n          <article id=\"hke11-panel-packing\" class=\"hke11-evidence-panel\" role=\"tabpanel\" aria-labelledby=\"hke11-tab-packing\" data-hke11-panel=\"packing\" hidden>\n            <figure class=\"hke11-media\">\n              <div class=\"hke11-media-stage\">\n                <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" alt=\"Protected cable machinery prepared for loading and export handling\" width=\"2048\" height=\"1536\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <\/div>\n              <figcaption><span>VISIBLE MEDIA \/ CONTEXT TO CONFIRM<\/span><strong>Equipment packing preparation reference<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hke11-record-copy\">\n              <div><span>06 \/ PACKING<\/span><h4>Packing and delivery preparation<\/h4><\/div>\n              <dl>\n                <div><dt>Visible scope<\/dt><dd>Wrapped equipment, pallets and workshop packing preparation visible in the photograph.<\/dd><\/div>\n                <div><dt>Evidence limit<\/dt><dd>The image does not confirm shipment, delivery, destination, installation or customer acceptance.<\/dd><\/div>\n              <\/dl>\n            <\/div>\n          <\/article>\n        <\/div>\n\n      <\/div>\n      <p class=\"hke11-live\" aria-live=\"polite\" aria-atomic=\"true\" data-hke11-live>Showing 01, Extruder Assembly.<\/p>\n    <\/section>\n\n    <section class=\"hke11-cases\" aria-labelledby=\"hke11-cases-title\">\n      <div class=\"hke11-case-status\">\n        <span>PROJECT CASE RECORDS<\/span>\n        <h3 id=\"hke11-cases-title\">Verified cases require complete project context.<\/h3>\n        <p>A country name alone is not project evidence. Publish a case only when its source record supports the conditions, scope, challenge, response and result.<\/p>\n        <div class=\"hke11-pending-notice\">\n          <i aria-hidden=\"true\"><\/i>\n          <div><strong>Verified case content pending internal confirmation.<\/strong><small>Customer results, factory acceptance evidence and case details should be published only after internal verification.<\/small><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hke11-case-ledger\" aria-label=\"Required case record fields\">\n        <div class=\"hke11-case-group\"><span>01 \/ PROJECT CONTEXT<\/span><ul><li>Country \/ Region<\/li><li>Customer Type<\/li><li>Target Cable<\/li><li>Conductor Range<\/li><\/ul><\/div>\n        <div class=\"hke11-case-group\"><span>02 \/ EQUIPMENT SCOPE<\/span><ul><li>Project Scope<\/li><li>Machines<\/li><li>Factory Condition<\/li><\/ul><\/div>\n        <div class=\"hke11-case-group\"><span>03 \/ PROJECT RECORD<\/span><ul><li>Challenge<\/li><li>Solution<\/li><li>Result<\/li><\/ul><\/div>\n      <\/div>\n    <\/section>\n\n    <aside class=\"hke11-handoff\" aria-labelledby=\"hke11-handoff-title\">\n      <div>\n        <span>NEXT DECISION \/ BUYER-DECISION FAQ<\/span>\n        <h3 id=\"hke11-handoff-title\">Turn visible evidence into the right project questions.<\/h3>\n        <p>Review equipment scope, materials, factory conditions, installation and training before requesting a confirmed proposal.<\/p>\n      <\/div>\n      <a class=\"hke11-next\" href=\"#faq\">Continue to Buyer-Decision FAQ <span aria-hidden=\"true\">\u2192<\/span><\/a>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const root = document.getElementById(\"hke11-real-evidence\");\n  if (!root || root.dataset.hke11Ready === \"true\") return;\n  root.dataset.hke11Ready = \"true\";\n\n  const tabs = Array.from(root.querySelectorAll(\"[data-hke11-tab]\"));\n  const panels = Array.from(root.querySelectorAll(\"[data-hke11-panel]\"));\n  const live = root.querySelector(\"[data-hke11-live]\");\n  const tablist = root.querySelector('[role=\"tablist\"]');\n\n  function syncOrientation() {\n    if (!tablist) return;\n    tablist.setAttribute(\"aria-orientation\", window.matchMedia(\"(max-width: 374px)\").matches ? \"vertical\" : \"horizontal\");\n  }\n\n  function activate(tab, moveFocus) {\n    const id = tab.dataset.hke11Tab;\n    const index = tabs.indexOf(tab);\n\n    tabs.forEach((item) => {\n      const active = item === tab;\n      item.classList.toggle(\"is-active\", active);\n      item.setAttribute(\"aria-selected\", String(active));\n      item.tabIndex = active ? 0 : -1;\n    });\n\n    panels.forEach((panel) => {\n      const active = panel.dataset.hke11Panel === id;\n      panel.hidden = !active;\n      panel.classList.toggle(\"is-active\", active);\n    });\n\n    if (live) live.textContent = `Showing ${String(index + 1).padStart(2, \"0\")}, ${tab.querySelector(\"strong\")?.textContent || \"evidence record\"}.`;\n    if (moveFocus) tab.focus();\n  }\n\n  tabs.forEach((tab) => {\n    tab.addEventListener(\"click\", () => activate(tab, false));\n    tab.addEventListener(\"keydown\", (event) => {\n      const current = tabs.indexOf(tab);\n      let next = current;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") next = (current + 1) % tabs.length;\n      else if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") next = (current - 1 + tabs.length) % tabs.length;\n      else if (event.key === \"Home\") next = 0;\n      else if (event.key === \"End\") next = tabs.length - 1;\n      else return;\n      event.preventDefault();\n      activate(tabs[next], true);\n    });\n  });\n\n  syncOrientation();\n  window.addEventListener(\"resize\", syncOrientation, { passive: true });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6cb3419 e-con e-atomic-element e-flexbox-base e-6cb3419-172f6fc \" data-id=\"6cb3419\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cb3419\" data-e-type=\"e-flexbox\" data-id=\"6cb3419\">\n    \t\t<div class=\"elementor-element elementor-element-70b413d elementor-widget elementor-widget-html\" data-id=\"70b413d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI ELECTRICAL CABLE HUB \/ CONTENT SECTION 12 \/ VISUAL BLOCK 13\n     Elementor one-widget handoff: scoped CSS + HTML + native FAQ enhancement.\n     Rank Math remains the sole structured-data owner; this widget outputs visible FAQ content only. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=matte-navy+signal-orange \u00b7 B=roboto+mono-meta\n * C=sticky-decision-desk+continuous-accordion \u00b7 D=native-accordion-state\n * E=technical-question-desk \u00b7 SOUL=5 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke12-block),\n.elementor-widget-html:has(.hke12-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke12-preview-body),\nbody.hke12-preview-body {\n  overflow-x: clip;\n}\n\n.hke12-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n#faq.hke12-block {\n  --hke12-bg: #0b1f33;\n  --hke12-bg-deep: #081a2c;\n  --hke12-navy: #102a43;\n  --hke12-navy-soft: #193a57;\n  --hke12-paper: #f9fcff;\n  --hke12-paper-soft: #eef5fb;\n  --hke12-paper-muted: #e5eef5;\n  --hke12-ink: #102a43;\n  --hke12-ink-soft: #29465f;\n  --hke12-muted: #667d91;\n  --hke12-on-dark: #f4f8fb;\n  --hke12-on-dark-soft: #bbcad7;\n  --hke12-on-dark-muted: #8fa7ba;\n  --hke12-blue: #65abe5;\n  --hke12-blue-border: rgba(101, 171, 229, 0.48);\n  --hke12-blue-strong: #1677c8;\n  --hke12-orange: #e16a47;\n  --hke12-orange-dark: #c9583d;\n  --hke12-line: #d1dee8;\n  --hke12-line-strong: #b9ccda;\n  --hke12-line-dark: rgba(142, 176, 203, 0.24);\n  --hke12-surface-dark: rgba(15, 48, 74, 0.72);\n  --hke12-shadow: rgba(2, 19, 33, 0.22);\n  --hke12-focus: #8dc9f5;\n  --hke12-font: \"Roboto\", Arial, sans-serif;\n  --hke12-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke12-shell: 1200px;\n  --hke12-sticky-offset: 174px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke12-on-dark);\n  font-family: var(--hke12-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n#faq.hke12-block,\n#faq.hke12-block *,\n#faq.hke12-block *::before,\n#faq.hke12-block *::after {\n  box-sizing: border-box;\n}\n\n#faq.hke12-block h2,\n#faq.hke12-block h3,\n#faq.hke12-block p,\n#faq.hke12-block details,\n#faq.hke12-block summary {\n  margin: 0;\n}\n\n#faq.hke12-block a,\n#faq.hke12-block button,\n#faq.hke12-block summary {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.hke12-section {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(82px, 7vw, 104px) 24px;\n  overflow-x: clip;\n  overflow-y: visible;\n  scroll-margin-top: 156px;\n  background: var(--hke12-bg);\n}\n\n.hke12-section::before,\n.hke12-section::after {\n  position: absolute;\n  z-index: -1;\n  content: \"\";\n  pointer-events: none;\n}\n\n.hke12-section::before {\n  inset: 0;\n  opacity: 0.38;\n  background:\n    linear-gradient(90deg, transparent 0 33%, var(--hke12-line-dark) 33% calc(33% + 1px), transparent calc(33% + 1px)),\n    linear-gradient(transparent 0 50%, var(--hke12-line-dark) 50% calc(50% + 1px), transparent calc(50% + 1px));\n}\n\n.hke12-section::after {\n  right: -190px;\n  bottom: -280px;\n  width: 610px;\n  height: 610px;\n  border: 1px solid var(--hke12-line-dark);\n  border-radius: 50%;\n}\n\n.hke12-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke12-shell));\n  margin: 0 auto;\n}\n\n.hke12-layout {\n  display: grid;\n  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);\n  gap: clamp(36px, 6vw, 80px);\n  align-items: start;\n  min-width: 0;\n}\n\n.hke12-intro,\n.hke12-faq-desk {\n  min-width: 0;\n}\n\n.hke12-intro {\n  position: sticky;\n  top: var(--hke12-sticky-offset);\n  align-self: start;\n}\n\n.hke12-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 22px !important;\n  color: var(--hke12-blue);\n  font-family: var(--hke12-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  line-height: 1.35;\n}\n\n.hke12-section-label > span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid var(--hke12-blue-border);\n  border-radius: 7px;\n  background: var(--hke12-navy-soft);\n  color: var(--hke12-on-dark);\n  letter-spacing: 0;\n}\n\n.hke12-intro h2 {\n  max-width: 440px;\n  min-width: 0;\n  color: var(--hke12-on-dark);\n  font-family: var(--hke12-font);\n  font-size: clamp(2.65rem, 4.1vw, 3.55rem);\n  font-weight: 700;\n  line-height: 1.03;\n  letter-spacing: -0.047em;\n  text-transform: none;\n  overflow-wrap: anywhere;\n}\n\n.hke12-lead {\n  max-width: 420px;\n  margin-top: 20px !important;\n  color: var(--hke12-on-dark-soft);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.hke12-principle {\n  max-width: 430px;\n  margin-top: 31px;\n  padding: 23px 0;\n  border-top: 1px solid var(--hke12-line-dark);\n  border-bottom: 1px solid var(--hke12-line-dark);\n}\n\n.hke12-principle > span,\n.hke12-status span,\n.hke12-desk-head > div > span,\n.hke12-desk-foot > span {\n  display: block;\n  color: var(--hke12-blue);\n  font-family: var(--hke12-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.45;\n}\n\n.hke12-principle > strong {\n  display: block;\n  max-width: 390px;\n  margin-top: 9px;\n  color: var(--hke12-on-dark);\n  font-size: 18px;\n  line-height: 1.42;\n}\n\n.hke12-principle > p {\n  max-width: 400px;\n  margin-top: 10px !important;\n  color: var(--hke12-on-dark-muted);\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n.hke12-status {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 20px;\n  align-items: center;\n  max-width: 430px;\n  min-height: 74px;\n  margin-top: 24px;\n  padding: 15px 17px;\n  border: 1px solid var(--hke12-line-dark);\n  border-radius: 8px;\n  background: var(--hke12-surface-dark);\n}\n\n.hke12-status > div {\n  min-width: 94px;\n  padding-right: 18px;\n  border-right: 1px solid var(--hke12-line-dark);\n}\n\n.hke12-status strong {\n  display: block;\n  margin-top: 3px;\n  color: var(--hke12-on-dark);\n  font-family: var(--hke12-mono);\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.03em;\n}\n\n.hke12-status > p {\n  min-width: 0;\n  color: var(--hke12-on-dark-soft);\n  font-size: 12px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n#faq.hke12-block a.hke12-cta,\n#faq.hke12-block a.hke12-cta:visited {\n  appearance: none !important;\n  display: inline-flex !important;\n  width: auto !important;\n  min-width: 0;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin: 25px 0 0 !important;\n  padding: 13px 18px !important;\n  border: 1px solid var(--hke12-orange-dark) !important;\n  border-radius: 8px !important;\n  background: var(--hke12-orange) !important;\n  background-color: var(--hke12-orange) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke12-on-dark) !important;\n  font: 700 13px\/1.2 var(--hke12-font) !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap;\n  transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;\n}\n\n#faq.hke12-block a.hke12-cta:hover {\n  background: var(--hke12-orange-dark) !important;\n  background-color: var(--hke12-orange-dark) !important;\n  transform: translateY(-1px);\n  box-shadow: 0 10px 24px var(--hke12-shadow) !important;\n}\n\n#faq.hke12-block a.hke12-cta:focus-visible {\n  outline: 3px solid var(--hke12-focus) !important;\n  outline-offset: 3px;\n}\n\n.hke12-faq-desk {\n  overflow: hidden;\n  border: 1px solid var(--hke12-line-strong);\n  border-radius: 12px;\n  background: var(--hke12-paper);\n  box-shadow: 0 22px 56px var(--hke12-shadow);\n  color: var(--hke12-ink);\n}\n\n.hke12-desk-head {\n  display: flex;\n  min-height: 102px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  padding: 21px 24px;\n  border-bottom: 1px solid var(--hke12-line);\n  background: var(--hke12-paper-soft);\n}\n\n.hke12-desk-head h3 {\n  max-width: 490px;\n  margin-top: 6px !important;\n  color: var(--hke12-ink);\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: -0.02em;\n}\n\n.hke12-desk-head > p {\n  display: grid;\n  flex: 0 0 auto;\n  justify-items: end;\n}\n\n.hke12-desk-head > p strong {\n  color: var(--hke12-ink);\n  font-size: 29px;\n  line-height: 1;\n  letter-spacing: -0.04em;\n}\n\n.hke12-desk-head > p small {\n  margin-top: 4px;\n  color: var(--hke12-muted);\n  font-family: var(--hke12-mono);\n  font-size: 8px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.hke12-list {\n  min-width: 0;\n}\n\n#faq.hke12-block details.hke12-item {\n  min-width: 0;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-bottom: 1px solid var(--hke12-line) !important;\n  border-radius: 0 !important;\n  background: var(--hke12-paper) !important;\n  background-color: var(--hke12-paper) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke12-ink) !important;\n}\n\n#faq.hke12-block details.hke12-item:last-child {\n  border-bottom: 0 !important;\n}\n\n#faq.hke12-block summary.hke12-question {\n  appearance: none !important;\n  display: grid !important;\n  position: relative;\n  grid-template-columns: 44px minmax(0, 1fr) 38px;\n  gap: 16px;\n  width: 100% !important;\n  min-width: 0;\n  min-height: 78px;\n  align-items: center;\n  margin: 0 !important;\n  padding: 17px 21px !important;\n  list-style: none !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  outline: none;\n  background: var(--hke12-paper) !important;\n  background-color: var(--hke12-paper) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke12-ink) !important;\n  font-family: var(--hke12-font) !important;\n  font-style: normal !important;\n  text-align: left !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  cursor: pointer;\n  transition: background-color 160ms ease, color 160ms ease;\n}\n\n#faq.hke12-block summary.hke12-question::-webkit-details-marker {\n  display: none;\n}\n\n.hke12-index {\n  display: grid;\n  width: 40px;\n  height: 40px;\n  place-items: center;\n  border: 1px solid var(--hke12-line-strong);\n  border-radius: 6px;\n  color: var(--hke12-blue-strong);\n  font-family: var(--hke12-mono);\n  font-size: 10px;\n  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;\n}\n\n.hke12-question-copy {\n  display: grid;\n  min-width: 0;\n  gap: 5px;\n}\n\n.hke12-question-copy small {\n  color: var(--hke12-blue-strong);\n  font-family: var(--hke12-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  line-height: 1.4;\n}\n\n.hke12-question-copy strong {\n  min-width: 0;\n  color: var(--hke12-ink);\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: -0.012em;\n  overflow-wrap: anywhere;\n}\n\n.hke12-toggle {\n  position: relative;\n  width: 34px;\n  height: 34px;\n  border: 1px solid var(--hke12-line-strong);\n  border-radius: 50%;\n  background: var(--hke12-paper);\n  transition: border-color 160ms ease, background-color 160ms ease;\n}\n\n.hke12-toggle::before,\n.hke12-toggle::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 12px;\n  height: 2px;\n  border-radius: 2px;\n  background: var(--hke12-blue-strong);\n  content: \"\";\n  transform: translate(-50%, -50%);\n  transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease;\n}\n\n.hke12-toggle::after {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n\n#faq.hke12-block summary.hke12-question:hover {\n  background: var(--hke12-paper-soft) !important;\n  background-color: var(--hke12-paper-soft) !important;\n}\n\n#faq.hke12-block summary.hke12-question:focus-visible {\n  z-index: 2;\n  outline: 3px solid var(--hke12-focus) !important;\n  outline-offset: -4px;\n}\n\n.hke12-item[open] > .hke12-question {\n  background: var(--hke12-paper-soft) !important;\n  background-color: var(--hke12-paper-soft) !important;\n}\n\n.hke12-item[open] .hke12-index {\n  border-color: var(--hke12-orange);\n  background: var(--hke12-orange);\n  color: var(--hke12-paper);\n}\n\n.hke12-item[open] .hke12-toggle {\n  border-color: var(--hke12-navy);\n  background: var(--hke12-navy);\n}\n\n.hke12-item[open] .hke12-toggle::before,\n.hke12-item[open] .hke12-toggle::after {\n  background: var(--hke12-paper);\n}\n\n.hke12-item[open] .hke12-toggle::after {\n  opacity: 0;\n  transform: translate(-50%, -50%) rotate(90deg) scaleX(0.2);\n}\n\n.hke12-answer {\n  padding: 0 66px 24px 81px;\n  background: var(--hke12-paper-soft);\n}\n\n.hke12-answer > p {\n  padding-top: 18px;\n  border-top: 1px solid var(--hke12-line);\n  color: var(--hke12-muted);\n  font-size: 13px;\n  line-height: 1.72;\n}\n\n.hke12-desk-foot {\n  display: grid;\n  grid-template-columns: 132px minmax(0, 1fr);\n  gap: 19px;\n  align-items: start;\n  padding: 20px 24px;\n  border-top: 1px solid var(--hke12-line-strong);\n  background: var(--hke12-navy);\n}\n\n.hke12-desk-foot > span {\n  color: var(--hke12-blue);\n}\n\n.hke12-desk-foot > p {\n  color: var(--hke12-on-dark-soft);\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  #faq.hke12-block summary.hke12-question:hover .hke12-index {\n    border-color: var(--hke12-blue-strong);\n  }\n}\n\n@media (max-width: 1100px) {\n  .hke12-layout {\n    grid-template-columns: minmax(270px, 0.62fr) minmax(0, 1.38fr);\n    gap: 42px;\n  }\n\n  .hke12-intro h2 {\n    font-size: clamp(2.35rem, 4.7vw, 3.15rem);\n  }\n\n  .hke12-lead {\n    font-size: 15px;\n  }\n}\n\n@media (max-width: 960px) {\n  #faq.hke12-block {\n    --hke12-sticky-offset: 0px;\n  }\n\n  .hke12-section {\n    padding: 76px 20px;\n    scroll-margin-top: 132px;\n  }\n\n  .hke12-layout {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 32px;\n  }\n\n  .hke12-intro {\n    position: static;\n    max-width: 760px;\n  }\n\n  .hke12-intro h2,\n  .hke12-lead,\n  .hke12-principle,\n  .hke12-status {\n    max-width: 680px;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke12-section {\n    padding: 64px 16px;\n  }\n\n  .hke12-section::before {\n    opacity: 0.2;\n  }\n\n  .hke12-intro {\n    max-width: none;\n    text-align: center;\n  }\n\n  .hke12-section-label {\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 18px !important;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n\n  .hke12-section-label > span {\n    width: 42px;\n    height: 42px;\n    flex-basis: 42px;\n  }\n\n  .hke12-intro h2 {\n    max-width: 620px;\n    margin-inline: auto !important;\n    font-size: clamp(2rem, 9vw, 2.4rem);\n    line-height: 1.06;\n  }\n\n  .hke12-lead {\n    max-width: 580px;\n    margin-inline: auto !important;\n    margin-top: 17px !important;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .hke12-principle {\n    margin-inline: auto;\n    margin-top: 27px;\n    text-align: left;\n  }\n\n  .hke12-status {\n    margin-inline: auto;\n    text-align: left;\n  }\n\n  #faq.hke12-block a.hke12-cta,\n  #faq.hke12-block a.hke12-cta:visited {\n    margin-inline: auto !important;\n  }\n\n  .hke12-faq-desk {\n    border-radius: 10px;\n  }\n\n  .hke12-desk-head {\n    min-height: 0;\n    padding: 19px 17px;\n  }\n\n  .hke12-desk-head h3 {\n    font-size: 18px;\n  }\n\n  #faq.hke12-block summary.hke12-question {\n    grid-template-columns: 38px minmax(0, 1fr) 34px;\n    gap: 12px;\n    min-height: 70px;\n    padding: 15px 14px !important;\n  }\n\n  .hke12-index {\n    width: 36px;\n    height: 36px;\n  }\n\n  .hke12-question-copy strong {\n    font-size: 14px;\n    line-height: 1.42;\n  }\n\n  .hke12-question-copy small {\n    font-size: 7px;\n  }\n\n  .hke12-toggle {\n    width: 32px;\n    height: 32px;\n  }\n\n  .hke12-answer {\n    padding: 0 15px 20px 64px;\n  }\n\n  .hke12-answer > p {\n    padding-top: 15px;\n    font-size: 12px;\n    line-height: 1.68;\n  }\n\n  .hke12-desk-foot {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 7px;\n    padding: 18px 17px;\n  }\n}\n\n@media (max-width: 430px) {\n  .hke12-section {\n    padding-inline: 12px;\n  }\n\n  .hke12-status {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 10px;\n    padding: 15px;\n  }\n\n  .hke12-status > div {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    min-width: 0;\n    padding-right: 0;\n    padding-bottom: 10px;\n    border-right: 0;\n    border-bottom: 1px solid var(--hke12-line-dark);\n  }\n\n  .hke12-status strong {\n    margin-top: 0;\n  }\n\n  #faq.hke12-block a.hke12-cta,\n  #faq.hke12-block a.hke12-cta:visited {\n    width: 100% !important;\n  }\n\n  .hke12-desk-head {\n    display: grid;\n    gap: 14px;\n  }\n\n  .hke12-desk-head > p {\n    grid-template-columns: auto auto;\n    gap: 8px;\n    align-items: baseline;\n    justify-self: start;\n  }\n\n  .hke12-desk-head > p small {\n    margin-top: 0;\n  }\n\n  #faq.hke12-block summary.hke12-question {\n    grid-template-columns: 32px minmax(0, 1fr) 30px;\n    gap: 9px;\n    min-height: 66px;\n    padding: 14px 10px !important;\n  }\n\n  .hke12-index {\n    width: 30px;\n    height: 30px;\n    font-size: 8px;\n  }\n\n  .hke12-toggle {\n    width: 29px;\n    height: 29px;\n  }\n\n  .hke12-question-copy {\n    gap: 4px;\n  }\n\n  .hke12-question-copy small {\n    letter-spacing: 0.06em;\n  }\n\n  .hke12-answer {\n    padding: 0 12px 18px 51px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #faq.hke12-block *,\n  #faq.hke12-block *::before,\n  #faq.hke12-block *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<section id=\"faq\" class=\"hke12-section hke12-block\" aria-labelledby=\"hke12-title\">\n  <div id=\"hke12-buyer-faq\" class=\"hke12-shell\">\n    <div class=\"hke12-layout\">\n      <aside class=\"hke12-intro\">\n        <p class=\"hke12-section-label\"><span>11<\/span> BUYER-DECISION FAQ<\/p>\n        <h2 id=\"hke12-title\">Clarify the Route Before Selecting a Machine<\/h2>\n        <p class=\"hke12-lead\">These answers address the decision path. Confirmed cable data, equipment configuration and project responsibilities belong in the approved proposal.<\/p>\n\n        <div class=\"hke12-principle\">\n          <span>DECISION PRINCIPLE<\/span>\n          <strong>Prepare the project brief before choosing a machine model.<\/strong>\n          <p>Cable design, material system, target output, factory conditions and service scope must be confirmed together.<\/p>\n        <\/div>\n\n        <div class=\"hke12-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          <div><span>OPEN QUESTION<\/span><strong data-hke12-position>01 \/ 08<\/strong><\/div>\n          <p data-hke12-topic>Production line definition<\/p>\n        <\/div>\n\n        <a class=\"hke12-cta\" href=\"#enquiry\">Continue to Project Enquiry <span aria-hidden=\"true\">\u2192<\/span><\/a>\n      <\/aside>\n\n      <div class=\"hke12-faq-desk\" aria-label=\"Buyer decision questions\">\n        <header class=\"hke12-desk-head\">\n          <div>\n            <span>PROJECT DECISION DESK<\/span>\n            <h3>Eight questions to define before quotation.<\/h3>\n          <\/div>\n          <p><strong>08<\/strong><small>decision questions<\/small><\/p>\n        <\/header>\n\n        <div class=\"hke12-list\">\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Production line definition\" open>\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">01<\/span>\n              <span class=\"hke12-question-copy\"><small>PRODUCTION LINE DEFINITION<\/small><strong>What machines are required to manufacture electrical cable?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>The required scope follows the approved cable construction and process route. Depending on the cable, it may include conductor preparation, wire drawing, bunching or stranding, insulation extrusion, cabling, shielding or armouring, outer sheathing, testing, coiling and packing. The final machine list is confirmed from the cable drawing and project inputs.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Production line definition\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">02<\/span>\n              <span class=\"hke12-question-copy\"><small>PRODUCTION LINE DEFINITION<\/small><strong>Can one extrusion line produce several cable sizes?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>One line may cover several cable sizes, but only within a confirmed operating range. The approved cable design and complete equipment configuration define that range.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Production line definition\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">03<\/span>\n              <span class=\"hke12-question-copy\"><small>PRODUCTION LINE DEFINITION<\/small><strong>How do I select the correct extruder size?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>Start with the conductor range, insulation or jacket material, cable construction, target output and upstream and downstream compatibility. Select the model only after those inputs and the approved cable design are reviewed.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Production line definition\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">04<\/span>\n              <span class=\"hke12-question-copy\"><small>PRODUCTION LINE DEFINITION<\/small><strong>Can the same line process PVC and XLPE?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>Do not assume PVC and XLPE are interchangeable on the same line. Material changes can affect the process route and supporting systems. The compatible scope must be confirmed against the actual material system and cable design.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Project scope and delivery\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">05<\/span>\n              <span class=\"hke12-question-copy\"><small>PROJECT SCOPE &amp; DELIVERY<\/small><strong>What information is required before quotation?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>Provide the cable structure or drawing if available, conductor material, cross-section range, insulation and jacket materials, rated voltage, target capacity, factory conditions and project timeline. Unknown items can remain marked To be confirmed for joint review.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Project scope and delivery\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">06<\/span>\n              <span class=\"hke12-question-copy\"><small>PROJECT SCOPE &amp; DELIVERY<\/small><strong>Can HONGKAI integrate wire drawing and stranding equipment from specialist manufacturers?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>Where required, specialist drawing or stranding machinery can be coordinated within the agreed project scope. The proposal identifies the equipment source, contracting entity, integration interfaces and applicable responsibilities.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Project scope and delivery\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">07<\/span>\n              <span class=\"hke12-question-copy\"><small>PROJECT SCOPE &amp; DELIVERY<\/small><strong>How much factory space is required?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>Factory space is confirmed after the equipment arrangement is defined. Review machine footprint, operating and maintenance clearance, incoming material storage, utilities, personnel movement and finished-cable handling together.<\/p><\/div>\n          <\/details>\n\n          <details class=\"hke12-item\" name=\"hke12-buyer-decisions\" data-hke12-item data-hke12-topic=\"Project scope and delivery\">\n            <summary class=\"hke12-question\" data-hke12-summary>\n              <span class=\"hke12-index\">08<\/span>\n              <span class=\"hke12-question-copy\"><small>PROJECT SCOPE &amp; DELIVERY<\/small><strong>Do you provide installation and training?<\/strong><\/span>\n              <span class=\"hke12-toggle\" aria-hidden=\"true\"><\/span>\n            <\/summary>\n            <div class=\"hke12-answer\"><p>Installation, commissioning and training are proposal-defined services. The applicable scope, site-readiness requirements, responsibilities, schedule and exclusions must be confirmed for the project.<\/p><\/div>\n          <\/details>\n        <\/div>\n\n        <footer class=\"hke12-desk-foot\">\n          <span>ANSWER BOUNDARY<\/span>\n          <p>The FAQ explains the decision path. It does not replace an approved cable design, technical solution, commercial quotation or project proposal.<\/p>\n        <\/footer>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const root = document.getElementById(\"hke12-buyer-faq\");\n  if (!root || root.dataset.hke12Ready === \"true\") return;\n  root.dataset.hke12Ready = \"true\";\n\n  const items = Array.from(root.querySelectorAll(\"[data-hke12-item]\"));\n  const summaries = items.map((item) => item.querySelector(\"[data-hke12-summary]\"));\n  const position = root.querySelector(\"[data-hke12-position]\");\n  const topic = root.querySelector(\"[data-hke12-topic]\");\n\n  function updateStatus() {\n    const openIndex = items.findIndex((item) => item.open);\n    if (position) {\n      position.textContent = openIndex >= 0\n        ? `${String(openIndex + 1).padStart(2, \"0\")} \/ ${String(items.length).padStart(2, \"0\")}`\n        : `00 \/ ${String(items.length).padStart(2, \"0\")}`;\n    }\n    if (topic) {\n      topic.textContent = openIndex >= 0\n        ? items[openIndex].dataset.hke12Topic || \"Decision question\"\n        : \"All questions closed\";\n    }\n  }\n\n  items.forEach((item, index) => {\n    item.addEventListener(\"toggle\", () => {\n      if (item.open) {\n        items.forEach((other, otherIndex) => {\n          if (otherIndex !== index) other.open = false;\n        });\n      }\n      updateStatus();\n    });\n\n    const summary = summaries[index];\n    if (!summary) return;\n    summary.addEventListener(\"keydown\", (event) => {\n      let nextIndex = index;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") nextIndex = (index + 1) % summaries.length;\n      else if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") nextIndex = (index - 1 + summaries.length) % summaries.length;\n      else if (event.key === \"Home\") nextIndex = 0;\n      else if (event.key === \"End\") nextIndex = summaries.length - 1;\n      else return;\n\n      event.preventDefault();\n      summaries[nextIndex]?.focus();\n    });\n  });\n\n  updateStatus();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-644d90e e-con e-atomic-element e-flexbox-base e-097c186 hke13-section hke13-block \" data-id=\"644d90e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"644d90e\" id=\"enquiry\" data-e-type=\"e-flexbox\" data-id=\"644d90e\">\n    <div class=\"elementor-element elementor-element-707d738 e-con e-atomic-element e-flexbox-base e-707d738-172e994 hke13-section hke13-block \" data-id=\"707d738\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"707d738\" data-e-type=\"e-flexbox\" data-id=\"707d738\">\n    <div class=\"elementor-element elementor-element-040e067 e-con e-atomic-element e-flexbox-base hke13-shell \" data-id=\"040e067\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"040e067\" id=\"hke13-project-enquiry\" data-e-type=\"e-flexbox\" data-id=\"040e067\">\n    <div class=\"elementor-element elementor-element-d21b987 e-grid hke13-layout e-con-boxed e-con e-parent\" data-id=\"d21b987\" data-element_type=\"container\" data-e-type=\"container\" id=\"hke13-layout\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd6bc0 hke13-project-column elementor-widget elementor-widget-html\" data-id=\"4fd6bc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- HONGKAI SECTION 13 \u00b7 ONE LEFT HTML WIDGET\n     Elementor setup:\n     1) Outer Section container: CSS ID enquiry \/ CSS classes hke13-section hke13-block.\n     2) Shared inner container: CSS ID hke13-project-enquiry \/ CSS class hke13-shell.\n     3) Two-column container inside it: CSS ID hke13-layout \/ CSS class hke13-layout.\n     4) Left child container: CSS class hke13-project-column; paste this complete file into one HTML Widget.\n     5) Right child container: CSS ID hke13-wpforms-card \/ CSS class hke13-form-card (recommended).\n        The CSS and bridge also auto-detect the WPForms Widget if this ID\/class is omitted.\n     6) Add the real WPForms Widget to the right child. Show Form Name and Description.\n        Form Name: Submit Cable Requirements\n        Description: Fields marked * are required.\n     7) Keep the six documented Hidden Field container classes in WPForms. -->\n<style>\n\/* finesse \u00b7 register=brand \u00b7 A=cool-blue-intake-field+navy-brief \u00b7 B=roboto+mono-meta\n * C=wide-intro+sticky-project-brief+structured-intake \u00b7 D=carried-record-bridge\n * E=engineering-project-intake-sheet \u00b7 SOUL=5 SPECTACLE=1 DENSITY=8 *\/\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-400.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto\";\n  src: url(\"\/fonts\/roboto-700.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Roboto Mono\";\n  src: url(\"\/fonts\/roboto-mono-500.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-display: swap;\n}\n\n.elementor-widget-html:has(.hke13-block),\n.elementor-widget-html:has(.hke13-block) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#enquiry.hke13-block > .e-con-inner,\n#hke13-project-enquiry.hke13-shell > .e-con-inner,\n#hke13-layout.hke13-layout > .e-con,\n#hke13-layout.hke13-layout > .elementor-element,\n#enquiry.hke13-block .elementor-widget-html,\n#enquiry.hke13-block .elementor-widget-html > .elementor-widget-container,\n#enquiry.hke13-block .elementor-widget-wpforms,\n#enquiry.hke13-block .elementor-widget-wpforms > .elementor-widget-container,\n#hke13-wpforms-card.hke13-form-card > .e-con-inner,\n#hke13-wpforms-card.hke13-form-card .elementor-widget-html,\n#hke13-wpforms-card.hke13-form-card .elementor-widget-html > .elementor-widget-container,\n#hke13-wpforms-card.hke13-form-card .elementor-widget-wpforms,\n#hke13-wpforms-card.hke13-form-card .elementor-widget-wpforms > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml:has(body.hke13-preview-body),\nbody.hke13-preview-body {\n  overflow-x: clip;\n}\n\n.hke13-preview-body {\n  min-width: 320px;\n  margin: 0;\n}\n\n#enquiry.hke13-block,\n#hke13-project-enquiry.hke13-left-widget,\n#hke13-wpforms-card.hke13-form-card {\n  --hke13-bg: #f3f8fc;\n  --hke13-paper: #fcfeff;\n  --hke13-paper-soft: #f8fbfe;\n  --hke13-navy: #102a43;\n  --hke13-navy-deep: #0b1f33;\n  --hke13-navy-soft: #173854;\n  --hke13-ink: #102a43;\n  --hke13-ink-soft: #29465f;\n  --hke13-muted: #6f8295;\n  --hke13-muted-strong: #536c81;\n  --hke13-on-dark: #f7fbfe;\n  --hke13-on-dark-soft: #c5d3df;\n  --hke13-on-dark-muted: #90a7b9;\n  --hke13-blue: #1677c8;\n  --hke13-blue-soft: #e8f3fb;\n  --hke13-blue-line: #b9d5e8;\n  --hke13-orange: #e16a47;\n  --hke13-orange-dark: #c9583d;\n  --hke13-line: #d8e2ec;\n  --hke13-line-strong: #c4d3df;\n  --hke13-line-dark: rgba(143, 174, 198, 0.28);\n  --hke13-success: #247c48;\n  --hke13-success-bg: #eaf7ef;\n  --hke13-focus: #4383f0;\n  --hke13-error: #b4472c;\n  --hke13-error-bg: #fff0ec;\n  --hke13-shadow: 0 22px 56px rgba(16, 42, 67, 0.1);\n  --hke13-font: \"Roboto\", Arial, sans-serif;\n  --hke13-mono: \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --hke13-shell: 1200px;\n  width: 100%;\n  min-width: 0;\n  color: var(--hke13-ink);\n  font-family: var(--hke13-font);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-transform: none;\n}\n\n#enquiry.hke13-block,\n#enquiry.hke13-block *,\n#enquiry.hke13-block *::before,\n#enquiry.hke13-block *::after,\n#hke13-project-enquiry.hke13-left-widget,\n#hke13-project-enquiry.hke13-left-widget *,\n#hke13-project-enquiry.hke13-left-widget *::before,\n#hke13-project-enquiry.hke13-left-widget *::after,\n#hke13-wpforms-card.hke13-form-card,\n#hke13-wpforms-card.hke13-form-card *,\n#hke13-wpforms-card.hke13-form-card *::before,\n#hke13-wpforms-card.hke13-form-card *::after {\n  box-sizing: border-box;\n}\n\n#enquiry.hke13-block h2,\n#enquiry.hke13-block h3,\n#enquiry.hke13-block p,\n#enquiry.hke13-block dl,\n#enquiry.hke13-block dd,\n#enquiry.hke13-block fieldset,\n#enquiry.hke13-block legend,\n#enquiry.hke13-block ul {\n  margin: 0;\n}\n\n#enquiry.hke13-block ul {\n  padding: 0;\n  list-style: none;\n}\n\n#enquiry.hke13-block button,\n#enquiry.hke13-block input,\n#enquiry.hke13-block select,\n#enquiry.hke13-block textarea {\n  font: inherit;\n}\n\n.hke13-section {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(84px, 7vw, 104px) 24px;\n  overflow-x: clip;\n  overflow-y: visible;\n  scroll-margin-top: 156px;\n  background: var(--hke13-bg);\n}\n\n.hke13-section::before {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  content: \"\";\n  opacity: 0.58;\n  pointer-events: none;\n  background-image:\n    linear-gradient(rgba(70, 119, 159, 0.07) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(70, 119, 159, 0.07) 1px, transparent 1px);\n  background-size: 56px 56px;\n}\n\n.hke13-shell {\n  position: relative;\n  z-index: 1;\n  width: min(100%, var(--hke13-shell));\n  margin: 0 auto;\n}\n\n.hke13-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.76fr);\n  gap: clamp(54px, 6vw, 82px);\n  align-items: end;\n  margin-bottom: 46px;\n}\n\n.hke13-intro-title,\n.hke13-intro-copy,\n.hke13-project-panel,\n.hke13-form-card {\n  min-width: 0;\n}\n\n.hke13-section-label {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 20px !important;\n  color: var(--hke13-blue);\n  font-family: var(--hke13-mono);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  line-height: 1.35;\n}\n\n.hke13-section-label > span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  place-items: center;\n  border: 1px solid #245298;\n  border-radius: 7px;\n  background: #122d6c;\n  color: var(--hke13-on-dark);\n  letter-spacing: 0;\n}\n\n.hke13-intro h2 {\n  max-width: 710px;\n  color: var(--hke13-ink);\n  font-family: var(--hke13-font);\n  font-size: clamp(3rem, 5vw, 4.15rem);\n  font-weight: 700;\n  line-height: 1.01;\n  letter-spacing: -0.052em;\n  text-transform: none;\n  overflow-wrap: anywhere;\n}\n\n.hke13-intro-copy > p {\n  max-width: 490px;\n  color: var(--hke13-muted);\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n.hke13-intro-note {\n  display: grid;\n  grid-template-columns: 38px minmax(0, 1fr);\n  gap: 14px;\n  align-items: center;\n  margin-top: 25px;\n  padding-top: 22px;\n  border-top: 1px solid var(--hke13-line-strong);\n}\n\n.hke13-intro-note > span {\n  display: grid;\n  width: 38px;\n  height: 38px;\n  place-items: center;\n  border: 1px solid var(--hke13-blue-line);\n  border-radius: 50%;\n  background: var(--hke13-paper);\n  color: var(--hke13-blue);\n  font-weight: 700;\n}\n\n.hke13-intro-note strong {\n  display: block;\n  color: var(--hke13-ink);\n  font-size: 15px;\n  line-height: 1.35;\n}\n\n.hke13-intro-note p {\n  margin-top: 4px !important;\n  color: var(--hke13-muted);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.hke13-intro-note em {\n  font-style: normal;\n  color: var(--hke13-ink-soft);\n  font-weight: 700;\n}\n\n.hke13-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 460px) minmax(0, 704px);\n  gap: 36px;\n  align-items: start;\n  width: min(100%, var(--hke13-shell));\n  margin-inline: auto;\n  min-width: 0;\n}\n\n#hke13-layout.hke13-layout {\n  display: grid !important;\n  grid-template-columns: minmax(0, 460px) minmax(0, 1fr) !important;\n  gap: 36px !important;\n  align-items: start !important;\n  width: min(100%, var(--hke13-shell)) !important;\n  max-width: var(--hke13-shell) !important;\n  margin-inline: auto !important;\n}\n\n#hke13-layout.hke13-layout:has(> .e-con-inner) {\n  display: block !important;\n}\n\n#hke13-project-enquiry.hke13-shell,\n#hke13-wpforms-card.hke13-form-card > .e-con-inner {\n  display: block !important;\n  gap: 0 !important;\n}\n\n#hke13-project-enquiry.hke13-shell {\n  width: min(100%, var(--hke13-shell)) !important;\n  max-width: var(--hke13-shell) !important;\n  margin-inline: auto !important;\n}\n\n#hke13-layout.hke13-layout > .e-con-inner {\n  display: grid !important;\n  grid-template-columns: minmax(0, 460px) minmax(0, 1fr) !important;\n  gap: 36px !important;\n  align-items: start !important;\n  width: 100% !important;\n  max-width: var(--hke13-shell) !important;\n  min-width: 0 !important;\n  margin-inline: auto !important;\n  padding: 0 !important;\n}\n\n#hke13-layout.hke13-layout > .e-con,\n#hke13-layout.hke13-layout > .elementor-element,\n#hke13-layout.hke13-layout > .e-con-inner > .e-con,\n#hke13-layout.hke13-layout > .e-con-inner > .elementor-element {\n  display: block !important;\n  flex: none !important;\n}\n\n#hke13-layout .hke13-project-column {\n  position: static !important;\n  top: auto !important;\n  align-self: start !important;\n  min-width: 0 !important;\n}\n\n#hke13-layout .hke13-project-column .hke13-project-panel {\n  position: static;\n}\n\n.hke13-project-panel {\n  position: static;\n  top: auto;\n  align-self: start;\n  overflow: hidden;\n  border: 1px solid rgba(127, 164, 191, 0.26);\n  border-radius: 12px;\n  background: var(--hke13-navy);\n  color: var(--hke13-on-dark);\n}\n\n@media (min-width: 1025px) {\n  \/* Keep a clearer handoff from the dark FAQ section into the enquiry area. *\/\n  #enquiry.hke13-section.hke13-block {\n    padding-top: clamp(112px, 8.5vw, 132px) !important;\n  }\n\n  \/* The Elementor child container owns sticky positioning so the left panel\n     can follow the taller WPForms column without affecting its internal flow. *\/\n  #hke13-layout .hke13-project-column {\n    position: sticky !important;\n    top: 156px !important;\n  }\n}\n\n.hke13-project-head {\n  display: grid;\n  grid-template-columns: 42px minmax(0, 1fr);\n  gap: 14px;\n  align-items: start;\n  padding: 28px 28px 24px;\n  border-bottom: 1px solid var(--hke13-line-dark);\n  background: linear-gradient(135deg, var(--hke13-navy-soft), var(--hke13-navy));\n}\n\n.hke13-project-icon {\n  display: grid;\n  width: 42px;\n  height: 42px;\n  place-items: center;\n  border: 1px solid rgba(117, 184, 235, 0.35);\n  border-radius: 7px;\n  color: #76b9ec;\n}\n\n.hke13-project-icon svg,\n.hke13-upload-icon svg {\n  width: 22px;\n  height: 22px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.hke13-project-head > div > span,\n.hke13-records-head > span,\n.hke13-project-boundary > span,\n.hke13-form-head > div > span,\n.hke13-preview-banner strong {\n  display: block;\n  color: #76b9ec;\n  font-family: var(--hke13-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  line-height: 1.45;\n}\n\n.hke13-project-head h3 {\n  max-width: 300px;\n  margin-top: 7px !important;\n  color: var(--hke13-on-dark);\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: -0.015em;\n}\n\n.hke13-project-status {\n  grid-column: 1 \/ -1;\n  justify-self: start;\n  margin-top: 5px;\n  padding: 7px 10px;\n  border: 1px solid rgba(143, 174, 198, 0.32);\n  border-radius: 99px;\n  background: rgba(7, 28, 46, 0.32);\n  color: var(--hke13-on-dark-soft);\n  font-family: var(--hke13-mono);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.09em;\n  line-height: 1.2;\n}\n\n.hke13-project-status.is-carried {\n  border-color: rgba(80, 184, 125, 0.5);\n  background: rgba(36, 124, 72, 0.22);\n  color: #bde7cb;\n}\n\n.hke13-project-summary {\n  padding: 8px 28px;\n}\n\n.hke13-project-summary > div {\n  display: grid;\n  grid-template-columns: 130px minmax(0, 1fr);\n  gap: 18px;\n  align-items: start;\n  padding: 16px 0;\n  border-bottom: 1px solid var(--hke13-line-dark);\n}\n\n.hke13-project-summary dt {\n  color: var(--hke13-on-dark-muted);\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.hke13-project-summary dd {\n  color: var(--hke13-on-dark);\n  font-size: 12px;\n  line-height: 1.55;\n  text-align: right;\n  overflow-wrap: anywhere;\n}\n\n.hke13-records {\n  padding: 20px 28px 22px;\n}\n\n.hke13-records-head {\n  display: flex;\n  align-items: end;\n  justify-content: space-between;\n  gap: 14px;\n  margin-bottom: 13px;\n}\n\n.hke13-records-head > span {\n  max-width: 260px;\n}\n\n.hke13-records-head > strong {\n  color: var(--hke13-on-dark-muted);\n  font-family: var(--hke13-mono);\n  font-size: 10px;\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n.hke13-records-head b {\n  color: var(--hke13-blue);\n  font-size: 15px;\n  font-weight: 500;\n}\n\n.hke13-records li {\n  display: flex;\n  min-height: 36px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  border-top: 1px solid var(--hke13-line-dark);\n  color: var(--hke13-on-dark-soft);\n  font-size: 11px;\n}\n\n.hke13-records li > span {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.hke13-records li > strong {\n  flex: 0 0 auto;\n  color: var(--hke13-on-dark-muted);\n  font-family: var(--hke13-mono);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.hke13-records li.is-carried > strong {\n  color: #8dd7a9;\n}\n\n.hke13-project-boundary {\n  padding: 21px 28px 25px;\n  border-top: 1px solid var(--hke13-line-dark);\n  background: var(--hke13-navy-deep);\n}\n\n.hke13-project-boundary p {\n  margin-top: 8px !important;\n  color: var(--hke13-on-dark-muted);\n  font-size: 10px;\n  line-height: 1.65;\n}\n\n.hke13-form-card {\n  overflow: hidden;\n  border: 1px solid var(--hke13-line-strong);\n  border-radius: 12px;\n  background: var(--hke13-paper);\n  box-shadow: var(--hke13-shadow);\n}\n\n\/* Keep WPForms context fields out of the visual flow even if a theme overrides\n   the plugin's native Hidden Field styles. *\/\n#enquiry.hke13-block :is(\n  .wpforms-field-hidden,\n  .hke13-brief-field,\n  .hke13-equipment-field,\n  .hke13-solution-field,\n  .hke13-selection-field,\n  .hke13-factory-field,\n  .hke13-integration-field\n) {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n}\n\n#hke13-wpforms-card.hke13-form-card {\n  display: block !important;\n  gap: 0 !important;\n  padding: 0 !important;\n}\n\n.hke13-form-head {\n  display: flex;\n  min-height: 108px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  padding: 25px 30px;\n  border-bottom: 1px solid var(--hke13-line);\n  background: var(--hke13-paper-soft);\n}\n\n.hke13-form-head > div > span {\n  color: var(--hke13-blue);\n}\n\n.hke13-form-head h3 {\n  margin-top: 6px !important;\n  color: var(--hke13-ink);\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: -0.025em;\n}\n\n.hke13-form-head > p {\n  color: var(--hke13-muted);\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.hke13-form-head > p b,\n.hke13-field > span b {\n  color: var(--hke13-orange-dark);\n}\n\n.hke13-preview-banner {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 13px;\n  align-items: center;\n  margin: 24px 30px 0;\n  padding: 12px 14px;\n  border: 1px solid #f2b7a5;\n  border-radius: 7px;\n  background: var(--hke13-error-bg);\n  color: #8f4a36;\n}\n\n.hke13-preview-banner strong {\n  color: var(--hke13-error);\n  white-space: nowrap;\n}\n\n.hke13-preview-banner span {\n  min-width: 0;\n  font-size: 11px;\n  line-height: 1.45;\n}\n\n.hke13-preview-form {\n  padding: 0 30px 30px;\n}\n\n.hke13-form-section {\n  min-width: 0;\n  padding: 28px 0 30px;\n  border: 0;\n  border-bottom: 1px solid var(--hke13-line);\n}\n\n.hke13-form-section legend {\n  display: grid;\n  grid-template-columns: 38px minmax(0, 1fr);\n  gap: 4px 13px;\n  width: 100%;\n  padding: 0;\n}\n\n.hke13-form-section legend > span {\n  grid-row: 1 \/ span 2;\n  display: grid;\n  width: 38px;\n  height: 38px;\n  place-items: center;\n  border: 1px solid var(--hke13-blue-line);\n  border-radius: 6px;\n  background: var(--hke13-blue-soft);\n  color: var(--hke13-blue);\n  font-family: var(--hke13-mono);\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.hke13-form-section legend > strong {\n  align-self: end;\n  color: var(--hke13-ink);\n  font-size: 17px;\n  line-height: 1.3;\n}\n\n.hke13-form-section legend > small {\n  color: var(--hke13-muted);\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.hke13-field-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 18px;\n  margin-top: 22px;\n}\n\n.hke13-field {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n  color: var(--hke13-ink-soft);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.hke13-field-wide {\n  grid-column: 1 \/ -1;\n}\n\n#enquiry.hke13-block .hke13-field input,\n#enquiry.hke13-block .hke13-field select,\n#enquiry.hke13-block .hke13-field textarea,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"text\"],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"email\"],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"tel\"],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"url\"],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"number\"],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container select,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container textarea {\n  appearance: none !important;\n  width: 100% !important;\n  max-width: none !important;\n  min-height: 50px !important;\n  margin: 0 !important;\n  padding: 12px 13px !important;\n  border: 1px solid var(--hke13-line-strong) !important;\n  border-radius: 7px !important;\n  background: var(--hke13-paper) !important;\n  background-color: var(--hke13-paper) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke13-ink) !important;\n  font: 400 14px\/1.45 var(--hke13-font) !important;\n  text-align: left !important;\n  text-transform: none !important;\n  transition: border-color 150ms ease, box-shadow 150ms ease;\n}\n\n\/* WPForms Smart \/ International Phone adds its own flag control. Restore the\n   left safe area after the component-wide input reset above. *\/\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .iti {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .iti input[type=\"tel\"] {\n  padding-left: 54px !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .iti--separate-dial-code input[type=\"tel\"] {\n  padding-left: 96px !important;\n}\n\n#enquiry.hke13-block .hke13-field select,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container select {\n  padding-right: 42px !important;\n  background-image: linear-gradient(45deg, transparent 50%, var(--hke13-muted) 50%), linear-gradient(135deg, var(--hke13-muted) 50%, transparent 50%) !important;\n  background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px !important;\n  background-size: 5px 5px, 5px 5px !important;\n  background-repeat: no-repeat !important;\n}\n\n#enquiry.hke13-block .hke13-field textarea,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container textarea {\n  min-height: 110px !important;\n  resize: vertical;\n}\n\n#enquiry.hke13-block .hke13-field input::placeholder,\n#enquiry.hke13-block .hke13-field textarea::placeholder,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input::placeholder,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container textarea::placeholder {\n  color: #91a1af !important;\n  opacity: 1;\n}\n\n#enquiry.hke13-block .hke13-field input:focus,\n#enquiry.hke13-block .hke13-field select:focus,\n#enquiry.hke13-block .hke13-field textarea:focus,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input:focus,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container select:focus,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container textarea:focus {\n  border-color: var(--hke13-blue) !important;\n  outline: none !important;\n  box-shadow: 0 0 0 3px rgba(67, 131, 240, 0.18) !important;\n}\n\n.hke13-upload-preview {\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr) auto;\n  gap: 15px;\n  align-items: center;\n  min-height: 112px;\n  margin-top: 22px;\n  padding: 18px;\n  border: 1px dashed #9ebdd3;\n  border-radius: 8px;\n  background: #f7fbfe;\n}\n\n.hke13-upload-icon {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  place-items: center;\n  border: 1px solid var(--hke13-blue-line);\n  border-radius: 50%;\n  background: var(--hke13-paper);\n  color: var(--hke13-blue);\n}\n\n.hke13-upload-preview strong {\n  display: block;\n  color: var(--hke13-ink);\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.hke13-upload-preview p {\n  margin-top: 4px !important;\n  color: var(--hke13-muted);\n  font-size: 10px;\n  line-height: 1.5;\n}\n\n.hke13-upload-preview > span:last-child {\n  max-width: 124px;\n  padding: 8px 10px;\n  border: 1px solid var(--hke13-line-strong);\n  border-radius: 6px;\n  background: var(--hke13-paper);\n  color: var(--hke13-muted-strong);\n  font-family: var(--hke13-mono);\n  font-size: 8px;\n  line-height: 1.35;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.hke13-form-actions {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding-top: 30px;\n}\n\n#enquiry.hke13-block button.hke13-submit,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container button[type=\"submit\"],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"submit\"] {\n  appearance: none !important;\n  display: inline-flex !important;\n  width: auto !important;\n  min-width: 230px;\n  min-height: 54px !important;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin: 0 !important;\n  padding: 14px 20px !important;\n  border: 1px solid var(--hke13-orange-dark) !important;\n  border-radius: 8px !important;\n  background: var(--hke13-orange) !important;\n  background-color: var(--hke13-orange) !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke13-on-dark) !important;\n  font: 700 13px\/1.2 var(--hke13-font) !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;\n}\n\n#enquiry.hke13-block button.hke13-submit:hover,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container button[type=\"submit\"]:hover,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"submit\"]:hover {\n  border-color: var(--hke13-orange-dark) !important;\n  background: var(--hke13-orange-dark) !important;\n  background-color: var(--hke13-orange-dark) !important;\n  box-shadow: 0 10px 24px rgba(134, 56, 33, 0.2) !important;\n  transform: translateY(-1px);\n}\n\n#enquiry.hke13-block button.hke13-submit:focus-visible,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container button[type=\"submit\"]:focus-visible,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"submit\"]:focus-visible {\n  outline: 3px solid var(--hke13-focus) !important;\n  outline-offset: 3px;\n}\n\n#enquiry.hke13-block a.hke13-secondary,\n#enquiry.hke13-block a.hke13-secondary:visited {\n  appearance: none !important;\n  display: inline-flex !important;\n  width: auto !important;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin: 0 !important;\n  padding: 12px 4px !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  background-color: transparent !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  color: var(--hke13-ink-soft) !important;\n  font: 700 12px\/1.2 var(--hke13-font) !important;\n  text-decoration: none !important;\n  text-transform: none !important;\n}\n\n#enquiry.hke13-block a.hke13-secondary:hover {\n  color: var(--hke13-blue) !important;\n}\n\n#enquiry.hke13-block a.hke13-secondary:focus-visible {\n  outline: 3px solid var(--hke13-focus) !important;\n  outline-offset: 3px;\n}\n\n.hke13-form-boundary {\n  margin-top: 20px !important;\n  padding-top: 18px;\n  border-top: 1px solid var(--hke13-line);\n  color: var(--hke13-muted);\n  font-size: 10px;\n  line-height: 1.65;\n}\n\n.hke13-production-footer {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n  margin: 0 30px;\n  padding: 22px 0 28px;\n  border-top: 1px solid var(--hke13-line);\n}\n\n.hke13-production-footer .hke13-form-boundary {\n  max-width: 450px;\n  margin: 0 !important;\n  padding: 0;\n  border: 0;\n}\n\n.hke13-preview-message {\n  margin-top: 16px;\n  padding: 13px 14px;\n  border: 1px solid var(--hke13-blue-line);\n  border-radius: 7px;\n  background: var(--hke13-blue-soft);\n  color: var(--hke13-ink-soft);\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.hke13-preview-message[hidden],\n.hke13-carried-field[hidden] {\n  display: none !important;\n}\n\n\/* Approved WPForms integration. #enquiry is a safe fallback if the right-column ID is omitted. *\/\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container-full {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 30px !important;\n  overflow: hidden !important;\n  border: 1px solid var(--hke13-line-strong) !important;\n  border-radius: 12px !important;\n  background: var(--hke13-paper) !important;\n  box-shadow: var(--hke13-shadow) !important;\n}\n\n#hke13-wpforms-card.hke13-form-card .wpforms-container,\n#hke13-wpforms-card.hke13-form-card .wpforms-container-full {\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-title {\n  margin: -30px -30px 0 !important;\n  padding: 25px 30px 6px !important;\n  border: 0 !important;\n  background: var(--hke13-paper-soft) !important;\n  color: var(--hke13-ink) !important;\n  font: 700 25px\/1.25 var(--hke13-font) !important;\n  letter-spacing: -0.025em !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-title::before {\n  display: block;\n  margin-bottom: 6px;\n  content: \"PROJECT REQUIREMENT FORM\";\n  color: var(--hke13-blue);\n  font: 500 9px\/1.4 var(--hke13-mono);\n  letter-spacing: 0.14em;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-description {\n  margin: 0 -30px 28px !important;\n  padding: 0 30px 25px !important;\n  border-bottom: 1px solid var(--hke13-line) !important;\n  background: var(--hke13-paper-soft) !important;\n  color: var(--hke13-muted) !important;\n  font: 400 11px\/1.5 var(--hke13-font) !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container {\n  margin: -30px -30px 28px !important;\n  padding: 25px 30px !important;\n  border-bottom: 1px solid var(--hke13-line) !important;\n  background: var(--hke13-paper-soft) !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container .wpforms-title,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container .wpforms-description {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  background: transparent !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container .wpforms-description {\n  margin-top: 7px !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-form,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-container,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-row,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-row-block {\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field {\n  width: 100% !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  padding: 0 0 20px !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-divider {\n  padding-top: 8px !important;\n  padding-bottom: 22px !important;\n  border-bottom: 1px solid var(--hke13-line) !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-divider :is(h2, h3, h4, .wpforms-field-label),\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container :is(.wpforms-field-content, .wpforms-field-html) :is(h2, h3, h4) {\n  margin: 0 !important;\n  color: var(--hke13-ink) !important;\n  font: 700 18px\/1.3 var(--hke13-font) !important;\n  letter-spacing: -0.015em !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-layout-row {\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-layout-column {\n  min-width: 0 !important;\n}\n\n\/* A short dropdown beside a paragraph field creates a large false blank area.\n   Stack that mixed-height WPForms Layout row so both inputs use the full card. *\/\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container\n  .wpforms-layout-row:has(> .wpforms-layout-column .wpforms-field-select):has(> .wpforms-layout-column .wpforms-field-textarea) {\n  display: grid !important;\n  grid-template-columns: minmax(0, 1fr) !important;\n  gap: 0 !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container\n  .wpforms-layout-row:has(> .wpforms-layout-column .wpforms-field-select):has(> .wpforms-layout-column .wpforms-field-textarea)\n  > .wpforms-layout-column {\n  width: 100% !important;\n  max-width: none !important;\n  flex: 0 0 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-label,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-label-inline {\n  margin: 0 0 8px !important;\n  color: var(--hke13-ink-soft) !important;\n  font: 700 12px\/1.35 var(--hke13-font) !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-required-label {\n  color: var(--hke13-orange-dark) !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-description,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-sublabel {\n  margin-top: 6px !important;\n  color: var(--hke13-muted) !important;\n  font: 400 10px\/1.5 var(--hke13-font) !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-file-upload input[type=\"file\"] {\n  width: 100% !important;\n  min-height: 84px !important;\n  margin: 0 !important;\n  padding: 20px !important;\n  border: 1px dashed #9ebdd3 !important;\n  border-radius: 8px !important;\n  background: #f7fbfe !important;\n  color: var(--hke13-muted-strong) !important;\n  font: 400 12px\/1.45 var(--hke13-font) !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-uploader,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-uploader .dz-message {\n  width: 100% !important;\n  max-width: none !important;\n  min-height: 112px !important;\n  margin: 0 !important;\n  padding: 20px !important;\n  border: 1px dashed #9ebdd3 !important;\n  border-radius: 8px !important;\n  background: #f7fbfe !important;\n  color: var(--hke13-muted-strong) !important;\n  font: 400 12px\/1.55 var(--hke13-font) !important;\n  text-align: center !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-checkbox ul,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-consent ul {\n  display: grid !important;\n  gap: 10px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-checkbox li,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-consent li {\n  display: grid !important;\n  grid-template-columns: 22px minmax(0, 1fr) !important;\n  gap: 10px !important;\n  align-items: start !important;\n  margin: 0 !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"checkbox\"] {\n  appearance: auto !important;\n  width: 20px !important;\n  height: 20px !important;\n  min-height: 20px !important;\n  margin: 1px 0 0 !important;\n  padding: 0 !important;\n  accent-color: var(--hke13-blue);\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"checkbox\"]:focus-visible {\n  outline: 3px solid var(--hke13-focus) !important;\n  outline-offset: 2px;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-checkbox label,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-consent label {\n  margin: 0 !important;\n  color: var(--hke13-ink-soft) !important;\n  font: 400 12px\/1.55 var(--hke13-font) !important;\n  text-transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-submit-container {\n  margin: 0 !important;\n  padding: 10px 0 0 !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-submit-spinner {\n  width: 20px !important;\n  max-width: 20px !important;\n  height: 20px !important;\n  margin: 0 0 0 10px !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container button[type=\"submit\"][disabled],\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container button[type=\"submit\"][aria-busy=\"true\"] {\n  opacity: 0.68 !important;\n  cursor: wait !important;\n  transform: none !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container label.wpforms-error,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container em.wpforms-error,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-error-container {\n  color: var(--hke13-error) !important;\n  font: 700 11px\/1.45 var(--hke13-font) !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input.wpforms-error,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container select.wpforms-error,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container textarea.wpforms-error {\n  border-color: var(--hke13-error) !important;\n  background: #fffafb !important;\n}\n\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-confirmation-container-full,\n:is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-confirmation-container {\n  width: auto !important;\n  max-width: none !important;\n  margin: 30px !important;\n  padding: 18px !important;\n  border: 1px solid #a7d5b8 !important;\n  border-radius: 8px !important;\n  background: var(--hke13-success-bg) !important;\n  color: var(--hke13-success) !important;\n  font: 700 13px\/1.55 var(--hke13-font) !important;\n}\n\n@media (max-width: 1024px) {\n  .hke13-section {\n    padding: 76px 24px;\n  }\n\n  .hke13-intro {\n    grid-template-columns: 1fr;\n    gap: 24px;\n    margin-bottom: 36px;\n  }\n\n  .hke13-intro h2 {\n    max-width: 780px;\n    font-size: clamp(2.8rem, 7vw, 3.8rem);\n  }\n\n  .hke13-intro-copy > p {\n    max-width: 760px;\n  }\n\n  .hke13-intro-note {\n    max-width: 760px;\n  }\n\n  .hke13-layout {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  #hke13-layout.hke13-layout {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 24px !important;\n  }\n\n  #hke13-layout.hke13-layout > .e-con-inner {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 24px !important;\n  }\n\n  .hke13-project-panel {\n    position: static;\n  }\n\n  #hke13-layout .hke13-project-column {\n    position: static !important;\n    top: auto;\n  }\n\n  .hke13-project-summary {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0 28px;\n  }\n\n  .hke13-records ul {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    column-gap: 28px;\n  }\n}\n\n@media (max-width: 767px) {\n  .hke13-section {\n    padding: 64px 16px;\n    scroll-margin-top: 132px;\n  }\n\n  .hke13-section::before {\n    background-size: 42px 42px;\n  }\n\n  .hke13-intro {\n    gap: 20px;\n    margin-bottom: 30px;\n  }\n\n  .hke13-section-label {\n    justify-content: center;\n    margin-bottom: 17px !important;\n    font-size: 10px;\n  }\n\n  .hke13-section-label > span {\n    width: 42px;\n    height: 42px;\n    flex-basis: 42px;\n  }\n\n  .hke13-intro-title,\n  .hke13-intro-copy {\n    text-align: center;\n  }\n\n  .hke13-intro h2 {\n    max-width: 620px;\n    margin: 0 auto;\n    font-size: clamp(2.15rem, 9.8vw, 2.75rem);\n    line-height: 1.04;\n  }\n\n  .hke13-intro-copy > p {\n    margin: 0 auto;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .hke13-intro-note {\n    max-width: 560px;\n    margin: 20px auto 0;\n    text-align: left;\n  }\n\n  .hke13-project-head,\n  .hke13-project-summary,\n  .hke13-records,\n  .hke13-project-boundary {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .hke13-project-summary {\n    display: block;\n  }\n\n  .hke13-records ul {\n    display: block;\n  }\n\n  .hke13-form-head {\n    min-height: 0;\n    align-items: flex-start;\n    padding: 25px 20px;\n  }\n\n  .hke13-form-head h3 {\n    font-size: 22px;\n  }\n\n  .hke13-preview-banner {\n    grid-template-columns: 1fr;\n    gap: 4px;\n    margin: 20px 20px 0;\n    text-align: left;\n  }\n\n  .hke13-preview-form {\n    padding: 0 20px 26px;\n  }\n\n  .hke13-form-section {\n    padding: 25px 0 27px;\n  }\n\n  .hke13-field-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .hke13-field-wide {\n    grid-column: auto;\n  }\n\n  .hke13-upload-preview {\n    grid-template-columns: 44px minmax(0, 1fr);\n  }\n\n  .hke13-upload-preview > span:last-child {\n    grid-column: 1 \/ -1;\n    max-width: none;\n  }\n\n  .hke13-form-actions {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  #enquiry.hke13-block button.hke13-submit,\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container button[type=\"submit\"],\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container input[type=\"submit\"],\n  #enquiry.hke13-block a.hke13-secondary,\n  #enquiry.hke13-block a.hke13-secondary:visited {\n    width: 100% !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container {\n    padding: 26px 20px !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-title {\n    margin: -26px -20px 0 !important;\n    padding: 25px 20px 6px !important;\n    font-size: 22px !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-description {\n    margin: 0 -20px 25px !important;\n    padding: 0 20px 22px !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container {\n    margin: -26px -20px 25px !important;\n    padding: 25px 20px 22px !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container .wpforms-title,\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-head-container .wpforms-description {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n    padding: 0 !important;\n  }\n\n  .hke13-production-footer {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n    margin: 0 20px;\n    padding: 20px 0 24px;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-row {\n    display: block !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-field-row-block {\n    width: 100% !important;\n    margin: 0 0 16px !important;\n    padding: 0 !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-layout-row {\n    display: block !important;\n  }\n\n  :is(#hke13-wpforms-card, #enquiry.hke13-block) .wpforms-container .wpforms-layout-column {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n@media (max-width: 430px) {\n  .hke13-project-head {\n    grid-template-columns: 38px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .hke13-project-icon {\n    width: 38px;\n    height: 38px;\n  }\n\n  .hke13-project-summary > div {\n    grid-template-columns: 1fr;\n    gap: 5px;\n  }\n\n  .hke13-project-summary dd {\n    text-align: left;\n  }\n\n  .hke13-records li {\n    align-items: flex-start;\n    padding: 10px 0;\n  }\n\n  .hke13-form-head {\n    display: block;\n  }\n\n  .hke13-form-head > p {\n    margin-top: 8px !important;\n    white-space: normal;\n  }\n\n  .hke13-form-section legend {\n    grid-template-columns: 34px minmax(0, 1fr);\n  }\n\n  .hke13-form-section legend > span {\n    width: 34px;\n    height: 34px;\n  }\n\n  .hke13-upload-preview {\n    grid-template-columns: 1fr;\n    text-align: left;\n  }\n\n  .hke13-upload-icon {\n    width: 40px;\n    height: 40px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #enquiry.hke13-block *,\n  #enquiry.hke13-block *::before,\n  #enquiry.hke13-block *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n<\/style>\n\n<aside class=\"hke13-project-panel\" aria-labelledby=\"hke13-project-panel-title\">\n        <header class=\"hke13-project-head\">\n          <span class=\"hke13-project-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" role=\"img\"><path d=\"M7 3.75h7.5L18.25 7.5V20.25H7zM14.5 3.75V7.5h3.75M9.75 11h5.75M9.75 14.25h5.75M9.75 17.5h3.5\" \/><\/svg>\n          <\/span>\n          <div>\n            <span>CURRENT PROJECT BRIEF<\/span>\n            <h3 id=\"hke13-project-panel-title\">The context available for technical review<\/h3>\n          <\/div>\n          <strong class=\"hke13-project-status\" data-hke13-project-status>NO RECORDS CARRIED<\/strong>\n        <\/header>\n\n        <dl class=\"hke13-project-summary\">\n          <div>\n            <dt>Selected cable<\/dt>\n            <dd data-hke13-family>To be confirmed<\/dd>\n          <\/div>\n          <div>\n            <dt>Cable construction \/ range<\/dt>\n            <dd data-hke13-construction>To be confirmed<\/dd>\n          <\/div>\n          <div>\n            <dt>Preliminary route<\/dt>\n            <dd data-hke13-route>To be confirmed<\/dd>\n          <\/div>\n          <div>\n            <dt>Equipment interest<\/dt>\n            <dd data-hke13-equipment>To be confirmed<\/dd>\n          <\/div>\n        <\/dl>\n\n        <section class=\"hke13-records\" aria-labelledby=\"hke13-records-title\">\n          <div class=\"hke13-records-head\">\n            <span id=\"hke13-records-title\">PROJECT RECORDS CARRIED TO THIS ENQUIRY<\/span>\n            <strong><b data-hke13-carried-count>0<\/b> \/ 6<\/strong>\n          <\/div>\n          <ul>\n            <li data-hke13-record=\"brief\"><span>Cable requirement brief<\/span><strong>Not carried<\/strong><\/li>\n            <li data-hke13-record=\"equipment\"><span>Equipment interest<\/span><strong>Not carried<\/strong><\/li>\n            <li data-hke13-record=\"solution\"><span>Complete solution interest<\/span><strong>Not carried<\/strong><\/li>\n            <li data-hke13-record=\"selection\"><span>Preliminary selection basis<\/span><strong>Not carried<\/strong><\/li>\n            <li data-hke13-record=\"factory\"><span>Factory planning inputs<\/span><strong>Not carried<\/strong><\/li>\n            <li data-hke13-record=\"integration\"><span>Responsibility review<\/span><strong>Not carried<\/strong><\/li>\n          <\/ul>\n        <\/section>\n\n        <div class=\"hke13-project-boundary\">\n          <span>REVIEW BOUNDARY<\/span>\n          <p>This form requests a project-scope review. It does not confirm equipment configuration, price, delivery schedule, output, material compatibility, factory acceptance or project result.<\/p>\n        <\/div>\n      <\/aside>\n\n<script>\n(function () {\n  \"use strict\";\n\n  function init() {\n    const root = document.getElementById(\"hke13-project-enquiry\");\n    if (!root || root.dataset.hke13Ready === \"true\") return;\n    root.dataset.hke13Ready = \"true\";\n\n  const records = [\n    {\n      id: \"brief\",\n      storageKey: \"hkeElectricalProjectBriefV1\",\n      globalKey: \"HKE_ELECTRICAL_PROJECT_BRIEF\",\n      events: [\"hke:electrical-brief\", \"hke:electrical-brief-carried\"],\n      hook: \"data-hke-electrical-brief-input\",\n      fieldClass: \"hke13-brief-field\"\n    },\n    {\n      id: \"equipment\",\n      storageKey: \"hkeElectricalEquipmentInterestV1\",\n      globalKey: \"HKE_ELECTRICAL_EQUIPMENT_INTEREST\",\n      events: [\"hke:electrical-equipment\", \"hke:electrical-equipment-carried\"],\n      hook: \"data-hke-electrical-equipment-input\",\n      fieldClass: \"hke13-equipment-field\"\n    },\n    {\n      id: \"solution\",\n      storageKey: \"hkeElectricalSolutionInterestV1\",\n      globalKey: \"HKE_ELECTRICAL_SOLUTION_INTEREST\",\n      events: [\"hke:electrical-solution\", \"hke:electrical-solution-carried\"],\n      hook: \"data-hke-electrical-solution-input\",\n      fieldClass: \"hke13-solution-field\"\n    },\n    {\n      id: \"selection\",\n      storageKey: \"hkeElectricalSelectionGuideV1\",\n      globalKey: \"HKE_ELECTRICAL_SELECTION_GUIDE\",\n      events: [\"hke:electrical-selection-guide\", \"hke:electrical-selection-guide-carried\"],\n      hook: \"data-hke-electrical-selection-guide-input\",\n      fieldClass: \"hke13-selection-field\"\n    },\n    {\n      id: \"factory\",\n      storageKey: \"hkeElectricalFactoryPlanningV1\",\n      globalKey: \"HKE_ELECTRICAL_FACTORY_PLANNING\",\n      events: [\"hke:electrical-factory-planning\", \"hke:electrical-factory-planning-carried\"],\n      hook: \"data-hke-electrical-factory-planning-input\",\n      fieldClass: \"hke13-factory-field\"\n    },\n    {\n      id: \"integration\",\n      storageKey: \"hkeElectricalManufacturingIntegrationV1\",\n      globalKey: \"HKE_ELECTRICAL_MANUFACTURING_INTEGRATION\",\n      events: [\"hke:electrical-manufacturing-integration\", \"hke:electrical-manufacturing-integration-carried\"],\n      hook: \"data-hke-electrical-manufacturing-integration-input\",\n      fieldClass: \"hke13-integration-field\"\n    }\n  ];\n\n  const live = Object.create(null);\n\n  function safeStoredJson(key) {\n    try {\n      const raw = window.sessionStorage.getItem(key);\n      if (!raw) return null;\n      const value = JSON.parse(raw);\n      return value && typeof value === \"object\" ? value : null;\n    } catch (_error) {\n      return null;\n    }\n  }\n\n  function isValue(value) {\n    if (value === null || value === undefined) return false;\n    const text = String(value).trim();\n    return Boolean(text) && text !== \"To be confirmed\" && text !== \"Pending\" && text !== \"Not carried\";\n  }\n\n  function firstValue(...values) {\n    return values.find(isValue) || \"To be confirmed\";\n  }\n\n  function recordFor(item) {\n    return live[item.id] || window[item.globalKey] || safeStoredJson(item.storageKey) || null;\n  }\n\n  function ensureWpformsCard() {\n    const existing = document.getElementById(\"hke13-wpforms-card\");\n    if (existing) {\n      existing.classList.add(\"hke13-form-card\");\n      return existing;\n    }\n\n    const layout = document.getElementById(\"hke13-layout\");\n    const searchRoot = layout || document.getElementById(\"enquiry\") || root;\n    const wpforms = searchRoot.querySelector(\n      \".wpforms-container, .wpforms-container-full, form.wpforms-form\"\n    );\n    if (!wpforms) return null;\n\n    const gridRoot = layout && layout.querySelector(\":scope > .e-con-inner\") || layout;\n    let card = wpforms;\n    if (gridRoot && gridRoot.contains(card)) {\n      while (card.parentElement && card.parentElement !== gridRoot) card = card.parentElement;\n    }\n    if (!card || card === gridRoot || !searchRoot.contains(card)) {\n      card = wpforms.closest(\".elementor-widget-wpforms\") || wpforms.parentElement;\n    }\n    if (!card) return null;\n\n    card.id = \"hke13-wpforms-card\";\n    card.classList.add(\"hke13-form-card\");\n    return card;\n  }\n\n  function fieldNodes(item) {\n    const nodes = new Set(root.querySelectorAll(`[${item.hook}]`));\n    const card = ensureWpformsCard();\n    if (card && card !== root && !root.contains(card)) {\n      card.querySelectorAll(`[${item.hook}]`).forEach((field) => nodes.add(field));\n    }\n    return Array.from(nodes);\n  }\n\n  function bridgeWpformsFields() {\n    const card = ensureWpformsCard();\n    if (!card) return;\n\n    records.forEach((item) => {\n      const containers = card.querySelectorAll(`.${item.fieldClass}`);\n      containers.forEach((container) => {\n        const fields = container.matches(\"input, textarea, select\")\n          ? [container]\n          : Array.from(container.querySelectorAll(\"input, textarea, select\"));\n        fields.forEach((field) => field.setAttribute(item.hook, \"\"));\n      });\n    });\n  }\n\n  function restoreCarriedFields() {\n    records.forEach((item) => {\n      const stored = safeStoredJson(item.storageKey);\n      if (!stored) return;\n      const serialized = JSON.stringify(stored);\n      fieldNodes(item).forEach((field) => {\n        if (field.value) return;\n        field.value = serialized;\n        field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n      });\n    });\n  }\n\n  function summarySnapshot() {\n    const brief = recordFor(records[0]) || {};\n    const equipment = recordFor(records[1]) || {};\n    const solution = recordFor(records[2]) || {};\n    const selection = recordFor(records[3]) || {};\n    const factory = recordFor(records[4]) || {};\n    const integration = recordFor(records[5]) || {};\n    const process = window.HKE_ELECTRICAL_PROCESS_STATE || {};\n\n    const family = firstValue(\n      integration.family,\n      factory.family,\n      selection.family,\n      solution.family,\n      equipment.family,\n      brief.family,\n      process.family\n    );\n\n    const conductor = firstValue(selection.conductorMaterial, brief.conductor);\n    const structure = firstValue(selection.conductorStructure, brief.conductorStructure);\n    const range = firstValue(selection.conductorRange, brief.crossSection);\n    const constructionParts = [conductor, structure, range].filter(isValue);\n\n    return {\n      family,\n      construction: constructionParts.length ? constructionParts.join(\" \u00b7 \") : \"To be confirmed\",\n      route: firstValue(\n        integration.preliminaryRoute,\n        factory.preliminaryRoute,\n        selection.preliminaryRoute,\n        solution.preliminaryRoute,\n        equipment.preliminaryRoute,\n        brief.preliminaryRoute,\n        process.preliminaryRoute\n      ),\n      equipment: firstValue(\n        equipment.machineInterest,\n        equipment.stage,\n        solution.reviewedEquipmentInterest && solution.reviewedEquipmentInterest.machineInterest,\n        selection.reviewedEquipmentInterest && selection.reviewedEquipmentInterest.machineInterest\n      )\n    };\n  }\n\n  function setText(selector, value) {\n    const node = root.querySelector(selector);\n    if (node) node.textContent = value;\n  }\n\n  function syncFamilySelect(family) {\n    const select = root.querySelector(\"[data-hke13-family-select]\");\n    if (!select || !isValue(family)) return;\n    const match = Array.from(select.options).find((option) => option.textContent.trim() === family);\n    if (match && !select.value) select.value = match.value || match.textContent;\n  }\n\n  function render() {\n    bridgeWpformsFields();\n    restoreCarriedFields();\n\n    const summary = summarySnapshot();\n    setText(\"[data-hke13-family]\", summary.family);\n    setText(\"[data-hke13-construction]\", summary.construction);\n    setText(\"[data-hke13-route]\", summary.route);\n    setText(\"[data-hke13-equipment]\", summary.equipment);\n    syncFamilySelect(summary.family);\n\n    let carriedCount = 0;\n    records.forEach((item) => {\n      const carried = Boolean(safeStoredJson(item.storageKey));\n      if (carried) carriedCount += 1;\n      const row = root.querySelector(`[data-hke13-record=\"${item.id}\"]`);\n      if (!row) return;\n      row.classList.toggle(\"is-carried\", carried);\n      const status = row.querySelector(\"strong\");\n      if (status) status.textContent = carried ? \"Carried\" : \"Not carried\";\n    });\n\n    setText(\"[data-hke13-carried-count]\", String(carriedCount));\n    const status = root.querySelector(\"[data-hke13-project-status]\");\n    if (status) {\n      status.textContent = carriedCount\n        ? `${String(carriedCount).padStart(2, \"0\")} RECORD${carriedCount === 1 ? \"\" : \"S\"} CARRIED`\n        : \"NO RECORDS CARRIED\";\n      status.classList.toggle(\"is-carried\", carriedCount > 0);\n    }\n  }\n\n  records.forEach((item) => {\n    item.events.forEach((eventName) => {\n      window.addEventListener(eventName, (event) => {\n        if (event && event.detail && typeof event.detail === \"object\") live[item.id] = event.detail;\n        window.setTimeout(render, 0);\n      });\n    });\n  });\n\n  const observerRoot = document.getElementById(\"hke13-layout\") || document.getElementById(\"enquiry\") || root;\n  if (observerRoot && \"MutationObserver\" in window) {\n    const observer = new MutationObserver(() => {\n      bridgeWpformsFields();\n      restoreCarriedFields();\n    });\n    observer.observe(observerRoot, { childList: true, subtree: true });\n  }\n\n\n    render();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init, { once: true });\n  } else {\n    init();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c452b18 hke13-form-card elementor-widget elementor-widget-wpforms\" data-id=\"c452b18\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"hke13-project-column\" data-widget_type=\"wpforms.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container wpforms-container-quiz wpforms-render-modern\" id=\"wpforms-16120\"><form id=\"wpforms-form-16120\" class=\"wpforms-validate wpforms-form\" data-formid=\"16120\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/ru\/wp-json\/wp\/v2\/pages\/9652?wpforms_form_id=16120\" data-token=\"02b649f2c0b47f14867afce715c3a0f6\" data-token-time=\"1786713683\"><div class=\"wpforms-head-container\"><div class=\"wpforms-title\">Electrical Cable Production Project Brief<\/div><\/div><noscript class=\"wpforms-error-noscript\">\u0414\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u044b \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0435 JavaScript \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">\u0414\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u044b \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0435 JavaScript \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-16120-field_1-container\" class=\"wpforms-field wpforms-field-divider\" data-field-type=\"divider\" data-field-id=\"1\"><h3 id=\"wpforms-16120-field_1\" aria-errormessage=\"wpforms-16120-field_1-error\" aria-describedby=\"wpforms-16120-field_1-description\">SECTION 1 \u2014 Contact details<\/h3><div id=\"wpforms-16120-field_1-description\" class=\"wpforms-field-description\">Who should receive the technical follow-up?<\/div><\/div>\t\t<div id=\"wpforms-16120-field_19-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"19\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-16120-field_19\" >Capacity Contact \/<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-16120-field_19\" class=\"wpforms-field-medium\" name=\"wpforms[fields][19]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-16120-field_26-container\" class=\"wpforms-field wpforms-field-layout\" data-field-type=\"layout\" data-field-id=\"26\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_2\">Your Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-16120-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-16120-field_2-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_3\">Company <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-16120-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-16120-field_3-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_4-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_4\">Work Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-16120-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" spellcheck=\"false\" aria-errormessage=\"wpforms-16120-field_4-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_5-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_5\">Phone \/ WhatsApp<\/label><input type=\"tel\" id=\"wpforms-16120-field_5\" class=\"wpforms-field-medium wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][5]\" aria-label=\"Phone \/ WhatsApp\" aria-errormessage=\"wpforms-16120-field_5-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-16120-field_6-container\" class=\"wpforms-field wpforms-field-divider\" data-field-type=\"divider\" data-field-id=\"6\"><h3 id=\"wpforms-16120-field_6\" aria-errormessage=\"wpforms-16120-field_6-error\" aria-describedby=\"wpforms-16120-field_6-description\">SECTION 2 \u2014 Cable &amp; project basis<\/h3><div id=\"wpforms-16120-field_6-description\" class=\"wpforms-field-description\">Provide confirmed data only; unknown items may remain To be confirmed.<\/div><\/div><div id=\"wpforms-16120-field_27-container\" class=\"wpforms-field wpforms-field-layout\" data-field-type=\"layout\" data-field-id=\"27\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_7-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-type=\"select\" data-field-id=\"7\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_7\">Cable Family<\/label><select id=\"wpforms-16120-field_7\" class=\"wpforms-field-medium\" name=\"wpforms[fields][7]\"><option value=\"To be confirmed\"  class=\"choice-1 depth-1\"  >To be confirmed<\/option><option value=\"Building Wire\"  class=\"choice-2 depth-1\"  >Building Wire<\/option><option value=\"THHN \/ THWN\"  class=\"choice-3 depth-1\"  >THHN \/ THWN<\/option><option value=\"Flexible Cable\"  class=\"choice-4 depth-1\"  >Flexible Cable<\/option><option value=\"Control Cable\"  class=\"choice-5 depth-1\"  >Control Cable<\/option><option value=\"LV Power Cable\"  class=\"choice-6 depth-1\"  >LV Power Cable<\/option><option value=\"Armoured Power Cable\"  class=\"choice-7 depth-1\"  >Armoured Power Cable<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_8-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_8\">Cable Structure \/ Target Cable <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-16120-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" placeholder=\"Describe the finished cable or paste the known structure and size range.\" aria-errormessage=\"wpforms-16120-field_8-error\" required><\/textarea><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_9-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_9\">Conductor Material<\/label><input type=\"text\" id=\"wpforms-16120-field_9\" class=\"wpforms-field-medium\" name=\"wpforms[fields][9]\" placeholder=\"Copper, aluminum or To be confirmed\" aria-errormessage=\"wpforms-16120-field_9-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_10-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"10\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_10\">Cross-section Range<\/label><input type=\"text\" id=\"wpforms-16120-field_10\" class=\"wpforms-field-medium\" name=\"wpforms[fields][10]\" placeholder=\"Range and unit, if known\" aria-errormessage=\"wpforms-16120-field_10-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_11-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"11\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_11\">Insulation \/ Jacket Material<\/label><input type=\"text\" id=\"wpforms-16120-field_11\" class=\"wpforms-field-medium\" name=\"wpforms[fields][11]\" placeholder=\"Material system, if known\" aria-errormessage=\"wpforms-16120-field_11-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_12-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"12\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_12\">Rated Voltage \/ Designation<\/label><input type=\"text\" id=\"wpforms-16120-field_12\" class=\"wpforms-field-medium\" name=\"wpforms[fields][12]\" placeholder=\"Voltage or cable designation, if known\" aria-errormessage=\"wpforms-16120-field_12-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_13-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"13\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_13\">Target Output \/ Capacity<\/label><input type=\"text\" id=\"wpforms-16120-field_13\" class=\"wpforms-field-medium\" name=\"wpforms[fields][13]\" placeholder=\"Quantity and unit, if known\" aria-errormessage=\"wpforms-16120-field_13-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_14-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"14\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_14\">Project Timeline<\/label><input type=\"text\" id=\"wpforms-16120-field_14\" class=\"wpforms-field-medium\" name=\"wpforms[fields][14]\" placeholder=\"Target timing, if known\" aria-errormessage=\"wpforms-16120-field_14-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_15-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_15\">Factory Conditions<\/label><textarea id=\"wpforms-16120-field_15\" class=\"wpforms-field-medium\" name=\"wpforms[fields][15]\" placeholder=\"Available space, utilities and existing equipment or interfaces.\" aria-errormessage=\"wpforms-16120-field_15-error\" ><\/textarea><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-16120-field_16-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"16\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_16\">Additional Project Requirements<\/label><textarea id=\"wpforms-16120-field_16\" class=\"wpforms-field-medium\" name=\"wpforms[fields][16]\" placeholder=\"Add production goals, acceptance basis, packing or other project notes.\" aria-errormessage=\"wpforms-16120-field_16-error\" ><\/textarea><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-16120-field_17-container\" class=\"wpforms-field wpforms-field-divider\" data-field-type=\"divider\" data-field-id=\"17\"><h3 id=\"wpforms-16120-field_17\" aria-errormessage=\"wpforms-16120-field_17-error\" aria-describedby=\"wpforms-16120-field_17-description\">SECTION 3 \u2014 Drawing or reference<\/h3><div id=\"wpforms-16120-field_17-description\" class=\"wpforms-field-description\">Optional. Upload rules are controlled by the approved WPForms field settings.<\/div><\/div><div id=\"wpforms-16120-field_18-container\" class=\"wpforms-field wpforms-field-file-upload\" data-field-type=\"file-upload\" data-field-id=\"18\"><label class=\"wpforms-field-label\" for=\"wpforms-16120-field_18\">Cable Drawing \/ Reference<\/label><div\n\t\tclass=\"wpforms-uploader \"\n\t\tdata-field-id=\"18\"\n\t\tdata-form-id=\"16120\"\n\t\tdata-input-name=\"wpforms_16120_18\"\n\t\tdata-extensions=\"jpg,jpeg,jpe,gif,png,bmp,tiff,tif,webp,avif,ico,heic,heif,heics,heifs,asf,asx,wmv,wmx,wm,avi,divx,mov,qt,mpeg,mpg,mpe,mp4,m4v,ogv,webm,mkv,3gp,3gpp,3g2,3gp2,txt,asc,c,cc,h,srt,csv,tsv,ics,rtx,css,vtt,mp3,m4a,m4b,aac,ra,ram,wav,x-wav,ogg,oga,flac,mid,midi,wma,wax,mka,rtf,pdf,class,tar,zip,gz,gzip,rar,7z,psd,xcf,doc,pot,pps,ppt,wri,xla,xls,xlt,xlw,mpp,docx,docm,dotx,dotm,xlsx,xlsm,xlsb,xltx,xltm,xlam,pptx,pptm,ppsx,ppsm,potx,potm,ppam,sldx,sldm,onetoc,onetoc2,onepkg,oxps,xps,odt,odp,ods,odg,odc,odb,odf,wp,wpd,key,numbers,pages,woff2,woff,ttf,eot,otf,json\"\n\t\tdata-max-size=\"52428800\"\n\t\tdata-max-file-number=\"1\"\n\t\tdata-post-max-size=\"52428800\"\n\t\tdata-max-parallel-uploads=\"4\"\n\t\tdata-parallel-uploads=\"true\"\n\t\tdata-file-chunk-size=\"2097152\">\n\t<div class=\"dz-message\">\n\t\t<svg  viewBox=\"0 0 640 640\" focusable=\"false\" data-icon=\"inbox\" width=\"50px\" height=\"50px\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t<path d=\"M352 173.3L352 384C352 401.7 337.7 416 320 416C302.3 416 288 401.7 288 384L288 173.3L246.6 214.7C234.1 227.2 213.8 227.2 201.3 214.7C188.8 202.2 188.8 181.9 201.3 169.4L297.3 73.4C309.8 60.9 330.1 60.9 342.6 73.4L438.6 169.4C451.1 181.9 451.1 202.2 438.6 214.7C426.1 227.2 405.8 227.2 393.3 214.7L352 173.3zM320 464C364.2 464 400 428.2 400 384L480 384C515.3 384 544 412.7 544 448L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 448C96 412.7 124.7 384 160 384L240 384C240 428.2 275.8 464 320 464zM464 488C477.3 488 488 477.3 488 464C488 450.7 477.3 440 464 440C450.7 440 440 450.7 440 464C440 477.3 450.7 488 464 488z\"\/>\n\t\t<\/svg>\n\n\t\t<span class=\"modern-title\">\n\t\t\t\t\t\t\tDrag &amp; Drop Files, \t\t\t\t<span>Choose Files to Upload<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t<\/div>\n<\/div>\n\n<input\n\t\ttype=\"text\"\n\t\tautocomplete=\"off\"\n\t\treadonly\n\t\tclass=\"dropzone-input\"\n\t\tstyle=\"position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;\"\n\t\tid=\"wpforms-16120-field_18\"\n\t\tname=\"wpforms_16120_18\" \t\tvalue=\"\">\n<div id=\"wpforms-16120-field_18-description\" class=\"wpforms-field-description\">Attach available cable drawings, specification sheets or sample photos. Display only the file types, size and quantity limits configured in WPForms.<\/div><\/div><div id=\"wpforms-16120-field_20-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-type=\"hidden\" data-field-id=\"20\"><input type=\"hidden\" id=\"wpforms-16120-field_20\" name=\"wpforms[fields][20]\"><\/div><div id=\"wpforms-16120-field_21-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-type=\"hidden\" data-field-id=\"21\"><input type=\"hidden\" id=\"wpforms-16120-field_21\" name=\"wpforms[fields][21]\"><\/div><div id=\"wpforms-16120-field_22-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-type=\"hidden\" data-field-id=\"22\"><input type=\"hidden\" id=\"wpforms-16120-field_22\" name=\"wpforms[fields][22]\"><\/div><div id=\"wpforms-16120-field_23-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-type=\"hidden\" data-field-id=\"23\"><input type=\"hidden\" id=\"wpforms-16120-field_23\" name=\"wpforms[fields][23]\"><\/div><div id=\"wpforms-16120-field_24-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-type=\"hidden\" data-field-id=\"24\"><input type=\"hidden\" id=\"wpforms-16120-field_24\" name=\"wpforms[fields][24]\"><\/div><div id=\"wpforms-16120-field_25-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-type=\"hidden\" data-field-id=\"25\"><input type=\"hidden\" id=\"wpforms-16120-field_25\" name=\"wpforms[fields][25]\"><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-16120-field_19-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-16120-field_19-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-16120-field_19-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"16120\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/pages\/9652\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><div class=\"activelayer-env-wrap\" aria-hidden=\"true\" style=\"position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;\"><input type=\"text\" name=\"activelayer_env_signals\" value=\"\" class=\"activelayer-env-signals\" autocomplete=\"off\" tabindex=\"-1\" \/><\/div><div class=\"activelayer-behavioral-wrap\" aria-hidden=\"true\" style=\"position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;\"><input type=\"text\" name=\"activelayer_behavioral_signals\" value=\"\" class=\"activelayer-behavioral-signals\" autocomplete=\"off\" tabindex=\"-1\" \/><\/div><div class=\"activelayer-hp-wrap\" aria-hidden=\"true\" style=\"position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;\"><label class=\"activelayer-sr-only\">Leave this field empty<\/label><input type=\"email\" name=\"al_hp_email\" value=\"\" class=\"activelayer-hp-field\" autocomplete=\"off\" tabindex=\"-1\" \/><\/div>\t\t<input type=\"hidden\" name=\"vjt_form_plugin\" value=\"wpforms\" \/>\n\t\t<input type=\"hidden\" name=\"vjt_form_id\" value=\"16120\" \/>\n\t\t<input type=\"hidden\" name=\"vjt_form_name\" value=\"Electrical Cable Production Project Brief\" \/>\n\t\t<input type=\"hidden\" name=\"vjt_submit_page\" value=\"https:\/\/hkcablemachine.com\/ru\/ru\/wp-json\/wp\/v2\/pages\/9652\" \/>\n\t\t<input type=\"hidden\" name=\"vjt_submit_title\" value=\"HONGKAI Cable Machinery\" \/>\n\t\t<input type=\"hidden\" name=\"vjt_referrer\" value=\"\" \/>\n\t\t<button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-16120\" class=\"wpforms-submit\" data-alt-text=\"\u53d1\u9001\u4e2d\u2026\" data-submit-text=\"Submit Cable Requirements\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit Cable Requirements<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \u203a Products &amp; Capabilities \u203a Electrical Cable Production Lines 00 ELECTRICAL CABLE PRODUCTION SOLUTIONS Electrical CableProduction Lines &amp;Equipment Start with the cable you want to produce, the specification you need, or the factory you plan to build. HONGKAI connects the cable route, process, equipment and project coordination into one practical production plan. Find My [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8916,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9652","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/pages\/9652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/comments?post=9652"}],"version-history":[{"count":21,"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/pages\/9652\/revisions"}],"predecessor-version":[{"id":16171,"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/pages\/9652\/revisions\/16171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/media\/8916"}],"wp:attachment":[{"href":"https:\/\/hkcablemachine.com\/ru\/wp-json\/wp\/v2\/media?parent=9652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}