:root{--hwsp-primary:#087f5b;--hwsp-deep:#064b37;--hwsp-accent:#b7e04a;--hwsp-blue:#2E3990;--hwsp-text:#13251f;--hwsp-muted:#63756e;--hwsp-border:#dce7e2;--hwsp-soft:#f3f8f5}
.hwsp-advisor{max-width:1120px;margin:32px auto;color:var(--hwsp-text);background:#fff;border:1px solid var(--hwsp-border);border-radius:26px;box-shadow:0 24px 70px rgba(46,57,144,.14);overflow:hidden;font:16px/1.55 system-ui,-apple-system,sans-serif;scroll-margin-top:24px}
.hwsp-advisor>header{position:relative;padding:40px clamp(24px,6vw,64px);color:#fff;background:radial-gradient(circle at 90% 0,rgba(18,168,78,.25),transparent 32%),linear-gradient(135deg,var(--hwsp-blue),var(--hwsp-primary))}
.hwsp-advisor>header h2{max-width:760px;margin:6px 0 10px;color:#fff;font-size:clamp(28px,4.5vw,48px);line-height:1.08;letter-spacing:-.035em}.hwsp-advisor>header p{max-width:670px;margin:0;color:#dff5ea;font-size:17px}.hwsp-kicker{color:var(--hwsp-accent);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hwsp-progress{height:7px;background:#e6efea}.hwsp-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--hwsp-primary),var(--hwsp-accent));transition:width .3s ease}.hwsp-step-label{display:flex;justify-content:space-between;gap:20px;margin:0;padding:16px clamp(22px,5vw,56px);color:var(--hwsp-muted);background:var(--hwsp-soft);font-size:14px}.hwsp-step-label strong{color:var(--hwsp-primary);text-align:right}
.hwsp-advisor main{min-height:430px;padding:34px clamp(20px,5vw,56px)}.hwsp-advisor main h3{margin:0 0 6px;font-size:clamp(24px,3vw,34px);line-height:1.15}.hwsp-advisor main>section>p{margin-top:0;color:var(--hwsp-muted)}
.hwsp-appliance-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:26px}.hwsp-appliance-card{position:relative;padding:20px 14px 14px;text-align:center;background:#fff;border:1px solid var(--hwsp-border);border-radius:17px;box-shadow:0 7px 20px rgba(16,65,48,.05);transition:.2s ease}.hwsp-appliance-card:hover{transform:translateY(-3px);border-color:#9ccbb7;box-shadow:0 13px 28px rgba(16,65,48,.1)}.hwsp-appliance-card.is-added{background:#f1faed;border-color:#90bd32}.hwsp-icon{display:inline-grid;place-items:center;width:48px;height:48px;font-size:29px;background:var(--hwsp-soft);border-radius:14px}.hwsp-appliance-card h4{margin:10px 0 2px;font-size:15px}.hwsp-appliance-card p{margin:0 0 12px;color:var(--hwsp-muted);font-size:13px}.hwsp-appliance-card button,.hwsp-choice-grid button{width:100%;padding:10px;border:0;border-radius:10px;color:#fff;background:var(--hwsp-primary);font-weight:750;cursor:pointer}.hwsp-appliance-card.is-added button{color:var(--hwsp-deep);background:var(--hwsp-accent)}.hwsp-empty{margin-top:20px;padding:14px;text-align:center;color:var(--hwsp-muted);background:var(--hwsp-soft);border-radius:12px}
.hwsp-selected{display:grid;grid-template-columns:1.3fr repeat(4,1fr) auto;gap:12px;align-items:end;margin:14px 0;padding:18px;background:var(--hwsp-soft);border:1px solid var(--hwsp-border);border-radius:16px}.hwsp-selected-title{display:flex;gap:10px;align-items:center;align-self:center}.hwsp-selected-title .hwsp-icon{width:42px;height:42px;font-size:23px}.hwsp-selected label span,.hwsp-custom-hours span,.hwsp-location span{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.hwsp-selected input,.hwsp-custom-hours input,.hwsp-location select{box-sizing:border-box;width:100%;min-height:45px;padding:10px 12px;background:#fff;border:1px solid #c9d9d1;border-radius:10px;font:inherit}.hwsp-remove{min-height:45px;padding:0 14px;color:#9c2c2c;background:#fff0f0;border:0;border-radius:10px;cursor:pointer}
.hwsp-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;margin-top:28px}.hwsp-choice-grid button{padding:20px;color:var(--hwsp-text);background:var(--hwsp-soft);border:2px solid transparent;font-size:17px}.hwsp-choice-grid button:hover,.hwsp-choice-grid .is-active{border-color:var(--hwsp-primary);background:#e7f5ed}.hwsp-custom-hours,.hwsp-location{display:block;max-width:520px;margin-top:24px}.hwsp-location select{min-height:54px;font-size:16px}
.hwsp-advisor>footer{display:flex;justify-content:flex-end;gap:12px;padding:20px clamp(20px,5vw,56px);background:var(--hwsp-soft);border-top:1px solid var(--hwsp-border)}.hwsp-advisor>footer button{min-width:135px;padding:14px 22px;border:0;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer}.hwsp-next{color:#fff;background:var(--hwsp-primary)}.hwsp-back{color:var(--hwsp-deep);background:#e1ece6}.hwsp-error{min-height:20px;margin:0;padding:0 56px 14px;color:#b42318;background:var(--hwsp-soft);font-weight:700}
.hwsp-friendly{padding:12px 15px;color:#356353;background:#edf8f2;border-radius:11px}.hwsp-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.hwsp-result-grid article{padding:20px;background:#fff;border:1px solid var(--hwsp-border);border-radius:15px;box-shadow:0 7px 20px rgba(16,65,48,.05)}.hwsp-result-grid small{display:block;color:var(--hwsp-muted);font-weight:700}.hwsp-result-grid strong{display:block;margin:5px 0;color:var(--hwsp-primary);font-size:21px}.hwsp-result-grid p{margin:0;color:var(--hwsp-muted);font-size:13px}.hwsp-actions{display:flex;flex-wrap:wrap;gap:10px}.hwsp-actions a,.hwsp-actions button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;color:#fff;background:var(--hwsp-primary);border:0;border-radius:10px;font-weight:750;text-decoration:none;cursor:pointer}.hwsp-actions .hwsp-reset{color:var(--hwsp-text);background:#e5eee9}
@media(max-width:950px){.hwsp-appliance-cards{grid-template-columns:repeat(3,1fr)}.hwsp-selected{grid-template-columns:repeat(2,1fr)}.hwsp-selected-title{grid-column:1/-1}.hwsp-result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hwsp-advisor{margin:10px;border-radius:18px}.hwsp-advisor>header{padding:28px 22px}.hwsp-step-label{display:block}.hwsp-step-label strong{display:block;margin-top:5px;text-align:left}.hwsp-advisor main{padding:26px 18px}.hwsp-appliance-cards{grid-template-columns:repeat(2,1fr);gap:10px}.hwsp-appliance-card{padding:16px 9px 10px}.hwsp-selected,.hwsp-choice-grid,.hwsp-result-grid{grid-template-columns:1fr}.hwsp-advisor>footer{padding:16px}.hwsp-advisor>footer button{flex:1;min-width:0}.hwsp-error{padding:0 18px 12px}}
@media print{body *{visibility:hidden}.hwsp-advisor,.hwsp-advisor *{visibility:visible}.hwsp-advisor{position:absolute;inset:0;margin:0;border:0;box-shadow:none}.hwsp-advisor>header,.hwsp-progress,.hwsp-step-label,.hwsp-advisor>footer,.hwsp-actions{display:none}.hwsp-advisor main{padding:0}.hwsp-result-grid{grid-template-columns:repeat(2,1fr)}}
.hwsp-selected label em{display:block;margin-top:2px;color:var(--hwsp-muted);font-size:11px;font-style:normal;font-weight:500}.hwsp-load-chart{margin:26px 0;padding:18px;background:#fbfefd;border:1px solid var(--hwsp-border);border-radius:16px}.hwsp-load-chart h4{margin:0 0 12px;font-size:18px}.hwsp-load-chart div{overflow-x:auto}.hwsp-load-chart table{width:100%;min-width:680px;border-collapse:collapse}.hwsp-load-chart th,.hwsp-load-chart td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--hwsp-border);font-size:14px}.hwsp-load-chart th{color:var(--hwsp-deep);background:var(--hwsp-soft);font-weight:800}.hwsp-load-chart td{color:var(--hwsp-muted)}
.hwsp-selected-simple{grid-template-columns:1fr 170px auto}.hwsp-selected-title span:last-child{display:grid}.hwsp-selected-title em{color:var(--hwsp-muted);font-size:12px;font-style:normal}.hwsp-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.hwsp-contact-grid label{display:block}.hwsp-contact-grid span{display:block;margin-bottom:6px;font-size:13px;font-weight:800}.hwsp-contact-grid input,.hwsp-contact-grid textarea{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid #c9d9d1;border-radius:12px;background:#fff;font:inherit}.hwsp-contact-grid textarea{resize:vertical}.hwsp-wide{grid-column:1/-1}
@media(max-width:700px){.hwsp-selected-simple,.hwsp-contact-grid{grid-template-columns:1fr}.hwsp-load-chart table{min-width:760px}}