:root{color-scheme:dark;--ink:#eaf1f7;--muted:#8e9dab;--paper:#070b12;--line:#21303e;--cyan:#63dbfa;--amber:#ffb166;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.wrap{max-width:1480px;margin:auto;padding-left:64px;padding-right:64px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cyan);color:#07141b;padding:12px}.skip:focus{top:10px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;font:800 23px var(--display);letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:400;color:#9badbb}.brand svg{width:28px;height:32px;margin-right:13px;fill:none;stroke:var(--cyan);stroke-width:1.6}.header nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:500;color:#a2b2c2}.header nav>a:hover{color:var(--cyan)}.nav-cta{border:1px solid #3b5468;padding:12px 20px;border-radius:3px;color:#edf7ff}.nav-cta span{margin-left:22px}.hero{overflow-x:clip;display:grid;grid-template-columns:.76fr 1.24fr;gap:0;align-items:center;padding-top:36px;padding-bottom:24px;position:relative}.hero-copy{padding-top:14px;padding-bottom:15px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#7798ae;margin:0 0 25px}.little-dot{display:inline-block;background:var(--cyan);width:5px;height:5px;border-radius:50%;margin-right:8px;box-shadow:0 0 11px #49c9ff66;vertical-align:middle}.hero h1{font:500 clamp(54px,5.4vw,79px)/1.05 var(--display);letter-spacing:-4px;margin:25px 0 29px}em{font-style:normal;color:var(--cyan)}.hero h1 em{background:linear-gradient(110deg,#e2f6ff,#59bfe7);background-clip:text;-webkit-text-fill-color:transparent}.hero .lead{font-size:15px;line-height:1.9;color:#9aabba;max-width:350px;margin:0 0 27px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:600;padding:16px 22px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{color:#071119;background:var(--cyan);box-shadow:0 5px 35px #3aadd512}.dark:hover{background:#aff0ff}.hero-note{font-size:10px;color:#6e8496;margin:14px 0 29px}.live-controls{max-width:390px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:23px}.control-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:#8c9daa;margin-bottom:12px}.control-heading button{color:var(--cyan);font-size:9px;background:transparent;border:0;padding:4px 0;letter-spacing:.2px}.scenario-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scenario-tabs button{display:flex;gap:8px;align-items:center;font-size:10px;color:#91a7b9;background:#0b1520;border:1px solid #203142;border-radius:3px;padding:11px 9px;transition:border-color .25s,background .25s}.scenario-tabs button>span{font-size:16px;color:#90b6ca}.scenario-tabs small{font-size:7px;margin-left:auto;color:#73899b}.scenario-tabs button[aria-pressed=true]{color:#daf7ff;background:#123041;border-color:#4e9db8;box-shadow:inset 0 0 22px #43baee09}.scenario-tabs button[aria-pressed=true]>span{color:var(--cyan)}.scenario-tabs button:hover{border-color:#6194af}.control-hint{font-size:9px;color:#6c8498;margin:9px 0 0}.hero-facts{display:flex;gap:40px}.hero-facts>div{display:flex;gap:13px;align-items:center}.hero-facts strong{font:400 31px var(--display);color:#c7d8e7;letter-spacing:-1px}.hero-facts span{font-size:8px;line-height:1.6;color:#698296}.house-stage{position:relative;min-width:0;isolation:isolate}.stage-heading{position:relative;display:flex;justify-content:space-between;padding-left:30px;gap:15px;font-size:7px;letter-spacing:1.5px;color:#7593a9;z-index:3}.demo-label{color:#617485}.architecture-frame{position:relative;width:116%;margin-left:-7%;margin-top:-2%;isolation:isolate}.architecture-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper),transparent 12%,transparent 91%,var(--paper)),linear-gradient(0deg,var(--paper),transparent 12%,transparent 94%,var(--paper));z-index:1}.architecture-image{display:block;width:100%;height:auto;transition:filter 1.5s;filter:brightness(.84) saturate(.88)}.automation-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.system-layer{opacity:0;transition:opacity .8s}.route-base{fill:none;stroke-width:6;opacity:.2}.energy-flow{fill:none;stroke-width:3;stroke-dasharray:14 15;animation:energy 2.4s linear infinite;filter:drop-shadow(0 0 6px currentColor);stroke-linecap:round}.heat-route,.floor-route{stroke:#ffab55;color:#ffab55}.heat-wash{animation:breathe 3s ease-in-out infinite}.radiator{stroke:#ffb166;stroke-width:3;fill:none;filter:drop-shadow(0 0 8px #ff9c46)}.heat-rise{stroke:#ffbe77;stroke-width:2.5;fill:none;stroke-dasharray:10 8;animation:heat-up 2.2s linear infinite;filter:drop-shadow(0 0 5px #ff9c46)}.floor-aura{fill:#ffb166;opacity:.14;filter:url(#energy-glow)}.air-flow{fill:none;stroke:#8be8ff;stroke-width:3.7;stroke-dasharray:12 14;animation:energy 1.8s linear infinite;filter:drop-shadow(0 0 8px #5ad9ff)}.air-bloom{fill:#63dbfa;opacity:.07;filter:url(#energy-glow)}.energy-node{animation:breathe 2.5s infinite}.warm-node{fill:#ffd29c;filter:drop-shadow(0 0 14px #ff9d44)}.cold-node{fill:#b2f6ff;filter:drop-shadow(0 0 14px #3ed8ff)}.water-route{stroke:#57e4e4;color:#57e4e4}.water-pulse{fill:none;stroke:#57e4e4;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ring 2.5s infinite}.signal-line{fill:none;stroke:#72b9ed;stroke-width:2;stroke-dasharray:5 15;animation:energy 3s linear infinite}.signal-ring{fill:none;stroke:#7fc8ff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:ring 3s infinite}.outer{animation-delay:1s}.manual-ring{fill:#ffab4f08;stroke:#ffd7a1;stroke-width:1;stroke-dasharray:4 6;transform-box:fill-box;transform-origin:center;animation:orbit 25s linear infinite}.floor-guides{stroke:#567181;stroke-width:1}.floor-guides text{fill:#637d8d;stroke:none;font:14px var(--sans);letter-spacing:3px}.hotspot{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;background:#0b1828d9;border:1px solid #395f79;border-radius:3px;padding:5px 9px;color:#c9e8fb;box-shadow:0 3px 17px #0009;backdrop-filter:blur(8px)}.hotspot span{font-size:17px;color:#75d4f2}.hotspot b{font-size:8px;font-weight:500;letter-spacing:.4px}.hotspot:hover,.hotspot[aria-pressed=true]{border-color:#8fe4ff;background:#16364e}.hotspot-cooling{left:18%;top:19%}.hotspot-floor{left:62%;top:45%}.hotspot-heating{left:26%;top:59%}.hotspot-water{left:32%;top:79%}.house-label{position:absolute;z-index:3;right:3%;min-width:123px;padding:8px 11px;border-left:1px solid #5b99b7;background:linear-gradient(90deg,#091622ef,#091622a0);backdrop-filter:blur(7px)}.house-label span{display:block;font-size:6px;letter-spacing:1px;color:#7e9db2}.house-label b{display:block;font-size:8px;color:#d3e5f3;font-weight:400;margin-top:4px}.bedroom-label{top:27%}.living-label{top:61%}.weather-tag{position:absolute;z-index:3;top:5%;right:8%;display:flex;align-items:center;gap:10px}.weather-tag>span{font-size:24px;color:#8bdcf3}.weather-tag b{display:block;font-size:9px;color:#c0d7e8;font-weight:500}.weather-tag small{display:block;font-size:8px;color:#6a8da4}.house-caption{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:4;font-size:7px;letter-spacing:1px;color:#83aec2;border-top:1px solid #1b2d3b;padding:14px 0;margin:-4% 5% 0}.reset-view{font-size:8px;color:#85d2ed;background:transparent;border:0;padding:4px}.system-selector{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:0 5%}.system-selector button{font-size:9px;padding:7px 11px;background:#0e1924;border:1px solid #263949;color:#8ba7bb;border-radius:3px}.system-selector button[aria-pressed=true]{color:#d6f6ff;background:#133242;border-color:#477d96}.focus-description{font-size:9px;color:#7595a9;line-height:1.7;margin:10px 5% 0;min-height:32px;text-align:center}
@keyframes energy{to{stroke-dashoffset:-58}}@keyframes heat-up{to{stroke-dashoffset:36}}@keyframes breathe{50%{opacity:.45}}@keyframes ring{0%{transform:scale(.8);opacity:.8}90%,100%{transform:scale(1.8);opacity:0}}@keyframes orbit{to{transform:rotate(360deg)}}
.simulator{padding-top:45px;padding-bottom:80px}.sim-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.sim-top .eyebrow{margin-bottom:7px}.sim-top h2{font:400 28px var(--display);letter-spacing:-.7px}.sim-top>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:245px;margin:0}.scene-output{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:33px 38px;border:1px solid #203342;background:linear-gradient(130deg,#0d1c29,#0a131e);border-radius:5px;min-height:212px}.scene-kicker{font-size:8px;letter-spacing:1.4px;color:var(--cyan)}.scene-story h3{font:400 25px/1.35 var(--display);letter-spacing:-.5px;margin:9px 0 13px}.scene-story p{font-size:12px;line-height:1.85;color:#8ca2b3;max-width:450px;margin:0}.device-list{display:grid;grid-template-columns:1fr 1fr;gap:21px;align-content:center}.device{border-bottom:1px solid #263a49;padding-bottom:10px}.device-title{color:#7993a7;font-size:9px}.device-state{font-size:11px;font-weight:500;margin-top:5px;display:flex;gap:7px;align-items:center}.device-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#526674;flex-shrink:0}.device[data-active=true] .device-state:before{background:#f5ad69;box-shadow:0 0 9px #ffb16666}.device[data-cool=true] .device-state:before{background:var(--cyan);box-shadow:0 0 9px #63dbfa66}.simulation-note{font-size:9px;color:#667f92;line-height:1.8;margin:14px 0 0}.principle{border-top:1px solid #1b2b37;border-bottom:1px solid #1b2b37;background:radial-gradient(ellipse at 85% 80%,#0b2537,transparent 65%),#0a121c;padding:85px 0}.principle h2{font:400 clamp(31px,3.4vw,48px)/1.35 var(--display);letter-spacing:-1.5px;margin:0 0 31px}.principle-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:910px}.principle-columns p{font-size:13px;line-height:1.9;color:#8ba2b4;margin:0}.systems{padding-top:92px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font:400 41px/1.25 var(--display);letter-spacing:-1.5px;margin:0}.section-heading>p{max-width:295px;font-size:13px;line-height:1.9;color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#23323f;border:1px solid #23323f}.system-grid article{background:#0b121b;padding:29px;position:relative;display:flex;flex-direction:column;transition:background .3s}.system-grid article:hover{background:#0d1b28}.system-no{font-size:8px;letter-spacing:1.5px;color:#74b5d3}.system-grid h3{font:400 21px/1.45 var(--display);letter-spacing:-.4px;margin:18px 0 14px}.system-grid p{font-size:12px;color:#8da0b0;line-height:1.9;margin:0 0 22px}.system-detail{font-size:9px;color:#617e93;line-height:1.7;margin-top:auto}.system-demo-link{border:0;border-top:1px solid #203444;background:transparent;color:#8bcee6;font-size:10px;text-align:left;padding:14px 0 0;margin-top:22px}.collaboration{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:40px;padding-bottom:85px}.collab-intro{padding:40px;background:linear-gradient(125deg,#102639,#0b141f);border:1px solid #243d50;border-radius:4px}.collab-intro .eyebrow{font-size:9px}.collab-intro h2{font-size:36px;line-height:1.3}.collab-intro p:not(.eyebrow){font-size:13px;color:#849cae;line-height:1.9;margin:25px 0}.text-link{font-size:12px;color:#96dbf1;border-bottom:1px solid #416e88;padding-bottom:6px}.text-link span{margin-left:25px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:21px 0;border-bottom:1px solid var(--line)}.steps li>span{font:400 12px var(--display);color:#6da7c4;margin-top:5px}.steps h3{font:400 19px var(--display);margin:0 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:40px;padding-bottom:95px}.faq>div>p:last-child{font-size:13px;color:var(--muted)}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:0}.questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:400;list-style:none;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px;color:#719db6;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{color:var(--muted);font-size:13px;line-height:1.9;padding-right:25px}.contact{padding:78px 0;background:radial-gradient(ellipse at 0 50%,#102e43,transparent 60%),#0b1520;border-top:1px solid #284153}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.contact h2{font-size:51px;line-height:1.15;letter-spacing:-2px}.contact-grid>div>p:not(.eyebrow){max-width:320px;font-size:13px;color:#8ca4b7;line-height:1.9;margin:25px 0 30px}.contact-person{display:flex;align-items:center;gap:13px}.person-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;border:1px solid #456577;font-size:11px;color:#86c7e3}.contact-person strong{display:block;font-size:12px;font-weight:500}.contact-person div>span{display:block;color:#6f91aa;font-size:9px;margin-top:4px}#contact-links{font-size:13px;margin-top:20px}#contact-links a{display:block;text-decoration:underline;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:11px;color:#a7bed0;margin-bottom:22px}input,select,textarea{display:block;width:100%;min-width:0;padding:12px;background:#09131ee0;border:1px solid #294255;border-radius:3px;margin-top:8px;color:#e0f2ff;font-size:12px}input,select{height:46px}input::placeholder,textarea::placeholder{color:#5d788e}textarea{resize:vertical}.optional{color:#618198;font-size:9px}.form-note{font-size:10px;color:#829cae;line-height:1.7;margin-top:-4px}.lime{background:var(--cyan);color:#071520;width:100%;margin-top:9px}.lime:hover{background:#a5efff}#form-status{font-size:12px;margin:12px 0;color:#9ad5ef}#draft-panel{padding-top:12px}#draft-panel label{margin-bottom:12px}.copy-button{border:1px solid #497991;background:transparent;color:#9cdbf3;padding:9px 16px;border-radius:3px;font-size:11px}footer{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:19px}footer p,footer>span{font-size:10px;color:#647d91}[hidden]{display:none!important}
@media(min-width:1600px){.hero h1{font-size:83px}.hero{padding-top:55px}}@media(max-width:1150px){.wrap{padding-left:35px;padding-right:35px}.hero{grid-template-columns:.8fr 1.2fr}.hero h1{font-size:60px}.hero .lead{font-size:13px;max-width:310px}.hero-note{font-size:9px}.architecture-frame{width:117%;margin-left:-8%}.house-label{min-width:102px;right:1%;padding:6px 8px}.house-label b{font-size:7px}.house-label span{font-size:5px}.stage-heading{font-size:6px;padding-left:15px;letter-spacing:1px}.hotspot{padding:4px 6px;gap:4px}.hotspot b{font-size:7px}.hotspot span{font-size:13px}.weather-tag{top:3%;right:10%}.weather-tag b{font-size:8px}.weather-tag small{font-size:7px}.scene-output{gap:40px;padding:30px}.collaboration,.contact-grid{gap:55px}.system-grid article{padding:23px}.scenario-tabs button{font-size:9px}.system-selector button{font-size:8px;padding:6px 9px}.focus-description{font-size:8px}.control-hint{font-size:8px}.house-caption{font-size:6px;letter-spacing:.4px}}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.header{height:80px}.brand{font-size:20px}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 13px}.nav-cta span{margin-left:14px}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px;overflow:hidden}.hero-copy{padding:0}.hero h1{font-size:clamp(58px,10vw,77px);letter-spacing:-3px}.hero .lead{font-size:14px;max-width:430px}.hero .lead br{display:none}.hero .eyebrow{font-size:9px}.hero-note{font-size:10px}.live-controls{max-width:100%;margin-bottom:24px}.scenario-tabs{grid-template-columns:repeat(4,1fr)}.scenario-tabs button{font-size:9px;flex-wrap:wrap;gap:5px;padding:10px 8px}.scenario-tabs small{display:none}.control-hint{font-size:9px}.hero-facts{display:none}.house-stage{max-width:650px;width:100%;margin:0 auto}.architecture-frame{width:110%;margin-left:-5%;margin-top:-1%}.stage-heading{font-size:7px;padding:0 5px}.hotspot b{font-size:8px}.hotspot span{font-size:16px}.hotspot{padding:5px 8px}.house-label{right:2%;min-width:110px}.house-label b{font-size:8px}.house-label span{font-size:6px}.weather-tag{top:5%}.weather-tag b{font-size:9px}.weather-tag small{font-size:8px}.house-caption{font-size:7px;margin-top:-4%}.system-selector button{font-size:10px;padding:7px 11px}.focus-description{font-size:10px;min-height:40px}.simulator{padding-top:25px;padding-bottom:50px}.sim-top{gap:20px;align-items:start}.sim-top h2{font-size:25px}.sim-top>p{font-size:10px;max-width:180px}.scene-output{grid-template-columns:1fr;gap:25px;padding:26px}.scene-story p{max-width:none}.principle{padding:52px 0}.principle h2{font-size:34px}.principle-columns{grid-template-columns:1fr;gap:17px}.systems{padding-top:55px;padding-bottom:30px}.section-heading{display:block}.section-heading>p{max-width:100%;font-size:12px;margin-top:21px}h2{font-size:34px}.system-grid{grid-template-columns:1fr 1fr}.system-grid h3{font-size:19px}.system-grid article{padding:25px}.collaboration{grid-template-columns:1fr;gap:30px;padding-top:25px;padding-bottom:50px}.collab-intro{padding:32px}.collab-intro h2{font-size:35px}.faq{grid-template-columns:1fr;gap:28px;padding-top:25px;padding-bottom:55px}.contact{padding:52px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:45px}.contact-grid>div>p:not(.eyebrow){max-width:100%}.contact-person div>span{font-size:10px}footer{flex-wrap:wrap;gap:0;padding-top:25px;padding-bottom:25px;min-height:140px}footer .brand{width:100%}footer p,footer>span{font-size:9px}}
@media(max-width:480px){.wrap{padding-left:20px;padding-right:20px}.brand{font-size:18px}.brand svg{width:24px;margin-right:9px}.nav-cta{font-size:10px}.hero h1{font-size:60px}.scenario-tabs{grid-template-columns:1fr 1fr}.scenario-tabs button{font-size:10px;padding:12px}.scenario-tabs small{display:block}.architecture-frame{width:114%;margin-left:-7%}.house-label{right:0;min-width:94px;padding:5px 6px}.house-label b{font-size:6px}.house-label span{font-size:4.5px}.hotspot{padding:4px 6px;gap:4px}.hotspot b{font-size:6px}.hotspot span{font-size:13px}.weather-tag b{font-size:7px}.weather-tag small{font-size:6px}.weather-tag>span{font-size:20px}.stage-heading{font-size:5.5px;letter-spacing:.7px}.system-selector{margin:0;gap:4px}.system-selector button{font-size:9px;padding:6px 8px}.house-caption{margin-left:0;margin-right:0;font-size:6px}.focus-description{font-size:9px;margin-left:0;margin-right:0}.sim-top>p{display:none}.scene-output{padding:22px}.scene-story h3{font-size:22px}.scene-kicker{font-size:7px}.device-list{gap:17px 12px}.device-state{font-size:10px}.simulation-note{font-size:8px}.principle h2{font-size:29px;letter-spacing:-1px}.system-grid{grid-template-columns:1fr}.system-grid article{padding:26px}.system-grid h3{font-size:22px}.system-grid p{font-size:13px}.collab-intro{padding:27px}.collab-intro h2{font-size:31px}.questions summary{font-size:13px}.contact h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}.header nav{gap:0}.hero .eyebrow{letter-spacing:1.5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.house-stage[data-motion=paused] *{animation-play-state:paused!important}

/* Device focus inspects the current state; it never starts an inactive system. */
.house-stage .system-layer[data-active=true]:not(.forecast-layer){opacity:1}
.house-stage[data-focus]:not([data-focus=all]) .system-layer[data-active=true]{opacity:.14}
.house-stage[data-focus]:not([data-focus=all]) .system-layer[data-focused=true][data-active=true]{opacity:1}
.house-stage .system-layer[data-active=false] *{animation:none!important}
.house-stage .system-layer[data-active=false][data-focused=true]{opacity:.24;filter:grayscale(1)}
.house-stage .system-layer[data-active=false] .energy-flow,.house-stage .system-layer[data-active=false] .heat-rise,.house-stage .system-layer[data-active=false] .heat-wash,.house-stage .system-layer[data-active=false] .air-flow,.house-stage .system-layer[data-active=false] .air-bloom{display:none}
.house-stage[data-night=true] .architecture-image{filter:brightness(.48) saturate(.68)}
.house-stage[data-season=summer]:not([data-night=true]) .architecture-image{filter:brightness(.84) saturate(.7)}
.hotspot{min-height:44px;min-width:44px;touch-action:manipulation;transition:border-color .2s,background .2s}
.hotspot[data-active=true]{border-color:#65b5ca;box-shadow:0 3px 17px #0009,0 0 12px #4fe1eb18}
.hotspot[data-system=heating][data-active=true],.hotspot[data-system=floor][data-active=true]{border-color:#d4a572}
.hotspot[data-active=false] span{color:#86a4b7}
.hotspot:hover{background:#193b50}
.hotspot:focus-visible,.controller-hotspot:focus-visible{outline:2px solid #c5f3ff;outline-offset:4px}
.controller-hotspot{position:absolute;z-index:5;left:48%;top:74%;width:68px;min-height:58px;padding:5px 3px;display:grid;justify-items:center;gap:3px;background:#091622f5;border:1px solid #40738e;border-radius:3px;box-shadow:0 3px 16px #000b;touch-action:manipulation;color:#a5e7fa}
.controller-hotspot svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.controller-hotspot span{font-size:6.5px;white-space:nowrap}
.controller-hotspot small{font-size:7px;color:#94b9c8;font-variant-numeric:tabular-nums}
.controller-hotspot i{position:absolute;right:5px;top:6px;width:4px;height:4px;border-radius:50%;background:#76dfb7;box-shadow:0 0 6px #76dfb75c}
.controller-hotspot:hover,.controller-hotspot[aria-expanded=true]{border-color:#8cdef5;background:#16364e}
.controller-layer{opacity:0;transition:opacity .3s}
.house-stage[data-focus=controller] .controller-layer{opacity:1}
.controller-connection{fill:none;stroke:#5a7b8d;stroke-width:1.8;stroke-dasharray:4 10;opacity:.3}
.controller-connection[data-active=true]{stroke:#8bdff4;opacity:.75}
.house-stage[data-focus=controller] .controller-connection[data-active=true]{animation:energy 3.5s linear infinite}
.forecast-layer *{animation:none}
.house-stage[data-focus=forecast] .signal-line{animation:energy 3s linear infinite}
.house-stage[data-focus=forecast] .signal-ring{animation:ring 3s infinite}
#manual-request:disabled{opacity:.65;cursor:default}
.house-caption{gap:8px;flex-wrap:wrap}
.house-caption>span{margin-right:auto}
.reset-view,.system-selector button,#play-scenes{min-height:44px;touch-action:manipulation}
.focus-description{font-size:11px;line-height:1.75;min-height:58px;color:#8faec0}
.system-selector button{font-size:11px}
.hero-call{display:inline-flex;align-items:center;gap:8px;margin-left:16px;min-height:44px;color:#a8d9ea;font-size:12px;vertical-align:middle}
.hero-call svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
#contact-links .contact-call{display:inline-flex;align-items:center;gap:30px;text-decoration:none;margin-top:6px;min-height:48px;border:1px solid #70bdd5;color:#c6eefb;background:#123145;font-size:14px;padding:13px 21px}
#contact-links .contact-call:hover{background:#1a4258;border-color:#b3ecff}
.controller-panel{margin:12px 5% 0;padding:20px;background:#0c1d2b;border:1px solid #2b4c61;border-radius:4px}
.controller-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-size:12px}
.controller-heading strong{font-weight:500;color:#b8e9f5}
.controller-heading strong span{font-size:8px;letter-spacing:1px;margin-left:8px;color:#6a9db2}
.controller-heading>span{font-size:10px;color:#91b6c9}
.controller-panel label,.time-control label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#94b3c5}
.controller-panel output,.time-control output{color:#d3f4ff;font-size:15px;font-variant-numeric:tabular-nums}
.controller-panel input[type=range],.time-control input[type=range]{border:0;background:transparent;padding:0;cursor:pointer;accent-color:#6cd7ef;height:32px;margin-top:8px;touch-action:pan-y}
.temperature-bounds,.time-bounds{display:flex;justify-content:space-between;color:#6f8fa4;font-size:9px}
#manual-request{min-height:44px;border:1px solid #34566c;border-radius:3px;background:#10293b;color:#b2deee;padding:10px 14px;margin-top:18px;font-size:11px}
#manual-request[aria-pressed=true]{border-color:#c69869;background:#342719;color:#ffdab1}
.controller-panel p{font-size:10px;line-height:1.7;color:#799aac;margin:12px 0 0}
.timeline-controls{display:grid;grid-template-columns:1.15fr auto 1fr;gap:30px;align-items:center;padding:18px 0 25px}
.time-control{min-width:0}
.day-control{display:flex;gap:5px}
.day-control button{min-height:44px;padding:10px 14px;background:#0c1b28;border:1px solid #263f51;border-radius:3px;font-size:11px;color:#88a7bb}
.day-control button[aria-pressed=true]{color:#c8f2ff;border-color:#5095b0;background:#143347}
.timeline-controls>p{font-size:10px;line-height:1.8;color:#7998ac;margin:0}
.house-stage{scroll-margin-top:24px}
@media(max-width:1150px){.hero-call{margin-left:0;margin-top:10px;margin-right:25px}.controller-hotspot{width:62px}.timeline-controls{gap:18px}.focus-description{font-size:10px}}
@media(max-width:800px){.hero-call{margin-left:16px;margin-top:0;margin-right:0}.timeline-controls{grid-template-columns:1fr auto;gap:18px}.timeline-controls>p{grid-column:1/-1}.system-selector button{font-size:11px}.focus-description{font-size:11px}.house-caption{font-size:8px}.reset-view{font-size:10px}}
@media(max-width:480px){.hero-call{margin-left:0;display:flex;width:max-content}.controller-hotspot{width:55px;min-height:55px}.controller-hotspot span{font-size:6px}.controller-hotspot svg{width:18px;height:18px}.hotspot b{font-size:8px}.hotspot span{font-size:16px}.hotspot{padding:4px 6px}.house-caption>span{flex-basis:100%}.house-caption{margin-top:-2%;padding-bottom:8px;gap:5px}.house-caption .reset-view{margin-right:15px}.system-selector button{padding:7px 10px}.controller-panel{margin-left:0;margin-right:0}.timeline-controls{grid-template-columns:1fr}.day-control button{flex:1}.timeline-controls>p{font-size:11px}.timeline-controls{gap:13px}.focus-description{font-size:11px;min-height:60px}.scene-story p{font-size:13px}.device-title{font-size:10px}.device-state{font-size:11px}.simulation-note{font-size:10px}.time-control label{font-size:12px}}

.collab-intro .subscription-note{font-size:13px;color:#b5e8f6;border-left:2px solid #62cce8;padding:8px 0 8px 14px;margin:25px 0}#contact-links #contact-email{overflow-wrap:anywhere;font-size:13px;margin-top:18px}#contact-form[aria-busy=true] #submit-button{opacity:.65;cursor:wait}#form-status[data-kind=error]{color:#ffd0a0}