.hapo-business-hero{position:relative;isolation:isolate;box-sizing:border-box;display:flex;width:100%;min-height:800px;align-items:center;overflow:hidden;background:#fff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-business-hero *{box-sizing:border-box}
.hapo-business-hero--width-full{left:50%;width:100vw;margin-left:-50vw}
.hapo-business-hero__visual,.hapo-business-hero__visual picture{position:absolute;z-index:-1;inset:0;display:block;width:100%;height:100%}
.hapo-business-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hapo-business-hero__inner{width:min(1440px,100%);margin:0 auto;padding:80px 24px}
.hapo-business-hero__copy{max-width:680px}
.hapo-business-hero__eyebrow{margin:0 0 25px;color:#09090b;font-size:21px;font-weight:800;line-height:1.3;text-transform:uppercase}
.hapo-business-hero__title{margin:0 0 26px;background:linear-gradient(100deg,#13c886 0%,#00a366 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(48px,3.9vw,76px);font-weight:800;letter-spacing:-2.8px;line-height:1.16;text-transform:uppercase}
.hapo-business-hero__subtitle{margin:0 0 36px;color:#09090b;font-size:clamp(25px,1.85vw,36px);font-weight:800;letter-spacing:-.9px;line-height:1.25;text-transform:uppercase}
.hapo-business-hero__cta{min-height:56px;gap:15px;padding:13px 27px;border-radius:999px;background:linear-gradient(100deg,#08d486,#08945c);color:#fff;font-size:18px;font-weight:700;line-height:1.35}
.hapo-business-hero__cta[aria-disabled="true"]{opacity:1;cursor:default}
.hapo-business-hero__arrow{font-size:26px;font-weight:400;line-height:1}
@media(max-width:1100px){.hapo-business-hero{min-height:690px}.hapo-business-hero__inner{padding-inline:36px}.hapo-business-hero__copy{max-width:600px}.hapo-business-hero__title{font-size:clamp(48px,6vw,68px)}.hapo-business-hero__subtitle{font-size:clamp(25px,2.7vw,32px)}}
@media(max-width:700px){.hapo-business-hero{min-height:640px;align-items:flex-start}.hapo-business-hero__visual::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.85) 58%,rgba(255,255,255,.35));content:""}.hapo-business-hero__image{object-position:67% center}.hapo-business-hero__inner{padding:105px 22px 70px}.hapo-business-hero__copy{max-width:540px}.hapo-business-hero__eyebrow{margin-bottom:21px;font-size:16px}.hapo-business-hero__title{margin-bottom:23px;font-size:clamp(43px,10vw,60px);letter-spacing:-2px}.hapo-business-hero__subtitle{margin-bottom:30px;font-size:clamp(21px,5.4vw,29px)}.hapo-business-hero__cta{min-height:52px;padding:11px 19px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.hapo-business-hero .hapo-button,.hapo-business-hero .hapo-button::before,.hapo-business-hero .hapo-button::after{animation:none;transition:none}}

/* Mobile, from the supplied 375px About-page design (2026-10-20): centred copy, the handshake
   photo as a 346px band at the bottom (its top fades into white under the CTA). */
@media(max-width:700px){
.hapo-business-hero{display:block;min-height:0;text-align:center}
.hapo-business-hero__inner{padding:44px 16px 336px}
.hapo-business-hero__copy{max-width:none}
.hapo-business-hero__eyebrow{margin:0 0 14px;font-size:22px;line-height:1.3}
.hapo-business-hero__title{margin:0 0 14px;font-size:min(57px,15.2vw);letter-spacing:-.03em;line-height:.93}
.hapo-business-hero__subtitle{margin:0 0 63px;font-size:18px;letter-spacing:-.3px;line-height:22px}
.hapo-business-hero__cta{min-height:46px;padding:10px 26px;font-size:16px}
.hapo-business-hero__visual,.hapo-business-hero__visual picture{top:auto;bottom:0;height:346px}
.hapo-business-hero__visual::after{background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 26%)}
.hapo-business-hero__image{object-position:100% center}
}