/* Homepage base shared by home-a / home-b / home-c (job 108). Design files add their own look on top.
   Brand: deep #257abb, bright #2e9dde / #43a7dd, light #8dcceb, red headings #d32f2f, text #333. */
body.bhs.bhs-home{
  --hm-deep:#257abb; --hm-bright:#2e9dde; --hm-sky:#43a7dd; --hm-light:#8dcceb;
  --hm-navy:#0f2f4c; --hm-ink:#1d2b3a; --hm-text:#333; --hm-muted:#55606c;
  --hm-red:#c62828; --hm-tint:#eef7fd; --hm-tint2:#e2f1fb; --hm-line:#d5e6f2;
  --hm-radius:16px; --hm-shadow:0 14px 40px rgba(16,62,98,.12); --hm-shadow-sm:0 4px 16px rgba(16,62,98,.08);
  --hm-head:"Montserrat",system-ui,sans-serif; --hm-body:"Roboto",system-ui,sans-serif;
  color:var(--hm-text); font-family:var(--hm-body); font-size:18px; line-height:1.65;
  overflow-x:hidden;
}
.bhs-main img{max-width:100%;height:auto}
.bhs-main picture{display:block}
.bhs-main picture img{display:block;width:100%;height:100%;object-fit:cover}
.hm-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hm-text{max-width:720px;margin-left:auto;margin-right:auto}
.hm-text p{margin:0 0 1.15em}
.hm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* main button (opens the opt-in popup) */
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:16px 34px;
  border-radius:999px;background:linear-gradient(180deg,#38a8e8 0%,#2e9dde 45%,#257abb 100%);color:#fff!important;
  font:700 20px/1.2 var(--hm-head);letter-spacing:.01em;text-decoration:none!important;text-align:center;
  box-shadow:0 10px 24px rgba(37,122,187,.35),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;cursor:pointer;border:0}
.hm-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(37,122,187,.42),inset 0 1px 0 rgba(255,255,255,.35);filter:saturate(1.1)}
.hm-btn:focus-visible{outline:3px solid #ffb300;outline-offset:3px}
.hm-btn svg{flex:none}

.hm-ico{display:block}

/* inline opt-in form (design B; same ConvertKit form as the popup) */
.hm-form form{display:grid;gap:12px;margin:0}
.hm-form input{width:100%;min-height:56px;padding:12px 18px;border:1.5px solid #c4d8e6;border-radius:12px;
  font:400 18px/1.3 var(--hm-body);color:var(--hm-ink);background:#fff;box-sizing:border-box}
.hm-form input:focus{outline:none;border-color:var(--hm-bright);box-shadow:0 0 0 4px rgba(46,157,222,.18)}
.hm-form .hm-btn{width:100%}
.hm-form__h{font:700 22px/1.3 var(--hm-head);color:var(--hm-ink);margin:0 0 14px}
.hm-form__privacy{font-size:16px;line-height:1.5;color:var(--hm-muted);margin:14px 0 0}
.hm-form__privacy .bhs-lock{vertical-align:-3px;margin-right:4px;color:var(--hm-deep)}

@media (max-width:600px){
  body.bhs.bhs-home{font-size:17px}
  .hm-wrap{padding:0 18px}
  /* "Download My Copy Now!" stays on one line at 390 */
  .hm-btn{font-size:18px;padding:15px 16px;gap:8px;width:100%;max-width:420px;white-space:nowrap;box-sizing:border-box}
  .hm-btn svg{width:20px;height:20px}
}