@property --hapo-geo-intro-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.hapo-geo-intro{position:relative;background:#fff;color:#101014;font-family:Manrope,sans-serif}.hapo-geo-intro *{box-sizing:border-box}.hapo-geo-intro--full{left:50%;width:100vw;margin-left:-50vw}.hapo-geo-intro--container{width:100%}.hapo-geo-intro__inner{width:min(1440px,calc(100% - 64px));margin:auto;padding:74px 0 112px}.hapo-geo-intro .hapo-geo-intro__heading{display:flex;flex-direction:column;align-items:center;margin:0 0 33px;text-align:center;font-size:clamp(28px,2.35vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.3}.hapo-geo-intro__heading em{color:#00c14a;font-style:normal}.hapo-geo-intro__comparison{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1.48fr);align-items:center;max-width:1330px;margin:auto}.hapo-geo-intro__comparison ul{display:flex;min-height:290px;flex-direction:column;justify-content:center;gap:23px;margin:0;padding:38px 40px;list-style:none}.hapo-geo-intro__comparison li{display:flex;align-items:flex-start;gap:12px;margin:0;line-height:1.45}.hapo-geo-intro__comparison li svg{flex:none}.hapo-geo-intro__short-queries{border-radius:12px;background:linear-gradient(90deg,#efefef,#fafafa);color:#929292;font-size:17px}.hapo-geo-intro__long-queries{border:1px solid #77f0a0;border-radius:9px;background:#f5fbf7;color:#151515;font-size:19px;font-weight:700}.hapo-geo-intro__long-queries svg{color:#00c14a}.hapo-geo-intro__arrow{display:block;position:relative;z-index:1;width:107px;height:94px;margin-left:-7px;object-fit:contain}.hapo-geo-intro__quote{display:flex;border:0;padding:0;max-width:1170px;align-items:flex-start;justify-content:center;gap:18px;margin:73px auto 75px;padding:0;text-align:center}.hapo-geo-intro__quote img{width:42px;height:32px;flex:none;object-fit:contain}.hapo-geo-intro__quote-end{transform:rotate(180deg);align-self:flex-end}.hapo-geo-intro .hapo-geo-intro__quote p{max-width:1000px;margin:0;color:#141414;font-size:21px;font-weight:800;line-height:1.45}.hapo-geo-intro__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}.hapo-geo-intro__card{position:relative;isolation:isolate;min-width:0;min-height:330px;margin:0;padding:1.5px;overflow:hidden;border-radius:10px;background:#d8b5ff;list-style:none;transition:transform .3s ease,box-shadow .3s ease}.hapo-geo-intro__card::before{position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from var(--hapo-geo-intro-angle),transparent 0deg,transparent 260deg,#802cf5 300deg,#c894ff 325deg,transparent 355deg);content:'';animation:hapo-geo-intro-border 4.5s linear infinite}.hapo-geo-intro__card-content{display:flex;min-height:327px;height:100%;flex-direction:column;align-items:center;padding:32px 30px 34px;border-radius:8px;background:radial-gradient(circle at 5% 0%,#faf7ff 0%,#fff 55%,#fcfaff 100%);text-align:center}.hapo-geo-intro__card-content img{display:block;width:auto;max-width:92px;height:73px;object-fit:contain;transition:transform .35s ease}.hapo-geo-intro__rule{width:80%;height:1px;margin:21px auto 20px;background:linear-gradient(90deg,transparent,#d9d9d9,transparent)}.hapo-geo-intro .hapo-geo-intro__card h3{max-width:270px;margin:0 0 8px;color:#121212;font-size:21px;font-weight:800;line-height:1.25}.hapo-geo-intro .hapo-geo-intro__card p{margin:0;color:#8b8b8b;font-size:16px;line-height:1.42}.hapo-geo-intro__empty{text-align:center}@keyframes hapo-geo-intro-border{to{--hapo-geo-intro-angle:360deg}}@media(hover:hover) and (pointer:fine){.hapo-geo-intro__card:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgba(107,32,184,.13)}.hapo-geo-intro__card:hover img{transform:translateY(-3px)}}@media(max-width:1100px){.hapo-geo-intro__cards{gap:18px}.hapo-geo-intro__comparison ul{padding:28px 24px}.hapo-geo-intro__long-queries{font-size:16px}.hapo-geo-intro__card-content{padding:27px 20px}.hapo-geo-intro .hapo-geo-intro__card h3{font-size:18px}.hapo-geo-intro .hapo-geo-intro__card p{font-size:14px}}@media(max-width:760px){.hapo-geo-intro__inner{padding:62px 0 76px}.hapo-geo-intro__comparison{grid-template-columns:1fr;gap:0}.hapo-geo-intro__comparison ul{min-height:0;gap:18px;padding:24px}.hapo-geo-intro__arrow{width:76px;height:67px;justify-self:center;transform:rotate(90deg);margin:4px 0}.hapo-geo-intro__quote{margin:50px auto}.hapo-geo-intro__cards{grid-template-columns:1fr;max-width:500px;margin:auto}.hapo-geo-intro__card{min-height:0}.hapo-geo-intro__card-content{min-height:0}}@media(max-width:500px){.hapo-geo-intro__inner{width:calc(100% - 36px)}.hapo-geo-intro .hapo-geo-intro__heading{font-size:27px}.hapo-geo-intro__short-queries,.hapo-geo-intro__long-queries{font-size:14px}.hapo-geo-intro .hapo-geo-intro__quote p{font-size:15px}.hapo-geo-intro__quote{gap:5px}.hapo-geo-intro__quote img{width:23px;height:20px}}@media(prefers-reduced-motion:reduce){.hapo-geo-intro__card::before{animation:none;background:#802cf5}.hapo-geo-intro__card,.hapo-geo-intro__card-content 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-intro .hapo-geo-intro__comparison li,.hapo-geo-intro .hapo-geo-intro__cards>li{margin-left:0}
@media(max-width:760px){
.hapo-geo-intro__inner{width:calc(100% - 32px);padding:64px 0 64px}
.hapo-geo-intro .hapo-geo-intro__heading{margin-bottom:20px;color:#09090b;font-size:16px;letter-spacing:0;line-height:1.3;text-transform:uppercase}
.hapo-geo-intro__comparison ul{gap:8px;padding:12px 16px 14px}
.hapo-geo-intro__comparison li{gap:8px;font-size:13px;line-height:1.4}
.hapo-geo-intro__comparison li svg{width:14px;height:14px;margin-top:2px}
.hapo-geo-intro__short-queries{border-radius:8px}
.hapo-geo-intro__long-queries{border-radius:8px;font-size:13px;font-weight:500}
.hapo-geo-intro__arrow{width:56px;height:49px;margin:-18px 0 -14px}
.hapo-geo-intro__quote{gap:8px;margin:32px auto 32px}
.hapo-geo-intro .hapo-geo-intro__quote p{color:#09090b;font-size:16px;font-style:normal;font-weight:700;line-height:1.35}
.hapo-geo-intro__quote img{width:34px;height:28px}
.hapo-geo-intro__cards{gap:40px;max-width:none}
.hapo-geo-intro__card-content{padding:32px 24px 56px}
.hapo-geo-intro__card-content img{max-width:none;height:80px}
.hapo-geo-intro .hapo-geo-intro__card h3{max-width:none;font-size:20px;line-height:1.3}
.hapo-geo-intro .hapo-geo-intro__card p{font-size:16px;line-height:1.5}
}