section.sm-connect{background:var(--hm-tint);min-height:auto}.sm-connect__grid{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1fr)}.sm-connect__copy{align-self:center;box-sizing:content-box;max-width:600px;padding:clamp(48px,7vh,80px) clamp(24px,4vw,72px) clamp(48px,7vh,80px) max(clamp(15px,.75rem,.75rem),calc(50vw - 705px))}.sm-connect__copy .hm-section__heading{margin-bottom:20px}.sm-connect__lede{color:var(--hm-mute);font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.55;margin:0}.sm-connect__note>summary{margin-inline:0}.sm-connect__panel{background:linear-gradient(215deg,#2a55e6,#1530a0 42%,#0a1550);color:#fff;padding:clamp(36px,5vh,56px) max(clamp(15px,.75rem,.75rem),calc(50vw - 705px)) clamp(28px,4vh,44px) clamp(28px,3.5vw,56px);position:relative}.sm-connect__label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.sm-connect__map{aspect-ratio:960/600;max-width:860px;position:relative}.sm-connect__wires{height:100%;top:0;right:0;bottom:0;left:0;overflow:visible;position:absolute;width:100%}.sm-connect__wires path{stroke:#fff;stroke-width:3;stroke-linecap:round}.sm-connect__hub,.sm-connect__pin{fill:var(--color-electric-lime);transform-box:fill-box;transform-origin:center}.sm-connect__hub-ring{fill:#13299a;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center}.sm-connect__devices{list-style:none;margin:0;padding:0}.sm-connect__device{margin:0;position:absolute}.sm-connect__device--meter{left:8.9%;top:9.7%;width:16.2%}.sm-connect__device--impulse{left:68.2%;top:10.8%;width:28.1%}.sm-connect__device--gateway{left:5.7%;top:48%;width:19.8%}.sm-connect__device--bms{left:67.2%;top:59%;width:29.2%}.sm-connect__device picture{display:block;filter:drop-shadow(0 16px 20px rgba(0,0,0,.4))}.sm-connect__device img{display:block;height:auto;width:100%}.sm-connect__device span{color:#fff;display:block;font-size:clamp(14px,1.3vw,20px);font-weight:500;line-height:1.2;margin:10px 0 0 50%;text-align:center;transform:translate(-50%);width:-moz-max-content;width:max-content}.sm-connect__device--gateway span{max-width:150%}.sm-connect__device--bms span,.sm-connect__device--impulse span{max-width:120%}.sm-connect__device--meter span{max-width:calc(210% + 32px)}a.sm-connect__more{align-items:center;border-top:1px solid #dedcd2;display:flex;gap:20px;justify-content:space-between;padding:18px max(clamp(15px,.75rem,.75rem),calc(50vw - 705px));text-decoration:none}.sm-connect__more-text{color:var(--color-royal-indigo);font-size:clamp(20px,1.9vw,30px);font-weight:700;letter-spacing:-.02em}.sm-connect__more-box{aspect-ratio:1;background:var(--color-electric-lime);border-radius:6px;display:grid;flex:none;place-items:center;transition:translate .25s ease;width:clamp(52px,4.4vw,70px)}.sm-connect__more-box svg{stroke:var(--color-dark);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;width:46%}a.sm-connect__more:hover .sm-connect__more-text{text-decoration:underline;text-underline-offset:5px}a.sm-connect__more:hover .sm-connect__more-box{translate:4px 0}a.sm-connect__more:focus-visible{outline:2px solid var(--color-royal-indigo);outline-offset:-4px}@media (max-width:1000px){.sm-connect__grid{grid-template-columns:minmax(0,1fr)}.sm-connect__copy{max-width:720px;padding:56px clamp(15px,.75rem,.75rem) 40px}.sm-connect__panel{padding:40px clamp(15px,.75rem,.75rem) 32px}.sm-connect__map{margin:0 auto}.sm-connect__device--meter span{max-width:210%}}@media (max-width:600px){.sm-connect__map{aspect-ratio:auto}.sm-connect__wires{display:none}.sm-connect__devices{align-items:end;display:grid;gap:28px 18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}.sm-connect__device{position:static;width:auto}.sm-connect__device picture{margin:0 auto;width:78%}.sm-connect__device--meter picture{width:56%}.sm-connect__device span{font-size:15px;margin:10px 0 0;text-align:center;transform:none;width:auto}.sm-connect__more-text{font-size:19px}}.sm-connect.is-armed .sm-connect__wires path{stroke-dasharray:1;stroke-dashoffset:1}.sm-connect.is-armed :is(.sm-connect__pin,.sm-connect__hub,.sm-connect__hub-ring){opacity:0;scale:.4}.sm-connect.is-armed :is(.sm-connect__copy>*,.sm-connect__label,.sm-connect__device){opacity:0;translate:0 20px}.sm-connect.is-in :is(.sm-connect__copy>*,.sm-connect__label,.sm-connect__device){opacity:1;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.7,.2,1);translate:none}.sm-connect.is-in .sm-connect__copy>:nth-child(2){transition-delay:.08s}.sm-connect.is-in .sm-connect__copy>:nth-child(3){transition-delay:.16s}.sm-connect.is-in .sm-connect__device:first-child{transition-delay:.2s}.sm-connect.is-in .sm-connect__device:nth-child(2){transition-delay:.3s}.sm-connect.is-in .sm-connect__device:nth-child(3){transition-delay:.4s}.sm-connect.is-in .sm-connect__device:nth-child(4){transition-delay:.5s}.sm-connect.is-in :is(.sm-connect__pin,.sm-connect__hub,.sm-connect__hub-ring){opacity:1;scale:1;transition:opacity .3s ease .7s,scale .45s cubic-bezier(.3,1.6,.5,1) .7s}.sm-connect.is-in .sm-connect__wires path{stroke-dashoffset:0;transition:stroke-dashoffset .8s ease .85s}.sm-connect.is-in :is(.sm-connect__hub,.sm-connect__hub-ring){transition-delay:1.5s}.sm-connect.is-flowing .sm-connect__pin{animation:smc-blink 3.2s ease-in-out infinite}.sm-connect.is-flowing .sm-connect__pin:nth-of-type(2){animation-delay:.8s}.sm-connect.is-flowing .sm-connect__pin:nth-of-type(3){animation-delay:1.6s}.sm-connect.is-flowing .sm-connect__pin:nth-of-type(4){animation-delay:2.4s}.sm-connect.is-flowing .sm-connect__hub{animation:smc-blink .8s ease-in-out infinite}.sm-connect .sm-connect__wires .sm-connect__flow path{stroke:var(--color-electric-lime);stroke-width:5;stroke-dasharray:.14 1.2;stroke-dashoffset:.14;opacity:0}.sm-connect.is-flowing .sm-connect__flow path{animation:smc-pulse 3.2s cubic-bezier(.5,0,.6,1) infinite}.sm-connect.is-flowing .sm-connect__flow path:nth-child(2){animation-delay:.8s}.sm-connect.is-flowing .sm-connect__flow path:nth-child(3){animation-delay:1.6s}.sm-connect.is-flowing .sm-connect__flow path:nth-child(4){animation-delay:2.4s}.sm-connect.is-flowing .sm-connect__hub{animation-delay:.36s}@keyframes smc-pulse{0%,8%{stroke-dashoffset:.14;opacity:0}12%{opacity:1}34%{opacity:1}40%,to{stroke-dashoffset:-1;opacity:0}}@keyframes smc-blink{0%,to{scale:1}12%{scale:1.4}30%{scale:1}}@media (prefers-reduced-motion:reduce){.sm-connect.is-flowing *{animation:none!important}}