.hapo-geo-hero{position:relative;isolation:isolate;overflow:hidden;min-height:880px;background:#321064;color:#fff;font-family:Manrope,sans-serif}.hapo-geo-hero *{box-sizing:border-box}.hapo-geo-hero--full{left:50%;width:100vw;margin-left:-50vw}.hapo-geo-hero--container{width:100%}.hapo-geo-hero__art{position:absolute;inset:0;z-index:-1;pointer-events:none}.hapo-geo-hero__art svg{display:block;width:100%;height:100%}.hapo-geo-hero__inner{position:relative;z-index:1;width:min(1520px,calc(100% - 64px));margin:auto;padding:132px 0 174px;text-align:center}.hapo-geo-hero .hapo-geo-hero__eyebrow{margin:0 0 2px;color:#fff;font-size:24px;font-weight:800;line-height:1.35}.hapo-geo-hero .hapo-geo-hero__title{margin:0;color:#09e159;font-size:clamp(46px,5vw,76px);font-weight:800;letter-spacing:-.05em;line-height:1.15}.hapo-geo-hero .hapo-geo-hero__description{max-width:1110px;margin:22px auto 28px;color:#fff;font-size:16px;font-weight:500;line-height:1.5}.hapo-geo-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hapo-geo-hero .hapo-geo-hero__actions .hapo-button{min-height:48px;padding:10px 24px;border-radius:100px;font-size:15px;font-weight:700;line-height:1.2}.hapo-geo-hero__primary{background:#08c752;color:#fff}.hapo-geo-hero__secondary{background:#fff;color:#17131f}.hapo-geo-hero__secondary:hover{color:#321064}.hapo-geo-hero__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:58px 0 0;padding:0;list-style:none;text-align:left}.hapo-geo-hero__card{min-width:0;min-height:174px;margin:0;padding:24px 23px;border:1px solid rgba(198,122,255,.8);border-radius:9px;background:linear-gradient(155deg,rgba(115,38,190,.7),rgba(71,22,126,.8));box-shadow:inset 0 1px 5px rgba(255,255,255,.16),0 10px 32px rgba(25,6,59,.1);list-style:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.hapo-geo-hero__card-head{display:flex;align-items:center;gap:12px}.hapo-geo-hero__card-head img{display:block;width:32px;height:32px;flex:none}.hapo-geo-hero .hapo-geo-hero__card-head h2{margin:0;color:#fff;font-size:22px;font-weight:700;line-height:1.25}.hapo-geo-hero .hapo-geo-hero__card-desc{display:flex;gap:10px;margin:18px 0 0;color:#c8afd9;font-size:16px;line-height:1.4}.hapo-geo-hero__card-desc svg{flex:none;color:#c8afd9}.hapo-geo-hero__bottom{position:absolute;right:0;bottom:-1px;left:0;z-index:2;height:120px;pointer-events:none}.hapo-geo-hero__bottom svg{display:block;width:100%;height:100%}.hapo-geo-hero__empty{color:#fff}.hapo-geo-hero__orbit{transform-origin:50% 50%;animation:hapo-geo-orbit 28s ease-in-out infinite alternate}.hapo-geo-hero__lines{animation:hapo-geo-lines 20s linear infinite}.hapo-geo-hero__stars{animation:hapo-geo-stars 5s ease-in-out infinite alternate}.hapo-geo-hero__card-desc svg path{stroke-dasharray:70;stroke-dashoffset:0;animation:hapo-geo-check 5s ease-in-out infinite}.hapo-geo-hero__card:nth-child(2) .hapo-geo-hero__card-desc svg path{animation-delay:.35s}.hapo-geo-hero__card:nth-child(3) .hapo-geo-hero__card-desc svg path{animation-delay:.7s}.hapo-geo-hero__card:nth-child(4) .hapo-geo-hero__card-desc svg path{animation-delay:1.05s}.hapo-geo-hero__card:nth-child(5) .hapo-geo-hero__card-desc svg path{animation-delay:1.4s}@keyframes hapo-geo-orbit{to{transform:translate3d(22px,-12px,0)}}@keyframes hapo-geo-lines{to{stroke-dashoffset:-240}}@keyframes hapo-geo-stars{to{opacity:.85;transform:scale(1.015)}}@keyframes hapo-geo-check{0%,8%{stroke-dashoffset:70}20%,85%,100%{stroke-dashoffset:0}}@media(hover:hover) and (pointer:fine){.hapo-geo-hero__card:hover{transform:translateY(-6px);border-color:#e4bbff;box-shadow:0 18px 35px rgba(17,4,46,.28)}}.hapo-geo-hero .hapo-geo-hero__actions a:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:1250px){.hapo-geo-hero__cards{gap:14px}.hapo-geo-hero__card{padding:20px 16px}.hapo-geo-hero .hapo-geo-hero__card-head h2{font-size:18px}.hapo-geo-hero .hapo-geo-hero__card-desc{font-size:14px}}@media(max-width:900px){.hapo-geo-hero{min-height:0}.hapo-geo-hero__inner{padding-top:100px}.hapo-geo-hero__cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:45px}}@media(max-width:600px){.hapo-geo-hero__inner{width:calc(100% - 36px);padding:78px 0 125px}.hapo-geo-hero .hapo-geo-hero__eyebrow{font-size:14px}.hapo-geo-hero .hapo-geo-hero__title{margin-top:8px;font-size:clamp(34px,10vw,48px);line-height:1.08}.hapo-geo-hero .hapo-geo-hero__description{margin:20px auto 24px;font-size:14px}.hapo-geo-hero__actions{gap:10px}.hapo-geo-hero .hapo-geo-hero__actions .hapo-button{min-height:44px;padding:10px 16px;font-size:13px}.hapo-geo-hero__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:42px}.hapo-geo-hero__card{min-height:145px;padding:15px 12px}.hapo-geo-hero .hapo-geo-hero__card-head h2{font-size:15px}.hapo-geo-hero__card-head{gap:7px}.hapo-geo-hero__card-head img{width:26px;height:26px}.hapo-geo-hero .hapo-geo-hero__card-desc{gap:6px;margin-top:12px;font-size:12px}.hapo-geo-hero__card-desc svg{width:18px;height:18px}.hapo-geo-hero__bottom{height:70px}}@media(max-width:380px){.hapo-geo-hero__cards{grid-template-columns:1fr}.hapo-geo-hero__card{min-height:0}}@media(prefers-reduced-motion:reduce){.hapo-geo-hero__orbit,.hapo-geo-hero__lines,.hapo-geo-hero__stars,.hapo-geo-hero__card-desc svg path{animation:none!important}.hapo-geo-hero__card{transition:none}}

/* Mobile reference correction — 2026-10-20 (GEO.jpg, 375×27071). Measured from the supplied mobile frame; local values, not shared tokens. */
.hapo-geo-hero .hapo-geo-hero__cards>li{margin-left:0}
@media(max-width:700px){
.hapo-geo-hero{min-height:0}
.hapo-geo-hero__inner{width:calc(100% - 32px);padding:56px 0 40px}
.hapo-geo-hero .hapo-geo-hero__eyebrow{margin-bottom:4px;font-size:clamp(16px,5.3vw,20px);line-height:1.3}
.hapo-geo-hero .hapo-geo-hero__title{font-size:clamp(25px,8.5vw,32px);letter-spacing:-.03em;line-height:1.2;white-space:nowrap}
.hapo-geo-hero .hapo-geo-hero__description{margin:20px auto 24px;font-size:14px;line-height:1.5}
.hapo-geo-hero__actions{flex-direction:column;gap:12px}
.hapo-geo-hero .hapo-geo-hero__actions .hapo-button{width:100%;min-height:48px;font-size:17px;font-weight:500}
/* UX: five AI platform cards become a swipe row (design shows ~2.3 cards) instead of a 600px stack. */
.hapo-geo-hero__cards{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(118px,38vw,142px);grid-template-columns:none;gap:12px;margin:24px -16px 0;padding:0 16px 6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:16px;scroll-snap-type:inline mandatory;scrollbar-width:none}
.hapo-geo-hero__cards::-webkit-scrollbar{display:none}
.hapo-geo-hero__card{min-height:78px;padding:10px 9px;border-radius:6px;scroll-snap-align:start}
.hapo-geo-hero__card-head{gap:6px}
.hapo-geo-hero__card-head img{width:14px;height:14px}
.hapo-geo-hero .hapo-geo-hero__card-head h2{font-size:11px;line-height:1.3}
.hapo-geo-hero .hapo-geo-hero__card-desc{gap:5px;margin-top:6px;font-size:9px;line-height:1.35}
.hapo-geo-hero__card-desc svg{width:10px;height:10px}
.hapo-geo-hero__bottom{display:none}
}