*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b101c;color:#f2f8ff;font:15px/1.7 'Trebuchet MS',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #8cadff;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:#264fc0;padding:12px}.skip-link:focus{top:15px}.remote-theatre{position:relative;isolation:isolate;min-height:900px;height:100svh;max-height:1200px;overflow:hidden;--light:hsl(165 88% 70%)}.remote-mast{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 5%;font-size:12px}.remote-logo{font-size:22px;letter-spacing:-.7px;display:flex;gap:10px;align-items:center}.remote-logo img{border-radius:25%}.remote-preview{border:1px solid #ffffff30;border-radius:25px;padding:9px 20px}.room-installation{position:absolute;inset:0;z-index:-1;--hue:165;background:radial-gradient(ellipse at 72% 60%,hsl(var(--hue) 55% 22%),#0b101c 60%);transition:background .4s}.room-wall{position:absolute;inset:0 0 20% 38%;background:linear-gradient(110deg,#121c2e,#192f3b);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.room-glow{position:absolute;width:70%;height:95%;right:-10%;top:-5%;background:radial-gradient(ellipse at 50% 50%,hsl(var(--hue) 90% 55% / .5),transparent 65%);opacity:1;transition:opacity .6s,background .3s;mix-blend-mode:screen}.room-floor{position:absolute;bottom:0;height:30%;width:100%;background:linear-gradient(168deg,#182333aa,#090d17);border-top:1px solid #42516040}.room-window{position:absolute;width:19%;height:33%;right:18%;top:17%;display:flex;gap:4px;background:#101526;transform:skewY(-2deg);border:12px solid #1f2b3b;box-shadow:inset 0 0 50px #507c8815}.room-window i{flex:1;background:linear-gradient(#122a42,#34516633);border-right:2px solid #263649}.room-sofa{position:absolute;width:34%;height:16%;right:5%;bottom:23%;background:#1b2934;border-radius:35px 35px 10px 10px;box-shadow:0 30px 40px #0005;transform:skewY(-2deg)}.room-sofa span{position:absolute;left:-12px;right:-12px;top:55%;height:60%;background:#263747;border-radius:12px;border-bottom:15px solid #14232e}.standing-lamp{position:absolute;right:43%;bottom:22%;height:55%;width:80px}.lamp-head{position:absolute;top:0;left:-10px;width:100px;height:50px;border-radius:50%;background:hsl(var(--hue) 95% 75%);box-shadow:0 0 50px hsl(var(--hue) 95% 60% / .5);transition:background .3s}.lamp-pole{position:absolute;left:36px;top:25px;bottom:0;width:8px;background:linear-gradient(90deg,#14232e,#54717b,#15252c)}.lamp-base{position:absolute;bottom:0;width:85px;height:15px;border-radius:50%;background:#172c36;box-shadow:0 15px 35px #0005}.room-plant{position:absolute;bottom:21%;right:2%;width:90px;height:180px}.room-plant b{position:absolute;bottom:0;left:10px;width:60px;height:60px;background:#2c3841;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.room-plant i{position:absolute;left:30px;bottom:50px;width:35px;height:120px;border-radius:100% 0;background:#244d424a;transform:rotate(-30deg);transform-origin:bottom}.room-plant i:nth-child(2){transform:rotate(25deg);height:150px}.room-plant i:nth-child(3){transform:rotate(60deg)}.remote-title{position:absolute;top:28%;left:6%;max-width:600px}.remote-title h1{font-size:clamp(60px,7vw,100px);line-height:1.04;letter-spacing:-5px;font-weight:500;margin:0 0 27px}.remote-title p{font-size:15px;color:#b1c0d3;line-height:1.9}.lighting-dock{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;padding:20px 25px;background:#121c31d9;border:1px solid #ffffff1a;backdrop-filter:blur(25px);border-radius:25px;box-shadow:0 25px 60px #0005;max-width:90%}#lamp-power{width:48px;height:48px;border:0;background:#3979ff;border-radius:50%;color:#fff;font-size:25px}#lamp-power[aria-pressed=false]{background:#414d67}.dock-color{width:250px}.dock-color label{font-size:10px;color:#a7b8d0;display:block;margin-bottom:9px}.dock-color input{width:100%;height:5px;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:5px}.dock-color input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:3px solid #fff;background:#527493;border-radius:50%}.dock-scenes{display:flex;gap:10px}.dock-scenes button{width:22px;height:22px;border-radius:50%;border:2px solid #ffffff4a;background:var(--swatch)}.room-demo-caption{position:absolute;bottom:18px;text-align:center;width:100%;font-size:10px;color:#8395ae;padding:0 20px}.room-installation.off .room-glow{opacity:0}.room-installation.off .lamp-head{background:#365266;box-shadow:none}.remote-explainer{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:65px;padding:110px 6%;background:#101a2b}.remote-menu{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.remote-menu button{font-size:28px;color:#53657c;background:transparent;border:0;text-align:left;letter-spacing:-1px;padding:0}.remote-menu button[aria-pressed=true]{color:#f2f8ff}.remote-panel h2{font-size:40px;letter-spacing:-1.5px;line-height:1.2;font-weight:400;margin:0 0 24px}.remote-panel p{font-size:15px;color:#8fa3bf}.remote-panel>span{font-size:11px;color:#5f86c5}.remote-device img{border-radius:25%;width:70px;height:70px}.remote-device h3{margin:13px 0 5px;font-size:19px}.remote-device p{font-size:11px;color:#8fa3bf}.download{display:inline-block;background:#3979ff;border-radius:25px;padding:10px 17px;color:#fff;font-size:11px;margin-top:10px}.remote-help{max-width:850px;margin:auto;padding:85px 25px}.remote-help h2{font-size:35px;font-weight:400;margin:0 0 35px;letter-spacing:-1px}.remote-help details{border-bottom:1px solid #ffffff1a}.remote-help summary{font-size:14px;cursor:pointer;padding:20px 0}.remote-help details p{font-size:13px;color:#8fa3bf}.remote-footer{padding:35px 6%;background:#080d16;display:flex;gap:25px;align-items:center;font-size:11px;color:#8395ae}.remote-footer>span{font-size:20px;color:#e5f3ff}.remote-footer>p{margin-right:auto}
@media(max-width:780px){.remote-theatre{min-height:880px;height:100svh}.remote-mast{padding:22px 6%;gap:15px;flex-wrap:wrap}.remote-mast>a:nth-child(2){display:none}.remote-logo{font-size:20px}.remote-preview{font-size:10px;padding:7px 13px}.remote-title{top:18%;left:7%}.remote-title h1{font-size:58px;letter-spacing:-3px}.remote-title p{font-size:12px;padding-right:25px}.room-wall{left:10%;top:25%}.room-window{width:35%;height:23%;right:11%;top:43%;border-width:7px}.standing-lamp{height:32%;bottom:20%;right:55%;width:55px}.lamp-head{width:75px;height:35px}.lamp-pole{left:25px;top:20px;width:6px}.lamp-base{width:60px}.room-sofa{width:52%;height:11%;bottom:19%;right:-5%}.room-plant{display:none}.room-glow{width:120%;height:75%;top:24%;right:-35%}.room-floor{height:23%}.lighting-dock{padding:15px;gap:15px;width:90%;bottom:65px;border-radius:20px}.dock-color{width:auto;flex:1;min-width:90px}.dock-scenes{gap:6px}.dock-scenes button{width:16px;height:16px}#lamp-power{flex:none;width:39px;height:39px;font-size:21px}.room-demo-caption{font-size:8px;bottom:22px}.remote-explainer{grid-template-columns:1fr;gap:30px;padding:55px 7%}.remote-menu{flex-direction:row;gap:17px;flex-wrap:wrap}.remote-menu button{font-size:19px}.remote-panel h2{font-size:34px}.remote-panel p{font-size:14px}.remote-device{display:grid;grid-template-columns:60px 1fr;gap:0 15px;border-top:1px solid #ffffff1a;padding-top:28px}.remote-device img{width:55px;height:55px;grid-row:1/3}.remote-device h3{margin:0}.remote-device p{margin:5px 0}.remote-device .download{grid-column:2;justify-self:start}.remote-help{padding:55px 7%}.remote-help h2{font-size:30px}.remote-footer{flex-wrap:wrap;padding:25px 7%;gap:16px}.remote-footer>p{width:100%;order:2;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Mobile touch and compact viewport refinements */

@media(max-width:780px){.remote-preview,.remote-logo{min-height:44px;display:flex;align-items:center}.lighting-dock{display:grid;grid-template-columns:44px minmax(0,1fr);gap:5px 16px;padding:14px 18px;bottom:64px;max-width:88%}.dock-scenes{grid-column:2;justify-content:space-between;gap:10px}.dock-scenes button{width:44px;height:44px;border:12px solid transparent;background-clip:padding-box;outline:1px solid #ffffff16;outline-offset:-8px}.dock-color{min-width:0;width:100%}.dock-color label{margin:0}.dock-color input{display:block;height:44px;margin:0;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center/100% 5px no-repeat}#lamp-power{width:44px;height:44px}.remote-menu{gap:6px 20px}.remote-menu button{min-height:44px}.remote-footer{gap:4px 20px}.remote-footer a{display:flex;align-items:center;min-height:44px}.room-sofa{bottom:28%}.standing-lamp{bottom:29%;height:25%}.room-window{top:43%;height:18%}.remote-theatre{min-height:920px}}
@media(max-height:500px) and (min-width:781px){.remote-theatre{height:820px;min-height:820px}.remote-title{top:22%}}

@media(max-width:1000px) and (max-height:500px){button{min-height:44px}input[type=range]{min-height:44px}select{font-size:16px;min-height:44px}}

@media(min-width:781px) and (max-width:1000px) and (max-height:500px){.lighting-dock{gap:14px;padding:14px 18px}.dock-scenes{gap:4px}.dock-scenes button{width:44px;height:44px;border:11px solid transparent;background-clip:padding-box}.dock-color{width:200px}.dock-color input{height:44px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center/100% 5px no-repeat}}