.smart-home-demo{--shd-mint:#62f2c3;--shd-muted:#b1bec8;color:var(--white,#eef1f5);background:var(--navy,#151922);padding:92px 5vw;scroll-margin-top:110px}.smart-home-demo .shd-heading{grid-template-columns:1fr .8fr;align-items:end;gap:50px;max-width:1280px;margin:0 auto 34px;display:grid}.smart-home-demo .micro-label{color:var(--shd-mint)}.smart-home-demo .shd-heading h2{letter-spacing:-.055em;max-width:650px;margin:18px 0 0;font-size:clamp(35px,4.3vw,64px);line-height:1.02}.smart-home-demo .shd-heading>p{max-width:470px;color:var(--shd-muted);margin:0;font-size:15px;line-height:1.7}.smart-home-demo .shd-workbench{background:#1b202b;border:1px solid #3e4652;border-radius:18px;max-width:1280px;margin:auto;padding:26px 32px 0}.smart-home-demo .shd-toolbar{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;font-size:10px;display:flex}.smart-home-demo .shd-demo-label{text-transform:uppercase;align-items:center;gap:9px;font-weight:800;display:flex}.smart-home-demo .shd-demo-label>span{background:var(--shd-mint);border-radius:50%;width:6px;height:6px}.smart-home-demo .shd-shared{color:var(--shd-muted);align-items:center;gap:7px;display:flex}.smart-home-demo svg{flex-shrink:0;display:block}.smart-home-demo .shd-shared svg{width:15px;height:15px}.smart-home-demo .shd-routines{gap:8px;display:flex}.smart-home-demo .shd-routines button{color:#edf1f4;cursor:pointer;background:0 0;border:1px solid #505968;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 22px;font-size:12px;font-weight:700;display:flex}.smart-home-demo .shd-routines button[aria-pressed=true]{border-color:var(--shd-mint);background:var(--shd-mint);color:#15271f}.smart-home-demo .shd-routines svg{width:19px;height:19px}.smart-home-demo .shd-scene-description{align-items:baseline;gap:14px;min-height:66px;padding:18px 0;display:flex}.smart-home-demo .shd-scene-description>span{color:var(--shd-mint);flex-shrink:0;font-size:11px;font-weight:800}.smart-home-demo .shd-scene-description p{color:var(--shd-muted);margin:0;font-size:12px;line-height:1.6}.smart-home-demo .shd-devices{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:32px;padding:14px 0 26px;display:grid}.smart-home-demo .shd-device-caption{color:var(--shd-muted);align-items:center;gap:8px;margin:0 0 12px;font-size:10px;font-weight:700;display:flex}.smart-home-demo .shd-device-caption>span{color:var(--shd-mint);font-size:8px;font-weight:800}.smart-home-demo .shd-desktop{border:8px solid #080d13;border-bottom-width:12px;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 18px 35px #0003}.smart-home-demo .shd-screen-bar{color:#36434e;background:#e4e8e9;align-items:center;gap:14px;min-height:28px;padding:6px 12px;font-size:8px;font-weight:600;display:flex}.smart-home-demo .shd-screen-bar>svg{width:13px;height:13px;margin-left:auto}.smart-home-demo .shd-window-dots{gap:3px;display:flex}.smart-home-demo .shd-window-dots i{background:#9aa5ad;border-radius:50%;width:4px;height:4px}.smart-home-demo .shd-desktop-content{background:#202834;padding:18px 18px 20px}.smart-home-demo .shd-plan-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 3px 8px;font-size:12px;display:flex}.smart-home-demo .shd-plan-heading b{color:var(--shd-mint);text-transform:uppercase;letter-spacing:.06em;text-align:right;font-size:8px}.smart-home-demo .shd-plan{width:100%;height:auto;max-height:260px}.smart-home-demo .shd-plan text{fill:#b8c9d0;font-family:inherit;font-size:11px}.smart-home-demo .shd-plan .shd-plan-temp{fill:var(--shd-mint);font-size:23px;font-weight:600}.smart-home-demo .shd-controls{grid-template-columns:1fr 1fr;gap:0 16px;padding-top:7px;display:grid}.smart-home-demo .shd-control,.smart-home-demo .shd-temperature{color:#eef1f5;text-align:left;background:0 0;border:0;border-top:1px solid #526071;align-items:center;gap:8px;min-width:0;min-height:60px;padding:10px 0;display:flex}.smart-home-demo .shd-control{cursor:pointer;width:100%}.smart-home-demo .shd-control-icon{width:26px;height:30px;color:var(--shd-muted);flex-shrink:0;place-items:center;display:grid}.smart-home-demo .shd-control-icon svg{width:21px;height:21px}.smart-home-demo .shd-control[aria-pressed=true] .shd-control-icon{color:var(--shd-mint)}.smart-home-demo .shd-control-copy{gap:3px;min-width:0;display:grid}.smart-home-demo .shd-control-copy>span{color:#bbc7cf;overflow-wrap:anywhere;font-size:9px;line-height:1.3}.smart-home-demo .shd-control-copy strong{overflow-wrap:anywhere;font-size:11px;line-height:1.35}.smart-home-demo .shd-switch{background:#677380;border-radius:20px;flex-shrink:0;width:34px;height:18px;margin-left:auto;padding:3px;display:block;position:relative}.smart-home-demo .shd-control[aria-pressed=true] .shd-switch{background:var(--shd-mint)}.smart-home-demo .shd-switch i{background:#131b25;border-radius:50%;width:12px;height:12px;display:block}.smart-home-demo .shd-temperature>div{gap:2px;margin-left:auto;display:flex}.smart-home-demo .shd-temperature button{min-width:30px;min-height:44px;color:var(--shd-mint);cursor:pointer;background:#344151;border:0;border-radius:4px;place-items:center;font-size:17px;display:grid}.smart-home-demo .shd-temperature button:disabled{color:#abb4ba;cursor:default;background:#283342}.smart-home-demo .shd-desktop-foot{background:linear-gradient(90deg,#0000 37%,#394551 37% 63%,#0000 63%);border-bottom:3px solid #7f8a91;width:34%;height:27px;margin:auto;position:relative}.smart-home-demo .shd-desktop-foot:after{content:"";background:#7f8a91;border-radius:50%;width:100%;height:4px;position:absolute;bottom:-3px;left:0}.smart-home-demo .shd-companions{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.smart-home-demo .shd-tablet{background:#26313d;border:7px solid #080d13;border-radius:18px;min-height:250px;padding:17px 10px 10px;box-shadow:0 12px 25px #0003}.smart-home-demo .shd-small-screen-heading{justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.smart-home-demo .shd-small-screen-heading svg{width:14px;height:14px;color:var(--shd-mint)}.smart-home-demo .shd-small-scene{color:var(--shd-mint);text-align:center;margin:9px 0;font-size:8px;display:block}.smart-home-demo .shd-tablet .shd-plan{margin:12px auto 16px}.smart-home-demo .shd-tablet .shd-plan text{font-size:13px}.smart-home-demo .shd-control--compact{gap:5px;min-height:55px}.smart-home-demo .shd-control--compact .shd-control-icon{width:19px}.smart-home-demo .shd-control--compact .shd-control-icon svg{width:17px;height:17px}.smart-home-demo .shd-control--compact .shd-control-copy>span{font-size:8px}.smart-home-demo .shd-control--compact .shd-control-copy strong{font-size:9px}.smart-home-demo .shd-tablet-reading{border-top:1px solid #526071;flex-wrap:wrap;align-items:center;gap:5px;padding:12px 0 3px;font-size:8px;display:flex}.smart-home-demo .shd-tablet-reading svg{width:16px;height:16px;color:var(--shd-mint)}.smart-home-demo .shd-tablet-reading strong{margin-left:auto;font-size:11px}.smart-home-demo .shd-phone-wrap{padding-top:42px}.smart-home-demo .shd-phone{color:#1b2e2d;text-align:center;background:#e8eee9;border:6px solid #080d13;border-radius:22px;min-height:295px;padding:23px 9px 26px;position:relative;box-shadow:0 12px 25px #0003}.smart-home-demo .shd-phone-notch{background:#080d13;border-radius:0 0 6px 6px;width:36%;height:6px;position:absolute;top:4px;left:32%}.smart-home-demo .shd-phone>svg{width:23px;height:23px;color:var(--cobalt,#c2185b);margin:0 auto 7px}.smart-home-demo .shd-phone>b{font-size:10px;display:block}.smart-home-demo .shd-phone .shd-small-scene{color:#496861}.smart-home-demo .shd-phone-temperature{letter-spacing:-.06em;margin:18px 0 0;font-size:34px;font-weight:600;line-height:1}.smart-home-demo .shd-phone-temperature small{letter-spacing:0;font-size:12px}.smart-home-demo .shd-phone-temp-label{margin:6px 0 14px;font-size:8px;display:block}.smart-home-demo .shd-phone .shd-control{color:#233831;border-color:#abbab2;min-height:53px}.smart-home-demo .shd-phone .shd-control-copy>span{color:#455c54}.smart-home-demo .shd-phone .shd-control-icon,.smart-home-demo .shd-phone .shd-control[aria-pressed=true] .shd-control-icon{color:#325e50}.smart-home-demo .shd-phone .shd-switch{background:#aebdb6;width:30px;height:18px;padding:3px}.smart-home-demo .shd-phone .shd-switch i{width:10px;height:12px}.smart-home-demo .shd-phone .shd-control[aria-pressed=true] .shd-switch{background:#62d4ad}.smart-home-demo .shd-phone-home{background:#859890;border-radius:3px;width:40%;height:3px;position:absolute;bottom:9px;left:30%}.smart-home-demo .shd-flow{border-top:1px solid #46525e;grid-template-columns:minmax(0,1fr) minmax(30px,.3fr) minmax(0,1fr) minmax(30px,.3fr) minmax(0,1fr);align-items:center;gap:12px;padding:24px 0;display:grid}.smart-home-demo .shd-flow-node{justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.smart-home-demo .shd-flow-node>svg{width:25px;height:25px;color:var(--shd-mint)}.smart-home-demo .shd-flow-node div{min-width:0}.smart-home-demo .shd-flow-node b{font-size:12px;line-height:1.3;display:block}.smart-home-demo .shd-flow-node small{color:var(--shd-muted);margin-top:5px;font-size:9px;line-height:1.6;display:block}.smart-home-demo .shd-flow-node--scene{grid-area:1/3}.smart-home-demo .shd-flow-node--devices{grid-area:1/5}.smart-home-demo .shd-flow-arrow{color:#849b97;width:100%}.smart-home-demo .shd-flow-arrow--0{grid-area:1/2}.smart-home-demo .shd-flow-arrow--1{grid-area:1/4}.smart-home-demo .shd-bottom-bar{background:#171c25;border-top:1px solid #3e4652;border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;gap:25px;margin:0 -32px;padding:18px 32px;display:flex}.smart-home-demo .shd-bottom-bar p{max-width:580px;color:var(--shd-muted);margin:0;font-size:10px;line-height:1.6}.smart-home-demo .shd-bottom-bar>div{flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;display:flex}.smart-home-demo .shd-bottom-bar button{min-height:32px;color:var(--shd-mint);text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px}.smart-home-demo button:hover{outline-offset:2px;outline:1px solid #a5d9c7}.smart-home-demo button:focus-visible{outline:3px solid var(--orange,#ff6b4a);outline-offset:3px}@media (width>=1440px){.smart-home-demo .shd-companions{gap:22px}.smart-home-demo .shd-phone{min-height:330px}.smart-home-demo .shd-tablet{min-height:285px}}@media (width<=1080px){.smart-home-demo .shd-devices{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}.smart-home-demo .shd-companions{gap:10px}.smart-home-demo .shd-workbench{padding:24px 20px 0}.smart-home-demo .shd-bottom-bar{margin:0 -20px;padding:18px 20px}.smart-home-demo .shd-desktop-content{padding:14px 12px}.smart-home-demo .shd-controls{gap:0 8px}.smart-home-demo .shd-control-icon{width:20px}.smart-home-demo .shd-control{gap:5px}}@media (width<=860px){.smart-home-demo{padding:70px 5vw}.smart-home-demo .shd-heading{grid-template-columns:1fr;gap:24px}.smart-home-demo .shd-heading>p{max-width:650px}.smart-home-demo .shd-devices{grid-template-columns:minmax(0,1.3fr) minmax(0,.65fr);align-items:start;gap:24px}.smart-home-demo .shd-companions{grid-template-columns:1fr;gap:20px;max-width:200px}.smart-home-demo .shd-phone-wrap{justify-self:end;width:140px;padding-top:0}.smart-home-demo .shd-tablet{min-height:230px}.smart-home-demo .shd-phone{min-height:285px}.smart-home-demo .shd-toolbar{flex-wrap:wrap;gap:10px}.smart-home-demo .shd-controls{grid-template-columns:1fr}.smart-home-demo .shd-desktop-content{padding:14px 18px}.smart-home-demo .shd-plan{margin:12px 0}.smart-home-demo .shd-control-copy>span{font-size:10px}.smart-home-demo .shd-control-copy strong{font-size:12px}.smart-home-demo .shd-control--compact .shd-control-copy strong{font-size:9px}.smart-home-demo .shd-bottom-bar{flex-direction:column;align-items:start;gap:12px}.smart-home-demo .shd-bottom-bar>div{justify-content:flex-start}.smart-home-demo .shd-flow-node{gap:8px}}@media (width<=600px){.smart-home-demo{padding:55px 5vw}.smart-home-demo .shd-workbench{border-radius:12px;padding:20px 16px 0}.smart-home-demo .shd-heading h2{font-size:38px}.smart-home-demo .shd-heading>p{font-size:14px}.smart-home-demo .shd-shared{font-size:9px}.smart-home-demo .shd-routines{gap:6px}.smart-home-demo .shd-routines button{flex:1;gap:6px;padding:11px 8px;font-size:11px}.smart-home-demo .shd-routines svg{width:16px;height:16px}.smart-home-demo .shd-scene-description{flex-direction:column;align-items:start;gap:5px;padding:16px 0}.smart-home-demo .shd-devices{grid-template-columns:1fr;gap:24px;padding-top:7px}.smart-home-demo .shd-controls{grid-template-columns:1fr 1fr;gap:0 10px}.smart-home-demo .shd-desktop-content{padding:12px 9px}.smart-home-demo .shd-desktop{border-width:6px}.smart-home-demo .shd-control-copy>span{font-size:8px}.smart-home-demo .shd-control-copy strong{font-size:10px}.smart-home-demo .shd-control-icon{width:17px}.smart-home-demo .shd-control-icon svg{width:17px;height:17px}.smart-home-demo .shd-temperature{gap:4px}.smart-home-demo .shd-temperature>div{gap:1px}.smart-home-demo .shd-temperature button{min-width:24px}.smart-home-demo .shd-companions{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);align-items:center;gap:22px;width:100%;max-width:340px;margin:auto}.smart-home-demo .shd-phone-wrap{width:100%;padding-top:25px}.smart-home-demo .shd-tablet{min-height:238px;padding:15px 8px 10px}.smart-home-demo .shd-phone{padding-left:7px;padding-right:7px}.smart-home-demo .shd-flow{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:start;gap:7px;padding:22px 0}.smart-home-demo .shd-flow-node{text-align:center;flex-direction:column;gap:8px}.smart-home-demo .shd-flow-node>svg{width:22px;height:22px}.smart-home-demo .shd-flow-node b{overflow-wrap:anywhere;font-size:10px}.smart-home-demo .shd-flow-node small{font-size:8px}.smart-home-demo .shd-flow-arrow{margin-top:7px}.smart-home-demo .shd-bottom-bar{border-radius:0 0 12px 12px;margin:0 -16px;padding:16px}}@media (prefers-reduced-motion:reduce){.smart-home-demo .shd-switch i{transform:none!important}.smart-home-demo .shd-control[aria-pressed=true] .shd-switch i{margin-left:16px}}