.hpwh-home-guide{--hpwh-black:var(--hpwh-canvas,#050607);--hpwh-panel:var(--hpwh-surface,#0d1115);--hpwh-line:var(--hpwh-border,#303945);--hpwh-lime:#c8ff3d;--hpwh-mint:#90f4d1;position:relative;max-width:var(--hpwh-content,86rem);margin:0 auto 2rem;padding:clamp(.75rem,2vw,1.5rem);border-radius:var(--hpwh-radius-lg,1.35rem);background:radial-gradient(circle at 86% 3%,rgba(57,230,176,.12),transparent 25%),var(--hpwh-black);color:#f8fafc;box-shadow:0 0 0 100vmax var(--hpwh-black);clip-path:inset(0 -100vmax);box-sizing:border-box}
.hpwh-home-guide *{box-sizing:border-box}.hpwh-home-guide a{color:inherit}.hpwh-home-guide__eyebrow{margin:0 0 .5rem;color:var(--hpwh-lime);font-size:.74rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.hpwh-home-guide__hero{position:relative;isolation:isolate;display:flex;min-height:clamp(22rem,48vh,28rem);align-items:center;overflow:hidden;padding:clamp(1.25rem,3.5vw,3rem);border:1px solid var(--hpwh-line);border-radius:var(--hpwh-radius-lg,1.35rem);background:#080b0d}
.hpwh-home-guide__hero-image,.hpwh-home-guide__hero-shade{position:absolute;inset:0;width:100%;height:100%}.hpwh-home-guide__hero-image{z-index:-2;object-fit:cover;object-position:center}.hpwh-home-guide__hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,6,7,.97) 0%,rgba(3,6,7,.86) 42%,rgba(3,6,7,.25) 74%,rgba(3,6,7,.08) 100%),linear-gradient(0deg,rgba(3,6,7,.58),transparent 58%)}
.hpwh-home-guide__hero-copy{max-width:43rem}.hpwh-home-guide__hero-copy h1{max-width:14ch;margin:.15rem 0 .8rem;color:#fff;font-size:clamp(2.2rem,4.25vw,3.7rem);font-weight:950;letter-spacing:-.052em;line-height:.98}.hpwh-home-guide__hero-copy>p:not(.hpwh-home-guide__eyebrow){max-width:39rem;margin:0;color:#d6dee5;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.55}
.hpwh-home-guide__hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.2rem 0 .9rem}.hpwh-home-guide__hero-action{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.68rem .95rem;border:1px solid #77828d;border-radius:999px;color:#fff!important;font-weight:900;text-decoration:none}.hpwh-home-guide__hero-action--primary{border-color:var(--hpwh-lime);background:var(--hpwh-lime);color:#071009!important}.hpwh-home-guide__hero-action:hover{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.16)}.hpwh-home-guide__hero-action:focus-visible{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.16);outline:3px solid var(--hpwh-lime);outline-offset:3px}
.hpwh-home-guide__trust{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:0;list-style:none;color:#bcc7d0;font-size:.84rem;font-weight:750}.hpwh-home-guide__trust li::before{margin-right:.35rem;color:var(--hpwh-mint);font-weight:950;content:'✓'}
.hpwh-home-guide__start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.85rem 0 0}.hpwh-home-guide__start a{display:flex;min-height:7.8rem;flex-direction:column;gap:.25rem;padding:.9rem 1rem;border:1px solid #35404b;border-radius:var(--hpwh-radius-md,1rem);background:#0d1115;color:#fff!important;text-decoration:none}.hpwh-home-guide__start a:hover{border-color:var(--hpwh-lime);background:#121a16;box-shadow:0 .8rem 2rem rgba(0,0,0,.24)}.hpwh-home-guide__start a:focus-visible{border-color:var(--hpwh-lime);background:#121a16;box-shadow:0 .8rem 2rem rgba(0,0,0,.24);outline:3px solid var(--hpwh-lime);outline-offset:3px}.hpwh-home-guide__start span{color:var(--hpwh-lime);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hpwh-home-guide__start strong{font-size:1rem;line-height:1.22}.hpwh-home-guide__start small{margin-top:auto;color:#aeb9c5;font-size:.8rem;line-height:1.4}
.hpwh-home-guide__products{padding:clamp(1.4rem,3vw,2.4rem) 0}.hpwh-home-guide__section-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.55rem 2rem;align-items:end;margin-bottom:.9rem}.hpwh-home-guide__section-heading .hpwh-home-guide__eyebrow{grid-column:1/-1}.hpwh-home-guide__section-heading h2{max-width:15ch;margin:0;color:#fff;font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:950;letter-spacing:-.04em;line-height:1.02}.hpwh-home-guide__section-heading>p:last-child{max-width:48rem;margin:0;color:#aeb9c5;font-size:.9rem;line-height:1.48}
.hpwh-home-guide__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding:.1rem}.hpwh-home-guide__product{display:flex;min-width:0;min-height:19.25rem;flex-direction:column;overflow:hidden;border:1px solid var(--hpwh-line);border-radius:var(--hpwh-radius-md,1rem);background:#0d1115;text-decoration:none}.hpwh-home-guide__product:hover{border-color:var(--hpwh-lime);box-shadow:0 1rem 2.4rem rgba(0,0,0,.28)}.hpwh-home-guide__product:focus-visible{border-color:var(--hpwh-lime);box-shadow:0 1rem 2.4rem rgba(0,0,0,.28);outline:3px solid var(--hpwh-lime);outline-offset:3px}.hpwh-home-guide__product-media{position:relative;isolation:isolate;display:grid;height:11.25rem;place-items:center;overflow:hidden;padding:.65rem;background:radial-gradient(circle,#fff 0,#eff3f4 68%,#d9e0e3 100%)}.hpwh-home-guide__product-image-fallback{position:absolute;inset:0;z-index:0;display:grid;place-content:center;text-align:center;color:#24313a}.hpwh-home-guide__product-image-fallback strong{font-size:1rem}.hpwh-home-guide__product-image-fallback small{color:#63727e;font-size:.72rem}.hpwh-home-guide__product-media img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.hpwh-home-guide[data-hpwh-images-ready] .hpwh-home-guide__product-media img{opacity:0}.hpwh-home-guide[data-hpwh-images-ready] .hpwh-home-guide__product-media[data-hpwh-image-state=loaded] img{opacity:1}.hpwh-home-guide__product-media[data-hpwh-image-state=error]{background:linear-gradient(145deg,#f5f7f8,#dfe7ea)}.hpwh-home-guide__product-copy{display:flex;min-height:8rem;flex:1;flex-direction:column;gap:.18rem;padding:.8rem}.hpwh-home-guide__product-copy strong{color:var(--hpwh-lime);font-size:.93rem}.hpwh-home-guide__product-copy>span{color:#fff;font-size:.82rem;font-weight:780;overflow-wrap:anywhere}.hpwh-home-guide__product-copy small{color:#aeb9c5;font-size:.74rem}.hpwh-home-guide__product-copy em{margin-top:auto;padding-top:.55rem;color:#fff;font-size:.82rem;font-style:normal;font-weight:850}
.hpwh-home-guide__savings{margin:0 calc(clamp(.75rem,2vw,1.5rem) * -1);padding:clamp(.75rem,2vw,1.5rem);scroll-margin-top:5rem;background:#080a0c}.hpwh-home-guide__savings .hpwh-calculator{margin:0 auto}
@media(max-width:70rem){.hpwh-home-guide__product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:52rem){.hpwh-home-guide__hero{min-height:27rem}.hpwh-home-guide__hero-image{object-position:66% center}.hpwh-home-guide__hero-shade{background:linear-gradient(0deg,rgba(3,6,7,.98) 0%,rgba(3,6,7,.8) 62%,rgba(3,6,7,.13) 100%)}.hpwh-home-guide__hero-copy h1{font-size:clamp(2.15rem,8vw,3.2rem)}.hpwh-home-guide__start{grid-template-columns:1fr}.hpwh-home-guide__start a{min-height:0}.hpwh-home-guide__section-heading{grid-template-columns:1fr}.hpwh-home-guide__section-heading .hpwh-home-guide__eyebrow{grid-column:auto}.hpwh-home-guide__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:34rem){.hpwh-home-guide{padding:.55rem}.hpwh-home-guide__hero{min-height:28rem;padding:1.1rem}.hpwh-home-guide__hero-copy h1{font-size:clamp(2rem,10.5vw,2.85rem)}.hpwh-home-guide__hero-actions{display:grid}.hpwh-home-guide__hero-action{width:100%}.hpwh-home-guide__trust{display:grid;gap:.3rem}.hpwh-home-guide__savings{margin:0 -.55rem;padding:.55rem}.hpwh-home-guide__product-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hpwh-home-guide *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
