@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)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/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)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.09~u27dqhyhd6.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)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/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)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/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)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.08e28id.o-okb.woff2?dpl=dpl_4kQUj8KL8ydYVqYMYHK5XX4jDpfJ)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:none;margin:0 auto;display:grid;position:relative}.a360-guide{right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:140;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Arial,sans-serif;position:fixed}.a360-guide__panel{align-items:flex-end;gap:clamp(10px,1.1vw,18px);display:flex;position:relative}.a360-guide__bubble{-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);background:linear-gradient(135deg,#ffffffe0,#f4fbf8ad),radial-gradient(circle at 0 0,#0099562e,#0000 58%),linear-gradient(#ffffff80,#0000);border:1px solid #ffffffc7;border-radius:22px;width:clamp(286px,22vw,378px);min-height:118px;padding:17px 42px 16px 18px;position:relative;box-shadow:0 22px 46px #091b1438,0 7px 18px #091b141f,inset 0 0 0 1px #ffffff94,inset 0 -22px 36px #0099560a}.a360-guide__bubble:before{content:"";-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);background:#f7fcf9bd;border-top:1px solid #ffffffbd;border-right:1px solid #ffffffbd;border-radius:4px;width:18px;height:18px;position:absolute;top:24px;right:-9px;transform:rotate(45deg)}.a360-guide__bubble:after{content:"";pointer-events:none;border:1px solid #00995614;border-radius:17px;position:absolute;inset:11px}.demo.is-night .a360-guide__bubble{background:linear-gradient(135deg,#17201fd6,#0a1211a8),radial-gradient(circle at 0 0,#24c6842e,#0000 58%);border-color:#b4ffe02e;box-shadow:0 22px 52px #00000057,0 0 32px #22a1c11a,inset 0 0 0 1px #ffffff14}.demo.is-night .a360-guide__bubble:before{background:#131d1cbd;border-color:#b4ffe01f}.demo.is-night .a360-guide__bubble:after{border-color:#80ffc61a}.a360-guide__avatar-wrap{aspect-ratio:575/694;width:clamp(96px,7.6vw,146px);box-shadow:none;filter:drop-shadow(0 24px 28px #091b1438)drop-shadow(0 0 18px #0099561f);background:0 0;border-radius:0;align-self:center;position:relative;overflow:visible}.a360-guide__avatar-wrap:after{display:none}.a360-guide__avatar{object-fit:contain;filter:none;width:100%;height:100%;display:block;position:relative;transform:translateY(3%)}.a360-guide__content{z-index:1;min-width:0;padding:0;position:relative}.a360-guide__eyebrow{color:#007042db;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800}.demo.is-night .a360-guide__eyebrow{color:#80ffc6e0}.a360-guide__content p{color:#1c2a26eb;letter-spacing:0;margin:0;font-size:clamp(13px,.78vw,15px);line-height:1.35}.demo.is-night .a360-guide__content p{color:#eefff9e0}.a360-guide__progress{gap:5px;margin-top:11px;display:flex}.a360-guide__progress button{appearance:none;cursor:pointer;background:#24322e29;border:0;border-radius:999px;width:18px;height:3px;padding:0;position:relative;overflow:hidden}.a360-guide__progress button.is-active{background:#009956db;box-shadow:0 0 9px #00995638}.a360-guide__progress button.is-current{background:#24322e29}.a360-guide__progress button.is-current:after{content:"";border-radius:inherit;transform-origin:0;animation:a360-progress-fill var(--a360-step-duration,5s) linear forwards;background:#009956db;position:absolute;inset:0;box-shadow:0 0 9px #00995638}.demo.is-night .a360-guide__progress button{background:#ffffff24}.demo.is-night .a360-guide__progress button.is-active{background:#60ffb8e6;box-shadow:0 0 10px #60ffb83d}.demo.is-night .a360-guide__progress button.is-current{background:#ffffff24}.demo.is-night .a360-guide__progress button.is-current:after{background:#60ffb8e6;box-shadow:0 0 10px #60ffb83d}@keyframes a360-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.a360-guide__actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.a360-guide__button,.a360-guide__launcher{appearance:none;cursor:pointer;border:0;font-family:inherit}.a360-guide__button{color:#fff;background:#009954;border-radius:999px;min-height:34px;padding:0 14px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 18px #00995638,inset 0 1px #ffffff38}.a360-guide__button--ghost{color:#1c2a26b8;background:#121e1a14;box-shadow:inset 0 0 0 1px #1c2a2614}.demo.is-night .a360-guide__button--ghost{color:#eefff9c2;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.a360-guide__button:hover,.a360-guide__launcher:hover{transform:translateY(-1px)}.a360-guide__button:active,.a360-guide__launcher:active{transform:translateY(0)scale(.98)}.a360-guide__close{color:#18242094;cursor:pointer;background:#18242014;border:0;border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:grid;position:absolute;top:12px;right:13px}.demo.is-night .a360-guide__close{color:#ffffffad;background:#ffffff14}.a360-guide__launcher{color:#15231fdb;-webkit-backdrop-filter:blur(18px)saturate(1.14);backdrop-filter:blur(18px)saturate(1.14);letter-spacing:.1em;text-transform:uppercase;isolation:isolate;background:radial-gradient(circle at 23% 18%,#fffffff5,#0000 34%),linear-gradient(135deg,#ffffffe6,#eef8f4b8);border-radius:999px;align-items:center;gap:10px;min-height:58px;padding:7px 14px 7px 7px;font-size:12px;font-weight:800;display:flex;box-shadow:0 18px 36px #091b1433,0 0 0 1px #ffffff9e,inset 0 0 0 1px #ffffffa3,inset 0 -12px 22px #0099560d}.a360-guide__launcher-orb{background:radial-gradient(circle at 32% 18%,#ffffffdb,#0000 31%),linear-gradient(145deg,#ffffffc7,#dcece680);border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffffd1,0 0 0 5px #ffffff4d,0 8px 18px #041d1529,inset 0 1px #fffffff0,inset 0 -12px 18px #0099561a}.a360-guide__launcher-orb:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #ffffff8a;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #00995614,inset 0 0 14px #ffffff38}.a360-guide__launcher-orb:after{content:"";z-index:4;background:#23ab3f;border-radius:999px;width:8px;height:8px;position:absolute;bottom:4px;right:3px;box-shadow:0 0 0 3px #ffffffc7,0 0 9px #23ab3f7a}.a360-guide__launcher-orb img{z-index:1;clip-path:circle(50%);object-fit:cover;object-position:50% 0%;opacity:.98;filter:saturate(1.03)contrast(1.02);border-radius:999px;width:100%;height:100%;position:absolute;inset:0}.a360-guide__launcher-face{z-index:4;gap:7px;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.a360-guide__launcher-face span{background:#00a95f;border-radius:999px;width:5px;height:7px;box-shadow:0 0 5px #00a95fdb,0 0 12px #22a1c170}.a360-guide__launcher-scan{z-index:4;background:#0099569e;border-radius:999px;height:2px;position:absolute;top:57%;left:12px;right:12px;box-shadow:0 0 7px #00995673,0 0 12px #22a1c13d}.a360-guide__launcher>img{object-fit:contain;background:radial-gradient(circle,#fff,#e6f0ebb8);border-radius:999px;width:40px;height:40px;box-shadow:0 0 0 1px #ffffffa8,0 6px 14px #091b1424}.demo.is-night .a360-guide__launcher{color:#eefff9db;background:radial-gradient(circle at 22% 15%,#80ffc629,#0000 36%),linear-gradient(135deg,#121c1be6,#081110c7);box-shadow:0 18px 36px #00000047,0 0 22px #0099561f,inset 0 0 0 1px #ffffff14}.demo.is-night .a360-guide__launcher-orb{background:radial-gradient(circle at 50% 34%,#73ffc738,#10201ed1 58%,#040a0af5),linear-gradient(#233a36f0,#050e0de6);box-shadow:0 0 0 1px #8effd62e,0 0 0 5px #00995614,0 8px 20px #00000061,inset 0 1px #ffffff1a}.demo.is-night .a360-guide__launcher-face span{background:#80ffc6f2;box-shadow:0 0 6px #80ffc6e6,0 0 14px #22a1c194}@media (max-width:900px){.a360-guide{right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 78px)}.a360-guide__panel{gap:9px}.a360-guide__bubble{width:min(100vw - 142px,330px);min-height:108px;padding:15px 38px 15px 16px}.a360-guide__avatar-wrap{width:96px}}@media (max-width:560px){.a360-guide{left:auto;right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.a360-guide__panel{justify-content:flex-end}.a360-guide__bubble{border-radius:20px;width:min(100vw - 118px,300px)}.a360-guide__avatar-wrap{width:82px}.a360-guide__content p{font-size:12px}}.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:none;scrollbar-color:transparent 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:0;height:0}.phone-app::-webkit-scrollbar-track{background:0 0}.phone-app::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.iphone-home-screen{color:#fff;isolation:isolate;width:100%;height:100%;padding:22px 20px 20px;position:relative;overflow:hidden}.iphone-home-screen__wallpaper{z-index:-1;background:radial-gradient(at 16% 18%,#d9fff5e6,#0000 27%),radial-gradient(at 78% 10%,#143685e0,#0000 31%),radial-gradient(at 42% 55%,#1ea0cbc2,#0000 42%),linear-gradient(128deg,#82ddd0 0%,#c7f0e8 23%,#1268b8 60%,#062d84 100%);position:absolute;inset:0}.iphone-home-screen__wallpaper:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(102deg,#ffffff57,#0000 28%,#ffffff1f 57%,#0000 72%),radial-gradient(at 43%,#0000 0 24%,#fff3 25% 26%,#0000 27%),#00000008;position:absolute;inset:0}.iphone-home-screen__status{text-shadow:0 1px 8px #00000047;justify-content:space-between;align-items:center;height:22px;padding:0 12px;font-size:13px;font-weight:800;line-height:1;display:flex}.iphone-home-screen__widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 2px 0;display:grid}.iphone-widget{color:#fffffff5;-webkit-backdrop-filter:blur(15px)saturate(1.16);background:linear-gradient(145deg,#ffffff40,#ffffff14),#144e8b7a;border:1px solid #ffffff2e;border-radius:20px;min-height:102px;padding:13px 13px 12px;position:relative;overflow:hidden;box-shadow:0 12px 24px #00173d2e,inset 0 1px #ffffff47}.iphone-widget--map{color:#15241feb;background:linear-gradient(145deg,#eefae7d1,#a5d9ef8a),linear-gradient(38deg,#4393487a,#0000 43%),#ffffff2e}.iphone-widget:after{content:attr(class);display:none}.iphone-widget strong{font-size:12px;font-weight:800;line-height:1.05;display:block}.iphone-widget span{display:block}.iphone-widget__temp{letter-spacing:-.03em;margin-top:2px;font-size:35px;font-weight:300;line-height:.92}.iphone-widget small{margin-top:3px;font-size:10px;font-weight:700;line-height:1.08;display:block}.iphone-widget__avatar{background:radial-gradient(circle at 50% 28%,#ffe0c3 0 29%,#0000 30%),linear-gradient(#7860d7,#f8f6ff);border:2px solid #ffffffb8;border-radius:999px;place-items:center;width:36px;height:36px;font-size:17px;position:absolute;top:12px;right:12px;box-shadow:0 5px 12px #0000001f;display:grid!important}.iphone-widget--map>strong{color:#2b39309e;margin-top:46px;font-size:10px}.iphone-widget--map>span:not(.iphone-widget__avatar){margin-top:3px;font-size:13px;font-weight:800;line-height:1.05}.iphone-widget--map small{color:#0b1613b3}.iphone-home-screen__status-icons{align-items:flex-end;gap:4px;display:inline-flex}.iphone-home-screen__status-icons span{background:#ffffffe0;border-radius:2px;width:12px;height:7px;display:block;box-shadow:0 0 10px #0000001f}.iphone-home-screen__status-icons span:first-child{clip-path:polygon(0 100%,18% 70%,36% 100%,54% 46%,72% 100%,100% 18%,100% 100%);width:13px;height:9px}.iphone-home-screen__status-icons span:nth-child(2){background:0 0;border:2px solid #ffffffdb;border-bottom:0;border-radius:50% 50% 0 0;width:12px;height:10px}.iphone-home-screen__status-icons span:nth-child(3){border-radius:3px;width:18px;height:9px}.iphone-home-screen__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 14px;margin-top:20px;display:grid}.iphone-home-app{justify-items:center;gap:5px;min-width:0;display:grid}.iphone-home-app__icon{aspect-ratio:1;color:#fff;text-shadow:0 1px 6px #0000002e;border-radius:14px;place-items:center;width:clamp(42px,13.4vw,58px);font-size:23px;font-weight:800;line-height:1;display:grid;box-shadow:0 9px 18px #0000002e,inset 0 1px #ffffff52,inset 0 -10px 18px #0000001a}.iphone-home-app__label{color:#ffffffeb;text-align:center;text-shadow:0 1px 7px #00000057;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:700;line-height:1;overflow:hidden}.iphone-home-screen__dock{-webkit-backdrop-filter:blur(18px)saturate(1.16);background:#ffffff3d;border:1px solid #ffffff40;border-radius:26px;grid-template-columns:repeat(4,1fr);place-items:center;min-height:74px;padding:0 9px;display:grid;position:absolute;bottom:16px;left:17px;right:17px;box-shadow:0 14px 28px #00000029,inset 0 1px #ffffff57}.ios-alert360-notification-stack{z-index:82;appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;gap:9px;width:min(100% - 26px,350px);padding:0;animation:.52s cubic-bezier(.18,.86,.2,1) both ios-alert360-notification-in;display:grid;position:absolute;top:50%;left:50%}.ios-alert360-notification{color:#fff;-webkit-backdrop-filter:blur(30px)saturate(1.34);background:linear-gradient(135deg,#ffffff57,#ffffff24),#19201ead;border:1px solid #ffffff6b;border-radius:27px;padding:12px 14px 14px;position:relative;overflow:hidden;box-shadow:0 18px 42px #040d0a47,0 4px 14px #ffffff1a,inset 0 1px #ffffff9e,inset 0 -22px 38px #ffffff14}.ios-alert360-notification:before{content:"";border-radius:inherit;pointer-events:none;opacity:.74;background:radial-gradient(circle at 18% 0,#ffffff6b,#0000 34%),linear-gradient(120deg,#ffffff47,#0000 42%);position:absolute;inset:1px}.ios-alert360-notification__header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:7px;display:flex;position:relative}.ios-alert360-notification__brand{color:#fffffff0;letter-spacing:.01em;text-shadow:0 1px 12px #00000047;align-items:center;gap:7px;font-size:16px;font-weight:800;display:inline-flex}.ios-alert360-notification__logo{background:#ffffffe6;border-radius:9px;width:31px;height:31px;padding:4px;display:block;box-shadow:inset 0 1px #ffffffc7,0 6px 14px #00000029}.ios-alert360-notification__now{color:#ffffffad;text-shadow:0 1px 10px #0000003d;font-size:15px;font-weight:500;line-height:1}.ios-alert360-notification__dots{align-items:center;gap:4px;display:none}.ios-alert360-notification__dots span{background:#22272585;border-radius:999px;width:5px;height:5px}.ios-alert360-notification__message{z-index:1;color:#fffffff5;letter-spacing:0;text-shadow:0 1px 16px #0000004d;margin:0;font-size:21px;font-weight:400;line-height:1.18;position:relative}.ios-alert360-notification__action{color:#161616;letter-spacing:0;-webkit-backdrop-filter:blur(18px)saturate(1.08);cursor:pointer;background:linear-gradient(#ffffffd6,#f7f8f7b8);border:1px solid #ffffff8f;border-radius:15px;width:100%;min-height:47px;font-size:18px;font-weight:500;line-height:1;box-shadow:0 12px 22px #06120e26,inset 0 1px #ffffffc2}.ios-alert360-notification__action:active{background:linear-gradient(#f6f7f6d1,#ecefedad);transform:scale(.985)}@keyframes ios-alert360-notification-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.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--scenes-card{border-radius:28px;background:#fff!important;padding:0!important;overflow:hidden!important}.scenes-card-shell{width:100%;position:relative}.scenes-card-svg{width:100%;height:auto;display:block}.scenes-card-hit{cursor:pointer;appearance:none;background:0 0;border:0;width:16.6%;height:58%;margin:0;padding:0;position:absolute;top:30%}.scenes-card-hit--home{left:5.3%}.scenes-card-hit--away{left:29.5%}.scenes-card-hit--sleep{left:54.2%}.scenes-card-hit--wake-up{left:78.4%}.scenes-card-hit:active{transform:scale(.975)}.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--weather-card{aspect-ratio:381/176;border-radius:28px;container-type:inline-size;background:#fff!important;padding:0!important;overflow:hidden!important}.weather-card__header{align-items:flex-start;height:clamp(38px,12.6cqw,48px);padding:clamp(12px,4cqw,16px) clamp(14px,4.8cqw,19px) 0;display:flex}.weather-card__header .phone-section__title{letter-spacing:.18em;text-transform:uppercase;color:#708078;margin:0;font-size:clamp(11px,3.4cqw,12px);font-weight:900;line-height:1}.weather-card__body{grid-template-columns:clamp(78px,25.8cqw,98px) minmax(0,1fr);align-items:center;gap:clamp(18px,5.8cqw,24px);height:calc(100% - clamp(38px,12.6cqw,48px));padding:0 clamp(16px,5.3cqw,23px) clamp(14px,4.8cqw,20px) clamp(29px,9.4cqw,39px);display:grid}.weather-card__icon{width:100%;height:auto;display:block;overflow:visible}.weather-card__cloud{filter:none}.weather-card__content{color:#333;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Arial,sans-serif}.weather-card__date{margin-bottom:clamp(4px,1.5cqw,6px);font-size:clamp(12px,4.1cqw,16px);font-weight:500;line-height:1.1}.weather-card__temp{align-items:flex-start;gap:clamp(5px,1.6cqw,7px);margin-bottom:clamp(6px,2cqw,9px);font-weight:500;line-height:.88;display:flex}.weather-card__temp span{letter-spacing:0;font-size:clamp(28px,10.4cqw,40px)}.weather-card__temp small{flex-direction:column;gap:0;margin-top:clamp(2px,.8cqw,4px);font-size:clamp(10px,3.5cqw,13px);font-weight:500;line-height:.95;display:flex}.weather-card__temp small span{font-size:inherit;line-height:inherit}.weather-card__summary{font-size:clamp(12px,4.1cqw,16px);font-weight:500;line-height:1.15}.phone-section--video-card{--video-header-height:clamp(50px, 17cqw, 60px);--video-header-padding-x:clamp(13px, 4.8cqw, 18px);--video-title-size:clamp(11px, 3.4cqw, 12px);--video-arrow-size:clamp(32px, 11cqw, 38px);--video-preview-height:clamp(148px, 64cqw, 188px);--video-play-size:clamp(42px, 17cqw, 54px);--video-bars-top:calc(var(--video-preview-height) - clamp(36px, 12cqw, 40px));container-type:inline-size;background:#fff!important;padding:0!important;overflow:hidden!important}.video-card-header{justify-content:space-between;align-items:center;display:flex;height:var(--video-header-height)!important;padding:0 var(--video-header-padding-x)!important}.video-card-header .phone-section__title{margin:0;font-size:var(--video-title-size)!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#708078!important;font-weight:900!important;line-height:1!important}.video-card-arrow{line-height:1;font-size:var(--video-arrow-size)!important;color:#777!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:var(--video-preview-height)!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%);top:calc(var(--video-preview-height) / 2)!important;font-size:var(--video-play-size)!important}.video-slide__bars{z-index:5;gap:5px;transition:opacity .25s;display:flex;position:absolute;left:50%;transform:translate(-50%);top:var(--video-bars-top)!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--thermostat-card{background:#fff!important;padding:0!important;overflow:hidden!important}.thermostat-card-shell{width:100%;position:relative}.thermostat-card-svg{width:100%;height:auto;display:block}.thermostat-card-hit{cursor:pointer;appearance:none;background:0 0;border:0;width:20%;height:22%;padding:0;position:absolute;left:58%}.thermostat-card-hit--up{top:39%}.thermostat-card-hit--down{top:56%}.thermostat-card-hit:active{transform:scale(.96)}.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__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:clamp(280px,82vw,320px)}}@media (max-width:420px){.demo{padding:20px 12px}.phone-shell{border-radius:42px;padding:12px;width:clamp(280px,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:22px}.demo-hero-copy{z-index:5;text-align:center;max-width:760px;margin:0 auto 38px;position:relative}.demo-hero-logo{opacity:.96;width:clamp(68px,5vw,92px);height:auto;margin:0 auto 10px;display:block}.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:26px;margin-bottom:13px;padding:0 12px;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.6vw,38px);font-weight:800;line-height:1.04}.demo-hero-copy p{color:#081b12ad;max-width:620px;margin:10px auto 0;font-size:15px;font-weight:500;line-height:1.45}.demo-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.demo-hero-actions a{color:#fff;cursor:pointer;background:#00964b;border:0;border-radius:999px;justify-content:center;align-items:center;height:38px;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 24px #00964b2e,inset 0 1px #ffffff2e}.demo-hero-actions a: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-logo{width:72px;margin-bottom:8px}.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:0!important}.demo-grid>.phone-panel-wrap .mode-toggle{margin-top:44px!important}.demo-hero-copy{margin-top:14px!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 a{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{z-index:8;cursor:pointer;justify-content:center;align-items:center;height:44px;display:flex;position:absolute;top:154px;left:0;right:0}.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{--phone-width:clamp(260px, 19vw, 360px);--phone-height:clamp(476px, 41.12vw, 779px);grid-template-columns:var(--phone-width) minmax(0, 1fr)!important;align-items:start!important;gap:clamp(28px,3.4vw,56px)!important;width:100%!important;max-width:none!important;margin:0 auto!important}.phone-shell{width:var(--phone-width)!important;border-radius:clamp(34px,2.8vw,44px)!important;padding:clamp(9px,.75vw,12px)!important}.phone-shell__screen{border-radius:clamp(27px,2.2vw,34px)!important;inset:clamp(9px,.75vw,12px)!important}}@media (min-width:1680px){.demo-grid{--phone-width:clamp(330px, 17vw, 360px);--phone-height:clamp(714px, 36.78vw, 779px)}}@media (min-width:901px) and (max-height:820px){.demo-grid{--phone-width:clamp(250px, 15vw, 270px);--phone-height:clamp(444px, 32.46vw, 541px);grid-template-columns:var(--phone-width) minmax(0, 1fr)!important;gap:clamp(24px,3vw,48px)!important}.phone-shell{width:var(--phone-width)!important;border-radius:clamp(30px,2.4vw,38px)!important;padding:clamp(8px,.65vw,10px)!important}.phone-shell__screen{border-radius:clamp(24px,1.9vw,30px)!important;inset:clamp(8px,.65vw,10px)!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:var(--video-preview-height)!important}.video-slide__thumbnail{pointer-events:none}.video-slide--outdoor,.video-slide--floodlight{background:#000!important}.video-slide--outdoor img,.video-slide--outdoor .video-slide__thumbnail,.video-slide--floodlight .video-slide__thumbnail{object-fit:cover;object-position:center;background:#000;width:100%;height:var(--video-preview-height)!important}.video-slide--outdoor .video-slide__play,.video-slide--floodlight .video-slide__play{top:calc(var(--video-preview-height) / 2)!important}.video-slide--outdoor .video-slide__nav-zone,.video-slide--floodlight .video-slide__nav-zone{bottom:auto;top:var(--video-bars-top)!important}.doorbell-view--outdoor,.doorbell-view--floodlight{background:#000}.doorbell-view--outdoor .doorbell-view__image,.doorbell-view--floodlight .doorbell-view__image{aspect-ratio:1;object-fit:contain;object-position:center;background:#000;width:100%;height:auto;transform:none}.video-slide__nav-zone{left:0;right:0;top:var(--video-bars-top);z-index:20;cursor:default;justify-content:center;align-items:center;height:44px;display:flex;position:absolute}.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:clamp(28px,13cqw,42px);height:clamp(3px,1.25cqw,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}.feed-toggle,.scenario-toggle{z-index:999;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(16px);background:linear-gradient(#35d866 0%,#20a83e 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,color .35s,box-shadow .35s,opacity .35s;display:flex;position:fixed;left:18px;overflow:hidden;box-shadow:0 18px 38px #0848243d,inset 0 0 0 2px #ffffff38,inset 0 1px #ffffff57,inset 0 -10px 18px #00481c3d}.feed-toggle{bottom:84px}.scenario-toggle{color:#123b2a;background:radial-gradient(circle at 34% 24%,#ffffff9e,#0000 36%),linear-gradient(#ffffffb8,#deeee794);bottom:150px;box-shadow:0 18px 38px #082a1a29,inset 0 0 0 2px #ffffff57,inset 0 1px #ffffffb3,inset 0 -10px 18px #16482c14}.scenario-toggle.is-open{color:#fff;background:radial-gradient(circle at 34% 24%,#ffffff42,#0000 36%),linear-gradient(#28bd64 0%,#12934a 100%);box-shadow:0 20px 44px #0848243d,inset 0 0 0 2px #ffffff38,inset 0 1px #ffffff5c,inset 0 -10px 18px #00481c38}.mode-toggle:hover,.feed-toggle:hover,.scenario-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,.feed-toggle:active,.scenario-toggle:active{transform:scale(.96)}.mode-toggle__icon,.feed-toggle__icon,.scenario-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}.feed-toggle__icon{color:#fff;filter:none;background:radial-gradient(circle at 35% 25%,#ffffff42,#0000 34%),linear-gradient(#ffffff29,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff47,0 8px 16px #0000001f}.feed-toggle__icon svg,.scenario-toggle__icon svg{width:28px;height:28px}.mode-toggle__label,.feed-toggle__label,.scenario-toggle__label{display:none}.scenario-toggle__icon{color:currentColor;background:radial-gradient(circle at 35% 25%,#ffffff85,#0000 34%),linear-gradient(#ffffff47,#ffffff14);box-shadow:inset 0 0 0 1px #ffffff52,0 8px 16px #0000001f}.scenario-menu{z-index:1000;-webkit-backdrop-filter:blur(22px);background:radial-gradient(circle at 22% 12%,#ffffffc7,#0000 36%),linear-gradient(150deg,#ffffffbd,#ddeee780);border:1px solid #ffffff70;border-radius:24px;width:258px;padding:13px;animation:.24s both scenario-menu-in;position:fixed;bottom:112px;left:84px;box-shadow:0 24px 54px #0b261933,inset 0 1px #ffffffb8,inset 0 -18px 28px #082d1b0d}.scenario-menu__header{color:#152b22b8;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 2px 10px;font-size:11px;font-weight:900;display:flex}.scenario-menu__close{color:#14231ea8;cursor:pointer;background:#ffffff7a;border:0;border-radius:999px;width:26px;height:26px;font-size:18px;line-height:1;box-shadow:inset 0 0 0 1px #ffffff57}.scenario-menu__list{gap:8px;display:grid}.scenario-menu__item{color:#1b3028;letter-spacing:.03em;white-space:nowrap;cursor:pointer;background:linear-gradient(#ffffffad,#ffffff6b);border:1px solid #ffffff75;border-radius:16px;align-items:center;gap:10px;min-height:46px;padding:0 16px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 8px 18px #0a261914,inset 0 1px #ffffffb8}.scenario-menu__item:hover{background:linear-gradient(#ffffffd1,#ffffff8a);transform:translate(2px);box-shadow:0 10px 22px #0a26191f,inset 0 1px #ffffffd1}.scenario-menu__mark{background:var(--scenario-accent);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--scenario-accent) 18%, transparent), 0 0 18px color-mix(in srgb, var(--scenario-accent) 34%, transparent);border-radius:999px}@keyframes scenario-menu-in{0%{opacity:0;transform:translate(-8px,8px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.feed-toggle:not(.is-on){color:#fff;opacity:1;background:linear-gradient(#ff615e 0%,#d92c29 100%);box-shadow:0 18px 38px #5d12163d,inset 0 0 0 2px #ffffff38,inset 0 1px #ffffff52,inset 0 -10px 18px #600a0f38}.feed-toggle:not(.is-on) .feed-toggle__icon{color:#fff;filter:none;background:radial-gradient(circle at 35% 25%,#ffffff3d,#0000 34%),linear-gradient(#ffffff24,#ffffff08)}.feed-toggle:not(.is-on) .feed-toggle__icon svg{opacity:1}.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,.feed-toggle,.scenario-toggle{width:48px;height:48px;left:14px}.mode-toggle{bottom:14px}.feed-toggle{bottom:74px}.scenario-toggle{bottom:134px}.mode-toggle__icon,.feed-toggle__icon,.scenario-toggle__icon{width:38px;height:38px;font-size:21px}.feed-toggle__icon svg,.scenario-toggle__icon svg{width:25px;height:25px}.scenario-menu{border-radius:22px;width:min(258px,100vw - 92px);bottom:96px;left:72px}.scenario-menu__item{padding:0 14px;font-size:13px}}.phone-panel-wrap.is-night .video-slide:nth-child(3) video,.phone-panel-wrap.is-night .video-slide:nth-child(3) .video-slide__thumbnail,.phone-panel-wrap.is-night .doorbell-view__image{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
.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,.garage-scenario-car-underlay,.garage-scenario-car-mask{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.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}.scene-status-hud{z-index:10020;pointer-events:none;opacity:0;color:#fffffff5;width:min(43%,560px);min-width:230px;max-width:calc(100% - 48px);box-shadow:none;filter:drop-shadow(0 0 10px #ffffff57)drop-shadow(0 0 22px #22a1c129)drop-shadow(0 2px 5px #00000047);background:0 0;border:0;padding:0;transition:opacity .26s,transform .26s;position:absolute;bottom:7.5%;left:5.4%;overflow:visible;transform:translateY(8px)}.scene-status-hud.is-visible{opacity:1;transform:translate(0,0)}.scene-status-hud:before,.scene-status-hud:after{display:none}.scene-status-hud__title{color:#ffffffad;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(7px,.42vw,9px);font-weight:700;font-family:var(--font-inter,Inter, system-ui, sans-serif);text-shadow:0 0 5px #ffffff57,0 0 14px #fff3,0 0 22px #ffffff1a;margin-bottom:5px}.scene-status-hud__stack{min-height:7.2em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(12px,.72vw,17px);line-height:1.28;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 45%,#00000085 72%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#00000085 72%,#0000 100%)}.scene-status-hud__line{z-index:var(--scene-status-z,1);letter-spacing:0;color:#fffffffa;opacity:1;width:max-content;max-width:100%;min-height:1.45em;transform:translate3d(0, var(--scene-status-offset,0), 0);will-change:transform, opacity, filter;text-shadow:0 0 5px #ffffffad,0 0 14px #ffffff7a,0 0 28px #ffffff42,0 1px 5px #00000052;align-items:baseline;gap:7px;font-weight:500;transition:filter .78s cubic-bezier(.22,1,.36,1),transform .88s cubic-bezier(.2,.86,.28,1);display:flex;position:absolute;top:0;left:0}.house-scene:not(.house-scene--night) .scene-status-hud{filter:drop-shadow(0 1px 2px #ffffff61)drop-shadow(0 1px 2px #0000001f)}.house-scene:not(.house-scene--night) .scene-status-hud__title,.house-scene:not(.house-scene--night) .scene-status-hud__prompt,.house-scene:not(.house-scene--night) .scene-status-hud__line{-webkit-text-stroke:0;text-shadow:0 1px #ffffff57,0 0 7px #0f9f5b2e}.house-scene:not(.house-scene--night) .scene-status-hud__title{color:#25312e9e}.house-scene:not(.house-scene--night) .scene-status-hud__line{color:#1f2b28eb}.house-scene:not(.house-scene--night) .scene-status-hud__prompt{color:#008d4feb}.house-scene:not(.house-scene--night) .scene-status-hud__line:before{background:#009956c7;box-shadow:0 0 7px #00995652,0 0 14px #00995629}.house-scene:not(.house-scene--night) .scene-status-hud__cursor{background:#009956e6;box-shadow:0 0 7px #00995657,0 0 14px #0099562e}.scene-status-hud__line.is-current{filter:none}.scene-status-hud__line:before{content:"";background:#ffffffb8;border-radius:999px;flex:none;align-self:center;width:2px;height:1.25em;box-shadow:0 0 7px #ffffff9e,0 0 16px #22a1c157}.scene-status-hud__prompt{color:#ffffffd1;text-shadow:0 0 6px #ffffff80,0 0 14px #ffffff52}.scene-status-hud__text{white-space:nowrap}.scene-status-hud__cursor{background:#e8fafff5;width:.62em;height:.12em;animation:.92s steps(2,end) infinite sceneStatusCursor;display:inline-block;transform:translateY(.08em);box-shadow:0 0 8px #ffffff8c,0 0 16px #22a1c166}.scene-status-hud__meter{display:none}.scene-status-hud__meter span{background:#aef1ff2e;border-radius:999px;width:24px;height:3px;box-shadow:inset 0 0 0 1px #aef1ff1a}.scene-status-hud__meter span.is-active{background:#22a1c1eb;box-shadow:0 0 8px #22a1c180,inset 0 0 0 1px #ffffff2e}@keyframes sceneStatusCursor{0%,58%{opacity:1}59%,to{opacity:.2}}@keyframes sceneStatusScan{0%{transform:translateY(0)}to{transform:translateY(260%)}}@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}.garage-scenario-car-underlay{z-index:2;pointer-events:none}.garage-scenario-car{z-index:5;pointer-events:none;opacity:1;visibility:visible;object-fit:contain;will-change:transform, opacity;width:100%;height:100%;transition:none;display:block;position:absolute;inset:0;transform:translateZ(0)}.garage-scenario-car.is-exiting{animation:1.2s cubic-bezier(.22,.72,.24,1) forwards garage-scenario-car-exit}@keyframes garage-scenario-car-exit{0%{opacity:1;transform:translate(0,0)scale(1)}62%{opacity:1}to{opacity:0;transform:translate(7.5%,5.8%)scale(.98)}}.garage-scenario-car-mask{z-index:6;pointer-events:none;clip-path:polygon(64.8% 35.6%,95.4% 48.8%,95.4% 73.6%,86.5% 78.6%,73.3% 71.8%,64.2% 62.7%)}.kids-arrival-runner{z-index:8;pointer-events:none;opacity:0;transform-origin:50% 85%;filter:drop-shadow(0 7px 10px #081b1226)drop-shadow(0 1px 4px #081b121f);will-change:transform, opacity;width:clamp(50px,6.1%,122px);height:auto;position:absolute;top:61.2%;left:64.8%}.kids-arrival-runner--approaching{animation:4.2s cubic-bezier(.2,.78,.24,1) forwards kids-arrival-approach}.kids-arrival-runner--entering{animation:1.5s cubic-bezier(.22,.72,.22,1) forwards kids-arrival-enter}@keyframes kids-arrival-approach{0%{opacity:0;transform:translate(126%,80%)scale(.58)}12%{opacity:1}to{opacity:1;transform:translate(-18%,-86%)scale(.66)}}@keyframes kids-arrival-enter{0%{opacity:1;transform:translate(-18%,-86%)scale(.66)}68%{opacity:1;transform:translate(-30%,-98%)scale(.6)}to{opacity:0;transform:translate(-40%,-108%)scale(.54)}}.package-delivery-runner,.package-delivery-box{pointer-events:none;filter:drop-shadow(0 7px 10px #081b1226)drop-shadow(0 1px 4px #081b121f);will-change:transform, opacity;height:auto;position:absolute}.package-delivery-runner{z-index:8;opacity:0;transform-origin:50% 90%;width:clamp(54px,6.4%,128px);top:61.2%;left:64.8%}.package-delivery-box{z-index:7;opacity:1;transform-origin:50% 90%;width:clamp(34px,4.1%,86px);top:61.2%;left:64.8%;transform:translate(-7%,-86%)scale(.76)}.package-delivery-runner--approach{animation:5.9s cubic-bezier(.2,.78,.24,1) forwards package-delivery-approach}.package-delivery-runner--dropoff{width:clamp(58px,6.8%,136px);animation:1.45s cubic-bezier(.22,.72,.22,1) forwards package-delivery-dropoff}.package-delivery-runner--leaving{animation:3.35s cubic-bezier(.22,.72,.22,1) forwards package-delivery-leaving}@keyframes package-delivery-approach{0%{opacity:0;transform:translate(128%,82%)scale(.58)}12%{opacity:1}to{opacity:1;transform:translate(-18%,-86%)scale(.66)}}@keyframes package-delivery-dropoff{0%{opacity:1;transform:translate(-18%,-86%)scale(.66)}58%{opacity:1;transform:translate(-12%,-88%)scale(.66)}to{opacity:1;transform:translate(-6%,-86%)scale(.66)}}@keyframes package-delivery-leaving{0%{opacity:1;transform:translate(-8%,-86%)scale(.64)}76%{opacity:1;transform:translate(48%,26%)scale(.58)}to{opacity:0;transform:translate(66%,48%)scale(.54)}}.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:54%;left:57.8%;transform:translate(140px,-50%)}.door-side{top:52.5%;left:27.8%;transform:translate(140px,-50%)}.door-lock-source{z-index:21;aspect-ratio:1;pointer-events:none;opacity:0;width:2.1%;min-width:14px;position:absolute;transform:translate(-50%,-50%)scale(.72)}.door-lock-source:before,.door-lock-source:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.door-lock-source:before{z-index:2;background:#fffffff2;inset:32%;box-shadow:0 0 10px #fffc,0 0 18px #23ab3f70}.door-lock-source:after{z-index:1;background:radial-gradient(circle,#ffffff57,#23ab3f1f 48%,#0000 70%);border:1px solid #ffffffc2;inset:-38%;box-shadow:0 0 18px #ffffff85,0 0 28px #23ab3f38}.door-lock-source.is-locked:before{box-shadow:0 0 10px #ffffffc2,0 0 18px #d92c296b}.door-lock-source.is-locked:after{background:radial-gradient(circle,#ffffff52,#d92c2924 48%,#0000 70%);box-shadow:0 0 18px #ffffff7a,0 0 28px #d92c2933}.door-lock-source.is-active{animation:3.4s cubic-bezier(.19,1,.22,1) both doorLockSourceBloom}@keyframes doorLockSourceBloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.42)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}72%{opacity:.86;transform:translate(-50%,-50%)scale(.86)}to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.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}}@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-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}.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(0)!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,.house-scene .garage-scenario-car-underlay,.house-scene .garage-scenario-car,.house-scene .garage-scenario-car-mask{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:54%;left:68.5%;transform:translate(-50%,-50%)}.house-container .door-side{top:53%;left:43.5%;transform:translate(-50%,-50%)}.house-container .door-lock-source--side{top:53%;left:40%}.house-container .door-lock-source--front{top:53.5%;left:65%}.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__frame:before{transition:opacity .8s ease-in-out!important}.house-base{transition:filter .8s ease-in-out!important}.house-shadow-layer{transition:opacity 1.2s ease-in-out,filter 1.2s ease-in-out!important}.light-layer{transition:filter .8s ease-in-out!important}.house-container:before{transition:opacity .8s ease-in-out,filter .8s ease-in-out,background .8s ease-in-out!important}.scene-action-callout{clip-path:circle(50%);opacity:0;pointer-events:none;background:#f4f6f5;transition:opacity .7s,transform .7s cubic-bezier(.19,1,.22,1);transform:translateY(30px)scale(.82);box-shadow:0 30px 70px #0000003d,0 10px 26px #00000024;z-index:9999!important;aspect-ratio:1!important;border-radius:50%!important;width:clamp(150px,14vw,240px)!important;position:absolute!important;bottom:4%!important;left:3.5%!important;overflow:hidden!important}.scene-action-callout.is-active{opacity:1!important;transform:translateY(0)scale(1)!important}.scene-action-callout__inner{clip-path:circle(50%);background:#f4f6f5;border-radius:50%!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;overflow:hidden!important}.scene-action-callout__inner video,.scene-action-callout__inner img,.scene-action-callout__inner svg{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.scene-action-callout{aspect-ratio:1;z-index:9999;opacity:0;filter:blur(8px);background:#f4f6f5;border-radius:50%;width:clamp(280px,24vw,420px);transition:opacity 2.2s cubic-bezier(.19,1,.22,1),transform 1.1s cubic-bezier(.19,1,.22,1),filter 1.1s cubic-bezier(.19,1,.22,1);overflow:hidden;transform:translateY(24px)scale(.92);box-shadow:0 40px 90px #00000042,0 14px 32px #00000029;position:absolute!important;bottom:4%!important;left:3.5%!important}.scene-action-callout.is-active{filter:blur();opacity:1!important;transform:translateY(0)scale(1)!important}.scene-action-callout__inner{background:#f4f6f5;border-radius:50%;position:absolute;inset:0;overflow:hidden}.scene-action-callout__base,.scene-action-callout__rotate{pointer-events:none;object-fit:contain!important;object-position:center!important;width:260%!important;height:260%!important;position:absolute!important;top:50%!important;left:50%!important}.scene-action-callout__base{z-index:1;transform:translateY(2.5%)!important}.scene-action-callout__rotate{z-index:2;transform-origin:50%;will-change:transform;backface-visibility:hidden;animation:3.2s cubic-bezier(.19,1,.22,1) forwards smartLockRotate}@keyframes smartLockRotate{0%{transform:rotate(0)translate(1%,3%)}55%,to{transform:rotate(90deg)translate(1%,3%)}}.scene-action-callout.is-unlocking .scene-action-callout__rotate{animation:3.2s cubic-bezier(.19,1,.22,1) forwards smartLockUnlock}@keyframes smartLockUnlock{0%{transform:rotate(90deg)translate(1%,3%)}55%,to{transform:rotate(0)translate(1%,3%)}}.scene-action-callout{width:clamp(170px,13vw,225px)!important;max-width:none!important;height:clamp(170px,13vw,225px)!important;max-height:none!important;bottom:16%!important}.scene-action-callout--front,.scene-action-callout--side{left:3.5%!important;right:auto!important}:is(.scene-action-callout--front,.scene-action-callout--side){box-shadow:0 28px 72px #0003,0 10px 26px #0000001f;background:linear-gradient(#f3f5f4 0%,#dde2df 100%)!important}:is(.scene-action-callout--front,.scene-action-callout--side) .scene-action-callout__inner{box-shadow:inset 0 0 0 3px #ffffff7a,inset 0 0 0 6px #4b525014,inset 0 -22px 42px #0000001a;background:radial-gradient(circle at 50% 32%,#ffffffc2,#0000 35%),linear-gradient(#f7f8f7 0%,#d7ddda 100%)!important}:is(.scene-action-callout--front,.scene-action-callout--side) .scene-action-callout__inner:after{content:"";z-index:4;pointer-events:none;border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #ffffff75,inset 0 0 0 2px #00000009}:is(.scene-action-callout--front,.scene-action-callout--side) .scene-action-callout__base{filter:contrast(.96)saturate(.92);opacity:.94}.thermostat-scene-device{z-index:18;aspect-ratio:364.17/359.77;pointer-events:none;filter:drop-shadow(0 12px 18px #0000002e)drop-shadow(0 4px 6px #00000014);--thermostat-accent:#ffffffb8;--thermostat-accent-soft:#ffffff38;width:clamp(128px,15.8%,270px);position:absolute;top:7%;bottom:auto;left:4%;transform:translateZ(0);container-type:inline-size}.thermostat-scene-device:before{content:"";z-index:-1;filter:blur(10px);opacity:.5;background:radial-gradient(#0000002e,#0000000f,#0000 70%);border-radius:24px;position:absolute;inset:4% -2% -3%}.thermostat-scene-device.is-cooling{--thermostat-accent:#4aaeffe6;--thermostat-accent-soft:#4aaeff29}.thermostat-scene-device.is-heating{--thermostat-accent:#ff5c3ae6;--thermostat-accent-soft:#ff5c3a29}.thermostat-scene-device__shell{background:0 0;position:absolute;inset:0;overflow:visible}.thermostat-scene-device__base{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.thermostat-scene-device__controls{z-index:2;pointer-events:none;position:absolute;inset:0}.thermostat-scene-device__glyph{color:var(--thermostat-accent);filter:drop-shadow(0 0 clamp(.6px, .5cqw, 1px) #ffffff57) drop-shadow(0 0 clamp(1px, 1cqw, 2px) var(--thermostat-accent-soft));position:absolute}.thermostat-scene-device__glyph--menu{width:9.8%;height:6.6%;top:38%;left:20%;transform:translate(-50%,-50%)}.thermostat-scene-device__glyph--menu span{width:70%;height:11%;box-shadow:0 0 clamp(.6px, .5cqw, 1px) currentColor, 0 0 clamp(1px, 1cqw, 2px) var(--thermostat-accent-soft);background:currentColor;border-radius:999px;position:absolute;left:15%}.thermostat-scene-device__glyph--menu span:first-child{top:15%}.thermostat-scene-device__glyph--menu span:nth-child(2){top:44%}.thermostat-scene-device__glyph--menu span:nth-child(3){top:73%}.thermostat-scene-device__glyph--next,.thermostat-scene-device__glyph--up,.thermostat-scene-device__glyph--down{width:6.5%;height:6.5%}.thermostat-scene-device__glyph--next:before,.thermostat-scene-device__glyph--up:before,.thermostat-scene-device__glyph--down:before{content:"";border-top:clamp(1.3px,1cqw,2.2px) solid;border-right:clamp(1.3px,1cqw,2.2px) solid;border-radius:clamp(1px,.7cqw,2px);position:absolute;inset:20%}.thermostat-scene-device__glyph--next{top:57.9%;left:18.8%;transform:translate(-50%,-50%)}.thermostat-scene-device__glyph--next:before{transform:rotate(45deg)}.thermostat-scene-device__glyph--up{top:38.6%;left:80.7%;transform:translate(-50%,-50%)}.thermostat-scene-device__glyph--up:before{transform:rotate(-45deg)}.thermostat-scene-device__glyph--down{top:59.2%;left:80.7%;transform:translate(-50%,-50%)}.thermostat-scene-device__glyph--down:before{transform:rotate(135deg)}.thermostat-scene-device__readout{z-index:3;color:#fff;text-align:center;text-shadow:0 0 clamp(.7px,.55cqw,1px) #ffffffc7,0 0 clamp(2px,2.1cqw,4px) #ffffff6b,0 0 clamp(4px,4.2cqw,8px) #ffffff2e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Arial,sans-serif;line-height:1;position:absolute;inset:0}.thermostat-scene-device__mode{color:#ffffffe6;letter-spacing:0;width:38%;font-size:4.7cqw;font-weight:500;position:absolute;top:28.5%;left:50%;transform:translate(-50%,-50%)}.thermostat-scene-device__room{letter-spacing:0;width:56%;font-size:27.2cqw;font-weight:300;position:absolute;top:46.1%;left:50%;transform:translate(-50%,-50%)}.thermostat-scene-device__set{color:#ffffffdb;letter-spacing:0;width:34%;font-size:13.2cqw;font-weight:300;position:absolute;top:68.5%;left:50%;transform:translate(-50%,-50%)}@media (min-width:901px) and (max-height:820px){.scene-action-callout{width:clamp(145px,10.5vw,180px)!important;height:clamp(145px,10.5vw,180px)!important;bottom:13%!important}.thermostat-scene-device{width:clamp(120px,14.9%,205px)}}@media (min-width:2200px) and (min-height:900px){.scene-action-callout{width:clamp(225px,13vw,250px)!important;height:clamp(225px,13vw,250px)!important;bottom:10%!important}.thermostat-scene-device{width:clamp(166px,15.8%,306px)}}:is(.scene-action-callout--front,.scene-action-callout--side){transform-origin:var(--door-callout-origin-x,100%) var(--door-callout-origin-y,0%);filter:blur(9px)saturate(.9);transition:opacity .3s,transform .86s cubic-bezier(.16,1,.3,1),filter .74s cubic-bezier(.16,1,.3,1);opacity:0!important;width:clamp(150px,10.5vw,205px)!important;height:clamp(150px,10.5vw,205px)!important;bottom:auto!important;transform:translate(-50%,-50%)scale(.18)!important}.scene-action-callout--side{--door-callout-origin-x:116%;--door-callout-origin-y:-18%;top:62%!important;left:29.5%!important;right:auto!important}.scene-action-callout--front{--door-callout-origin-x:162%;--door-callout-origin-y:-20%;top:64%!important;left:54%!important;right:auto!important}:is(.scene-action-callout--front,.scene-action-callout--side).is-active{filter:blur()saturate();opacity:1!important;transform:translate(-50%,-50%)scale(1)!important}:is(.scene-action-callout--front,.scene-action-callout--side){z-index:90!important;clip-path:none!important;width:clamp(158px,10.8vw,214px)!important;height:clamp(158px,10.8vw,214px)!important;box-shadow:none!important;background:0 0!important;border-radius:28px!important;overflow:visible!important}:is(.scene-action-callout--front,.scene-action-callout--side) .scene-action-callout__inner{clip-path:none!important;background:radial-gradient(circle at 44% 28%,#ffffff38,#0000 32%),linear-gradient(145deg,#ebefedf0,#c6cfcae6)!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 28px 58px #00000038,0 10px 22px #00000024,inset 0 1px #ffffffad,inset 0 -18px 34px #1f2a261c!important}:is(.scene-action-callout--front,.scene-action-callout--side) .scene-action-callout__inner:after{content:"";z-index:5;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff94,inset 0 0 0 2px #141f1c0f;border-radius:28px!important}.scene-action-callout__deadbolt-base,.scene-action-callout__deadbolt-frame{pointer-events:none;clip-path:inset(0 round 28px);filter:contrast(1.02)saturate(1.03);object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.scene-action-callout__deadbolt-base{z-index:2}.scene-action-callout__deadbolt-frame{z-index:3}@media (min-width:901px){.house-scene__frame{min-height:var(--phone-height)!important}.house-scene .house-container{transform-origin:50%!important;width:auto!important;max-width:calc(100% + -1*clamp(0px,.55vw,10px))!important;height:calc(100% + -1*clamp(0px,.55vw,10px))!important;transform:scale(1.14)!important}}.house-scene .security-panel-group{transform-origin:100% 0!important;width:21%!important;top:7%!important;right:1%!important;transform:none!important}