.hiw{z-index:1;background:var(--bg);position:relative}.hiw-alias{width:0;height:0;position:absolute;top:0;left:0}.hiw-padding{padding-bottom:8rem}.hiw-head{gap:2.4rem}.hiw-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.hiw-step{flex-direction:column;gap:1rem;padding-top:3.4rem;display:flex;position:relative}.hiw-step__port{z-index:1;border:2px solid var(--fg);background:var(--bg);border-radius:50%;width:1rem;height:1rem;position:absolute;top:0;left:0}.hiw-step:not(:last-child):after{content:"";background:var(--fg);transform-origin:0;height:2px;position:absolute;top:calc(.5rem - 1px);left:1rem;right:-2.5rem}html.js .hiw-steps:not(.is-in) .hiw-step:not(:last-child):after{transform:scaleX(0)}.hiw-steps.is-in .hiw-step:not(:last-child):after{transition:transform 1.1s var(--ease-out-expo).35s}.hiw-step__num{color:var(--fg-4)}.hiw-step__title{max-width:18ch}.hiw-step__body{max-width:26rem;color:var(--fg-3);text-wrap:pretty}.hiw-step.is-live .hiw-step__port{background:var(--fg)}.hiw-demo{flex-direction:column;gap:2.4rem;margin:0;display:flex}.hiw-demo__cap{align-items:center;gap:1.2rem;display:flex}.hiw-demo__port{border:2px solid var(--fg);background:var(--fg);border-radius:50%;flex:none;width:1rem;height:1rem}.hiw-demo__title{color:var(--fg-2);font-size:1.25rem;line-height:1.2}.hiw-band{padding-block:2rem 1.2rem}.hiw-more{display:flex}@media (pointer:coarse){.hiw-more .btn{min-height:44px}}@media screen and (max-width:991px){.hiw-steps{column-gap:2.4rem}.hiw-step:not(:last-child):after{right:-2.4rem}.hiw-step__title{font-size:2.2rem}.hiw-demo__title{font-size:1.6rem}}@media screen and (max-width:767px){.hiw-padding{padding-bottom:10rem}.hiw-steps{grid-template-columns:1fr;row-gap:4.4rem}.hiw-step{gap:1.2rem;padding-top:0;padding-left:5rem}.hiw-step__port{width:2rem;height:2rem}.hiw-step:not(:last-child):after{transform-origin:50% 0;width:2px;height:auto;inset:2rem auto -4.4rem calc(1rem - 1px)}html.js .hiw-steps:not(.is-in) .hiw-step:not(:last-child):after{transform:scaleY(0)}.hiw-step__title{max-width:none;font-size:3.2rem}.hiw-step__body{max-width:none}.hiw-demo{gap:3rem}.hiw-demo__cap{gap:1.6rem}.hiw-demo__port{width:2rem;height:2rem}.hiw-demo__title{font-size:2.28571rem}.hiw-band{padding-block:2.8rem}}@media (prefers-reduced-motion:reduce){.hiw-steps .hiw-step:not(:last-child):after{transition:none;transform:none}}