.how{overflow:hidden;background:#0b0b0f}.how::before{content:"";position:absolute;right:-10%;top:-30%;width:55%;height:120%;background:radial-gradient(closest-side,rgba(200,16,46,.28),transparent);pointer-events:none}.how,.how .wrap{position:relative}.how,.how h2{color:#fff}.how .sub{color:rgba(255,255,255,.7)}.hw,.hw li{position:relative}.hw{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin:3.4rem 0 0;padding:0;list-style:none}.hw::after,.hw::before{content:"";position:absolute;top:2rem;left:2rem;right:2rem;height:2px}.hw::before{background:rgba(255,255,255,.14)}.hw::after{background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 2.2s cubic-bezier(.6,0,.2,1) .3s}.hw.in::after{transform:scaleX(1)}.hw li{counter-increment:s;padding-top:5.2rem}.hw li::after{content:counter(s,decimal-leading-zero);position:absolute;bottom:-.5rem;right:0;font-size:4.6rem;font-weight:800;line-height:1;color:rgba(255,255,255,.06)}.hw-dot{position:absolute;top:0;left:0;z-index:1;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#0b0b0f;border:2px solid rgba(255,255,255,.22);font-size:1.6rem;transform:scale(.7);transition:background .4s,border-color .4s,transform .6s,box-shadow .6s;transition-delay:calc(var(--i)*.75s + .3s)}.hw.in .hw-dot{background:var(--red);border-color:var(--red);transform:none;box-shadow:0 0 0 9px rgba(200,16,46,.18)}.hw h3{font-size:1.3rem;letter-spacing:-.02em;margin-bottom:.45rem}.hw p{max-width:20rem;color:rgba(255,255,255,.72)}@media (max-width:860px){.hw{grid-template-columns:1fr;gap:2.2rem}.hw::after,.hw::before{top:2rem;bottom:2rem;left:calc(2rem - 1px);right:auto;width:2px;height:auto}.hw::after{transform:scaleY(0);transform-origin:top}.hw.in::after{transform:scaleY(1)}.hw li{padding:.2rem 0 0 5.6rem;min-height:4rem}.hw li::after{font-size:3rem;top:auto;bottom:0}}