.hapo-knowledge-posts{box-sizing:border-box;position:relative;isolation:isolate;width:100%;padding:100px 30px 112px;background:radial-gradient(ellipse 38% 32% at 86% 12%,rgb(28 202 103 / 6%),transparent 100%),radial-gradient(ellipse 34% 27% at 9% 84%,rgb(255 201 1 / 4%),transparent 100%),#f7f7f7;color:#09090b;font-family:Manrope,sans-serif;overflow:hidden}
.hapo-knowledge-posts *{box-sizing:border-box}
.hapo-knowledge-posts--width-full{position:relative;left:50%;width:100vw;margin-left:-50vw}
.hapo-knowledge-posts__header{position:relative;z-index:1;max-width:1120px;margin:0 auto 60px;text-align:center}
.hapo-knowledge-posts__header h2,.hapo-knowledge-posts__header h3{margin:0;color:#09090b;font-size:clamp(28px,2.15vw,42px);font-weight:800;line-height:1.2;text-transform:uppercase}
.hapo-knowledge-posts__header>span{display:block;width:148px;height:4px;margin:27px auto 24px;background:#00c968}
.hapo-knowledge-posts__header p{margin:0;font-size:18px;line-height:1.5}
.hapo-knowledge-posts__filters{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;max-width:1320px;margin:0 auto 28px}
.hapo-knowledge-posts__filters button{min-height:40px;padding:8px 19px;border:0;border-radius:999px;background:#e9e9ee;color:#202025;font:700 14px/1.2 Manrope,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease}
.hapo-knowledge-posts__filters button:hover,.hapo-knowledge-posts__filters button.is-active{background:#00c968;color:#fff}
.hapo-knowledge-posts__filters button:focus-visible,.hapo-knowledge-posts a:focus-visible{outline:3px solid #00a755;outline-offset:3px}
.hapo-knowledge-posts__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1260px;margin:0 auto}
.hapo-knowledge-posts__card{min-width:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 11px 26px rgb(0 0 0 / .08);transition:transform 350ms cubic-bezier(.2,.7,.2,1),box-shadow 350ms ease}
.hapo-knowledge-posts__card[hidden]{display:none}
.hapo-knowledge-posts__media{display:block;aspect-ratio:400/225;overflow:hidden;background:#dce7e8}
.hapo-knowledge-posts__image,.hapo-knowledge-posts__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform 450ms cubic-bezier(.2,.7,.2,1)}
.hapo-knowledge-posts__placeholder{background:linear-gradient(135deg,#143d67,#18777b 58%,#35c584)}
.hapo-knowledge-posts__body{min-height:128px;padding:15px 16px 17px}
.hapo-knowledge-posts__category{margin:0 0 8px;color:#00bb60;font-size:13px;font-weight:800;line-height:1.3}
.hapo-knowledge-posts__card h3{margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.35}
.hapo-knowledge-posts__card h3 a{color:inherit;text-decoration:none;transition:color 250ms ease}
.hapo-knowledge-posts__card h3 a:hover{color:#00a755}
.hapo-knowledge-posts__excerpt{display:-webkit-box;overflow:hidden;margin:0;color:#828282;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hapo-knowledge-posts__cta{position:relative;z-index:1;margin-top:30px;text-align:center}
.hapo-knowledge-posts__sky{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.hapo-knowledge-posts__comet{position:absolute;opacity:0;will-change:transform,opacity}
.hapo-knowledge-posts__comet::after{position:absolute;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,rgb(28 202 103 / 78%) 28%,transparent 72%);box-shadow:0 0 15px rgb(28 202 103 / 35%);content:""}
.hapo-knowledge-posts__comet{right:0;width:180px;height:2px;background:linear-gradient(90deg,#fff,rgb(28 202 103 / 57%) 12%,rgb(28 202 103 / 11%) 65%,transparent);animation:hapo-knowledge-comet-diagonal 13s cubic-bezier(.2,.65,.3,1) infinite}
.hapo-knowledge-posts__comet::after{top:-8px;left:-8px}
.hapo-knowledge-posts__comet:nth-child(1){top:8%;animation-delay:-1s}
.hapo-knowledge-posts__comet:nth-child(2){top:23%;animation-delay:-3.1s}
.hapo-knowledge-posts__comet:nth-child(3){top:38%;animation-delay:-5.2s}
.hapo-knowledge-posts__comet:nth-child(4){top:53%;animation-delay:-7.3s}
.hapo-knowledge-posts__comet:nth-child(5){top:68%;animation-delay:-9.4s}
.hapo-knowledge-posts__comet:nth-child(6){top:83%;animation-delay:-11.5s}
@keyframes hapo-knowledge-comet-diagonal{0%,5%{opacity:0;transform:translate3d(220px,-180px,0) rotate(-35deg)}12%{opacity:.68}25%{opacity:0;transform:translate3d(-110vw,520px,0) rotate(-35deg)}100%{opacity:0;transform:translate3d(-110vw,520px,0) rotate(-35deg)}}
@media(hover:hover) and (pointer:fine){.hapo-knowledge-posts__card:hover{transform:translateY(-8px);box-shadow:0 20px 42px rgb(0 0 0 / 13%),inset 0 0 0 1px rgb(28 202 103 / 23%)}.hapo-knowledge-posts__card:hover .hapo-knowledge-posts__image,.hapo-knowledge-posts__card:hover .hapo-knowledge-posts__placeholder{transform:scale(1.04)}.hapo-knowledge-posts__card:hover h3 a{color:#009b61}}
.hapo-knowledge-posts__card:focus-within{transform:translateY(-8px);box-shadow:0 20px 42px rgb(0 0 0 / 13%),inset 0 0 0 1px rgb(28 202 103 / 23%)}
.hapo-knowledge-posts__card:focus-within .hapo-knowledge-posts__image,.hapo-knowledge-posts__card:focus-within .hapo-knowledge-posts__placeholder{transform:scale(1.04)}
.hapo-knowledge-posts__card:focus-within h3 a{color:#009b61}
.hapo-knowledge-posts__cta .hapo-button{min-width:128px;justify-content:center;padding:12px 20px;border-radius:999px;background:linear-gradient(100deg,#00c968,#00aa63);color:#fff}
.hapo-knowledge-posts__empty{grid-column:1/-1;text-align:center}
@media(max-width:900px){.hapo-knowledge-posts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hapo-knowledge-posts{padding:60px 18px 68px}.hapo-knowledge-posts__header{margin-bottom:34px}.hapo-knowledge-posts__header p{font-size:15px}.hapo-knowledge-posts__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.hapo-knowledge-posts__filters button{flex:none}.hapo-knowledge-posts__grid{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.hapo-knowledge-posts__sky{display:none}.hapo-knowledge-posts__filters button,.hapo-knowledge-posts__card,.hapo-knowledge-posts__image,.hapo-knowledge-posts__placeholder,.hapo-knowledge-posts__card h3 a{transition:none}.hapo-knowledge-posts__card:hover,.hapo-knowledge-posts__card:focus-within,.hapo-knowledge-posts__card:hover .hapo-knowledge-posts__image,.hapo-knowledge-posts__card:focus-within .hapo-knowledge-posts__image,.hapo-knowledge-posts__card:hover .hapo-knowledge-posts__placeholder,.hapo-knowledge-posts__card:focus-within .hapo-knowledge-posts__placeholder{transform:none}}