.hapo-traffic-user-types{position:relative;background:#fff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-traffic-user-types *{box-sizing:border-box}
.hapo-traffic-user-types--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-traffic-user-types--container{width:100%}
.hapo-traffic-user-types__inner{width:min(1440px,calc(100% - 48px));margin:auto;padding:118px 0 118px;text-align:center}
.hapo-traffic-user-types .hapo-traffic-user-types__title{margin:0;color:#09090b;font-size:44px;font-weight:800;line-height:1.25;letter-spacing:-.025em}
.hapo-traffic-user-types__title em{color:#08cf80;font-style:normal}
.hapo-traffic-user-types__description{margin:14px auto 0;color:#161616;font-size:20px;font-weight:500;line-height:1.5}
.hapo-traffic-user-types__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:60px;counter-reset:hapo-traffic-type;text-align:left}
.hapo-traffic-user-types__card{position:relative;min-width:0;min-height:283px;padding:24px 23px 20px;border:1.5px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#347eff 0%,#0abed1 57%,#05d977 100%) border-box;counter-increment:hapo-traffic-type;transition:transform .28s ease,box-shadow .28s ease}
.hapo-traffic-user-types__card:hover{transform:translateY(-5px);box-shadow:0 17px 30px rgba(18,94,155,.12)}
.hapo-traffic-user-types__number::before{display:block;margin-bottom:8px;color:#08cf80;content:counter(hapo-traffic-type, decimal-leading-zero);font-size:40px;font-weight:800;line-height:1.04}
.hapo-traffic-user-types__card h3,.hapo-traffic-user-types__card h4{margin:0 0 6px;color:#0751b9;font-size:24px;font-weight:800;line-height:1.28}
.hapo-traffic-user-types__card p{margin:0;color:#151515;font-size:16px;font-weight:500;line-height:1.42}
.hapo-traffic-user-types__card ul{display:grid;gap:7px;margin:20px 0 0;padding:0;list-style:none}
.hapo-traffic-user-types__card li{display:flex;align-items:flex-start;gap:12px;color:#101010;font-size:16px;font-weight:500;line-height:1.35}
.hapo-traffic-user-types__card li svg{display:block;flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:#0758cd;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.hapo-traffic-user-types .hapo-traffic-user-types__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:181px;min-height:49px;margin-top:60px;padding:10px 22px;border-radius:999px;background:#1cca67;color:#fff;font-size:18px;font-weight:600;line-height:1.2;text-transform:none}
.hapo-traffic-user-types .hapo-traffic-user-types__cta:hover,.hapo-traffic-user-types .hapo-traffic-user-types__cta:focus-visible{color:#fff;background:#10b85a}
.hapo-traffic-user-types .hapo-traffic-user-types__cta:focus-visible{outline:3px solid #0751b9;outline-offset:4px}
.hapo-traffic-user-types__cta svg{flex:none}
.hapo-traffic-user-types__empty{margin:30px 0;color:#555}
@media(max-width:1100px){.hapo-traffic-user-types__inner{padding:88px 0}.hapo-traffic-user-types .hapo-traffic-user-types__title{font-size:clamp(32px,3.9vw,44px)}.hapo-traffic-user-types__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hapo-traffic-user-types__card{min-height:270px}}
@media(max-width:650px){.hapo-traffic-user-types__inner{width:calc(100% - 36px);padding:64px 0}.hapo-traffic-user-types .hapo-traffic-user-types__title{font-size:clamp(27px,7vw,34px)}.hapo-traffic-user-types__description{font-size:16px;line-height:1.5}.hapo-traffic-user-types__grid{grid-template-columns:1fr;gap:16px;margin-top:34px}.hapo-traffic-user-types__card{min-height:0;padding:26px 22px}.hapo-traffic-user-types__number::before{font-size:36px}.hapo-traffic-user-types__card h3,.hapo-traffic-user-types__card h4{font-size:21px}.hapo-traffic-user-types__card p,.hapo-traffic-user-types__card li{font-size:15px}.hapo-traffic-user-types .hapo-traffic-user-types__cta{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.hapo-traffic-user-types__card{transition:none}.hapo-traffic-user-types__card:hover{transform:none}}

/* Mobile reference correction — 2026-10-20 (Traffic user.jpg): remove Flatsome .col-inner ul li offset on checklist items. */
.hapo-traffic-user-types li{margin-left:0}