*{box-sizing:border-box}body{margin:0;background:#f4f2ed;color:#282e29;font:14px/1.5 'Segoe UI',sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #217ba6;outline-offset:4px}button{border:0}#thaq{--accent:#af803c;--light:.7;--dark:.12;--warm:.2;--curtain:65%;--garage:0%}.top{height:88px;max-width:1600px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddcd5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:2px}.brandmark{border:1px solid #747c65;width:42px;height:42px;display:grid;place-items:center;font-family:Georgia,serif;letter-spacing:-2px}.brand small{display:block;font-size:9px;letter-spacing:3px}.top-note{font-size:10px;letter-spacing:2px;color:#74776c}.back{font-size:12px;text-decoration:none}main{max-width:1600px;margin:auto;padding:36px 48px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#78806c;margin:0 0 9px}h1{font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.2;letter-spacing:-1.8px;margin:0 0 14px}h1 em{font-family:Georgia,serif;font-weight:400;color:#75816a}.intro p:not(.eyebrow){color:#777b72;margin:0}.sim{font-size:12px}.sim i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80a180;margin-right:5px}.sim small{display:block;color:#888c84;padding-left:15px;font-size:10px;margin-top:4px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start}.room{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:16px;background:#494a40;isolation:isolate}.room-photo,.room-layers,.shade,.warmth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.room-photo{object-fit:contain}.shade{background:#091321;opacity:var(--dark);transition:opacity .25s}.warmth{background:#e6ad4f;mix-blend-mode:soft-light;opacity:var(--warm);transition:opacity .3s}.curtain{transform:translateX(calc(var(--curtain)*-1));transition:transform .6s ease-in-out}.lightglow{opacity:var(--light);transition:opacity .25s}.tv-screen{opacity:0;transition:opacity .45s}.tv-on .tv-screen{opacity:1}.airflow{opacity:0;visibility:hidden}.ac-on .airflow{opacity:.8;visibility:visible;animation:breeze 2s infinite ease-in-out}.ac-display{opacity:.2}.ac-on .ac-display{opacity:1}@keyframes breeze{50%{transform:translateY(8px);opacity:.35}}.room-top,.room-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:white}.room-top{top:22px}.glass{background:#27372d55;border:1px solid #ffffff35;backdrop-filter:blur(12px);border-radius:20px;padding:6px 12px;font-size:10px;letter-spacing:1px}.glass b{margin-left:14px;font-weight:400}.room-bottom{bottom:24px;font-size:12px;text-shadow:0 1px 8px #000}.room-bottom span+span{font-size:10px;opacity:.8}.hotspot{position:absolute;width:27px;height:27px;min-height:0;border-radius:50%;background:#ffffffdc;color:#4e6247;border:4px solid #ffffff50;box-shadow:0 0 0 6px #ffffff25;font-size:18px;line-height:18px;padding:0;transition:transform .2s}.hotspot:hover{transform:scale(1.2)}.light-spot{left:43%;top:38%}.curtain-spot{left:12%;top:56%}.tv-spot{left:62%;top:44%}.ac-spot{left:59%;top:26%}.scene-bar{padding:28px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #dddfd7}h2{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0}.presets{display:flex;gap:7px;flex-wrap:wrap}.presets button{padding:12px 16px;border:1px solid #d4d8cd;border-radius:25px;background:transparent;font-size:12px;transition:.2s}.presets button:hover,.presets button[aria-pressed=true]{background:#3e513b;color:white;border-color:#3e513b}.lower{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.garage-card{display:flex;gap:18px;align-items:center}.garage{position:relative;width:128px;aspect-ratio:1.25;flex-shrink:0;border:8px solid #cecabf;border-bottom:3px solid #aaa89f;overflow:hidden;background:#1a2428;border-radius:6px}.garage-view{position:absolute;inset:0;background:linear-gradient(170deg,#738b85,#303c3f 60%)}.garage-view:after{content:'';position:absolute;bottom:10%;left:15%;width:70%;height:28%;border-radius:40% 40% 6px 6px;background:#adb4ae;box-shadow:0 4px 0 #202326}.shutter{position:absolute;inset:0;background:repeating-linear-gradient(#918f85 0px,#b8b6ac 5px,#686e67 7px);transform:translateY(calc(var(--garage)*-1));will-change:transform}.garage span{position:absolute;bottom:4px;left:6px;color:white;font-size:9px;background:#172c2b99;padding:2px 6px;border-radius:6px}.garage-card small{font-size:9px;color:#7e8876;letter-spacing:2px}h3{margin:0;font-size:13px;font-weight:600}.garage-card h3{font-size:17px}.garage-card p{font-size:12px;margin:5px 0;color:#85877f}.hint{display:flex;align-items:center;gap:18px;color:#7a8173;font-size:12px}.hint-number{font:italic 35px Georgia,serif;color:#a7ae9f}.hint strong{color:#46563e;font-weight:500}.credit{font-size:9px;color:#95988d}.panel-wrap{min-width:0}.platforms{display:flex;padding:4px;background:#e5e6df;border-radius:12px;margin-bottom:14px}.platforms button{flex:1;border-radius:9px;background:none;padding:9px;font-size:12px;color:#78806d}.platforms button[aria-pressed=true]{background:#fff;color:#343d30;box-shadow:0 2px 5px #0000000a}.phone{padding:14px 17px 16px;border:6px solid #30332e;border-radius:35px;background:linear-gradient(135deg,#c9b99a,#c2c7b0 65%,#8fa99a);box-shadow:0 15px 30px #28312212;transition:background .4s;color:#282a23}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;margin:0 6px 18px}.island{height:16px;background:#30332e;width:74px;border-radius:12px}.app-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:9px}.avatar{border-radius:50%;background:#ffffff60;padding:5px;font-size:9px}.phone h2{font-size:25px;font-weight:650;letter-spacing:-.8px}.app-sub{font-size:11px;margin:3px 0 13px}.app-sub span{opacity:.55}.climate{display:flex;justify-content:space-between;font-size:10px;background:#ffffff33;border-radius:12px;padding:9px 10px;margin-bottom:13px}.devices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.device{padding:12px;border-radius:16px;background:#ffffff65;transition:background .25s;min-width:0}.device.active{background:#fffffff0}.wide{grid-column:1/-1}.device-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}.device-head>div{flex:1}.icon{display:inline-flex;color:#706e59}.icon svg,.app-footer svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.device.active .icon{color:var(--accent)}.device output{display:block;font-size:10px;color:#79806e;margin-top:1px}.power{margin-left:auto;border-radius:50%;width:28px;height:28px;background:#00000008;color:#777;font-size:18px;padding:0}.power[aria-pressed=true]{background:#e3bf76;color:#684918}.range-label{display:flex;justify-content:space-between;font-size:9px;color:#848573;margin:7px 0 0}input[type=range]{display:block;width:100%;height:22px;margin:2px 0 0;cursor:pointer;accent-color:var(--accent)}.temp-range{accent-color:#cc9b65}.mini-actions{display:flex;gap:5px}.mini-actions button{flex:1;border-radius:6px;font-size:10px;padding:5px;background:#00000006;color:#68725e}.mini-actions button:hover{background:#00000012}.stepper{display:flex;align-items:center;justify-content:space-between;margin:7px 0;font-size:15px}.stepper button{width:25px;height:25px;border-radius:50%;background:#ffffff70;color:#526549}select{width:100%;border:0;border-radius:5px;background:#ffffff60;color:#64715e;font-size:10px;padding:4px}.app-footer{display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;margin-top:14px}.app-footer span:last-child{margin-left:auto;opacity:.5}.reset{display:block;background:none;margin:14px auto 0;font-size:11px;color:#808774}.endnote{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid #ddd;padding-top:20px;margin-top:14px;font-size:10px;color:#8a8d82}.endnote p{max-width:750px}.endnote a{white-space:nowrap;color:#42563c;text-decoration:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-platform=aqara]{--accent:#268ded}[data-platform=aqara] .phone{background:#f0f3f8;border-color:#353b46;color:#25344a}[data-platform=aqara] .device{background:#fff;border-radius:9px;border:1px solid #e2e7ef}[data-platform=aqara] .device.active{background:#eff7ff;border-color:#c7e3ff}[data-platform=aqara] .power[aria-pressed=true]{background:#328eea;color:white}[data-platform=aqara] .climate{background:#e3edfc;color:#4380b9}[data-platform=aqara] .device output{color:#6d87a2}[data-platform=aqara] .mini-actions button{color:#3686c9;background:#eaf3fc}[data-platform=aqara] .phone h2{font-weight:500}[data-platform=aqara] .devices{gap:11px}
@media(min-width:1400px){.experience{grid-template-columns:minmax(0,1fr) 370px;gap:40px}.device{padding:13px}.room{margin-top:0}}
@media(max-width:1100px){.top{padding:0 24px}main{padding:28px 24px}.experience{gap:22px;grid-template-columns:minmax(0,1fr) 320px}.scene-bar{align-items:start;flex-direction:column}.lower{grid-template-columns:1fr}.hint{display:none}.room-bottom span+span{display:none}.top-note{display:none}.sim{display:none}.phone{padding:12px}.room-top{left:12px;right:12px;top:12px}.glass{font-size:8px}.room-bottom{left:15px;bottom:15px;font-size:10px}}
@media(max-width:760px){.top{height:66px;padding:0 18px}.brand{font-size:12px}.brandmark{width:32px;height:32px}.brand small{font-size:7px}.back{font-size:10px}main{padding:24px 16px}.intro{margin-bottom:20px}h1{font-size:31px;letter-spacing:-1px}.intro p:not(.eyebrow){font-size:12px;max-width:320px}.experience{display:flex;flex-direction:column;gap:16px}.visual,.panel-wrap{width:100%}.room{border-radius:12px}.scene-bar{padding:18px 0;gap:12px}.scene-bar h2{font-size:18px}.presets{width:100%}.presets button{flex:1;padding:10px}.lower{padding:14px 0}.garage{width:100px}.credit{margin:0}.panel-wrap{max-width:430px;align-self:center}.phone{padding:15px 18px;border-width:4px}.phone-top{margin-bottom:15px}.device{padding:14px}.endnote{display:block;font-size:9px;margin-top:24px}.room-bottom{font-size:9px}.hotspot{width:23px;height:23px;font-size:15px}.room-top{top:10px}.glass{padding:4px 8px;font-size:7px}.room-bottom{bottom:12px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Preview refinements: proportional curtain travel and mobile live view. */
.curtain{transform-box:fill-box}
#thaq[data-platform=aqara]{--accent:#268ded}
@media(max-width:760px){.visual{display:contents}.room{position:sticky;top:0;z-index:20;width:100%;flex-shrink:0;box-shadow:0 5px 14px #0002}.scene-bar{width:100%;order:1}.lower{width:100%;order:2}.credit{order:4}.panel-wrap{order:3}.room-bottom{pointer-events:none}}