.custom-hero-wrapper{max-height:768px;position:relative;overflow:hidden;height:768px}.hero__media{width:100%;height:100%;position:absolute}.hero__media img{width:100%;height:100%;object-fit:cover}.hero__media>div{width:100%;height:100%}.hero-media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.custom-hero-wrapper .container{height:100%;position:relative}.hero__text-wrap{display:flex;width:100%;align-items:center;justify-content:center;margin-top:45px}.hero_wrapper{max-width:780px;width:100%;display:flex;row-gap:16px;flex-direction:column;align-items:center;text-align:center}.hero-trustline{display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.02em}.hero-title-bg{display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:8px}.hero-title-bg--active{padding:20px 40px}.hero-title{font-family:Como;font-size:80px;line-height:80px;color:#002C3D;font-weight:400}.hero-subtitle{font-size:20px;line-height:26px;color:#002C3D;font-weight:400;margin-bottom:16px}.hero-btn-wrapper{display:flex}.hero-btn-wrapper a{background:#A5C05B;height:48px;line-height:48px;padding:0 65.5px;border-radius:4px;font-size:16px;font-weight:700;color:#002C3D}.hero-risk-reversal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;margin-top:8px}.hero-risk-item{display:flex;align-items:center;gap:6px;text-align:left}.hero-risk-icon{line-height:1}.hero-risk-text{line-height:1.3}.hero-learnmore-wrapper{margin-top:18px;margin-left:104px;width:220px;height:240px;padding:32px 11px;display:flex;justify-content:space-between;background-repeat:no-repeat;background-position:center;flex-direction:column;align-items:center;border-radius:16px}.hero-learnmore-title{font-size:32px;font-weight:600;color:#002C3D;line-height:38px;text-align:center}.hero-learnmore-wrapper a{padding:0 32.5px;height:48px;font-size:16px;font-weight:600;color:#002C3D;border:1px solid #002C3D;border-radius:4px;text-align:center;line-height:48px}@media screen and (max-width:740px){.custom-hero-wrapper{max-height:none;height:auto}.hero__text-wrap{margin-top:32px}.hero-title-bg--active{padding:16px 20px}.hero-title{font-size:40px;line-height:40px;max-width:320px}.hero-subtitle{font-size:18px}.hero-risk-reversal{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;width:fit-content;margin-left:auto;margin-right:auto;gap:10px 0}.hero-learnmore-wrapper{margin-top:207px;margin-left:0;margin-bottom:44px;width:165px;height:180px;padding:24px 21px;background-size:cover}.hero-learnmore-title{font-size:24px;line-height:28px}.hero-learnmore-wrapper a{padding:0 15.5px}}

/* ---- Mobile above-the-fold fix (Nov 2026) ---- */
h1.hero-title{margin:0;letter-spacing:normal;text-transform:none}
.hero-subtitle--mobile{display:none}
.hero-risk-text--mobile{display:none}
/* Light risk-reversal text needs a soft shadow to stay legible over the photo */
.hero-risk-text{text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 1px rgba(0,0,0,.35)}
@media screen and (max-width:740px){
  .custom-hero-wrapper{padding-bottom:20px}
  .hero__text-wrap{margin-top:14px}
  .hero_wrapper{row-gap:12px}
  .hero-trustline{font-size:14px!important;line-height:1.35;flex-wrap:wrap;letter-spacing:0;padding:0 4px}
  .hero-title-bg{row-gap:6px;width:100%;max-width:300px}
  .hero-title-bg--active{padding:14px 16px}
  .hero-title{font-size:clamp(24px,7.4vw,30px);line-height:1.12;max-width:none}
  .hero-subtitle{font-size:14px;line-height:1.45;margin-bottom:0}
  .hero-subtitle--has-mobile{display:none}
  .hero-subtitle--mobile{display:block}
  .hero-btn-wrapper{width:100%;max-width:240px}
  .hero-btn-wrapper a{display:block;width:100%;padding:0 16px;text-align:center;height:50px;line-height:50px;border-radius:30px}
  .hero-risk-reversal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:100%;margin:0;gap:0 8px}
  .hero-risk-item{flex-direction:column;align-items:center;text-align:center;gap:4px}
  .hero-risk-icon{font-size:18px!important}
  .hero-risk-text{font-size:13px!important;line-height:1.3}
  .hero-risk-text--desktop{display:none}
  .hero-risk-text--mobile{display:block}
}
@media screen and (max-width:740px) and (max-height:700px){
  .hero-subtitle{display:none!important}
  .hero-title{font-size:24px}
}
