/* weeklymortgagerateforecast.com (rebuilt from ClickFunnels, Nov 2026) */
:root{--navy:#005593;--band:#0075b2;--sky:#5abbf4;--ink:#2f2f2f;--muted:#5d6670;--line:#dfe6ec}
*{box-sizing:border-box}
html{background:#fff url(../img/background_blue_corners.png) center top/cover no-repeat fixed}
body{margin:0;font-family:'Montserrat',system-ui,sans-serif;color:var(--ink);line-height:1.55;font-size:17px}
img{max-width:100%;height:auto}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
html:not(.has-lo) .lo-only{display:none!important}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.card{background:#fff;margin:40px auto 0;max-width:980px;border-radius:6px;box-shadow:0 20px 50px rgba(0,60,110,.18);overflow:hidden}
.main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;padding:40px 40px 34px;align-items:start}
.sample{text-align:center}
.sample .tag{font-size:13px;font-weight:700;color:#e43b2c;letter-spacing:.03em;margin:0 0 8px}
.sample img{border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
h1{font-family:'Poppins',sans-serif;font-weight:700;color:var(--navy);font-size:clamp(32px,4.4vw,52px);line-height:1.12;margin:0 0 16px}
.sub{font-size:19px;margin:0 0 10px}
.easy{color:var(--muted);margin:0 0 20px}
form input[type=text],form input[type=email]{width:100%;height:52px;border:1px solid #c9d4de;border-radius:6px;padding:0 14px;font:inherit;font-size:16px;margin:0 0 12px;background:#fff;color:var(--ink)}
form input:focus{outline:2px solid var(--sky);border-color:transparent}
.btn{width:100%;min-height:58px;border:0;border-radius:6px;background:var(--sky);color:#fff;font:700 21px 'Montserrat',sans-serif;cursor:pointer}
.btn:hover{background:#3fa6e3}
.privacy{font-size:14px;color:#474747;margin:14px 0 0}

/* brought to you by */
.by{background:var(--band);color:#fff;padding:26px 40px}
.by-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.by h3{font-family:'Oswald',sans-serif;font-weight:400;font-size:28px;margin:0 0 10px}
.by-logo{max-height:100px;max-width:260px;width:auto;background:#fff;border-radius:6px;padding:8px}
.by-info{text-align:right;line-height:1.35;margin-left:auto}
.by-info .by-name{font-family:'Oswald',sans-serif;font-size:34px;margin:0 0 4px}
.by-info p{margin:0;font-size:14px;font-weight:600}
.by-lic{font-style:italic;font-weight:400!important}
.by-info a{color:#fff;text-decoration:none;font-size:14px;display:block}
.by-photo{width:130px;height:130px;object-fit:cover;object-position:top;border:3px solid #fff;border-radius:4px}

.foot{text-align:center;font-size:13px;color:#6b7680;padding:22px 20px 40px}
.foot a{color:#6b7680}

.msg{max-width:640px;margin:80px auto;text-align:center;background:#fff;padding:40px;border-radius:6px;box-shadow:0 20px 50px rgba(0,60,110,.18)}

@media (max-width:760px){
  .main{grid-template-columns:1fr;padding:28px 20px;gap:26px}
  .main .copy{order:-1}
  .sample img{max-width:300px}
  .by{padding:24px 20px;text-align:center}
  .by-row{justify-content:center}
  .by-info{text-align:center;margin:0}
  .card{margin-top:0;border-radius:0}
}