.app{--cream:#faf8f4;--ink:#1a1814;--ink-muted:#7a7570;--brass:#b08d57;--brass-light:#d4b483;--sage:#8a9b7a;--border:#e0dbd2;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--c0:#8a9b7a;--c1:#b5a07a;--c2:#c9a55a;--c3:#c87137;--c4:#c0602b;--c5:#b03020}html{height:100%}body.sim{background:#111009;color:#faf8f4;font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden;height:100%}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;padding-top:76px}header{height:62px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;background:#111009}.logo{font-family:var(--serif);color:#faf8f4eb;letter-spacing:.01em;line-height:1;display:flex;flex-direction:column;gap:1px}.logo-main{font-size:28px;font-weight:400;font-style:italic;line-height:1}.logo-sub{font-size:11px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:#faf8f452;font-family:var(--sans);font-style:normal}.hdr-right{display:flex;align-items:center;gap:12px}.hdr-cta{display:inline-flex;align-items:center;padding:8px 18px;background:#faf8f4e6;color:#111009;font-size:11px;font-weight:400;border-radius:100px;border:none;cursor:pointer;text-decoration:none;letter-spacing:.01em;transition:background .2s}.hdr-cta:hover{background:#fff}.hdr-back{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#faf8f44d;text-decoration:none;transition:color .2s}.hdr-back:hover{color:#faf8f4a6}.tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;background:#0d0c09;padding:0 28px}.tab{padding:11px 20px;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#faf8f44d;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-family:var(--sans)}.tab:hover{color:#faf8f4a6}.tab.active{color:var(--brass-light);border-bottom-color:var(--brass)}.panel{display:none;flex:1;min-height:0;overflow:hidden}.panel.active{display:flex}.live-panel{flex:1;position:relative;background:#0a0908;overflow:hidden;display:flex;flex-direction:column}.scenario-card{position:absolute;top:0;left:0;right:0;z-index:20;padding:28px 40px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.sc-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);opacity:.8;margin-bottom:6px;transition:opacity .5s}.sc-title{font-family:var(--serif);font-size:clamp(22px,3vw,36px);font-weight:300;line-height:1.15;color:#faf8f4eb;transition:opacity .5s}.sc-title em{font-style:italic;color:var(--brass-light)}.sc-right{text-align:right}.sc-time{font-family:var(--serif);font-size:48px;font-weight:300;color:#faf8f433;line-height:1;transition:color 1s}.co2-hero{position:absolute;bottom:0;left:0;right:0;z-index:20;padding:24px 40px 72px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%)}.co2-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#faf8f44d;margin-bottom:4px}.co2-value{font-family:var(--serif);font-size:clamp(52px,8vw,96px);font-weight:300;line-height:1;transition:color 1.5s}.co2-unit-txt{font-size:clamp(18px,2vw,28px);color:#faf8f44d;margin-left:6px;font-family:var(--serif)}.co2-status{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;transition:color 1.5s}.co2-right{text-align:right;padding-bottom:8px}.co2-insight{font-family:var(--serif);font-size:clamp(13px,1.4vw,17px);font-style:italic;color:#faf8f473;max-width:340px;line-height:1.6;text-align:right;transition:opacity .8s}.metrics-strip{position:absolute;bottom:0;left:0;right:0;z-index:25;display:flex;gap:0;border-top:1px solid rgba(255,255,255,.06);background:#0a0908d9;backdrop-filter:blur(8px)}.mstrip-item{flex:1;padding:10px 16px;border-right:1px solid rgba(255,255,255,.05)}.mstrip-item:last-child{border-right:none}.mstrip-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#faf8f440;margin-bottom:3px}.mstrip-value{font-family:var(--serif);font-size:18px;font-weight:300;color:#faf8f4cc;transition:color 1s}.live-svg-wrap{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:80px 40px 100px}#liveSvg{width:100%;height:100%;max-width:900px}.scenario-dots{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:30}.sdot{width:6px;height:6px;border-radius:50%;background:#ffffff2e;transition:all .4s;cursor:pointer}.sdot.active{background:var(--brass);width:20px;border-radius:3px}.scene-fade{position:absolute;inset:0;background:#0a0908;z-index:15;opacity:0;pointer-events:none;transition:opacity .6s}.scene-fade.in{opacity:1}.progress-bar{position:absolute;top:0;left:0;height:2px;background:var(--brass);z-index:30;transition:width .1s linear;opacity:.6}.sim-panel{flex:1;min-height:0;display:grid;grid-template-columns:1fr 420px;overflow:hidden}.canvas{padding:16px 24px 12px;display:flex;flex-direction:column;gap:12px;border-right:1px solid rgba(255,255,255,.05);overflow-y:auto}.slabel{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#faf8f46b;margin-bottom:4px}.room-wrap{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:1;min-height:0}#roomSvg{width:100%;max-width:910px;max-height:455px;height:auto;filter:drop-shadow(0 0 28px rgba(0,0,0,.55))}.tip{position:absolute;top:55%;left:68%;background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:.06em;padding:6px 12px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.tip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--ink);border-bottom:none}.leg-strip{display:flex;height:3px;border-radius:2px;overflow:hidden;margin-top:6px}.leg-seg{flex:1}.leg-labels{display:flex;justify-content:space-between;margin-top:5px}.leg-l{font-size:9px;color:#faf8f42e;letter-spacing:.05em}.time-row{display:flex;align-items:center;gap:14px}.time-disp{font-family:var(--serif);font-size:26px;font-weight:300;color:#faf8f4e6;min-width:88px;flex-shrink:0}.time-ap{font-size:12px;color:#faf8f44d;letter-spacing:.1em}.scrub-wrap{flex:1}input[type=range].scrub{-webkit-appearance:none;width:100%;height:2px;background:#ffffff14;outline:none;cursor:pointer;display:block}input[type=range].scrub::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brass);cursor:pointer;border:2px solid #111009;box-shadow:0 0 0 1px var(--brass)}.tick-row{display:flex;justify-content:space-between;margin-top:7px}.tick{font-size:9px;color:#faf8f42e;letter-spacing:.05em}.play-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:#faf8f4a6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:all .2s}.play-btn:hover{border-color:var(--brass);color:var(--brass)}.play-btn.playing{background:var(--brass);border-color:var(--brass);color:#111009}.chart-wrap{height:72px;flex-shrink:0}.chart-svg{width:100%;height:100%}.controls{display:flex;flex-direction:column;overflow-y:auto;background:#ffffff04;position:relative;-webkit-overflow-scrolling:touch}.metrics{padding:16px 26px 14px;border-bottom:1px solid rgba(255,255,255,.05);height:auto;min-height:0;overflow:visible;flex-shrink:0}.co2-num{font-family:var(--serif);font-size:clamp(28px,3.5vh,48px);font-weight:300;line-height:1;transition:color 1s;margin-bottom:2px}.co2-unit{font-size:20px;color:#faf8f447;font-family:var(--serif)}.co2-st{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;transition:color 1s}.mrow{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-top:1px solid rgba(255,255,255,.04)}.mname{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#faf8f473}.mval{font-family:var(--serif);font-size:17px;font-weight:300;color:#faf8f4e0;transition:color .8s}.mval.good{color:var(--c0)}.mval.warn{color:var(--c3)}.mval.bad{color:var(--c5)}.sat-bar{margin-top:6px}.sat-top{display:flex;justify-content:space-between;font-size:12px;color:#faf8f46b;margin-bottom:6px}.sat-track{height:2px;background:#ffffff0d;border-radius:1px;overflow:hidden}.sat-fill{height:100%;border-radius:1px;transition:width 1.2s,background 1.2s}.insight{margin-top:6px;padding:8px 12px;border-left:2px solid var(--brass);background:#b08d570a}.insight-txt{font-family:var(--serif);font-size:14px;font-style:italic;color:#faf8f49e;line-height:1.5}.plant-badge{display:none;align-items:center;gap:6px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--sage);border:1px solid rgba(138,155,122,.22);padding:4px 10px;margin-top:8px;width:fit-content}.csec{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.04)}.ctitle{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#faf8f473;margin-bottom:12px}.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.size-btn{padding:12px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#faf8f499;font-family:var(--sans);font-size:13px;font-weight:300;cursor:pointer;text-align:left;transition:all .2s}.size-btn:hover{border-color:#fff3;color:#faf8f4bf}.size-btn.active{border-color:var(--brass);color:var(--cream);background:#b08d5714}.size-btn .sqft{font-family:var(--serif);font-size:22px;font-weight:300;display:block;margin-bottom:2px}.size-btn.active .sqft{color:var(--brass-light)}.person-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.person-lbl{font-size:14px;color:#faf8f499}.person-tog{display:flex;gap:6px}.pbtn{padding:7px 12px;border:1px solid rgba(255,255,255,.09);background:transparent;color:#faf8f461;font-size:12px;cursor:pointer;border-radius:2px;transition:all .2s;font-family:var(--sans)}.pbtn:hover{border-color:#ffffff38;color:#faf8f4bf}.pbtn.active{border-color:var(--brass);color:var(--cream);background:#b08d571a}.trow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer}.trow:last-child{border-bottom:none}.tinfo{flex:1}.tname{font-size:15px;color:#faf8f4e0;margin-bottom:3px}.tdesc{font-size:12px;color:#faf8f473;line-height:1.5}.tsw{width:40px;height:22px;border-radius:11px;background:#ffffff12;position:relative;flex-shrink:0;margin-left:14px;transition:background .3s;cursor:pointer;border:none}.tsw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ffffff45;transition:transform .3s,background .3s}.tsw.on{background:var(--brass)}.tsw.on:after{transform:translate(18px);background:#fff}.occ-ctrl{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:12px}.obtn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#faf8f48c;font-size:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.obtn:hover{border-color:var(--brass);color:var(--brass)}.ocount{font-family:var(--serif);font-size:20px;font-weight:300;color:#faf8f4d9;min-width:18px;text-align:center}.pothos-row{display:flex;gap:5px;flex-wrap:wrap;min-height:20px;padding:5px 0 2px}.ppip{font-size:14px;opacity:0;transform:scale(.5);animation:popIn .2s ease forwards}@keyframes popIn{to{opacity:1;transform:scale(1)}}.aera-cta-row{padding:16px 22px}.aera-cta-btn{width:100%;padding:14px;background:#b08d571a;border:1px solid rgba(176,141,87,.28);color:var(--brass-light);font-family:var(--sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s}.aera-cta-btn:hover{background:#b08d5733}.overlay{position:fixed;inset:0;background:#00000080;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}.overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;right:0;top:0;bottom:0;width:400px;background:#faf8f4;z-index:301;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.dhead{padding:22px 26px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.dclose{width:30px;height:30px;border:none;background:none;cursor:pointer;color:var(--ink-muted);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.dclose:hover{color:var(--ink)}.deyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}.dtitle{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--ink);line-height:1.1;margin-bottom:4px}.dtitle em{font-style:italic}.dtagline{font-size:13px;color:var(--ink-muted);line-height:1.6;margin-bottom:12px}.dbody{padding:20px 26px;overflow-y:auto;flex:1}.dsec-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:20px 0 8px;padding-top:18px;border-top:1px solid var(--border)}.dsec-title:first-child{margin-top:0;padding-top:0;border-top:none}.spec-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--border)}.spec-n{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted)}.spec-v{font-family:var(--serif);font-size:15px;font-weight:400;color:var(--ink);text-align:right;max-width:58%;line-height:1.35}.ddesc{font-size:13px;color:#3d3a34;line-height:1.75;margin-bottom:12px}.mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:2px;margin-top:10px;transition:all .3s}.mode-badge.off{color:var(--ink-muted);border:1px solid var(--border)}.mode-badge.on{color:#5a7a50;border:1px solid rgba(90,122,80,.3);background:#5a7a500f}.mode-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dcta{display:block;width:100%;padding:13px;background:var(--ink);color:#faf8f4;font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:background .2s;margin-top:8px}.dcta:hover{background:var(--brass)}.dcta-out{display:block;width:100%;padding:11px;background:transparent;color:var(--ink);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;border:1px solid var(--border);cursor:pointer;transition:all .2s;margin-top:8px}.dcta-out:hover{border-color:var(--ink)}@media (max-width:860px){html,body.sim{overflow:auto;height:auto}.app{height:auto;min-height:100vh;overflow:visible}header{padding:0 16px;height:54px}.logo-main{font-size:22px}.logo-sub{font-size:9px}.hdr-back{display:none}.tabs{padding:0 12px}.tab{padding:10px 14px;font-size:10px}.panel{flex-direction:column;height:auto;overflow:visible}.panel.active{display:flex;flex-direction:column}.live-panel{min-height:100svh;overflow:visible}.live-svg-wrap{padding:70px 16px 110px}.scenario-card{padding:16px 20px}.scenario-card .sc-title{font-size:22px}.sc-time{font-size:32px}.co2-hero{padding:12px 20px;flex-direction:column;gap:8px;align-items:flex-start}.co2-value{font-size:52px}.co2-insight{text-align:left;max-width:100%;font-size:13px}.metrics-strip{flex-wrap:wrap}.metrics-strip .mstrip-item{flex:0 0 50%;padding:8px 14px}.metrics-strip .mstrip-item:nth-child(n+5){display:none}.mstrip-value{font-size:16px}.scenario-dots{bottom:70px}.sim-panel{grid-template-columns:1fr;height:auto;overflow:visible}.canvas{padding:16px;gap:14px;overflow:visible;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}#roomSvg{max-height:220px}.time-row{gap:10px}.time-disp{font-size:22px;min-width:76px}.play-btn{width:34px;height:34px;font-size:12px}.tick{font-size:8px}.chart-wrap{height:60px}.controls{height:auto;overflow:visible;max-height:none}.metrics{height:auto;padding:16px 18px 12px}.co2-num{font-size:clamp(32px,8vw,52px)}.insight{margin-top:8px;padding:8px 10px}.breath-rate-box{padding:10px 14px;margin-top:10px}.br-number{font-size:34px}.csec{padding:14px 18px}.size-grid{grid-template-columns:1fr 1fr;gap:6px}.size-btn{padding:9px 8px}.aera-cta-row{padding:14px 18px}.drawer{width:100%;border-radius:0}}@media (max-width:400px){.tab{padding:8px 10px;font-size:9px;letter-spacing:.06em}.sc-title{font-size:19px!important}}.breath-rate-box{display:flex;flex-direction:column;align-items:flex-start;padding:14px 20px;border-left:2px solid var(--brass);background:#b08d570a;margin-top:14px}.br-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#faf8f473;margin-bottom:6px}.br-number{font-family:var(--serif);font-size:42px;font-weight:300;line-height:1;transition:color 1.2s}.br-unit{font-size:13px;color:#faf8f44d;margin-left:4px;font-family:var(--serif)}.br-note{font-size:12px;color:#faf8f473;margin-top:6px;line-height:1.5;letter-spacing:.03em}