.hiw{--hiw-gap:21px}.hiw__stepper,.hiw__cards{gap:var(--hiw-gap);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.hiw__stepper{margin-bottom:34px}.hiw__cards>li>div{flex:1;display:flex}.hiw__step{justify-content:center;display:flex;position:relative}.hiw__step:not(:last-child):after{content:"";width:calc(100% + var(--hiw-gap) - 54px);background:#1a1a2e38;height:2px;position:absolute;top:50%;left:calc(50% + 27px);transform:translateY(-50%)}.hiw__dot,.hiw-card__num{width:42px;height:42px;font-family:var(--font-body);color:#1a1a2e;isolation:isolate;-webkit-backdrop-filter:url(#hiw-glass);backdrop-filter:url(#hiw-glass);background:#ffffff1f;border-radius:999px;place-items:center;font-size:.9375rem;font-weight:600;transition:transform .5s cubic-bezier(.22,1,.36,1);display:grid;position:relative;box-shadow:0 0 6px #00000008,0 2px 6px #00000014,0 0 12px #ffffff26}.hiw__dot:after,.hiw-card__num:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 3px 3px .5px -3px #000000e6,inset -3px -3px .5px -3px #000000d9,inset 1px 1px 1px -.5px #0009,inset -1px -1px 1px -.5px #0009,inset 0 0 6px 6px #0000001f,inset 0 0 2px 2px #0000000f}.hiw__dot:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:#ffffff8c;transition:opacity .3s;position:absolute;inset:0}.hiw__step.is-active .hiw__dot{transform:scale(1.12)}.hiw__step.is-active .hiw__dot:before{opacity:1}.hiw-card{-webkit-backdrop-filter:url(#hiw-glass);backdrop-filter:url(#hiw-glass);background:#ffffff54;border-radius:28px;flex-direction:column;width:100%;padding:34px 28px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 6px #00000008,0 2px 6px #00000014,0 0 12px #ffffff26}.hiw-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 3px 3px .5px -3px #000000e6,inset -3px -3px .5px -3px #000000d9,inset 1px 1px 1px -.5px #0009,inset -1px -1px 1px -.5px #0009,inset 0 0 6px 6px #0000001f,inset 0 0 2px 2px #0000000f}.hiw-card.is-active{transform:translateY(-8px)scale(1.03)}.hiw-card__top{flex-wrap:wrap;align-items:center;row-gap:34px;margin-bottom:13px;display:flex}.hiw-card__top h3{flex-basis:100%;order:1}.hiw-card__icon{color:#1a1a2e;background:#ffffff80;border:1px solid #ffffffb3;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.hiw-card__num{display:none}@media (max-width:999px){.hiw-card__num{display:grid}}.hiw-card h3{font-family:var(--font-body);letter-spacing:-.02em;color:#1a1a2e;margin:0;font-size:1.25rem;font-weight:600;line-height:1.25}.hiw-card p{font-family:var(--font-body);color:#2b2b3d;font-size:.9375rem;line-height:1.65}@media (max-width:999px){.hiw__stepper{display:none}.hiw-card.is-active{transform:none}.hiw__cards{grid-template-columns:repeat(2,1fr)}.hiw-card__num{flex-shrink:0;width:38px;height:38px;font-size:.875rem}.hiw-card__top{flex-wrap:nowrap;gap:13px;margin-bottom:21px}.hiw-card__top h3{flex:1;order:0}.hiw-card__icon{display:none}}@media (max-width:599px){.hiw__cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hiw-card,.hiw__dot,.hiw__dot:before{transition:none}.hiw__step.is-active .hiw__dot,.hiw-card.is-active{transform:none}}