.hapo-traffic-user-reasons{position:relative;background:#dfeeff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-traffic-user-reasons *{box-sizing:border-box}
.hapo-traffic-user-reasons--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-traffic-user-reasons--container{width:100%}
.hapo-traffic-user-reasons__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(289px,auto));grid-template-areas:"one intro five" "two three four";gap:30px;width:min(1440px,calc(100% - 48px));margin:auto;padding:120px 0;counter-reset:hapo-traffic-reason}
.hapo-traffic-user-reasons__intro{grid-area:intro;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hapo-traffic-user-reasons__icon{display:block;width:90px;height:90px;flex:none;margin-bottom:16px}
.hapo-traffic-user-reasons__icon>path:nth-of-type(-n+4){animation:hapo-traffic-reasons-bars 5.6s ease-in-out infinite}
.hapo-traffic-user-reasons__icon>path:nth-of-type(2){animation-delay:.15s}
.hapo-traffic-user-reasons__icon>path:nth-of-type(3){animation-delay:.3s}
.hapo-traffic-user-reasons__icon>path:nth-of-type(4){animation-delay:.45s}
.hapo-traffic-user-reasons__trace{stroke-dasharray:180;stroke-dashoffset:180;animation:hapo-traffic-reasons-trace 5.6s ease-in-out infinite}
.hapo-traffic-user-reasons .hapo-traffic-user-reasons__intro h2,.hapo-traffic-user-reasons .hapo-traffic-user-reasons__intro h3{max-width:460px;margin:0;color:#09090b;font-size:38px;font-weight:800;line-height:1.27;letter-spacing:-.025em}
.hapo-traffic-user-reasons__intro .hapo-traffic-user-reasons__line{display:block;white-space:nowrap}
.hapo-traffic-user-reasons__intro em{color:#08cf80;font-style:normal;white-space:nowrap}
.hapo-traffic-user-reasons__card{min-width:0;min-height:289px;padding:47px 30px 28px;border-radius:12px;background:#fff;counter-increment:hapo-traffic-reason;transition:transform .28s ease,box-shadow .28s ease}
.hapo-traffic-user-reasons__card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(22,86,155,.13)}
.hapo-traffic-user-reasons__card:nth-of-type(1){grid-area:one}
.hapo-traffic-user-reasons__card:nth-of-type(2){grid-area:two}
.hapo-traffic-user-reasons__card:nth-of-type(3){grid-area:three}
.hapo-traffic-user-reasons__card:nth-of-type(4){grid-area:four}
.hapo-traffic-user-reasons__card:nth-of-type(5){grid-area:five}
.hapo-traffic-user-reasons__number::before{display:block;margin-bottom:18px;color:#08cf80;content:counter(hapo-traffic-reason, decimal-leading-zero);font-size:40px;font-weight:800;line-height:1}
.hapo-traffic-user-reasons__card h3,.hapo-traffic-user-reasons__card h4{margin:0 0 17px;color:#0751b9;font-size:24px;font-weight:800;line-height:1.25}
.hapo-traffic-user-reasons__card p{margin:0;color:#737373;font-size:18px;font-weight:500;line-height:1.48}
.hapo-traffic-user-reasons__empty{grid-area:one}
@keyframes hapo-traffic-reasons-bars{0%,8%{clip-path:inset(100% 0 0 0)}26%,88%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(100% 0 0 0)}}
@keyframes hapo-traffic-reasons-trace{0%,8%{stroke-dashoffset:180;opacity:0}31%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-180;opacity:0}}
@media(max-width:1200px){.hapo-traffic-user-reasons__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-template-areas:"intro intro" "one five" "two three" "four four";padding:80px 0}.hapo-traffic-user-reasons__intro{min-height:260px}.hapo-traffic-user-reasons__card{min-height:0;padding:32px}}
@media(max-width:700px){.hapo-traffic-user-reasons__grid{grid-template-columns:1fr;grid-template-areas:"intro" "one" "two" "three" "four" "five";gap:16px;width:calc(100% - 36px);padding:64px 0}.hapo-traffic-user-reasons__intro{min-height:0;padding-bottom:22px}.hapo-traffic-user-reasons__icon{width:76px;height:76px;margin-bottom:14px}.hapo-traffic-user-reasons .hapo-traffic-user-reasons__intro h2,.hapo-traffic-user-reasons .hapo-traffic-user-reasons__intro h3{font-size:clamp(27px,7vw,34px)}.hapo-traffic-user-reasons__intro .hapo-traffic-user-reasons__line{white-space:normal}.hapo-traffic-user-reasons__card{padding:28px;min-height:0}.hapo-traffic-user-reasons__number::before{font-size:34px;margin-bottom:14px}.hapo-traffic-user-reasons__card h3,.hapo-traffic-user-reasons__card h4{font-size:21px;margin-bottom:12px}.hapo-traffic-user-reasons__card p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hapo-traffic-user-reasons__icon>path:nth-of-type(-n+4),.hapo-traffic-user-reasons__trace{animation:none;clip-path:none;stroke-dashoffset:0}.hapo-traffic-user-reasons__card{transition:none}.hapo-traffic-user-reasons__card:hover{transform:none}}