.hapo-geo-process{background:#fff;color:#1b1b1b;font-family:Manrope,sans-serif}
.hapo-geo-process *{box-sizing:border-box}
.hapo-geo-process--full{position:relative;left:50%;width:100vw;margin-left:-50vw}
.hapo-geo-process--container{width:100%}
.hapo-geo-process__inner{width:min(1440px,calc(100% - 48px));margin:auto;padding:120px 0 119px}
.hapo-geo-process__intro{text-align:center}
.hapo-geo-process__eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:3px 22px;border:1px solid #00c14a;border-radius:999px;color:#00c14a;font-size:16px;font-weight:700;line-height:1.35}
.hapo-geo-process .hapo-geo-process__intro h2,.hapo-geo-process .hapo-geo-process__intro h3{margin:18px 0 0;color:#1a1a1a;font-size:44px;font-weight:800;line-height:1.2;letter-spacing:-.035em}
.hapo-geo-process .hapo-geo-process__intro p{margin:14px 0 0;color:#797979;font-size:18px;font-weight:500;line-height:1.4}
.hapo-geo-process__timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:30px 0 0;padding:0;list-style:none;counter-reset:hapo-geo-process-step}
.hapo-geo-process__step{position:relative;min-width:0;margin:0!important;padding:0 9px;list-style:none;text-align:center;counter-increment:hapo-geo-process-step}
.hapo-geo-process__step::before{position:absolute;top:14px;left:calc(50% + 26px);width:calc(100% - 52px);height:2px;background:#e7e8e9;content:""}
.hapo-geo-process__step:last-child::before{display:none}
.hapo-geo-process__number{display:flex;width:30px;height:30px;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;background:#00c14a;color:#fff;font-size:17px;font-weight:800;line-height:1}
.hapo-geo-process__number::before{content:counter(hapo-geo-process-step)}
.hapo-geo-process__icon{display:block;width:65px;height:65px;margin:27px auto 0}
.hapo-geo-process__svg{display:block;width:65px;height:65px}
.hapo-geo-process .hapo-geo-process__step h3{display:flex;min-height:48px;align-items:center;justify-content:center;margin:19px 0 0;color:#1b1b1b;font-size:16px;font-weight:800;line-height:1.35}
.hapo-geo-process .hapo-geo-process__step p{margin:13px 0 0;color:#777;font-size:16px;font-weight:500;line-height:1.3}
.hapo-geo-process__empty{text-align:center}
@media(hover:hover) and (pointer:fine){.hapo-geo-process__step:hover .hapo-geo-process__svg{animation:hapo-geo-process-icon-reveal .8s ease both}.hapo-geo-process__step:hover .hapo-geo-process__number{box-shadow:0 0 0 6px rgba(0,193,74,.12)}}
@keyframes hapo-geo-process-icon-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.55}100%{clip-path:inset(0 0 0 0);opacity:1}}
@media(max-width:1100px){.hapo-geo-process__inner{padding:90px 0}.hapo-geo-process .hapo-geo-process__intro h2,.hapo-geo-process .hapo-geo-process__intro h3{font-size:36px}.hapo-geo-process__timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:42px}.hapo-geo-process__step:nth-child(3n)::before{display:none}}
@media(max-width:650px){.hapo-geo-process__inner{width:calc(100% - 36px);padding:70px 0 80px}.hapo-geo-process__eyebrow{font-size:14px}.hapo-geo-process .hapo-geo-process__intro h2,.hapo-geo-process .hapo-geo-process__intro h3{font-size:30px}.hapo-geo-process .hapo-geo-process__intro p{font-size:15px}.hapo-geo-process__timeline{display:block;margin-top:43px}.hapo-geo-process__step{display:grid;grid-template-columns:44px 65px minmax(0,1fr);grid-template-rows:65px auto;column-gap:14px;min-height:135px;padding:0 0 28px;text-align:left}.hapo-geo-process__step::before{top:31px;left:14px;width:2px;height:calc(100% - 31px)}.hapo-geo-process__step:nth-child(3n)::before{display:block}.hapo-geo-process__step:last-child::before{display:none}.hapo-geo-process__number{grid-column:1;grid-row:1;margin:0}.hapo-geo-process__icon{grid-column:2;grid-row:1;margin:0}.hapo-geo-process .hapo-geo-process__step h3{grid-column:3;grid-row:1;justify-content:flex-start;min-height:0;margin:0;font-size:16px}.hapo-geo-process .hapo-geo-process__step p{grid-column:2/4;grid-row:2;margin:3px 0 0;font-size:14px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.hapo-geo-process__step:hover .hapo-geo-process__svg{animation:none}.hapo-geo-process__step:hover .hapo-geo-process__number{box-shadow:none}}

/* Mobile reference correction — 2026-10-20 (GEO.jpg, 375×27071). Measured from the supplied mobile frame; local values, not shared tokens. */
@media(max-width:650px){
.hapo-geo-process__inner{width:calc(100% - 32px);padding:64px 0 48px}
.hapo-geo-process .hapo-geo-process__intro h2,.hapo-geo-process .hapo-geo-process__intro h3{margin-top:14px;font-size:26px;letter-spacing:-.02em}
.hapo-geo-process .hapo-geo-process__intro p{font-size:18px;line-height:1.35}
.hapo-geo-process__timeline{display:grid;grid-template-columns:1fr;row-gap:24px;margin-top:28px}
.hapo-geo-process__step{display:flex;flex-direction:column;align-items:center;padding:0;text-align:center}
.hapo-geo-process__step::before,.hapo-geo-process__step:last-child::before,.hapo-geo-process__step:nth-child(3n)::before{display:block;top:14px;left:0;width:100%;height:1px;background:#e3e4e5}
.hapo-geo-process__number{position:relative;z-index:1;box-shadow:0 0 0 12px #fff}
.hapo-geo-process__icon,.hapo-geo-process__svg{width:65px;height:65px}
.hapo-geo-process__icon{margin:14px auto 0}
.hapo-geo-process .hapo-geo-process__step h3{min-height:0;margin:10px 0 0;font-size:16px}
.hapo-geo-process .hapo-geo-process__step p{margin-top:8px;font-size:16px;line-height:1.3}
}
@media(max-width:650px){.hapo-geo-process .hapo-geo-process__step h3{display:block;width:100%;text-align:center}}