@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2?dpl=dpl_BwXS1BBoaMWJKKX6cgXi55C4T3yM)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2?dpl=dpl_BwXS1BBoaMWJKKX6cgXi55C4T3yM)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2?dpl=dpl_BwXS1BBoaMWJKKX6cgXi55C4T3yM)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2?dpl=dpl_BwXS1BBoaMWJKKX6cgXi55C4T3yM)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2?dpl=dpl_BwXS1BBoaMWJKKX6cgXi55C4T3yM)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2?dpl=dpl_BwXS1BBoaMWJKKX6cgXi55C4T3yM)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
.demo{min-height:100vh;padding:40px clamp(48px,5vw,96px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Arial,sans-serif;position:relative;overflow:hidden}body{background:radial-gradient(circle at 18% 18%,#00964b29,#0000 32%),radial-gradient(circle at 78% 22%,#00964b1a,#0000 34%),linear-gradient(135deg,#f7fbf8 0%,#eef6f1 48%,#f8fbf9 100%)!important}.demo:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#00502d09 1px,#0000 1px),linear-gradient(90deg,#00502d09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.demo-grid{z-index:1;grid-template-columns:clamp(220px,20vw,360px) minmax(0,1fr);align-items:start;gap:clamp(36px,4vw,72px);width:100%;max-width:1780px;margin:0 auto;display:grid;position:relative}.phone-panel-wrap{flex-direction:column;align-items:center;min-height:0;display:flex;position:relative}.phone-panel-wrap:before{content:"";filter:blur(20px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#00964b33,#0000 64%);border-radius:999px;width:320px;height:620px;position:absolute;top:36px;left:50%;transform:translate(-50%)}.phone-panel{justify-content:center;align-items:flex-start;min-height:0;display:flex}.phone-shell{aspect-ratio:390/844;background:linear-gradient(#111827 0%,#05070c 100%);border-radius:clamp(36px,3.2vw,48px);width:clamp(220px,20vw,340px);max-width:100%;padding:clamp(10px,.9vw,14px);box-sizing:border-box!important;position:relative!important;overflow:hidden!important;box-shadow:0 34px 70px #08160f47,0 12px 28px #08160f33,inset 0 0 0 1px #ffffff1a!important}.phone-shell__hardware{display:none}.phone-shell__screen{background:radial-gradient(circle at 50% 0,#ffffffe6,#0000 34%),linear-gradient(#f8faf8 0%,#edf3ef 100%);border-radius:clamp(28px,2.4vw,36px);box-sizing:border-box!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;position:absolute!important;inset:clamp(10px,.9vw,14px)!important;overflow:hidden!important}.phone-shell__side-button,.phone-shell__power-button{background:#ffffff29;border-radius:999px;width:4px;position:absolute}.phone-shell__side-button--one{height:56px;top:170px;left:-4px}.phone-shell__side-button--two{height:76px;top:240px;left:-4px}.phone-shell__power-button{height:78px;top:210px;right:-4px}.phone-app{scrollbar-width:thin;scrollbar-color:#141e1947 transparent;padding:56px 20px 28px;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden auto!important}.phone-app,.phone-app *{box-sizing:border-box}.phone-app::-webkit-scrollbar{width:5px}.phone-app::-webkit-scrollbar-track{background:0 0}.phone-app::-webkit-scrollbar-thumb{background:#141e1938;border-radius:999px}.phone-app__top-svg{border-radius:0;width:calc(100% + 40px);margin:-56px -20px 18px;overflow:hidden}.phone-app__top-svg svg{width:100%;height:auto;display:block}.phone-app__sections{flex-direction:column;gap:14px;display:flex}.phone-section{background:#ffffffb8;border:1px solid #141e190f;border-radius:24px;padding:14px;box-shadow:0 10px 24px #00000009,inset 0 1px #ffffffd9}.phone-section__title{letter-spacing:.18em;text-transform:uppercase;color:#708078;margin:0 0 10px;font-size:12px;font-weight:900;line-height:1}.phone-section__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.phone-control{color:#183426;cursor:pointer;background:#fff;border:1px solid #dfe5df;border-radius:16px;min-height:42px;padding:10px 12px;font-size:12px;font-weight:850;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;box-shadow:0 4px 8px #00000006,inset 0 1px #ffffffe6}.phone-control:hover{border-color:#00964b47;transform:translateY(-1px)}.phone-control:active{transform:translateY(0)scale(.98)}.phone-control.is-active{background:#e8f7ee;border-color:#00964b73;box-shadow:0 0 0 3px #00964b14,inset 0 1px #fffffff2}.phone-section--security-system-card{border-radius:28px;background:#fff!important;padding:0!important;overflow:hidden!important}.security-system-card-button{cursor:pointer;text-align:left;appearance:none;background:#fff;border:0;width:100%;margin:0;padding:0;display:block}.security-system-full-svg{width:100%;height:auto;display:block}.security-system-card-button:active{transform:scale(.995)}.phone-section--video-card{background:#fff!important;padding:0!important;overflow:hidden!important}.video-card-header{justify-content:space-between;align-items:center;display:flex;height:58px!important;padding:0 18px!important}.video-card-header .phone-section__title{margin:0;letter-spacing:.18em!important;text-transform:uppercase!important;color:#708078!important;font-size:12px!important;font-weight:900!important;line-height:1!important}.video-card-arrow{line-height:1;color:#777!important;font-size:38px!important}.video-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow:auto hidden;background:#fff!important}.video-carousel::-webkit-scrollbar{display:none}.video-slide{scroll-snap-align:start;border:0;flex:0 0 100%;margin:0;padding:0;position:relative;overflow:hidden;background:#fff!important;height:auto!important}.video-slide img,.video-slide video{object-fit:cover;filter:brightness(.55);width:100%;transition:filter .35s;display:block;height:188px!important}.video-slide img.is-live,.video-slide video.is-live{cursor:pointer}.video-slide__play{z-index:5;color:#fff;cursor:pointer;background:0 0;border:0;line-height:1;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%,-50%);font-size:54px!important;top:94px!important}.video-slide__bars{z-index:5;gap:5px;transition:opacity .25s;display:flex;position:absolute;left:50%;transform:translate(-50%);top:170px!important}.video-slide__bars span{background:#ffffff8c;width:42px;height:4px}.video-slide__bars span.is-active{background:#fffffff2}.video-slide__footer{color:#2d2d2d;justify-content:space-between;align-items:center;display:flex;background:#fff!important;height:54px!important;padding:0 14px!important}.video-slide__label{letter-spacing:0!important;color:#173426!important;font-size:11px!important;font-weight:700!important;line-height:1.1!important}.video-slide__expand{color:#333;cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;font-weight:900;display:flex;border-radius:8px!important;width:28px!important;height:28px!important;font-size:16px!important;box-shadow:inset 0 0 0 3px #333!important}.video-slide.is-playing img,.video-slide.is-playing video{filter:none!important}.video-slide.is-playing .video-slide__bars,.video-slide.is-playing .video-slide__play{display:none!important}.video-slide__live-header{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:14px;right:14px}.video-slide__live-pill,.video-slide__live-now{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#0c0e10ad;border-radius:999px;align-items:center;padding:7px 10px;font-size:10px;font-weight:900;line-height:1;width:auto!important;display:inline-flex!important}.video-slide__live-pill{gap:6px}.video-slide__live-pill:before{content:"";background:#ff3b3b;border-radius:999px;width:7px;height:7px;box-shadow:0 0 8px #ff3b3bd9}.video-slide video{cursor:pointer}.video-slide video::-webkit-media-controls{display:none!important}.doorbell-view__image::-webkit-media-controls{display:none!important}.phone-section--lights .phone-section__controls{display:block}.light-list{flex-direction:column;gap:10px;display:flex}.light-row{color:#183426;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe5df;border-radius:18px;grid-template-columns:34px 1fr 46px;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;font-family:inherit;transition:background .2s,border-color .2s,transform .2s;display:grid;box-shadow:0 4px 8px #00000006,inset 0 1px #ffffffe6}.light-row:hover{transform:translateY(-1px)}.light-row__icon{opacity:.7;font-size:22px;line-height:1}.light-row__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.light-row__copy strong{font-size:13px;font-weight:900;line-height:1.1}.light-row__copy small{color:#7a877f;font-size:11px;font-weight:800}.light-row__switch{background:#d8ded9;border-radius:999px;align-items:center;width:44px;height:26px;padding:3px;transition:background .2s;display:flex}.light-row__switch span{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 5px #0000002e}.light-row.is-on{background:#fff7d6;border-color:#ffc400a6}.light-row.is-on .light-row__icon{opacity:1}.light-row.is-on .light-row__switch{background:#ffc400}.light-row.is-on .light-row__switch span{transform:translate(18px)}.phone-section--garage-card{border-radius:24px;background:#fff!important;padding:0!important;overflow:hidden!important}.garage-card-button{cursor:pointer;text-align:left;appearance:none;background:#fff;border:0;width:100%;margin:0;padding:0;display:block}.garage-card-svg{width:100%;height:auto;display:block}.garage-card-button:active{transform:scale(.995)}.doorbell-view{z-index:50;cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.doorbell-view__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scale(1.06)}.doorbell-view__header{z-index:3;color:#111;align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex;position:absolute;top:18px;left:18px}.doorbell-view__header strong{color:#22c55e;font-weight:950}.doorbell-view__close{z-index:4;color:#fff;cursor:pointer;background:#00000094;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:flex;position:absolute;top:14px;right:14px}.phone-panel-wrap.is-night .doorbell-view__image{filter:brightness(.72)contrast(1.18)saturate(.72)hue-rotate(185deg);transition:filter 1.8s ease-in-out}.phone-panel-wrap.is-night .doorbell-view:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#020612d1 0%,#050a1985 25%,#050a1942 50%,#050a196b 76%,#020612b8 100%),radial-gradient(circle at 70% 18%,#a0cdff24,#0000 36%);position:absolute;inset:0}.phone-panel-wrap.is-night .doorbell-view__header{color:#fff}.phone-panel-wrap.is-night .doorbell-view__header strong{color:#4ade80}.mode-toggle{cursor:pointer;color:#111;background:#d1d1d1;border:0;border-radius:999px;align-items:center;gap:16px;width:clamp(194px,15.4vw,230px);height:clamp(56px,4.4vw,64px);margin-top:44px;padding:8px 16px 8px 8px;transition:background .28s,color .28s,box-shadow .28s;display:flex;box-shadow:0 18px 34px #08160f2e,inset 0 0 0 1px #ffffff59!important}.mode-toggle__icon{color:#111;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(42px,3.4vw,50px);height:clamp(42px,3.4vw,50px);font-size:26px;display:flex;box-shadow:0 4px 10px #0000002e,inset 0 0 0 1px #0000000a}.mode-toggle__label{text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;font-size:14px;font-weight:950}.mode-toggle.is-night{color:#fff;background:#000;justify-content:space-between;padding:8px 8px 8px 16px;box-shadow:inset 0 0 0 2px #ffffff1a,0 8px 18px #00000047}.mode-toggle.is-night .mode-toggle__icon{order:2}.mode-toggle.is-night .mode-toggle__label{order:1}.house-scene__frame{background:radial-gradient(circle at 40% 42%,#00964b1f,#0000 44%),linear-gradient(#ffffffeb,#ecf6f0f5)!important;border:1px solid #00502d14!important;box-shadow:0 32px 80px #091e141f,0 10px 30px #091e1414,inset 0 1px #ffffffe6!important}@media (max-width:1200px){.demo{padding:32px clamp(28px,4vw,54px)}.demo-grid{grid-template-columns:clamp(210px,22vw,320px) minmax(0,1fr);gap:clamp(28px,3.2vw,44px)}.phone-shell{width:clamp(210px,22vw,305px)}}@media (max-width:900px){.demo-grid{grid-template-columns:1fr}.phone-panel-wrap{order:1}.house-scene{order:2}.phone-shell{width:min(82vw,320px)}}@media (max-width:420px){.demo{padding:20px 12px}.phone-shell{border-radius:42px;padding:12px;width:min(86vw,300px)!important}.phone-shell__screen{border-radius:32px;inset:12px!important}.phone-app{padding:54px 16px 24px}.phone-section{border-radius:22px;padding:13px}.phone-section__controls{grid-template-columns:1fr}.phone-control{width:100%}.mode-toggle{width:216px;height:60px;margin-top:42px}}@media (min-width:768px) and (max-width:1180px){.demo-grid{grid-template-columns:clamp(200px,23vw,270px) minmax(0,1fr)!important;align-items:start!important;gap:clamp(32px,4vw,52px)!important}.phone-panel-wrap{align-self:start!important;margin-top:0!important;padding-top:0!important}.phone-shell{width:clamp(200px,23vw,270px)!important}.mode-toggle{width:190px!important;height:54px!important;margin-top:28px!important}.mode-toggle__icon{width:42px!important;height:42px!important;font-size:22px!important}.mode-toggle__label{font-size:11px!important}.house-scene{align-self:start!important;margin-top:0!important}.house-scene__frame{min-height:520px!important}}@media (min-width:1181px) and (max-width:1366px){.demo-grid{grid-template-columns:clamp(240px,21vw,300px) minmax(0,1fr)!important;align-items:start!important;gap:clamp(40px,4vw,64px)!important}.phone-shell{width:clamp(240px,21vw,300px)!important}.phone-panel-wrap,.house-scene{align-self:start!important;margin-top:0!important}.house-scene__frame{min-height:560px!important}}.demo{padding-top:26px}.demo-hero-copy{z-index:5;text-align:center;max-width:760px;margin:0 auto 22px;position:relative}.demo-hero-pill{color:#0d3a27;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #00964b1f;border-radius:999px;align-items:center;gap:8px;height:30px;margin-bottom:12px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #08160f0f,inset 0 1px #ffffffd9}.demo-hero-pill span{background:#00964b;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #00964b1a}.demo-hero-copy h1{color:#081b12;letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.8vw,42px);font-weight:800;line-height:1.08}.demo-hero-copy p{color:#081b12ad;max-width:620px;margin:14px auto 0;font-size:15px;font-weight:500;line-height:1.6}.demo-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.demo-hero-actions button{color:#fff;cursor:pointer;background:#00964b;border:0;border-radius:999px;height:42px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 24px #00964b2e,inset 0 1px #ffffff2e}.demo-hero-actions button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #00964b38,inset 0 1px #fff3}.demo-hero-actions span{color:#081b1299;font-size:12px;font-weight:700}.demo-grid{align-items:start}@media (max-width:900px){.demo{padding-left:18px;padding-right:18px}.demo-grid{gap:26px!important}.demo-hero-copy{margin-bottom:18px;padding:0 12px}.demo-hero-copy h1{font-size:30px}.demo-hero-copy p{font-size:14px}.demo-hero-actions{gap:10px}}.demo-grid>.phone-panel-wrap{position:relative!important;top:15px!important}.demo-grid>.phone-panel-wrap .mode-toggle{margin-top:44px!important}.demo-hero-copy{margin-top:28px!important}body{position:relative;background:radial-gradient(circle at 18% 18%,#00964b29,#0000 32%),radial-gradient(circle at 78% 22%,#00964b1a,#0000 34%),linear-gradient(135deg,#f7fbf8 0%,#eef6f1 48%,#f8fbf9 100%)!important}body:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 18%,#508cff29,#0000 34%),radial-gradient(circle at 78% 22%,#00964b14,#0000 38%),linear-gradient(135deg,#071018 0%,#0d1522 48%,#111827 100%);transition:opacity 4.8s cubic-bezier(.19,1,.22,1);position:fixed;inset:0}body:has(.demo.is-night):before{opacity:1}.demo.is-night{background:radial-gradient(circle at 18% 18%,#508cff14,#0000 34%),radial-gradient(circle at 78% 22%,#00964b0a,#0000 38%)}.demo,.demo:before,.demo-hero-copy,.demo-hero-copy *,.house-scene,.house-scene *,.phone-panel-wrap:before{transition-property:background,background-color,color,border-color,box-shadow,opacity,filter;transition-duration:4.8s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.demo.is-night .demo-hero-copy h1{color:#fff!important}.demo.is-night .demo-hero-copy p,.demo.is-night .demo-hero-actions span{color:#ffffffb8!important}.demo.is-night .demo-hero-pill{color:#0d3a27!important}.demo.is-night .demo-hero-actions button{color:#fff!important;background:#00964b!important}.phone-section--door-locks-card{border-radius:24px;background:#fff!important;padding:0!important;overflow:hidden!important}.door-locks-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;background:#fff;display:flex;overflow:auto hidden}.door-locks-carousel::-webkit-scrollbar{display:none}.door-lock-card-button{cursor:pointer;text-align:left;scroll-snap-align:start;appearance:none;background:#fff;border:0;flex:0 0 100%;width:100%;margin:0;padding:0;display:block}.door-lock-card-svg{width:100%;height:auto;display:block}.door-lock-card-button:active{transform:scale(.995)}.door-locks-bars{justify-content:center;align-items:center;gap:6px;margin-top:-8px;padding-bottom:10px;display:flex}.door-locks-bars span{background:#00000024;border-radius:999px;width:42px;height:4px}.door-locks-bars span.is-active{background:#0000006b}.door-locks-nav-zone{cursor:pointer;justify-content:center;align-items:center;height:12px;display:flex}.video-slide__nav-zone .video-slide__bars{position:static!important;transform:none!important}.video-slide__nav-zone span{pointer-events:none}@media (min-width:901px){.demo-grid{grid-template-columns:clamp(220px,20vw,360px) minmax(0,1fr)!important;align-items:start!important;gap:clamp(36px,4vw,72px)!important;width:100%!important;max-width:1780px!important;margin:0 auto!important}.phone-shell{border-radius:clamp(36px,3.2vw,48px)!important;width:clamp(220px,20vw,340px)!important;padding:clamp(10px,.9vw,14px)!important}.phone-shell__screen{border-radius:clamp(28px,2.4vw,36px)!important;inset:clamp(10px,.9vw,14px)!important}}.video-slide{cursor:pointer}.video-slide img,.video-slide video,.video-slide__thumbnail{object-fit:cover;filter:brightness(.55);width:100%;transition:filter .35s;display:block;height:188px!important}.video-slide__thumbnail{pointer-events:none}.video-slide__nav-zone{z-index:20;cursor:default;justify-content:center;align-items:center;height:44px;display:flex;position:absolute;top:148px;left:0;right:0}.video-slide__nav-zone .video-slide__bars{z-index:21;gap:5px;opacity:1!important;pointer-events:auto!important;display:flex!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.video-slide__nav-zone .video-slide__bars span{cursor:pointer;background:#ffffff80;border-radius:999px;width:42px;height:4px;pointer-events:auto!important}.video-slide__nav-zone .video-slide__bars span.is-active{background:#fff}.video-slide__play{z-index:18!important}.doorbell-view__header{text-shadow:0 2px 12px #0000008c;color:#fff!important}.doorbell-view__header strong{color:#4ade80!important}.mode-toggle{z-index:999;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(16px);background:radial-gradient(circle at 30% 25%,#ffffff47,#0000 34%),linear-gradient(#3b3b3b 0%,#151515 100%);border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:transform .24s,background .35s,box-shadow .35s;display:flex;position:fixed;bottom:18px;left:18px;overflow:hidden;box-shadow:0 18px 38px #00000038,inset 0 1px #ffffff38,inset 0 -10px 18px #00000047}.mode-toggle:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 22px 46px #00000042,inset 0 1px #ffffff42,inset 0 -10px 18px #0000004d}.mode-toggle:active{transform:scale(.96)}.mode-toggle__icon{color:#fff;background:radial-gradient(circle at 35% 25%,#ffffff59,#0000 34%),linear-gradient(#ffffff24,#ffffff08);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #ffffff29,0 8px 16px #0000002e}.mode-toggle__label{display:none}.mode-toggle:not(.is-night){color:#111;background:radial-gradient(circle at 32% 28%,#ffffffd9,#0000 34%),linear-gradient(#f4f4f4 0%,#cfcfcf 100%);box-shadow:0 18px 38px #08160f29,inset 0 1px #ffffffbf,inset 0 -10px 18px #00000014}.mode-toggle:not(.is-night) .mode-toggle__icon{color:#111;background:radial-gradient(circle at 35% 25%,#ffffffe6,#0000 34%),linear-gradient(#fff,#e8e8e8)}.mode-toggle.is-night{background:radial-gradient(circle at 30% 25%,#ffffff38,#0000 34%),linear-gradient(#2d2d2d 0%,#0b0b0b 100%)}.mode-toggle.is-night .mode-toggle__icon{color:#fff;background:radial-gradient(circle at 35% 25%,#ffffff2e,#0000 34%),linear-gradient(#ffffff1a,#ffffff05);outline:none;padding:0;transform:none;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 16px #0000002e}.mode-toggle.is-night{outline:none;box-shadow:0 18px 38px #00000038,inset 0 1px #ffffff38,inset 0 -10px 18px #00000047}@media (max-width:600px){.mode-toggle{width:48px;height:48px;bottom:14px;left:14px}.mode-toggle__icon{width:38px;height:38px;font-size:21px}}
.house-scene{width:100%}.house-scene__frame{background:linear-gradient(#eff4f1 0%,#e7efea 100%);border:1px solid #dde6e0;border-radius:32px;justify-content:center;align-items:center;width:100%;min-height:clamp(760px,92vh,1180px);padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000000f}.house-container{aspect-ratio:2150/1449;z-index:1;width:100%;max-width:none;margin:0 auto;position:relative}.house-base,.house-shadow-layer,.light-layer,.garage-door-frame-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.house-logo{z-index:50;opacity:.95;pointer-events:none;width:clamp(120px,13%,220px);height:auto;image-rendering:-webkit-optimize-contrast;position:absolute;top:7%;left:4%}.security-panel-group{z-index:12;width:18%;position:absolute;top:7%;right:4%}.system-status{z-index:80;pointer-events:none;isolation:isolate;-webkit-backdrop-filter:blur(12px)saturate(150%);background:#ffffff14;border:1px solid #ffffff42;border-radius:42px;justify-content:center;align-items:center;width:150px;height:150px;animation:2s forwards systemLockFade;display:flex;position:absolute;top:17%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 30px #0000001c,0 6px 14px #00000014,inset 0 1px #ffffff3d}.system-status:before{content:"";z-index:-2;opacity:.78;border-radius:30px;position:absolute;inset:18px}.system-status--armed{background:#ff50501a;border-color:#ff828257}.system-status--armed:before{background:linear-gradient(#ff5c5cc7,#dc262694);box-shadow:0 0 22px #ff41413d,inset 0 1px #ffffff3d}.system-status--disarmed{background:#28d2821a;border-color:#5aeba557}.system-status--disarmed:before{background:linear-gradient(#42e691c7,#12a55c94);box-shadow:0 0 22px #23d2783d,inset 0 1px #ffffff3d}.system-status:after{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(#ffffff75,#ffffff14,#0000);position:absolute;inset:0}.system-status__lock{z-index:2;justify-content:center;align-items:center;display:flex}.system-status__lock svg{fill:#ffffffb8;filter:drop-shadow(0 2px 5px #0000001a);width:76px;height:76px;display:block}.system-status--armed .system-status__lock{animation:.42s both lockSnap}.system-status--disarmed .system-status__lock{animation:.42s both unlockPop}@keyframes lockSnap{0%{opacity:0;transform:translateY(-8px)scale(.92)}55%{opacity:1;transform:translateY(2px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes unlockPop{0%{opacity:0;transform:rotate(-8deg)scale(.92)}55%{opacity:1;transform:rotate(4deg)scale(1.07)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes systemLockFade{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.94)}14%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}72%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.96)}}.house-container:before{content:"";z-index:0;pointer-events:none;opacity:.9;filter:blur(34px);border-radius:999px;width:105%;height:78%;transition:opacity .35s,filter .35s,background .35s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.house-scene--disarmed .house-container:before{opacity:.82;background:radial-gradient(#0c784647 0%,#18b96938 24%,#46eb9b1f 48%,#50eba50b 72%,#50eba503 86%,#50eba500 100%)}.house-scene--armed .house-container:before{opacity:.9;background:radial-gradient(#78101657 0%,#cd232d42 24%,#ff4b5024 48%,#ff5f5f0e 72%,#ff5f5f04 86%,#ff5f5f00 100%);animation:2.8s ease-in-out infinite armedBaseBreath}@keyframes armedBaseBreath{0%{opacity:.66;transform:translate(-50%)scale(.98)}50%{opacity:.95;transform:translate(-50%)scale(1.035)}to{opacity:.66;transform:translate(-50%)scale(.98)}}.house-container:after{content:"";clip-path:polygon(43% 26%,90% 47%,52% 68%,10% 46%);filter:blur(8px);opacity:1;z-index:0;pointer-events:none;background:linear-gradient(30deg,#c9ceca38 0%,#c2c7c333 38%,#bcc2be2e 62%,#b6bcb82b 82%,#b2b8b429 100%);width:34%;height:53%;position:absolute;top:71%;left:88%;transform:translate(-50%,-50%)}.security-perimeter{pointer-events:none;z-index:0;opacity:0;border-radius:999px;width:112%;height:70%;position:absolute;bottom:10%;left:52%;transform:translate(-50%)}.house-scene--disarmed .security-perimeter{opacity:1;filter:blur(18px);background:radial-gradient(#1ed77d33 0%,#1ebe731a 38%,#1ebe7309 62%,#1ebe7300 82%)}.house-scene--armed .security-perimeter{opacity:1;filter:blur(20px);background:radial-gradient(#ff3e483d 0%,#e6283224 38%,#e628320b 62%,#e6283200 82%);animation:2.8s ease-in-out infinite securityBreath}@keyframes securityBreath{0%{opacity:.58;transform:translate(-50%)scale(.98)}50%{opacity:1;transform:translate(-50%)scale(1.04)}to{opacity:.58;transform:translate(-50%)scale(.98)}}.house-base{z-index:1;filter:brightness()contrast()saturate()drop-shadow(0 24px 26px #0000001a)drop-shadow(0 8px 10px #0000000f);width:100%;height:auto;transition:filter 2s ease-in-out;display:block;position:relative}.house-shadow-layer{pointer-events:none;z-index:0;opacity:1;width:100%;height:auto;transition:opacity 3.5s ease-in-out;position:absolute;inset:0}.security-panel-group{z-index:12;pointer-events:none;transform-origin:100% 0;filter:drop-shadow(0 12px 18px #0000002e)drop-shadow(0 4px 6px #00000014);width:24%;height:auto;position:absolute;top:60px;right:-48px;transform:translateZ(0)}.security-panel-group:before{content:"";z-index:-1;filter:blur(10px);opacity:.5;pointer-events:none;background:radial-gradient(#0000002e,#0000000f,#0000 70%);border-radius:18px;position:absolute;inset:-6%}.security-panel-base,.security-panel-state{pointer-events:none;width:100%;height:auto;display:block}.security-panel-base{z-index:1;position:relative}.security-panel-state{z-index:2;opacity:0;visibility:hidden;will-change:opacity;filter:none;transition:opacity .24s,visibility .24s;position:absolute;inset:0}.security-panel-state.is-visible{opacity:1;visibility:visible}.security-panel-state--armed.is-visible,.security-panel-state--disarmed.is-visible{filter:none}.garage-door-frame-image{pointer-events:none;z-index:3;opacity:0;visibility:hidden;will-change:auto;width:100%;height:auto;transition:none;position:absolute;inset:0;transform:translateZ(0)}.garage-door-frame-image.is-active{opacity:1;visibility:visible}.light-layer{pointer-events:none;z-index:3;will-change:opacity;width:100%;height:auto;transition:filter 3.5s ease-in-out;position:absolute;inset:0;transform:translateZ(0)}.light-layer--master-bedroom,.light-layer--bedroom,.light-layer--living-room,.light-layer--dining-room{opacity:1}.ios-door-badge-anchor{pointer-events:none;z-index:20;position:absolute}.door-front{top:52.5%;left:27.8%;transform:translate(140px,-50%)}.door-side{top:54%;left:57.8%;transform:translate(140px,-50%)}.ios-door-badge{isolation:isolate;opacity:.96;-webkit-backdrop-filter:blur(14px)saturate(160%);will-change:transform, opacity;border-radius:20px;width:64px;height:64px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 34px #0000002e,0 6px 14px #0000001f}.ios-door-badge__frame{border-radius:inherit;z-index:1;background:#ffffff14;border:1px solid #ffffff57;position:absolute;inset:0}.ios-door-badge__core{z-index:2;border-radius:14px;position:absolute;inset:9px}.ios-door-badge.is-locked .ios-door-badge__core{background:linear-gradient(#ff8c87f2,#f24640eb)}.ios-door-badge.is-unlocked .ios-door-badge__core{background:linear-gradient(#50eba5f2,#14b969eb)}.ios-door-badge__gloss{z-index:3;background:linear-gradient(#ffffff8c,#ffffff1a,#0000);position:absolute;inset:0}.ios-door-badge__glare{z-index:4;background:linear-gradient(130deg,#ffffffb3,#0000 50%);position:absolute;inset:0}.ios-door-badge__shimmer{opacity:0;z-index:6;will-change:left, opacity;background:linear-gradient(#0000,#ffffff80,#0000);width:40%;height:140%;position:absolute;top:-20%;left:-60%;transform:rotate(18deg)}.ios-door-badge.is-pulsing .ios-door-badge__shimmer{animation:.7s shimmer}@keyframes shimmer{0%{opacity:0;left:-60%}30%{opacity:.7}to{opacity:0;left:120%}}.ios-door-badge__icon{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ios-door-badge__icon svg{fill:#fff;width:30px;height:30px;display:block}.ios-door-badge.is-pulsing{animation:.45s bounce}@keyframes bounce{0%{transform:scale(1)translateZ(0)}40%{transform:scale(.92)translateZ(0)}70%{transform:scale(1.06)translateZ(0)}to{transform:scale(1)translateZ(0)}}.house-overlay{pointer-events:none;opacity:0;z-index:4;transition:opacity .35s;position:absolute}.house-overlay--camera{background:#00a650;border-radius:999px;width:18px;height:18px;top:23%;left:60%}.house-scene--camera .house-overlay--camera{opacity:1;animation:1.8s infinite cameraPulse}@keyframes cameraPulse{0%{transform:scale(1)}70%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:991px){.house-scene__frame{min-height:600px;padding:16px 16px 20px}.house-container{transform-origin:50% 56%;width:116%;max-width:1160px;transform:scale(1.04)}.security-panel-group{width:24%;top:54px;right:-36px}.ios-door-badge{border-radius:17px;width:56px;height:56px}.ios-door-badge__core{border-radius:13px;inset:8px}.ios-door-badge__icon svg{width:26px;height:26px}.house-logo{width:124px;top:54px;left:22px}}@media (max-width:767px){.house-scene__frame{border-radius:24px;min-height:470px;padding:14px}.house-container{transform-origin:50% 56%;width:120%;max-width:1080px;transform:scale(1.02)}.system-status{border-radius:30px;width:104px;height:104px;top:16%}.system-status:before{border-radius:22px;inset:12px}.system-status__lock svg{width:54px;height:54px}.security-panel-group{width:24%;top:42px;right:-28px}.ios-door-badge{border-radius:14px;width:46px;height:46px}.ios-door-badge__core{border-radius:11px;inset:7px}.ios-door-badge__icon svg{width:22px;height:22px}.house-overlay--camera{width:14px;height:14px}.house-logo{width:100px;top:42px;left:18px}}.house-scene__frame{aspect-ratio:16/9!important;background:linear-gradient(#eff4f1 0%,#e7efea 100%)!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:0!important;padding:16px!important;display:flex!important;position:relative!important;overflow:hidden!important}.house-scene__frame:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at 28% 22%,#0078be42 0%,#00508c2e 22%,#0000 44%),radial-gradient(circle at 80% 85%,#2846a038 0%,#0000 40%),linear-gradient(#071827 0%,#06111d 48%,#02070d 100%);transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.house-scene--night .house-scene__frame:before{opacity:1}.house-container{z-index:1!important;transform-origin:50%!important;width:100%!important;max-width:1120px!important;margin:52px auto 0!important;position:relative!important;transform:scale(.96)!important}.house-scene--night .house-base{filter:brightness(.62)contrast(1.12)saturate(.92)drop-shadow(0 28px 34px #0000005c)drop-shadow(0 8px 14px #0003);transition:filter 1.2s ease-in-out}.house-scene--night .light-layer{filter:brightness(1.45)saturate(1.22)drop-shadow(0 0 16px #ffdc8294);transition:filter 1.2s ease-in-out}.camera-live-marker{pointer-events:none;z-index:45;background:radial-gradient(circle,#ff3c3cbf 0%,#ff3c3c66 36%,#ff3c3c26 58%,#ff3c3c00 78%);border-radius:999px;width:62px;height:62px;animation:1.4s ease-in-out infinite liveCameraPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #ff3c3c99,0 0 38px #ff3c3c59}.camera-live-marker:before,.camera-live-marker:after{content:"";border-radius:inherit;border:2px solid #00964b61;animation:1.4s ease-out infinite liveCameraRing;position:absolute;inset:-10px}.camera-live-marker:after{border-color:#00964b38;animation-delay:.28s;inset:-22px}.camera-live-label{z-index:46;color:#fff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(10px);background:#0a0c0e80;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:9px;font-weight:900;animation:2s ease-in-out infinite liveLabelPulse;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 28px #0000008c,0 0 10px #00000040,inset 0 1px #ffffff1f}.camera-live-label:before{content:"";background:#ff3b3b;border-radius:999px;width:6px;height:6px;animation:1.2s infinite liveDotBlink;box-shadow:0 0 6px #ff3c3ccc}@keyframes liveDotBlink{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes liveLabelPulse{0%{box-shadow:0 0 #dc262666,inset 0 1px #ffffff2e}50%{box-shadow:0 0 14px #dc262699,inset 0 1px #ffffff2e}to{box-shadow:0 0 #dc262666,inset 0 1px #ffffff2e}}.camera-live-marker--doorbell{top:54%;left:64.5%}.camera-live-label--doorbell{top:48.5%;left:64.5%}.camera-live-marker--outdoor{top:55.5%;left:30.5%}.camera-live-label--outdoor{top:50%;left:30.5%}.camera-live-marker--floodlight{top:52%;left:81.5%}.camera-live-label--floodlight{top:47%;left:81.5%}@keyframes liveCameraPulse{0%{opacity:.62;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:.62;transform:translate(-50%,-50%)scale(.92)}}@keyframes liveCameraRing{0%{opacity:.68;transform:scale(.68)}to{opacity:0;transform:scale(1.75)}}@media screen and (max-width:1400px){.house-container{max-width:1020px!important;margin-top:46px!important;transform:scale(.9)!important}.house-logo{width:96px!important;top:54px!important;left:36px!important}.security-panel-group{width:18%!important;top:58px!important;right:18px!important}}@media screen and (max-width:1100px){.house-container{max-width:920px!important;margin-top:38px!important;transform:scale(.82)!important}}@media screen and (max-width:767px){.house-scene__frame{aspect-ratio:16/10!important;border-radius:24px!important;padding:14px!important}.house-container{max-width:880px!important;margin-top:30px!important;transform:scale(.74)!important}.camera-live-marker{width:44px;height:44px}.camera-live-label{padding:4px 7px;font-size:7px}}.demo-grid>.house-scene{transform:translateY(17px)!important}.house-scene .house-container{transform-origin:50%!important;width:90%!important;max-width:none!important;transform:scale(1.03)!important}.house-scene .house-base,.house-scene .house-shadow-layer,.house-scene .light-layer,.house-scene .garage-door-frame-image{object-fit:contain!important;width:100%!important;height:100%!important}.house-container .ios-door-badge-anchor{pointer-events:none;z-index:20;aspect-ratio:1;width:4.6%;position:absolute}.house-container .door-front{top:53%;left:43.5%;transform:translate(-50%,-50%)}.house-container .door-side{top:54%;left:68.5%;transform:translate(-50%,-50%)}.house-container .ios-door-badge{border-radius:28%;width:100%;height:100%}.house-container .ios-door-badge__core{border-radius:24%;inset:14%}.house-container .ios-door-badge__icon svg{width:48%;height:48%}.house-scene--night .house-shadow-layer{opacity:.65;filter:brightness(.55)contrast(1.2)blur(.5px)}.house-scene--night .house-shadow-layer .house-scene__frame:before{transition:opacity .8s ease-in-out!important}.house-scene--night .house-shadow-layer .house-base{transition:filter .8s ease-in-out!important}.house-scene--night .house-shadow-layer .house-shadow-layer{transition:opacity 1.2s ease-in-out,filter 1.2s ease-in-out!important}.house-scene--night .house-shadow-layer .light-layer{transition:filter .8s ease-in-out!important}.house-scene--night .house-shadow-layer .house-container:before{transition:opacity .8s ease-in-out,filter .8s ease-in-out,background .8s ease-in-out!important}