.noFocus{outline:none}.noFocus:focus{outline:none;box-shadow:none}:root{--bar-safety: 1px;--purple:#4e318e;--orange:#ef855c;--light:#fbe8e0;--text:#4e318e;--text-sm:#5c4a9b;--gauge-card-size: 284px;--gauge-radius: 24px;--gauge-pad-top: 16px;--gauge-pad-side: 20px;--gauge-pad-bottom: 14px;--gauge-label-push: 8px;--gauge-scale: .92;--purple: #4C358C;--header-offset: 6px;--ps-gap-title-sub: 2px;--ps-gap-sub-bars: 12px;--ps-gap-between-bars: 8px;--ps-gap-bars-savings: 40px;--ps-gap-savings-lines: 8px;--col2-note-gap: 64px}.ehc-frame{width:min(1120px,100%);margin:0 auto;box-sizing:border-box}.ehc-card{width:100%;display:flex}.ehc-card .info-card{padding:16px 18px;gap:6px}.ehc-card .info-card+.info-card{border-left:2px solid var(--purple)}.ehc-card :is(.hero-title,.gauge-label,.subtitle,h3){margin-block-start:var(--header-offset)}.ehc-card .info-card h3{margin-block-end:8px}.ehc-card .info-card .hero-title{transform:none}.ehc-card .info-card:nth-child(2) :is(h3,.subtitle){margin-block-start:0!important}.ehc-card .info-card:nth-child(2) h3{margin:0 0 var(--ps-gap-title-sub)}.ehc-card .info-card:nth-child(2) h3+.subtitle{margin:var(--ps-gap-title-sub) 0 var(--ps-gap-sub-bars);line-height:1.25}.ehc-card .info-card:nth-child(2) .bar-chart{margin:var(--ps-gap-sub-bars) 0 var(--ps-gap-bars-savings);gap:var(--ps-gap-between-bars)}.ehc-card .info-card:nth-child(2) .savings-block{margin:var(--ps-gap-bars-savings) auto 0}.ehc-card .info-card:nth-child(2) .savings-block .savings-gap{height:var(--ps-gap-savings-lines)}.ehc-card .info-card:nth-child(2) .bar-chart{margin-top:64px}.ehc-card .info-card:nth-child(2) .note{margin:var(--col2-note-gap) auto 0!important}.dashboard-container{display:flex;align-items:stretch;background:#fff;border:4px solid var(--purple);border-radius:28px 28px 28px 0;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;color:var(--text);max-width:none;width:100%;margin:auto;font-size:.85rem}.info-card{flex:1;display:flex;flex-direction:column;padding:16px;text-align:center;box-sizing:border-box}.info-card+.info-card{border-left:3px solid var(--purple)}.info-card h3{margin:0 0 8px;font-size:24px;line-height:1.15;font-weight:800;color:var(--purple)}.hero-title .title-line,.gauge-label .title-line,.note .note-line{display:block}.note .note-gap{display:block;height:10px}.hero-title{font-size:32px;line-height:1.15;font-weight:800}.hero-subtitle{margin:-15px 5px 16px 20px;font-size:18px;color:#6a5ab3}.hero-subtitle{margin-block-start:-10px;margin-inline-start:20px}.hero-subtitle .percent{font-weight:800;font-size:24px;color:var(--purple)}.gauge-card--square{width:var(--gauge-card-size);height:var(--gauge-card-size);box-sizing:border-box;background:#efe9f0;border-radius:var(--gauge-radius);padding:var(--gauge-pad-top) var(--gauge-pad-side) var(--gauge-pad-bottom);display:grid;grid-template-rows:auto 1fr;place-items:center;--gauge-scale: .55;transform:translateY(24px);transform-origin:center;margin-inline:auto}.gauge-label{margin:var(--gauge-label-push) 0 8px;font-size:22px;line-height:1.05;font-weight:800;color:var(--purple);text-align:center;white-space:nowrap}.gauge-wrap{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.gauge{width:calc(100% * var(--gauge-scale));max-width:100%;height:auto;display:block;margin:0 auto;transform:translateY(-4px)}.gauge-text{font-size:10px;font-weight:600;fill:#2f2b3d}.title-line{display:block;white-space:nowrap}.gauge-card--sm{--gauge-card-size: 264px;--gauge-scale: .88}.savings-block{display:flex;flex-direction:column;align-items:center;margin:18px auto 8px;text-align:center}.savings-block .savings-line{font-size:20px;color:var(--text)}.savings-block .savings-line strong{color:var(--purple)}.savings-block .savings-gap{display:block;height:10px}.savings-block .savings-line--muted{opacity:.95}@media (max-width: 600px){.savings-block .savings-line{font-size:18px}}.subtitle{margin:0 0 20px;font-size:20px;color:var(--text)}.bar-chart{--bar-h: 48px;--bar-gap: 10px;--join-x: 0px;position:relative;display:flex;flex-direction:column;gap:var(--bar-gap);margin:18px 0}.bar-chart:before{content:"";position:absolute;left:var(--join-x);top:var(--bar-h);width:4px;height:var(--bar-gap);background:var(--purple);border-radius:2px;pointer-events:none}.bar{height:var(--bar-h);display:flex;align-items:center;padding:0 16px;color:#fff;font-size:16px;font-weight:800;box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden}.bar--high{background:var(--orange)}.bar--low{background:var(--purple)}.bar{display:flex;align-items:center;box-sizing:border-box;padding:0 16px}.bar-value{font-weight:800}.inner-legend{margin-left:auto;font-weight:500;padding-left:12px;white-space:nowrap;opacity:.95}.info-card:nth-child(2) .savings{max-width:220px;margin:18px auto 8px;font-size:20px;color:var(--text)}.info-card:nth-child(2) .savings strong{color:var(--purple)}.info-card:nth-child(2) .savings-note{margin:0 0 18px;font-size:18px;color:var(--text)}.note{font-size:12px;line-height:1.45;color:var(--text-sm);margin-top:auto}.info-card:nth-child(2) .note.note--small{margin-top:auto;margin-bottom:0;max-width:360px;line-height:1.8;text-align:center}.generated{font-size:12px;color:var(--text-sm);margin-top:auto;align-self:flex-end;padding-right:8px}.info-card:nth-child(3) .generated{width:100%;text-align:center;margin-top:auto;padding-top:8px;align-self:center}.circles-row{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:28px}.circle{flex-shrink:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:6px;text-align:center;position:relative}.circle--lg{width:140px;height:140px}.circle--sm{width:130px;height:130px}.circles-row>.circle:first-child{margin-right:-36px;z-index:2}.circles-row>.circle:nth-child(2){z-index:1}.circle--orange{background:#ef855c;color:#4e318e}.circle--purple{background:#4e318e;color:#fff}.circle--light{background:#fbe8e0;color:#4e318e}.circle-number{font-weight:800;line-height:1.1;margin:0}.circle--lg .circle-number{font-size:28px}.circle--sm .circle-number{font-size:20px}.circle-label{font-weight:500;line-height:1.2;margin:0 0 4px}.circle--lg .circle-label{font-size:12px}.circle--sm .circle-label{font-size:11px}.circle-unit-text{font-size:10px;margin-top:2px}.times{font-weight:200;font-size:12px}