.house-offer.mortgage-offer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin:0 0 28px;padding:40px 44px;background:#126b45;scroll-margin-top:28px}
.mortgage-offer .eyebrow{color:#e0f39a!important;font-size:.875rem}
.mortgage-rate{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin:12px 0 18px}
.mortgage-rate strong{font-family:Manrope,sans-serif;font-size:clamp(5rem,8vw,7rem);font-weight:700;letter-spacing:-.055em;line-height:1.05;color:#e0f39a;white-space:nowrap}
.mortgage-rate strong span{font-size:.67em}
.mortgage-rate>span{font-size:1.125rem;color:#e8f2e6}
.mortgage-offer h3{max-width:470px;margin:0;font-family:var(--display-font),Georgia,serif;font-weight:600;font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.01em}
.mortgage-details{min-width:0}
.mortgage-details>p{font-size:1rem;line-height:1.65}
.mortgage-details .muted{color:#dceade;font-size:.875rem;line-height:1.65}
.mortgage-details .btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;margin:8px 0 16px;padding:15px 24px;background:#e0f39a;color:#173d2c;font-size:1rem;font-weight:700}
.mortgage-details .btn:hover{background:#d3eb80}
.mortgage-details .mortgage-other{margin:0;color:#dceade;font-size:.875rem;line-height:1.6}
@media(max-width:820px){.house-offer.mortgage-offer{grid-template-columns:1fr;gap:26px;padding:32px}.mortgage-offer h3{max-width:none}}
@media(max-width:600px){.house-offer.mortgage-offer{padding:28px 24px;border-radius:24px}.mortgage-rate{gap:14px;margin:12px 0 16px}.mortgage-rate strong{font-size:5.5rem}.mortgage-offer h3{font-size:2.25rem}.mortgage-details .btn{width:100%}}
