/* ─── WIZARD (shared component — homepage + landing pages) ─── */
.wizard-card{
  background:var(--white);
  border:1px solid var(--grey2);
  border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04),0 16px 48px rgba(0,0,0,.06);
  overflow:hidden;
}
.wc-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;background:var(--off);
  border-bottom:1px solid var(--grey1);
}
.wc-dots{display:flex;gap:6px;}
.wc-dot{width:10px;height:10px;border-radius:50%;}
.wc-title{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--grey4);}
.wc-badge{
  display:flex;align-items:center;gap:5px;
  font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--sage);background:var(--sage-pale);border:1px solid var(--sage-border);
  border-radius:20px;padding:3px 8px;
}
.wc-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--sage);}

.wc-progress{height:2px;background:var(--grey1);}
.wc-progress-fill{height:100%;background:var(--sage);transition:width .4s var(--ease);}

.wiz-body{padding:24px;}
.wiz-step{display:none;}
.wiz-step.active{display:block;}
.step-label{
  font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--grey4);margin-bottom:16px;
  display:flex;align-items:center;gap:8px;
}
.step-label::before{
  content:attr(data-n);width:20px;height:20px;border-radius:50%;
  background:var(--grey1);display:flex;align-items:center;justify-content:center;
  font-size:10px;color:var(--graphite);font-weight:600;flex-shrink:0;
}

.dev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.dev-btn{
  background:var(--off);border:1.5px solid var(--grey1);
  border-radius:10px;padding:16px 8px;
  cursor:pointer;display:flex;flex-direction:column;
  align-items:center;gap:8px;
  transition:all .2s var(--ease);
}
.dev-btn:hover{border-color:var(--grey3);background:var(--grey1);transform:translateY(-2px);}
.dev-btn.sel{border-color:var(--sage);background:var(--sage-pale);}
.dev-icon{font-size:26px;line-height:1;}
.dev-label{font-size:11px;font-weight:500;color:var(--graphite);letter-spacing:.04em;}

.issue-list{display:flex;flex-direction:column;gap:6px;}
.issue-btn{
  background:var(--off);border:1.5px solid var(--grey1);
  border-radius:8px;padding:12px 14px;
  cursor:pointer;text-align:left;
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;transition:all .2s;
}
.issue-btn:hover{border-color:var(--grey3);background:var(--white);}
.ib-left{display:flex;align-items:center;gap:10px;flex:1;}
.ib-icon{font-size:16px;flex-shrink:0;}
.ib-text{font-size:13px;color:var(--graphite);}
.ib-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.ib-price{font-size:12px;font-weight:500;color:var(--sage);white-space:nowrap;}
.ib-check{width:18px;height:18px;border-radius:50%;background:var(--sage);display:none;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0;}
.ib-arrow{font-size:14px;color:var(--grey3);}
.issue-btn.sel{border-color:var(--sage);background:var(--sage-pale);}
.issue-btn.sel .ib-check{display:flex;}
.issue-btn.sel .ib-arrow{display:none;}

.mod-list{display:flex;flex-direction:column;gap:6px;}
.mod-btn{background:var(--off);border:1.5px solid var(--grey1);border-radius:8px;padding:11px 14px;cursor:pointer;text-align:left;font-size:13px;color:var(--graphite);transition:all .2s;width:100%;}
.mod-btn:hover{border-color:var(--grey3);background:var(--white);}
.mod-btn.sel{border-color:var(--sage);background:var(--sage-pale);}

.get-quote-wrap{margin-top:10px;display:none;}
.get-quote-wrap.show{display:block;animation:gq-in .2s ease;}
@keyframes gq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.get-quote-btn{width:100%;padding:13px;background:var(--ink);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.get-quote-btn:hover{background:var(--sage);}
.not-sure-btn{display:block;width:100%;background:none;border:none;text-align:center;margin-top:10px;font-size:12px;color:var(--grey4);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px;transition:color .2s;}
.not-sure-btn:hover{color:var(--ink);}

.wiz-result{
  background:var(--off);border:1.5px solid var(--grey1);
  border-radius:10px;padding:20px;
}
.wr-device{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grey4);margin-bottom:6px;}
.wr-repair{font-family:'Instrument Serif',serif;font-size:24px;color:var(--ink);margin-bottom:2px;}
.wr-price{font-family:'Instrument Serif',serif;font-size:38px;color:var(--sage);line-height:1;margin-bottom:4px;}
.wr-time{font-size:12px;color:var(--grey4);}
.wr-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.wr-wa{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:12px;background:var(--ink);color:#fff;
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:var(--r2);border:none;cursor:pointer;transition:background .2s;
}
.wr-wa:hover{background:var(--sage);}
.wr-back{
  padding:12px 14px;background:transparent;color:var(--grey4);
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  border-radius:var(--r2);border:1.5px solid var(--grey2);cursor:pointer;transition:all .2s;
}
.wr-back:hover{border-color:var(--grey3);color:var(--ink);}

.bundle-save{display:inline-block;background:var(--sage-pale);color:var(--sage);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:12px;border:1px solid var(--sage-border);}
.bundle-items{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;}
.bundle-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;color:var(--graphite);padding:3px 0;}
.br-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0;margin-left:10px;}
.br-price{font-size:12px;font-weight:500;color:var(--sage);}
.br-time{font-size:11px;color:var(--grey4);}
.bundle-total-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--grey2);padding-top:10px;margin-top:6px;}
.bt-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey4);}
.bt-price{font-family:'Instrument Serif',serif;font-size:32px;color:var(--sage);line-height:1;}

.wr-diag{text-align:center;padding:8px 0 4px;}
.wr-diag-icon{font-size:32px;margin-bottom:10px;}
.wr-diag-title{font-family:'Instrument Serif',serif;font-size:22px;color:var(--ink);margin-bottom:6px;}
.wr-diag-sub{font-size:13px;color:var(--grey4);line-height:1.6;}

.wiz-nav{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.wiz-back{
  background:none;border:none;cursor:pointer;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--grey4);display:flex;align-items:center;gap:5px;
  padding:0;transition:color .2s;
}
.wiz-back:hover{color:var(--ink);}

/* ─── Email-quote fallback (step 3) ─────── */
.lead-toggle{display:block;width:100%;background:none;border:none;text-align:center;margin-top:14px;font-size:12px;color:var(--sage);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px;transition:color .2s;}
.lead-toggle:hover{color:var(--ink);}

@media(max-width:860px){
  .wizard-card{opacity:1!important;transform:none!important;}
  .dev-grid{grid-template-columns:repeat(2,1fr);}
  .wiz-embed-inner{padding:56px 20px;}
}