.hapo-team-growth{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;padding:78px 24px 90px;background:#fff;color:#09090b;font-family:Manrope,Arial,sans-serif}
.hapo-team-growth *{box-sizing:border-box}
.hapo-team-growth--full{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.hapo-team-growth--container{width:100%}
.hapo-team-growth__inner{max-width:1580px;margin:auto}
.hapo-team-growth__header{text-align:center;position:relative;z-index:2}
.hapo-team-growth__eyebrow{display:table;margin:0 auto 22px;padding:9px 32px;border-radius:100px;background:#f4fbf6;color:#00be55;font-size:19px;font-weight:800;line-height:1.35}
.hapo-team-growth .hapo-team-growth__header h2,.hapo-team-growth .hapo-team-growth__header h3{margin:0;color:#080808;font-size:42px;font-weight:800;line-height:1.2;letter-spacing:-.035em}
.hapo-team-growth__header h2 span,.hapo-team-growth__header h3 span,.hapo-team-growth__header h2 strong,.hapo-team-growth__header h3 strong{display:block}
.hapo-team-growth .hapo-team-growth__header h2 strong,.hapo-team-growth .hapo-team-growth__header h3 strong{margin-top:10px;color:#06c957;font-size:clamp(42px,4vw,72px);font-weight:800;line-height:1.1}
.hapo-team-growth__rule{display:block;width:150px;height:4px;margin:29px auto 25px;background:#09c65a}
.hapo-team-growth .hapo-team-growth__description{max-width:1200px;margin:0 auto;font-size:19px;line-height:1.52}
.hapo-team-growth .hapo-team-growth__conclusion{margin:2px auto 0;color:#02c45b;font-size:19px;font-weight:800;line-height:1.5}
.hapo-team-growth__scene{position:relative;isolation:isolate;min-height:770px;margin-top:-4px}
.hapo-team-growth__scene::after{position:absolute;z-index:0;bottom:0;left:50%;width:120vw;max-width:1900px;height:180px;content:"";transform:translateX(-50%);border-radius:50%;background:#effbf2}
.hapo-team-growth__rings{position:absolute;z-index:0;top:46%;left:50%;width:1000px;height:1000px;transform:translate(-50%,-50%);pointer-events:none}
.hapo-team-growth__rings i{position:absolute;inset:17%;border:4px solid rgba(22,210,104,.35);border-radius:50%;animation:hapo-team-growth-pulse 12s ease-out infinite}
.hapo-team-growth__rings i:nth-child(2){animation-delay:-4s}
.hapo-team-growth__rings i:nth-child(3){animation-delay:-8s}
.hapo-team-growth__halo{position:absolute;z-index:0;bottom:135px;left:50%;width:450px;height:450px;transform:translateX(-50%);border-radius:50%;background:#d4f8e3}
.hapo-team-growth__team{position:absolute;z-index:1;bottom:100px;left:50%;display:block;width:min(622px,43%);height:auto;max-height:643px;transform:translateX(-50%);object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 24px rgba(0,44,20,.1))}
.hapo-team-growth__values{position:absolute;inset:100px 0 160px;z-index:2;display:grid;grid-template-columns:minmax(230px,1fr) minmax(450px,1.65fr) minmax(230px,1fr);grid-template-rows:repeat(3,1fr);gap:20px 10px;align-items:center;margin:0;padding:0;list-style:none;pointer-events:none}
.hapo-team-growth__value{position:relative;min-height:78px;display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:9px;background:linear-gradient(100deg,#e4fce0,#daf8e4);box-shadow:0 8px 25px rgba(27,131,57,.07);color:#064933;text-align:center;font-size:23px;font-weight:700;line-height:1.25;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),filter .4s ease;animation:hapo-team-growth-appear .7s both}
.hapo-team-growth__value span{display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.hapo-team-growth__value:nth-child(1){grid-column:1;grid-row:1}.hapo-team-growth__value:nth-child(2){grid-column:1;grid-row:2}.hapo-team-growth__value:nth-child(3){grid-column:1;grid-row:3}.hapo-team-growth__value:nth-child(4){grid-column:3;grid-row:1}.hapo-team-growth__value:nth-child(5){grid-column:3;grid-row:2}.hapo-team-growth__value:nth-child(6){grid-column:3;grid-row:3}
.hapo-team-growth__value:nth-child(2),.hapo-team-growth__value:nth-child(5){animation-delay:.1s}.hapo-team-growth__value:nth-child(3),.hapo-team-growth__value:nth-child(6){animation-delay:.2s}
.hapo-team-growth__value::after{position:absolute;top:50%;width:75px;height:1px;content:"";background:linear-gradient(90deg,#ffdd14,transparent)}
.hapo-team-growth__value:nth-child(-n+3)::after{left:100%}.hapo-team-growth__value:nth-child(n+4)::after{right:100%;transform:rotate(180deg)}
.hapo-team-growth__value::before{position:absolute;top:calc(50% - 6px);width:12px;height:12px;content:"";border-radius:50%;background:#ffda00}
.hapo-team-growth__value:nth-child(-n+3)::before{left:calc(100% + 70px)}.hapo-team-growth__value:nth-child(n+4)::before{right:calc(100% + 70px)}
@media(hover:hover) and (pointer:fine){.hapo-team-growth__value:hover{transform:translate3d(0,-5px,0) scale(1.025);box-shadow:0 18px 35px rgba(27,131,57,.14);filter:saturate(1.08)}.hapo-team-growth__value:hover span{transform:translate3d(0,-1px,0)}}
.hapo-team-growth .hapo-team-growth__cta{position:absolute;z-index:3;bottom:128px;left:50%;min-height:56px;padding:13px 29px;border-radius:100px;transform:translateX(-50%);background:#ffdc00;color:#161616;font-size:17px;font-weight:700;white-space:nowrap}
.hapo-team-growth .hapo-team-growth__cta:hover,.hapo-team-growth .hapo-team-growth__cta:focus-visible{color:#161616}
.hapo-team-growth .hapo-team-growth__cta:hover,.hapo-team-growth .hapo-team-growth__cta:focus-visible,.hapo-team-growth .hapo-team-growth__cta:active{transform:translateX(-50%)}
.hapo-team-growth .hapo-team-growth__cta:focus-visible{outline:3px solid #078d45;outline-offset:5px}
.hapo-team-growth__empty{position:relative;z-index:4;text-align:center}
@keyframes hapo-team-growth-pulse{0%{transform:scale(.55);opacity:0}12%{opacity:.75}75%{opacity:.3}100%{transform:scale(1.65);opacity:0}}
@keyframes hapo-team-growth-appear{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.hapo-team-growth__values{grid-template-columns:minmax(180px,1fr) minmax(350px,1.5fr) minmax(180px,1fr)}.hapo-team-growth__value{font-size:18px}.hapo-team-growth__value::before,.hapo-team-growth__value::after{display:none}}
@media(max-width:760px){.hapo-team-growth{padding:62px 16px 68px}.hapo-team-growth__eyebrow{font-size:14px}.hapo-team-growth .hapo-team-growth__header h2,.hapo-team-growth .hapo-team-growth__header h3{font-size:28px}.hapo-team-growth .hapo-team-growth__header h2 strong,.hapo-team-growth .hapo-team-growth__header h3 strong{font-size:38px}.hapo-team-growth .hapo-team-growth__description,.hapo-team-growth .hapo-team-growth__conclusion{font-size:16px}.hapo-team-growth__scene{min-height:0;margin-top:24px;padding-top:390px}.hapo-team-growth__scene::after{top:290px;bottom:auto;height:120px}.hapo-team-growth__rings{top:190px;width:550px;height:550px}.hapo-team-growth__halo{top:100px;bottom:auto;width:275px;height:275px}.hapo-team-growth__team{top:0;bottom:auto;width:min(390px,94%);max-height:390px}.hapo-team-growth__values{position:relative;inset:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}.hapo-team-growth__value,.hapo-team-growth__value:nth-child(n){display:flex;grid-column:auto;grid-row:auto;min-height:70px;padding:12px;font-size:15px}.hapo-team-growth .hapo-team-growth__cta{position:relative;bottom:auto;left:auto;display:table;margin:28px auto 0;transform:none;font-size:15px}}
@media(max-width:760px){.hapo-team-growth .hapo-team-growth__cta:hover,.hapo-team-growth .hapo-team-growth__cta:focus-visible,.hapo-team-growth .hapo-team-growth__cta:active{transform:none}}
@media(max-width:420px){.hapo-team-growth__scene{padding-top:350px}.hapo-team-growth__team{max-height:350px}.hapo-team-growth__halo{top:95px;width:245px;height:245px}.hapo-team-growth .hapo-team-growth__header h2 strong,.hapo-team-growth .hapo-team-growth__header h3 strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hapo-team-growth__rings i,.hapo-team-growth__value{animation:none!important}.hapo-team-growth__rings i{opacity:.22!important;transform:scale(1)!important}.hapo-team-growth__value,.hapo-team-growth__value span{transition:none!important}.hapo-team-growth__value:hover,.hapo-team-growth__value:hover span{transform:none!important}}

/* Mobile, from the supplied 375px About-page design (2026-10-20): plain lowercase blue eyebrow,
   description and conclusion as one paragraph, then the six values (desktop column order),
   the yellow CTA with a soft halo, and the team photo standing on the section bottom. */
@media(max-width:760px){
.hapo-team-growth{padding:39px 16px 0}
.hapo-team-growth__eyebrow{margin:0 auto 18px;padding:0;background:none;color:#3589fd;font-size:14.5px;font-weight:500;text-transform:lowercase}
.hapo-team-growth .hapo-team-growth__header h2,.hapo-team-growth .hapo-team-growth__header h3{font-size:21.5px;line-height:1.3;letter-spacing:-.01em}
.hapo-team-growth .hapo-team-growth__header h2 strong,.hapo-team-growth .hapo-team-growth__header h3 strong{margin-top:4px;font-size:25.5px;line-height:1.25}
.hapo-team-growth__header{font-size:15px;line-height:20.5px}
.hapo-team-growth__rule{width:80px;height:4px;margin:12px auto 16px}
.hapo-team-growth .hapo-team-growth__description,.hapo-team-growth .hapo-team-growth__conclusion{display:inline;margin:0;color:#09090b;font-size:15px;font-weight:500;line-height:20.5px}
.hapo-team-growth .hapo-team-growth__conclusion::before{content:" "}
.hapo-team-growth__scene{display:flex;flex-direction:column;align-items:center;margin-top:32px;padding-top:0}
.hapo-team-growth__values{order:1;width:100%;gap:15px 11px}
.hapo-team-growth__value,.hapo-team-growth__value:nth-child(n){min-height:58px;margin:0;padding:10px;font-size:15px}
.hapo-team-growth__value:nth-child(1){order:1}
.hapo-team-growth__value:nth-child(4){order:2}
.hapo-team-growth__value:nth-child(2){order:3}
.hapo-team-growth__value:nth-child(5){order:4}
.hapo-team-growth__value:nth-child(3){order:5}
.hapo-team-growth__value:nth-child(6){order:6}
.hapo-team-growth .hapo-team-growth__cta{order:2;min-height:44px;margin:48px auto 0;padding:9px 26px;box-shadow:0 0 0 8px rgb(255 220 0 / 25%)}
.hapo-team-growth__team{position:relative;order:3;top:auto;bottom:auto;left:auto;width:100%;max-width:375px;max-height:none;margin-top:47px;transform:none}
.hapo-team-growth__rings{top:auto;bottom:-120px;width:550px;height:550px;transform:translateX(-50%)}
.hapo-team-growth__halo{top:auto;bottom:40px;width:260px;height:260px}
.hapo-team-growth__scene::after{top:auto;bottom:0;height:60px}
}