.hapo-website-care-process{position:relative;box-sizing:border-box;width:100%;overflow:hidden;background:#fff;color:#0b0b0d;font-family:Manrope,sans-serif}
.hapo-website-care-process *{box-sizing:border-box}
.hapo-website-care-process--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-website-care-process__inner{width:min(1500px,100%);margin:auto;padding:96px 24px;text-align:center}
.hapo-website-care-process__header h2,.hapo-website-care-process__header h3{margin:0;color:#0b0b0d;font-size:44px;font-weight:800;line-height:1.3;letter-spacing:-1.2px}
.hapo-website-care-process__rule{display:block;width:150px;height:4px;margin:24px auto 0;color:#02c765}
.hapo-website-care-process__rule path{stroke-dasharray:100;stroke-dashoffset:100;animation:hapo-care-process-draw 1.3s ease-out .1s forwards}
.hapo-website-care-process__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:76px;counter-reset:hapo-care-process-step;list-style:none;margin:76px 0 0;padding:0}
.hapo-website-care-process__step{position:relative;min-width:0;margin:0;padding:4px 18px 12px;counter-increment:hapo-care-process-step;isolation:isolate;animation:hapo-care-process-enter .55s ease both}
.hapo-website-care-process__step:nth-child(2),.hapo-website-care-process__step:nth-child(5){animation-delay:.1s}
.hapo-website-care-process__step:nth-child(3),.hapo-website-care-process__step:nth-child(6){animation-delay:.2s}
.hapo-website-care-process__step::before{position:absolute;inset:-15px 0 -12px;z-index:-1;border:1px solid transparent;border-radius:18px;background:transparent;box-shadow:0 0 0 transparent;content:"";transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.hapo-website-care-process__step:hover::before{transform:translateY(-5px);border-color:rgba(22,194,120,.16);background:#fafffc;box-shadow:0 18px 34px rgba(4,133,88,.08)}
.hapo-website-care-process__icon-wrap{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 18px;transition:transform .32s ease}
.hapo-website-care-process__icon{display:block;max-width:67px;max-height:66px;overflow:visible}
.hapo-website-care-process__icon path{clip-path:inset(0 100% 0 0);opacity:0;animation:hapo-care-process-reveal 1.15s ease-out .2s forwards}
.hapo-website-care-process__step:hover .hapo-website-care-process__icon-wrap{transform:translateY(-7px) scale(1.09) rotate(-3deg)}
.hapo-website-care-process__step:hover .hapo-website-care-process__icon path{animation:hapo-care-process-reveal .65s ease-out both}
.hapo-website-care-process__badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:106px;min-height:32px;padding:3px 18px;border-radius:999px;background:#2bcc7e;color:#fff;font-size:16px;font-weight:700;line-height:1.3;transition:background-color .3s ease,transform .3s ease}
.hapo-website-care-process__step:hover .hapo-website-care-process__badge{transform:translateY(-3px);background:#0ab96d}
.hapo-website-care-process__number::before{content:counter(hapo-care-process-step)}
.hapo-website-care-process__step h3{margin:22px 0 7px;color:#101010;font-size:20px;font-weight:750;line-height:1.35;letter-spacing:-.25px}
.hapo-website-care-process__step p{max-width:390px;margin:0 auto;color:#777;font-size:16px;font-weight:500;line-height:1.4}
.hapo-website-care-process__empty{margin:50px 0 0;color:#777}
@keyframes hapo-care-process-draw{to{stroke-dashoffset:0}}
@keyframes hapo-care-process-reveal{to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes hapo-care-process-enter{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){.hapo-website-care-process__inner{padding:76px 30px}.hapo-website-care-process__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:55px;margin-top:58px}.hapo-website-care-process__header h2,.hapo-website-care-process__header h3{font-size:36px}}
@media(max-width:640px){.hapo-website-care-process__inner{padding:64px 20px}.hapo-website-care-process__header h2,.hapo-website-care-process__header h3{font-size:28px;letter-spacing:-.5px}.hapo-website-care-process__rule{margin-top:18px}.hapo-website-care-process__list{grid-template-columns:1fr;gap:42px;margin-top:50px}.hapo-website-care-process__step{padding:0 7px 7px}.hapo-website-care-process__step h3{margin-top:16px;font-size:19px}.hapo-website-care-process__step p{font-size:15px}.hapo-website-care-process__icon-wrap{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.hapo-website-care-process__rule path{animation:none;stroke-dashoffset:0}.hapo-website-care-process__icon path,.hapo-website-care-process__step:hover .hapo-website-care-process__icon path{animation:none;clip-path:none;opacity:1}.hapo-website-care-process__step{animation:none;opacity:1}.hapo-website-care-process__step::before,.hapo-website-care-process__icon-wrap,.hapo-website-care-process__badge{transition:none}.hapo-website-care-process__step:hover .hapo-website-care-process__icon-wrap,.hapo-website-care-process__step:hover .hapo-website-care-process__badge{transform:none}}