.hiw-steps-area:where(.astro-cmgpsf2k){display:flex;flex-direction:column;gap:3rem}.hiw-step:where(.astro-cmgpsf2k){display:flex;flex-direction:column;gap:1.5rem}.hiw-progress:where(.astro-cmgpsf2k){display:none}.hiw-scroll-hint:where(.astro-cmgpsf2k){display:none}@media(min-width:1024px){.hiw-step:where(.astro-cmgpsf2k){display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}}.hiw-locked:where(.astro-cmgpsf2k){height:300vh}.hiw-locked:where(.astro-cmgpsf2k) .hiw-sticky:where(.astro-cmgpsf2k){position:sticky;top:0;height:100vh;display:flex;align-items:center}.hiw-locked:where(.astro-cmgpsf2k) .hiw-progress:where(.astro-cmgpsf2k){display:flex}.hiw-locked:where(.astro-cmgpsf2k) .hiw-scroll-hint:where(.astro-cmgpsf2k){display:flex}.hiw-locked:where(.astro-cmgpsf2k) .hiw-steps-area:where(.astro-cmgpsf2k){display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;align-items:center}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k){display:contents}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step-text:where(.astro-cmgpsf2k){grid-column:1;grid-row:1;align-self:center;opacity:0;transform:translateY(24px);transition:opacity .55s ease-out,transform .55s ease-out;pointer-events:none}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step-visual:where(.astro-cmgpsf2k){grid-column:2;grid-row:1;align-self:center;opacity:0;transform:scale(.96) translateY(12px);transition:opacity .6s ease-out,transform .6s ease-out;pointer-events:none}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-step-text:where(.astro-cmgpsf2k){opacity:1;transform:translateY(0);pointer-events:auto}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-step-visual:where(.astro-cmgpsf2k){opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-glow:where(.astro-cmgpsf2k){opacity:1}.hiw-scan-ring:where(.astro-cmgpsf2k){animation:none}.hiw-step:where(.astro-cmgpsf2k).active .hiw-scan-ring:where(.astro-cmgpsf2k){animation:hiw-scan-spin 2s linear infinite}.hiw-locked:where(.astro-cmgpsf2k) .hiw-verify-badge:where(.astro-cmgpsf2k){opacity:0;transform:scale(.6);transition:opacity .4s ease-out .4s,transform .4s cubic-bezier(.34,1.56,.64,1) .4s}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-verify-badge:where(.astro-cmgpsf2k){opacity:1;transform:scale(1)}.hiw-locked:where(.astro-cmgpsf2k) .hiw-bar-fill:where(.astro-cmgpsf2k){width:0%;transition:width 1.2s ease-out .3s}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-bar-fill:where(.astro-cmgpsf2k){width:80%}.hiw-locked:where(.astro-cmgpsf2k) .hiw-api-line:where(.astro-cmgpsf2k){opacity:0;transform:translateY(8px);transition:opacity .4s ease-out .35s,transform .4s ease-out .35s}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-api-line:where(.astro-cmgpsf2k){opacity:1;transform:translateY(0)}.hiw-locked:where(.astro-cmgpsf2k) .hiw-delivered-badge:where(.astro-cmgpsf2k){opacity:0;transition:opacity .4s ease-out .6s}.hiw-locked:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).active .hiw-delivered-badge:where(.astro-cmgpsf2k){opacity:1}.hiw-animated:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k){opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.hiw-animated:where(.astro-cmgpsf2k) .hiw-step:where(.astro-cmgpsf2k).hiw-visible{opacity:1;transform:translateY(0)}@keyframes hiw-scan-spin{to{transform:rotate(360deg)}}@keyframes hiw-scroll-bob{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(6px)}}.hiw-scroll-dot:where(.astro-cmgpsf2k){animation:hiw-scroll-bob 1.5s ease-in-out infinite}@keyframes flow-right{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes flow-left{0%{transform:translate(300%)}to{transform:translate(-100%)}}.flow-dot:where(.astro-cmgpsf2k){position:absolute;inset-block:-.5px;width:33%;border-radius:9999px}.flow-dot-right:where(.astro-cmgpsf2k){background:linear-gradient(to right,transparent,var(--color-brand-400),transparent);animation:flow-right 2.5s ease-in-out infinite}.flow-dot-left:where(.astro-cmgpsf2k){background:linear-gradient(to right,transparent,var(--color-cyan-400),transparent);animation:flow-left 2.5s ease-in-out infinite}.device-stage:where(.astro-hg752vuv){background:linear-gradient(to bottom,#f8fafb,#eff2f6);border-bottom:1px solid var(--edge)}@media(prefers-color-scheme:dark){.device-stage:where(.astro-hg752vuv){background:linear-gradient(to bottom,#1a2332,#141c2a)}}