.hos-energy-calculator{
--green:#123f30;
--green2:#1b5a40;
--sage:#77965c;
--ink:#1b251f;
--muted:#68716c;
--shadow:0 15px 35px rgba(35,47,40,.065);
box-sizing:border-box;
color:var(--ink);
font-family:"DM Sans",Arial,sans-serif;
}
.hos-energy-calculator *,.hos-energy-calculator *:before,.hos-energy-calculator *:after{box-sizing:border-box}
.hos-energy-calculator a{color:inherit;text-decoration:none}
.hos-energy-calculator h2,.hos-energy-calculator h3,.hos-energy-calculator p{margin-top:0}
.hos-energy-calculator h2,.hos-energy-calculator h3{
font-family:"Manrope",Arial,sans-serif;
letter-spacing:-.045em
}
.hos-energy-calculator h2 em{
font-family:"Playfair Display",Georgia,serif;
font-weight:600;
color:var(--sage)
}
.hos-energy-calculator p{color:var(--muted);line-height:1.6}
.hos-energy-calculator .button{
min-height:48px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
gap:9px;font-weight:700;font-size:.88rem;white-space:nowrap;border:1px solid transparent;transition:.2s;cursor:pointer
}
.hos-energy-calculator .button:hover{transform:translateY(-2px)}
.hos-energy-calculator .primary{background:var(--green);color:white;box-shadow:0 10px 20px rgba(18,63,48,.18)}
.hos-energy-calculator .pill{
display:inline-block;padding:7px 13px;border-radius:999px;color:#41634e;background:#e7ecdf;
letter-spacing:.19em;font-size:.66rem;font-weight:700
} .hos-energy-calculator.calculator-wrap{
margin:0 36px 18px;
display:grid;
grid-template-columns:300px 1fr;
gap:14px;
background:#f1eee7;
border-radius:25px;
padding:14px
}
.hos-energy-calculator .calc-side{
background:var(--green);color:#fff;border-radius:20px;padding:28px;
display:flex;flex-direction:column;justify-content:space-between;min-height:560px
}
.hos-energy-calculator .calc-side h2{font-size:2rem;line-height:1.05;color:#fff;margin:10px 0 12px}
.hos-energy-calculator .calc-side h2 em{color:#dce7d3}
.hos-energy-calculator .calc-side p{font-size:.78rem;color:rgba(255,255,255,.76)}
.hos-energy-calculator .privacy-note{
padding:14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
color:#d5e1d8;font-size:.68rem;line-height:1.5
}
.hos-energy-calculator .calc-shell{
background:#fffefa;border:1px solid #e8e5dd;border-radius:20px;padding:28px;min-height:560px;
box-shadow:var(--shadow);position:relative
}
.hos-energy-calculator .progress-head{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.hos-energy-calculator .progress-track{height:8px;flex:1;background:#e9ede6;border-radius:999px;overflow:hidden}
.hos-energy-calculator .progress-bar{
height:100%;width:20%;background:linear-gradient(90deg,var(--sage),var(--green2));border-radius:999px;
transition:width .35s ease
}
.hos-energy-calculator .progress-label{min-width:94px;text-align:right;color:#627068;font-size:.7rem;font-weight:800}
.hos-energy-calculator .calc-step[hidden],.hos-energy-calculator .calc-result[hidden]{display:none!important}
.hos-energy-calculator .step-kicker{
font-size:.66rem;letter-spacing:.15em;color:var(--sage);font-weight:800;margin-bottom:8px
}
.hos-energy-calculator .calc-step h3,.hos-energy-calculator .calc-result h3{font-size:1.75rem;color:var(--green);margin:0 0 8px}
.hos-energy-calculator .step-copy{font-size:.82rem;margin-bottom:22px;max-width:720px}
.hos-energy-calculator .field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hos-energy-calculator .field{display:flex;flex-direction:column;gap:7px}
.hos-energy-calculator label,.hos-energy-calculator .field-label{font-size:.75rem;font-weight:700;color:#44524a}
.hos-energy-calculator input[type="number"]{
width:100%;height:54px;border:1px solid #dfe2dc;border-radius:14px;padding:0 15px;background:#fff;
color:var(--ink);font:600 .95rem "DM Sans",Arial,sans-serif;outline:none;transition:.2s
}
.hos-energy-calculator input[type="number"]:focus{border-color:#92a97a;box-shadow:0 0 0 3px rgba(119,150,92,.12)}
.hos-energy-calculator .option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hos-energy-calculator .option-grid.three{grid-template-columns:repeat(3,1fr)}
.hos-energy-calculator .choice{
border:1px solid #e1e3de;background:#fff;border-radius:16px;padding:16px;text-align:left;cursor:pointer;
color:#34463c;transition:.18s;font-family:"DM Sans",Arial,sans-serif;min-height:86px
}
.hos-energy-calculator .choice:hover{border-color:#a8b99b;transform:translateY(-1px)}
.hos-energy-calculator .choice.selected,.hos-energy-calculator .choice[aria-pressed="true"]{
border-color:#78925f;background:#eef3e9;box-shadow:0 0 0 2px rgba(119,150,92,.10)
}
.hos-energy-calculator .choice strong{display:block;color:var(--green);font-size:.82rem;margin-bottom:4px}
.hos-energy-calculator .choice small{display:block;color:#6d7871;font-size:.68rem;line-height:1.4}
.hos-energy-calculator .section-mini{margin:24px 0 9px;color:#526158;font-size:.72rem;font-weight:800}
.hos-energy-calculator .step-controls{
display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #efede7
}
.hos-energy-calculator .control{
min-height:44px;padding:0 19px;border-radius:999px;border:1px solid #d9ddd7;background:#fff;
color:var(--green);font-weight:800;font-size:.76rem;cursor:pointer
}
.hos-energy-calculator .control.next{margin-left:auto;background:var(--green);color:#fff;border-color:var(--green)}
.hos-energy-calculator .control:disabled{opacity:.4;cursor:not-allowed}
.hos-energy-calculator .error{
display:none;margin-top:13px;padding:10px 12px;border-radius:12px;background:#fff4ef;color:#8a4936;
font-size:.72rem;font-weight:600
}
.hos-energy-calculator .error.show{display:block} .hos-energy-calculator .result-top{
display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px
}
.hos-energy-calculator .result-badge{
display:inline-block;padding:6px 10px;border-radius:999px;background:#e8eee1;color:#41634e;
font-size:.63rem;font-weight:800;letter-spacing:.1em
}
.hos-energy-calculator .result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.hos-energy-calculator .result-card{border:1px solid #e6e4de;border-radius:17px;padding:18px;background:#fff}
.hos-energy-calculator .result-card.featured{background:#eef3e9;border-color:#cfdac6}
.hos-energy-calculator .result-card span{display:block;font-size:.65rem;color:#6f7b74;margin-bottom:7px}
.hos-energy-calculator .result-card strong{display:block;color:var(--green);font-size:1.45rem;letter-spacing:-.03em}
.hos-energy-calculator .result-card small{display:block;color:#7b857f;font-size:.63rem;margin-top:4px}
.hos-energy-calculator .result-explain{
margin:18px 0;padding:16px 18px;border-left:3px solid var(--sage);border-radius:0 14px 14px 0;background:#f6f5ef
}
.hos-energy-calculator .result-explain p{margin:0;font-size:.76rem;color:#56645c}
.hos-energy-calculator .activity-line{
display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0
}
.hos-energy-calculator .activity-chip{
padding:6px 9px;border-radius:999px;background:#f1eee7;color:#58665d;font-size:.63rem;font-weight:700
}
.hos-energy-calculator .result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px} @media(max-width:1050px){
.hos-energy-calculator.calculator-wrap{grid-template-columns:1fr}
.hos-energy-calculator .calc-side{min-height:auto}
}
@media(max-width:760px){
.hos-energy-calculator.calculator-wrap{margin-left:14px;margin-right:14px;padding:8px}
.hos-energy-calculator .calc-shell{padding:20px;min-height:610px}
.hos-energy-calculator .calc-side{padding:23px}
.hos-energy-calculator .field-grid,.hos-energy-calculator .option-grid,.hos-energy-calculator .option-grid.three,
.hos-energy-calculator .result-grid{grid-template-columns:1fr}
.hos-energy-calculator .result-top{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
.hos-energy-calculator *{scroll-behavior:auto!important;transition:none!important}
} .hos-energy-calculator .choice{position:relative}
.hos-energy-calculator .choice[aria-pressed="true"]:after{content:"✓";position:absolute;top:3px;right:7px;font-size:.7rem;font-weight:800;color:var(--green)}
.hos-energy-calculator :is(a,button,input):focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.hos-energy-calculator .calc-step h3:focus,.hos-energy-calculator .calc-result h3:focus{outline:none}
.hos-energy-calculator .energy-noscript{margin:16px;color:var(--ink)}