.hpv-tool-wrap,.hpv-tool-wrap *{box-sizing:border-box}
:root{
  --rose:#b85c38;--rose-light:#fdf3ee;--rose-mid:#e8c4b0;--rose-border:#d4886a;
  --sand:#faf8f4;--sand2:#f4f1eb;--sand3:#ede8df;
  --ink:#1c1917;--ink2:#57534e;--ink3:#a8a29e;
  --gold:#f59e0b;--gold-light:#fefce8;--gold-border:#fde68a;
  --sage:#059669;--sage-light:#ecfdf5;--sage-border:#6ee7b7;
  --radius:12px;--radius-lg:18px;
}

.wi{max-width:740px;margin:0 auto;padding:2rem 1rem 3rem}

/* HEADER */
.hdr{background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:2.5rem 2.5rem 2rem;border:1px solid var(--sand3);border-bottom:none;position:relative;overflow:hidden}
.hdr::before{content:'';position:absolute;top:0;right:0;width:280px;height:100%;background:radial-gradient(ellipse at 80% 30%,#fff7ed 0%,transparent 70%);pointer-events:none}
.hdr-badge{display:inline-flex;align-items:center;gap:6px;background:var(--rose-light);color:var(--rose);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:18px;border:1px solid var(--rose-mid)}
.hdr h1{font-size:27px;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:8px;position:relative}
.hdr h1 em{font-style:normal;color:var(--rose)}
.hdr p{font-size:13px;color:var(--ink2);position:relative}

/* STEPBAR */
.stepbar{display:flex;background:#fff;border-left:1px solid var(--sand3);border-right:1px solid var(--sand3);border-bottom:1px solid var(--sand3)}
.stepbar-item{flex:1;padding:14px 8px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--ink3);border-bottom:2px solid transparent;transition:all .2s}
.stepbar-item.active{color:var(--rose);border-bottom-color:var(--rose)}
.stepbar-item.done{color:var(--sage)}

/* BODY */
.body{background:#fff;border:1px solid var(--sand3);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:2rem 2.5rem}
.sec{font-size:10px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.12em;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--sand2)}
.sec:first-child{margin-top:0}

/* INFO BOXES */
.ib{border-radius:var(--radius);padding:14px 16px;font-size:12.5px;line-height:1.75;margin-bottom:16px}
.ib-rose{background:var(--rose-light);border:1px solid var(--rose-mid);color:#9f1239}
.ib-gold{background:var(--gold-light);border:1px solid var(--gold-border);color:#78350f}
.ib-sage{background:var(--sage-light);border:1px solid var(--sage-border);color:#065f46}
.ib-sand{background:var(--sand2);border:1px solid var(--sand3);color:var(--ink2)}

/* GRID */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}

/* FORM */
.lbl{font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:6px;display:block}
.hint{font-size:11px;color:var(--sage);margin-top:5px;min-height:16px;line-height:1.4}
.hint-muted{font-size:11px;color:var(--ink3);margin-top:5px;line-height:1.4}
.iw{position:relative;display:block}
.iw .pre{position:absolute;left:12px;top:0;bottom:0;display:flex;align-items:center;font-size:14px;color:var(--ink3);pointer-events:none;z-index:2}
.iw input[type=number]{display:block;width:100%;padding:10px 12px 10px 28px;font-family:inherit;font-size:14px;border:1.5px solid var(--sand3);border-radius:10px;background:#fff;color:var(--ink);outline:none;transition:border .15s;-moz-appearance:textfield}
.iw input[type=number]::-webkit-inner-spin-button,.iw input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
.iw input[type=number]:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(225,29,72,.08)}
.iw input[type=number]:disabled{opacity:.35;cursor:not-allowed;background:var(--sand)}
select,input[type=email]{font-family:inherit;font-size:14px;padding:10px 12px;border:1.5px solid var(--sand3);border-radius:10px;background:#fff;color:var(--ink);width:100%;outline:none;transition:border .15s;appearance:none}
select:focus,input[type=email]:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(225,29,72,.08)}
select:disabled{opacity:.35;background:var(--sand)}

/* TOGGLE */
.tog{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500;color:var(--ink);user-select:none;margin-bottom:16px;padding:12px 14px;background:var(--sand);border-radius:10px;border:1.5px solid var(--sand3);transition:border .15s}
.tog:hover{border-color:var(--rose-border)}
.tog.active{border-color:var(--rose-border);background:var(--rose-light)}
.tog-t{width:38px;height:22px;border-radius:11px;position:relative;transition:background .2s;flex-shrink:0}
.tog-k{width:16px;height:16px;border-radius:8px;background:#fff;position:absolute;top:3px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}

/* TYPE BUTTONS */
.tb{flex:1;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:600;border:1.5px solid var(--sand3);background:#fff;color:var(--ink2);transition:all .15s;cursor:pointer;font-family:inherit}
.tb.on{border-color:var(--rose);background:var(--rose-light);color:var(--rose)}
.tb:hover:not(.on){border-color:var(--rose-border);color:var(--rose)}

/* SEG BUTTONS */
.sb{padding:9px 16px;border-radius:10px;font-size:12px;font-weight:600;border:1.5px solid var(--sand3);background:#fff;color:var(--ink2);transition:all .18s;cursor:pointer;font-family:inherit}
.sb.on{border-color:var(--rose);background:var(--rose-light);color:var(--rose)}
.sb:hover:not(.on){border-color:var(--rose-border)}

/* PRIORITY RADIO — single select */
.pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.pr-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius);border:1.5px solid var(--sand3);cursor:pointer;transition:all .18s;font-size:13px;font-weight:500;color:var(--ink2);background:#fff;user-select:none}
.pr-item:hover{border-color:var(--rose-border);background:var(--rose-light)}
.pr-item.on{border-color:var(--rose);background:var(--rose-light);color:var(--rose);font-weight:700}
.pr-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--sand3);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.pr-item.on .pr-radio{border-color:var(--rose);background:var(--rose)}
.pr-radio-dot{width:6px;height:6px;border-radius:50%;background:#fff}
.pr-desc{font-size:10px;color:var(--ink3);margin-top:2px;font-weight:400}

/* DOWN PAYMENT VISUAL */
.dp-box{background:var(--sand);border:1.5px solid var(--sand3);border-radius:var(--radius);padding:16px 18px;margin-top:6px}
.dp-bar-wrap{background:var(--sand3);border-radius:100px;height:10px;margin:8px 0 5px;overflow:visible;position:relative}
.dp-bar-fill{height:100%;border-radius:100px;transition:width .3s,background .3s;position:relative}
.dp-marker{position:absolute;top:-3px;width:2px;height:16px;background:var(--rose);z-index:3}
.dp-marker-label{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;color:var(--rose);white-space:nowrap}
.dp-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink3);margin-bottom:10px}
.dp-status{font-size:12px;font-weight:600;padding:9px 13px;border-radius:9px;margin-top:4px;line-height:1.5}

/* SLIDER */
.slider-wrap{background:var(--sand);border:1.5px solid var(--sand3);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}
.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.slider-header span{font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.slider-val{font-size:16px;font-weight:700;color:var(--rose)}
input[type=range]{width:100%;height:6px;border-radius:100px;outline:none;cursor:pointer;accent-color:var(--rose);margin-bottom:4px}
.slider-marks{display:flex;justify-content:space-between;font-size:10px;color:var(--ink3);margin-bottom:14px}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ic{background:#fff;border:1.5px solid var(--sand3);border-radius:10px;padding:11px 12px;text-align:center}
.ic.good{border-color:var(--sage-border);background:var(--sage-light)}
.ic.warn{border-color:var(--gold-border);background:var(--gold-light)}
.ic-lbl{font-size:10px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.ic-val{font-size:16px;font-weight:700;color:var(--ink)}
.ic-val.rose{color:var(--rose)}
.ic-val.sage{color:var(--sage)}
.ic-sub{font-size:10px;color:var(--ink3);margin-top:2px}

/* SCENARIO CARDS */
.scc{border:1.5px solid var(--sand3);border-radius:var(--radius);padding:1.2rem;background:#fff;position:relative}
.scc.hl{border-color:var(--rose-border);background:var(--rose-light)}
.sc-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--rose);color:#fff;font-size:10px;font-weight:700;padding:4px 14px;border-radius:100px;white-space:nowrap;letter-spacing:.04em}
.sc-lbl{font-size:10px;font-weight:700;color:var(--ink3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.sc-lbl.rose{color:var(--rose)}
.sc-sub{font-size:11px;color:var(--ink3);margin-bottom:10px;line-height:1.5}
.sc-big{font-size:26px;font-weight:700;color:var(--ink);line-height:1.1}
.sc-loan{font-size:11px;color:var(--ink3);margin-top:2px}
.sc-pmt{font-size:12px;color:var(--ink2);margin-top:8px}
.sc-gain{font-size:13px;color:var(--sage);font-weight:700;margin-top:6px}

/* PILLS */
.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;line-height:1.5;white-space:nowrap;margin:2px 2px 0 0}
.p-sage{background:var(--sage-light);color:#065f46;border:1px solid var(--sage-border)}
.p-rose{background:var(--rose-light);color:#9f1239;border:1px solid var(--rose-mid)}
.p-gold{background:var(--gold-light);color:#78350f;border:1px solid var(--gold-border)}
.p-sand{background:var(--sand2);color:var(--ink2);border:1px solid var(--sand3)}
.p-warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}

/* CITY CARDS */
.cc{background:#fff;border:1.5px solid var(--sand3);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:10px;transition:border .2s}
.cc:hover{border-color:var(--rose-border)}
.cr{width:26px;height:26px;border-radius:50%;background:var(--rose-light);color:var(--rose);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid var(--rose-border)}

/* SUMMARY */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.si{background:var(--sand);border:1px solid var(--sand3);border-radius:var(--radius);padding:14px;text-align:center}
.slbl{font-size:10px;color:var(--ink3);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.sval{font-size:20px;font-weight:700;color:var(--ink)}
.ssub{font-size:10px;color:var(--ink3);margin-top:2px}

/* BUTTONS */
.btn-back{background:#fff;color:var(--ink2);border:1.5px solid var(--sand3);border-radius:10px;padding:11px 20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}
.btn-back:hover{border-color:var(--rose-border);color:var(--rose)}
.btn-next{background:var(--rose);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s}
.btn-next:hover{opacity:.9}
.btn-next:active{transform:scale(.98)}
.btn-next:disabled{background:var(--sand3);color:var(--ink3);cursor:not-allowed;transform:none}

/* BLUR */
.blurb{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:20px}
.bluri{filter:blur(5px);user-select:none;pointer-events:none;background:var(--sand);padding:1.25rem;border-radius:var(--radius)}
.bluro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;padding:1rem}

/* CTA */
.cta{background:linear-gradient(135deg,#1c1917,#b85c38);border-radius:var(--radius-lg);padding:2rem;margin-top:20px;text-align:center;color:#fff}
.dtotal{font-size:12px;color:var(--ink3);margin:4px 0 16px;text-align:right}
.disc{font-size:11px;color:var(--ink3);line-height:1.75;border-top:1px solid var(--sand2);padding-top:14px;margin-top:20px}

/* SORT BADGE */
.sort-info{background:var(--rose-light);border:1px solid var(--rose-mid);border-radius:8px;padding:8px 12px;font-size:11px;color:#9f1239;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:6px}

.hpv-tool-wrap{font-family:'Plus Jakarta Sans','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;background:var(--sand);color:var(--ink);width:100%;min-height:70vh;padding:2rem 0 3rem}
.hpv-tool-wrap button,.hpv-tool-wrap input,.hpv-tool-wrap select{font-family:inherit}
.hpv-tool-wrap .wi{max-width:740px;margin:0 auto;padding:2rem 1rem 3rem}
@media(max-width:760px){.hpv-tool-wrap .g2,.hpv-tool-wrap .g3,.hpv-tool-wrap .sg,.hpv-tool-wrap .impact-grid{grid-template-columns:1fr}.hpv-tool-wrap .body,.hpv-tool-wrap .hdr{padding:1.5rem 1.25rem}.hpv-tool-wrap .pr-grid{grid-template-columns:1fr}.hpv-tool-wrap .cta div[style*="display:flex"]{flex-direction:column}.hpv-tool-wrap .cta input[type=email],.hpv-tool-wrap .cta button{width:100%!important}}

    

/* v4 polish: match HomeProvi home page, remove gray page feel, improve readability */
body.homeprovi-tool-page,
body.homeprovi-tool-page .site,
body.homeprovi-tool-page .site-content,
body.homeprovi-tool-page .content-area,
body.homeprovi-tool-page .site-main,
body.homeprovi-tool-page article,
body.homeprovi-tool-page .entry-content,
body.homeprovi-tool-page .wp-site-blocks,
body.homeprovi-tool-page .wp-block-post-content{
  background:#fdfaf5!important;
}
body.homeprovi-tool-page .entry-title,
body.homeprovi-tool-page h1.entry-title,
body.homeprovi-tool-page .wp-block-post-title{
  display:none!important;
}
body.homeprovi-tool-page .entry-content,
body.homeprovi-tool-page .wp-block-post-content{
  max-width:none!important;
  padding-top:0!important;
}
.hpv-tool-wrap{
  background:linear-gradient(180deg,#fdfaf5 0%,#fbf8f2 55%,#fdfaf5 100%);
  padding:clamp(2.8rem,5vw,5rem) 0 clamp(4rem,6vw,6rem);
  min-height:72vh;
  width:100%;
}
.hpv-tool-wrap .wi{
  max-width:880px;
  padding:0 1.25rem;
}
.hpv-tool-wrap .hdr{
  padding:3.25rem 3.35rem 2.6rem;
  border-color:#e8ded2;
  box-shadow:0 24px 70px rgba(28,25,23,.055);
}
.hpv-tool-wrap .hdr-badge{
  font-size:12px;
  padding:6px 16px;
  border-color:#e8c4b0;
}
.hpv-tool-wrap .hdr h1{
  font-size:clamp(34px,3.2vw,43px);
  line-height:1.26;
  letter-spacing:-.035em;
}
.hpv-tool-wrap .hdr p{
  font-size:15px;
  line-height:1.7;
}
.hpv-tool-wrap .stepbar-item{
  padding:17px 8px;
  font-size:12px;
}
.hpv-tool-wrap .body{
  padding:2.6rem 3.35rem 3rem;
  border-color:#e8ded2;
  box-shadow:0 24px 70px rgba(28,25,23,.055);
}
.hpv-tool-wrap .ib{font-size:14px;padding:16px 18px;}
.hpv-tool-wrap .lbl{font-size:13px;margin-bottom:7px;}
.hpv-tool-wrap .sec{font-size:11px;margin:28px 0 14px;}
.hpv-tool-wrap .iw input[type=number],
.hpv-tool-wrap select,
.hpv-tool-wrap input[type=email]{
  font-size:15px;
  padding-top:12px;
  padding-bottom:12px;
}
.hpv-tool-wrap .tb{font-size:12px;padding:9px 12px;}
.hpv-tool-wrap .tog{font-size:14px;padding:14px 16px;}
.hpv-tool-wrap .btn-next,.hpv-tool-wrap .btn-back{font-size:15px;padding:14px 28px;}
.hpv-tool-wrap .dp-box,.hpv-tool-wrap .slider-wrap{padding:20px 22px;}
.hpv-tool-wrap .slider-help{
  margin:-4px 0 14px;
  color:var(--ink-muted, #6b6560);
  font-size:13px;
  line-height:1.65;
}
.hpv-tool-wrap .city-note{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--sand2);
  color:var(--ink3);
  font-size:11px;
  line-height:1.6;
}
.hpv-tool-wrap .cc{padding:1.25rem 1.4rem;margin-bottom:13px;}
.hpv-tool-wrap .sc-big{font-size:30px;}
.hpv-tool-wrap .sval{font-size:24px;}
.hpv-tool-wrap .ic-val{font-size:19px;}
@media(max-width:760px){
  .hpv-tool-wrap{padding:2rem 0 3rem;}
  .hpv-tool-wrap .wi{padding:0 1rem;}
  .hpv-tool-wrap .hdr,.hpv-tool-wrap .body{padding:1.65rem 1.25rem;}
  .hpv-tool-wrap .hdr h1{font-size:30px;}
}

/* v5 email capture */
.hpv-email-form{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) auto;
  gap:8px;
  max-width:620px;
  margin:0 auto;
  align-items:center;
}
.hpv-email-form input[type=text],
.hpv-email-form input[type=email]{
  background:rgba(255,255,255,.15);
  border:1.5px solid rgba(255,255,255,.3);
  color:#fff;
  border-radius:10px;
  padding:11px 14px;
  font-size:13px;
  width:100%;
  outline:none;
  font-family:inherit;
}
.hpv-email-form input::placeholder{color:rgba(255,255,255,.58)}
.hpv-email-form input:focus{border-color:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.hpv-email-form button{
  background:#fff;
  color:var(--rose);
  border:none;
  border-radius:10px;
  padding:11px 20px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  font-family:inherit;
}
.hpv-email-form button:disabled,
.hpv-email-form input:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:760px){
  .hpv-email-form{grid-template-columns:1fr;max-width:100%}
  .hpv-email-form button{width:100%}
}


/* v5-2: clearer city explanation */
.city-reason{margin-top:10px;background:#fbf8f2;border:1px solid #eadfd3;border-radius:10px;padding:9px 11px;font-size:11px;color:var(--ink2);line-height:1.55}
.city-reason strong{color:var(--ink);font-weight:800}