.dream-home-root{overflow-x:clip;width:100%;max-width:100vw;--mac:var(--accent-teal);--pc:var(--accent-amber-text);--api:var(--accent-red);--accent:var(--accent-purple);--accent2:var(--accent-teal);font-size:15px;line-height:1.6;min-height:100%}.dream-home-platform-tabs-wrap{position:sticky;top:3.5rem;z-index:40;background:var(--background);padding-top:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.dream-home-network-divider{height:1px;background:var(--border);margin:0 auto;max-width:min(100%,42rem)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.dream-home-root .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0,color-mix(in srgb,var(--accent-purple) 10%,transparent) 0,transparent 70%);pointer-events:none}.dream-home-root .hero-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;position:relative}.dream-home-root .bottom-cta{text-align:center;padding:3.5rem 1.5rem 5rem;border-top:1px solid var(--border);background:var(--surface)}.dream-home-root .bottom-cta h2{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.75rem;color:var(--foreground)}.dream-home-root .bottom-cta p{font-size:.9375rem;color:var(--muted);max-width:28rem;margin:0 auto 1.75rem;line-height:1.65}.dream-home-root .cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--foreground);color:var(--background);font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;border-radius:.375rem;text-decoration:none;transition:opacity .2s}.dream-home-root .cta-btn:hover{opacity:.9}.card{background:var(--background);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.card-sub{font-size:.875rem;color:var(--muted);margin-bottom:1rem}.calc-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.calc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.calc-title{font-size:1rem;font-weight:600;color:var(--foreground)}.calc-subtitle{font-size:.875rem;color:var(--muted);margin-top:.25rem}.kwh-input-row{display:flex;align-items:center;gap:.75rem;background:var(--background);border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem;flex-shrink:0}.kwh-label{font-size:.75rem;color:var(--muted);font-weight:500;white-space:nowrap}.kwh-slider{-webkit-appearance:none;width:130px;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.kwh-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-teal);cursor:pointer}.kwh-value{font-size:.875rem;font-weight:600;color:var(--accent-teal);min-width:4.5rem;text-align:right;font-variant-numeric:tabular-nums}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.result-box{border-radius:.5rem;padding:1rem;text-align:center;border:1px solid var(--border);background:var(--background)}.result-box.mac{border-color:color-mix(in srgb,var(--accent-teal) 45%,var(--border));background:color-mix(in srgb,var(--accent-teal) 8%,var(--background))}.result-box.pc{border-color:color-mix(in srgb,var(--accent-amber-text) 45%,var(--border));background:color-mix(in srgb,var(--accent-amber-text) 8%,var(--background))}.result-box.api{border-color:color-mix(in srgb,var(--accent-red) 45%,var(--border));background:color-mix(in srgb,var(--accent-red) 8%,var(--background))}.result-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.375rem}.result-value{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.result-value.mac{color:var(--accent-teal)}.result-value.pc{color:var(--accent-amber-text)}.result-value.api{color:var(--accent-red)}.result-unit{font-size:.8125rem;color:var(--muted);margin-top:.25rem}.result-kwh{font-size:.75rem;color:var(--muted2);margin-top:.25rem;font-variant-numeric:tabular-nums}.bar-chart-wrap{margin-bottom:1.25rem}.bar-chart-title{font-size:.9375rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.bar-chart-sub{font-size:.875rem;color:var(--muted);margin-bottom:1rem}.bars-container{display:flex;align-items:flex-end;gap:2.5rem;height:180px;padding:0 2rem;border-bottom:1px solid var(--border);position:relative}.bars-container:after,.bars-container:before{content:"";position:absolute;left:0;right:0;border-top:1px dashed color-mix(in srgb,var(--border) 90%,transparent);pointer-events:none}.bars-container:before{top:0}.bars-container:after{top:50%}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar-val{font-size:.8125rem;font-weight:600;margin-bottom:.375rem;font-variant-numeric:tabular-nums}.bar{width:100%;max-width:5rem;border-radius:.375rem .375rem 0 0;transition:height .5s cubic-bezier(.4,0,.2,1)}.bar.mac{background:var(--accent-teal)}.bar.pc{background:var(--accent-amber-text)}.bar-lbl{font-size:.8125rem;font-weight:500;color:var(--muted);text-align:center;margin-top:.5rem}.hbar-section{margin-bottom:1.25rem}.hbar-title{font-size:.9375rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.hbar-sub{font-size:.875rem;color:var(--muted);margin-bottom:1rem}.hbar-chart{display:flex;flex-direction:column;gap:.875rem}.hbar-row{display:flex;align-items:center;gap:.75rem}.hbar-label{width:5.5rem;font-size:.8125rem;font-weight:500;color:var(--muted);text-align:right;flex-shrink:0}.hbar-track{flex:1;height:1.75rem;background:var(--surface2);border-radius:.375rem;overflow:hidden}.hbar-fill{height:100%;border-radius:.375rem;display:flex;align-items:center;padding-left:.625rem;font-size:.6875rem;font-weight:600;transition:width .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-variant-numeric:tabular-nums}.hbar-fill.mac{background:color-mix(in srgb,var(--accent-teal) 55%,var(--surface));color:var(--foreground)}.hbar-fill.pc{background:color-mix(in srgb,var(--accent-amber-text) 55%,var(--surface));color:var(--foreground)}.hbar-fill.api{background:color-mix(in srgb,var(--accent-red) 55%,var(--surface));color:var(--foreground)}.hbar-aside{font-size:.8125rem;font-weight:600;white-space:nowrap;width:7.5rem;font-variant-numeric:tabular-nums}.breakeven-section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.breakeven-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.breakeven-title{font-size:.9375rem;font-weight:600;color:var(--foreground)}.breakeven-sub{font-size:.875rem;color:var(--muted);margin-top:.125rem}.breakeven-legend{display:flex;gap:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--muted)}.legend-dot{width:.5rem;height:.5rem;border-radius:50%}.info-box{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:.75rem}.info-box.highlight{border-color:color-mix(in srgb,var(--accent-teal) 40%,var(--border));background:color-mix(in srgb,var(--accent-teal) 6%,var(--background))}.info-title{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.info-text{font-size:.875rem;color:var(--muted);line-height:1.6}.info-num{font-weight:600;color:var(--foreground);font-variant-numeric:tabular-nums}.dream-list{margin-top:.75rem;padding-left:1.125rem;font-size:.875rem;color:var(--muted);line-height:1.65}.network-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:2rem 1.5rem;margin-bottom:1rem}.network-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;margin-bottom:2rem}.boss-node{background:var(--background);border:2px solid var(--accent-purple);border-radius:.875rem;padding:1.25rem 1.75rem;text-align:center;max-width:24rem;margin:0 auto .5rem}.boss-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-purple);margin-bottom:.375rem}.boss-name{font-size:1.125rem;font-weight:600;color:var(--foreground);letter-spacing:-.02em}.boss-spec{font-size:.8125rem;color:var(--muted);margin-top:.25rem}.boss-chip{display:inline-block;background:var(--accent-purple-bg);border:1px solid color-mix(in srgb,var(--accent-purple) 35%,var(--border));border-radius:.375rem;font-size:.625rem;font-weight:600;padding:.125rem .5rem;color:var(--accent-purple);margin:.25rem .125rem 0}.connector{display:flex;flex-direction:column;align-items:center}.conn-line{width:2px;height:1rem;background:linear-gradient(to bottom,var(--accent-purple),var(--accent-teal));opacity:.45}.conn-hub{background:var(--background);border:1px solid var(--border);border-radius:9999px;padding:.25rem .875rem;font-size:.625rem;color:var(--muted);white-space:nowrap}.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.625rem;margin-top:0}.mini-node{background:var(--background);border:1px solid var(--border);border-radius:.5rem;padding:.75rem .625rem;text-align:center}.mini-node.hl{border-color:color-mix(in srgb,var(--accent-teal) 45%,var(--border));background:color-mix(in srgb,var(--accent-teal) 6%,var(--background))}.mini-dept{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-teal);margin-bottom:.25rem}.mini-name{font-size:.8125rem;font-weight:600;color:var(--foreground)}.mini-spec{font-size:.6875rem;color:var(--muted);margin-top:.1875rem}.mini-model{font-size:.625rem;color:var(--muted2);margin-top:.125rem}.conn-vert{width:2px;height:1rem;background:var(--accent-teal);opacity:.35;margin:0 auto}.dream-footnote{margin-top:.625rem;line-height:1.5}.dream-footnote,.dream-region-hint{font-size:.75rem;color:var(--muted2)}.dream-region-hint{margin-bottom:1.25rem}.dream-hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}@media (max-width:640px){.result-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:repeat(2,1fr)}.bars-container{gap:1.25rem;padding:0 .625rem}.bar-chart-wrap,.hbar-chart,.hbar-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.hbar-row{min-width:18rem}.hbar-aside{width:5.5rem;font-size:.6875rem}.kwh-input-row{flex-wrap:wrap}.dream-hardware-grid{grid-template-columns:1fr}.bar-lbl{font-size:.625rem}}