body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:#10251F;background:#F6F7F4}
a{color:#1F4D3F}a:hover{color:#10251F}
*,*::before,*::after{box-sizing:border-box}

/* forms */
#callback label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
#callback input,#callback select{width:100%;padding:13px 14px;border:1px solid #A9B8B0;border-radius:8px;font-size:16px;margin-bottom:14px;font-family:inherit;background:#fff;color:#10251F}
#callback select{margin-bottom:18px}

/* sections */
.sec-h2{margin:0;font-family:'Sora',sans-serif;font-weight:700;font-size:32px}
.lede{margin:16px 0 0;font-size:18px;line-height:1.65;max-width:760px}
.card{min-width:0;background:#fff;border-radius:14px;border:1px solid #DCE2DC}
.service{flex:1 1 320px;padding:24px;text-decoration:none;color:#10251F}
.service-t{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;color:#1F4D3F}
.service-d{margin-top:8px;font-size:15px;line-height:1.55}
a.service:hover{border-color:#1F4D3F}
.step{flex:1 1 240px;min-width:0;background:#10251F;color:#fff;border-radius:14px;padding:24px}
.step-n{font-family:'Sora',sans-serif;font-weight:800;font-size:28px;color:#F2B33D}
.step-t{font-family:'Sora',sans-serif;font-weight:700;font-size:18px;margin-top:8px}
.step-d{margin-top:8px;font-size:15px;line-height:1.55;color:#DCE6E0}

/* fit checklists */
.fit ul{list-style:none;padding-left:0 !important}
.fit li{position:relative;padding-left:32px;margin-bottom:6px}
.fit li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:50%;background:#1F4D3F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.fit-no li::before{background-color:#B4552D;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
.sm-only{display:none}

/* faq */
details{border-bottom:1px solid #D5DBD5;padding:18px 0}
summary{cursor:pointer;font-family:'Sora',sans-serif;font-weight:600;font-size:18px;list-style:none}
summary::-webkit-details-marker{display:none}
details p{margin:12px 0 0;line-height:1.65;max-width:760px}

/* tables */
table{border-collapse:collapse;width:100%}

/* foreclosure sale date checker */
.chk{margin:0 0 8px}
.chk-card,.chk-result,.chk-fit{background:#fff;border:1px solid #DCE2DC;border-radius:16px;padding:24px;margin-top:16px}
.chk-card:first-child{margin-top:0}
.chk-step{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52665F}
.chk-h{margin:6px 0 16px;font-family:'Sora',sans-serif;font-size:22px}
.chk label:not(.chk-opt){display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.chk input:not([type=radio]),.chk select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #A9B8B0;border-radius:8px;font-size:16px;margin-bottom:14px;font-family:inherit;background:#fff;color:#10251F}
.chk-opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chk-opt{position:relative;flex:1 1 auto;cursor:pointer}
.chk-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chk-opt span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1.5px solid #A9B8B0;border-radius:10px;font-weight:600;font-size:15px;text-align:center;background:#fff}
.chk-opt input:checked+span{border-color:#1F4D3F;background:#1F4D3F;color:#fff}
.chk-opt input:focus-visible+span{outline:3px solid #F2B33D;outline-offset:2px}
.chk-q{border:0;margin:0 0 4px;padding:0}
.chk-q legend{font-weight:600;font-size:15px;line-height:1.45;margin-bottom:8px;padding:0}
.chk-btn{width:100%;min-height:52px;background:#1F4D3F;color:#fff;border:0;border-radius:10px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer}
.chk-btn:disabled{opacity:.7}
.chk-err{margin:10px 0 0;font-size:14px;color:#9B2C1F;min-height:0}
.chk-err:empty{display:none}
.chk-result{background:#10251F;color:#fff;border:0}
.chk-kind{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#B8C9C0}
.chk-big{margin-top:6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}
.chk-big #chk-days{font-family:'Sora',sans-serif;font-weight:800;font-size:44px;line-height:1.05;color:#F2B33D}
.chk-until{font-size:16px;color:#DCE6E0}
.chk-date{margin-top:4px;font-family:'Sora',sans-serif;font-weight:600;font-size:18px}
.chk-note{margin:12px 0 0;font-size:14px;line-height:1.55;color:#B8C9C0}
.chk-msg{margin:14px 0 0;font-size:16px;line-height:1.6;color:#DCE6E0}
.chk-urgent .chk-msg{color:#fff}
.chk-call{display:flex;align-items:center;justify-content:center;margin-top:16px;min-height:52px;background:#F2B33D;color:#10251F !important;border-radius:10px;font-weight:700;font-size:17px;text-decoration:none}
.chk-sub{margin:22px 0 10px;font-family:'Sora',sans-serif;font-size:16px;color:#fff}
.chk-timeline{list-style:none;margin:0;padding:0}
.chk-timeline li{position:relative;padding:0 0 16px 26px;font-size:15px;line-height:1.5;color:#DCE6E0}
.chk-timeline li::before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;background:#F2B33D}
.chk-timeline li::after{content:"";position:absolute;left:5px;top:20px;bottom:2px;width:2px;background:#2E5446}
.chk-timeline li:last-child{padding-bottom:0}
.chk-timeline li:last-child::after{display:none}
.chk-timeline li.late::before{background:#E08A62}
.chk-timeline strong{display:block;color:#fff;font-size:14px}
.chk-fit h3{margin:0;font-family:'Sora',sans-serif;font-size:20px}
.chk-fit>p{margin:8px 0 0;font-size:16px;line-height:1.6}
.chk-fit-yes{border-color:#1F4D3F;box-shadow:inset 0 4px 0 #1F4D3F}
.chk-fit-maybe{box-shadow:inset 0 4px 0 #F2B33D}
.chk-fit-no{box-shadow:inset 0 4px 0 #B4552D}
#chk-lead{margin-top:20px;padding-top:18px;border-top:1px solid #E4E8E3}
#chk-lead .chk-step{margin-bottom:12px}
.chk-status{margin:12px 0 0;font-size:15px;color:#1F4D3F;font-weight:600}
.chk-status:empty{display:none}
.chk-consent{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#52665F}
.chk-private{margin:12px 0 0;font-size:13px;color:#52665F}
[hidden]{display:none !important}

/* home hero: text and agent card on the left, form on the right */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);grid-template-areas:"text form" "agent form";column-gap:56px;align-items:start}
.hero-text{grid-area:text}
.hero-form{grid-area:form}
.hero-agent{grid-area:agent;margin-top:40px}

.hero-date{flex:1 1 100%;max-width:520px;margin-top:10px}
.hero-date label{display:block;font-weight:600;font-size:15px;color:#DCE6E0;margin-bottom:8px}
.hero-date-row{display:flex;gap:8px}
.hero-date input{flex:1 1 auto;min-width:0;min-height:50px;padding:10px 12px;border:0;border-radius:10px;font-size:16px;font-family:inherit;background:#fff;color:#10251F}
.hero-date button{flex:0 0 auto;min-height:50px;padding:0 18px;border:1.5px solid #F2B33D;border-radius:10px;background:transparent;color:#fff;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer}
.hero-date button:hover{background:#F2B33D;color:#10251F}

/* mobile call bar, phones only */
.mbar{display:none}

@media (max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "form" "agent";row-gap:28px}
  .hero-agent{margin-top:0}
}

@media (max-width:640px){
  footer{padding-bottom:72px}
  .sm-only{display:block}
  .hero-lede{display:none}
  .hero-h1{font-size:28px !important;line-height:1.15 !important}
  .hero-h1+p:not(.hero-short){font-size:17px !important;margin-top:14px !important}
  .hero-short{margin:12px 0 0;font-size:17px;line-height:1.5;color:#DCE6E0}
  /* phone hero order: headline, one line, agent, buttons, form */
  .hero-grid{display:flex !important;flex-direction:column;align-items:stretch !important;row-gap:0 !important;padding:24px 20px 32px !important}
  .hero-text{display:contents}
  .hero-h1{order:1}.hero-short{order:2}.hero-agent{order:3}.hero-ctas{order:4}.hero-form{order:5}
  .hero-agent{margin-top:18px !important;flex-wrap:nowrap !important;gap:12px !important;padding:0 !important;background:none !important;max-width:none !important}
  .agent-photo{width:56px !important;height:56px !important;border-radius:50% !important;object-position:50% 40% !important;border:2px solid #F2B33D}
  .hero-agent>div>div:first-child{font-size:16px !important}
  .hero-agent>div>div:nth-child(2){font-size:12.5px !important;margin-top:2px !important;color:#B8C9C0 !important}
  .hero-agent>div>div:nth-child(3){display:none}
  .hero-ctas{margin-top:20px !important;flex-direction:column;gap:10px !important;align-items:stretch !important}
  .hero-date{margin-top:14px}
  .hero-cta{display:block !important;text-align:center;font-size:17px !important;padding:15px 20px !important}
  .hero-form{margin-top:28px;padding:22px 20px !important;scroll-margin-top:12px}
  .hero-form h2{font-size:20px !important}
  #callback label{font-size:13px;margin-bottom:4px}
  #callback input,#callback select{padding:11px 12px;margin-bottom:12px}

  .nav-text,.nav-call{display:none}

  div:has(> .stats){padding:6px 20px !important}
  .stats{display:block !important;font-size:14px !important}
  .stats>div{display:grid;grid-template-columns:150px 1fr;align-items:center;column-gap:12px;padding:12px 0;border-bottom:1px solid #E4E8E3}
  .stats>div:last-child{border-bottom:0}
  .stats>div>div{font-size:19px !important}

  main section{padding:40px 20px 8px !important}
  #faq{padding-bottom:40px !important}
  .sec-h2{font-size:24px}
  .lede{font-size:16px}
  .card.fit{padding:20px !important}
  .fit ul{font-size:15px !important;line-height:1.6 !important}
  .fit li{margin-bottom:8px}
  .svc-list{gap:0 !important;margin-top:20px !important;background:#fff;border:1px solid #DCE2DC;border-radius:14px;overflow:hidden}
  .svc-list .service{flex:1 1 100%;border:0;border-radius:0;border-bottom:1px solid #E4E8E3;padding:16px 44px 16px 16px;position:relative}
  .svc-list .service:last-child{border-bottom:0}
  .svc-list .service::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-top:2px solid #1F4D3F;border-right:2px solid #1F4D3F;transform:translateY(-50%) rotate(45deg)}
  .service-t{font-size:16px}
  .service-d{margin-top:3px;font-size:14px;color:#3F5750}
  .steps{gap:0 !important;margin-top:24px !important}
  .step{flex:1 1 100%;display:grid;grid-template-columns:36px 1fr;column-gap:14px;background:none;color:#10251F;border-radius:0;padding:0 0 22px;position:relative}
  .step::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:#C9D3CC}
  .step:last-child::before{display:none}
  .step-n{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:#10251F;color:#F2B33D;font-size:17px;display:flex;align-items:center;justify-content:center}
  .step-t{margin-top:6px;font-size:17px}
  .step-d{margin-top:4px;color:#3F5750}
  .chips{gap:8px !important}
  .chips li{padding:7px 14px !important;font-size:14px !important}
  .see-grid{display:block !important;margin-top:16px !important;background:#fff;border:1px solid #DCE2DC;border-radius:14px;overflow:hidden}
  .see-grid>.card{border:0;border-radius:0;border-bottom:1px solid #E4E8E3;padding:18px !important}
  .see-grid>.card:last-child{border-bottom:0}
  .see-grid h3{font-size:16px !important;margin-bottom:6px !important}
  .see-grid p{font-size:14.5px !important;line-height:1.6 !important;color:#3F5750}
  summary{font-size:16px}

  /* service page hero and body */
  div:has(> .hero-h1):not(.hero-text){padding:28px 20px 36px !important}
  div:has(> article){padding:32px 20px 0 !important;gap:32px !important}
  .page-h2{font-size:23px !important;margin-top:36px !important}
  .page-p{font-size:16px !important}

  /* comparison tables become one card per row */
  table thead{display:none}
  table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #D5DBD5}
  table tr:last-child{border-bottom:0}
  table td{border-bottom:0 !important;padding:6px 14px !important;font-size:14px !important}
  table td:first-child{grid-column:1/-1;padding-top:14px !important;font-family:'Sora',sans-serif}
  table td:not(:first-child){padding-bottom:14px !important}
  table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#52665F;margin-bottom:2px}

  .mbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#10251F;box-shadow:0 -4px 16px rgba(0,0,0,.18)}
  .mbar a{flex:1 1 0;display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none}
  .mbar-call{flex-grow:1.4 !important;background:#F2B33D;color:#10251F}
  .mbar-cb{background:#fff;color:#10251F}
}
