.nc-hiw{color:var(--nc-chalk);padding:36px 48px 0;position:relative}.nc-hiw-inner{max-width:1376px;margin-inline:auto}.nc-hiw-intro{padding-block:24px 64px}.nc-hiw .nc-kicker,.nc-hiw h2,.nc-hiw h3{letter-spacing:0}.nc-hiw .nc-kicker{-webkit-text-fill-color:currentColor;color:var(--nc-ash);background:0 0}.nc-hiw-title{max-width:900px;margin-top:24px;font-size:64px}.nc-hiw-title>span{color:var(--nc-annotation)}.nc-hiw-title:focus{outline:none}.nc-hiw-intro>p,.nc-hiw-step-copy>p{color:var(--nc-ash);text-shadow:var(--nc-hiw-text-shadow);max-width:540px;margin-top:24px;font-size:18px;line-height:1.65}.nc-hiw .nc-hiw-skip,.nc-hiw .nc-hiw-next{height:44px;font-family:var(--font-mono);letter-spacing:0;color:var(--nc-ash);text-underline-offset:5px;margin-top:20px;padding:0;font-size:12px;text-decoration:underline}.nc-hiw .nc-hiw-next{color:var(--nc-acid)}.nc-hiw-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;display:grid}.nc-hiw-map-wrapper{grid-area:1/2;align-self:stretch;min-width:0}.nc-hiw-steps{grid-area:1/1;min-width:0}.nc-hiw-map{z-index:2;border:1px solid var(--nc-hiw-border);background:var(--nc-hiw-glow), var(--nc-hiw-surface);border-radius:24px;flex-direction:column;height:min(100svh - 40px,780px);padding:24px;display:flex;position:sticky;top:20px}.nc-hiw-map-header,.nc-hiw-map-step-header{font:11px/1.5 var(--font-mono);color:var(--nc-smoke);flex-shrink:0;justify-content:space-between;gap:12px;display:flex}.nc-hiw-map-header span:last-child,.nc-hiw-map-step-header span:last-child{color:var(--nc-acid);text-align:right}.nc-hiw-maze-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.nc-hiw-maze{width:100%;height:100%;display:block}.nc-hiw-maze--phone{display:none}.nc-hiw-grid-dot{fill:var(--nc-hiw-dots)}.nc-hiw-corridor-edge,.nc-hiw-corridor{fill:none;stroke-linecap:square;stroke-linejoin:miter}.nc-hiw-corridor-edge{stroke:var(--nc-hiw-corridor-edge);stroke-width:58px}.nc-hiw-corridor{stroke:var(--nc-hiw-corridor);stroke-width:56px}.nc-hiw-ahead{fill:none;stroke:var(--nc-hiw-ahead);stroke-width:2px;stroke-dasharray:3 7}.nc-hiw-travelled{fill:none;stroke:var(--nc-acid);stroke-width:3px}.nc-hiw-node circle{fill:var(--nc-hiw-corridor);stroke:var(--nc-hiw-node-ring);stroke-width:1.5px}.nc-hiw-node text{font:13px var(--font-mono);fill:var(--nc-hiw-node-label)}.nc-hiw-node[data-state=current] circle{stroke:var(--nc-acid)}.nc-hiw-node[data-state=current] text{fill:var(--nc-acid)}.nc-hiw-node[data-state=passed] circle{fill:var(--nc-acid);stroke:var(--nc-acid)}.nc-hiw-node[data-state=passed] text{fill:var(--nc-hiw-passed-ink)}.nc-hiw-rabbit{fill:var(--nc-acid)}.nc-hiw-you{fill:var(--nc-hiw-you)}.nc-hiw-map-step{border-top:1px solid var(--nc-hiw-border);flex:0 0 212px;height:212px;padding-top:20px;overflow:hidden}.nc-hiw-step{align-items:center;min-height:82vh;padding:56px 0;display:flex}.nc-hiw-step-copy{border-left:2px solid var(--nc-line);width:100%;padding-left:28px}.nc-hiw-step .nc-kicker{color:var(--nc-smoke)}.nc-hiw-step .nc-hairline{background:currentColor}.nc-hiw-step[data-active=true] .nc-hiw-step-copy{border-left-color:var(--nc-acid)}.nc-hiw-step[data-active=true] .nc-kicker{color:var(--nc-acid)}.nc-hiw-step-title{text-transform:none;white-space:pre-line;margin-top:24px;font-size:44px;line-height:1.06}.nc-hiw-step-demo{display:none}.nc-hiw-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.nc-hiw .nc-hiw-work,.nc-hiw .nc-hiw-conversation{font:11px/1.5 var(--font-mono);white-space:normal;text-align:center;letter-spacing:0;border-radius:6px;height:auto;min-height:48px;padding:12px 18px}.nc-hiw .nc-hiw-work{background:var(--nc-acid);color:var(--nc-hiw-passed-ink)}.nc-hiw .nc-hiw-conversation{background:var(--nc-void);color:var(--nc-chalk);border-color:var(--nc-hiw-node-ring)}@media (width>=900px) and (width<=1100px){.nc-hiw-grid{column-gap:32px}.nc-hiw-step-title{font-size:36px}}@media (width<=899px){.nc-hiw{padding:28px 20px 0}.nc-hiw-intro{padding-block:16px 40px}.nc-hiw-title{font-size:42px}.nc-hiw-intro>p,.nc-hiw-step-copy>p{font-size:16px}.nc-hiw-grid{display:block}.nc-hiw-map-wrapper{display:contents}.nc-hiw-map{border-radius:20px;height:auto;max-height:36svh;padding:16px;top:8px;box-shadow:0 10px 14px -8px #050505e6}.nc-hiw-map:before{content:"";background:var(--nc-void);height:9px;position:absolute;top:-9px;left:-21px;right:-21px}.nc-hiw-map-header span:last-child,.nc-hiw-map>.nc-hiw-map-step{display:none}.nc-hiw-maze-stage{aspect-ratio:30/17;flex:0 auto;max-height:calc(36svh - 66px);margin-top:12px}.nc-hiw-maze--desktop{display:none}.nc-hiw-maze--phone{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.nc-hiw-step{min-height:calc(100svh - var(--nc-hiw-card-h,240px) - 16px);scroll-margin-top:calc(var(--nc-hiw-card-h,240px) + 20px);padding-block:28px}.nc-hiw-step-copy{padding-left:20px}.nc-hiw-step-title{margin-top:20px;font-size:32px}.nc-hiw-step-copy>p{margin-top:18px}.nc-hiw-step-demo{background:linear-gradient(#111113,#080809);border:1px solid #ffffff1f;border-radius:16px;height:180px;margin-top:24px;padding:12px 16px 0;display:block;overflow:hidden}.nc-hiw-step-demo .nc-hiw-map-step-header{font-size:10px}}@media (height<=520px){.nc-hiw-map-step{display:none}}@media (width<=899px) and (height<=639px){.nc-hiw-step-demo{display:none}}