.ap-flow.ap-flow{--ground:var(--c-ink-100);--ground-raised:var(--c-paper);background-color:rgb(var(--ground))}.ap-flow{--fl-pad:clamp(16px, 1.5vw, 22px);--fl-box:clamp(38px, 3.4vw, 52px);--fl-wire-x:calc(var(--fl-pad) + var(--fl-box) / 2);--fl-notch:20px;--fl-edge:#1111111c;--fl-wire:#11111142;--fl-tile-x:calc(var(--fl-wire-x) + clamp(26px, 2.6vw, 39px));--fl-rule:linear-gradient(to right, var(--fl-edge) 0 calc(var(--fl-wire-x) - var(--fl-notch) / 2), transparent calc(var(--fl-wire-x) - var(--fl-notch) / 2) calc(var(--fl-wire-x) + var(--fl-notch) / 2), var(--fl-edge) calc(var(--fl-wire-x) + var(--fl-notch) / 2) 100%);--fl-foot-h:clamp(56px, 6vw, 68px);--fl-tile:var(--fl-box);--fl-node:16px;--fl-chan:10px;--fl-gutter:clamp(16px, 2.6vw, 40px);--fl-mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;padding:clamp(36px, 4vw, 64px) var(--fl-gutter) clamp(48px, 5vw, 80px);border-radius:var(--radius-card);position:relative;overflow:clip}.ap-flow__eyebrow{font-family:var(--font-text);font-size:var(--text-caption);color:rgb(var(--fg-muted));font-weight:500}.ap-flow__rail{margin:clamp(40px,5vw,72px) 0 0;padding:0;list-style:none;position:relative}.ap-flow__spine{--fl-spine-x:50%;--fl-node:14px;--fl-blue:rgb(var(--c-signal));inset-block:0;left:var(--fl-spine-x);z-index:1;pointer-events:none;width:2px;margin-left:-1px;position:absolute}.ap-flow__track{background-image:radial-gradient(circle,#02a9f76b 0 1px,#0000 1.2px);background-position:top;background-repeat:repeat-y;background-size:2px 14px;position:absolute;inset:0}.ap-flow__trace{transform-origin:top;background:linear-gradient(to bottom, #02a9f759, var(--fl-blue) 12%, var(--fl-blue));position:absolute;inset:0;box-shadow:0 0 10px #02a9f74d}.ap-flow__node{width:var(--fl-node);height:var(--fl-node);margin-left:calc(var(--fl-node) / -2);margin-top:calc(var(--fl-node) / -2);background:var(--fl-blue);box-shadow:0 0 0 4px rgb(var(--ground)), 0 0 16px #02a9f759;border-radius:3px;position:absolute;left:50%}.ap-flow__slot{grid-template-columns:44fr 12fr 44fr;display:grid}.ap-flow__slot+.ap-flow__slot{margin-top:clamp(28px,4vh,56px)}.ap-flow__slot[data-side=right] .ap-flow__card{grid-column:3}.ap-flow__slot[data-side=left] .ap-flow__card{grid-column:1}.ap-flow__card{background:rgb(var(--ground-raised));border:1px solid var(--fl-edge);border-radius:10px;position:relative}.ap-flow__upper{position:relative}.ap-flow__wire{top:calc(var(--fl-pad) + var(--fl-box));bottom:calc(-1 * (var(--fl-pad) + var(--fl-tile) / 2));left:var(--fl-wire-x);width:calc(var(--fl-tile-x) - var(--fl-wire-x));border-left:1px solid var(--fl-wire);border-bottom:1px solid var(--fl-wire);pointer-events:none;position:absolute}.ap-flow__head{padding:var(--fl-pad);background-image:var(--fl-rule);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;align-items:center;gap:clamp(10px,1.2vw,16px);display:flex}.ap-flow__num{width:var(--fl-box);height:var(--fl-box);border:1px solid var(--fl-edge);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:rgb(var(--fg));border-radius:8px;flex:none;align-self:flex-start;place-items:center;display:grid}.ap-flow__title{min-width:0;font-family:var(--fl-mono);letter-spacing:.01em;color:rgb(var(--fg));flex:1;font-size:clamp(16px,1.5vw,19px);font-weight:400;line-height:1.3}.ap-flow__meta{min-width:0;font-size:var(--text-body-sm);color:rgb(var(--fg-muted));flex:none}.ap-flow__body{margin-left:calc(var(--fl-wire-x) + var(--fl-chan));padding:clamp(14px,1.4vw,20px)}.ap-flow__lede{max-width:46ch;color:rgb(var(--fg-muted));margin-bottom:clamp(12px,1.2vw,16px)}.ap-flow__reveal{grid-template-rows:1fr;transition:grid-template-rows .76s cubic-bezier(.16,1,.3,1);display:grid}.ap-flow__reveal[data-armed]{grid-template-rows:0fr}.ap-flow__reveal[data-armed][data-open]{grid-template-rows:1fr}.ap-flow__reveal-inner{min-height:0;overflow:hidden}.ap-flow__reveal[data-armed] .ap-flow__plate{opacity:0;transition:opacity .52s .16s}.ap-flow__reveal[data-armed][data-open] .ap-flow__plate{opacity:1}.ap-flow__plate{place-items:center;margin-top:clamp(10px,1vw,14px);display:grid}.ap-stage{width:100%;max-width:clamp(150px,15vw,196px);display:block}@media (prefers-reduced-motion:reduce){.ap-flow__reveal,.ap-flow__reveal[data-armed]{grid-template-rows:1fr;transition:none}.ap-flow__reveal[data-armed] .ap-flow__plate{opacity:1;transition:none}}.ap-flow__foot{min-height:var(--fl-foot-h);padding:var(--fl-pad);padding-left:var(--fl-tile-x);background-image:var(--fl-rule);background-position:0 0;background-repeat:no-repeat;background-size:100% 1px;align-items:flex-start;gap:clamp(10px,1.2vw,14px);display:flex}.ap-flow__tile{width:var(--fl-tile);height:var(--fl-tile);border:1px solid var(--fl-edge);color:rgb(var(--fg));border-radius:8px;flex:none;place-items:center;display:grid}.ap-flow__out{min-width:0;font-size:var(--text-body-sm);color:rgb(var(--fg-muted));line-height:1.6}@media (max-width:899px){.ap-flow__slot{grid-template-columns:minmax(0,1fr)}.ap-flow__slot[data-side=right] .ap-flow__card,.ap-flow__slot[data-side=left] .ap-flow__card{grid-column:1}.ap-flow__spine{--fl-spine-x:calc(var(--fl-gutter) / -2);--fl-node:11px}.ap-flow__head{flex-wrap:wrap}.ap-flow__meta{padding-left:calc(var(--fl-box) + clamp(10px, 1.2vw, 16px));flex-basis:100%}}@media (prefers-contrast:more){.ap-flow{--fl-edge:#11111157;--fl-wire:#1111119e}.ap-flow__track{background-image:radial-gradient(circle,#02a9f7bf 0 1px,#0000 1.2px)}}.ap-stage__scan{animation:10s ease-in-out infinite ap-scan-rise}.ap-stage__eject-up{animation:9s ease-in-out infinite ap-eject-up}.ap-stage__eject-right{animation:9s ease-in-out infinite ap-eject-right}.ap-stage__eject-left{animation:9s ease-in-out infinite ap-eject-left}.ap-stage__lvl0{animation:9s linear infinite ap-lvl-0}.ap-stage__lvl1{animation:9s linear infinite ap-lvl-1}.ap-stage__lvl2{animation:9s linear infinite ap-lvl-2}.ap-stage__lid{animation:6s ease-in-out infinite ap-lid-hover}.ap-stage__lift{animation:7.8s ease-in-out infinite ap-cell-lift}@keyframes ap-scan-rise{0%,6%{transform:translateY(0)}50%{transform:translateY(-111px)}94%,to{transform:translateY(0)}}@keyframes ap-eject-up{0%,24%{opacity:1;transform:translate(0)}48%{opacity:0;transform:translateY(-34px)}49%,80%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes ap-eject-right{0%,24%{opacity:1;transform:translate(0)}48%{opacity:0;transform:translate(38px,22px)}49%,80%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes ap-eject-left{0%,24%{opacity:1;transform:translate(0)}48%{opacity:0;transform:translate(-38px,22px)}49%,80%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes ap-lvl-0{0%{opacity:0}7%,86%{opacity:1}96%,to{opacity:0}}@keyframes ap-lvl-1{0%,14%{opacity:0}21%,86%{opacity:1}96%,to{opacity:0}}@keyframes ap-lvl-2{0%,28%{opacity:0}35%,86%{opacity:1}96%,to{opacity:0}}@keyframes ap-lid-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes ap-cell-lift{0%,8%{transform:translateY(0)}26%,42%{transform:translateY(-30px)}60%,to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ap-stage__scan,.ap-stage__eject-up,.ap-stage__eject-right,.ap-stage__eject-left,.ap-stage__lvl0,.ap-stage__lvl1,.ap-stage__lvl2,.ap-stage__lid,.ap-stage__lift{animation:none}}@media screen{.on-ink .ap-flow{--fl-edge:#ffffff21;--fl-wire:#ffffff4d}.on-ink .ap-flow__eyebrow{color:rgb(var(--fg-muted))}}@media (prefers-contrast:more){@media screen{.on-ink .ap-flow{--fl-edge:#ffffff6b;--fl-wire:#ffffffb8}}}.ap-stage{--sg-line:#6b7278;--sg-dash:#d2d5d8}@media screen{.on-ink .ap-stage{--sg-line:#aeb6c4;--sg-dash:#363c4a}}