@import url('data:text/css,');
:root{--ink:#17332f;--muted:#64736c;--paper:#f6f6ef;--green:#d4ef83;--line:#dce1d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button{font:inherit;cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:10px;letter-spacing:2px;line-height:1.5}.brand b{font-size:17px;letter-spacing:3px}.brandmark{display:grid;place-items:center;background:var(--ink);color:var(--green);width:44px;height:48px;border-radius:12px 12px 20px 20px;font-size:29px;font-weight:bold}.navlabel,.navlink{font-size:10px;letter-spacing:1.6px}.navlink{color:var(--ink);text-decoration:none;border-bottom:1px solid;padding-bottom:7px}main{margin:0 4.5%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:47px 0 32px;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:bold;display:block}.eyebrow i{display:inline-block;width:7px;height:7px;background:#71a842;border-radius:50%;margin-right:8px}h1{font-size:clamp(34px,3.8vw,62px);letter-spacing:-2.4px;line-height:1.07;font-weight:500;margin:17px 0 0}h1 em{font-family:Georgia,serif;font-weight:normal;color:#6a8063}.intro>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:310px;margin-bottom:3px}.experience{border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 320px;background:#fff}.stage{position:relative;min-height:570px;background:radial-gradient(ellipse at center,#e5e9d9,#c9d4c4)}canvas{width:100%;height:100%;display:block;touch-action:none}.scene-title{position:absolute;top:26px;left:28px;pointer-events:none}.scene-title h2{font-size:21px;margin:9px 0 12px;font-weight:500}.scene-title .eyebrow{font-size:9px;color:#617163}#statebadge{background:#ffffffb5;border:1px solid #ffffffe0;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:1px}.scene-legend{position:absolute;bottom:79px;left:28px;display:flex;gap:16px;font-size:9px;pointer-events:none}.scene-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.cool{background:#2baf95}.warm{background:#f79448}.ac{background:#4293eb}.view-tabs{position:absolute;bottom:23px;left:24px;display:flex;padding:5px;background:#f9faf3df;border:1px solid #fff;border-radius:30px;gap:3px}.view-tabs button{border:0;border-radius:22px;padding:11px 17px;background:transparent;font-size:10px;color:var(--ink)}.view-tabs .selected{background:var(--ink);color:#fff}.gesture{position:absolute;right:22px;bottom:41px;font-size:9px;color:#5f7064}aside{padding:31px 25px;border-left:1px solid var(--line)}aside>.eyebrow{font-size:9px;color:#778371}aside h2{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.18;margin:18px 0 15px}aside p{font-size:12px;line-height:1.7;color:var(--muted)}#explanation{min-height:61px}.control{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.control strong{font-size:12px;display:block}.control small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.switch{width:39px;height:23px;border:0;padding:3px;border-radius:20px;background:#c6cdc4}.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s}.switch[aria-checked=true]{background:#244e3d}.switch[aria-checked=true] span{transform:translateX(16px)}.sliderlabel{display:flex;justify-content:space-between;font-size:11px;margin-top:20px}.sliderlabel output{color:#6b7b68}input[type=range]{width:100%;accent-color:#40664b;margin:15px 0 7px}.rangeends{display:flex;justify-content:space-between;font-size:9px;color:#82907c}.checkrow{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:20px 0}.checkrow input{accent-color:#244e3d;vertical-align:middle}.textbutton{border:0;background:none;color:#40664b;font-size:10px;text-decoration:underline}.outline{width:100%;border:1px solid #bcc9b6;border-radius:7px;background:#f3f7eb;color:var(--ink);font-size:11px;padding:14px 8px}aside .note{font-size:9px;line-height:1.6;margin-bottom:0}.specs{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-bottom:1px solid var(--line)}.specs>div{padding:0 28px;border-right:1px solid var(--line)}.specs>div:first-child{padding-left:0}.specs>div:last-child{border:0}.specs strong{font-size:34px;font-weight:500;letter-spacing:-1px}.specs strong span{font-size:12px;letter-spacing:0;margin-left:7px;color:#78866e}.specs p{font-size:11px;color:#64736c;margin:6px 0}.story{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:65px 0}.story h2,.product h2{font-size:30px;font-weight:500;line-height:1.15;letter-spacing:-.9px}.story article>span{font-size:10px;letter-spacing:1px;color:#718565}.story article h3{font-size:15px;font-weight:500;margin-top:22px}.story article p,.product p,.product li{font-size:12px;color:var(--muted);line-height:1.8}.product{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:15px;align-items:center;overflow:hidden}.product>img{width:100%;max-height:490px;object-fit:contain;padding:20px}.product>div{padding:35px 50px}.product ul{padding-left:18px}.product small{font-size:10px;line-height:1.7;display:block;color:#7e857a}.references{margin:40px 0}.references summary{cursor:pointer;font-size:13px;border-top:1px solid var(--line);padding:20px 0}.references summary span{float:right}.references>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}figure{margin:0}figure img{width:100%;height:160px;object-fit:contain;background:white}figcaption{font-size:10px;line-height:1.5;padding-top:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#71816b}#loading{position:absolute;z-index:4;top:48%;left:25%;right:25%;text-align:center;padding:18px;background:#f6f6ef;border-radius:12px;font-size:13px}
@media(min-width:1600px){main,header{max-width:1540px;margin-left:auto;margin-right:auto}.stage{min-height:660px}}
@media(max-width:1050px){.gesture{display:none}.scene-legend{gap:8px;font-size:8px}.experience{grid-template-columns:minmax(0,1fr) 285px}.navlabel{display:none}.story{grid-template-columns:1fr 1fr}.product>div{padding:25px}}
@media(max-width:720px){header{height:80px}.navlink{font-size:8px}.intro{display:block;padding-top:30px}h1{letter-spacing:-1.5px}.intro>p{max-width:none;margin-top:20px;font-size:12px}.experience{grid-template-columns:1fr}.stage{height:450px;min-height:450px}.scene-title{left:18px;top:20px}.scene-legend{left:18px;bottom:78px;flex-wrap:wrap}.view-tabs{left:12px;bottom:18px}.view-tabs button{padding:11px 13px}aside{border-left:0;border-top:1px solid var(--line);padding:25px}aside h2 br{display:none}#explanation{min-height:0}.specs{grid-template-columns:1fr 1fr;gap:24px}.specs>div{padding:0 12px!important}.specs>div:nth-child(2){border:0}.story{gap:20px;padding:40px 0}.story>div{grid-column:1/-1}.story article{grid-column:1/-1}.story article h3{margin:10px 0}.product{grid-template-columns:1fr}.product>img{max-height:350px}.references>div{grid-template-columns:1fr 1fr}footer{gap:20px;font-size:8px}}