{"id":126,"date":"2026-08-23T14:22:45","date_gmt":"2026-08-23T14:22:45","guid":{"rendered":"https:\/\/staging3.gmportal.net\/?page_id=126"},"modified":"2026-08-25T02:23:06","modified_gmt":"2026-08-25T07:23:06","slug":"smart-home-products","status":"publish","type":"page","link":"https:\/\/electricalexpert520.com\/index.php\/smart-home-products\/","title":{"rendered":"Smart Home Products"},"content":{"rendered":"\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"0\" data-consonant-block=\"post-126-smart-home-hero\" data-consonant-page=\"126\" data-consonant-source=\"post-content\" class=\"ee-smh-hero\" aria-labelledby=\"ee-smh-hero-title\">\n  <div class=\"ee-smh-hero__grid\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-smh-hero__signal-field\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1600 900\" preserveAspectRatio=\"none\">\n      <path d=\"M-80 170 C180 80 300 260 530 180 S920 80 1120 210 S1450 290 1680 120\"><\/path>\n      <path d=\"M-120 330 C150 230 340 420 590 320 S1010 210 1210 390 S1470 470 1700 300\"><\/path>\n      <path d=\"M-60 545 C190 420 390 650 650 520 S1050 420 1260 600 S1490 620 1680 520\"><\/path>\n      <path class=\"ee-smh-hero__signal-yellow\" d=\"M-100 700 C250 590 470 780 760 655 S1190 560 1430 720 S1580 750 1700 680\"><\/path>\n    <\/svg>\n  <\/div>\n\n  <div class=\"ee-smh-hero__shell\">\n    <div class=\"ee-smh-hero__copy\">\n      <span class=\"ee-smh-hero__eyebrow ee-smh-hero__reveal\">\n        SMART HOME \/ TUCSON AZ\n      <\/span>\n\n      <h1 id=\"ee-smh-hero-title\" class=\"ee-smh-hero__reveal\">\n        Smart Home Electrical Starts\n        <span>With the Electrical System.<\/span>\n      <\/h1>\n\n      <p class=\"ee-smh-hero__lead ee-smh-hero__reveal\">\n        Smart-home technology can add convenience, visibility, control, and\n        new ways to manage the property. But every connected device still\n        depends on real wiring, real circuits, and real electrical capacity.\n      <\/p>\n\n      <div class=\"ee-smh-hero__rail ee-smh-hero__reveal\" aria-label=\"Smart home electrical priorities\">\n        <span>WIRING<\/span>\n        <i><\/i>\n        <span>CIRCUITS<\/span>\n        <i><\/i>\n        <span>CAPACITY<\/span>\n        <i><\/i>\n        <span>CONTROL<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"ee-smh-hero__visual ee-smh-hero__reveal\">\n      <div class=\"ee-smh-hero__visual-grid\" aria-hidden=\"true\"><\/div>\n\n      <svg class=\"ee-smh-hero__map-lines\" viewBox=\"0 0 700 540\" aria-hidden=\"true\">\n        <path d=\"M350 270 L350 90\"><\/path>\n        <path d=\"M350 270 L590 180\"><\/path>\n        <path d=\"M350 270 L565 420\"><\/path>\n        <path d=\"M350 270 L135 420\"><\/path>\n        <path d=\"M350 270 L110 175\"><\/path>\n      <\/svg>\n\n      <div class=\"ee-smh-hero__hub\">\n        <small>THE FOUNDATION<\/small>\n        <strong>Electrical<br>System<\/strong>\n        <span>POWER \u2022 CIRCUITS \u2022 CAPACITY<\/span>\n      <\/div>\n\n      <div class=\"ee-smh-hero__node ee-smh-hero__node--app\">\n        <small>01<\/small>\n        <strong>APP<\/strong>\n      <\/div>\n\n      <div class=\"ee-smh-hero__node ee-smh-hero__node--device\">\n        <small>02<\/small>\n        <strong>DEVICE<\/strong>\n      <\/div>\n\n      <div class=\"ee-smh-hero__node ee-smh-hero__node--switching\">\n        <small>03<\/small>\n        <strong>SWITCHING<\/strong>\n      <\/div>\n\n      <div class=\"ee-smh-hero__node ee-smh-hero__node--circuit\">\n        <small>04<\/small>\n        <strong>CIRCUIT<\/strong>\n      <\/div>\n\n      <div class=\"ee-smh-hero__node ee-smh-hero__node--panel\">\n        <small>05<\/small>\n        <strong>PANEL<\/strong>\n      <\/div>\n\n      <div class=\"ee-smh-hero__corner-mark\" aria-hidden=\"true\">\n        <span>CONNECTED<\/span>\n        <b>520<\/b>\n      <\/div>\n    <\/div>\n\n    <aside class=\"ee-smh-hero__aside ee-smh-hero__reveal\">\n      <span>PLANNED FROM THE ELECTRICAL SIDE<\/span>\n      <p>\n        Electrical Expert LLC helps Tucson-area homeowners plan and install\n        the electrical side of smart-home products so the technology is\n        supported by the system behind it.\n      <\/p>\n    <\/aside>\n  <\/div>\n\n  <div class=\"ee-smh-hero__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n      <path class=\"ee-smh-divider__field\" d=\"M0 73 L45 58 L62 18 L100 43 L100 100 L0 100 Z\"><\/path>\n      <path class=\"ee-smh-divider__blue\" d=\"M0 42 L0 74 L64 55 Z\"><\/path>\n      <path class=\"ee-smh-divider__yellow\" d=\"M100 27 L100 48 L58 46 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-smh-hero,\n.ee-smh-hero * {\n  box-sizing: border-box;\n}\n\n.ee-smh-hero {\n  --smh-navy: #020817;\n  --smh-ink: #071426;\n  --smh-blue: #1494ff;\n  --smh-yellow: #f9b000;\n  --smh-ice: #eef4f9;\n\n  position: relative;\n  isolation: isolate;\n  min-height: clamp(720px, 86svh, 920px);\n  overflow-x: clip;\n  overflow-y: hidden;\n  background:\n    radial-gradient(circle at 68% 42%, rgba(20, 148, 255, .15), transparent 29rem),\n    radial-gradient(circle at 18% 82%, rgba(249, 176, 0, .07), transparent 24rem),\n    var(--smh-navy);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-smh-hero__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .14;\n  background-image:\n    linear-gradient(rgba(20, 148, 255, .12) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20, 148, 255, .08) 1px, transparent 1px);\n  background-size: 72px 72px;\n  mask-image: linear-gradient(90deg, #000, transparent 78%);\n}\n\n.ee-smh-hero__signal-field {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  opacity: .38;\n  pointer-events: none;\n}\n\n.ee-smh-hero__signal-field svg {\n  width: 100%;\n  height: 100%;\n}\n\n.ee-smh-hero__signal-field path {\n  fill: none;\n  stroke: var(--smh-blue);\n  stroke-width: 1.25;\n  stroke-dasharray: 8 18;\n  vector-effect: non-scaling-stroke;\n  animation: eeSmhHeroSignal 18s linear infinite;\n}\n\n.ee-smh-hero__signal-field path:nth-child(2) {\n  opacity: .65;\n  animation-duration: 23s;\n}\n\n.ee-smh-hero__signal-field path:nth-child(3) {\n  opacity: .45;\n  animation-duration: 28s;\n}\n\n.ee-smh-hero__signal-field .ee-smh-hero__signal-yellow {\n  stroke: var(--smh-yellow);\n  opacity: .72;\n  animation-duration: 26s;\n}\n\n.ee-smh-hero__shell {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr);\n  grid-template-rows: auto auto;\n  gap: clamp(34px, 5vw, 74px);\n  width: min(1380px, calc(100% - 48px));\n  min-height: inherit;\n  margin: 0 auto;\n  padding: clamp(72px, 8vh, 104px) 0 clamp(138px, 14vh, 178px);\n  align-items: center;\n}\n\n.ee-smh-hero__copy {\n  position: relative;\n  z-index: 3;\n  max-width: 760px;\n}\n\n.ee-smh-hero__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 19px;\n  color: var(--smh-yellow);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .17em;\n}\n\n.ee-smh-hero__eyebrow::before {\n  content: \"\";\n  width: 46px;\n  height: 3px;\n  background: var(--smh-blue);\n}\n\n.ee-smh-hero h1 {\n  max-width: 820px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(48px, 6.1vw, 92px);\n  font-weight: 900;\n  line-height: .88;\n  letter-spacing: -.058em;\n  text-transform: uppercase;\n}\n\n.ee-smh-hero h1 span {\n  display: block;\n  color: var(--smh-blue);\n}\n\n.ee-smh-hero__lead {\n  max-width: 675px;\n  margin: 30px 0 0;\n  padding-left: 19px;\n  border-left: 3px solid var(--smh-yellow);\n  color: rgba(235, 243, 255, .75);\n  font-size: clamp(16px, 1.25vw, 20px);\n  font-weight: 550;\n  line-height: 1.65;\n}\n\n.ee-smh-hero__rail {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  margin-top: 29px;\n  color: rgba(255, 255, 255, .48);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-smh-hero__rail span:nth-of-type(1),\n.ee-smh-hero__rail span:nth-of-type(3) {\n  color: #fff;\n}\n\n.ee-smh-hero__rail i {\n  width: 28px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--smh-blue), var(--smh-yellow));\n}\n\n.ee-smh-hero__visual {\n  position: relative;\n  min-height: clamp(500px, 43vw, 620px);\n  overflow: hidden;\n  background:\n    radial-gradient(circle at center, rgba(20, 148, 255, .12), transparent 47%),\n    linear-gradient(145deg, rgba(9, 36, 60, .96), rgba(2, 8, 23, .88));\n  border: 1px solid rgba(255, 255, 255, .1);\n  clip-path: polygon(\n    8% 0,\n    100% 0,\n    100% 85%,\n    92% 100%,\n    0 100%,\n    0 12%\n  );\n  filter:\n    drop-shadow(rgba(20, 148, 255, .48) 13px 13px 0)\n    drop-shadow(rgba(249, 176, 0, .30) -10px -9px 0)\n    drop-shadow(rgba(0, 0, 0, .36) 0 30px 50px);\n}\n\n.ee-smh-hero__visual-grid {\n  position: absolute;\n  inset: 0;\n  opacity: .2;\n  background-image:\n    linear-gradient(rgba(20, 148, 255, .16) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20, 148, 255, .11) 1px, transparent 1px);\n  background-size: 44px 44px;\n}\n\n.ee-smh-hero__map-lines {\n  position: absolute;\n  inset: 6% 5%;\n  width: 90%;\n  height: 88%;\n  overflow: visible;\n}\n\n.ee-smh-hero__map-lines path {\n  fill: none;\n  stroke: rgba(20, 148, 255, .65);\n  stroke-width: 2;\n  stroke-dasharray: 7 11;\n  animation: eeSmhMapFlow 7s linear infinite;\n}\n\n.ee-smh-hero__map-lines path:nth-child(even) {\n  stroke: rgba(249, 176, 0, .62);\n  animation-direction: reverse;\n}\n\n.ee-smh-hero__hub {\n  position: absolute;\n  z-index: 3;\n  left: 50%;\n  top: 50%;\n  display: grid;\n  place-content: center;\n  width: 190px;\n  height: 160px;\n  padding: 20px;\n  transform: translate(-50%, -50%);\n  background: var(--smh-ink);\n  color: #fff;\n  text-align: center;\n  clip-path: polygon(10% 0, 100% 0, 100% 84%, 88% 100%, 0 100%, 0 15%);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13);\n}\n\n.ee-smh-hero__hub::after {\n  content: \"\";\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  width: 30px;\n  height: 3px;\n  background: var(--smh-yellow);\n}\n\n.ee-smh-hero__hub small,\n.ee-smh-hero__hub span {\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-smh-hero__hub small {\n  margin-bottom: 9px;\n  color: var(--smh-blue);\n}\n\n.ee-smh-hero__hub strong {\n  font-size: 26px;\n  line-height: .95;\n  text-transform: uppercase;\n}\n\n.ee-smh-hero__hub span {\n  margin-top: 11px;\n  color: rgba(255, 255, 255, .45);\n}\n\n.ee-smh-hero__node {\n  position: absolute;\n  z-index: 4;\n  display: grid;\n  place-content: center;\n  width: 116px;\n  height: 76px;\n  padding: 10px;\n  background: rgba(7, 20, 38, .95);\n  text-align: center;\n  clip-path: polygon(0 0, 88% 0, 100% 28%, 100% 100%, 9% 100%, 0 72%);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .11);\n}\n\n.ee-smh-hero__node::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  z-index: -1;\n  border: 1px solid rgba(20, 148, 255, .28);\n}\n\n.ee-smh-hero__node small {\n  margin-bottom: 4px;\n  color: var(--smh-yellow);\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .12em;\n}\n\n.ee-smh-hero__node strong {\n  color: #fff;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: .06em;\n}\n\n.ee-smh-hero__node--app {\n  left: 50%;\n  top: 8%;\n  transform: translateX(-50%);\n}\n\n.ee-smh-hero__node--device {\n  right: 5%;\n  top: 26%;\n}\n\n.ee-smh-hero__node--switching {\n  right: 8%;\n  bottom: 10%;\n}\n\n.ee-smh-hero__node--circuit {\n  left: 8%;\n  bottom: 10%;\n}\n\n.ee-smh-hero__node--panel {\n  left: 4%;\n  top: 25%;\n}\n\n.ee-smh-hero__corner-mark {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  display: grid;\n  justify-items: end;\n  color: rgba(255, 255, 255, .38);\n}\n\n.ee-smh-hero__corner-mark span {\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-hero__corner-mark b {\n  margin-top: 5px;\n  color: var(--smh-yellow);\n  font-size: 30px;\n  line-height: 1;\n}\n\n.ee-smh-hero__aside {\n  grid-column: 2;\n  width: min(520px, 92%);\n  margin: -24px 0 0 auto;\n  padding: 19px 22px 21px;\n  background: rgba(238, 244, 249, .97);\n  color: var(--smh-ink);\n  clip-path: polygon(7% 0, 100% 0, 100% 78%, 92% 100%, 0 100%, 0 20%);\n  filter:\n    drop-shadow(var(--smh-blue) -8px 9px 0)\n    drop-shadow(rgba(249, 176, 0, .65) 7px -6px 0)\n    drop-shadow(rgba(0, 0, 0, .28) 0 18px 32px);\n}\n\n.ee-smh-hero__aside span {\n  display: block;\n  margin-bottom: 8px;\n  color: #0b6fb7;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-hero__aside p {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 650;\n  line-height: 1.55;\n}\n\n.ee-smh-hero__handoff {\n  position: absolute;\n  z-index: 6;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(72px, 8vw, 122px);\n  background: var(--smh-ice);\n  clip-path: polygon(0 76%, 31% 62%, 66% 18%, 100% 40%, 100% 100%, 0 100%);\n}\n\n.ee-smh-hero__handoff::before {\n  content: \"\";\n  position: absolute;\n  left: -3%;\n  top: 25%;\n  width: 81%;\n  height: 28%;\n  background: var(--smh-blue);\n  transform: rotate(-3.2deg);\n}\n\n.ee-smh-hero__handoff::after {\n  content: \"\";\n  position: absolute;\n  right: -5%;\n  top: 39%;\n  width: 48%;\n  height: 14%;\n  background: var(--smh-yellow);\n  transform: rotate(2deg);\n}\n\n.ee-smh-hero.is-js .ee-smh-hero__reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  filter: blur(5px);\n}\n\n.ee-smh-hero.is-js.is-visible .ee-smh-hero__reveal {\n  opacity: 1;\n  transform: none;\n  filter: none;\n  transition:\n    opacity .7s cubic-bezier(.2, .75, .25, 1),\n    transform .7s cubic-bezier(.2, .75, .25, 1),\n    filter .7s ease;\n}\n\n.ee-smh-hero.is-js.is-visible .ee-smh-hero__reveal:nth-child(2) {\n  transition-delay: .08s;\n}\n\n.ee-smh-hero.is-js.is-visible .ee-smh-hero__reveal:nth-child(3) {\n  transition-delay: .16s;\n}\n\n@keyframes eeSmhHeroSignal {\n  to {\n    stroke-dashoffset: -260;\n  }\n}\n\n@keyframes eeSmhMapFlow {\n  to {\n    stroke-dashoffset: -180;\n  }\n}\n\n@media (max-width: 980px) {\n  .ee-smh-hero__shell {\n    grid-template-columns: 1fr;\n    width: min(760px, calc(100% - 32px));\n    padding-top: 62px;\n  }\n\n  .ee-smh-hero__visual {\n    min-height: 520px;\n  }\n\n  .ee-smh-hero__aside {\n    grid-column: auto;\n    width: min(620px, 92%);\n    margin: -8px 0 0 auto;\n  }\n}\n\n@media (max-width: 600px) {\n  .ee-smh-hero {\n    min-height: 0;\n  }\n\n  .ee-smh-hero__shell {\n    width: calc(100% - 26px);\n    gap: 30px;\n    padding: 48px 0 118px;\n  }\n\n  .ee-smh-hero h1 {\n    font-size: clamp(41px, 12vw, 56px);\n  }\n\n  .ee-smh-hero__lead {\n    padding-left: 14px;\n    font-size: 15px;\n  }\n\n  .ee-smh-hero__rail i {\n    width: 17px;\n  }\n\n  .ee-smh-hero__visual {\n    min-height: 410px;\n  }\n\n  .ee-smh-hero__hub {\n    width: 150px;\n    height: 132px;\n  }\n\n  .ee-smh-hero__hub strong {\n    font-size: 21px;\n  }\n\n  .ee-smh-hero__node {\n    width: 88px;\n    height: 60px;\n  }\n\n  .ee-smh-hero__node strong {\n    font-size: 9px;\n  }\n\n  .ee-smh-hero__node--device {\n    right: 2%;\n  }\n\n  .ee-smh-hero__node--panel {\n    left: 2%;\n  }\n\n  .ee-smh-hero__aside {\n    width: 94%;\n    padding: 18px;\n  }\n\n  .ee-smh-hero__handoff {\n    height: 70px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-smh-hero__signal-field path,\n  .ee-smh-hero__map-lines path {\n    animation: none;\n  }\n\n  .ee-smh-hero.is-js .ee-smh-hero__reveal,\n  .ee-smh-hero.is-js.is-visible .ee-smh-hero__reveal {\n    opacity: 1;\n    transform: none;\n    filter: none;\n    transition: none;\n  }\n}\n\/* Smart Home divider 01 \u2014 paired signal handshake *\/\n.ee-smh-hero__handoff{left:-3%;right:-3%;bottom:-1px;height:clamp(168px,14.5vw,220px);background:transparent;clip-path:none;overflow:hidden;pointer-events:none}\n.ee-smh-hero__handoff::before,.ee-smh-hero__handoff::after{content:none}\n.ee-smh-hero__handoff span{position:absolute;display:block;margin:0;border:0}\n.ee-smh-hero__handoff span:nth-child(1){z-index:1;inset:0;background:#eef4f9;clip-path:polygon(0 72%,44% 55%,63% 18%,100% 40%,100% 100%,0 100%)}\n.ee-smh-hero__handoff span:nth-child(2){z-index:2;left:0;top:38%;width:65vw;height:34px;background:var(--smh-blue);opacity:.80;clip-path:polygon(0 0,0 100%,100% 50%);filter:drop-shadow(0 10px 17px rgba(20,148,255,.18))}\n.ee-smh-hero__handoff span:nth-child(3){z-index:3;right:0;top:29%;width:44vw;height:22px;background:var(--smh-yellow);opacity:.94;clip-path:polygon(0 50%,100% 0,100% 100%);filter:drop-shadow(0 7px 13px rgba(249,176,0,.16))}\n@media(max-width:560px){.ee-smh-hero__handoff{height:98px}.ee-smh-hero__handoff span:nth-child(2){height:22px}.ee-smh-hero__handoff span:nth-child(3){height:14px}}\n\/* Smart Home bespoke divider 01 \u2014 two-sided handshake *\/\n.ee-smh-hero__handoff{background:transparent;clip-path:none;overflow:hidden}\n.ee-smh-hero__handoff::before,.ee-smh-hero__handoff::after{content:none}\n.ee-smh-hero__handoff svg{display:block;width:100%;height:100%;overflow:hidden}\n.ee-smh-hero__handoff .ee-smh-divider__field{fill:#eef4f9}\n.ee-smh-hero__handoff .ee-smh-divider__blue{fill:var(--smh-blue);filter:drop-shadow(0 7px 11px rgba(20,148,255,.16))}\n.ee-smh-hero__handoff .ee-smh-divider__yellow{fill:var(--smh-yellow);filter:drop-shadow(0 5px 9px rgba(249,176,0,.14))}\n.ee-smh-hero__handoff .ee-smh-divider__cyan{fill:rgba(87,222,244,.8)}\n.ee-smh-hero__handoff .ee-smh-divider__blue{opacity:.80}\n.ee-smh-hero__handoff .ee-smh-divider__yellow{opacity:.95}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".ee-smh-hero\");\n  if (!root) return;\n\n  const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  root.classList.add(\"is-js\");\n\n  const reveal = () => {\n    requestAnimationFrame(() => {\n      root.classList.add(\"is-visible\");\n    });\n  };\n\n  if (reduceMotion.matches) {\n    root.classList.add(\"is-visible\");\n    return;\n  }\n\n  window.setTimeout(reveal, 120);\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"1\" data-consonant-block=\"post-126-connected-products-foundation\" data-consonant-page=\"126\" data-consonant-source=\"post-content\" class=\"ee-smh-foundation\" aria-labelledby=\"ee-smh-foundation-title\">\n  <div class=\"ee-smh-foundation__shell\">\n    <header class=\"ee-smh-foundation__head\">\n      <div class=\"ee-smh-foundation__index\">\n        <span>01<\/span>\n        <small>BEHIND THE DEVICE<\/small>\n      <\/div>\n\n      <div class=\"ee-smh-foundation__title\">\n        <span class=\"ee-smh-foundation__eyebrow\">\n          THE APP IS ONLY THE VISIBLE LAYER\n        <\/span>\n\n        <h2 id=\"ee-smh-foundation-title\">\n          Connected Products Need\n          <span>More Than an App.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        A smart device may look simple from the phone screen. The electrical\n        work behind it may involve switching, neutral conductors, dedicated\n        circuits, panel capacity, equipment compatibility, or integration\n        with other loads in the home.\n      <\/p>\n    <\/header>\n\n    <div class=\"ee-smh-foundation__stage\">\n      <div class=\"ee-smh-foundation__visible-layer\">\n        <div class=\"ee-smh-foundation__phone\" aria-hidden=\"true\">\n          <div class=\"ee-smh-foundation__phone-bar\">\n            <span>CONNECTED PRODUCT<\/span>\n            <i><\/i>\n          <\/div>\n\n          <div class=\"ee-smh-foundation__phone-body\">\n            <div class=\"ee-smh-foundation__device-ring\">\n              <span><\/span>\n              <strong>APP<\/strong>\n            <\/div>\n\n            <div class=\"ee-smh-foundation__controls\">\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ee-smh-foundation__visible-label\">\n          <small>WHAT YOU SEE<\/small>\n          <strong>Control on the screen.<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-smh-foundation__requirements\">\n        <span class=\"ee-smh-foundation__requirements-label\">\n          WHAT THE ELECTRICAL SYSTEM HAS TO SUPPORT\n        <\/span>\n\n        <ol>\n          <li>\n            <b>01<\/b>\n            <strong>Switching<\/strong>\n            <span>CONTROL PATH<\/span>\n          <\/li>\n\n          <li>\n            <b>02<\/b>\n            <strong>Neutral Conductors<\/strong>\n            <span>WIRING<\/span>\n          <\/li>\n\n          <li>\n            <b>03<\/b>\n            <strong>Dedicated Circuits<\/strong>\n            <span>POWER<\/span>\n          <\/li>\n\n          <li>\n            <b>04<\/b>\n            <strong>Panel Capacity<\/strong>\n            <span>AVAILABLE LOAD<\/span>\n          <\/li>\n\n          <li>\n            <b>05<\/b>\n            <strong>Equipment Compatibility<\/strong>\n            <span>SYSTEM FIT<\/span>\n          <\/li>\n\n          <li>\n            <b>06<\/b>\n            <strong>Integration With Other Loads<\/strong>\n            <span>WHOLE HOME<\/span>\n          <\/li>\n        <\/ol>\n      <\/div>\n    <\/div>\n\n    <div class=\"ee-smh-foundation__statement\">\n      <span>START WITH THE ELECTRICAL REQUIREMENTS<\/span>\n      <p>\n        We start with the electrical requirements rather than treating the\n        product as a standalone gadget.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-smh-foundation__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n      <path class=\"ee-smh-divider__field\" d=\"M0 26 L100 72 L100 100 L0 100 Z\"><\/path>\n      <path class=\"ee-smh-divider__cyan\" d=\"M0 23 L0 34 L67 49 Z\"><\/path>\n      <path class=\"ee-smh-divider__blue\" d=\"M0 32 L0 62 L78 58 Z\"><\/path>\n      <path class=\"ee-smh-divider__yellow\" d=\"M0 61 L0 76 L53 62 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-smh-foundation,\n.ee-smh-foundation * {\n  box-sizing: border-box;\n}\n\n.ee-smh-foundation {\n  --smh-navy: #020817;\n  --smh-ink: #071426;\n  --smh-blue: #1494ff;\n  --smh-yellow: #f9b000;\n  --smh-light: #eef4f9;\n  --smh-steel: #dbe4ec;\n\n  position: relative;\n  overflow-x: clip;\n  padding: clamp(88px, 9vw, 132px) 20px clamp(150px, 15vw, 215px);\n  background:\n    radial-gradient(circle at 91% 24%, rgba(20, 148, 255, .10), transparent 29rem),\n    linear-gradient(#eef4f9, #fff 68%, #e5edf4);\n  color: var(--smh-ink);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-smh-foundation__shell {\n  width: min(1260px, 100%);\n  margin: 0 auto;\n}\n\n.ee-smh-foundation__head {\n  display: grid;\n  grid-template-columns: 110px minmax(0, 1fr) minmax(290px, .52fr);\n  gap: clamp(24px, 4vw, 54px);\n  align-items: end;\n  margin-bottom: clamp(54px, 7vw, 86px);\n}\n\n.ee-smh-foundation__index {\n  align-self: start;\n  display: grid;\n  gap: 7px;\n  padding-top: 9px;\n  border-top: 3px solid var(--smh-blue);\n}\n\n.ee-smh-foundation__index span {\n  font-size: 31px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.ee-smh-foundation__index small {\n  color: #5e7185;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-foundation__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #0b6fb7;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-smh-foundation h2 {\n  max-width: 820px;\n  margin: 0;\n  font-size: clamp(43px, 5.7vw, 78px);\n  font-weight: 900;\n  line-height: .92;\n  letter-spacing: -.052em;\n  text-transform: uppercase;\n}\n\n.ee-smh-foundation h2 span {\n  display: block;\n  color: var(--smh-blue);\n}\n\n.ee-smh-foundation__head > p {\n  margin: 0;\n  padding: 22px 23px 24px;\n  background: var(--smh-ink);\n  color: #fff;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.62;\n  clip-path: polygon(0 0, 92% 0, 100% 25%, 100% 100%, 8% 100%, 0 76%);\n  filter:\n    drop-shadow(var(--smh-yellow) 9px 9px 0)\n    drop-shadow(rgba(20, 148, 255, .50) -7px -7px 0)\n    drop-shadow(rgba(0, 0, 0, .16) 0 20px 32px);\n}\n\n.ee-smh-foundation__stage {\n  display: grid;\n  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);\n  gap: clamp(32px, 5vw, 68px);\n  align-items: stretch;\n}\n\n.ee-smh-foundation__visible-layer {\n  position: relative;\n  min-height: 570px;\n  padding: 45px 42px 42px;\n  background:\n    linear-gradient(145deg, #0b3152, var(--smh-ink));\n  clip-path: polygon(0 8%, 9% 0, 100% 0, 100% 88%, 89% 100%, 0 100%);\n  filter:\n    drop-shadow(rgba(20, 148, 255, .62) -10px 12px 0)\n    drop-shadow(rgba(249, 176, 0, .35) 9px -8px 0)\n    drop-shadow(rgba(0, 0, 0, .22) 0 25px 38px);\n}\n\n.ee-smh-foundation__visible-layer::before {\n  content: \"\";\n  position: absolute;\n  inset: 15px;\n  border: 1px solid rgba(255, 255, 255, .12);\n  clip-path: polygon(0 8%, 9% 0, 100% 0, 100% 88%, 89% 100%, 0 100%);\n}\n\n.ee-smh-foundation__phone {\n  position: relative;\n  z-index: 2;\n  width: min(280px, 88%);\n  height: 430px;\n  margin: 20px auto 0;\n  padding: 14px;\n  border: 1px solid rgba(255, 255, 255, .15);\n  border-radius: 28px;\n  background: #020817;\n  box-shadow:\n    0 28px 55px rgba(0, 0, 0, .36),\n    inset 0 0 0 5px rgba(255, 255, 255, .025);\n}\n\n.ee-smh-foundation__phone-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 9px;\n  border-bottom: 1px solid rgba(255, 255, 255, .09);\n  color: rgba(255, 255, 255, .52);\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-smh-foundation__phone-bar i {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--smh-blue);\n  box-shadow: 0 0 14px rgba(20, 148, 255, .8);\n}\n\n.ee-smh-foundation__phone-body {\n  display: grid;\n  place-content: center;\n  height: calc(100% - 43px);\n}\n\n.ee-smh-foundation__device-ring {\n  position: relative;\n  display: grid;\n  place-content: center;\n  width: 146px;\n  height: 146px;\n  margin: 0 auto 36px;\n  border: 1px solid rgba(20, 148, 255, .45);\n  border-radius: 50%;\n}\n\n.ee-smh-foundation__device-ring::before,\n.ee-smh-foundation__device-ring::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n}\n\n.ee-smh-foundation__device-ring::before {\n  inset: 15px;\n  border: 2px dashed rgba(249, 176, 0, .46);\n}\n\n.ee-smh-foundation__device-ring::after {\n  inset: 33px;\n  background: rgba(20, 148, 255, .12);\n  box-shadow: 0 0 42px rgba(20, 148, 255, .18);\n}\n\n.ee-smh-foundation__device-ring strong {\n  position: relative;\n  z-index: 2;\n  color: #fff;\n  font-size: 23px;\n  font-weight: 900;\n}\n\n.ee-smh-foundation__device-ring span {\n  position: absolute;\n  left: 50%;\n  top: -4px;\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: var(--smh-yellow);\n  transform: translateX(-50%);\n}\n\n.ee-smh-foundation__controls {\n  display: grid;\n  gap: 10px;\n}\n\n.ee-smh-foundation__controls span {\n  width: 180px;\n  height: 8px;\n  background: rgba(255, 255, 255, .08);\n  border-radius: 999px;\n}\n\n.ee-smh-foundation__controls span::before {\n  content: \"\";\n  display: block;\n  width: 62%;\n  height: 100%;\n  background: linear-gradient(90deg, var(--smh-blue), var(--smh-yellow));\n  border-radius: inherit;\n}\n\n.ee-smh-foundation__controls span:nth-child(2)::before {\n  width: 38%;\n}\n\n.ee-smh-foundation__controls span:nth-child(3)::before {\n  width: 76%;\n}\n\n.ee-smh-foundation__visible-label {\n  position: absolute;\n  z-index: 3;\n  left: 28px;\n  bottom: 28px;\n  display: grid;\n  gap: 4px;\n  padding: 11px 14px;\n  background: var(--smh-yellow);\n  color: var(--smh-ink);\n  clip-path: polygon(0 0, 89% 0, 100% 33%, 100% 100%, 0 100%);\n}\n\n.ee-smh-foundation__visible-label small {\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-smh-foundation__visible-label strong {\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.ee-smh-foundation__requirements {\n  position: relative;\n  padding: clamp(34px, 4vw, 54px);\n  background: #fff;\n  border: 1px solid rgba(7, 20, 38, .1);\n  clip-path: polygon(7% 0, 100% 0, 100% 91%, 93% 100%, 0 100%, 0 9%);\n  box-shadow: 0 28px 60px rgba(7, 20, 38, .12);\n}\n\n.ee-smh-foundation__requirements::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 16%;\n  width: 4px;\n  height: 58%;\n  background: linear-gradient(var(--smh-blue), var(--smh-yellow));\n}\n\n.ee-smh-foundation__requirements-label {\n  display: block;\n  margin-bottom: 25px;\n  color: #0b6fb7;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-smh-foundation__requirements ol {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-top: 1px solid rgba(7, 20, 38, .13);\n}\n\n.ee-smh-foundation__requirements li {\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr) auto;\n  gap: 15px;\n  align-items: center;\n  min-height: 70px;\n  padding: 13px 8px;\n  border-bottom: 1px solid rgba(7, 20, 38, .13);\n  transition:\n    padding .25s ease,\n    background .25s ease;\n}\n\n.ee-smh-foundation__requirements li:hover {\n  padding-left: 17px;\n  background: rgba(20, 148, 255, .045);\n}\n\n.ee-smh-foundation__requirements b {\n  color: var(--smh-blue);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .1em;\n}\n\n.ee-smh-foundation__requirements strong {\n  font-size: clamp(15px, 1.35vw, 19px);\n  font-weight: 900;\n}\n\n.ee-smh-foundation__requirements li > span {\n  color: #718195;\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .12em;\n}\n\n.ee-smh-foundation__statement {\n  display: grid;\n  grid-template-columns: 230px minmax(0, 1fr);\n  gap: 28px;\n  align-items: center;\n  width: min(910px, 94%);\n  margin: clamp(44px, 6vw, 72px) 0 0 auto;\n  padding: 22px 26px;\n  background: var(--smh-ink);\n  color: #fff;\n  clip-path: polygon(0 0, 95% 0, 100% 25%, 100% 100%, 6% 100%, 0 74%);\n  filter: drop-shadow(rgba(20, 148, 255, .55) 9px 9px 0);\n}\n\n.ee-smh-foundation__statement span {\n  color: var(--smh-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-foundation__statement p {\n  margin: 0;\n  color: rgba(255, 255, 255, .78);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.55;\n}\n\n.ee-smh-foundation__handoff {\n  position: absolute;\n  left: -5%;\n  right: -5%;\n  bottom: -1px;\n  height: clamp(78px, 9vw, 132px);\n  background: var(--smh-steel);\n  clip-path: polygon(0 54%, 37% 76%, 71% 20%, 100% 43%, 100% 100%, 0 100%);\n}\n\n.ee-smh-foundation__handoff::before {\n  content: \"\";\n  position: absolute;\n  left: 8%;\n  top: 48%;\n  width: 66%;\n  height: 8px;\n  background: var(--smh-blue);\n  transform: rotate(-4.2deg);\n}\n\n.ee-smh-foundation__handoff::after {\n  content: \"\";\n  position: absolute;\n  right: 4%;\n  top: 42%;\n  width: 38%;\n  height: 5px;\n  background: var(--smh-yellow);\n  transform: rotate(2.8deg);\n}\n\n.ee-smh-foundation.is-js .ee-smh-foundation__head,\n.ee-smh-foundation.is-js .ee-smh-foundation__visible-layer,\n.ee-smh-foundation.is-js .ee-smh-foundation__requirements,\n.ee-smh-foundation.is-js .ee-smh-foundation__statement {\n  opacity: 0;\n  transform: translateY(28px);\n}\n\n.ee-smh-foundation.is-visible .ee-smh-foundation__head,\n.ee-smh-foundation.is-visible .ee-smh-foundation__visible-layer,\n.ee-smh-foundation.is-visible .ee-smh-foundation__requirements,\n.ee-smh-foundation.is-visible .ee-smh-foundation__statement {\n  opacity: 1;\n  transform: none;\n  transition:\n    opacity .7s cubic-bezier(.2, .75, .25, 1),\n    transform .7s cubic-bezier(.2, .75, .25, 1);\n}\n\n.ee-smh-foundation.is-visible .ee-smh-foundation__visible-layer {\n  transition-delay: .08s;\n}\n\n.ee-smh-foundation.is-visible .ee-smh-foundation__requirements {\n  transition-delay: .15s;\n}\n\n.ee-smh-foundation.is-visible .ee-smh-foundation__statement {\n  transition-delay: .22s;\n}\n\n@media (max-width: 900px) {\n  .ee-smh-foundation__head {\n    grid-template-columns: 1fr;\n  }\n\n  .ee-smh-foundation__index {\n    width: 110px;\n  }\n\n  .ee-smh-foundation__head > p {\n    max-width: 650px;\n  }\n\n  .ee-smh-foundation__stage {\n    grid-template-columns: 1fr;\n  }\n\n  .ee-smh-foundation__visible-layer {\n    min-height: 540px;\n  }\n}\n\n@media (max-width: 560px) {\n  .ee-smh-foundation {\n    padding: 68px 13px 116px;\n  }\n\n  .ee-smh-foundation h2 {\n    font-size: clamp(38px, 11vw, 52px);\n  }\n\n  .ee-smh-foundation__head > p {\n    padding: 20px;\n    font-size: 14px;\n  }\n\n  .ee-smh-foundation__visible-layer {\n    min-height: 500px;\n    padding: 28px 18px;\n  }\n\n  .ee-smh-foundation__requirements {\n    padding: 29px 20px;\n  }\n\n  .ee-smh-foundation__requirements li {\n    grid-template-columns: 34px 1fr;\n  }\n\n  .ee-smh-foundation__requirements li > span {\n    grid-column: 2;\n  }\n\n  .ee-smh-foundation__statement {\n    grid-template-columns: 1fr;\n    width: 96%;\n    gap: 10px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-smh-foundation.is-js .ee-smh-foundation__head,\n  .ee-smh-foundation.is-js .ee-smh-foundation__visible-layer,\n  .ee-smh-foundation.is-js .ee-smh-foundation__requirements,\n  .ee-smh-foundation.is-js .ee-smh-foundation__statement {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\/* Smart Home divider 02 \u2014 relay handoff *\/\n.ee-smh-foundation__handoff{left:-3%;right:-3%;bottom:-1px;height:clamp(122px,10vw,166px);background:transparent;clip-path:none;overflow:hidden;pointer-events:none}\n.ee-smh-foundation__handoff::before,.ee-smh-foundation__handoff::after{content:none}\n.ee-smh-foundation__handoff span{position:absolute;display:block;margin:0;border:0}\n.ee-smh-foundation__handoff span:nth-child(1){z-index:1;inset:0;background:#dbe4ec;clip-path:polygon(0 24%,42% 50%,100% 74%,100% 100%,0 100%)}\n.ee-smh-foundation__handoff span:nth-child(2){z-index:2;right:0;top:36%;width:62vw;height:30px;background:var(--smh-blue);opacity:.70;clip-path:polygon(0 50%,100% 0,100% 100%);filter:drop-shadow(0 10px 17px rgba(20,148,255,.18))}\n.ee-smh-foundation__handoff span:nth-child(3){z-index:3;left:0;top:28%;width:52vw;height:18px;background:var(--smh-yellow);opacity:.88;clip-path:polygon(0 0,0 100%,100% 50%);filter:drop-shadow(0 7px 13px rgba(249,176,0,.16))}\n@media(max-width:560px){.ee-smh-foundation__handoff{height:80px}.ee-smh-foundation__handoff span:nth-child(2){height:22px}.ee-smh-foundation__handoff span:nth-child(3){height:14px}}\n\/* Smart Home bespoke divider 02 \u2014 layered relay throw *\/\n.ee-smh-foundation__handoff{background:transparent;clip-path:none;overflow:hidden}\n.ee-smh-foundation__handoff::before,.ee-smh-foundation__handoff::after{content:none}\n.ee-smh-foundation__handoff svg{display:block;width:100%;height:100%;overflow:hidden}\n.ee-smh-foundation__handoff .ee-smh-divider__field{fill:#dbe4ec}\n.ee-smh-foundation__handoff .ee-smh-divider__blue{fill:var(--smh-blue);filter:drop-shadow(0 7px 11px rgba(20,148,255,.16))}\n.ee-smh-foundation__handoff .ee-smh-divider__yellow{fill:var(--smh-yellow);filter:drop-shadow(0 5px 9px rgba(249,176,0,.14))}\n.ee-smh-foundation__handoff .ee-smh-divider__cyan{fill:rgba(87,222,244,.8)}\n.ee-smh-foundation__handoff .ee-smh-divider__cyan{opacity:.28}\n.ee-smh-foundation__handoff .ee-smh-divider__blue{opacity:.78}\n.ee-smh-foundation__handoff .ee-smh-divider__yellow{opacity:.62}\n\n\/* Service-page atmosphere: smart-home-products\/1. Organic light, one diagonal datum, and view-linked copy motion. *\/\n.ee-smh-foundation{\n  background:\n    linear-gradient(117deg,transparent 0 48.9%,rgba(7,20,38,.055) 49%,transparent 49.18% 100%),\n    radial-gradient(ellipse 68% 46% at 12% 18%,rgba(249,176,0,.105),transparent 72%),\n    radial-gradient(ellipse 58% 50% at 88% 76%,rgba(20,148,255,.085),transparent 74%),\n    linear-gradient(128deg,#f8fafc 0%,#eaf0f4 54%,#f8f3e8 118%);\n  background-size:100% 100%,128% 128%,132% 132%,100% 100%;\n  animation:ee-smh-foundation-ambient-drift 22s ease-in-out infinite alternate;\n  box-shadow:inset 0 72px 110px -115px rgba(7,20,38,.28),inset 0 -82px 110px -118px rgba(7,20,38,.22);\n}\n@keyframes ee-smh-foundation-ambient-drift{\n  0%{background-position:0 0,0% 14%,100% 78%,0 0;}\n  100%{background-position:0 0,13% 27%,86% 59%,0 0;}\n}\n@supports(animation-timeline:view()){\n  .ee-smh-foundation h2,\n  .ee-smh-foundation h3,\n  .ee-smh-foundation p{\n    animation:ee-smh-foundation-copy-arrive linear both;\n    animation-timeline:view();\n    animation-range:entry 5% cover 27%;\n  }\n  @keyframes ee-smh-foundation-copy-arrive{\n    from{opacity:.18;translate:0 22px;filter:blur(3px);}\n    to{opacity:1;translate:0 0;filter:blur(0);}\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .ee-smh-foundation{animation:none;}\n  .ee-smh-foundation h2,.ee-smh-foundation h3,.ee-smh-foundation p{animation:none;translate:none;filter:none;}\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".ee-smh-foundation\");\n  if (!root) return;\n\n  const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  root.classList.add(\"is-js\");\n\n  if (reduceMotion.matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n    entries => {\n      entries.forEach(entry => {\n        if (!entry.isIntersecting) return;\n\n        root.classList.add(\"is-visible\");\n        observer.disconnect();\n      });\n    },\n    {\n      threshold: 0.18\n    }\n  );\n\n  observer.observe(root);\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"2\" data-consonant-block=\"post-126-smart-home-product-paths\" data-consonant-page=\"126\" data-consonant-source=\"post-content\" class=\"ee-smh-products\" aria-labelledby=\"ee-smh-products-title\">\n  <div class=\"ee-smh-products__shell\">\n    <header class=\"ee-smh-products__head\">\n      <div class=\"ee-smh-products__index\">\n        <span>02<\/span>\n        <small>CONNECTED PRODUCTS<\/small>\n      <\/div>\n\n      <div>\n        <span class=\"ee-smh-products__eyebrow\">\n          START WITH WHAT THE PRODUCT NEEDS ELECTRICALLY\n        <\/span>\n\n        <h2 id=\"ee-smh-products-title\">\n          Three Product Paths.\n          <span>One Electrical Foundation.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        Smart controls, smart panels, and connected electrical products all\n        rely on the existing wiring, circuits, service, and capacity behind\n        the technology.\n      <\/p>\n    <\/header>\n  <\/div>\n\n  <div class=\"ee-smh-products__rail\">\n    <article class=\"ee-smh-product ee-smh-product--switches is-default\">\n      <div class=\"ee-smh-product__pattern\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"ee-smh-product__number\">01<\/div>\n\n      <svg class=\"ee-smh-product__icon\" viewBox=\"0 0 120 120\" aria-hidden=\"true\">\n        <rect x=\"29\" y=\"18\" width=\"62\" height=\"84\" rx=\"5\"><\/rect>\n        <circle cx=\"60\" cy=\"48\" r=\"13\"><\/circle>\n        <path d=\"M60 61v22M48 83h24\"><\/path>\n      <\/svg>\n\n      <a href=\"\/smart-switches\/\" class=\"ee-smh-product__content\">\n        <span class=\"ee-smh-product__collapsed-label\">SMART SWITCHES<\/span>\n\n        <span class=\"ee-smh-product__meta\">\n          SWITCHES \/ DIMMERS \/ LIGHTING CONTROLS\n        <\/span>\n\n        <h3>Smart Switches &amp; Lighting Controls<\/h3>\n\n        <p>\n          Connected switches, dimmers, and lighting controls can make a home\n          easier to manage, but the wiring and device requirements still have\n          to match the existing system.\n        <\/p>\n\n        <p>\n          Electrical Expert LLC installs smart-switch and connected-control\n          products with attention to the circuit, wiring, fixture load, and\n          how the controls need to operate in the finished space.\n        <\/p>\n\n        <span class=\"ee-smh-product__cta\">\n          Learn About Smart Switches <b>\u2197<\/b>\n        <\/span>\n      <\/a>\n    <\/article>\n\n    <article class=\"ee-smh-product ee-smh-product--panels\">\n      <div class=\"ee-smh-product__pattern\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"ee-smh-product__number\">02<\/div>\n\n      <svg class=\"ee-smh-product__icon\" viewBox=\"0 0 120 120\" aria-hidden=\"true\">\n        <rect x=\"24\" y=\"16\" width=\"72\" height=\"88\" rx=\"4\"><\/rect>\n        <path d=\"M38 35h44M38 51h44M38 67h44M38 83h44\"><\/path>\n        <circle cx=\"42\" cy=\"35\" r=\"3\"><\/circle>\n        <circle cx=\"78\" cy=\"51\" r=\"3\"><\/circle>\n        <circle cx=\"53\" cy=\"67\" r=\"3\"><\/circle>\n      <\/svg>\n\n      <a href=\"\/smart-panels-span\/\" class=\"ee-smh-product__content\">\n        <span class=\"ee-smh-product__collapsed-label\">SMART PANELS<\/span>\n\n        <span class=\"ee-smh-product__meta\">\n          PANEL \/ CAPACITY \/ ENERGY VISIBILITY\n        <\/span>\n\n        <h3>Smart Panels &amp; SPAN<\/h3>\n\n        <p>\n          Smart electrical panels can provide greater visibility into\n          household power use and help homeowners manage loads differently\n          than a traditional panel.\n        <\/p>\n\n        <p>\n          A smart-panel project still begins with the fundamentals: service\n          size, panel location, circuit layout, electrical demand, and what\n          the property needs to support.\n        <\/p>\n\n        <span class=\"ee-smh-product__cta\">\n          Learn About Smart Panels &amp; SPAN <b>\u2197<\/b>\n        <\/span>\n      <\/a>\n    <\/article>\n\n    <article class=\"ee-smh-product ee-smh-product--app\">\n      <div class=\"ee-smh-product__pattern\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"ee-smh-product__number\">03<\/div>\n\n      <svg class=\"ee-smh-product__icon\" viewBox=\"0 0 120 120\" aria-hidden=\"true\">\n        <rect x=\"35\" y=\"13\" width=\"50\" height=\"94\" rx=\"8\"><\/rect>\n        <circle cx=\"60\" cy=\"91\" r=\"3\"><\/circle>\n        <path d=\"M47 37h26M47 50h18M47 63h26\"><\/path>\n        <path d=\"M72 25c10 2 17 9 19 18M72 17c15 3 25 13 28 28\"><\/path>\n      <\/svg>\n\n      <a href=\"\/app-controlled-electrical-products\/\" class=\"ee-smh-product__content\">\n        <span class=\"ee-smh-product__collapsed-label\">APP CONTROL<\/span>\n\n        <span class=\"ee-smh-product__meta\">\n          CONNECTED EQUIPMENT \/ ENERGY MANAGEMENT\n        <\/span>\n\n        <h3>App-Controlled Electrical Products<\/h3>\n\n        <p>\n          Connected electrical products can include lighting controls,\n          energy-management devices, electrical equipment with app-based\n          control, and other products that depend on proper power, switching,\n          or circuit planning.\n        <\/p>\n\n        <p>\n          We help make sure the electrical installation is appropriate for\n          the product rather than simply getting the device online.\n        <\/p>\n\n        <span class=\"ee-smh-product__cta\">\n          Explore App-Controlled Electrical Products <b>\u2197<\/b>\n        <\/span>\n      <\/a>\n    <\/article>\n  <\/div>\n\n  <div class=\"ee-smh-products__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n      <path class=\"ee-smh-divider__field\" d=\"M0 68 L56 48 L71 22 L100 64 L100 100 L0 100 Z\"><\/path>\n      <path class=\"ee-smh-divider__blue\" d=\"M100 29 L100 63 L25 51 Z\"><\/path>\n      <path class=\"ee-smh-divider__yellow\" d=\"M100 67 L100 82 L49 65 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-smh-products,\n.ee-smh-products * {\n  box-sizing: border-box;\n}\n\n.ee-smh-products {\n  --smh-navy: #020817;\n  --smh-ink: #071426;\n  --smh-blue: #1494ff;\n  --smh-yellow: #f9b000;\n  --smh-steel: #dbe4ec;\n\n  position: relative;\n  overflow-x: clip;\n  padding: clamp(80px, 8vw, 116px) 20px clamp(150px, 14vw, 205px);\n  background:\n    radial-gradient(circle at 12% 18%, rgba(20, 148, 255, .10), transparent 25rem),\n    linear-gradient(#dbe4ec, #b9c6d0);\n  color: var(--smh-ink);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-smh-products__shell {\n  width: min(1240px, 100%);\n  margin: 0 auto;\n}\n\n.ee-smh-products__head {\n  display: grid;\n  grid-template-columns: 110px minmax(0, 1fr) minmax(285px, .50fr);\n  gap: clamp(24px, 4vw, 52px);\n  align-items: end;\n  margin-bottom: clamp(45px, 6vw, 72px);\n}\n\n.ee-smh-products__index {\n  align-self: start;\n  display: grid;\n  gap: 7px;\n  padding-top: 8px;\n  border-top: 3px solid var(--smh-blue);\n}\n\n.ee-smh-products__index span {\n  font-size: 31px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.ee-smh-products__index small {\n  color: #5a6e82;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-products__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: #566d84;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-smh-products h2 {\n  max-width: 800px;\n  margin: 0;\n  font-size: clamp(43px, 5.6vw, 76px);\n  font-weight: 900;\n  line-height: .92;\n  letter-spacing: -.05em;\n  text-transform: uppercase;\n}\n\n.ee-smh-products h2 span {\n  display: block;\n  color: #0b6fb7;\n}\n\n.ee-smh-products__head > p {\n  margin: 0;\n  padding: 22px 23px 24px;\n  background: var(--smh-ink);\n  color: #fff;\n  font-size: 15px;\n  font-weight: 620;\n  line-height: 1.6;\n  clip-path: polygon(0 0, 91% 0, 100% 27%, 100% 100%, 8% 100%, 0 74%);\n  filter:\n    drop-shadow(rgba(249, 176, 0, .48) 9px 9px 0)\n    drop-shadow(rgba(20, 148, 255, .50) -7px -7px 0);\n}\n\n.ee-smh-products__rail {\n  display: flex;\n  gap: 9px;\n  width: min(1320px, 100%);\n  height: clamp(520px, 47vw, 640px);\n  margin: 0 auto;\n}\n\n.ee-smh-product {\n  position: relative;\n  flex: 1 1 0;\n  min-width: 105px;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 70% 24%, rgba(20, 148, 255, .16), transparent 18rem),\n    linear-gradient(145deg, #0b3152, var(--smh-ink));\n  color: #fff;\n  transition:\n    flex 440ms cubic-bezier(.2, .75, .25, 1),\n    filter .3s ease;\n}\n\n.ee-smh-product:nth-child(1) {\n  clip-path: polygon(0 0, 92% 0, 100% 9%, 100% 100%, 0 100%);\n}\n\n.ee-smh-product:nth-child(2) {\n  clip-path: polygon(7% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 11%);\n}\n\n.ee-smh-product:nth-child(3) {\n  clip-path: polygon(0 7%, 8% 0, 100% 0, 100% 89%, 90% 100%, 0 100%);\n}\n\n.ee-smh-product.is-default,\n.ee-smh-product.is-active,\n.ee-smh-product:hover,\n.ee-smh-product:focus-within {\n  flex-grow: 5.6;\n}\n\n.ee-smh-products__rail:hover\n.ee-smh-product.is-default:not(:hover):not(.is-active) {\n  flex-grow: 1;\n}\n\n.ee-smh-product__pattern {\n  position: absolute;\n  inset: 0;\n  opacity: .16;\n  background-image:\n    linear-gradient(rgba(20, 148, 255, .15) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20, 148, 255, .1) 1px, transparent 1px);\n  background-size: 52px 52px;\n  mask-image: linear-gradient(#000, transparent 86%);\n}\n\n.ee-smh-product::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    transparent 22%,\n    rgba(2, 8, 23, .18) 54%,\n    rgba(2, 8, 23, .95)\n  );\n  pointer-events: none;\n}\n\n.ee-smh-product__number {\n  position: absolute;\n  z-index: 1;\n  right: 18px;\n  top: 16px;\n  color: rgba(255, 255, 255, .055);\n  font-size: clamp(95px, 10vw, 170px);\n  font-weight: 900;\n  line-height: .8;\n}\n\n.ee-smh-product__icon {\n  position: absolute;\n  z-index: 1;\n  left: 50%;\n  top: 24%;\n  width: clamp(100px, 10vw, 155px);\n  height: auto;\n  transform: translateX(-50%);\n  fill: none;\n  stroke: rgba(20, 148, 255, .72);\n  stroke-width: 2;\n  opacity: .55;\n  transition:\n    opacity .35s ease,\n    transform .45s ease;\n}\n\n.ee-smh-product:nth-child(2) .ee-smh-product__icon {\n  stroke: rgba(249, 176, 0, .70);\n}\n\n.ee-smh-product:hover .ee-smh-product__icon,\n.ee-smh-product.is-active .ee-smh-product__icon,\n.ee-smh-product.is-default .ee-smh-product__icon,\n.ee-smh-product:focus-within .ee-smh-product__icon {\n  opacity: .95;\n  transform: translateX(-50%) scale(1.08);\n}\n\n.ee-smh-product__content {\n  position: absolute;\n  inset: 0;\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding: 34px 31px;\n  color: #fff !important;\n  text-decoration: none !important;\n}\n\n.ee-smh-product__collapsed-label {\n  position: absolute;\n  left: 50%;\n  bottom: 100px;\n  width: 260px;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 900;\n  text-align: center;\n  letter-spacing: .04em;\n  transform: translateX(-50%) rotate(-90deg);\n  transition: opacity .2s ease;\n}\n\n.ee-smh-product__meta,\n.ee-smh-product h3,\n.ee-smh-product p,\n.ee-smh-product__cta {\n  opacity: 0;\n  transform: translateY(15px);\n  transition:\n    opacity .28s ease,\n    transform .28s ease;\n}\n\n.ee-smh-product__meta {\n  margin-bottom: 13px;\n  padding: 8px 11px;\n  background: var(--smh-yellow);\n  color: var(--smh-ink);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .11em;\n  clip-path: polygon(0 0, 91% 0, 100% 35%, 100% 100%, 7% 100%, 0 71%);\n}\n\n.ee-smh-product h3 {\n  max-width: 650px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(27px, 3vw, 43px);\n  font-weight: 900;\n  line-height: .98;\n  letter-spacing: -.04em;\n}\n\n.ee-smh-product p {\n  max-width: 620px;\n  margin: 13px 0 0;\n  color: rgba(255, 255, 255, .76);\n  font-size: 14px;\n  font-weight: 520;\n  line-height: 1.55;\n}\n\n.ee-smh-product__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 21px;\n  padding: 10px 13px;\n  border: 1px solid rgba(249, 176, 0, .5);\n  font-size: 10px;\n  font-weight: 900;\n}\n\n.ee-smh-product__cta b {\n  color: var(--smh-yellow);\n  font-size: 13px;\n}\n\n.ee-smh-product.is-default .ee-smh-product__collapsed-label,\n.ee-smh-product.is-active .ee-smh-product__collapsed-label,\n.ee-smh-product:hover .ee-smh-product__collapsed-label,\n.ee-smh-product:focus-within .ee-smh-product__collapsed-label {\n  opacity: 0;\n}\n\n.ee-smh-product.is-default .ee-smh-product__meta,\n.ee-smh-product.is-default h3,\n.ee-smh-product.is-default p,\n.ee-smh-product.is-default .ee-smh-product__cta,\n.ee-smh-product.is-active .ee-smh-product__meta,\n.ee-smh-product.is-active h3,\n.ee-smh-product.is-active p,\n.ee-smh-product.is-active .ee-smh-product__cta,\n.ee-smh-product:hover .ee-smh-product__meta,\n.ee-smh-product:hover h3,\n.ee-smh-product:hover p,\n.ee-smh-product:hover .ee-smh-product__cta,\n.ee-smh-product:focus-within .ee-smh-product__meta,\n.ee-smh-product:focus-within h3,\n.ee-smh-product:focus-within p,\n.ee-smh-product:focus-within .ee-smh-product__cta {\n  opacity: 1;\n  transform: none;\n}\n\n.ee-smh-products__rail:hover\n.ee-smh-product.is-default:not(:hover):not(.is-active)\n.ee-smh-product__collapsed-label {\n  opacity: 1;\n}\n\n.ee-smh-products__rail:hover\n.ee-smh-product.is-default:not(:hover):not(.is-active)\n.ee-smh-product__meta,\n.ee-smh-products__rail:hover\n.ee-smh-product.is-default:not(:hover):not(.is-active)\nh3,\n.ee-smh-products__rail:hover\n.ee-smh-product.is-default:not(:hover):not(.is-active)\np,\n.ee-smh-products__rail:hover\n.ee-smh-product.is-default:not(:hover):not(.is-active)\n.ee-smh-product__cta {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.ee-smh-products__handoff {\n  position: absolute;\n  left: -3%;\n  right: -3%;\n  bottom: -1px;\n  height: clamp(86px, 10vw, 146px);\n  background: var(--smh-ink);\n  clip-path: polygon(0 45%, 24% 62%, 62% 18%, 78% 29%, 100% 16%, 100% 100%, 0 100%);\n}\n\n.ee-smh-products__handoff::before {\n  content: \"\";\n  position: absolute;\n  left: -2%;\n  top: 37%;\n  width: 62%;\n  height: 9px;\n  background: var(--smh-blue);\n  transform: rotate(-4deg);\n}\n\n.ee-smh-products__handoff::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 27%;\n  width: 48%;\n  height: 6px;\n  background: var(--smh-yellow);\n  transform: rotate(2deg);\n}\n\n@media (max-width: 900px) {\n  .ee-smh-products__head {\n    grid-template-columns: 1fr;\n  }\n\n  .ee-smh-products__index {\n    width: 110px;\n  }\n\n  .ee-smh-products__head > p {\n    max-width: 650px;\n  }\n}\n\n@media (max-width: 760px) {\n  .ee-smh-products {\n    padding: 66px 13px 116px;\n  }\n\n  .ee-smh-products h2 {\n    font-size: clamp(38px, 11vw, 52px);\n  }\n\n  .ee-smh-products__rail {\n    display: grid;\n    height: auto;\n    gap: 16px;\n  }\n\n  .ee-smh-product,\n  .ee-smh-product.is-default,\n  .ee-smh-product.is-active,\n  .ee-smh-product:hover,\n  .ee-smh-product:focus-within {\n    min-height: 500px;\n    min-width: 0;\n  }\n\n  .ee-smh-product__collapsed-label {\n    display: none;\n  }\n\n  .ee-smh-product__meta,\n  .ee-smh-product h3,\n  .ee-smh-product p,\n  .ee-smh-product__cta {\n    opacity: 1;\n    transform: none;\n  }\n\n  .ee-smh-product__icon {\n    top: 17%;\n  }\n\n  .ee-smh-product__content {\n    padding: 28px 22px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-smh-product,\n  .ee-smh-product__icon,\n  .ee-smh-product__meta,\n  .ee-smh-product h3,\n  .ee-smh-product p,\n  .ee-smh-product__cta {\n    transition: none;\n  }\n}\n\/* Smart Home divider 03 \u2014 three-path convergence *\/\n.ee-smh-products__handoff{left:-3%;right:-3%;bottom:-1px;height:clamp(158px,13.5vw,210px);background:transparent;clip-path:none;overflow:hidden;pointer-events:none}\n.ee-smh-products__handoff::before,.ee-smh-products__handoff::after{content:none}\n.ee-smh-products__handoff span{position:absolute;display:block;margin:0;border:0}\n.ee-smh-products__handoff span:nth-child(1){z-index:1;inset:0;background:#071426;clip-path:polygon(0 70%,52% 50%,64% 16%,100% 62%,100% 100%,0 100%)}\n.ee-smh-products__handoff span:nth-child(2){z-index:2;left:0;top:40%;width:67vw;height:38px;background:var(--smh-blue);opacity:.83;clip-path:polygon(0 0,0 100%,100% 50%);filter:drop-shadow(0 10px 17px rgba(20,148,255,.18))}\n.ee-smh-products__handoff span:nth-child(3){z-index:3;right:0;top:31%;width:49vw;height:23px;background:var(--smh-yellow);opacity:.93;clip-path:polygon(0 50%,100% 0,100% 100%);filter:drop-shadow(0 7px 13px rgba(249,176,0,.16))}\n@media(max-width:560px){.ee-smh-products__handoff{height:96px}.ee-smh-products__handoff span:nth-child(2){height:22px}.ee-smh-products__handoff span:nth-child(3){height:14px}}\n\/* Smart Home bespoke divider 03 \u2014 reverse stacked outputs *\/\n.ee-smh-products__handoff{background:transparent;clip-path:none;overflow:hidden}\n.ee-smh-products__handoff::before,.ee-smh-products__handoff::after{content:none}\n.ee-smh-products__handoff svg{display:block;width:100%;height:100%;overflow:hidden}\n.ee-smh-products__handoff .ee-smh-divider__field{fill:#071426}\n.ee-smh-products__handoff .ee-smh-divider__blue{fill:var(--smh-blue);filter:drop-shadow(0 7px 11px rgba(20,148,255,.16))}\n.ee-smh-products__handoff .ee-smh-divider__yellow{fill:var(--smh-yellow);filter:drop-shadow(0 5px 9px rgba(249,176,0,.14))}\n.ee-smh-products__handoff .ee-smh-divider__cyan{fill:rgba(87,222,244,.8)}\n.ee-smh-products__handoff .ee-smh-divider__blue{opacity:.86}\n.ee-smh-products__handoff .ee-smh-divider__yellow{opacity:.92}\n\n\/* Service-page atmosphere: smart-home-products\/2. Organic light, one diagonal datum, and view-linked copy motion. *\/\n.ee-smh-products{\n  background:\n    linear-gradient(117deg,transparent 0 48.9%,rgba(7,20,38,.055) 49%,transparent 49.18% 100%),\n    radial-gradient(ellipse 68% 46% at 88% 22%,rgba(20,148,255,.105),transparent 72%),\n    radial-gradient(ellipse 58% 50% at 10% 74%,rgba(249,176,0,.09),transparent 74%),\n    linear-gradient(154deg,#f8fafc 0%,#eaf0f4 54%,#f8f3e8 118%);\n  background-size:100% 100%,128% 128%,132% 132%,100% 100%;\n  animation:ee-smh-products-ambient-drift 24s ease-in-out infinite alternate;\n  box-shadow:inset 0 72px 110px -115px rgba(7,20,38,.28),inset 0 -82px 110px -118px rgba(7,20,38,.22);\n}\n@keyframes ee-smh-products-ambient-drift{\n  0%{background-position:0 0,0% 14%,100% 78%,0 0;}\n  100%{background-position:0 0,13% 27%,86% 59%,0 0;}\n}\n@supports(animation-timeline:view()){\n  .ee-smh-products h2,\n  .ee-smh-products h3,\n  .ee-smh-products p{\n    animation:ee-smh-products-copy-arrive linear both;\n    animation-timeline:view();\n    animation-range:entry 5% cover 27%;\n  }\n  @keyframes ee-smh-products-copy-arrive{\n    from{opacity:.18;translate:0 22px;filter:blur(3px);}\n    to{opacity:1;translate:0 0;filter:blur(0);}\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .ee-smh-products{animation:none;}\n  .ee-smh-products h2,.ee-smh-products h3,.ee-smh-products p{animation:none;translate:none;filter:none;}\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const rail = document.querySelector(\".ee-smh-products__rail\");\n  if (!rail) return;\n\n  const cards = [...rail.querySelectorAll(\".ee-smh-product\")];\n\n  const activate = card => {\n    cards.forEach(item => {\n      item.classList.toggle(\"is-active\", item === card);\n    });\n  };\n\n  cards.forEach(card => {\n    card.addEventListener(\"mouseenter\", () => activate(card));\n    card.addEventListener(\"focusin\", () => activate(card));\n  });\n\n  rail.addEventListener(\"mouseleave\", () => {\n    cards.forEach(card => card.classList.remove(\"is-active\"));\n  });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"3\" data-consonant-block=\"post-126-smart-homes-electrification\" data-consonant-page=\"126\" data-consonant-source=\"post-content\" class=\"ee-smh-electrify\" aria-labelledby=\"ee-smh-electrify-title\">\n  <div class=\"ee-smh-electrify__grid\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ee-smh-electrify__shell\">\n    <header class=\"ee-smh-electrify__head\">\n      <div class=\"ee-smh-electrify__index\">\n        <span>03<\/span>\n        <small>WHOLE-HOME PLANNING<\/small>\n      <\/div>\n\n      <div>\n        <span class=\"ee-smh-electrify__eyebrow\">\n          CONNECTED LOADS SHARE THE SAME INFRASTRUCTURE\n        <\/span>\n\n        <h2 id=\"ee-smh-electrify-title\">\n          Smart Homes and Electrification\n          <span>Work Together.<\/span>\n        <\/h2>\n      <\/div>\n    <\/header>\n\n    <div class=\"ee-smh-electrify__stage\">\n      <div class=\"ee-smh-electrify__map\">\n        <svg class=\"ee-smh-electrify__lines\" viewBox=\"0 0 760 620\" aria-hidden=\"true\">\n          <path d=\"M380 310 L380 80\"><\/path>\n          <path d=\"M380 310 L650 180\"><\/path>\n          <path d=\"M380 310 L650 465\"><\/path>\n          <path d=\"M380 310 L110 465\"><\/path>\n          <path d=\"M380 310 L105 170\"><\/path>\n        <\/svg>\n\n        <div class=\"ee-smh-electrify__hub\">\n          <small>SHARED FOUNDATION<\/small>\n          <strong>HOME ELECTRICAL<br>INFRASTRUCTURE<\/strong>\n          <span>SERVICE \u2022 PANEL \u2022 CIRCUITS \u2022 LOAD<\/span>\n        <\/div>\n\n        <div class=\"ee-smh-electrify__node ee-smh-electrify__node--ev\">\n          <b>01<\/b>\n          <strong>EV CHARGING<\/strong>\n        <\/div>\n\n        <div class=\"ee-smh-electrify__node ee-smh-electrify__node--panels\">\n          <b>02<\/b>\n          <strong>SMART PANELS<\/strong>\n        <\/div>\n\n        <div class=\"ee-smh-electrify__node ee-smh-electrify__node--appliances\">\n          <b>03<\/b>\n          <strong>ELECTRIC APPLIANCES<\/strong>\n        <\/div>\n\n        <div class=\"ee-smh-electrify__node ee-smh-electrify__node--controls\">\n          <b>04<\/b>\n          <strong>SMART CONTROLS<\/strong>\n        <\/div>\n\n        <div class=\"ee-smh-electrify__node ee-smh-electrify__node--future\">\n          <b>05<\/b>\n          <strong>WHAT COMES NEXT<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"ee-smh-electrify__copy\">\n        <span class=\"ee-smh-electrify__label\">\n          ELECTRIFICATION CHANGES THE LOAD PICTURE\n        <\/span>\n\n        <p>\n          EV charging, smart panels, electric appliances, smart controls,\n          and other modern home systems increasingly share the same\n          electrical infrastructure.\n        <\/p>\n\n        <div class=\"ee-smh-electrify__statement\">\n          <small>THE PLANNING CONSEQUENCE<\/small>\n          <strong>That means load planning matters more, not less.<\/strong>\n        <\/div>\n\n        <p>\n          A smart-home project is stronger when it accounts for what the home\n          already uses and what the homeowner may add later.\n        <\/p>\n\n        <div class=\"ee-smh-electrify__rail\" aria-hidden=\"true\">\n          <span>NOW<\/span>\n          <i><\/i>\n          <span>AVAILABLE CAPACITY<\/span>\n          <i><\/i>\n          <span>NEXT<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ee-smh-electrify__handoff\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n      <path class=\"ee-smh-divider__field\" d=\"M0 76 L68 44 L80 16 L100 28 L100 100 L0 100 Z\"><\/path>\n      <path class=\"ee-smh-divider__cyan\" d=\"M0 28 L0 37 L48 40 Z\"><\/path>\n      <path class=\"ee-smh-divider__blue\" d=\"M100 18 L100 44 L34 37 Z\"><\/path>\n      <path class=\"ee-smh-divider__yellow\" d=\"M0 58 L0 76 L67 60 Z\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-smh-electrify,\n.ee-smh-electrify * {\n  box-sizing: border-box;\n}\n\n.ee-smh-electrify {\n  --smh-navy: #020817;\n  --smh-ink: #071426;\n  --smh-blue: #1494ff;\n  --smh-yellow: #f9b000;\n\n  position: relative;\n  isolation: isolate;\n  overflow-x: clip;\n  padding: clamp(88px, 9vw, 132px) 20px clamp(150px, 14vw, 205px);\n  background:\n    radial-gradient(circle at 18% 22%, rgba(20, 148, 255, .17), transparent 29rem),\n    radial-gradient(circle at 82% 82%, rgba(249, 176, 0, .07), transparent 24rem),\n    linear-gradient(#071426, #020817);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-smh-electrify__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  opacity: .15;\n  background-image:\n    linear-gradient(rgba(20, 148, 255, .15) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20, 148, 255, .10) 1px, transparent 1px);\n  background-size: 70px 70px;\n  mask-image: linear-gradient(#000, transparent 85%);\n}\n\n.ee-smh-electrify__shell {\n  width: min(1260px, 100%);\n  margin: 0 auto;\n}\n\n.ee-smh-electrify__head {\n  display: grid;\n  grid-template-columns: 110px minmax(0, 1fr);\n  gap: clamp(24px, 4vw, 54px);\n  align-items: end;\n  margin-bottom: clamp(55px, 7vw, 90px);\n}\n\n.ee-smh-electrify__index {\n  align-self: start;\n  display: grid;\n  gap: 7px;\n  padding-top: 8px;\n  border-top: 3px solid var(--smh-yellow);\n}\n\n.ee-smh-electrify__index span {\n  color: var(--smh-blue);\n  font-size: 31px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.ee-smh-electrify__index small {\n  color: rgba(255, 255, 255, .42);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-electrify__eyebrow {\n  display: block;\n  margin-bottom: 13px;\n  color: var(--smh-yellow);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-smh-electrify h2 {\n  max-width: 980px;\n  margin: 0;\n  font-size: clamp(44px, 5.8vw, 80px);\n  font-weight: 900;\n  line-height: .91;\n  letter-spacing: -.053em;\n  text-transform: uppercase;\n}\n\n.ee-smh-electrify h2 span {\n  display: block;\n  color: var(--smh-blue);\n}\n\n.ee-smh-electrify__stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr);\n  gap: clamp(36px, 6vw, 78px);\n  align-items: center;\n}\n\n.ee-smh-electrify__map {\n  position: relative;\n  min-height: clamp(550px, 48vw, 670px);\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, .10);\n  background:\n    radial-gradient(circle at center, rgba(20, 148, 255, .15), transparent 36%),\n    rgba(2, 8, 23, .58);\n  clip-path: polygon(0 8%, 8% 0, 100% 0, 100% 88%, 91% 100%, 0 100%);\n  filter:\n    drop-shadow(rgba(20, 148, 255, .48) -11px 12px 0)\n    drop-shadow(rgba(249, 176, 0, .28) 10px -8px 0)\n    drop-shadow(rgba(0, 0, 0, .32) 0 28px 45px);\n}\n\n.ee-smh-electrify__map::before {\n  content: \"\";\n  position: absolute;\n  inset: 14px;\n  opacity: .16;\n  background-image:\n    linear-gradient(rgba(20, 148, 255, .17) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20, 148, 255, .11) 1px, transparent 1px);\n  background-size: 42px 42px;\n}\n\n.ee-smh-electrify__lines {\n  position: absolute;\n  inset: 4%;\n  width: 92%;\n  height: 92%;\n}\n\n.ee-smh-electrify__lines path {\n  fill: none;\n  stroke: rgba(20, 148, 255, .55);\n  stroke-width: 2;\n  stroke-dasharray: 7 12;\n}\n\n.ee-smh-electrify.is-visible .ee-smh-electrify__lines path {\n  animation: eeSmhElectrifyTrace 5.5s linear infinite;\n}\n\n.ee-smh-electrify__lines path:nth-child(even) {\n  stroke: rgba(249, 176, 0, .5);\n  animation-direction: reverse !important;\n}\n\n.ee-smh-electrify__hub {\n  position: absolute;\n  z-index: 3;\n  left: 50%;\n  top: 50%;\n  display: grid;\n  place-content: center;\n  width: 230px;\n  height: 180px;\n  padding: 24px;\n  transform: translate(-50%, -50%);\n  background: linear-gradient(145deg, #0b3152, var(--smh-ink));\n  color: #fff;\n  text-align: center;\n  clip-path: polygon(9% 0, 100% 0, 100% 83%, 88% 100%, 0 100%, 0 14%);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13);\n}\n\n.ee-smh-electrify__hub small {\n  margin-bottom: 9px;\n  color: var(--smh-yellow);\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-smh-electrify__hub strong {\n  font-size: 21px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.ee-smh-electrify__hub span {\n  margin-top: 11px;\n  color: rgba(255, 255, 255, .43);\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .1em;\n}\n\n.ee-smh-electrify__node {\n  position: absolute;\n  z-index: 3;\n  display: grid;\n  place-content: center;\n  width: 142px;\n  min-height: 80px;\n  padding: 12px;\n  background: rgba(7, 20, 38, .95);\n  text-align: center;\n  clip-path: polygon(0 0, 89% 0, 100% 28%, 100% 100%, 8% 100%, 0 72%);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);\n}\n\n.ee-smh-electrify__node b {\n  margin-bottom: 5px;\n  color: var(--smh-yellow);\n  font-size: 8px;\n  letter-spacing: .1em;\n}\n\n.ee-smh-electrify__node strong {\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .05em;\n}\n\n.ee-smh-electrify__node--ev {\n  left: 50%;\n  top: 5%;\n  transform: translateX(-50%);\n}\n\n.ee-smh-electrify__node--panels {\n  right: 5%;\n  top: 22%;\n}\n\n.ee-smh-electrify__node--appliances {\n  right: 7%;\n  bottom: 9%;\n}\n\n.ee-smh-electrify__node--controls {\n  left: 7%;\n  bottom: 9%;\n}\n\n.ee-smh-electrify__node--future {\n  left: 4%;\n  top: 22%;\n}\n\n.ee-smh-electrify__copy {\n  position: relative;\n  padding: clamp(31px, 3.4vw, 46px);\n  background: linear-gradient(145deg, #f5f8fb, #dcecff);\n  color: var(--smh-ink);\n  clip-path: polygon(7% 0, 100% 0, 100% 84%, 92% 100%, 0 100%, 0 13%);\n  filter:\n    drop-shadow(rgba(20, 148, 255, .65) 11px 12px 0)\n    drop-shadow(rgba(249, 176, 0, .38) -8px -7px 0)\n    drop-shadow(rgba(0, 0, 0, .22) 0 25px 40px);\n}\n\n.ee-smh-electrify__label {\n  display: block;\n  margin-bottom: 18px;\n  color: #0b6fb7;\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-electrify__copy > p {\n  margin: 0;\n  color: #41566d;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.65;\n}\n\n.ee-smh-electrify__copy > p + p {\n  margin-top: 20px;\n}\n\n.ee-smh-electrify__statement {\n  margin: 27px -7px;\n  padding: 22px 22px 24px;\n  background: var(--smh-ink);\n  color: #fff;\n  clip-path: polygon(0 0, 93% 0, 100% 29%, 100% 100%, 7% 100%, 0 73%);\n}\n\n.ee-smh-electrify__statement small {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--smh-yellow);\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .13em;\n}\n\n.ee-smh-electrify__statement strong {\n  display: block;\n  font-size: clamp(20px, 2vw, 28px);\n  line-height: 1.08;\n}\n\n.ee-smh-electrify__rail {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-top: 25px;\n  color: #62768b;\n  font-size: 7px;\n  font-weight: 900;\n  letter-spacing: .11em;\n}\n\n.ee-smh-electrify__rail i {\n  flex: 1;\n  height: 2px;\n  background: linear-gradient(90deg, var(--smh-blue), var(--smh-yellow));\n}\n\n.ee-smh-electrify__handoff {\n  position: absolute;\n  left: -4%;\n  right: -4%;\n  bottom: -1px;\n  height: clamp(74px, 8vw, 122px);\n  background: var(--smh-navy);\n  clip-path: polygon(0 66%, 27% 44%, 62% 76%, 100% 21%, 100% 100%, 0 100%);\n}\n\n.ee-smh-electrify__handoff::before {\n  content: \"\";\n  position: absolute;\n  right: 6%;\n  top: 34%;\n  width: 61%;\n  height: 8px;\n  background: var(--smh-blue);\n  transform: rotate(-3.4deg);\n}\n\n.ee-smh-electrify__handoff::after {\n  content: \"\";\n  position: absolute;\n  left: 3%;\n  top: 51%;\n  width: 42%;\n  height: 5px;\n  background: var(--smh-yellow);\n  transform: rotate(2.4deg);\n}\n\n.ee-smh-electrify.is-js .ee-smh-electrify__map,\n.ee-smh-electrify.is-js .ee-smh-electrify__copy {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.ee-smh-electrify.is-visible .ee-smh-electrify__map,\n.ee-smh-electrify.is-visible .ee-smh-electrify__copy {\n  opacity: 1;\n  transform: none;\n  transition:\n    opacity .7s cubic-bezier(.2, .75, .25, 1),\n    transform .7s cubic-bezier(.2, .75, .25, 1);\n}\n\n.ee-smh-electrify.is-visible .ee-smh-electrify__copy {\n  transition-delay: .13s;\n}\n\n@keyframes eeSmhElectrifyTrace {\n  to {\n    stroke-dashoffset: -170;\n  }\n}\n\n@media (max-width: 900px) {\n  .ee-smh-electrify__head {\n    grid-template-columns: 1fr;\n  }\n\n  .ee-smh-electrify__index {\n    width: 110px;\n  }\n\n  .ee-smh-electrify__stage {\n    grid-template-columns: 1fr;\n  }\n\n  .ee-smh-electrify__map {\n    min-height: 600px;\n  }\n}\n\n@media (max-width: 560px) {\n  .ee-smh-electrify {\n    padding: 66px 13px 116px;\n  }\n\n  .ee-smh-electrify h2 {\n    font-size: clamp(38px, 11vw, 52px);\n  }\n\n  .ee-smh-electrify__map {\n    min-height: 460px;\n  }\n\n  .ee-smh-electrify__hub {\n    width: 175px;\n    height: 145px;\n    padding: 17px;\n  }\n\n  .ee-smh-electrify__hub strong {\n    font-size: 17px;\n  }\n\n  .ee-smh-electrify__node {\n    width: 104px;\n    min-height: 63px;\n    padding: 8px;\n  }\n\n  .ee-smh-electrify__node strong {\n    font-size: 8px;\n  }\n\n  .ee-smh-electrify__copy {\n    padding: 28px 21px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-smh-electrify__lines path {\n    animation: none !important;\n  }\n\n  .ee-smh-electrify.is-js .ee-smh-electrify__map,\n  .ee-smh-electrify.is-js .ee-smh-electrify__copy {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\/* Smart Home divider 04 \u2014 automation pulse exit *\/\n.ee-smh-electrify__handoff{left:-3%;right:-3%;bottom:-1px;height:clamp(112px,9.5vw,158px);background:transparent;clip-path:none;overflow:hidden;pointer-events:none}\n.ee-smh-electrify__handoff::before,.ee-smh-electrify__handoff::after{content:none}\n.ee-smh-electrify__handoff span{position:absolute;display:block;margin:0;border:0}\n.ee-smh-electrify__handoff span:nth-child(1){z-index:1;inset:0;background:#020817;clip-path:polygon(0 76%,66% 44%,78% 18%,100% 29%,100% 100%,0 100%)}\n.ee-smh-electrify__handoff span:nth-child(2){z-index:2;right:0;top:27%;width:55vw;height:28px;background:var(--smh-blue);opacity:.76;clip-path:polygon(0 50%,100% 0,100% 100%);filter:drop-shadow(0 10px 17px rgba(20,148,255,.18))}\n.ee-smh-electrify__handoff span:nth-child(3){z-index:3;left:0;top:44%;width:68vw;height:18px;background:var(--smh-yellow);opacity:.91;clip-path:polygon(0 0,0 100%,100% 50%);filter:drop-shadow(0 7px 13px rgba(249,176,0,.16))}\n@media(max-width:560px){.ee-smh-electrify__handoff{height:76px}.ee-smh-electrify__handoff span:nth-child(2){height:22px}.ee-smh-electrify__handoff span:nth-child(3){height:14px}}\n\/* Smart Home bespoke divider 04 \u2014 crossed automation paths *\/\n.ee-smh-electrify__handoff{background:transparent;clip-path:none;overflow:hidden}\n.ee-smh-electrify__handoff::before,.ee-smh-electrify__handoff::after{content:none}\n.ee-smh-electrify__handoff svg{display:block;width:100%;height:100%;overflow:hidden}\n.ee-smh-electrify__handoff .ee-smh-divider__field{fill:#020817}\n.ee-smh-electrify__handoff .ee-smh-divider__blue{fill:var(--smh-blue);filter:drop-shadow(0 7px 11px rgba(20,148,255,.16))}\n.ee-smh-electrify__handoff .ee-smh-divider__yellow{fill:var(--smh-yellow);filter:drop-shadow(0 5px 9px rgba(249,176,0,.14))}\n.ee-smh-electrify__handoff .ee-smh-divider__cyan{fill:rgba(87,222,244,.8)}\n.ee-smh-electrify__handoff .ee-smh-divider__cyan{opacity:.24}\n.ee-smh-electrify__handoff .ee-smh-divider__blue{opacity:.68}\n.ee-smh-electrify__handoff .ee-smh-divider__yellow{opacity:.95}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".ee-smh-electrify\");\n  if (!root) return;\n\n  const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  root.classList.add(\"is-js\");\n\n  if (reduceMotion.matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n    entries => {\n      if (!entries[0].isIntersecting) return;\n\n      root.classList.add(\"is-visible\");\n      observer.disconnect();\n    },\n    {\n      threshold: 0.2\n    }\n  );\n\n  observer.observe(root);\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"4\" data-consonant-block=\"post-126-southern-arizona-cta\" data-consonant-page=\"126\" data-consonant-source=\"post-content\" class=\"ee-smh-final\" aria-labelledby=\"ee-smh-final-title\">\n  <div class=\"ee-smh-final__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"ee-smh-final__ghost\" aria-hidden=\"true\">TUCSON<\/div>\n\n  <div class=\"ee-smh-final__shell\">\n    <div class=\"ee-smh-final__index\">\n      <span>04<\/span>\n      <small>LOCAL PLANNING<\/small>\n    <\/div>\n\n    <div class=\"ee-smh-final__content\">\n      <span class=\"ee-smh-final__eyebrow\">\n        SMART HOME ELECTRICAL \u2022 SOUTHERN ARIZONA\n      <\/span>\n\n      <h2 id=\"ee-smh-final-title\">\n        Built Around the Property,\n        <span>Not the Product Box.<\/span>\n      <\/h2>\n\n      <p>\n        Electrical Expert LLC serves Tucson, Marana, Oro Valley, and\n        SaddleBrooke with smart-home electrical work and broader residential\n        electrical services.\n      <\/p>\n\n      <div class=\"ee-smh-final__planning-note\">\n        <small>HELP US SEE THE PROJECT<\/small>\n\n        <p>\n          If you already know what product you want to use, send the model\n          information with your quote request when possible. If you are still\n          planning the project, tell us what you want the system to\n          accomplish.\n        <\/p>\n      <\/div>\n\n      <div class=\"ee-smh-final__actions\">\n        <a class=\"ee-smh-final__primary\" href=\"\/contact\/\">\n          Request Smart Home Electrical Service\n          <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n\n        <a class=\"ee-smh-final__phone\" href=\"tel:+15204058755\">\n          (520) 405-8755\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <aside class=\"ee-smh-final__aside\">\n      <span class=\"ee-smh-final__aside-label\">SERVING<\/span>\n\n      <ol>\n        <li><b>01<\/b><span>Tucson<\/span><\/li>\n        <li><b>02<\/b><span>Marana<\/span><\/li>\n        <li><b>03<\/b><span>Oro Valley<\/span><\/li>\n        <li><b>04<\/b><span>SaddleBrooke<\/span><\/li>\n      <\/ol>\n\n      <div class=\"ee-smh-final__aside-rule\">\n        <i><\/i>\n        <i><\/i>\n      <\/div>\n\n      <p>\n        <strong>Smart-home electrical work<\/strong><br>\n        Connected controls \u2022 smart panels \u2022 electrical products\n      <\/p>\n    <\/aside>\n  <\/div>\n\n  <div class=\"ee-smh-final__rule\" aria-hidden=\"true\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n  <\/div>\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.ee-smh-final,\n.ee-smh-final * {\n  box-sizing: border-box;\n}\n\n.ee-smh-final {\n  --smh-navy: #020817;\n  --smh-ink: #071426;\n  --smh-blue: #1494ff;\n  --smh-yellow: #f9b000;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(92px, 10vw, 145px) 20px clamp(105px, 11vw, 158px);\n  background:\n    radial-gradient(circle at 77% 15%, rgba(20, 148, 255, .20), transparent 31rem),\n    radial-gradient(circle at 17% 92%, rgba(249, 176, 0, .08), transparent 25rem),\n    var(--smh-navy);\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.ee-smh-final__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  opacity: .17;\n  background-image:\n    linear-gradient(rgba(20, 148, 255, .14) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(20, 148, 255, .09) 1px, transparent 1px);\n  background-size: 68px 68px;\n  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);\n}\n\n.ee-smh-final__ghost {\n  position: absolute;\n  z-index: -1;\n  left: 50%;\n  bottom: -.17em;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(255, 255, 255, .055);\n  font-size: clamp(130px, 25vw, 430px);\n  font-weight: 900;\n  line-height: .72;\n  letter-spacing: -.09em;\n  white-space: nowrap;\n  transform: translateX(-50%);\n  user-select: none;\n}\n\n.ee-smh-final__shell {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 110px minmax(0, 1fr) minmax(255px, .38fr);\n  gap: clamp(25px, 4vw, 60px);\n  width: min(1220px, 100%);\n  margin: 0 auto;\n  align-items: start;\n}\n\n.ee-smh-final__index {\n  display: grid;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 3px solid var(--smh-blue);\n}\n\n.ee-smh-final__index span {\n  color: var(--smh-yellow);\n  font-size: 31px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.ee-smh-final__index small {\n  color: rgba(255, 255, 255, .45);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-final__eyebrow {\n  display: block;\n  margin-bottom: 15px;\n  color: var(--smh-yellow);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .16em;\n}\n\n.ee-smh-final h2 {\n  max-width: 860px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(48px, 6.2vw, 88px);\n  font-weight: 900;\n  line-height: .9;\n  letter-spacing: -.055em;\n  text-transform: uppercase;\n}\n\n.ee-smh-final h2 span {\n  display: block;\n  color: var(--smh-blue);\n}\n\n.ee-smh-final__content > p {\n  max-width: 720px;\n  margin: 27px 0 0;\n  color: rgba(235, 243, 255, .72);\n  font-size: clamp(16px, 1.3vw, 20px);\n  font-weight: 520;\n  line-height: 1.65;\n}\n\n.ee-smh-final__planning-note {\n  max-width: 760px;\n  margin-top: 29px;\n  padding: 20px 23px 22px;\n  background: rgba(7, 20, 38, .88);\n  border-left: 3px solid var(--smh-blue);\n  clip-path: polygon(0 0, 95% 0, 100% 27%, 100% 100%, 5% 100%, 0 74%);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);\n}\n\n.ee-smh-final__planning-note small {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--smh-yellow);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .14em;\n}\n\n.ee-smh-final__planning-note p {\n  margin: 0;\n  color: rgba(255, 255, 255, .7);\n  font-size: 14px;\n  font-weight: 550;\n  line-height: 1.58;\n}\n\n.ee-smh-final__actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 17px 27px;\n  margin-top: 32px;\n}\n\n.ee-smh-final__primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 52px;\n  padding: 0 21px;\n  background: var(--smh-yellow);\n  color: var(--smh-ink) !important;\n  font-size: 12px;\n  font-weight: 900;\n  text-decoration: none !important;\n  clip-path: polygon(0 0, 91% 0, 100% 32%, 100% 100%, 7% 100%, 0 72%);\n  filter: drop-shadow(rgba(20, 148, 255, .48) 7px 7px 0);\n  transition:\n    transform .2s ease,\n    filter .2s ease;\n}\n\n.ee-smh-final__primary:hover {\n  transform: translateY(-2px);\n  filter: drop-shadow(rgba(20, 148, 255, .72) 9px 9px 0);\n}\n\n.ee-smh-final__primary span {\n  font-size: 16px;\n}\n\n.ee-smh-final__phone {\n  position: relative;\n  color: #fff !important;\n  font-size: 17px;\n  font-weight: 900;\n  text-decoration: none !important;\n}\n\n.ee-smh-final__phone::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -7px;\n  height: 2px;\n  background: var(--smh-blue);\n  transform-origin: left center;\n  transition: transform .2s ease;\n}\n\n.ee-smh-final__phone:hover::after {\n  transform: scaleX(.55);\n}\n\n.ee-smh-final__aside {\n  margin-top: clamp(52px, 7vw, 94px);\n  padding: 19px 0 0 18px;\n  border-top: 1px solid rgba(255, 255, 255, .14);\n  border-left: 3px solid var(--smh-yellow);\n}\n\n.ee-smh-final__aside-label {\n  display: block;\n  margin-bottom: 15px;\n  color: var(--smh-blue);\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: .15em;\n}\n\n.ee-smh-final__aside ol {\n  display: grid;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.ee-smh-final__aside li {\n  display: grid;\n  grid-template-columns: 30px 1fr;\n  gap: 9px;\n  align-items: center;\n  padding: 9px 0;\n  border-bottom: 1px solid rgba(255, 255, 255, .09);\n}\n\n.ee-smh-final__aside li b {\n  color: var(--smh-yellow);\n  font-size: 8px;\n  letter-spacing: .08em;\n}\n\n.ee-smh-final__aside li span {\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.ee-smh-final__aside-rule {\n  display: grid;\n  grid-template-columns: 58% 42%;\n  height: 3px;\n  margin-top: 22px;\n}\n\n.ee-smh-final__aside-rule i:first-child {\n  background: var(--smh-blue);\n}\n\n.ee-smh-final__aside-rule i:last-child {\n  background: var(--smh-yellow);\n}\n\n.ee-smh-final__aside p {\n  margin: 17px 0 0;\n  color: rgba(255, 255, 255, .52);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1.65;\n}\n\n.ee-smh-final__aside strong {\n  color: rgba(255, 255, 255, .85);\n}\n\n.ee-smh-final__rule {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 23px;\n  display: grid;\n  grid-template-columns: 31% 29% 40%;\n  height: 3px;\n}\n\n.ee-smh-final__rule span:nth-child(1) {\n  background: var(--smh-yellow);\n}\n\n.ee-smh-final__rule span:nth-child(2) {\n  background: var(--smh-blue);\n}\n\n.ee-smh-final__rule span:nth-child(3) {\n  background: rgba(255, 255, 255, .1);\n}\n\n.ee-smh-final.is-js .ee-smh-final__index,\n.ee-smh-final.is-js .ee-smh-final__content,\n.ee-smh-final.is-js .ee-smh-final__aside {\n  opacity: 0;\n  transform: translateY(28px);\n}\n\n.ee-smh-final.is-visible .ee-smh-final__index,\n.ee-smh-final.is-visible .ee-smh-final__content,\n.ee-smh-final.is-visible .ee-smh-final__aside {\n  opacity: 1;\n  transform: none;\n  transition:\n    opacity .7s cubic-bezier(.2, .75, .25, 1),\n    transform .7s cubic-bezier(.2, .75, .25, 1);\n}\n\n.ee-smh-final.is-visible .ee-smh-final__content {\n  transition-delay: .07s;\n}\n\n.ee-smh-final.is-visible .ee-smh-final__aside {\n  transition-delay: .15s;\n}\n\n@media (max-width: 900px) {\n  .ee-smh-final__shell {\n    grid-template-columns: 1fr;\n  }\n\n  .ee-smh-final__index {\n    width: 110px;\n  }\n\n  .ee-smh-final__aside {\n    max-width: 520px;\n    margin-top: 15px;\n  }\n}\n\n@media (max-width: 560px) {\n  .ee-smh-final {\n    padding: 68px 14px 102px;\n  }\n\n  .ee-smh-final h2 {\n    font-size: clamp(39px, 11.5vw, 54px);\n  }\n\n  .ee-smh-final__content > p {\n    font-size: 15px;\n  }\n\n  .ee-smh-final__planning-note {\n    padding: 19px;\n  }\n\n  .ee-smh-final__actions {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .ee-smh-final__primary {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .ee-smh-final__phone {\n    width: max-content;\n  }\n\n  .ee-smh-final__ghost {\n    font-size: 42vw;\n    bottom: .2em;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ee-smh-final.is-js .ee-smh-final__index,\n  .ee-smh-final.is-js .ee-smh-final__content,\n  .ee-smh-final.is-js .ee-smh-final__aside {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .ee-smh-final__primary,\n  .ee-smh-final__phone::after {\n    transition: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const root = document.querySelector(\".ee-smh-final\");\n  if (!root) return;\n\n  const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  root.classList.add(\"is-js\");\n\n  if (reduceMotion.matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n    entries => {\n      if (!entries[0].isIntersecting) return;\n\n      root.classList.add(\"is-visible\");\n      observer.disconnect();\n    },\n    {\n      threshold: 0.18\n    }\n  );\n\n  observer.observe(root);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>SMART HOME \/ TUCSON AZ Smart Home Electrical Starts With the Electrical System. Smart-home technology can add convenience, visibility, control, and new ways to manage the property. But every connected device still depends on real wiring, real circuits, and real electrical capacity. WIRING CIRCUITS CAPACITY CONTROL THE FOUNDATION ElectricalSystem POWER \u2022 CIRCUITS \u2022 CAPACITY 01 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":0,"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"wp:attachment":[{"href":"https:\/\/electricalexpert520.com\/index.php\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}