/* ============================================================
   CHEW ON THIS REALTY - lead capture popup
   Same palette as the rest of the site.
   ink #0F1319 / blue #1668E3 / tint #EAF2FE / soft #F6F9FC
   No :root, no CSS variables, every value hardcoded.
   ============================================================ */

.pop-cot{
  position:fixed;inset:0;z-index:190;display:none;place-items:center;padding:4vw;
  background:rgba(8,10,14,.82);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1);
}
.pop-cot.open-cot{display:grid;opacity:1}

.pop-card-cot{
  position:relative;width:min(880px,94vw);max-height:92vh;overflow:hidden;
  display:grid;grid-template-columns:.82fr 1.18fr;
  background:#FFFFFF;
  box-shadow:0 60px 120px -48px rgba(0,0,0,.9);
  transform:translateY(24px) scale(.985);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.pop-cot.open-cot .pop-card-cot{transform:none}

/* ---------- close ---------- */
.pop-x-cot{
  position:absolute;top:14px;right:14px;z-index:6;
  width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.92);color:#0F1319;font-size:14px;
  display:grid;place-items:center;
  box-shadow:0 10px 24px -14px rgba(15,19,25,.8);
  transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s;
}
.pop-x-cot:hover{transform:rotate(90deg);background:#FFFFFF}

/* ---------- left media panel ---------- */
.pop-media-cot{position:relative;overflow:hidden;background:#0F1319;min-height:100%}
.pop-media-cot img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.pop-media-cot::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,19,25,.22) 0%,rgba(15,19,25,.28) 42%,rgba(15,19,25,.92) 100%);
}
.pop-media-in-cot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 22px}
.pop-quote-cot{
  margin:0 0 14px;color:#FFFFFF;
  font-family:'Archivo',sans-serif;font-weight:500;font-size:15px;line-height:1.45;letter-spacing:-.012em;
  border-left:3px solid #1668E3;padding-left:13px;
}
.pop-sig-cot{margin:0;line-height:1.25}
.pop-sig-cot b{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:13.5px;color:#FFFFFF}
.pop-sig-cot em{
  display:block;font-style:normal;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:#A9CBF7;margin-top:4px;
}

/* ---------- right body ---------- */
.pop-body-cot{position:relative;padding:clamp(26px,3.2vw,40px);overflow-y:auto}
.pop-body-cot .eyebrow-cot{margin-bottom:12px}
.pop-sub-cot{margin:12px 0 20px;font-size:14.5px;color:#5A6373;line-height:1.62}

/* ---------- intent chips ---------- */
.pop-pick-cot{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.pop-chip-cot{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;
  border:1px solid #E1E8F1;background:#FFFFFF;color:#3A4250;border-radius:4px;
  font-family:'Inter',sans-serif;font-size:13px;line-height:1;
  transition:border-color .3s,background .3s,color .3s,transform .4s cubic-bezier(.22,1,.36,1);
}
.pop-chip-cot i{font-size:12px;color:#8892A4;transition:color .3s}
.pop-chip-cot:hover{border-color:#BCCCE0;transform:translateY(-2px)}
.pop-chip-cot.on-cot{background:#1668E3;border-color:#1668E3;color:#FFFFFF}
.pop-chip-cot.on-cot i{color:#FFFFFF}

/* ---------- fields ---------- */
.pop-row-cot{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.pop-form-cot input[type="text"],
.pop-form-cot input[type="tel"],
.pop-form-cot input[type="email"]{
  width:100%;padding:14px 16px;border:1px solid #E1E8F1;border-radius:4px;background:#FCFDFE;
  font-family:'Inter',sans-serif;font-size:14.5px;color:#0F1319;
  transition:border-color .3s,box-shadow .3s,background .3s;
}
.pop-form-cot input::placeholder{color:#9AA3B2}
.pop-form-cot input:focus{
  outline:none;border-color:#1668E3;background:#FFFFFF;
  box-shadow:0 0 0 3px rgba(22,104,227,.1);
}
.pop-submit-cot{
  width:100%;justify-content:center;margin-top:16px;padding:16px 26px;
  font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
}
.pop-submit-cot:disabled{opacity:.72;cursor:not-allowed;transform:none}

.pop-fine-cot{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:14px 0 0;font-size:12px;color:#8892A4;text-align:center;
}
.pop-fine-cot i{font-size:10px;color:#BCCCE0}

.pop-skip-cot{
  display:block;margin:14px auto 0;padding:6px 4px;border:0;background:transparent;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:12.5px;color:#8892A4;
  text-decoration:underline;text-underline-offset:3px;
  transition:color .3s;
}
.pop-skip-cot:hover{color:#3A4250}

/* ---------- success state ---------- */
.pop-done-cot{
  position:absolute;inset:0;z-index:5;display:none;
  flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(26px,3.2vw,40px);background:#FFFFFF;
}
.pop-done-cot.on-cot{display:flex}
.pop-done-cot i{font-size:38px;color:#1668E3;margin-bottom:18px}
.pop-done-cot h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.018em;margin:0 0 10px}
.pop-done-cot p{margin:0 0 24px;font-size:14.5px;color:#5A6373;line-height:1.65;max-width:36ch}

/* ---------- responsive ---------- */
@media (max-width:820px){
  .pop-card-cot{grid-template-columns:1fr;max-height:88vh}
  .pop-media-cot{min-height:190px;max-height:190px}
  .pop-media-cot img{object-position:center 14%}
  .pop-quote-cot{font-size:14px}
}
@media (max-width:520px){
  .pop-cot{padding:16px}
  .pop-media-cot{display:none}
  .pop-row-cot{grid-template-columns:1fr}
  .pop-pick-cot{gap:7px}
  .pop-chip-cot{padding:9px 13px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .pop-cot,.pop-card-cot{transition-duration:.001ms}
  .pop-card-cot{transform:none}
}

/* ============================================================
   TWO STEP FLOW
   Step 1 is the intent picker, step 2 is that intent's form.
   ============================================================ */
.pop-step-cot{display:none}
.pop-step-cot.on-cot{display:block;animation:pop-in-cot .38s cubic-bezier(.22,1,.36,1) both}
@keyframes pop-in-cot{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}

/* chips become full width rows in the picker */
.pop-pick-cot{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.pop-chip-cot{
  display:flex;align-items:center;gap:12px;width:100%;padding:15px 18px;cursor:pointer;text-align:left;
  border:1px solid #E1E8F1;background:#FFFFFF;color:#0F1319;border-radius:4px;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:14.5px;line-height:1.2;
  transition:border-color .3s,background .3s,color .3s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;
}
.pop-chip-cot > span{flex:1}
.pop-chip-cot > i:first-child{
  width:34px;height:34px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;
  background:#EAF2FE;color:#1668E3;font-size:13px;
  transition:background .3s,color .3s;
}
.pop-chip-go-cot{font-size:11px;color:#BCCCE0;transition:transform .4s cubic-bezier(.22,1,.36,1),color .3s}
.pop-chip-cot:hover{
  border-color:#1668E3;background:#F7FAFF;transform:translateY(-2px);
  box-shadow:0 14px 30px -22px rgba(22,104,227,.9);
}
.pop-chip-cot:hover > i:first-child{background:#1668E3;color:#FFFFFF}
.pop-chip-cot:hover .pop-chip-go-cot{transform:translateX(4px);color:#1668E3}

/* back link on step 2 */
.pop-back-cot{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 0;
  border:0;background:transparent;cursor:pointer;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.06em;color:#7A8494;
  transition:color .3s,transform .4s cubic-bezier(.22,1,.36,1);
}
.pop-back-cot i{font-size:10px;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.pop-back-cot:hover{color:#1668E3}
.pop-back-cot:hover i{transform:translateX(-3px)}

/* secondary link out, e.g. the PropNex valuation tool */
.pop-alt-cot{
  display:flex;align-items:center;gap:13px;margin-top:16px;padding:14px 16px;
  border:1px dashed #C9DBF5;background:#F7FAFF;border-radius:4px;color:#0F1319;
  transition:border-color .3s,background .3s,transform .4s cubic-bezier(.22,1,.36,1);
}
.pop-alt-cot:hover{border-color:#1668E3;background:#EAF2FE;transform:translateY(-2px)}
.pop-alt-cot > i:first-child{
  width:32px;height:32px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;
  background:#FFFFFF;border:1px solid #D5E1F2;color:#1668E3;font-size:12px;
}
.pop-alt-cot > i:last-child{font-size:11px;color:#8892A4}
.pop-alt-cot span{flex:1;line-height:1.3}
.pop-alt-cot b{display:block;font-family:'Archivo',sans-serif;font-weight:600;font-size:13.5px}
.pop-alt-cot em{display:block;font-style:normal;font-size:12px;color:#7A8494;margin-top:3px}
.pop-alt-slim-cot{margin-top:14px}

/* the two ways out, side by side */
.pop-outs-cot{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;
  margin-top:14px;
}
.pop-outs-cot .pop-skip-cot{margin:0}
#popMuteCot{
  display:inline-flex;align-items:center;gap:7px;
  text-decoration:none;color:#7A8494;
}
#popMuteCot i{font-size:10px;color:#BCCCE0}
#popMuteCot:hover{color:#1668E3}
#popMuteCot:hover i{color:#1668E3}

@media (max-width:520px){
  .pop-chip-cot{padding:13px 15px;font-size:13.5px}
  .pop-chip-cot > i:first-child{width:30px;height:30px;font-size:12px}
  .pop-outs-cot{flex-direction:column;gap:10px}
}