:root{
  --hln-bg:#f4f1eb;
  --hln-surface:#fbfaf7;
  --hln-surface-strong:#ffffff;
  --hln-ink:#17201d;
  --hln-ink-soft:#34403b;
  --hln-muted:#748079;
  --hln-line:#ded9cf;
  --hln-line-strong:#cec7ba;
  --hln-home:#355f78;
  --hln-home-soft:#edf3f6;
  --hln-reno:#2f6b50;
  --hln-reno-deep:#204b39;
  --hln-reno-soft:#edf4ef;
  --hln-bronze:#a9824f;
  --hln-bronze-soft:#f5efe5;
  --hln-good:#2f7657;
  --hln-bad:#a64d43;
  --hln-dark:#1c2723;
  --hln-shadow:0 28px 80px rgba(30,37,34,.10);
  --hln-shadow-soft:0 14px 36px rgba(30,37,34,.07);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--hln-bg);color:var(--hln-ink)}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
svg{display:block}
.hln-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.hln-page{min-height:100vh;padding:24px}
.hln-page-embed{padding:0;background:var(--hln-bg)}
.hln-app [hidden]{display:none!important}

.hln-app{
  --hln-mobile-bottom-occlusion:0px;
  width:min(1240px,100%);
  min-height:min(930px,calc(100vh - 48px));
  margin:auto;
  padding:0 0 124px;
  border:1px solid rgba(198,191,178,.75);
  border-radius:30px;
  background:var(--hln-surface);
  box-shadow:var(--hln-shadow);
  overflow:hidden;
  position:relative;
}
.hln-page-embed .hln-app{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}
.hln-topbar{
  position:sticky;top:0;z-index:30;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;
  min-height:76px;padding:13px 24px;
  border-bottom:1px solid rgba(222,217,207,.82);
  background:rgba(251,250,247,.92);
  backdrop-filter:blur(18px);
}
.hln-brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}
.hln-brand-mark{
  display:grid;width:38px;height:38px;place-items:center;border-radius:12px;
  background:var(--hln-dark);color:#fff;font-size:11px;font-weight:860;letter-spacing:.06em
}
.hln-brand>span:last-child{display:grid;line-height:1}
.hln-brand strong{font-size:14px;letter-spacing:-.01em}
.hln-brand small{margin-top:5px;color:var(--hln-muted);font-size:9px}
.hln-progress{display:flex;align-items:center;justify-content:center;gap:9px}
.hln-progress>i{display:block;width:46px;height:1px;background:#d8d4cc}
.hln-progress button{
  display:flex;gap:8px;align-items:center;min-height:38px;padding:6px 8px;
  border:0;background:transparent;color:#9a9f9b
}
.hln-progress button span{
  display:grid;width:28px;height:28px;place-items:center;border:1px solid #d7d8d3;border-radius:50%;
  background:#fff;color:#8a908c;font-size:8px;font-weight:850
}
.hln-progress button b{font-size:10px;font-weight:800}
.hln-progress button.is-active{color:var(--hln-ink)}
.hln-progress button.is-active span{border-color:var(--hln-reno);background:var(--hln-reno);color:#fff}
.hln-topbar-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.hln-partner{
  max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding:7px 9px;border:1px solid var(--hln-line);border-radius:999px;background:#fff;color:#616a65;font-size:9px
}
.hln-status{
  padding:7px 10px;border-radius:999px;background:#f0eee8;color:#6e756f;font-size:9px;white-space:nowrap
}
.hln-status.is-ok{background:#edf4ef;color:var(--hln-good)}
.hln-status.is-error{background:#f8ece9;color:var(--hln-bad)}
.hln-screen{display:none;padding:40px 38px 22px}
.hln-screen.is-active{display:block}
.hln-screen-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px
}
.hln-screen-heading>div:first-child{max-width:760px}
.hln-screen-heading>div:first-child>span,
.hln-section-title>span,
.hln-board-label>span,
.hln-config-sheet-head>span,
.hln-measure-section>header>span,
.hln-impact-kicker,
.hln-editor-card>header span{
  color:var(--hln-reno);font-size:9px;font-weight:860;letter-spacing:.14em
}
.hln-screen-heading h1{
  margin:7px 0 9px;font-size:38px;line-height:1.03;letter-spacing:-.04em;font-weight:720
}
.hln-screen-heading p{margin:0;color:var(--hln-muted);font-size:14px;line-height:1.55}
.hln-confidence{
  display:grid;min-width:128px;padding:14px 16px;border:1px solid #c9d9e2;border-radius:16px;
  background:var(--hln-home-soft);text-align:right
}
.hln-confidence strong{font-size:26px;line-height:1;color:var(--hln-home)}
.hln-confidence span{margin-top:4px;color:#6d7e89;font-size:9px}
.hln-home-layout,.hln-site-layout{
  display:grid;grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);gap:18px;align-items:stretch
}
.hln-house-board,.hln-config-sheet,.hln-measure-sheet{
  border:1px solid var(--hln-line);border-radius:22px;background:var(--hln-surface-strong)
}
.hln-house-board{position:relative;overflow:hidden;min-height:500px}
.hln-board-label{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;border-bottom:1px solid #ebe7df
}
.hln-board-label strong{font-size:12px;font-weight:820}
.hln-house-visual{position:relative;display:grid;place-items:center;min-height:392px;padding:28px}
.hln-house-visual>svg{width:min(92%,620px);height:auto;overflow:visible}
.hln-house-ground{stroke:#cfc8bb;stroke-width:2;fill:none;stroke-linecap:round}
.hln-house-shell{fill:#f8f6f1;stroke:#5d6a64;stroke-width:4;stroke-linejoin:round}
.hln-house-roof{fill:none;stroke:var(--hln-ink);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.hln-house-floor{fill:none;stroke:#b7b0a4;stroke-width:3}
.hln-house-window{fill:#e8f0f4;stroke:var(--hln-home);stroke-width:3}
.hln-house-door{fill:#eee8dd;stroke:#8d8272;stroke-width:3}
.hln-house-insulation{fill:none;stroke:var(--hln-bronze);stroke-width:6;stroke-dasharray:7 8;stroke-linecap:round}
.hln-house-heat{fill:none;stroke:#a85b43;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.hln-house-visual-renovation .hln-house-shell{fill:#f7faf7;stroke:#426d59}
.hln-house-visual-renovation .hln-house-roof{stroke:var(--hln-reno-deep)}
.hln-hotspot,.hln-zone{
  position:absolute;display:flex;gap:7px;align-items:center;min-height:36px;padding:7px 10px;
  border:1px solid #d7d2c7;border-radius:999px;background:rgba(255,255,255,.94);color:var(--hln-ink-soft);
  box-shadow:0 8px 24px rgba(32,40,36,.08);font-size:9px;font-weight:800;backdrop-filter:blur(10px)
}
.hln-hotspot svg,.hln-zone svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hln-hotspot:hover,.hln-zone:hover{transform:translateY(-1px);border-color:#b9c6bf;color:var(--hln-reno)}
.hln-hotspot-location{top:18%;left:7%}
.hln-hotspot-house{top:36%;right:7%}
.hln-hotspot-envelope{bottom:23%;left:8%}
.hln-hotspot-systems{bottom:16%;right:8%}
.hln-zone-roof{top:16%;right:12%}
.hln-zone-wall{top:48%;left:4%}
.hln-zone-window{top:49%;right:3%}
.hln-zone-heating{bottom:15%;right:14%}
.hln-board-foot{
  display:flex;gap:8px;align-items:center;padding:13px 18px;border-top:1px solid #ebe7df;
  background:#faf8f4;color:#7c837f;font-size:9px
}
.hln-board-foot svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-config-sheet,.hln-measure-sheet{overflow:hidden}
.hln-config-sheet-head,.hln-measure-section>header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #ece8e0
}
.hln-config-sheet-head small,.hln-measure-section>header small{color:#9a9f9b;font-size:9px}
.hln-config-row,.hln-measure-row{
  width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;gap:12px;align-items:center;
  min-height:92px;padding:14px 18px;border:0;border-bottom:1px solid #efebe4;background:#fff;color:inherit;text-align:left
}
.hln-config-row:last-child,.hln-measure-row:last-child{border-bottom:0}
.hln-config-row:hover,.hln-measure-row:not(.is-disabled):hover{background:#fbfaf7}
.hln-row-icon{
  display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#f2f0ea;color:var(--hln-ink-soft)
}
.hln-row-icon svg,.hln-config-row>.hln-row-arrow,.hln-measure-row>svg{
  width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.hln-config-row:nth-of-type(2) .hln-row-icon,.hln-home-layout .hln-config-row:nth-of-type(2) .hln-row-icon{background:var(--hln-home-soft);color:var(--hln-home)}
.hln-row-copy{display:grid;gap:2px;min-width:0}
.hln-row-copy small{color:#9a9f9b;font-size:8px;font-weight:850;letter-spacing:.1em}
.hln-row-copy strong{font-size:14px;line-height:1.25}
.hln-row-copy em{overflow:hidden;color:var(--hln-muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.hln-row-arrow{color:#b2b6b3}
.hln-home-return{
  display:inline-flex;gap:8px;align-items:center;min-height:40px;padding:8px 12px;border:1px solid #c7d7df;border-radius:12px;
  background:var(--hln-home-soft);color:var(--hln-home);font-size:10px;font-weight:820
}
.hln-home-return svg,.hln-back svg,.hln-primary svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.hln-measure-section+.hln-measure-section{border-top:7px solid #f3f0e9}
.hln-measure-row{grid-template-columns:46px minmax(0,1fr) 20px;min-height:82px}
.hln-measure-row>span:nth-child(2){display:grid;gap:3px}
.hln-measure-row strong{font-size:13px}
.hln-measure-row small{color:var(--hln-muted);font-size:9px}
.hln-measure-row .hln-row-icon{background:var(--hln-reno-soft);color:var(--hln-reno)}
.hln-measure-row.is-disabled{opacity:.5;background:#f8f6f2}
.hln-coming{
  width:auto!important;padding:5px 6px;border-radius:999px;background:#ece8df;color:#8b8478;font-size:7px!important;font-weight:850!important
}
.hln-intervention-heading{justify-content:flex-start;align-items:flex-start}
.hln-back{
  flex:0 0 42px;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid var(--hln-line);
  border-radius:12px;background:#fff;color:var(--hln-ink)
}
.hln-workbench{
  display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start
}
.hln-workbench-main{min-width:0}
.hln-before-after{
  display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:stretch;margin-bottom:14px
}
.hln-before-after article{
  display:grid;align-content:center;min-height:138px;padding:20px;border:1px solid;border-radius:19px
}
.hln-before-after article span{font-size:8px;font-weight:860;letter-spacing:.12em}
.hln-before-after article strong{margin-top:7px;font-size:30px;line-height:1;letter-spacing:-.035em}
.hln-before-after article small{margin-top:6px;font-size:9px}
.hln-before-after>.is-home{border-color:#c6d5dd;background:var(--hln-home-soft);color:#264f68}
.hln-before-after>.is-renovation{border-color:#bfd6c9;background:var(--hln-reno-soft);color:#1f6047}
.hln-before-after>b{display:grid;place-items:center;color:#8c958f}
.hln-before-after>b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-intervention-editor{
  padding:22px;border:1px solid var(--hln-line);border-radius:20px;background:#fff
}
.hln-intervention-editor>div{display:grid;gap:15px}
.hln-field-heading,.hln-editor-lead{display:flex;gap:11px;align-items:center;margin-bottom:4px}
.hln-field-heading>svg{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--hln-reno-soft);color:var(--hln-reno);fill:none;stroke:currentColor;stroke-width:1.8}
.hln-field-heading>div,.hln-editor-lead>div{display:grid;gap:2px}
.hln-field-heading strong,.hln-editor-lead strong{font-size:13px}
.hln-field-heading small,.hln-editor-lead small{color:var(--hln-muted);font-size:9px}
.hln-intervention-editor label,.hln-editor label{display:grid;gap:7px;color:#59635e;font-size:10px;font-weight:780}
.hln-intervention-editor input,.hln-intervention-editor select,.hln-editor input,.hln-editor select{
  width:100%;min-height:48px;padding:10px 12px;border:1px solid #d2cec5;border-radius:11px;background:#fff;color:var(--hln-ink);font-size:14px
}
.hln-stepper{
  display:grid;grid-template-columns:48px minmax(0,1fr) auto 48px;align-items:center;border:1px solid #d2cec5;border-radius:13px;overflow:hidden
}
.hln-stepper input{border:0!important;border-radius:0!important;text-align:center;font-size:26px;font-weight:760}
.hln-stepper span{padding:0 10px;color:var(--hln-muted);font-size:11px}
.hln-stepper button{height:50px;border:0;background:#f2f6f3;color:var(--hln-reno);font-size:22px;font-weight:700}
.hln-quick-values{display:flex;gap:7px;flex-wrap:wrap}
.hln-quick-values button{
  min-height:38px;padding:7px 12px;border:1px solid #c4d6ca;border-radius:999px;background:#f7faf8;color:var(--hln-reno);font-size:9px;font-weight:850
}
.hln-inline-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #d2cec5;border-radius:11px;overflow:hidden}
.hln-inline-input input{border:0!important;border-radius:0!important}
.hln-inline-input span{padding:0 12px;color:var(--hln-muted);font-size:10px}
.hln-intervention-actions,.hln-scenario-actions{display:flex;gap:10px;margin-top:14px}
.hln-primary,.hln-secondary{
  display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;border-radius:12px;font-weight:840
}
.hln-primary{border:1px solid var(--hln-dark);background:var(--hln-dark);color:#fff}
.hln-secondary{border:1px solid #d0cbc1;background:#fff;color:#4c5852}
.hln-impact-panel{
  position:sticky;top:98px;padding:22px;border:1px solid #becfc4;border-radius:20px;background:#1f3f34;color:#fff;box-shadow:var(--hln-shadow-soft)
}
.hln-impact-kicker{color:#b9d9c7}
.hln-impact-title{display:block;margin-top:7px;font-size:17px}
.hln-impact-primary{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;margin-top:20px;padding:16px;border-radius:15px;background:rgba(255,255,255,.08)
}
.hln-impact-primary>svg,.hln-impact-list article>svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#cfe8d8
}
.hln-impact-primary div{display:grid;gap:3px}
.hln-impact-panel small{color:#b9c9c1;font-size:8px}
.hln-impact-primary strong{font-size:22px}
.hln-impact-list{display:grid;margin-top:9px}
.hln-impact-list article{
  display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.12)
}
.hln-impact-list article:last-child{border-bottom:0}
.hln-impact-list article>svg{width:17px;height:17px}
.hln-impact-list article>span{display:grid;gap:2px}
.hln-impact-list strong{font-size:12px}
.hln-impact-panel p{margin:16px 0 0;color:#aac0b5;font-size:8px;line-height:1.5}
.hln-scenario-hero{
  display:grid;grid-template-columns:1fr 42px 1fr .78fr;gap:10px;align-items:stretch;margin-bottom:18px
}
.hln-scenario-hero article{
  display:grid;align-content:center;min-height:130px;padding:18px;border:1px solid;border-radius:18px
}
.hln-scenario-hero article span{font-size:8px;font-weight:860;letter-spacing:.1em}
.hln-scenario-hero article strong{margin-top:5px;font-size:27px;letter-spacing:-.035em}
.hln-scenario-hero article small{margin-top:3px;font-size:9px}
.hln-scenario-hero>.is-home{border-color:#c6d5dd;background:var(--hln-home-soft);color:#264f68}
.hln-scenario-hero>.is-renovation{border-color:#bfd6c9;background:var(--hln-reno-soft);color:#1f6047}
.hln-scenario-hero>b{display:grid;place-items:center;color:#909892}
.hln-scenario-hero>b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-big-benefit{
  display:grid;align-content:center;justify-items:center;padding:14px;border-radius:18px;background:var(--hln-dark);color:#fff;text-align:center
}
.hln-big-benefit>svg{width:20px;height:20px;fill:none;stroke:#b9d9c7;stroke-width:1.8}
.hln-big-benefit strong{margin-top:5px;font-size:29px}
.hln-big-benefit span{font-size:8px;color:#c9d8d0}
.hln-big-benefit.is-good{background:#1f6047}
.hln-big-benefit.is-bad{background:#793d36}
.hln-scenario-body{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:start}
.hln-section-title{display:grid;gap:5px;margin-bottom:10px}
.hln-section-title strong{font-size:14px}
.hln-selected-measures{display:grid;gap:7px}
.hln-selected-row{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:9px;align-items:center;
  padding:11px 12px;border:1px solid var(--hln-line);border-radius:13px;background:#fff
}
.hln-selected-row>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--hln-reno-soft);color:var(--hln-reno)}
.hln-selected-row>span:first-child svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-selected-row>div{display:grid;gap:2px}
.hln-selected-row strong{font-size:11px}
.hln-selected-row small{color:var(--hln-muted);font-size:8px}
.hln-selected-row button{min-height:32px;padding:6px 8px;border:1px solid #d8d3ca;border-radius:8px;background:#fff;color:#59635e;font-size:8px}
.hln-home-note{
  display:flex;gap:9px;align-items:flex-start;padding:13px 14px;border:1px solid var(--hln-line);border-radius:13px;background:#fff;color:var(--hln-muted)
}
.hln-home-note>span{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:#f0eee8;color:var(--hln-ink-soft);font-size:9px;font-weight:850}
.hln-home-note p{margin:2px 0 0;font-size:9px;line-height:1.5}
.hln-impact-panel strong.is-good{color:#b9e2c9}
.hln-impact-panel strong.is-bad{color:#f0b4ad}
.hln-scenario-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hln-scenario-metrics article{
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;min-height:84px;padding:13px;
  border:1px solid var(--hln-line);border-radius:14px;background:#fff
}
.hln-scenario-metrics article>svg{
  width:38px;height:38px;padding:10px;border-radius:11px;background:#f1efe9;color:#59645e;fill:none;stroke:currentColor;stroke-width:1.8
}
.hln-scenario-metrics article>span{display:grid;gap:4px}
.hln-scenario-metrics small{color:var(--hln-muted);font-size:8px}
.hln-scenario-metrics strong{font-size:11px}
.hln-scenario-metrics strong.is-good{color:#236c4b}
.hln-scenario-metrics strong.is-bad{color:#a4473d}
.hln-scenario-actions{justify-content:flex-end;margin-top:18px}
.hln-quick-edit-overlay{
  position:fixed;z-index:95;inset:0;display:grid;place-items:end center;padding:24px 20px 118px;
  background:rgba(20,28,24,.08);backdrop-filter:blur(2px)
}
.hln-quick-edit-overlay[hidden]{display:none}
.hln-quick-edit-card{
  width:min(560px,100%);padding:18px 18px 16px;border:1px solid rgba(255,255,255,.74);border-radius:22px;
  background:rgba(255,255,255,.92);box-shadow:0 26px 70px rgba(22,29,26,.20);backdrop-filter:blur(18px)
}
.hln-quick-edit-card>header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px
}
.hln-quick-edit-card>header>div{display:grid;gap:4px}
.hln-quick-edit-card>header span{color:var(--hln-reno);font-size:8px;font-weight:860;letter-spacing:.14em}
.hln-quick-edit-card>header strong{font-size:15px}
.hln-quick-edit-card>header button{
  display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid var(--hln-line);border-radius:50%;
  background:rgba(255,255,255,.9);color:var(--hln-ink-soft);font-size:20px;line-height:1
}
.hln-quick-edit-value{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.hln-quick-edit-value strong{font-size:34px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hln-quick-edit-value small{color:var(--hln-muted);font-size:9px;text-align:right}
.hln-quick-edit-range input[type="range"]{width:100%;margin:2px 0 0;accent-color:var(--hln-reno);cursor:ew-resize}
.hln-quick-edit-range>div{display:flex;justify-content:space-between;margin-top:3px;color:#929a95;font-size:8px}
.hln-quick-edit-details{
  margin-top:12px;padding:0;border:0;background:transparent;color:var(--hln-reno);font-size:9px;font-weight:820
}
.hln-quick-edit-hint{display:block;margin-top:7px;color:#8b938e;font-size:8px;line-height:1.4}

.hln-editor{
  position:fixed;z-index:80;inset:0;display:flex;justify-content:flex-end;background:rgba(22,29,26,.34);backdrop-filter:blur(6px)
}
.hln-editor[hidden]{display:none}
.hln-editor-card{
  width:min(520px,100%);height:100%;overflow:auto;border-left:1px solid var(--hln-line);background:#fbfaf7;box-shadow:-30px 0 90px rgba(24,31,28,.16)
}
.hln-editor label.is-disabled,
.hln-intervention-editor label.is-disabled{
  opacity:.42;
}
.hln-editor label.is-disabled select,
.hln-intervention-editor label.is-disabled select{
  cursor:not-allowed;
  filter:grayscale(.35);
}
.hln-editor-card>header{
  position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
  min-height:72px;padding:12px 14px;border-bottom:1px solid var(--hln-line);background:rgba(251,250,247,.96);backdrop-filter:blur(16px)
}
.hln-editor-card>header button{
  display:grid;min-width:40px;height:40px;place-items:center;padding:0;border:1px solid #d8d3ca;border-radius:11px;background:#fff;color:var(--hln-ink)
}
.hln-editor-card>header button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-editor-card>header .hln-editor-done{padding:0 12px;color:var(--hln-reno);font-size:9px;font-weight:850}
.hln-editor-card>header>div{display:grid;gap:3px}
.hln-editor-card>header strong{font-size:14px}
.hln-editor-card>section{display:grid;gap:15px;padding:20px}
.hln-editor-lead{padding-bottom:14px;border-bottom:1px solid #ebe7df}
.hln-editor-lead .hln-row-icon{background:var(--hln-home-soft);color:var(--hln-home)}
.hln-locality-results{display:grid;max-height:240px;overflow:auto;border:1px solid #d8d3ca;border-radius:12px;background:#fff}
.hln-locality-results button{display:grid;gap:2px;padding:10px 12px;border:0;border-bottom:1px solid #efebe4;background:#fff;text-align:left}
.hln-locality-results button:last-child{border-bottom:0}
.hln-locality-results strong{font-size:11px}
.hln-locality-results small{color:var(--hln-muted);font-size:8px}
.hln-location-map{
  position:relative;min-height:280px;overflow:hidden;border:1px solid #d8d3ca;border-radius:16px;background:#edf5f8
}
.hln-location-map>p{
  margin:0;padding:28px;color:var(--hln-muted);font-size:10px;text-align:center
}
.hln-location-map-svg{display:block;width:100%;height:auto;touch-action:manipulation}
.hln-map-sea{fill:#edf5f8}
.hln-map-zone{
  stroke:rgba(66,88,112,.48);stroke-width:.7;vector-effect:non-scaling-stroke;
  transition:fill 160ms ease,stroke 160ms ease,opacity 160ms ease
}
.hln-map-zone.zone-I{fill:rgba(244,187,94,.72)}
.hln-map-zone.zone-II{fill:rgba(237,149,96,.72)}
.hln-map-zone.zone-III{fill:rgba(126,177,128,.76)}
.hln-map-zone.zone-IV{fill:rgba(104,162,184,.76)}
.hln-map-zone.zone-V{fill:rgba(107,124,165,.78)}
.hln-map-zone.is-selected{stroke:#102846;stroke-width:1.8;opacity:1}
.hln-map-boundary{fill:none;stroke:#18283e;stroke-width:1.7;vector-effect:non-scaling-stroke;pointer-events:none}
.hln-map-locality{cursor:pointer}
.hln-map-locality circle{fill:#172033;stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke}
.hln-map-locality text{
  fill:#172033;paint-order:stroke;stroke:rgba(255,255,255,.9);stroke-width:3px;
  vector-effect:non-scaling-stroke;font-weight:800;pointer-events:none
}
.hln-map-locality.is-selected circle{fill:#315f49;stroke:#fff;stroke-width:2.5}
.hln-map-locality.is-selected text{fill:#234b39;stroke-width:4px;font-weight:900}
.hln-map-legend{
  display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:9px 12px 34px;background:#fff;
  color:#66736c;font-size:8px;font-weight:760;border-top:1px solid rgba(24,40,62,.08)
}
.hln-map-legend span{display:inline-flex;gap:4px;align-items:center}
.hln-map-legend span.is-selected{color:#1d3b2f;font-weight:900}
.hln-map-legend i{width:12px;height:7px;border:1px solid rgba(23,32,51,.18);border-radius:999px}
.hln-map-legend i.zone-I{background:rgba(244,187,94,.72)}
.hln-map-legend i.zone-II{background:rgba(237,149,96,.72)}
.hln-map-legend i.zone-III{background:rgba(126,177,128,.76)}
.hln-map-legend i.zone-IV{background:rgba(104,162,184,.76)}
.hln-map-legend i.zone-V{background:rgba(107,124,165,.78)}
.hln-map-hint{
  position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:6px 9px;border-radius:999px;
  background:rgba(255,255,255,.94);color:#68736d;font-size:7px;white-space:nowrap;box-shadow:0 5px 16px rgba(31,45,38,.08)
}
.hln-map-locality-results{
  display:grid;grid-template-columns:1fr 1fr;gap:6px
}
.hln-map-locality-results button{
  display:grid;gap:2px;min-height:50px;padding:9px 10px;border:1px solid #d8d3ca;border-radius:11px;background:#fff;text-align:left
}
.hln-map-locality-results strong{font-size:10px}
.hln-map-locality-results small{color:var(--hln-muted);font-size:8px}
.hln-editor-info{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:11px;background:#f0eee8}
.hln-editor-info span{color:var(--hln-muted);font-size:9px}
.hln-editor-info strong{font-size:10px}
.hln-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hln-segments button{min-height:42px;border:1px solid #d4d0c7;border-radius:10px;background:#fff;color:#5c6660;font-weight:800}
.hln-segments button.is-active{border-color:var(--hln-home);background:var(--hln-home-soft);color:var(--hln-home)}
.hln-dock{
  position:absolute;z-index:40;left:18px;right:18px;bottom:16px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  min-height:92px;padding:10px 11px;border:1px solid #2d3934;border-radius:20px;background:rgba(28,39,35,.97);
  box-shadow:0 18px 48px rgba(20,29,25,.22);backdrop-filter:blur(18px);color:#fff
}
.hln-dock-metrics,.hln-dock-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hln-dock-metrics article,.hln-dock-benefits article{
  display:grid;align-items:center;min-width:0;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.055)
}
.hln-dock-icon{
  display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);color:#d9e4de
}
.hln-dock-icon svg{
  width:16px;height:16px;padding:0;background:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.hln-dock-metrics article{grid-template-columns:32px minmax(0,1fr);gap:7px}
.hln-dock-metrics article>span:last-child,.hln-dock-benefits article>span{display:grid;min-width:0}
.hln-dock small{color:#aebbb5;font-size:7px}
.hln-dock strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.hln-dock-compare article{border:1px solid rgba(255,255,255,.05)}
.hln-dock-compare article.is-home{background:rgba(65,105,122,.18)}
.hln-dock-compare article.is-renovation{background:rgba(66,126,94,.20)}
.hln-dock-compare article.is-saving{background:rgba(255,255,255,.075)}
.hln-dock-compare strong{display:flex;gap:6px;align-items:baseline;color:#fff}
.hln-dock-compare strong b{font-size:15px;line-height:1;color:#fff}
.hln-dock-compare strong b.is-good{color:#bfe5ce}
.hln-dock-compare strong b.is-bad{color:#f1b8b1}
.hln-dock-compare strong em{overflow:hidden;color:#dce7e1;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.hln-dock-compare .is-renovation strong b{color:#cce7d7}
.hln-dock-compare .is-saving strong{color:#c4e5d2}
.hln-dock-compare .is-saving strong.is-bad{color:#efb8b1}
.hln-dock-cta{
  display:flex;gap:10px;align-items:center;justify-content:center;min-height:54px;max-width:330px;padding:10px 16px;
  border:1px solid #4a735f;border-radius:14px;background:#315f49;color:#fff;font-size:10px;font-weight:850
}
.hln-dock-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-dock-cta.is-home{border-color:#45697d;background:#355f78}
@media(max-width:980px){
  .hln-page{padding:0}
  .hln-app{min-height:100vh;border:0;border-radius:0;box-shadow:none}
  .hln-home-layout,.hln-site-layout{grid-template-columns:1fr}
  .hln-house-board{min-height:auto}
  .hln-house-visual{min-height:360px}
  .hln-workbench{grid-template-columns:1fr}
  .hln-impact-panel{position:relative;top:auto}
  .hln-scenario-body{grid-template-columns:1fr}
}
@media(max-width:760px){
  .hln-quick-edit-overlay{padding:14px 10px 142px}
  .hln-quick-edit-card{padding:16px 14px 14px;border-radius:20px}
  .hln-quick-edit-value strong{font-size:30px}
  .hln-app{padding-bottom:calc(148px + env(safe-area-inset-bottom, 0px) + var(--hln-mobile-bottom-occlusion, 0px))}
  .hln-topbar{grid-template-columns:auto 1fr;gap:10px;min-height:64px;padding:9px 11px}
  .hln-brand-mark{width:34px;height:34px}
  .hln-brand>span:last-child{display:none}
  .hln-progress{justify-content:flex-end;gap:4px}
  .hln-progress>i{width:14px}
  .hln-progress button{padding:4px}
  .hln-progress button b{display:none}
  .hln-progress button span{width:26px;height:26px}
  .hln-topbar-meta{grid-column:1/-1;position:absolute;right:10px;top:64px;pointer-events:none}
  .hln-partner{display:none}
  .hln-status{padding:5px 8px;background:rgba(240,238,232,.88);font-size:7px}
  .hln-screen{padding:28px 14px 18px}
  .hln-screen-heading{align-items:flex-start;margin-bottom:18px}
  .hln-screen-heading h1{font-size:29px}
  .hln-screen-heading p{font-size:12px}
  .hln-confidence{display:none}
  .hln-home-return span{display:none}
  .hln-home-return{width:40px;padding:0;justify-content:center}
  .hln-house-visual{min-height:300px;padding:14px}
  .hln-hotspot,.hln-zone{min-height:32px;padding:6px 8px;font-size:8px}
  .hln-hotspot svg,.hln-zone svg{width:13px;height:13px}
  .hln-config-row,.hln-measure-row{min-height:78px;padding:12px 14px}
  .hln-row-icon{width:40px;height:40px}
  .hln-before-after{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}
  .hln-before-after article{min-height:112px;padding:14px}
  .hln-before-after article strong{font-size:23px}
  .hln-intervention-editor{padding:15px}
  .hln-intervention-actions{display:grid;grid-template-columns:1fr}
  .hln-impact-panel{padding:16px}
  .hln-scenario-hero{grid-template-columns:1fr 24px 1fr}
  .hln-big-benefit{grid-column:1/-1;min-height:86px}
  .hln-scenario-actions{display:grid;grid-template-columns:1fr}
  .hln-editor-card{width:100%}
  .hln-dock{
    position:fixed;left:8px;right:8px;
    bottom:calc(6px + env(safe-area-inset-bottom, 0px) + var(--hln-mobile-bottom-occlusion, 0px));
    grid-template-columns:1fr;gap:6px;min-height:128px;padding:8px;border-radius:17px
  }
  .hln-dock-cta{
    order:-1;min-height:48px;
    box-shadow:0 7px 20px rgba(14,28,21,.22)
  }
  .hln-dock-metrics,.hln-dock-benefits{gap:4px}
  .hln-dock-compare article{padding:7px 8px}
  .hln-dock-compare strong{display:grid;gap:1px}
  .hln-dock-compare strong b{font-size:14px}
  .hln-dock-compare strong em{font-size:8px}
  .hln-dock-compare .is-saving strong{font-size:10px}
  .hln-dock-metrics article,.hln-dock-benefits article{grid-template-columns:1fr;justify-items:center;gap:2px;padding:6px 4px;text-align:center}
  .hln-dock-icon,.hln-dock-benefits article>svg{display:none}
  .hln-dock small{font-size:7px}
  .hln-dock strong{font-size:11px}
  .hln-dock-cta{width:100%;max-width:none;min-height:44px;font-size:10px}
}
@media(max-width:520px){
  .hln-location-map{min-height:230px}
  .hln-map-locality-results{grid-template-columns:1fr}
  .hln-screen-heading h1{font-size:26px}
  .hln-house-visual{min-height:260px}
  .hln-hotspot span,.hln-zone span{display:none}
  .hln-hotspot,.hln-zone{width:34px;height:34px;padding:0;justify-content:center}
  .hln-hotspot-location{top:15%;left:5%}
  .hln-hotspot-house{top:34%;right:5%}
  .hln-hotspot-envelope{bottom:24%;left:5%}
  .hln-hotspot-systems{bottom:12%;right:7%}
  .hln-zone-roof{top:13%;right:10%}
  .hln-zone-wall{top:48%;left:2%}
  .hln-zone-window{top:47%;right:2%}
  .hln-zone-heating{bottom:11%;right:10%}
  .hln-board-label{padding:14px}
  .hln-board-foot{padding:11px 14px}
  .hln-config-sheet-head,.hln-measure-section>header{padding:14px}
  .hln-config-row,.hln-measure-row{grid-template-columns:40px minmax(0,1fr) 18px;gap:9px}
  .hln-row-copy strong,.hln-measure-row strong{font-size:12px}
  .hln-row-copy em,.hln-measure-row small{font-size:8px}
  .hln-before-after{gap:5px}
  .hln-before-after article{padding:11px}
  .hln-before-after article strong{font-size:20px}
  .hln-field-heading>svg{width:36px;height:36px}
  .hln-scenario-hero{gap:5px}
  .hln-scenario-hero article{min-height:104px;padding:12px}
  .hln-scenario-hero article strong{font-size:20px}
  .hln-scenario-metrics{grid-template-columns:1fr}
  .hln-measure-row{grid-template-columns:38px minmax(0,1fr) auto}
  .hln-selected-row>button:last-child{display:none}
}

/* Live renovation configurator */
.hln-live-configurator {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid rgba(31, 47, 39, .10);
  border-radius: 24px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 18px 52px rgba(27, 40, 33, .07);
}

.hln-configurator-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.hln-configurator-head > div {
  display: grid;
  gap: 4px;
}

.hln-configurator-head span,
.hln-result-price small,
.hln-energy-class-block > small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  color: #718078;
}

.hln-configurator-head strong {
  font-size: clamp(20px, 2.4vw, 30px);
  line-height: 1.08;
  letter-spacing: -.025em;
  color: #203029;
}

.hln-configurator-head small {
  color: #758079;
  font-size: 10px;
}

.hln-reference-button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid rgba(49, 93, 73, .20);
  border-radius: 999px;
  background: rgba(237, 243, 239, .90);
  color: #315d49;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.hln-reference-button.is-active {
  background: #315d49;
  color: #fff;
}

.hln-tune-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.hln-tune-row {
  padding: 13px 14px 11px;
  border: 1px solid rgba(36, 49, 43, .08);
  border-radius: 16px;
  background: rgba(249, 249, 246, .76);
}

.hln-tune-row.hln-tune-renewable {
  border-color: rgba(169, 130, 79, .24);
  background: linear-gradient(180deg, rgba(245, 239, 229, .74), rgba(249, 249, 246, .88));
}

.hln-tune-row header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.hln-tune-row header span {
  font-size: 12px;
  color: #526059;
}

.hln-tune-row header strong {
  font-size: 15px;
  color: #203029;
  font-variant-numeric: tabular-nums;
}

.hln-slider-control {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 9px;
}

.hln-slider-control > button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(34, 48, 41, .10);
  border-radius: 50%;
  background: #fff;
  color: #283a31;
  font: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(31, 43, 37, .05);
}

.hln-range-wrap {
  position: relative;
  min-width: 0;
  height: 28px;
  display: flex;
  align-items: center;
}

.hln-range-wrap input[type="range"] {
  width: 100%;
  margin: 0;
  accent-color: #315d49;
  cursor: ew-resize;
}

.hln-range-marker {
  position: absolute;
  top: 2px;
  width: 2px;
  height: 7px;
  border-radius: 2px;
  transform: translateX(-50%);
  pointer-events: none;
}

.hln-range-marker.is-home {
  background: #41697a;
}

.hln-range-marker.is-reference {
  top: 19px;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #755d3d;
  border-radius: 1px;
}

.hln-tune-row > small {
  display: block;
  margin: 6px 46px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7c867f;
  font-size: 9px;
}

.hln-live-selects {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.hln-live-selects label {
  display: grid;
  gap: 6px;
  color: #68736d;
  font-size: 10px;
  font-weight: 700;
}

.hln-live-selects select {
  width: 100%;
  min-height: 42px;
  padding: 8px 32px 8px 10px;
  border: 1px solid rgba(36, 49, 43, .10);
  border-radius: 12px;
  background: #fff;
  color: #25352e;
  font: inherit;
  font-size: 12px;
}

.hln-configurator-result {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(260px, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
  padding: 16px 17px;
  border-radius: 18px;
  background: #23352d;
  color: #fff;
}

.hln-result-price {
  display: grid;
  gap: 3px;
}

.hln-result-price small,
.hln-energy-class-block > small {
  color: rgba(255,255,255,.62);
}

.hln-result-price strong {
  font-size: clamp(28px, 4.5vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}

.hln-result-price em {
  font-style: normal;
  font-size: 11px;
  color: #bdd7c8;
}

.hln-result-price em.is-bad {
  color: #f2c5bd;
}

.hln-energy-class-block {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 10px;
  align-items: center;
}

.hln-energy-class-block > small {
  grid-column: 1 / -1;
}

.hln-energy-class-block > strong {
  min-width: 42px;
  font-size: 30px;
  line-height: 1;
  text-align: right;
}

.hln-energy-scale {
  display: flex;
  align-items: stretch;
  gap: 2px;
}

.hln-energy-scale span {
  min-width: 25px;
  padding: 7px 4px;
  opacity: .42;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  color: #102219;
  transform: scale(.94);
  transition: opacity .16s ease, transform .16s ease;
}

.hln-energy-scale span:nth-child(1) { background: #79c86a; }
.hln-energy-scale span:nth-child(2) { background: #9bd16a; }
.hln-energy-scale span:nth-child(3) { background: #c4d866; }
.hln-energy-scale span:nth-child(4) { background: #e5d95f; }
.hln-energy-scale span:nth-child(5) { background: #eab85c; }
.hln-energy-scale span:nth-child(6) { background: #df8d58; }
.hln-energy-scale span:nth-child(7) { background: #d56d55; }
.hln-energy-scale span:nth-child(8) { background: #c5524f; color: #fff; }

.hln-energy-scale span.is-active {
  opacity: 1;
  transform: scale(1.08);
  box-shadow: 0 0 0 2px rgba(255,255,255,.88);
}

.hln-configurator-actions {
  display: grid;
  gap: 7px;
  min-width: 172px;
}

.hln-configurator-actions button {
  min-height: 39px;
}

.hln-configurator-result .hln-secondary {
  color: #edf3ef;
  border-color: rgba(255,255,255,.20);
  background: rgba(255,255,255,.06);
}

.hln-configurator-result .hln-primary {
  background: #eff5f1;
  color: #294b3b;
}

.hln-live-configurator.is-reference .hln-configurator-result {
  box-shadow: inset 0 0 0 1px rgba(219, 196, 151, .42);
}

@media (max-width: 900px) {
  .hln-live-selects {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hln-configurator-result {
    grid-template-columns: 1fr 1fr;
  }

  .hln-configurator-actions {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .hln-live-configurator {
    margin-left: -4px;
    margin-right: -4px;
    padding: 12px;
    border-radius: 18px;
  }

  .hln-configurator-head {
    align-items: center;
  }

  .hln-configurator-head strong {
    font-size: 20px;
  }

  .hln-reference-button {
    padding: 8px 10px;
    font-size: 10px;
  }

  .hln-tune-grid,
  .hln-live-selects,
  .hln-configurator-result {
    grid-template-columns: 1fr;
  }

  .hln-tune-row {
    padding: 11px 10px 9px;
  }

  .hln-slider-control {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
  }

  .hln-slider-control > button {
    width: 42px;
    height: 42px;
  }

  .hln-tune-row > small {
    margin-left: 50px;
    margin-right: 50px;
    white-space: normal;
  }

  .hln-configurator-result {
    gap: 14px;
  }

  .hln-result-price strong {
    font-size: 40px;
  }

  .hln-configurator-actions {
    grid-column: auto;
    grid-template-columns: 1fr 1fr;
  }
}


@media (max-width: 620px) {
  .hln-screen[data-hln-screen="site"] .hln-measure-sheet {
    display: none;
  }

  .hln-screen[data-hln-screen="site"] .hln-site-layout {
    grid-template-columns: 1fr;
  }
}


/* Renovation cockpit: house + instant controls, without a second navigation list. */
.hln-screen[data-hln-screen="site"] .hln-measure-sheet {
  display: none;
}

.hln-screen[data-hln-screen="site"] .hln-live-configurator {
  margin-top: 0;
  min-width: 0;
  align-self: stretch;
}

@media (min-width: 981px) {
  .hln-screen[data-hln-screen="site"] .hln-site-layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
    align-items: start;
  }

  .hln-screen[data-hln-screen="site"] .hln-tune-grid {
    grid-template-columns: 1fr;
  }

  .hln-screen[data-hln-screen="site"] .hln-live-selects {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hln-screen[data-hln-screen="site"] .hln-configurator-result {
    grid-template-columns: 1fr;
  }

  .hln-screen[data-hln-screen="site"] .hln-configurator-actions {
    grid-template-columns: 1fr 1fr;
  }
}


.hln-reference-button.is-derived {
  border-style: dashed;
  background: rgba(248, 243, 232, .94);
  color: #755d3d;
}


.hln-reference-note {
  display: grid;
  gap: 5px;
  margin: -2px 0 14px;
  padding: 11px 12px;
  border: 1px solid rgba(117, 93, 61, .15);
  border-radius: 14px;
  background: rgba(249, 246, 238, .82);
  color: #5e665f;
}

.hln-reference-note strong {
  color: #514b41;
  font-size: 11px;
}

.hln-reference-note span {
  font-size: 10px;
  line-height: 1.45;
}

.hln-reference-note small {
  color: #817969;
  font-size: 9px;
  line-height: 1.4;
}

.hln-reference-spec {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
  padding: 11px;
  border: 1px solid rgba(49, 93, 73, .17);
  border-radius: 14px;
  background: rgba(238, 245, 241, .78);
}

.hln-reference-spec[hidden] {
  display: none;
}

.hln-reference-spec > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.72);
}

.hln-reference-spec span {
  color: #748078;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .09em;
}

.hln-reference-spec strong {
  color: #2f493d;
  font-size: 10px;
  line-height: 1.42;
  font-weight: 700;
}

.hln-reference-spec p {
  grid-column: 1 / -1;
  margin: 1px 2px 0;
  color: #68736d;
  font-size: 9px;
  line-height: 1.4;
}

.hln-live-configurator.is-reference .hln-reference-spec {
  border-color: rgba(49, 93, 73, .30);
  box-shadow: inset 0 0 0 1px rgba(49, 93, 73, .05);
}

@media (max-width: 620px) {
  .hln-reference-note {
    margin-bottom: 10px;
  }

  .hln-reference-spec {
    grid-template-columns: 1fr;
  }

  .hln-reference-spec p {
    grid-column: auto;
  }
}


/* Smart scenario optimizers */
.hln-project-guardrail{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;align-items:end;
  margin:14px 0 0;padding:12px;border:1px solid rgba(43,66,54,.12);border-radius:14px;background:#f7f8f5
}
.hln-project-guardrail label{display:grid;gap:5px}
.hln-project-guardrail label>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#557064}
.hln-project-guardrail select{
  min-width:0;padding:10px 11px;border:1px solid #d6ddd8;border-radius:10px;background:#fff;color:#27342e;font:inherit;font-size:10px
}
.hln-project-guardrail>small{color:#6d7973;font-size:8px;line-height:1.5}
.hln-roi-costs{
  margin:-4px 0 14px;padding:0 13px;border:1px solid #ded9cf;border-radius:14px;background:#fbfaf7
}
.hln-roi-costs summary{
  padding:12px 0;cursor:pointer;color:#4d5d55;font-size:9px;font-weight:850
}
.hln-roi-costs>p{margin:0 0 12px;color:#647169;font-size:9px;line-height:1.55}
.hln-roi-costs>small{display:block;margin:10px 0 13px;color:#7a827e;font-size:8px;line-height:1.45}
.hln-roi-cost-list{display:grid;gap:6px;margin-bottom:10px}
.hln-roi-cost-list article{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:9px 10px;border-radius:10px;background:#f3f5f2
}
.hln-roi-cost-list article div{display:grid;gap:2px;min-width:0}
.hln-roi-cost-list article strong{font-size:9px;color:#36473f}
.hln-roi-cost-list article small{font-size:7px;color:#7a8580;overflow-wrap:anywhere}
.hln-roi-cost-list article b{font-size:9px;color:#36584a;white-space:nowrap}
.hln-live-configurator.is-calculating .hln-configurator-result{
  border-color:#d8ddd9;background:linear-gradient(145deg,#fafbf9,#f5f7f4)
}
.hln-calculating-value{color:#78837d!important;font-size:10px!important;font-weight:750!important}
@media (max-width:720px){
  .hln-project-guardrail{grid-template-columns:1fr}
}

.hln-smart-configs{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0
}
.hln-smart-configs button{
  display:grid;gap:5px;min-height:112px;padding:16px;border:1px solid rgba(43,66,54,.12);border-radius:18px;
  background:linear-gradient(145deg,#f7faf7,#eef5f0);color:#203029;text-align:left;cursor:pointer;
  box-shadow:0 10px 28px rgba(25,43,33,.06)
}
.hln-smart-configs button:last-child{background:linear-gradient(145deg,#fbf8f1,#f4efe5)}
.hln-smart-configs button:disabled{opacity:.55;cursor:wait}
.hln-smart-configs span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#397159}
.hln-smart-configs button:last-child span{color:#8a6b3b}
.hln-smart-configs strong{font-size:14px;line-height:1.2}
.hln-smart-configs small{color:#738079;font-size:9px;line-height:1.4}
.hln-optimization-note{
  display:grid;gap:4px;margin:0 0 14px;padding:13px 14px;border:1px solid #d9ded9;border-radius:14px;background:#f7f8f6
}
.hln-optimization-note strong{font-size:11px}
.hln-optimization-note span,.hln-optimization-note small{color:#65736c;font-size:8px;line-height:1.45}
.hln-optimization-note.is-good{border-color:#b9d7c6;background:#eef7f1}
.hln-optimization-note.is-warn{border-color:#e1c9a3;background:#fbf5ea}

/* Step 04 report */
.hln-report-screen{background:linear-gradient(180deg,#f8f7f3 0,#f4f6f2 100%)}
.hln-report-heading{align-items:flex-end}
.hln-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hln-report-hero{
  display:grid;grid-template-columns:1fr 40px 1fr 1.05fr;gap:10px;align-items:stretch;margin-bottom:18px
}
.hln-report-hero article{
  display:grid;align-content:center;min-height:132px;padding:18px;border:1px solid #d8ddd9;border-radius:20px;background:#fff
}
.hln-report-hero article small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#7a8680}
.hln-report-hero article strong{margin-top:4px;font-size:34px;line-height:1;color:#23483a}
.hln-report-hero article span{margin-top:6px;color:#65736c;font-size:10px}
.hln-report-hero .is-after{border-color:#bfd8c8;background:#eff7f2}
.hln-report-hero .is-saving{border:0;background:#1f3f34;color:#fff}
.hln-report-hero .is-saving small,.hln-report-hero .is-saving span{color:#bcd0c5}
.hln-report-hero .is-saving strong{color:#c9ead7;font-size:28px}
.hln-report-hero .is-saving strong.is-bad{color:#f2b8b0}
.hln-report-arrow{display:grid;place-items:center;color:#8b958f;font-size:24px}
.hln-report-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}
.hln-report-card{
  padding:18px;border:1px solid #dfe3df;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(28,43,35,.05)
}
.hln-report-card>header{display:grid;gap:3px;margin-bottom:14px}
.hln-report-card>header span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#5a806e}
.hln-report-card>header strong{font-size:15px}
.hln-report-comparison,.hln-report-monthly,.hln-report-monthly-cost,.hln-report-method{grid-column:1/-1}
.hln-report-bars{display:grid;gap:13px}
.hln-report-bar-row{display:grid;gap:7px}
.hln-report-bar-copy{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline}
.hln-report-bar-copy strong{font-size:10px}
.hln-report-bar-copy span{color:#68756f;font-size:9px}
.hln-report-bar-copy em{font-size:10px;font-style:normal;font-weight:900}
.hln-report-bar-copy em.is-good{color:#24714e}
.hln-report-bar-copy em.is-bad{color:#a4473d}
.hln-report-bar-track{display:grid;gap:3px}
.hln-report-bar-track i{display:block;height:7px;border-radius:999px}
.hln-report-bar-track .is-home{background:#8099a5}
.hln-report-bar-track .is-after{background:#4b956f}
.hln-report-nzeb-status{padding:11px 12px;border-radius:12px;background:#f1f2ef;color:#5e6963;font-size:9px;font-weight:800;line-height:1.4}
.hln-report-nzeb-status.is-good{background:#e8f5ed;color:#226744}
.hln-report-nzeb-status.is-warn{background:#fbf1e3;color:#8a6134}
.hln-report-nzeb-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.hln-report-nzeb-metrics>div{display:grid;gap:3px;padding:12px;border-radius:13px;background:#f7f8f5}
.hln-report-nzeb-metrics small{color:#7d8782;font-size:8px}
.hln-report-nzeb-metrics strong{font-size:13px}
.hln-report-nzeb-metrics span{color:#69756e;font-size:8px}
.hln-report-nzeb p,.hln-report-method p{margin:11px 0 0;color:#748078;font-size:8px;line-height:1.5}
.hln-report-measures>div{display:grid;gap:7px}
.hln-report-measures article{
  display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid #e3e5e1;border-radius:12px
}
.hln-report-measures article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef5f0;color:#315f49}
.hln-report-measures article svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.hln-report-measures article div{display:grid;gap:2px}
.hln-report-measures article strong{font-size:10px}
.hln-report-measures article small,.hln-report-empty{color:#77827c;font-size:8px;line-height:1.4}
.hln-report-losses{display:grid;gap:9px}
.hln-loss-row{display:grid;gap:5px}
.hln-loss-row>span{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hln-loss-row strong{font-size:9px}
.hln-loss-row em{color:#65736c;font-size:8px;font-style:normal}
.hln-loss-row>i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#eef0ed}
.hln-loss-row>i>b{display:block;height:100%;border-radius:inherit;background:#587b69}
.hln-monthly-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end;height:190px;padding-top:10px}
.hln-month-column{display:grid;grid-template-rows:1fr auto;gap:5px;height:100%;min-width:0}
.hln-month-bars{display:flex;gap:2px;align-items:end;justify-content:center;min-height:0}
.hln-month-bars i{display:block;width:38%;min-height:0;border-radius:5px 5px 2px 2px}
.hln-month-bars .is-home{background:#8099a5}
.hln-month-bars .is-after{background:#4b956f}
.hln-month-column small{overflow:hidden;color:#7c8781;font-size:7px;text-align:center;text-transform:uppercase}
.hln-report-strategy{display:grid;gap:10px}
.hln-report-strategy>div{display:grid;gap:9px}
.hln-strategy-lead{display:grid;gap:4px;padding:12px;border-radius:13px;background:#f2f6f3}
.hln-strategy-lead strong{font-size:12px;color:#274a3a}
.hln-strategy-lead span{color:#68756f;font-size:9px;line-height:1.45}
.hln-strategy-list{display:grid;gap:6px}
.hln-strategy-list article{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:8px 9px;
  border:1px solid #e1e5e1;border-radius:11px;background:#fff
}
.hln-strategy-list article>b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#25483a;color:#fff;font-size:9px}
.hln-strategy-list article>div{display:grid;gap:2px}
.hln-strategy-list article strong{font-size:9px}
.hln-strategy-list article small{color:#748079;font-size:8px;line-height:1.4}
.hln-report-strategy p{margin:0;color:#748079;font-size:8px;line-height:1.5}

.hln-report-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hln-report-method-grid>div{display:grid;gap:3px;padding:11px;border-radius:12px;background:#f5f6f3}
.hln-report-method-grid small{color:#7a8580;font-size:8px}
.hln-report-method-grid strong{font-size:9px;line-height:1.35}

.hln-report-visual{
  display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:14px;align-items:stretch;
  min-height:310px;margin:0 0 18px;padding:16px;border:1px solid #dfe3df;border-radius:22px;
  background:linear-gradient(135deg,#edf4ef 0,#fbfcfa 52%,#f3efe6 100%);overflow:hidden
}
.hln-report-visual-copy{display:grid;align-content:center;gap:7px;padding:18px}
.hln-report-visual-copy span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#557b68}
.hln-report-visual-copy strong{font-size:24px;line-height:1.08;color:#203f33}
.hln-report-visual-copy small{max-width:320px;color:#68766f;font-size:10px;line-height:1.5}
.hln-report-3d-wrap{min-height:275px;border-radius:17px;overflow:hidden;background:rgba(230,237,232,.72)}
.hln-report-3d{width:100%;height:100%;min-height:275px}
.hln-report-3d .hln-3d-toolbar,.hln-report-3d [data-hln-3d-explode]{display:none!important}

.hln-report-envelope-status{
  margin-top:8px;padding:9px 11px;border-radius:11px;background:#f2f3f0;color:#65716b;font-size:8px;font-weight:800;line-height:1.45
}
.hln-report-envelope-status.is-good{background:#edf6f0;color:#286849}
.hln-report-envelope-status.is-warn{background:#fbf1e5;color:#865e32}

.hln-monthly-cost-chart{
  display:grid;grid-template-columns:repeat(12,minmax(42px,1fr));gap:7px;align-items:end;min-height:210px;padding-top:8px
}
.hln-month-cost-column{
  display:grid;grid-template-rows:135px auto auto auto;gap:3px;min-width:0;text-align:center
}
.hln-month-cost-bars{display:flex;gap:2px;align-items:end;justify-content:center;min-height:0}
.hln-month-cost-bars i{display:block;width:38%;border-radius:5px 5px 2px 2px}
.hln-month-cost-bars .is-home{background:#8099a5}
.hln-month-cost-bars .is-after{background:#4b956f}
.hln-month-cost-column small{color:#7b8780;font-size:7px;text-transform:uppercase}
.hln-month-cost-column strong{font-size:8px;color:#314a3e;white-space:nowrap}
.hln-month-cost-column em{font-size:7px;color:#7b8780;font-style:normal;white-space:nowrap}

.hln-report-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hln-report-stat-grid>div{display:grid;gap:3px;padding:12px;border-radius:13px;background:#f4f7f4}
.hln-report-stat-grid small,.hln-report-system-grid small{color:#7a8580;font-size:8px}
.hln-report-stat-grid strong{font-size:11px;line-height:1.35}
.hln-report-renewables>p{margin:10px 0 0;color:#748079;font-size:8px;line-height:1.5}

.hln-report-system-main{display:grid;gap:5px;padding:14px;border-radius:14px;background:#eef5f0}
.hln-report-system-main strong{font-size:14px;color:#244738}
.hln-report-system-main span{color:#5f7067;font-size:9px;line-height:1.45}
.hln-report-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.hln-report-system-grid>div{display:grid;gap:4px;padding:10px;border:1px solid #e2e6e2;border-radius:12px}
.hln-report-system-grid strong{font-size:8px;line-height:1.45}

.hln-report-provenance{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.hln-report-provenance article{display:grid;gap:5px;padding:13px;border-radius:14px;border:1px solid}
.hln-report-provenance article>span{font-size:7px;font-weight:900;letter-spacing:.13em}
.hln-report-provenance article>strong{font-size:10px;line-height:1.35}
.hln-report-provenance article>p{margin:0;font-size:8px;line-height:1.5}
.hln-report-provenance .is-source-backed{border-color:#b8d3c4;background:#eef7f1}
.hln-report-provenance .is-source-backed>span{color:#2d704e}
.hln-report-provenance .is-light-estimate{border-color:#dccbaa;background:#faf5e9}
.hln-report-provenance .is-light-estimate>span{color:#87672e}
.hln-report-assumptions{display:grid;gap:7px;margin-top:12px;padding:12px 13px;border-radius:13px;background:#f6f7f4}
.hln-report-assumptions>strong{font-size:9px}
.hln-report-assumptions ul{display:grid;gap:4px;margin:0;padding-left:16px;color:#6f7c75;font-size:8px;line-height:1.45}

@media(max-width:760px){
  .hln-smart-configs{grid-template-columns:1fr}
  .hln-smart-configs button{min-height:94px}
  .hln-report-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hln-report-hero{grid-template-columns:1fr 22px 1fr}
  .hln-report-hero .is-saving{grid-column:1/-1;min-height:92px}
  .hln-report-hero article{min-height:104px;padding:13px}
  .hln-report-hero article strong{font-size:26px}
  .hln-report-grid{grid-template-columns:1fr}
  .hln-report-comparison,.hln-report-monthly,.hln-report-monthly-cost,.hln-report-method{grid-column:auto}
  .hln-report-bar-copy{grid-template-columns:1fr auto}
  .hln-report-bar-copy em{grid-column:2}
  .hln-report-nzeb-metrics{grid-template-columns:1fr}
  .hln-report-method-grid{grid-template-columns:1fr 1fr}
  .hln-report-visual{grid-template-columns:1fr;min-height:0;padding:10px}
  .hln-report-visual-copy{padding:10px}
  .hln-report-visual-copy strong{font-size:20px}
  .hln-report-3d-wrap,.hln-report-3d{min-height:230px}
  .hln-report-provenance{grid-template-columns:1fr}
  .hln-report-system-grid{grid-template-columns:1fr}
  .hln-monthly-bars{gap:3px;height:150px}
  .hln-month-column small{font-size:6px}
  .hln-monthly-cost-chart{grid-template-columns:repeat(12,44px);overflow-x:auto;padding-bottom:6px}
  .hln-month-cost-column{grid-template-rows:105px auto auto auto}
}

@media print{
  body.hln-page{background:#fff!important}
  .hln-topbar,.hln-dock,.hln-report-actions,.hln-status{display:none!important}
  .hln-app{max-width:none!important;border:0!important;box-shadow:none!important}
  .hln-screen{display:none!important}
  .hln-screen[data-hln-screen="report"]{display:block!important;padding:0!important}
  .hln-report-card,.hln-report-hero article,.hln-report-visual{break-inside:avoid;box-shadow:none!important}
  .hln-report-visual{min-height:250px}
  .hln-report-3d-wrap,.hln-report-3d{min-height:215px}
  .hln-report-screen{background:#fff!important}
  .hln-report-grid{gap:10px}
}