/* r12 opening hero (from live bywill-header-v12.css, hero rules only; header rules dropped so r11's menu is kept).
   Fonts: Montserrat 800-900 subset as woff2 (15 KB) instead of the 728 KB TTF; body text uses the site's Work Sans woff2. */
@font-face{font-family:BywillHeadline;src:url('assets/fonts/montserrat-latin-800-900.woff2') format('woff2');font-weight:800 900;font-style:normal;font-display:swap}
.bw-opening{padding:100px 15px 50px;background:#f5f2e9;color:#20291e;text-align:center}
.bw-opening h1{box-sizing:content-box;font:900 72px/1.1 BywillHeadline,Helvetica,sans-serif;letter-spacing:-1.4px;max-width:1200px;padding:10px 0;margin:0 auto;text-wrap:balance}
.bw-benefit-line{display:block;min-height:1.1em;white-space:nowrap;padding-top:5px}
#bw-hero-word{color:#355f36;border-right:8px solid #355f3680;padding-right:4px;animation:bw-caret .55s step-end infinite}
@keyframes bw-caret{0%,100%{border-color:transparent}50%{border-color:#355f3680}}
.bw-question{margin:24px auto 0;max-width:850px;font:800 28px/1.25 BywillHeadline,Helvetica,sans-serif;letter-spacing:-.5px}
.bw-opening .bw-discover{max-width:1050px;margin:18px auto 24px;font:400 20px/1.4 "Work Sans",Arial,sans-serif;text-wrap:balance}
.bw-discover strong{font-weight:600}
.business-highlight{color:inherit;background:linear-gradient(transparent 30%,#d5eb9b 30%,#d5eb9b 94%,transparent 94%);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#bw-hero-entry{display:flex;max-width:519.75px;margin:0 auto;gap:0;padding:0}
#bw-hero-email{flex:1;min-width:0;height:48px;padding:14px 20px;border:1px solid #9aa98f;border-right:0;border-radius:8px 0 0 8px;background:#fffefa;color:#20291e;font:500 14px/19.6px "Work Sans",Arial,sans-serif}
#bw-hero-email::placeholder{color:#626d59;opacity:1}
#bw-hero-entry button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 139.75px;height:48px;padding:14px 20px;border:0;border-radius:0 8px 8px 0;background:#355f36;color:#fff;white-space:nowrap;font:600 14px/20px Arial,sans-serif;cursor:pointer}
#bw-hero-entry button:hover{background:#284e29}
.bw-opening :focus-visible{outline:3px solid #9b542b;outline-offset:4px}
.bw-opening .bw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bw-header-end{width:calc(100% - 48px);max-width:1200px;height:0;border:0;border-top:1px solid #a7b296;margin:0 auto 48px}
@media(max-width:1050px){.bw-opening h1{font-size:clamp(40px,7vw,70px);line-height:1;letter-spacing:-.03em}}
@media(max-width:770px){
 .bw-opening{padding:58px 15px 50px}
 .bw-opening h1{font-size:clamp(28px,8.4vw,38px);line-height:1.08;letter-spacing:-.8px}
 .bw-question{font-size:22px;max-width:340px}
 .bw-opening .bw-question{margin-top:24px}
 .bw-opening .bw-discover{font-size:17px;max-width:380px;margin-bottom:24px}
 #bw-hero-word{border-right-width:4px}
 #bw-hero-entry{width:calc(100% - 30px);max-width:420px;flex-direction:column;gap:10px}
 #bw-hero-email{width:100%;flex:none;border-right:1px solid #9aa98f;border-radius:8px}
 #bw-hero-entry button{width:100%;flex:none;border-radius:8px}
}
/* r13: typing runs under reduced motion too (gentler pace in hero.js); caret stays steady instead of blinking. */
@media(prefers-reduced-motion:reduce){#bw-hero-word{animation:none;border-color:#355f3680}}