.hapo-geo-comparison{position:relative;background:#fff;color:#09090b;font-family:Manrope,sans-serif}.hapo-geo-comparison *{box-sizing:border-box}.hapo-geo-comparison--full{left:50%;width:100vw;margin-left:-50vw}.hapo-geo-comparison--container{width:100%}.hapo-geo-comparison__inner{width:min(1440px,calc(100% - 48px));margin:auto;padding:23px 0 95px}.hapo-geo-comparison .hapo-geo-comparison__heading{margin:0;text-align:center;color:#09090b;font-size:42px;font-weight:800;letter-spacing:-.045em;line-height:1.25}.hapo-geo-comparison__heading-rule{display:block;width:150px;height:3px;margin:25px auto 60px;background:#00c14a}.hapo-geo-comparison__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:650px;overflow:hidden;border-radius:38px;background:#fff}.hapo-geo-comparison__panel::before,.hapo-geo-comparison__panel::after{position:absolute;inset:0;z-index:-1;content:''}.hapo-geo-comparison__panel::before{background:#faf7ff;clip-path:polygon(0 0,43% 0,57% 100%,0 100%)}.hapo-geo-comparison__panel::after{background:#f4fbf7;clip-path:polygon(43.6% 0,100% 0,100% 100%,57.6% 100%)}.hapo-geo-comparison__column{position:relative;z-index:1;min-width:0;margin:0;transition:filter .3s ease}.hapo-geo-comparison__column-inner{padding:60px 68px 50px}.hapo-geo-comparison__column--geo .hapo-geo-comparison__column-inner{padding-left:118px;padding-right:45px}.hapo-geo-comparison__column-heading{display:flex;align-items:center;gap:24px;min-height:80px;margin-bottom:29px}.hapo-geo-comparison__column-heading img{display:block;width:80px;height:80px;flex:none;object-fit:contain;transition:transform .35s ease}.hapo-geo-comparison .hapo-geo-comparison__column-heading h3{margin:0;color:#09090b;font-size:29px;font-weight:800;letter-spacing:-.035em;line-height:1.25}.hapo-geo-comparison__points{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}.hapo-geo-comparison__point{display:flex;align-items:flex-start;gap:11px;margin:0;color:#171717;font-size:18px;font-weight:600;line-height:1.42;list-style:none}.hapo-geo-comparison__point svg{display:block;width:24px;height:24px;flex:none;margin-top:1px}.hapo-geo-comparison__column--seo .hapo-geo-comparison__point svg{color:#802cf5}.hapo-geo-comparison__column--geo .hapo-geo-comparison__point svg{color:#00c14a}.hapo-geo-comparison__seam{position:absolute;top:0;left:43%;z-index:2;width:14%;height:100%;pointer-events:none}.hapo-geo-comparison__seam path{stroke-dasharray:680;stroke-dashoffset:680;animation:hapo-geo-comparison-draw 7s ease-in-out infinite}.hapo-geo-comparison__seam path:last-child{animation-delay:.5s}.hapo-geo-comparison__link{position:absolute;top:50%;left:50%;z-index:3;display:block;width:100px;height:100px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 6px 14px rgba(72,21,141,.08))}.hapo-geo-comparison__empty{position:relative;z-index:2;padding:18px;text-align:center}@keyframes hapo-geo-comparison-draw{0%,9%{stroke-dashoffset:680}27%,84%{stroke-dashoffset:0}100%{stroke-dashoffset:-680}}@media(hover:hover) and (pointer:fine){.hapo-geo-comparison__column:hover{filter:brightness(.985)}.hapo-geo-comparison__column:hover img{transform:translateY(-4px)}}@media(max-width:1200px){.hapo-geo-comparison__panel{min-height:590px}.hapo-geo-comparison__column-inner{padding:48px 48px 45px}.hapo-geo-comparison__column--geo .hapo-geo-comparison__column-inner{padding-left:90px;padding-right:30px}.hapo-geo-comparison .hapo-geo-comparison__column-heading h3{font-size:23px}.hapo-geo-comparison__column-heading{gap:15px}.hapo-geo-comparison__column-heading img{width:68px;height:68px}.hapo-geo-comparison__point{font-size:16px}.hapo-geo-comparison__points{gap:16px}}@media(max-width:800px){.hapo-geo-comparison__inner{padding:30px 0 70px}.hapo-geo-comparison .hapo-geo-comparison__heading{font-size:clamp(28px,4.2vw,38px)}.hapo-geo-comparison__heading-rule{margin:18px auto 38px}.hapo-geo-comparison__panel{display:flex;flex-direction:column;gap:0;min-height:0;overflow:visible;border-radius:24px;background:none}.hapo-geo-comparison__panel::before,.hapo-geo-comparison__panel::after,.hapo-geo-comparison__seam{display:none}.hapo-geo-comparison__column{border-radius:24px}.hapo-geo-comparison__column--seo{background:#faf7ff}.hapo-geo-comparison__column--geo{background:#f4fbf7}.hapo-geo-comparison__column-inner,.hapo-geo-comparison__column--geo .hapo-geo-comparison__column-inner{padding:36px 34px}.hapo-geo-comparison__column--geo{margin-top:50px}.hapo-geo-comparison__column--seo::after{position:absolute;bottom:-40px;left:50%;z-index:3;width:80px;height:80px;background:url(../images/geo-comparison/center-link.svg) center/contain no-repeat;content:"";transform:translateX(-50%);pointer-events:none}.hapo-geo-comparison__link{display:none}}@media(max-width:500px){.hapo-geo-comparison__inner{width:calc(100% - 28px)}.hapo-geo-comparison .hapo-geo-comparison__heading{font-size:27px}.hapo-geo-comparison__column-inner,.hapo-geo-comparison__column--geo .hapo-geo-comparison__column-inner{padding:28px 22px}.hapo-geo-comparison__column-heading{gap:10px;margin-bottom:19px}.hapo-geo-comparison__column-heading img{width:52px;height:52px}.hapo-geo-comparison .hapo-geo-comparison__column-heading h3{font-size:20px}.hapo-geo-comparison__points{gap:14px}.hapo-geo-comparison__point{gap:7px;font-size:14px}.hapo-geo-comparison__point svg{width:19px;height:19px}.hapo-geo-comparison__link{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){.hapo-geo-comparison__seam path{animation:none;stroke-dashoffset:0}.hapo-geo-comparison__column,.hapo-geo-comparison__column-heading img{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-comparison .hapo-geo-comparison__points>li{margin-left:0}
@media(max-width:650px){.hapo-geo-comparison .hapo-geo-comparison__heading{font-size:26px;letter-spacing:-.02em}.hapo-geo-comparison__heading-rule{width:80px;height:4px;margin:16px auto 32px}}
@media(max-width:650px){
.hapo-geo-comparison__inner{width:calc(100% - 32px)}
.hapo-geo-comparison__column{border:1px solid #e3d2fb;border-radius:12px}
.hapo-geo-comparison__column--geo{margin-top:30px;border-color:#7fe0a5}
.hapo-geo-comparison__column--seo::after{display:none}
.hapo-geo-comparison__column-inner,.hapo-geo-comparison__column--geo .hapo-geo-comparison__column-inner{padding:24px 24px 22px}
}
@media(max-width:650px){
.hapo-geo-comparison__column-heading{gap:12px;min-height:0;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e6e1ec}
.hapo-geo-comparison__column-heading img{width:52px;height:52px}
.hapo-geo-comparison .hapo-geo-comparison__column-heading h3{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.hapo-geo-comparison__points{gap:12px}
.hapo-geo-comparison__point{gap:10px;font-size:14px;font-weight:500;line-height:1.4}
.hapo-geo-comparison__point svg{width:16px;height:16px;margin-top:2px}
}