.hapo-expert-workflow{position:relative;isolation:isolate;box-sizing:border-box;min-height:1075px;overflow:hidden;padding:120px 24px 100px;background:linear-gradient(112deg,#05a774 0%,#078d61 43%,#086842 100%);color:#fff;font-family:Manrope,sans-serif}
.hapo-expert-workflow *{box-sizing:border-box}
.hapo-expert-workflow--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-expert-workflow--container{width:100%}
.hapo-expert-workflow__wordmark{position:absolute;z-index:-1;bottom:-13px;left:50%;width:min(1884px,100%);height:auto;max-width:none;transform:translateX(-50%);pointer-events:none}
.hapo-expert-workflow__inner{position:relative;width:min(1440px,100%);margin:auto;text-align:center}
.hapo-expert-workflow__header{margin:0 auto}
.hapo-expert-workflow .hapo-expert-workflow__heading{margin:0;font-size:clamp(32px,2.4vw,46px);font-weight:800;letter-spacing:-1.4px;line-height:1.28}
.hapo-expert-workflow__heading span,.hapo-expert-workflow__heading strong{display:block}
.hapo-expert-workflow__heading span{color:#00d35d;font-size:clamp(29px,2.1vw,40px);font-weight:800}
.hapo-expert-workflow__heading strong{color:#fff;font-weight:800}
.hapo-expert-workflow__rule{display:block;width:150px;height:4px;margin:25px auto 23px;background:#06d980}
.hapo-expert-workflow__intro{margin:0 auto;color:#fff;font-size:19px;font-weight:500;line-height:1.55}
.hapo-expert-workflow__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:59px 0 0;padding:0;list-style:none;text-align:left}
.hapo-expert-workflow__stage{min-height:434px;padding:59px 40px 41px;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.hapo-expert-workflow__number{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#08bc59;text-align:center}
.hapo-expert-workflow__number::before,.hapo-expert-workflow__number::after{height:1px;flex:1;background:rgba(255,255,255,.16);content:""}
.hapo-expert-workflow__number span{display:grid;width:60px;height:60px;flex:none;place-items:center;border-radius:50%;background:#fff;font-size:32px;font-weight:700;line-height:1}
.hapo-expert-workflow__stage-title{margin:0 0 22px;color:#fff;text-align:center;font-size:24px;font-weight:800;line-height:1.3}
.hapo-expert-workflow__stage-description{min-height:58px;margin:0 0 18px;color:#fff;text-align:center;font-size:18px;line-height:1.45}
.hapo-expert-workflow__roles{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.hapo-expert-workflow__roles li{position:relative;padding-left:34px;color:#fff;font-size:18px;font-weight:700;line-height:1.5}
.hapo-expert-workflow__roles li::before{position:absolute;top:4px;left:0;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#fff;color:#079a65;content:"➜";font-size:13px;line-height:1}
.hapo-expert-workflow .hapo-expert-workflow__cta{display:inline-flex;align-items:center;gap:20px;min-height:56px;margin:60px auto 0;padding:13px 28px;border-radius:999px;background:#ffda0a;color:#09090b;font-size:18px;font-weight:700;line-height:1.3;text-decoration:none}
.hapo-expert-workflow .hapo-expert-workflow__cta:hover,.hapo-expert-workflow .hapo-expert-workflow__cta:focus-visible{color:#09090b}
.hapo-expert-workflow__cta-arrow{font-size:27px;font-weight:400;line-height:1}
.hapo-expert-workflow__empty{margin-top:50px}
@media(max-width:1200px){.hapo-expert-workflow{min-height:0;padding-block:90px 110px}.hapo-expert-workflow__stages{gap:16px}.hapo-expert-workflow__stage{padding-inline:24px}.hapo-expert-workflow__stage-description,.hapo-expert-workflow__roles li{font-size:16px}}
@media(max-width:760px){.hapo-expert-workflow{padding:70px 20px 90px}.hapo-expert-workflow .hapo-expert-workflow__heading{font-size:clamp(27px,6.8vw,38px);letter-spacing:-.7px}.hapo-expert-workflow__heading span{font-size:clamp(25px,6vw,34px)}.hapo-expert-workflow__intro{font-size:16px}.hapo-expert-workflow__intro br{display:none}.hapo-expert-workflow__stages{grid-template-columns:1fr;gap:16px;margin-top:42px}.hapo-expert-workflow__stage{min-height:0;padding:34px 24px}.hapo-expert-workflow__stage-description{min-height:0}.hapo-expert-workflow .hapo-expert-workflow__cta{margin-top:40px;font-size:16px}.hapo-expert-workflow__wordmark{width:900px;max-width:none;bottom:-20px}}

/* Mobile reference correction — 2026-10-20 (Đội ngũ chuyên gia.jpg, 375×18333). Measured from the supplied mobile frame; local values, not shared tokens. */
.hapo-expert-workflow .hapo-expert-workflow__stages>li,.hapo-expert-workflow .hapo-expert-workflow__roles>li{margin-left:0}
@media(max-width:760px){
.hapo-expert-workflow{padding:70px 16px 60px}
.hapo-expert-workflow .hapo-expert-workflow__heading{font-size:26px;letter-spacing:-.6px;line-height:1.3}
.hapo-expert-workflow__heading span{margin-bottom:4px;font-size:20px;line-height:1.4}
.hapo-expert-workflow__rule{width:80px;margin:20px auto}
.hapo-expert-workflow__intro{font-size:16px;line-height:1.32}
.hapo-expert-workflow__stages{gap:24px;margin-top:40px}
.hapo-expert-workflow__stage{padding:32px 16px 30px}
.hapo-expert-workflow__number{margin-bottom:12px}
.hapo-expert-workflow__number span{width:40px;height:40px;font-size:22px}
.hapo-expert-workflow__stage-title{margin-bottom:16px;font-size:24px}
.hapo-expert-workflow__stage-description{margin-bottom:16px;font-size:14px;line-height:1.5}
.hapo-expert-workflow__roles{gap:14px}
.hapo-expert-workflow__roles li{padding-left:34px;font-size:14px;line-height:1.5}
.hapo-expert-workflow__roles li::before{top:0;width:20px;height:20px}
.hapo-expert-workflow .hapo-expert-workflow__cta{min-height:56px;margin-top:60px;padding:12px 28px;font-size:18px;font-weight:500}
.hapo-expert-workflow__wordmark{display:none}
}