.hapo-careers-system{position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;padding:105px 24px 115px;background:#fff;color:#0a0b0b;font-family:Manrope,sans-serif}
.hapo-careers-system *{box-sizing:border-box}
.hapo-careers-system--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-careers-system--container{width:100%}
.hapo-careers-system__shapes{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.hapo-careers-system__shapes span{position:absolute;display:block;border:1px solid rgba(16,204,116,.11);border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(92,232,151,.07),transparent 69%);animation:hapo-careers-shape-drift 19s ease-in-out infinite alternate}
.hapo-careers-system__shapes span:first-child{top:-190px;right:-230px;width:650px;height:650px}
.hapo-careers-system__shapes span:nth-child(2){top:360px;left:-300px;width:570px;height:570px;animation-duration:24s;animation-delay:-9s}
.hapo-careers-system__shapes span:nth-child(3){right:18%;bottom:-320px;width:660px;height:660px;animation-duration:28s;animation-delay:-15s}
.hapo-careers-system__inner{position:relative;width:min(1375px,100%);margin:auto}
.hapo-careers-system__top{display:grid;min-height:620px;grid-template-columns:minmax(0,530px) minmax(0,1fr);gap:50px}
.hapo-careers-system__copy{padding-top:8px}
.hapo-careers-system .hapo-careers-system__eyebrow{display:inline-flex;min-height:41px;align-items:center;margin:0 0 27px;padding:6px 30px;border-radius:30px;background:#f1fcf6;color:#04c862;font-size:17px;font-weight:800;line-height:1.2}
.hapo-careers-system .hapo-careers-system__heading{max-width:545px;margin:0;font-size:43px;font-weight:800;line-height:1.3;letter-spacing:-.04em}
.hapo-careers-system .hapo-careers-system__description{max-width:530px;margin:23px 0 0;color:#777;font-size:16px;line-height:1.45;text-align:justify}
.hapo-careers-system__diagram{min-width:0}
.hapo-careers-system__circles{position:relative;display:flex;justify-content:center;align-items:center;gap:25px;margin:0 auto}
.hapo-careers-system__circle{position:relative;display:flex;width:270px;height:270px;flex:none;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:10px solid #fff;border-radius:50%;background:linear-gradient(145deg,#0cd875,#049c61);box-shadow:0 0 0 6px #059f68,inset 0 0 0 4px rgba(255,255,255,.96);color:#fff;text-align:center;animation:hapo-careers-orbit-float 7s ease-in-out infinite}
.hapo-careers-system__circle--geo{animation-delay:-3.5s;background:linear-gradient(145deg,#0acf74,#068c5b)}
.hapo-careers-system__circle::after{position:absolute;inset:-18px;border:2px solid transparent;border-top-color:rgba(4,170,101,.58);border-bottom-color:rgba(4,170,101,.28);border-radius:50%;content:"";animation:hapo-careers-ring-turn 32s linear infinite;pointer-events:none}
.hapo-careers-system__circle--geo::after{animation-direction:reverse}
.hapo-careers-system__circle strong{font-size:55px;font-weight:800;line-height:1.1;letter-spacing:-.035em}
.hapo-careers-system__circle span{max-width:170px;font-size:20px;line-height:1.25}
.hapo-careers-system__link{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:82px;height:82px;place-items:center;border-radius:50%;background:#fff;color:#08b66d;font-size:48px;font-weight:700;line-height:1;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 5px 20px rgba(5,121,71,.1)}
.hapo-careers-system__link::before,.hapo-careers-system__link::after{position:absolute;width:29px;height:18px;border:5px solid #0bae6a;border-radius:20px;content:""}
.hapo-careers-system__link::before{transform:translateX(-9px)}
.hapo-careers-system__link::after{border-color:#f2c80a;transform:translateX(9px)}
.hapo-careers-system__services{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:96px 0 0;padding:0;list-style:none}
.hapo-careers-system__services::before{position:absolute;top:-49px;left:12.5%;width:75%;height:35px;border-top:2px dashed #c7cfcb;border-right:2px dashed #c7cfcb;border-left:2px dashed #c7cfcb;content:""}
.hapo-careers-system__services::after{position:absolute;top:-89px;left:50%;height:40px;border-left:2px dashed #c7cfcb;content:""}
.hapo-careers-system .hapo-careers-system__service{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;margin:0;text-align:center;list-style:none;animation:hapo-careers-service-rise .7s both}
.hapo-careers-system__service:nth-child(2){animation-delay:.1s}.hapo-careers-system__service:nth-child(3){animation-delay:.2s}.hapo-careers-system__service:nth-child(4){animation-delay:.3s}
.hapo-careers-system__service::before{position:absolute;top:-49px;left:50%;height:49px;border-left:2px dashed #c7cfcb;content:""}
.hapo-careers-system__service-icon{display:grid;width:118px;height:118px;flex:none;place-items:center;border:12px solid #fff;border-radius:50%;background:#ffd814;box-shadow:0 0 0 3px #ffd20a,0 8px 22px rgba(255,194,10,.18);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}
.hapo-careers-system__service-icon img{display:block;width:58px;height:58px;object-fit:contain}
.hapo-careers-system .hapo-careers-system__service strong{margin-top:18px;font-size:19px;font-weight:800;line-height:1.25}
.hapo-careers-system__service-description{margin-top:5px;color:#8c8c8c;font-size:14px;line-height:1.3}
.hapo-careers-system__photos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;margin:48px 0 0;padding:0;list-style:none}
.hapo-careers-system .hapo-careers-system__photo{min-width:0;height:276px;overflow:hidden;margin:0;background:#e8f7ee;list-style:none}
.hapo-careers-system__photo--portrait{grid-column:span 2}.hapo-careers-system__photo--feature{grid-column:span 4}.hapo-careers-system__photo--wide{grid-column:span 4}
.hapo-careers-system__photo:nth-child(5){grid-column:span 4}.hapo-careers-system__photo:nth-child(6){grid-column:span 3}.hapo-careers-system__photo:nth-child(7){grid-column:span 5}
.hapo-careers-system__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hapo-careers-system__photo-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 0 20%,transparent 21% 31%,rgba(255,255,255,.13) 32% 33%,transparent 34%),linear-gradient(145deg,#0ac876,#058957);color:#fff;text-align:center}
.hapo-careers-system__photo:nth-child(3n+1) .hapo-careers-system__photo-placeholder{background:linear-gradient(145deg,#e7f8ee,#badfc8);color:#257d52}
.hapo-careers-system__photo:nth-child(3n+3) .hapo-careers-system__photo-placeholder{background:linear-gradient(145deg,#dcf4e7,#e9f9ef);color:#278154}
.hapo-careers-system__photo-symbol{font-size:39px;line-height:1}.hapo-careers-system__photo-placeholder strong{font-size:17px;font-weight:800}.hapo-careers-system__photo-placeholder small{font-size:12px;line-height:1.3}
.hapo-careers-system--builder-preview .hapo-careers-system__top{min-height:330px}
.hapo-careers-system__builder-children{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;margin-top:28px}
.hapo-careers-system__builder-children>.hapo-careers-system__service,.hapo-careers-system__builder-children>:has(.hapo-careers-system__service){grid-column:span 3}
.hapo-careers-system__builder-children>.hapo-careers-system__photo--portrait,.hapo-careers-system__builder-children>:has(.hapo-careers-system__photo--portrait){grid-column:span 2}
.hapo-careers-system__builder-children>.hapo-careers-system__photo--feature,.hapo-careers-system__builder-children>.hapo-careers-system__photo--wide,.hapo-careers-system__builder-children>:has(.hapo-careers-system__photo--feature),.hapo-careers-system__builder-children>:has(.hapo-careers-system__photo--wide){grid-column:span 4}
.hapo-careers-system__builder-children>.hapo-careers-system__photo,.hapo-careers-system__builder-children>*>.hapo-careers-system__photo{height:276px}
.hapo-careers-system__builder-children>*>.hapo-careers-system__service,.hapo-careers-system__builder-children>*>.hapo-careers-system__photo{width:100%}
@media(hover:hover) and (pointer:fine){.hapo-careers-system__service:hover .hapo-careers-system__service-icon{transform:translateY(-8px) scale(1.04);box-shadow:0 0 0 3px #ffd20a,0 18px 32px rgba(255,194,10,.25)}.hapo-careers-system__photo:hover img{transform:scale(1.04)}}
@media(max-width:1300px){.hapo-careers-system__top{grid-template-columns:minmax(0,40%) minmax(0,60%);gap:20px}.hapo-careers-system__circle{width:clamp(180px,20vw,270px);height:clamp(180px,20vw,270px)}.hapo-careers-system__circle strong{font-size:clamp(39px,4vw,55px)}.hapo-careers-system__circle span{font-size:clamp(14px,1.5vw,20px)}.hapo-careers-system .hapo-careers-system__heading{font-size:clamp(32px,3.3vw,43px)}.hapo-careers-system__service-icon{width:100px;height:100px}}
@media(max-width:900px){.hapo-careers-system{padding:80px 24px 90px}.hapo-careers-system__top{min-height:0;grid-template-columns:1fr;gap:66px}.hapo-careers-system__copy{max-width:650px}.hapo-careers-system__circles{justify-content:center}.hapo-careers-system__circle{width:250px;height:250px}.hapo-careers-system__services{max-width:700px;margin:98px auto 0}.hapo-careers-system__photos{margin-top:85px;gap:15px}.hapo-careers-system .hapo-careers-system__photo{height:230px}}
@media(max-width:900px){.hapo-careers-system--builder-preview .hapo-careers-system__top{min-height:0}.hapo-careers-system__builder-children{margin-top:80px;gap:18px}}
@media(max-width:650px){.hapo-careers-system{padding:65px 18px 75px}.hapo-careers-system__top{gap:55px}.hapo-careers-system .hapo-careers-system__eyebrow{min-height:34px;margin-bottom:19px;padding:6px 18px;font-size:13px}.hapo-careers-system .hapo-careers-system__heading{font-size:30px}.hapo-careers-system .hapo-careers-system__description{font-size:14px;text-align:left}.hapo-careers-system__circles{gap:8px}.hapo-careers-system__circle{width:min(42vw,190px);height:min(42vw,190px);padding:15px;border-width:6px;box-shadow:0 0 0 3px #059f68,inset 0 0 0 2px #fff}.hapo-careers-system__circle::after{inset:-10px}.hapo-careers-system__circle strong{font-size:33px}.hapo-careers-system__circle span{font-size:11px}.hapo-careers-system__link{width:45px;height:45px;font-size:28px}.hapo-careers-system__services{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;margin:65px auto 0}.hapo-careers-system__services::before{top:-37px;height:22px}.hapo-careers-system__services::after{top:-63px;height:26px}.hapo-careers-system__service::before{top:-37px;height:37px}.hapo-careers-system__service:nth-child(n+3)::before{display:none}.hapo-careers-system__service-icon{width:83px;height:83px;border-width:8px}.hapo-careers-system__service-icon img{width:44px;height:44px}.hapo-careers-system .hapo-careers-system__service strong{margin-top:13px;font-size:15px}.hapo-careers-system__service-description{font-size:12px}.hapo-careers-system__photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:60px}.hapo-careers-system .hapo-careers-system__photo{grid-column:span 1!important;height:170px}.hapo-careers-system .hapo-careers-system__photo:nth-child(4n+2){grid-column:span 2!important;height:220px}.hapo-careers-system__photo-placeholder strong{font-size:13px}.hapo-careers-system__photo-placeholder small{font-size:10px}}
@media(max-width:650px){.hapo-careers-system__link::before,.hapo-careers-system__link::after{width:18px;height:12px;border-width:3px}.hapo-careers-system .hapo-careers-system__photo:nth-child(4n+2){grid-column:span 1!important;height:170px}.hapo-careers-system .hapo-careers-system__photo:nth-child(3),.hapo-careers-system .hapo-careers-system__photo:nth-child(6),.hapo-careers-system .hapo-careers-system__photo:nth-child(7){grid-column:span 2!important;height:220px}}
@media(max-width:650px){.hapo-careers-system__builder-children{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hapo-careers-system__builder-children>.hapo-careers-system__service,.hapo-careers-system__builder-children>:has(.hapo-careers-system__service),.hapo-careers-system__builder-children>.hapo-careers-system__photo,.hapo-careers-system__builder-children>:has(.hapo-careers-system__photo){grid-column:span 1}.hapo-careers-system__builder-children>.hapo-careers-system__photo:nth-child(3n),.hapo-careers-system__builder-children>:has(.hapo-careers-system__photo):nth-child(3n){grid-column:span 2}}
@keyframes hapo-careers-orbit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hapo-careers-ring-turn{to{transform:rotate(360deg)}}
@keyframes hapo-careers-shape-drift{to{transform:translate(55px,-35px) scale(1.1)}}
@keyframes hapo-careers-service-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hapo-careers-system__shapes span,.hapo-careers-system__circle,.hapo-careers-system__circle::after,.hapo-careers-system .hapo-careers-system__service{animation:none!important}.hapo-careers-system__service-icon,.hapo-careers-system__photo img{transition:none!important}}