.sky{z-index:-3;background:radial-gradient(55% 40% at 84% 80%,#ffa66057,#0000 70%),radial-gradient(70% 50% at 12% 0,#304e9652,#0000 70%),linear-gradient(#03060c 0%,#08111f 42%,#121e36 68%,#262836 80%,#05070c 100%);position:fixed;top:0;bottom:0;left:0;right:0}[dir=rtl] .sky{background:radial-gradient(55% 40% at 16% 80%,#ffa66057,#0000 70%),radial-gradient(70% 50% at 88% 0,#304e9652,#0000 70%),linear-gradient(#03060c 0%,#08111f 42%,#121e36 68%,#262836 80%,#05070c 100%)}.sky svg{width:100%;height:36vh;position:absolute;bottom:0;left:0;right:0}#scene{z-index:-2;opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.story-ready #scene{opacity:1}#labels{z-index:-1;pointer-events:none;direction:ltr;position:fixed;top:0;bottom:0;left:0;right:0}#bb-tags{display:none}.story-poster{z-index:-2;transition:opacity 1.4s;position:fixed;top:0;bottom:0;left:0;right:0}.story-poster img{object-fit:cover;object-position:72% 50%;width:100%;height:100%}[dir=rtl] .story-poster img{object-position:28% 50%}.story-ready .story-poster{opacity:0}.no-webgl .story-poster{opacity:1}.clean .story-poster,.no-webgl #scene,.no-webgl #labels,.no-webgl .hud{display:none}.rail,.hud,.story-note{transition:opacity .35s,visibility .35s}.story-leaving .rail,.story-leaving .hud,.story-leaving .story-note{visibility:hidden;opacity:0!important}.story-out .sky,.story-out #scene,.story-out #labels,.story-out .rail,.story-out .hud,.story-out .story-note,.story-out .story-poster{visibility:hidden}.clean .site-header,.clean .rail,.clean .hud,.clean .story-note,.clean .home-content,.clean .site-footer{display:none!important}.clean .story{visibility:hidden}.rail{z-index:9;left:calc(var(--gutter) * .6);right:calc(var(--gutter) * .6);width:max-content;margin-inline-start:auto;transition:opacity .4s;position:fixed;top:50%;transform:translateY(-50%)}.rail ol{border-inline-start:1px solid var(--line);gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.rail a{color:var(--faint);align-items:center;gap:.8rem;padding:.42rem .9rem;font-size:.86rem;line-height:1.5;text-decoration:none;display:flex;position:relative}.rail a:before{content:"";background:var(--faint);border-radius:50%;width:6px;height:6px;margin-inline-end:auto;transition:background .3s,box-shadow .3s;position:absolute;left:-3.5px;right:-3.5px}.rail a:hover{color:var(--muted)}.rail a[aria-current]{color:var(--ink)}.rail a[aria-current]:before{background:var(--accent);box-shadow:0 0 0 4px #5b93ff2e, 0 0 12px var(--accent)}.rail-n{font-size:.72rem}html[lang^=en] .rail-n{font-variant-numeric:tabular-nums}.rail a[aria-current] .rail-n{color:var(--accent)}html[lang^=en] .rail-t{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.story{z-index:1;position:relative}.step{min-height:100vh;min-height:100svh;padding:calc(var(--header-h) + 2rem) var(--gutter) 4rem;align-items:center;display:flex}.step-long{align-items:flex-start;min-height:240vh}.step-long .copy{margin-top:26vh;position:sticky;top:32vh}.copy{max-width:30rem}.hero .copy{max-width:38rem}.hero-eyebrow{color:var(--muted);margin:0 0 1rem;font-size:1rem}html[lang^=en] .hero-eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:.76rem}.hero h1{margin:0 0 1.4rem;font-size:clamp(2.6rem,5.4vw,4.8rem);font-weight:650;line-height:1.22}html[lang^=en] .hero h1{text-transform:uppercase;font-size:clamp(2.4rem,4.4vw,4.1rem);font-weight:200;line-height:1.06}.hero h1 em{color:var(--accent);font-style:normal}.hero h1 small{color:var(--muted);margin-top:.9rem;font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:400;line-height:1.7;display:block}html[lang^=en] .hero h1 small{letter-spacing:.08em;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:300;line-height:1.6}.crumbs{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin:0 0 2.2rem;padding:0;font-size:.9rem;list-style:none;display:flex}.crumbs li{border:1px solid var(--line-2);background:#03060c59;border-radius:999px;padding:.15rem .85rem}html[lang^=en] .crumbs{text-transform:uppercase;letter-spacing:.18em;font-size:.66rem}html[lang^=en] .crumbs li{padding-block-start:.3rem;padding-block-end:.3rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;display:flex}.count{color:var(--faint);align-items:baseline;gap:.4rem;margin:0 0 .6rem;display:flex}.count b{color:var(--ink);font-size:3.2rem;font-weight:600;line-height:1}html[lang^=en] .count b{font-weight:200}.step h2{margin:0 0 1rem;font-size:clamp(1.7rem,3.1vw,2.6rem);font-weight:650;line-height:1.38}html[lang^=en] .step h2{font-weight:300;line-height:1.15}.layer-name{color:var(--accent);margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}html[lang^=en] .layer-name{text-transform:uppercase;letter-spacing:.4em;margin-bottom:.8rem;font-size:.8rem}.step .body{max-width:28rem;color:var(--muted);margin:0;font-size:1.04rem}.outro .copy{max-width:36rem}.outro .check-list{margin-top:1.6rem}.outro .check-list li{color:var(--ink)}.outro .btn{margin-top:2rem}.hero{position:relative}.scroll-cue{color:var(--muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.78rem;text-decoration:none;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}html[lang^=en] .scroll-cue{text-transform:uppercase;letter-spacing:.24em;font-size:.68rem}.mouse{border:1.5px solid var(--muted);border-radius:12px;width:20px;height:32px;position:relative}.mouse:after{content:"";background:var(--ink);border-radius:2px;width:2px;height:6px;margin-left:-1px;animation:1.8s infinite wheel;position:absolute;top:6px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(8px)}}.hud{z-index:5;bottom:2rem;left:calc(var(--gutter) + 12rem);right:calc(var(--gutter) + 12rem);pointer-events:none;width:min(21rem,38vw);margin-inline-start:auto;position:fixed}.hud-card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:1rem 1.2rem;position:absolute;bottom:0;left:0;right:0}.hud-title{color:var(--muted);align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:.78rem;display:flex}.hud-big{margin:0 0 .7rem;font-size:1.05rem}.bar{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;height:100%;display:block;transform:scaleX(0)}[dir=rtl] .bar span{background:linear-gradient(-90deg, var(--accent), var(--accent-2));transform-origin:100%}.ramp{color:var(--muted);align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:.75rem;display:flex}.ramp i{background:linear-gradient(90deg,#1e40af,#22d3ee,#facc15,#ef4444);border-radius:6px;flex:1;height:6px}[dir=rtl] .ramp i{background:linear-gradient(-90deg,#1e40af,#22d3ee,#facc15,#ef4444)}.legend ul{grid-template-columns:1fr 1fr;gap:.15rem 1.2rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.legend li{color:var(--muted);justify-content:space-between;display:flex}.legend li b{color:var(--ink);font-weight:500}.live dl{grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0;display:grid}.live dt{color:var(--muted);font-size:.72rem}.live dd{color:var(--muted);margin:0;font-size:.82rem}.live dd b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:500}.pulse{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #5eead499}to{box-shadow:0 0 0 10px #5eead400}}.tag{width:0;height:0;position:absolute}.tag-dot{background:var(--accent-2);width:10px;height:10px;box-shadow:0 0 0 3px #7dd3fc40, 0 0 12px var(--accent-2);border-radius:50%;position:absolute;top:-5px;left:-5px}.tag-line{background:linear-gradient(to top, var(--accent-2), transparent);width:1px;height:30px;position:absolute;bottom:5px;left:-.5px}.tag-card{white-space:nowrap;color:var(--muted);background:#060c18d1;border:1px solid #7dd3fc59;border-radius:10px;padding:.45rem .75rem;font-size:.74rem;line-height:1.6;display:grid;position:absolute;bottom:34px;left:0;transform:translate(-50%)}.tag-card b{color:var(--ink);font-size:.8rem;font-weight:600}.story-note{z-index:6;bottom:1rem;left:var(--gutter);right:var(--gutter);margin:0;width:max-content;color:var(--faint);border:1px solid var(--line);background:#03050a73;border-radius:999px;margin-inline-end:auto;padding:.2rem .75rem;font-size:.7rem;position:fixed}.home-content{z-index:2;background:var(--bg);box-shadow:0 -40px 80px 20px var(--bg);position:relative}@media (max-width:1040px){.rail-t{display:none}.hud{left:calc(var(--gutter) + 4rem);right:calc(var(--gutter) + 4rem)}}@media (max-width:759px),(orientation:landscape) and (max-height:500px){:root{--cap-bottom:calc(2.1rem + env(safe-area-inset-bottom))}.rail{top:var(--header-h);width:auto;margin:0;left:0;right:0;transform:none}.rail ol{border:0;gap:0;display:flex}.rail li{flex:1}.rail a{height:44px;padding:0;display:block}.rail a:before{background:#a0beff33;border-radius:2px;width:auto;height:2px;margin:0;top:8px;left:2px;right:2px}.rail li:first-child a:before{margin-inline-start:10px}.rail li:last-child a:before{margin-inline-end:10px}.rail li:has(~li [aria-current]) a:before{background:#5b93ff8c}.rail a[aria-current]:before{background:var(--accent);box-shadow:0 0 8px #5b93ffb3}.rail-n,.rail-t{display:none}.step{padding:calc(var(--header-h) + 3rem) 10px var(--cap-bottom);align-items:flex-end}.step .copy{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040810c2;border-radius:18px;width:100%;max-width:30rem;margin-inline-start:auto;margin-inline-end:auto;padding:.85rem 1.1rem 1rem}.step-long{align-items:flex-end}.step-long .copy{top:auto;bottom:var(--cap-bottom);margin-top:0}.scroll-cue{display:none}.step:not(.hero):not(.outro) .copy{grid-template-columns:1fr auto;display:grid}.count{grid-area:1/2;gap:.3rem;margin:0;font-size:.74rem;line-height:1.5rem}.count b{font-size:.95rem;line-height:inherit}html[lang^=en] .count b{font-weight:400}.count+h2{grid-area:1/1/auto/-1}.step .body{grid-column:1/-1}.layer-name{margin-bottom:.1rem;font-size:.82rem;line-height:1.5rem}html[lang^=en] .layer-name{letter-spacing:.3em;margin-bottom:.3rem;font-size:.64rem}.step h2{margin-bottom:.35rem;font-size:1.3rem;line-height:1.55}html[lang^=en] .step h2{font-size:1.45rem;line-height:1.2}.step .body{font-size:.9rem;line-height:1.85}html[lang^=en] .step .body{font-size:.88rem;line-height:1.6}.hero-eyebrow{margin-bottom:.2rem;font-size:.82rem}html[lang^=en] .hero-eyebrow{letter-spacing:.24em;margin-bottom:.6rem;font-size:.6rem}.hero h1{margin-bottom:.7rem;font-size:2rem}html[lang^=en] .hero h1{font-size:1.85rem}.hero h1 small{margin-top:.2rem;font-size:.95rem}html[lang^=en] .hero h1 small{margin-top:.6rem;font-size:.68rem}.crumbs{gap:0 1rem;margin-bottom:.9rem;font-size:.78rem;line-height:1.8}.crumbs li,html[lang^=en] .crumbs li{background:0 0;border:0;align-items:center;gap:.45rem;padding:0;display:flex}.crumbs li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:4px;height:4px}html[lang^=en] .crumbs{font-size:.6rem}.hero-actions{gap:.4rem 1.4rem}.hero-actions .link-more{min-height:44px}.outro .eyebrow{font-size:.82rem}html[lang^=en] .outro .eyebrow{font-size:.62rem}.outro h2{margin-top:.2rem}.outro .check-list{gap:.2rem;margin-top:.6rem;font-size:.86rem;line-height:1.7}html[lang^=en] .outro .check-list{font-size:.84rem;line-height:1.5}.outro .check-list li{padding-inline-start:1.6rem}.outro .check-list li:before{background-size:.7rem;width:1rem;height:1rem;top:.3em}html[lang^=en] .outro .check-list li:before{top:.15em}.outro .btn{margin-top:.9rem}.outro{padding-bottom:calc(var(--cap-bottom) + 2rem)}.home-content{box-shadow:0 -24px 48px 4px var(--bg)}.hud{z-index:0;inset-block:auto var(--cap-bottom);width:auto;max-width:30rem;margin-inline-start:auto;margin-inline-end:auto;left:10px;right:10px}.hud-card{inset-block:auto calc(var(--dock,11rem) + .5rem);border-radius:14px;padding:.65rem .95rem .75rem}.hud-title{margin-bottom:.2rem;font-size:.72rem}.hud-big{margin-bottom:.5rem;font-size:.92rem}.legend:not([hidden]){grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;display:grid}.legend .hud-title,.legend .ramp{margin:0}.legend ul{grid-column:1/-1;gap:0 1.4rem;margin-top:.35rem;font-size:.8rem}.live dl{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0 .8rem}.live dt{font-size:.66rem}.live dd b{font-size:1.05rem}.tag[data-tag=slab],.tag[data-tag=duct]{display:none}.tag-line{height:22px}.tag-card{border-radius:8px;padding:.3rem .6rem;font-size:.62rem;line-height:1.55;bottom:26px}.tag-card b{font-size:.68rem}.tag-card span+span{display:none}.tag[data-tag=column] .tag-card{transform:translate(-28%)}.tag[data-tag=chiller] .tag-line{display:none}.tag[data-tag=chiller] .tag-card{top:10px;bottom:auto}.story-note{bottom:calc(.6rem + env(safe-area-inset-bottom));text-shadow:0 1px 3px #03050a;background:0 0;border:0;margin-inline-start:auto;margin-inline-end:auto;padding:0;font-size:.62rem;left:0;right:0}}@media (max-width:759px) and (max-height:700px) and (orientation:portrait),(max-width:759px) and (min-height:501px) and (max-height:700px){.step .copy{padding-block-start:.75rem;padding-block-end:.85rem}.step h2{font-size:1.2rem}.step .body{font-size:.86rem;line-height:1.75}html[lang^=en] .step .body{font-size:.84rem;line-height:1.55}.outro .check-list{gap:0;font-size:.82rem}.tag-card span,.tag[data-tag=glass]{display:none}}@media (orientation:landscape) and (max-height:500px){:root{--header-h:60px;--edge:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--col:min(46vw, 25rem);--stage:calc(100% - 2 * var(--edge) - var(--col) - 1.5rem);--cap-bottom:calc(.5rem + env(safe-area-inset-bottom))}.story-note{left:var(--edge);right:var(--edge);width:var(--stage);text-align:center;margin:0;margin-inline-start:auto}.step{padding:calc(var(--header-h) + .5rem) var(--edge) var(--cap-bottom)}.step .copy{width:var(--col);max-width:none;margin-inline-start:0;margin-inline-end:0}.hud{left:var(--edge);right:var(--edge);width:var(--col);max-width:none;margin:0;margin-inline-end:auto}.hud-card{padding-block-start:.55rem;padding-block-end:.6rem}.step h2{font-size:1.2rem}html[lang^=en] .step h2{font-size:1.3rem}.step .body{font-size:.86rem;line-height:1.75}html[lang^=en] .step .body{font-size:.84rem;line-height:1.55}.hero .copy{width:min(54vw,30rem)}.hero h1,html[lang^=en] .hero h1{font-size:1.75rem}html[lang^=en] .hero-eyebrow,html[lang^=en] .hero h1 small{margin-block-start:.3rem;margin-block-end:.3rem}html[lang^=en] .hero h1 small,html[lang^=en] .crumbs{letter-spacing:.06em}.hero-actions{gap:0 1.25rem}.outro{padding-bottom:calc(var(--cap-bottom) + .5rem)}.outro .copy{grid-template:auto auto 1fr auto/1.1fr 1fr;align-items:start;gap:0 1.25rem;width:min(72vw,40rem);display:grid}.outro .eyebrow{grid-area:1/1}.outro h2{grid-area:2/1}.outro .body{grid-area:3/1}.outro .check-list{grid-area:1/2/span 3;margin:0}.outro .btn{grid-area:4/1/auto/-1;justify-self:start}.outro h2,html[lang^=en] .outro h2{font-size:1.15rem}.outro .body{font-size:.8rem;line-height:1.7}html[lang^=en] .outro .body{font-size:.8rem;line-height:1.5}.outro .check-list,html[lang^=en] .outro .check-list{font-size:.78rem;line-height:1.5}.tag-card span,.tag[data-tag=glass]{display:none}}@media (prefers-reduced-motion:reduce){.mouse:after,.pulse{animation:none}#scene{transition:none}}
