.interactive-flow_flow__yn1kc{display:block}.interactive-flow_rail___EF7a{position:relative;-webkit-padding-before:var(--border-strong);padding-block-start:var(--border-strong)}.interactive-flow_railTrack__WT_4E{position:absolute;inset-inline:0;top:0;height:var(--border-strong);background-color:var(--surface-line,var(--line));overflow:hidden}.interactive-flow_railSignal__YRH7X{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0,var(--accent) 40%,var(--accent) 60%,transparent 100%);background-size:28% 100%;background-repeat:no-repeat;animation:interactive-flow_railTravel__jNxEQ 2.8s linear infinite}@keyframes interactive-flow_railTravel__jNxEQ{0%{background-position:0 0}to{background-position:100% 0}}.interactive-flow_stages___EWgv{display:grid;grid-template-columns:repeat(var(--stages,3),minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.interactive-flow_stage___588d{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-6);text-align:start;background:none;border:var(--border-strong) solid transparent;-webkit-border-before:0;border-block-start:0;cursor:pointer;opacity:.58;transition:opacity var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out)}.interactive-flow_stage___588d:after{content:"";position:absolute;inset-inline:calc(var(--border-strong) * -1);top:calc(var(--border-strong) * -1);height:var(--border-strong);background-color:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration) var(--ease-out)}.interactive-flow_stageActive__Ci5LJ{opacity:1;border-color:var(--surface-fg,var(--ink));background-color:color-mix(in srgb,var(--surface-fg,var(--ink)) 3%,transparent)}.interactive-flow_stageActive__Ci5LJ:after{transform:scaleX(1)}.interactive-flow_stageHead__0lg4O{display:flex;align-items:center;gap:var(--space-3)}.interactive-flow_stageIndex__4fpkz{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--surface-muted,var(--muted));font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.interactive-flow_stageMark__o57KH{width:var(--space-3);height:var(--border-strong);background-color:var(--accent)}.interactive-flow_stageTitle__W96GY{font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--surface-fg,var(--ink))}.interactive-flow_stageNote__WLKRU{font-size:var(--text-small);color:var(--surface-muted,var(--muted));line-height:var(--leading-body)}.interactive-flow_status__pZaqJ{display:flex;align-items:center;gap:var(--space-3);margin:0;padding-block:var(--space-4) var(--space-3);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.02em;color:var(--surface-muted,var(--muted))}.interactive-flow_statusIndex__IlZQX{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--surface-fg,var(--ink))}.interactive-flow_statusLabel__kW1uc{text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.interactive-flow_statusDot__Ne2P_{width:var(--space-2);height:var(--space-2);background-color:var(--surface-line,var(--line))}.interactive-flow_statusDotLive__wiHsL{background-color:var(--accent)}.interactive-flow_workbench__U0lGS{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-8);gap:var(--space-8);-webkit-padding-before:var(--space-6);padding-block-start:var(--space-6);-webkit-border-before:var(--border-hairline) solid var(--surface-line,var(--line));border-block-start:var(--border-hairline) solid var(--surface-line,var(--line))}.interactive-flow_workbenchSplit__LFYtP{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.interactive-flow_panel__tECv0{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.interactive-flow_panelExample__ZUFaS{-webkit-padding-start:var(--space-8);padding-inline-start:var(--space-8);-webkit-border-start:var(--border-hairline) solid var(--surface-line,var(--line));border-inline-start:var(--border-hairline) solid var(--surface-line,var(--line))}.interactive-flow_panelTitle__pyWKQ{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--surface-muted,var(--muted))}.interactive-flow_items__z1IAl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:0 var(--space-8);gap:0 var(--space-8);list-style:none;margin:0;padding:0}.interactive-flow_item__T7bw2{display:flex;align-items:baseline;gap:var(--space-3);padding-block:var(--space-3);-webkit-border-after:var(--border-hairline) solid var(--surface-line,var(--line));border-block-end:var(--border-hairline) solid var(--surface-line,var(--line));font-size:var(--text-small);color:var(--surface-fg,var(--ink));animation:interactive-flow_itemIn__eRhr8 .18s var(--ease-out) both}@keyframes interactive-flow_itemIn__eRhr8{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.interactive-flow_itemIndex__PTpp0{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--surface-muted,var(--muted));font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.interactive-flow_steps___krRU{list-style:none;margin:0;padding:0}.interactive-flow_step__ZijKF{position:relative;display:grid;grid-template-columns:var(--space-5) minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);padding-block:var(--space-3);font-size:var(--text-small);line-height:var(--leading-body);color:var(--surface-fg,var(--ink));animation:interactive-flow_itemIn__eRhr8 .18s var(--ease-out) both}.interactive-flow_step__ZijKF:not(:last-child):before{content:"";position:absolute;inset-inline-start:calc(var(--space-5) / 2);top:var(--space-8);bottom:0;width:var(--border-hairline);background-color:var(--surface-line,var(--line))}.interactive-flow_stepMark__U9F_K{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--surface-muted,var(--muted));font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:63.999rem){.interactive-flow_stages___EWgv{grid-template-columns:minmax(0,1fr);gap:0}.interactive-flow_stage___588d{-webkit-border-before:var(--border-hairline) solid var(--surface-line,var(--line));border-block-start:var(--border-hairline) solid var(--surface-line,var(--line));border-inline-start-width:var(--border-strong)}.interactive-flow_stageActive__Ci5LJ{border-color:var(--surface-fg,var(--ink))}.interactive-flow_stage___588d:after{inset-inline:auto;inset-block:0;inset-inline-start:calc(var(--border-strong) * -1);width:var(--border-strong);height:auto;transform:scaleY(0);transform-origin:center top}.interactive-flow_stageActive__Ci5LJ:after{transform:scaleY(1)}.interactive-flow_railTrack__WT_4E{display:none}.interactive-flow_workbenchSplit__LFYtP{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.interactive-flow_panelExample__ZUFaS{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-before:var(--space-6);padding-block-start:var(--space-6);-webkit-border-start:0;border-inline-start:0;-webkit-border-before:var(--border-hairline) solid var(--surface-line,var(--line));border-block-start:var(--border-hairline) solid var(--surface-line,var(--line))}}@media (prefers-reduced-motion:reduce){.interactive-flow_stage___588d,.interactive-flow_stage___588d:after{transition:none}.interactive-flow_item__T7bw2,.interactive-flow_railSignal__YRH7X,.interactive-flow_step__ZijKF{animation:none}}