.product-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}.app-concept{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 16px 45px #07243f0b}.app-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.app-top>span{font-size:.75rem;color:var(--violet);font-weight:700}.app-status{font-size:1.5rem;font-weight:700;margin-bottom:6px}.app-time{font-size:.9375rem;color:var(--muted)}.app-readings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.app-readings>div{background:var(--pale);border-radius:12px;padding:18px}.app-readings span,.app-outdoor span,.action-list span{display:block;font-size:.9375rem;line-height:1.6;color:var(--muted)}.app-readings strong{display:block;font-size:2.1rem;margin:12px 0}.app-readings small{font-size:1rem}.app-outdoor{border-left:3px solid #b48832;padding:12px 16px;background:#fff9ed;margin:24px 0}.app-concept h3{font-size:1.125rem;margin:24px 0 14px}.action-list{list-style:none;padding:0;margin:0}.action-list li{padding:14px 0;border-bottom:1px solid var(--line)}.action-list strong{font-size:1rem}.app-recommendation{padding:18px;background:var(--pale);border-radius:12px;font-size:1rem}.component-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0}.component-key li{padding:22px;border:1px solid var(--line);border-radius:12px}.component-key strong,.component-key span{display:block}.component-key span{margin-top:10px;color:var(--muted);font-size:1rem}.thermal-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0}.thermal-flow li{position:relative;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.thermal-flow li+li:before{content:'→';position:absolute;left:-25px;top:110px;color:var(--violet)}.thermal-symbol{height:125px;font-size:80px;color:var(--violet)}.thermal-tank{height:110px;width:64px;margin:6px 0 9px;border:3px solid #8578eb;border-radius:50% / 12%;background:linear-gradient(#f9e2ce,#ede6ff);padding:22px 10px;display:flex;flex-direction:column;gap:10px}.thermal-tank span{border-top:3px solid #a686b8}.thermal-flow h3{margin-top:16px}.thermal-flow p{font-size:1rem}.thermal-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.benefit-panel{background:var(--pale);border-radius:16px;padding:28px}.benefit-panel h2{font-size:1.8rem}.benefit-panel li{margin-bottom:14px}.privacy-copy h2{font-size:1.75rem;margin-top:42px}.privacy-copy h2:first-child{margin-top:0}.scenario-metrics>div{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.scenario-projections .scenario-metrics{margin-inline:auto}.tariff-explanation{margin-top:36px;background:white;padding:28px;border:1px solid var(--line);border-radius:16px}.tariff-explanation p:last-child{margin-bottom:0}.scenario-table{min-width:1120px}.scenario-table th,.scenario-table td{white-space:nowrap}
@media(max-width:850px){.product-split{grid-template-columns:1fr}.component-key{grid-template-columns:1fr 1fr}.thermal-flow{grid-template-columns:1fr}.thermal-flow li+li:before{content:'↓';top:-30px;left:50%}.thermal-notes{grid-template-columns:1fr}.app-concept{max-width:640px;width:100%;margin-inline:auto}}
@media(max-width:480px){.component-key{grid-template-columns:1fr}.app-concept{padding:20px}.app-readings{gap:10px}.app-readings>div{padding:13px}.app-readings strong{font-size:1.7rem}.app-top{flex-wrap:wrap}.tariff-explanation{padding:22px}}

/* Responsive illustrated system concepts. */
.topic-hero.diagram-hero{display:block}.diagram-hero>div{max-width:780px;margin-bottom:42px}.diagram-hero .system-diagram{width:100%;max-width:1100px;margin-inline:auto}.system-diagram picture,.system-diagram picture img{display:block;width:100%;height:auto}.system-diagram figcaption{background:white}.system-diagram figcaption .text-link{display:inline-flex;margin-top:18px;font-size:1rem}.air-readings>div{min-width:0}.air-readings>div:last-child{grid-column:1/-1}.air-readings span{font-size:.875rem}.partner-sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.partner-sector{background:white;border:1px solid var(--line);border-radius:18px;padding:32px}.partner-sector h3{font-size:1.55rem;line-height:1.25}.partner-sector h4{font-size:1.05rem;margin:26px 0 8px}.partner-sector p{font-size:1rem;line-height:1.7}.partner-sector .sector-lead{font-size:1.125rem;color:var(--navy);font-weight:600}.partner-next{margin-top:26px;background:var(--pale);border-radius:12px;padding:20px}.partner-next strong{font-size:.9375rem;color:var(--violet)}.partner-next p{margin:8px 0 0}
@media(max-width:700px){.partner-sectors{grid-template-columns:1fr}.partner-sector{padding:25px}.diagram-hero>div{margin-bottom:28px}.air-readings strong{font-size:1.65rem}}

.concept-figure>picture,.model-illustration>picture,.example-explanation>picture{display:block;min-width:0}.concept-figure>picture img,.model-illustration>picture img,.example-explanation>picture img{display:block;width:100%;height:auto}.example-explanation:has(picture){grid-template-columns:1.15fr 1fr}.example-explanation:has(picture) .example-flow{grid-template-columns:1fr}
@media(max-width:850px){.example-explanation:has(picture){grid-template-columns:1fr}}
img[src$="-detailed.svg"]{object-fit:contain!important;background:var(--pale)}

/* Refined imagery and compact forms. */
img[src$="-realistic.svg"]{object-fit:contain!important;background:#f7f8fa}.icon-tile,.step-icon{background:transparent!important;border-radius:4px!important;box-shadow:none!important;color:#607188!important}.icon{stroke-width:1.4}.thermal-symbol{font-size:0!important;background-image:url('technical-equipment-atlas-v2.webp');background-repeat:no-repeat;background-size:400% 500%;width:150px;height:150px}.thermal-flow li:nth-child(1) .thermal-symbol{background-position:66.6667% 25%}.thermal-flow li:nth-child(3) .thermal-symbol{background-position:100% 75%}.thermal-tank{border:0;padding:0;border-radius:0;width:150px;height:150px;background:transparent url('technical-equipment-atlas-v2.webp') no-repeat 0% 50%/400% 500%}.thermal-tank span{display:none}
.interest-field input,.interest-field select,.planner-field input,.planner-field select,.scenario-field input,.scenario-field select{min-height:42px;height:42px;padding:8px 11px;line-height:1.35;border-radius:5px}.interest-field textarea,.planner-field textarea,.scenario-field textarea{min-height:90px;padding:9px 11px;line-height:1.4;border-radius:5px}.interest-field{margin-bottom:16px}.interest-field label,.planner-field label{margin-bottom:6px}.planner-fields{gap:18px}.planner-checks label{padding:10px 12px}.interest-form{padding:24px}.interest-field small{margin-top:5px}.interest-consent{margin:18px 0}
@media(max-width:680px){.interest-field input,.interest-field select,.planner-field input,.planner-field select,.scenario-field input,.scenario-field select{min-height:44px;height:44px}}
/* Unframed equipment drawings and switchable system options. */
.icon-tile,.step-icon{border:0!important;background:none!important;box-shadow:none!important}.topic-setup,.concept-figure,.model-illustration{border:0!important;background:transparent!important;box-shadow:none!important}.topic-setup figcaption,.concept-figure figcaption{background:transparent!important}.system-diagram picture,.system-diagram picture img,.resource-illustration,.concept-figure img,.model-illustration img,img[src$="-realistic.svg"],img[src$="-refined.svg"]{background:transparent!important;object-fit:contain!important}.diagram-hero .hvac-options{max-width:none;margin-bottom:0}.hvac-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px}.hvac-tabs button{background:transparent;color:var(--muted);border:0;border-bottom:3px solid transparent;padding:14px 18px;min-height:48px;font-size:1rem;font-weight:600}.hvac-tabs [aria-selected="true"]{color:var(--violet);border-bottom-color:var(--violet)}.hvac-options [role="tabpanel"]{outline-offset:5px}.monitor-example{padding:30px;border:1px solid var(--line);border-radius:14px;background:white}.monitor-reading{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:16px}.monitor-note{color:var(--violet);font-size:.9375rem;margin-bottom:0}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.monitor-grid article{border-top:1px solid #bac5d2;padding-top:26px}.monitor-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;padding:0}.monitor-flow>li{border-top:2px solid #c4badf;padding-top:24px}.monitor-flow>li>span{font-size:.875rem;color:var(--violet)}.monitor-flow h3{margin-top:18px}.scenario-preset{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.scenario-preset p{margin-top:12px}.total-comparison{margin-top:44px;padding-top:32px;border-top:1px solid #c1c7d7}.total-comparison>p{max-width:80ch}.total-comparison .scenario-metrics strong{font-size:2.1rem}.total-comparison small{line-height:1.6;color:var(--muted)}
@media(max-width:800px){.monitor-flow{grid-template-columns:1fr 1fr}.monitor-grid{grid-template-columns:1fr}.total-comparison .scenario-metrics{grid-template-columns:1fr}}
@media(max-width:480px){.hvac-tabs{display:grid;grid-template-columns:1fr}.hvac-tabs button{text-align:left}.monitor-flow{grid-template-columns:1fr}.monitor-example{padding:22px}.monitor-reading{flex-direction:column;gap:8px}}

.thermal-flow li{background:transparent;border:0;border-radius:0;padding:24px 12px}.thermal-equipment{display:block;width:180px;height:150px;object-fit:contain;margin-top:14px;background:transparent}
/* Clear consumer paths, illustrated topics and realistic phone concepts. */
.topic-card .resource-illustration{height:220px!important;object-fit:contain!important;padding:20px 26px!important}.topic-card{grid-template-columns:1fr!important}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:48px}.start-options article{position:relative;border-top:2px solid #c8bff1;padding:32px 0}.start-options h2{font-size:2rem}.start-options .step-number{position:static;display:block;margin-bottom:25px}.start-options .button{margin-top:16px}.join-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}.join-reasons h2{font-size:1.25rem;line-height:1.35;margin-top:14px}.join-reasons p{font-size:1rem;line-height:1.65}.join-reasons article>span{color:var(--violet);font-size:.875rem}.join-assurance{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;font-size:1rem;color:var(--muted)}
.partner-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.partner-tabs button{background:white;border:1px solid #c6c0db;border-radius:8px;min-height:46px;padding:12px 18px;color:var(--navy);font:inherit;font-size:1rem}.partner-tabs button[aria-selected=true]{background:var(--violet);border-color:var(--violet);color:white}.partner-options .partner-sector{max-width:880px;margin-inline:auto;padding:36px}.partner-options [hidden]{display:none}.partner-options .partner-sector h3{font-size:1.75rem}.partner-options .partner-sector h4{margin-top:28px}
.phone-concept{margin:0;width:100%;max-width:410px;justify-self:center}.phone-frame{border:9px solid #26364b;border-radius:44px;background:#f4f5f9;padding:0;box-shadow:0 14px 36px #0d24421f;overflow:hidden}.phone-screen.app-concept,.phone-screen.monitor-example{width:100%;border:0;border-radius:33px;padding:14px 20px 0;background:#f5f6fa;box-shadow:none;max-height:750px;overflow:auto;scrollbar-width:thin}.phone-status{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 5px 15px;font-size:.75rem;color:#102a41;font-weight:600}.phone-island{width:80px;height:20px;border-radius:20px;background:#26364b}.phone-app-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 0 10px;border-top:1px solid #e2e5ed;font-size:.85rem;color:var(--muted)}.phone-app-heading img{width:115px;height:auto}.phone-screen .app-status{font-size:1.45rem;line-height:1.3;margin-top:20px}.phone-screen p,.phone-screen .action-list span{font-size:.875rem;line-height:1.6}.phone-screen .app-readings{gap:10px;margin-top:22px}.phone-screen .app-readings>div{background:white;padding:13px;border:1px solid #e4e6ed;border-radius:13px}.phone-screen .app-readings strong{font-size:1.6rem;margin:10px 0}.phone-screen .app-readings span{font-size:.75rem}.phone-screen h3{font-size:1rem}.phone-screen .app-outdoor{padding:12px;margin:22px 0}.phone-screen .app-outdoor span{font-size:.8rem}.phone-nav{display:flex;justify-content:space-between;position:sticky;bottom:0;background:#f5f6faf5;border-top:1px solid #dce0e9;padding:18px 3px 22px;font-size:.75rem;margin-top:24px;backdrop-filter:blur(10px)}.phone-nav .active{color:var(--violet);font-weight:700}.phone-concept figcaption{font-size:.8125rem;color:var(--muted);line-height:1.6;padding:18px 10px}.phone-concept figcaption p{margin:0;font-size:inherit}.phone-screen .monitor-reading{padding:15px 0;font-size:.9rem;flex-direction:row}.recovery-chart{height:90px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #d4d9e4;margin-top:22px}.recovery-chart span{flex:1;background:#aea4e5;border-radius:4px 4px 0 0}.recovery-chart span:nth-child(n+4){background:#715cbd}
.example-explanation:has(.schedule-visual){display:block}.schedule-visual{margin-bottom:36px}.schedule-kicker{font-size:.75rem;letter-spacing:.08em;color:var(--violet);font-weight:700}.schedule-visual h4{font-size:1.4rem;margin:10px 0 22px}.schedule-scroll{overflow-x:auto;border:1px solid #d5d9e6;border-radius:10px}.load-grid{width:100%;min-width:650px;border-collapse:collapse;background:white;font-size:.875rem}.load-grid th,.load-grid td{padding:19px 14px;text-align:left;border-right:1px solid #e4e6ee;border-bottom:1px solid #e4e6ee;vertical-align:middle;line-height:1.5}.load-grid thead th{background:#eff0f7;font-weight:600}.load-grid tbody th{font-weight:600;width:21%}.load-grid td.charging{background:#eae4fd;color:#4933a6;font-weight:600}.schedule-visual>.fine{margin-top:16px;max-width:85ch}.example-explanation .example-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.model-overview:has(.model-scope):not(:has(figure)){display:block;max-width:none}.model-scope{max-width:none}.case-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:20px 0 0;margin:0}.case-guide li{border-top:2px solid #c9c0ec;padding-top:18px}.case-guide b,.case-guide span{display:block}.case-guide span{font-size:1rem;color:var(--muted);margin-top:9px}.interest-layout:not(:has(aside)){grid-template-columns:1fr}.scenario-fields:has(fieldset){display:block}.scenario-input-group{border:0;border-top:1px solid #d9dce6;padding:24px 0 0;margin:30px 0}.scenario-input-group legend{font-size:1.15rem;font-weight:650;padding-right:18px;color:var(--navy)}.scenario-input-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.scenario-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scenario-cases article{background:white;border:1px solid #dad6ec;border-radius:16px;padding:28px;text-align:center}.case-letter{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee9fd;color:var(--violet);font-weight:700}.scenario-cases h3{font-size:1.25rem;margin:18px 0 10px}.scenario-cases p{font-size:1rem;line-height:1.7;color:var(--muted)}.scenario-cases strong{display:block;font-size:2.4rem;margin:22px 0 8px}.scenario-cases small{color:var(--muted)}.schedule-explainer{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:32px 0 12px}.schedule-explainer h3{font-size:1.15rem}.schedule-explainer p{font-size:1rem}.comparison-block{padding:32px;background:#fff;border:1px solid #d8d4e7;border-radius:15px;margin-top:30px}.comparison-block .eyebrow{margin-bottom:14px}.comparison-block .scenario-metrics{margin-top:24px}.comparison-block .scenario-metrics>div{background:#f5f3fc;padding:20px 16px}.comparison-block .scenario-metrics strong{font-size:1.9rem}.comparison-block.total-comparison{border-top:3px solid #9d8ade}.scenario-bar.gridOnly{background:#8d99a9}.scenario-bar.baseline{background:#b8aade}.scenario-bar.planned{background:#654acf}.scenario-bar-row{grid-template-columns:155px 1fr 85px}.chart-title{margin-top:46px}
@media(max-width:850px){.start-options,.schedule-explainer{grid-template-columns:1fr}.join-reasons{grid-template-columns:1fr;gap:20px}.join-reasons article{border-top:1px solid var(--line);padding-top:20px}.case-guide{grid-template-columns:1fr;gap:20px}.scenario-input-fields{grid-template-columns:1fr 1fr}.scenario-cases{grid-template-columns:1fr}.scenario-cases article{padding:24px}.scenario-cases strong{margin-top:14px}.example-explanation .example-flow{grid-template-columns:1fr}.phone-concept{max-width:390px}.comparison-block .scenario-metrics{grid-template-columns:1fr}.partner-options .partner-sector{padding:26px}}
@media(max-width:520px){.scenario-input-fields{grid-template-columns:1fr}.partner-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.partner-tabs button{font-size:.875rem;padding:10px}.comparison-block{padding:22px 16px}.scenario-bar-row{grid-template-columns:125px 1fr 65px;gap:8px;font-size:.8125rem}.phone-screen.app-concept,.phone-screen.monitor-example{padding-inline:15px}.phone-frame{border-width:7px}.phone-screen .monitor-reading{flex-direction:column}.topic-card .resource-illustration{height:195px!important}}
.scenario-layout:not(:has(aside)){grid-template-columns:1fr}.scenario-layout:not(:has(aside)) .interest-form{width:100%;max-width:none}