.flow-section{padding-block:44px 72px}.flow-section>h2{margin-bottom:20px;font-size:clamp(36px,4vw,51px)}.flow-controls{display:flex;justify-content:flex-end;margin-top:28px}.flow-figure .motion-toggle{flex:none;margin-block:-8px}.flow-story{margin-bottom:40px}.flow-typed{min-height:1.6em;margin-bottom:28px;font-size:18px;line-height:1.6;color:var(--color-muted)}.flow-cursor{display:inline-block;width:3px;height:.9em;margin-left:3px;border-radius:1px;vertical-align:-.08em;background:var(--color-accent);animation:flow-cursor 1s steps(1)infinite}@keyframes flow-cursor{50%{opacity:0}}.flow-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.flow-chapter{position:relative;height:24px;padding:0;border:0;background:0 0}.flow-chapter i{position:absolute;inset:50% 0 auto;height:3px;overflow:hidden;border-radius:2px;background:var(--color-rule);transform:translateY(-50%);transition:background .2s}.flow-chapter:hover i{background:var(--color-muted)}.flow-chapter i::after{content:"";position:absolute;inset:0;background:var(--color-accent);transform:scaleX(var(--chapter,0));transform-origin:left}.flow{--train:1;--evaluate:1;--retrain:1;position:relative;display:grid;grid-template-columns:minmax(240px,280px)minmax(0,1fr)minmax(250px,300px);grid-template-areas:"sources lab use" ". schedule schedule";align-items:center;column-gap:56px;row-gap:48px}.flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-wire{fill:none;stroke:var(--color-rule);stroke-width:1.5;transition:stroke .4s var(--ease-out)}.flow-wire.is-live{stroke:var(--color-accent)}.flow-pulse{fill:var(--color-accent)}.flow-pulse-halo{fill:var(--color-accent);opacity:.18}.flow-sources,.flow-lab,.flow-use,.flow-schedule{position:relative;min-width:0}.flow-sources{grid-area:sources}.flow-lab{grid-area:lab;z-index:1;justify-self:center;width:100%;max-width:560px}.flow-use{grid-area:use}.flow-schedule{grid-area:schedule;justify-self:center;width:100%;max-width:840px}.flow-label{margin-bottom:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.flow-apps{padding:14px;border:1px solid var(--color-rule);border-radius:12px;background:var(--color-surface);box-shadow:0 18px 40px -26px oklch(35% .06 165/.35)}.flow-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.flow-app{display:grid;place-items:center;aspect-ratio:1;border:1px solid #e6e8ee;border-radius:8px;background:#fff;transition:opacity .4s var(--ease-out),box-shadow .4s var(--ease-out),transform .4s var(--ease-out)}.flow-app:not(.flow-app-training):not(.flow-app-more){filter:grayscale(1);opacity:.45}.flow-app img{width:68%;height:68%;object-fit:contain}.flow-app-more{border:1.5px dashed var(--color-rule);background:0 0;font-family:var(--font-mono);font-size:13px;color:var(--color-muted)}.flow-app-training{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-tint)}.flow-apps-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;line-height:1.4}.flow-apps-note span{flex:none;width:10px;height:10px;border:1.5px solid var(--color-accent);border-radius:3px;background:#fff}.flow-lab,.flow-model,.flow-schedule{border:1px solid var(--color-rule);border-radius:12px;background:var(--color-surface);box-shadow:0 18px 40px -24px oklch(35% .06 165/.35)}.flow-lab{padding:18px 20px 20px}.flow-lab-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.flow-lab-head .orb-mark{--orb-size:1.35px}.flow-lab-head strong{font-size:15px;font-weight:600;letter-spacing:-.02em}.flow-pill{margin-left:auto;padding:3px 9px;border:1px solid var(--color-rule);border-radius:999px;font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}.flow-steps{display:grid;gap:16px;margin:0;padding:0;list-style:none}.flow-step{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;transition:opacity .4s var(--ease-out)}.flow-step+.flow-step::before{content:"";position:absolute;left:9.5px;top:-16px;height:16px;border-left:1px solid var(--color-rule)}.flow-step b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.flow-step p,.flow-loop-step p{margin-top:3px;font-size:12px;line-height:1.45}.flow-tick{position:relative;width:20px;height:20px;border:1.5px solid var(--color-accent);border-radius:50%;background:var(--color-accent);transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}.flow-tick::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--color-accent-ink);border-width:0 1.8px 1.8px 0;transform:rotate(45deg);transition:opacity .2s}.flow-tag,.flow-chips span{display:inline-block;padding:1px 7px;border:1px solid var(--color-rule);border-radius:4px;background:var(--color-tint);font-family:var(--font-mono);font-size:10px;color:var(--color-accent);white-space:nowrap}.flow-chips{display:flex;flex-wrap:wrap;gap:5px}.flow-step p.flow-chips{margin-top:8px}.flow-select{position:relative;display:inline-flex;align-items:center;gap:5px;margin-left:2px;color:var(--color-accent);text-decoration:underline dotted 1.5px;text-underline-offset:4px}.flow-caret{width:0;height:0;border:4px solid transparent;border-top-color:initial;border-bottom-width:0;transition:transform .25s var(--ease-out)}.flow-menu{position:absolute;left:-8px;top:calc(100% + 8px);z-index:2;display:grid;gap:2px;width:248px;padding:5px;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-surface);box-shadow:0 14px 34px -14px oklch(20% .04 165/.5);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.flow-menu>span{display:grid;gap:2px;padding:7px 10px;border-radius:6px;text-decoration:none;transition:background .2s}.flow-option{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:var(--color-ink);transition:color .2s}.flow-size{padding:0 5px;border:1px solid var(--color-rule);border-radius:4px;font-family:var(--font-mono);font-size:9.5px;font-weight:400;line-height:15px;color:var(--color-muted)}.flow-option-note{font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--color-muted)}.flow-option.is-default::after{content:"";width:4px;height:8px;margin:-2px 2px 0 auto;border:solid;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.flow[data-choice="0"] [data-menu=model]>span:nth-child(1),.flow[data-choice="1"] [data-menu=model]>span:nth-child(2),.flow[data-choice="2"] [data-menu=model]>span:nth-child(3),.flow[data-cadence="0"] [data-menu=cadence]>span:nth-child(1),.flow[data-cadence="1"] [data-menu=cadence]>span:nth-child(2){background:var(--color-tint)}.flow[data-choice="0"] [data-menu=model]>span:nth-child(1) .flow-option,.flow[data-choice="1"] [data-menu=model]>span:nth-child(2) .flow-option,.flow[data-choice="2"] [data-menu=model]>span:nth-child(3) .flow-option,.flow[data-cadence="0"] [data-menu=cadence]>span:nth-child(1) .flow-option,.flow[data-cadence="1"] [data-menu=cadence]>span:nth-child(2) .flow-option{color:var(--color-accent)}.flow.is-animated .flow-select.is-active .flow-menu{opacity:1;transform:none}.flow.is-animated .flow-select.is-active .flow-caret{transform:rotate(180deg)}.flow-meter{display:block;height:6px;margin-top:8px;overflow:hidden;border-radius:3px;background:var(--color-soft)}.flow-meter i{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.flow-meter-train i{width:calc(var(--train) * 100%)}.flow-meter-retrain i{width:calc(var(--retrain) * 100%)}.flow-compare{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:5px;margin-top:8px;font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}.flow-compare .flow-meter{margin-top:0}.flow-meter-baseline i{width:calc(var(--evaluate) * 52%);background:var(--color-muted)}.flow-meter-tuned i{width:calc(var(--evaluate) * 80%)}.flow-model{display:grid;gap:12px;padding:14px;transition:border-color .4s var(--ease-out),box-shadow .4s var(--ease-out),opacity .4s var(--ease-out)}.flow-model-face{display:grid;justify-items:center;gap:3px;padding:20px 12px 16px;border-radius:9px;background:var(--color-tint);text-align:center}.flow-model-face .orb-mark{--orb-size:2.7px;margin-bottom:12px}.flow-model-name{font-size:15px;font-weight:600;letter-spacing:-.02em}.flow-model-question{font-size:11.5px;color:var(--color-muted)}.flow-status{display:inline-flex;margin-top:9px;padding:3px 10px;border-radius:999px;background:color-mix(in oklch,var(--color-accent) 12%,transparent);font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--color-accent)}.flow-stage{display:none;align-items:center;gap:6px}.flow-stage-live{display:inline-flex}.flow-stage::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.flow-stage-live::before{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent) 22%,transparent)}.flow-v2{display:none}.flow.is-v2 .flow-v1{display:none}.flow.is-v2 .flow-v2{display:inline;animation:flow-pop .5s var(--ease-out)}@keyframes flow-pop{from{opacity:0;transform:translateY(4px)}}.flow-facts{display:grid;margin:0 -6px}.flow-facts>div{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:6px;border-radius:6px;transition:opacity .4s var(--ease-out),background .4s var(--ease-out)}.flow-facts>div+div::before{content:"";position:absolute;inset:0 6px auto;border-top:1px solid var(--color-rule)}.flow-facts dt{font-size:11px;color:var(--color-muted);white-space:nowrap}.flow-facts dd{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:11.5px;color:var(--color-ink)}.flow-facts code{min-width:0;overflow:hidden;font-family:var(--font-mono);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.flow-toggle{display:inline-flex;gap:4px;font-size:10.5px}.flow-toggle span{padding:2px 8px;border:1px solid var(--color-rule);border-radius:999px;white-space:nowrap}.flow-toggle .is-on{border-color:transparent;background:color-mix(in oklch,var(--color-accent) 14%,transparent);color:var(--color-accent);font-weight:600}.flow-copy{flex:none;padding:2px 8px;border:1px solid var(--color-rule);border-radius:999px;font-size:10px;color:var(--color-ink)}.flow-copy-done{display:none}.flow-outcomes{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.flow-outcome{padding:1px 7px;border-radius:999px;background:var(--color-tint);font-family:var(--font-mono);font-size:9.5px;font-style:normal;line-height:16px;color:var(--color-accent);white-space:nowrap;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.flow-outcome-no{background:var(--color-soft);color:var(--color-ink)}.flow-schedule{padding:16px 20px 20px;transition:border-color .4s var(--ease-out),box-shadow .4s var(--ease-out),opacity .4s var(--ease-out)}.flow-schedule-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--color-rule)}.flow-schedule-head b{font-size:15px;font-weight:600;letter-spacing:-.02em}.flow-select-cadence{font-size:13px;font-weight:550}.flow-select-cadence .flow-menu{left:auto;right:-8px;width:168px}.flow-loop-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}.flow-loop-step{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;transition:opacity .4s var(--ease-out)}.flow-loop-step b{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.flow-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-tint);font-family:var(--font-mono);font-size:10px;color:var(--color-accent)}.flow-choice{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.flow-choice span{padding:4px 9px;border:1px solid var(--color-rule);border-radius:6px;font-size:11px;font-weight:550;color:var(--color-ink);white-space:nowrap;transition:background .3s,color .3s,border-color .3s,transform .15s}.flow-choice .flow-choice-go{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.flow.is-animated :is(.flow-step,.flow-model,.flow-schedule,.flow-loop-step):not(.is-active):not(.is-done){opacity:.42}.flow.is-animated .flow-model:not(.is-active):not(.is-done),.flow.is-animated .flow-model:not(.is-active):not(.is-done) .flow-facts>div{opacity:1}.flow.is-animated .flow-model:not(.is-active):not(.is-done) :is(.orb-mark,.flow-model-name,.flow-model-question,.flow-status,.flow-facts dt,.flow-facts code,.flow-toggle span,.flow-copy){border-color:transparent;border-radius:5px;background:color-mix(in oklch,var(--color-ink) 8%,transparent);color:transparent;animation:flow-skeleton 1.1s var(--ease-in-out)infinite alternate}.flow.is-animated .flow-model:not(.is-active):not(.is-done) :is(.flow-status,.flow-toggle span,.flow-copy){border-radius:999px}.flow.is-animated .flow-model:not(.is-active):not(.is-done) .flow-model-face .orb-mark{border-radius:50%}.flow.is-animated .flow-model:not(.is-active):not(.is-done) .orb-mark pre{visibility:hidden}.flow.is-animated .flow-model:not(.is-active):not(.is-done) .flow-status{min-width:108px;min-height:21px}@keyframes flow-skeleton{to{opacity:.45}}.flow.is-animated .flow-step:not(.is-done) .flow-tick{background:var(--color-surface);border-color:var(--color-rule)}.flow.is-animated .flow-step:not(.is-done) .flow-tick::after{opacity:0}.flow.is-animated .flow-step.is-active .flow-tick{border-color:var(--color-accent);border-right-color:transparent;animation:flow-spin .9s linear infinite}@keyframes flow-spin{to{transform:rotate(360deg)}}.flow.is-animated .flow-step[data-step=plan]:not(.is-active):not(.is-done) .flow-chips span{opacity:0}.flow.is-animated .flow-step[data-step=plan].is-active .flow-chips span{animation:flow-chip .45s var(--ease-out)backwards}.flow.is-animated .flow-chips span:nth-child(2){animation-delay:.5s}.flow.is-animated .flow-chips span:nth-child(3){animation-delay:1s}.flow.is-animated .flow-chips span:nth-child(4){animation-delay:1.5s}@keyframes flow-chip{from{opacity:0;transform:translateY(3px)}}.flow.is-animated .flow-app-training:not(.is-active):not(.is-done){border-color:#e6e8ee;box-shadow:none}.flow.is-animated .flow-app-training.is-active{transform:scale(1.08);box-shadow:0 0 0 4px var(--color-tint),0 6px 16px -6px color-mix(in oklab,var(--color-accent) 50%,transparent)}.flow.is-animated :is(.flow-model,.flow-schedule).is-active{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-tint),0 18px 40px -24px oklch(35% .06 165/.35)}.flow.is-animated .flow-stage-live:not(.is-active):not(.is-done){display:none}.flow.is-animated .flow-stage.is-active{display:inline-flex}.flow.is-animated .flow-stage:not(.flow-stage-live).is-active::before{animation:flow-blink .8s var(--ease-in-out)infinite alternate}@keyframes flow-blink{to{opacity:.35}}.flow.is-animated .flow-stage-live::before{animation:flow-live 1.6s var(--ease-in-out)infinite}@keyframes flow-live{50%{box-shadow:0 0 0 5px transparent}}.flow.is-animated .flow-facts>[data-step]:not(.is-active):not(.is-done){opacity:.35}.flow.is-animated .flow-facts>.is-active{background:var(--color-tint)}.flow.is-animated :is([data-step=endpoint],[data-step=key]):not(.is-active):not(.is-done) code{color:transparent}.flow.is-animated .flow-copy.is-active{border-color:var(--color-accent);color:var(--color-accent)}.flow.is-animated .flow-copy.is-active .flow-copy-idle{display:none}.flow.is-animated .flow-copy.is-active .flow-copy-done{display:inline}.flow.is-animated .flow-outcome:not(.is-active):not(.is-done){opacity:0;transform:scale(.85)}.flow.is-animated .flow-choice-go:not(.is-active):not(.is-done){border-color:var(--color-rule);background:0 0;color:var(--color-ink)}.flow.is-animated .flow-choice-go.is-active{transform:scale(.96)}.flow.is-paused .flow-step.is-active .flow-tick,.flow.is-paused .flow-chips span,.flow.is-paused .flow-stage::before,.flow.is-paused .flow-model :is(.orb-mark,.flow-model-name,.flow-model-question,.flow-status,.flow-facts dt,.flow-facts code,.flow-toggle span,.flow-copy){animation-play-state:paused}@media(max-width:900px){.flow-story{margin-bottom:28px}.flow-typed{min-height:3.2em;font-size:16px}.flow{grid-template-columns:1fr;grid-template-areas:"sources" "lab" "use" "schedule";row-gap:40px;padding-left:22px}.flow-apps{max-width:380px;width:100%;justify-self:center}.flow-sources{display:grid;justify-items:center}.flow-sources .flow-label{justify-self:start}.flow-section>h2{margin-bottom:28px}}@media(max-width:640px){.flow-loop-steps{grid-template-columns:1fr;gap:16px}}@media(prefers-reduced-motion:reduce){.flow-pulse,.flow-pulse-halo{display:none}}