.hpwh-cost{--ink:#17313b;--blue:#075e7c;--green:#176447;max-width:74rem;margin:0 auto;padding:clamp(1rem,3vw,2rem);color:var(--ink)}
.hpwh-cost__hero{padding:clamp(1.5rem,5vw,3.5rem);border-radius:1.4rem;background:linear-gradient(135deg,#e7f5f0,#eaf5fb 58%,#fff4d8)}.hpwh-cost__eyebrow,.hpwh-cost__label{margin:0;color:var(--green);font-size:.8rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.hpwh-cost__hero h2{max-width:18ch;margin:.4rem 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.04em}.hpwh-cost__hero>p:last-child{max-width:70ch;font-size:1.1rem;line-height:1.65}
.hpwh-cost__ranges{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.hpwh-cost__ranges article{padding:1.4rem;border:1px solid #c7dde2;border-radius:1rem;background:#fff;box-shadow:0 .5rem 1.3rem rgba(20,54,70,.07)}.hpwh-cost__amount{margin:.35rem 0;color:var(--blue);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.04em}.hpwh-cost__source{padding:.8rem 1rem;border-left:.3rem solid #e59a00;background:#fff9e8}.hpwh-cost a{color:var(--blue);font-weight:800}.hpwh-cost a:focus-visible{outline:3px solid #e59a00;outline-offset:3px}
.hpwh-cost__drivers,.hpwh-cost__quote,.hpwh-cost__tax{margin:1.5rem 0;padding:clamp(1.2rem,3vw,2rem);border-radius:1rem}.hpwh-cost__drivers{background:#f1f8fa}.hpwh-cost__drivers>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.hpwh-cost__drivers article{display:grid;gap:.35rem;padding:1rem;border-radius:.75rem;background:#fff;line-height:1.5}.hpwh-cost__quote{background:#eef7f2}.hpwh-cost__quote li{margin:.65rem 0}.hpwh-cost__tax{border-left:.4rem solid #c25b32;background:#fff2ea}.hpwh-cost__actions{display:flex;flex-wrap:wrap;gap:.8rem}.hpwh-cost__actions a{display:inline-flex;padding:.8rem 1rem;border-radius:999px;color:#fff;background:var(--blue);text-decoration:none}.hpwh-cost__boundary{margin-top:1.5rem;color:#536a73;font-size:.86rem}.hpwh-cost__unavailable{padding:1.5rem;border-radius:1rem;background:#fff4d8}
@media(max-width:760px){.hpwh-cost__ranges{grid-template-columns:1fr}.hpwh-cost__drivers>div{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.hpwh-cost{padding:.5rem}.hpwh-cost__drivers>div{grid-template-columns:1fr}.hpwh-cost__actions{display:grid}.hpwh-cost__actions a{justify-content:center;min-height:44px;text-align:center}}
@media(prefers-reduced-motion:reduce){.hpwh-cost *{scroll-behavior:auto!important;transition:none!important}}