.demo-flow{color:var(--color-ink);--flow-sage:#5a6b4d;--flow-gold-tint:#f3e6d4;--demo-steel:#54606b;--demo-sienna:#9c5a39;--demo-verdigris:#3e6b5e;--demo-porphyry:#6f4a50;--demo-lapis:#34497e;line-height:1.5}.demo-flow .df-screen[hidden]{display:none}.demo-flow .df-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-deep);margin:0 0 10px;font-size:11px}.demo-flow h1{font-family:var(--font-display);margin:14px 0 6px;font-weight:400;line-height:1.22}.demo-flow h1 em,.demo-flow .df-sub em{font-style:italic}.demo-flow .df-sub{color:var(--color-text-2,#3c3f46);margin:0 0 22px;font-size:14.5px}.demo-flow .df-crumb{font-family:var(--font-mono);color:var(--color-muted);cursor:pointer;background:0 0;border:none;margin:0 0 16px;padding:0;font-size:11px}.demo-flow .df-crumb:hover{color:var(--color-ink)}.demo-flow .df-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-deep);border:1px solid var(--color-gold);border-radius:3px;padding:2px 8px;font-size:10px}.demo-flow .df-nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:12px;margin-top:34px;padding-top:16px;display:flex}.demo-flow .df-nav button{font-family:var(--font-mono);cursor:pointer;color:var(--color-muted);background:0 0;border:none;padding:4px 0;font-size:12px}.demo-flow .df-nav button:hover{color:var(--color-ink)}.demo-flow .df-nav .df-next{color:var(--color-gold-deep)}.demo-flow .df-note{color:var(--color-muted);margin-top:30px;font-size:11px}.demo-flow .df-open h1{font-size:32px}.demo-flow .df-intro{color:var(--color-text-2,#3c3f46);margin:0 0 4px;font-size:16px}.demo-flow .df-cue{font-family:var(--font-display);transform-origin:50%;margin:0 0 6px;font-size:21px;line-height:1.36}.demo-flow .df-cue i{font-style:italic}.demo-flow .df-qs{border-top:1px solid var(--color-border);margin:0 0 24px;padding:0;list-style:none}.demo-flow .df-q{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;padding:18px 6px 18px 4px;transition:background .18s,padding .18s;display:grid}.demo-flow .df-q:hover{background:var(--color-surface);padding-left:12px}.demo-flow .df-qnum{font-family:var(--font-mono);color:var(--color-muted);font-size:12px}.demo-flow .df-qtag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-deep);margin-bottom:5px;font-size:9.5px;display:block}.demo-flow .df-qtext{font-family:var(--font-display);font-size:18px;line-height:1.3}.demo-flow .df-qgo{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;opacity:0;align-self:center;font-size:11px;transition:all .18s;transform:translate(-4px)}.demo-flow .df-q:hover .df-qgo{opacity:1;color:var(--color-gold-deep);transform:translate(0)}.demo-flow .df-frame{color:var(--color-text-2,#3c3f46);margin:0 0 28px;font-size:14.5px}.demo-flow .df-frame b{color:var(--color-ink)}.demo-flow .df-paths{border-top:2px solid var(--color-ink);flex-direction:column;gap:14px;padding-top:22px;display:flex}.demo-flow .df-primary{font-family:var(--font-display);cursor:pointer;background:var(--color-ink);color:var(--color-ground);border:none;border-radius:5px;align-self:flex-start;align-items:center;gap:10px;padding:13px 22px;font-size:17px;transition:background .18s;display:inline-flex}.demo-flow .df-primary:hover{background:var(--color-gold-deep)}.demo-flow .df-skip{font-family:var(--font-mono);cursor:pointer;color:var(--color-muted);background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px}.demo-flow .df-skip:hover{color:var(--color-ink)}.demo-flow .df-or{color:var(--color-muted);font-size:13px;font-style:italic}.demo-flow .df-open{position:relative}.demo-flow .df-escape{font-family:var(--font-mono);cursor:pointer;color:var(--color-muted);background:0 0;border:none;padding:4px 0;font-size:11px;position:absolute;top:2px;right:0}.demo-flow .df-escape:hover{color:var(--color-ink)}.demo-flow .df-qs-sub{border-top:none;margin-top:14px}.demo-flow .df-qs-sub .df-qtext{font-size:16px}.demo-flow .df-paths a,.demo-flow .df-escape{text-decoration:none}.demo-flow .df-steplab{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-deep);margin:28px 0 8px;font-size:10px}.demo-flow .df-method{color:var(--color-text-2,#3c3f46);margin:0;font-size:15px}.demo-flow .df-method b{color:var(--color-ink)}.demo-flow .df-tool{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-gold);border-radius:5px;margin:0;padding:7px 14px;font-size:13.5px;display:inline-block}.demo-flow .df-toolnote{text-align:left;max-width:560px;margin:18px auto 0}.demo-flow .df-toolnote-row{align-items:baseline;gap:14px;margin:0;display:flex}.demo-flow .df-toolnote-row+.df-toolnote-row{margin-top:10px}.demo-flow .df-toolnote-lbl{width:118px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep);flex:none;font-size:9.5px;line-height:1.5}.demo-flow .df-toolnote-how{color:var(--color-text-2,#3c3f46);margin:0;font-size:14px;line-height:1.5}.demo-flow .df-toolnote-how b{color:var(--color-ink)}.demo-flow .df-tool-real{color:var(--color-text-2,#3c3f46);border-style:dashed;border-color:var(--color-border);background:0 0}.demo-flow .df-show{font-family:var(--font-display);cursor:pointer;background:var(--color-ink);color:var(--color-ground);border:none;border-radius:5px;margin-top:18px;padding:12px 20px;font-size:16px}.demo-flow .df-show:hover{background:var(--color-gold-deep)}.demo-flow .df-order-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.demo-flow .df-order-id{font-family:var(--font-mono);color:var(--color-muted);font-size:12.5px}.demo-flow .df-order-rev{font-family:var(--font-display);font-size:15px}.demo-flow .df-toggle{border:1px solid var(--color-border);border-radius:5px;margin-bottom:18px;display:inline-flex;overflow:hidden}.demo-flow .df-toggle button{font-family:var(--font-mono);cursor:pointer;color:var(--color-muted);background:0 0;border:none;padding:10px 18px;font-size:12px;transition:all .2s}.demo-flow .df-toggle button[data-on=true]{background:var(--color-ink);color:var(--color-ground)}.demo-flow .df-bar{background:var(--color-elevated);border-radius:3px;height:64px;display:flex;overflow:hidden}.demo-flow .df-steel{background:var(--flow-sage);align-items:center;transition:width .5s cubic-bezier(.22,.61,.36,1);display:flex}.demo-flow .df-profit{background:var(--color-wine);align-items:center;transition:width .5s cubic-bezier(.22,.61,.36,1);display:flex}.demo-flow .df-segin{font-family:var(--font-mono);color:#fff;white-space:nowrap;padding:0 12px;font-size:11px}.demo-flow .df-result{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:18px;display:flex}.demo-flow .df-pv{font-family:var(--font-display);color:var(--color-wine);font-size:38px;line-height:1}.demo-flow .df-rsub{color:var(--color-muted);font-size:13px}.demo-flow .df-cap{color:var(--color-text-2,#3c3f46);min-height:20px;margin:10px 0 0;font-size:13px}.demo-flow .df-proof{border-top:1px solid var(--color-border);color:var(--color-muted);align-items:center;gap:10px;margin-top:24px;padding-top:14px;font-size:12.5px;display:flex}.demo-flow .df-tick{font-family:var(--font-mono);color:var(--flow-sage);border:1px solid var(--flow-sage);white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:11px}.demo-flow .df-stub{background:var(--color-elevated);border:1px dashed var(--color-border);color:var(--color-muted);border-radius:5px;margin-top:16px;padding:18px 20px;font-size:13.5px}.demo-flow .df-stub b{color:var(--color-ink)}.demo-flow .df-digi{grid-template-columns:1fr 1fr;align-items:stretch;gap:18px;margin-top:16px;display:grid}@media (max-width:640px){.demo-flow .df-digi{grid-template-columns:1fr}}.demo-flow .df-paper{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-gold);box-shadow:2px 3px 0 var(--color-elevated);border-radius:4px;padding:16px 16px 12px;position:relative;transform:rotate(-.5deg)}.demo-flow .df-paper-stamp{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-muted);border:1px solid var(--color-border);background:var(--color-ground);border-radius:3px;padding:2px 6px;font-size:9px;position:absolute;top:10px;right:-6px;transform:rotate(3deg)}.demo-flow .df-paper-h{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-ink);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;font-size:11px;display:flex}.demo-flow .df-paper-seg{font-family:var(--font-mono);color:var(--color-muted);margin-top:6px;font-size:10px}.demo-flow .df-paper-lines{margin:10px 0 0;padding:0;list-style:none}.demo-flow .df-paper-line{border-radius:3px;align-items:baseline;gap:10px;padding:5px 4px;font-style:italic;transition:background .4s;display:flex}.demo-flow .df-paper-line+.df-paper-line{border-top:1px dotted var(--color-border)}.demo-flow .df-paper-line.lit{background:var(--flow-gold-tint);font-style:normal}.demo-flow .df-paper-sku{font-family:var(--font-mono);color:var(--color-text-2,#3c3f46);flex:none;font-size:11px}.demo-flow .df-paper-scrawl{color:var(--color-muted);font-size:12.5px}.demo-flow .df-paper-foot{font-family:var(--font-mono);color:var(--color-muted);text-align:right;margin-top:10px;font-size:9px;font-style:italic}.demo-flow .df-record{border:1px solid var(--color-ink);background:var(--color-ground);border-radius:4px;flex-direction:column;padding:14px 14px 12px;display:flex}.demo-flow .df-record-empty{background:var(--color-elevated);border:1px dashed var(--color-border);justify-content:center;align-items:flex-start;gap:4px}.demo-flow .df-record-empty p{color:var(--color-muted);margin:0;font-size:13px}.demo-flow .df-record-empty .df-show{margin-top:14px}.demo-flow .df-rec-cap{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--flow-sage);margin-bottom:8px;font-size:9.5px}.demo-flow .df-rec-h,.demo-flow .df-rec-row{grid-template-columns:1.1fr 1fr 34px 72px 86px;align-items:baseline;gap:8px;display:grid}.demo-flow .df-rec-h{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);padding-bottom:6px;font-size:9px}.demo-flow .df-rec-row{border-bottom:1px solid var(--color-border);padding:6px 0;font-size:12px}.demo-flow .df-rec-sku{font-family:var(--font-mono);color:var(--color-ink)}.demo-flow .df-num{font-family:var(--font-mono);text-align:right;color:var(--color-text-2,#3c3f46)}.demo-flow .df-rec-foot{color:var(--color-ink);justify-content:space-between;align-items:baseline;margin-top:8px;font-size:12.5px;font-weight:600;display:flex}.demo-flow .df-rec-foot .df-num{font-weight:600}.demo-flow .df-rec-tie{font-family:var(--font-mono);color:var(--flow-sage);text-align:right;margin-top:4px;font-size:10px}.demo-flow .df-ticket{border:1px solid var(--color-ink);background:var(--color-surface);border-radius:8px;margin-top:16px;padding:14px 18px 12px}.demo-flow .df-ticket-filled{border-color:var(--color-gold);background:var(--flow-gold-tint)}.demo-flow .df-ticket-h{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-ink);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:8px;font-size:11px;display:flex}.demo-flow .df-ticket-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:28px;padding:14px 0 4px;display:flex}.demo-flow .df-ticket-fl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep);font-size:9.5px}.demo-flow .df-ticket-fields{align-items:flex-start;gap:28px;display:flex}.demo-flow .df-ticket-fields.wide{flex-wrap:wrap;gap:40px}.demo-flow .df-ticket-field{flex-direction:column;gap:3px;display:flex}.demo-flow .df-ticket-field .df-v{font-size:30px}.demo-flow .df-ticket-sub{color:var(--color-muted);max-width:230px;font-size:11.5px}.demo-flow .df-blank{font-family:var(--font-display);color:var(--color-border);font-size:34px;line-height:1}.demo-flow .df-ticket-foot{font-family:var(--font-mono);color:var(--color-muted);border-top:1px solid var(--color-border);margin-top:10px;padding-top:8px;font-size:10px}.demo-flow .df-jbom{flex-direction:column;flex:1;gap:5px;min-width:280px;display:flex}.demo-flow .df-jbom .df-ticket-fl{margin-bottom:3px}.demo-flow .df-jbom-row{border-bottom:1px dotted var(--color-border);grid-template-columns:44px 1fr auto;align-items:baseline;gap:12px;padding:3px 0;font-size:13px;display:grid}.demo-flow .df-jbom-qty{font-family:var(--font-mono);color:var(--color-muted);text-align:right;font-size:12px}.demo-flow .df-jbom-desc{color:var(--color-ink)}.demo-flow .df-jbom-more{font-family:var(--font-mono);color:var(--color-muted);padding-top:2px;font-size:10.5px}.demo-flow .df-fpmatch{margin-top:8px}.demo-flow .df-fpmatch-head,.demo-flow .df-fpmatch-row{grid-template-columns:1.7fr 56px 84px 64px;align-items:center;gap:12px;padding:8px 2px;display:grid}.demo-flow .df-fpmatch-head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);font-size:9px}.demo-flow .df-fpmatch-row{border-bottom:1px solid var(--color-border);font-size:13px}.demo-flow .df-fpmatch-jobcell{flex-direction:column;gap:2px;display:flex}.demo-flow .df-fpmatch-id{font-family:var(--font-mono);color:var(--color-ink);font-size:12px}.demo-flow .df-fpmatch-built{color:var(--color-muted);font-size:11px}.demo-flow .df-fpmatch-sim{font-family:var(--font-mono);color:var(--color-gold-deep);font-size:12px}.demo-flow .df-fpmatch-kept{font-family:var(--font-mono);color:var(--flow-sage);font-size:12px}.demo-flow .df-fpmatch-took{font-family:var(--font-mono);color:var(--color-text-2,#3c3f46);text-align:right;font-size:12px}.demo-flow .df-work{margin-top:14px}.demo-flow .df-work-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;flex-direction:column;gap:16px;margin-top:10px;padding:14px 16px;display:flex}.demo-flow .df-work-h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep);margin-bottom:8px;font-size:9.5px}.demo-flow .df-decomp-bar{border:1px solid var(--color-border);border-radius:4px;height:26px;display:flex;overflow:hidden}.demo-flow .df-decomp-seg{min-width:0}.demo-flow .df-decomp-setup{background:var(--color-gold-deep)}.demo-flow .df-decomp-run{background:var(--flow-sage)}.demo-flow .df-decomp-cont{background:color-mix(in oklab, var(--color-wine) 55%, var(--color-elevated))}.demo-flow .df-decomp-key{flex-wrap:wrap;gap:16px;margin-top:9px;display:flex}.demo-flow .df-decomp-ki{color:var(--color-text-2,#3c3f46);align-items:baseline;gap:7px;font-size:12px;display:flex}.demo-flow .df-decomp-sw{border-radius:2px;align-self:center;width:9px;height:9px}.demo-flow .df-decomp-ki b{font-family:var(--font-mono);color:var(--color-ink);font-weight:600}.demo-flow .df-backtest{flex-wrap:wrap;gap:34px;display:flex}.demo-flow .df-bt{flex-direction:column;gap:2px;display:flex}.demo-flow .df-bt-v{font-family:var(--font-display);color:var(--color-ink);font-size:25px;line-height:1}.demo-flow .df-bt-k{color:var(--color-muted);max-width:210px;font-size:11.5px}.demo-flow .df-caveat{border-left:2px solid var(--color-ink);margin-top:16px;padding:2px 0 2px 14px}.demo-flow .df-caveat-h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px;font-size:9.5px}.demo-flow .df-caveat p{color:var(--color-text-2,#3c3f46);margin:0;font-size:13px;line-height:1.55}.demo-flow .df-caveat p i{color:var(--color-ink);font-style:italic}.demo-flow .df-recon{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;flex-direction:column;gap:10px;margin-top:14px;padding:14px 16px;display:flex}.demo-flow .df-recon-gl{font-family:var(--font-mono);color:var(--color-ink);border-bottom:1px solid var(--color-border);align-items:baseline;gap:10px;padding-bottom:10px;font-size:12px;display:flex}.demo-flow .df-recon-gl b{font-family:var(--font-display);font-size:17px}.demo-flow .df-recon-note{color:var(--color-muted);margin-left:auto;font-size:11px}.demo-flow .df-recon-step{color:var(--color-text-2,#3c3f46);grid-template-columns:46px 1fr;align-items:baseline;gap:12px;font-size:13px;display:grid}.demo-flow .df-recon-step b{color:var(--color-ink)}.demo-flow .df-recon-pct{font-family:var(--font-mono);color:var(--color-gold-deep);text-align:right;font-size:14px}.demo-flow .df-recon-tie{color:var(--color-muted);border-top:1px solid var(--color-border);align-items:center;gap:10px;padding-top:10px;font-size:12px;display:flex}.demo-flow .df-consol{margin-top:14px}.demo-flow .df-consol-leds{flex-wrap:wrap;gap:12px;display:flex}.demo-flow .df-consol-led{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;flex-direction:column;flex:1;gap:3px;min-width:180px;padding:12px 14px;display:flex}.demo-flow .df-consol-erp{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-deep);font-size:10px}.demo-flow .df-consol-ent{color:var(--color-muted);font-size:12.5px}.demo-flow .df-consol-amt{font-family:var(--font-display);color:var(--color-ink);margin-top:2px;font-size:22px}.demo-flow .df-consol-bridge{border:1px solid var(--color-border);background:var(--color-elevated);border-radius:6px;margin:12px 0 0;padding:12px 14px;list-style:none}.demo-flow .df-consol-row{color:var(--color-text-2,#3c3f46);justify-content:space-between;align-items:baseline;gap:16px;padding:5px 0;font-size:13px;display:flex}.demo-flow .df-consol-row b{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;font-size:13.5px}.demo-flow .df-consol-row.elim{color:var(--color-muted)}.demo-flow .df-consol-row.elim b{color:var(--color-wine)}.demo-flow .df-consol-row.total{border-top:1px solid var(--color-border);color:var(--color-ink);margin-top:4px;padding-top:10px;font-weight:600}.demo-flow .df-consol-row.total b{font-family:var(--font-display);font-size:18px}.demo-flow .df-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:8px;display:flex}.demo-flow .df-fig .df-v{font-family:var(--font-display);color:var(--color-wine);font-size:38px;line-height:1;transition:color .3s}.demo-flow .df-fig .df-v.ok{color:var(--flow-sage)}.demo-flow .df-fig .df-v.tight{color:var(--color-wine)}.demo-flow .df-fig .df-k{color:var(--color-muted);margin-top:3px;font-size:12.5px}.demo-flow .df-lever{flex:1;min-width:240px}.demo-flow .df-lever .df-row{justify-content:space-between;align-items:baseline;display:flex}.demo-flow .df-lever .df-ttl{font-size:13px;font-weight:600}.demo-flow .df-lever .df-val{font-family:var(--font-mono);color:var(--color-gold-deep);font-size:12.5px}.demo-flow .df-lever input{width:100%;accent-color:var(--color-gold-deep);margin-top:4px}.demo-flow .df-rail{color:var(--color-text-2,#3c3f46);margin-top:12px;font-size:12.5px;font-style:italic}.demo-flow .df-rail b{color:var(--color-ink);font-style:normal}.demo-flow .df-svg{width:100%;height:auto;margin-top:16px;display:block}.demo-flow .df-shelf{border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-ink);align-items:flex-end;gap:4px;height:240px;margin-top:18px;padding-left:6px;display:flex;position:relative}.demo-flow .df-water{border-top:2px dashed var(--color-gold-deep);z-index:3;width:100%;transition:top .46s;position:absolute;left:0}.demo-flow .df-wtag{font-family:var(--font-mono);color:var(--color-gold-deep);background:var(--color-ground);border:1px solid var(--color-gold);border-radius:3px;padding:1px 7px;font-size:9.5px;position:absolute;top:-19px;right:0}.demo-flow .df-coh{flex-direction:column;flex:1 1 0;justify-content:flex-end;height:100%;display:flex;position:relative}.demo-flow .df-coh .df-seg{flex:none;width:100%;transition:height .46s}.demo-flow .df-coh .df-u{background:var(--color-wine)}.demo-flow .df-coh .df-s{background:var(--flow-sage);opacity:.85}.demo-flow .df-clbl{text-align:center;width:100%;font-family:var(--font-mono);color:var(--color-muted);font-size:9.5px;line-height:1.3;position:absolute;bottom:-34px;left:0}.demo-flow .df-clbl b{color:var(--color-text-2,#3c3f46);display:block}.demo-flow .df-legend{color:var(--color-muted);gap:16px;margin-top:46px;font-size:11px;display:flex}.demo-flow .df-legend span{align-items:center;gap:6px;display:inline-flex}.demo-flow .df-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.demo-flow .df-legend .df-u{background:var(--color-wine)}.demo-flow .df-legend .df-s{background:var(--flow-sage)}.demo-flow .df-axline{stroke:var(--color-ink);stroke-width:1px}.demo-flow .df-axlbl{font-family:var(--font-mono);fill:var(--color-muted);font-size:9.5px}.demo-flow .df-thr{stroke:var(--color-gold-deep);stroke-width:2px;stroke-dasharray:5 4;transition:x .3s}.demo-flow .df-thrtag{font-family:var(--font-mono);fill:var(--color-gold-deep);font-size:9.5px}.demo-flow .df-dot{transition:fill .3s,opacity .3s}.demo-flow .df-dot.quiet{fill:var(--color-wine)}.demo-flow .df-dot.active{fill:var(--flow-sage);opacity:.5}.demo-flow .df-zero{stroke:var(--color-ink);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.demo-flow .df-cline{fill:none;stroke:var(--color-ink);stroke-width:2px}.demo-flow .df-lowdot{fill:var(--color-wine)}.demo-flow .df-lowlbl{font-family:var(--font-mono);fill:var(--color-wine);font-size:10px}.demo-flow .df-list{border-top:1px solid var(--color-border);margin-top:18px}.demo-flow .df-li{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto auto;align-items:baseline;gap:14px;padding:9px 2px;font-size:13.5px;display:grid}.demo-flow .df-li .df-seg2{color:var(--color-muted);font-size:11px}.demo-flow .df-li .df-life{font-family:var(--font-mono)}.demo-flow .df-li .df-mo{font-family:var(--font-mono);color:var(--color-wine);font-size:12px}.demo-flow .df-deeper{margin-top:20px}.demo-flow .df-deeper button{font-family:var(--font-mono);cursor:pointer;color:var(--color-gold-deep);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.demo-flow .df-wh .df-srcbox{fill:var(--color-elevated);stroke:var(--color-border);stroke-width:1px;transition:fill .5s,stroke .5s}.demo-flow .df-wh .df-srclbl{font-family:var(--font-mono);fill:var(--color-muted);font-size:11px;transition:fill .5s}.demo-flow .df-wh .df-conn{stroke:var(--color-gold-deep);stroke-width:1.6px;opacity:0;transition:opacity .55s}.demo-flow .df-wh .df-centerbox{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:1.4px}.demo-flow .df-wh .df-cpct{font-family:var(--font-display);fill:var(--color-wine);font-size:44px}.demo-flow .df-wh .df-cstatus{font-family:var(--font-mono);letter-spacing:.04em;fill:var(--color-text-2,#3c3f46);font-size:12px;transition:fill .5s}.demo-flow .df-wh.joined .df-srcbox{fill:var(--flow-gold-tint);stroke:var(--color-gold)}.demo-flow .df-wh.joined .df-srclbl{fill:var(--color-ink)}.demo-flow .df-wh.joined .df-conn{opacity:.85}.demo-flow .df-wh.joined .df-cstatus{fill:var(--flow-sage)}.demo-flow .df-effort{margin-top:22px}.demo-flow .df-effort-field{flex-wrap:wrap;gap:5px;max-width:430px;display:flex}.demo-flow .df-effort-cell{border:1px dashed var(--color-border);background:0 0;border-radius:2px;width:30px;height:13px;transition:background .4s,border-color .4s}.demo-flow .df-effort.auto .df-effort-field{gap:2px}.demo-flow .df-effort.auto .df-effort-cell{background:var(--flow-sage);border-color:#0000}.demo-flow .df-effort-cap{color:var(--color-muted);margin:13px 0 0;font-size:12.5px}.demo-flow .df-effort-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);border:1px solid var(--color-border);border-radius:3px;margin-right:10px;padding:2px 8px;font-size:10px}.demo-flow .df-effort.auto .df-effort-badge{color:var(--flow-sage);border-color:var(--flow-sage)}.demo-flow .df-shell{max-width:1180px;height:calc(100dvh - var(--header-h,64px));flex-direction:column;gap:12px;margin:0 auto;padding:14px 22px 18px;display:flex}.demo-flow .df-railbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:11px;display:flex}.demo-flow .df-conceptrail{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.demo-flow .df-conceptrail::-webkit-scrollbar{display:none}.demo-flow .df-conceptrail ol{flex-wrap:nowrap;align-items:center;margin:0;padding:2px 0;list-style:none;display:flex}.demo-flow .df-conceptrail li{opacity:.5;align-items:center;transition:opacity .25s;display:flex}.demo-flow .df-conceptrail li.on,.demo-flow .df-conceptrail li.done,.demo-flow .df-conceptrail li:hover{opacity:1}.demo-flow .df-conceptrail li:after{content:"";background:var(--color-border);flex:none;width:9px;height:1px}.demo-flow .df-conceptrail li:last-child:after{display:none}.demo-flow .df-conceptrail button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:5px;padding:4px 5px;display:inline-flex}.demo-flow .df-rail-dot{border:1.5px solid var(--color-muted);background:0 0;border-radius:50%;flex:none;width:7px;height:7px;transition:all .3s}.demo-flow .df-conceptrail li.done .df-rail-dot{background:var(--color-muted)}.demo-flow .df-conceptrail li.on .df-rail-dot{background:var(--color-wine);border-color:var(--color-wine);box-shadow:0 0 0 4px #6e2b391f}.demo-flow .df-rail-lbl{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;font-size:9.5px}.demo-flow .df-conceptrail li.on .df-rail-lbl{color:var(--color-ink)}.demo-flow .df-built-btn{font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:6px 12px;font-size:11px;transition:all .2s}.demo-flow .df-built-btn:hover,.demo-flow .df-built-btn[aria-pressed=true]{color:var(--color-ink);border-color:var(--color-gold)}.demo-flow .df-contents-btn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex:none;padding:6px 12px;font-size:11px;transition:all .2s}.demo-flow .df-contents-btn:hover,.demo-flow .df-contents-btn[aria-expanded=true]{color:var(--color-ink);border-color:var(--color-gold)}.demo-flow .df-stagerow{flex:1;align-items:stretch;gap:10px;min-height:0;display:flex}.demo-flow .df-arrow{border:1px solid var(--color-border);background:var(--color-elevated);width:44px;height:44px;color:var(--color-muted);cursor:pointer;font-size:22px;line-height:1;font-family:var(--font-display);border-radius:50%;flex:none;align-self:center;transition:all .2s}.demo-flow .df-arrow:hover:not(:disabled){color:var(--color-ink);border-color:var(--color-gold);background:var(--color-ground)}.demo-flow .df-arrow:disabled{opacity:.2;cursor:default}.demo-flow .df-stage{flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.demo-flow .df-built{width:100%;height:100%;overflow:auto}.demo-flow .df-stage>.df-screen{flex-direction:column;width:100%;max-width:960px;height:100%;margin:0 auto;display:flex}.demo-flow .df-stage>.df-screen>*{flex:auto;min-height:0}.demo-flow .df-nexthint{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:7px 6px;font-size:11px;transition:color .18s;animation:.7s both df-fade;display:inline-flex;position:absolute;bottom:2px;right:20px}.demo-flow .df-nexthint:hover{color:var(--color-ink)}.demo-flow .df-nexthint-arrow{font-family:var(--font-display);font-size:15px;line-height:1}@media (prefers-reduced-motion:reduce){.demo-flow .df-nexthint{animation:none!important}}.demo-flow .df-morecue{z-index:5;pointer-events:none;opacity:0;background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--color-ground) 55%, transparent) 48%, var(--color-ground) 100%);justify-content:center;align-items:flex-end;height:62px;padding-bottom:6px;transition:opacity .22s;display:flex;position:absolute}.demo-flow .df-morecue[data-show=true]{opacity:1}.demo-flow .df-morecue-lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold-deep);align-items:center;gap:5px;font-size:10px;display:inline-flex}.demo-flow .df-morecue-lbl span{font-family:var(--font-display);font-size:12px;line-height:1}@media (prefers-reduced-motion:reduce){.demo-flow .df-morecue{transition:none}}@keyframes df-fade{0%{opacity:0}to{opacity:1}}@keyframes df-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes df-q-present{0%{opacity:0;transform:translateY(16px) scale(var(--df-q-present-scale,1.06))}14%{opacity:1;transform:translateY(0) scale(var(--df-q-present-scale,1.06))}62%{opacity:1;transform:translateY(0) scale(var(--df-q-present-scale,1.06))}to{opacity:1;transform:translateY(0)scale(1)}}.demo-flow .df-screen{animation:.5s cubic-bezier(.22,.61,.36,1) both df-fade}.demo-flow .df-reveal{opacity:0;animation:.7s cubic-bezier(.22,.61,.36,1) both df-rise}.demo-flow{--df-lead-dur:1.2s;--df-lead-out:1.4s;--df-lead-out-2:1.8s}.demo-flow .df-instant .df-lead,.demo-flow .df-instant .df-reveal,.demo-flow .df-instant .df-fadein,.demo-flow .df-instant .df-cue-rise,.demo-flow .df-instant .df-seq-focal,.demo-flow .df-instant .df-open .df-q,.demo-flow .df-instant .df-tunlock-stage,.demo-flow .df-instant .df-tunlock-ans,.demo-flow .df-instant .df-tunlock-flow{opacity:1!important;animation:none!important;transform:none!important}.demo-flow .df-instant.df-screen{opacity:1!important;animation:none!important}.demo-flow .df-meet{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex}.demo-flow .df-meet-h{font-family:var(--font-display);letter-spacing:-.01em;margin:8px 0 20px;font-size:48px;font-weight:400;line-height:1.1}.demo-flow .df-meet-intro{color:var(--color-text-2,#3c3f46);max-width:600px;margin:0 0 30px;font-size:18px}.demo-flow .df-meet-intro em{font-style:italic}.demo-flow .df-meet-cont{font-family:var(--font-display);cursor:pointer;background:var(--color-ink);color:var(--color-ground);border:none;border-radius:5px;align-self:center;align-items:baseline;gap:10px;padding:12px 22px;font-size:17px;display:inline-flex}.demo-flow .df-meet-cont span{font-family:var(--font-mono);opacity:.7;font-size:11px}.demo-flow .df-meet-ops{text-align:left;border-top:1px solid var(--color-border);max-width:600px;margin:2px auto 20px;padding-top:13px}.demo-flow .df-meet-ops-h{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-deep);text-align:center;margin-bottom:9px;font-size:9.5px}.demo-flow .df-meet-op{align-items:baseline;gap:16px;margin-bottom:7px;display:flex}.demo-flow .df-meet-op-lbl{width:90px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);flex:none;font-size:9.5px;line-height:1.45}.demo-flow .df-meet-op-note{color:var(--color-text-2,#3c3f46);font-size:13px;line-height:1.45}.demo-flow .df-meet-op-note em{color:var(--color-ink);font-style:italic}.demo-flow .df-meet-op-note b{color:var(--color-ink)}.demo-flow .df-stack{border:1px solid var(--color-border);border-left:3px solid var(--color-gold);background:var(--color-surface);border-radius:6px;max-width:600px;margin-top:16px;padding:12px 16px}.demo-flow .df-stack-row{grid-template-columns:138px 1fr;gap:12px;padding:7px 0;font-size:13px;display:grid}.demo-flow .df-stack-row+.df-stack-row{border-top:1px dashed var(--color-border)}.demo-flow .df-stack-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold-deep);align-self:center;font-size:9.5px}.demo-flow .df-stack-v{color:var(--color-text-2,#3c3f46)}.demo-flow .df-stack-v b{color:var(--color-ink)}@media (prefers-reduced-motion:reduce){.demo-flow .df-screen,.demo-flow .df-reveal,.demo-flow .df-cue-rise,.demo-flow .df-fadein,.demo-flow .df-seq-foot .df-showwork-btn,.demo-flow .df-tunlock-stage,.demo-flow .df-tunlock-ans,.demo-flow .df-tunlock-flow{opacity:1!important;animation:none!important;transform:none!important}}.demo-flow .df-teach{border-left:3px solid var(--color-gold-deep);color:var(--color-text-2,#3c3f46);margin:18px 0 0;padding-left:14px;font-size:13.5px;font-style:italic}.demo-flow .df-srctiles{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.demo-flow .df-srctile{font-family:var(--font-mono);color:var(--color-muted);border:1px dashed var(--color-border);background:var(--color-elevated);border-radius:4px;padding:8px 12px;font-size:11px}.demo-flow .df-srctile.df-book{color:var(--color-ink);border-style:solid;border-color:var(--color-gold)}.demo-flow .df-collect{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.demo-flow .df-collect-src{flex-direction:column;gap:6px;display:flex}.demo-flow .df-flow{background:var(--color-border);flex:1;min-width:70px;height:2px;position:relative}.demo-flow .df-flow:after{content:"";background:var(--color-gold-deep);border-radius:50%;width:6px;height:6px;animation:1.4s linear infinite df-flow-dot;position:absolute;top:-2px}@keyframes df-flow-dot{0%{left:0}to{left:100%}}@media (prefers-reduced-motion:reduce){.demo-flow .df-flow:after{animation:none!important}}.demo-flow .df-landing{font-family:var(--font-mono);color:var(--color-ink);border:1px solid var(--color-ink);background:var(--color-surface);border-radius:5px;padding:12px 14px;font-size:11px}.demo-flow .df-rows{border-top:1px solid var(--color-border);margin:18px 0 0;padding:0;list-style:none}.demo-flow .df-row{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:14px;padding:10px 4px;font-size:13px;transition:background .3s;display:flex}.demo-flow .df-rowd{color:var(--color-muted);font-family:var(--font-mono);font-size:11px}.demo-flow .df-rowstat{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;font-size:11px}.demo-flow .df-row.ok .df-rowstat{color:var(--flow-sage)}.demo-flow .df-row.held{background:#6e1f2a0f}.demo-flow .df-row.held .df-rowstat{color:var(--color-wine)}.demo-flow .df-row.held .df-rowl{text-decoration:line-through;-webkit-text-decoration-color:var(--color-wine);text-decoration-color:var(--color-wine)}.demo-flow .df-checks .df-row{padding:12px 4px;display:block}.demo-flow .df-checks .df-rowtop{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.demo-flow .df-checks .df-row.held{border-left:2px solid var(--color-wine);margin-left:-12px;padding-left:10px}.demo-flow .df-checks .df-row.held .df-rowl{text-decoration:none}.demo-flow .df-checks .df-row-reason{color:var(--color-ink);margin:6px 0 0;font-size:13px;line-height:1.45}.demo-flow .df-checks .df-row-reason b{color:var(--color-ink)}.demo-flow .df-checks .df-row-impact{color:var(--color-muted);font-style:italic}.demo-flow .df-checks .df-chk-tally{max-width:520px;font-family:var(--font-mono);color:var(--color-muted);text-align:left;margin:14px auto 0;font-size:11.5px;line-height:1.5}.demo-flow .df-checks .df-chk-tally b{color:var(--color-ink)}.demo-flow .df-recon{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.demo-flow .df-reconfig{font-family:var(--font-display);color:var(--color-wine);font-variant-numeric:tabular-nums;font-size:34px;transition:color .4s}.demo-flow .df-reconfig[data-done=true]{color:var(--flow-sage)}.demo-flow .df-reconfig small{color:var(--color-muted);font-size:13px}.demo-flow .df-tie{text-align:center;max-width:580px;margin:4px auto 0}.demo-flow .df-tie-head{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:12px;font-size:10px}.demo-flow .df-tie-match{color:var(--color-text-2,#3c3f46);max-width:560px;margin:14px auto 4px;font-size:13px;line-height:1.5}.demo-flow .df-tie-match b{color:var(--color-ink)}.demo-flow .df-tie-row{justify-content:center;align-items:center;gap:16px;display:flex}.demo-flow .df-tie-col{flex:1;min-width:0}.demo-flow .df-tie-k{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:5px;font-size:9.5px}.demo-flow .df-tie-v{font-family:var(--font-display);color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(21px,3.3vw,29px);transition:color .4s}.demo-flow .df-tie-v[data-done=true]{color:var(--flow-sage)}.demo-flow .df-tie-link{font-family:var(--font-mono);color:var(--color-wine);white-space:nowrap;padding:0 2px;font-size:11px;transition:color .4s}.demo-flow .df-tie-link.ok{color:var(--flow-sage)}.demo-flow .df-tie-bridge{text-align:left;border-top:1px solid var(--color-border);max-width:540px;margin:14px auto 0;padding:0;list-style:none}.demo-flow .df-tie-bridge li{border-bottom:1px solid var(--color-border);color:var(--color-text-2,#3c3f46);justify-content:space-between;align-items:flex-start;gap:14px;padding:7px 2px;font-size:12.5px;transition:opacity .35s;display:flex}.demo-flow .df-tie-bridge li.on{opacity:.5}.demo-flow .df-tie-item{display:block}.demo-flow .df-tie-reason{font-family:var(--font-mono);color:var(--color-muted);margin-top:2px;font-size:10px;display:block}.demo-flow .df-tie-amt{font-family:var(--font-mono);color:var(--color-wine);white-space:nowrap;padding-top:1px;font-size:12px}.demo-flow .df-tie-bridge li.on .df-tie-amt{color:var(--flow-sage)}.demo-flow .df-tie-post{max-width:540px;margin-left:auto;margin-right:auto}.demo-flow .df-tie-do{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep);border:1px solid var(--color-gold);white-space:nowrap;border-radius:3px;margin-right:8px;padding:2px 8px;font-size:10px}.demo-flow .df-why-bare .df-method+.df-method{margin-top:12px}.demo-flow .df-method-now b{color:var(--color-ink)}.demo-flow .df-tier{border-top:1px solid var(--color-border);margin:18px 0 0;padding:0;list-style:none}.demo-flow .df-tier-row{border-bottom:1px solid var(--color-border);grid-template-columns:92px 1fr auto;align-items:center;gap:12px;padding:8px 2px;display:grid}.demo-flow .df-tier-lab{font-family:var(--font-mono);color:var(--color-muted);font-size:11px}.demo-flow .df-tier-sub{color:var(--color-muted);opacity:.7;letter-spacing:.04em;font-size:10px}.demo-flow .df-tier-track{background:var(--color-elevated);border-radius:5px;height:9px;overflow:hidden}.demo-flow .df-tier-fill{background:var(--flow-sage);border-radius:5px;height:100%;transition:width .5s cubic-bezier(.22,.61,.36,1);display:block}.demo-flow .df-tier-fill[data-below]{background:var(--color-wine)}.demo-flow .df-tier-watch .df-tier-fill[data-below]{background:var(--color-gold)}.demo-flow .df-tier-val{font-family:var(--font-mono);color:var(--color-text-2,#3c3f46);font-size:12px}.demo-flow .df-fly{gap:12px;margin-top:18px;display:flex}.demo-flow .df-fly-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.demo-flow .df-fly-card.member{border-color:var(--color-gold);background:var(--flow-gold-tint)}.demo-flow .df-fly-h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:9.5px}.demo-flow .df-fly-card.member .df-fly-h{color:var(--color-gold-deep)}.demo-flow .df-fly-v{font-family:var(--font-display);color:var(--color-ink);font-size:24px;line-height:1}@keyframes df-cue-rise{0%{opacity:0;transform:translateY(22vh)}14%{opacity:1}38%{opacity:1;transform:translateY(22vh)}to{opacity:1;transform:translateY(0)}}.demo-flow .df-cue-rise{animation:1.8s cubic-bezier(.4,0,.12,1) both df-cue-rise}.demo-flow .df-open{--df-q-present-scale:1.06;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding-top:2vh;display:flex}.demo-flow .df-open .df-cue{width:100%;max-width:760px;margin-bottom:clamp(2px,.6vh,6px);font-size:clamp(16px,2.4vh,21px);line-height:1.3}.demo-flow .df-open .df-qs{width:100%;max-width:720px;margin:clamp(2px,.5vh,4px) 0 0}.demo-flow .df-open .df-q{cursor:default;transform-origin:0 0;grid-template-columns:auto 1fr;padding:clamp(4px,.9vh,8px) 6px;animation-name:df-q-present;animation-duration:1.55s}.demo-flow .df-open .df-q:hover{background:0 0;padding-left:6px}.demo-flow .df-open .df-qtag{margin-bottom:clamp(2px,.5vh,5px)}.demo-flow .df-open .df-qtext{font-size:clamp(13px,2vh,16px);line-height:1.3}.demo-flow .df-open .df-paths{align-items:center;width:100%;margin-top:16px}.demo-flow .df-open .df-primary{align-self:center}.demo-flow .df-open .df-or{text-align:center}.demo-flow .df-found{flex-direction:column;justify-content:center;height:100%;display:flex}.demo-flow .df-found-h{margin:6px 0 10px;font-size:27px}.demo-flow .df-found-lead{color:var(--color-text-2,#3c3f46);max-width:600px;margin:0 0 18px;font-size:15px}.demo-flow .df-found-viz{max-width:660px}.demo-flow .df-found-step{color:var(--color-text-2,#3c3f46);min-height:40px;margin:14px 0 0;font-size:13px}.demo-flow .df-found-steptag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold-deep);margin-right:10px;font-size:10px}.demo-flow .df-dividends{flex-wrap:wrap;gap:10px 18px;margin:16px 0 0;padding:0;list-style:none;display:flex}.demo-flow .df-dividends li{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);opacity:.5;align-items:center;gap:8px;font-size:11px;transition:opacity .4s,color .4s;display:inline-flex}.demo-flow .df-dividends li.on{opacity:1;color:var(--color-ink)}.demo-flow .df-div-dot{background:var(--color-border);border-radius:50%;width:8px;height:8px;transition:background .4s}.demo-flow .df-dividends li.on .df-div-dot{background:var(--flow-sage)}.demo-flow .df-close-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.demo-flow .df-close-k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:10px}.demo-flow .df-close-scale{font-family:var(--font-mono);align-items:center;gap:8px;font-size:11px;display:inline-flex}.demo-flow .df-close-when{color:var(--color-muted);transition:color .4s}.demo-flow .df-close-when.on{color:var(--color-ink)}.demo-flow .df-close.days .df-close-when.on{color:var(--flow-sage)}.demo-flow .df-close-bar{gap:4px;height:54px;display:flex}.demo-flow .df-close-seg{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:4px;flex-basis:0;justify-content:center;align-items:center;min-width:0;transition:flex-grow .55s cubic-bezier(.22,.61,.36,1),flex-basis .55s,background .4s,border-color .4s;display:flex;overflow:hidden}.demo-flow .df-close-seg.auto{background:var(--flow-sage);border-color:var(--flow-sage);flex-basis:20px;flex-grow:0!important}.demo-flow .df-close-lbl{font-family:var(--font-mono);color:var(--color-text-2,#3c3f46);text-align:center;padding:0 7px;font-size:9.5px;line-height:1.18}.demo-flow .df-close-tick{color:#fff;font-size:12px}.demo-flow .df-takeover{max-width:760px;margin:26px auto 80px;padding:0 22px}.demo-flow .df-screen-scroll{overflow-y:auto}.demo-flow .df-screen-scroll>*{flex:none}.demo-flow .df-cf{place-items:center;width:100%;height:100%;display:grid;position:relative}.demo-flow .df-cf-layer{grid-area:1/1;width:100%;transition:opacity .55s cubic-bezier(.4,0,.12,1),transform .55s cubic-bezier(.4,0,.12,1)}.demo-flow .df-cf-text{text-align:center;flex-direction:column;align-self:stretch;max-width:660px;margin:0 auto;display:flex}.demo-flow .df-cf-text>.df-lead{flex:none}.demo-flow .df-cf-text>.df-after{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.demo-flow .df-cf-viz{max-width:600px;margin:0 auto}.demo-flow .df-cf-layer.is-out{opacity:0;pointer-events:none}.demo-flow .df-cf-text.is-out{transform:translateY(-10px)}.demo-flow .df-cf-viz.is-out{transform:translateY(12px)}.demo-flow .df-cf-layer.is-in{opacity:1;transform:none}.demo-flow .df-build{flex-direction:column;height:100%;display:flex}.demo-flow .df-build-tag{flex-direction:column;flex:none;align-items:center;gap:4px;margin:0 0 12px;display:flex}.demo-flow .df-build-step{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);font-size:9.5px}.demo-flow .df-build-stagename{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink);font-size:14px;font-weight:500;animation:.5s both df-fade}.demo-flow .df-build-stage{flex:1;min-height:0}.demo-flow .df-build-h{font-family:var(--font-display);text-align:center;margin:4px 0 14px;font-size:27px;font-weight:400;line-height:1.2}.demo-flow .df-build-p{color:var(--color-text-2,#3c3f46);max-width:620px;margin:0 auto;font-size:17.5px;line-height:1.55}.demo-flow .df-build-hint{font-family:var(--font-mono);color:var(--color-muted);margin:22px 0 0;font-size:11px}.demo-flow .df-build-cap{color:var(--color-text-2,#3c3f46);max-width:520px;margin:14px auto 0;font-size:13px}.demo-flow .df-vizwrap{text-align:center;width:100%}.demo-flow .df-unlock{color:var(--color-text-2,#3c3f46);border-top:1px solid var(--color-border);max-width:540px;margin:18px auto 0;padding-top:12px;font-size:13px}.demo-flow .df-unlock b{color:var(--color-ink)}.demo-flow .df-srctiles.df-center,.demo-flow .df-whset.df-center,.demo-flow .df-collect.df-center,.demo-flow .df-recon.df-center{justify-content:center}.demo-flow .df-whset{flex-wrap:wrap;gap:8px;display:flex}.demo-flow .df-whtable{font-family:var(--font-mono);color:var(--color-ink);border:1px solid var(--color-gold);background:var(--color-surface);border-radius:4px;padding:9px 14px;font-size:11px}.demo-flow .df-build .df-rows{text-align:left;max-width:520px;margin:18px auto 0}.demo-flow .df-build .df-tool{text-align:center}.demo-flow .df-meet .df-reveal{animation-duration:1.15s}.demo-flow .df-meet-intro{margin-left:auto;margin-right:auto}.demo-flow .df-meet-name{color:var(--color-muted)}@media (prefers-reduced-motion:reduce){.demo-flow .df-build-stagename{animation:none!important}.demo-flow .df-cf-layer{transition:none!important}}.demo-flow .df-cust-viz{text-align:center}.demo-flow .df-cust-viz .df-fig{margin-bottom:4px}.demo-flow .df-cust-viz .df-fig .df-v{font-size:34px}.demo-flow .df-cust-svg{max-width:560px;margin:6px auto 0}.demo-flow .df-cust-lever{text-align:left;flex:none;min-width:0;max-width:340px;margin:8px auto 0}.demo-flow .df-cust-viz .df-qresult{max-width:660px}.demo-flow .df-cust-head,.demo-flow .df-cust-li{grid-template-columns:1.5fr auto 1fr auto;align-items:baseline;gap:12px;display:grid}.demo-flow .df-cust-head{border-bottom:1px solid var(--color-border);padding:6px 2px 5px}.demo-flow .df-cust-head span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:9px}.demo-flow .df-cust-li{border-bottom:1px solid var(--color-border);padding:8px 2px;font-size:12.5px}.demo-flow .df-cust-c{font-family:var(--font-mono);color:var(--color-text-2,#3c3f46);white-space:nowrap;font-size:11px}.demo-flow .df-cust-c.slow{color:var(--color-wine)}.demo-flow .df-cust-why{flex-direction:column;height:100%;animation:.45s both df-fade;display:flex}.demo-flow .df-cust-why>*{flex:auto;min-height:0}.demo-flow .df-cf-text .df-stack{text-align:left;margin-left:auto;margin-right:auto}.demo-flow .df-why-bare{text-align:center;flex-direction:column;max-width:640px;height:100%;margin:0 auto;display:flex}.demo-flow .df-why-bare .df-why-q{flex:none}.demo-flow .df-why-bare .df-why-after{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.demo-flow .df-why-bare .df-why-inner{margin:auto 0}.demo-flow .df-why-bare .df-method{color:var(--color-text-2,#3c3f46);font-size:15px}.demo-flow .df-why-bare .df-effort{margin-top:16px}.demo-flow .df-why-bare .df-effort-field{justify-content:center}.demo-flow .df-why-bare .df-cap{text-align:center;max-width:540px;margin-left:auto;margin-right:auto}.demo-flow .df-why-bare .df-svg{max-width:520px;margin:14px auto 0}.demo-flow .df-margin-viz{text-align:center}.demo-flow .df-margin-viz .df-order-top{justify-content:center;gap:18px}.demo-flow .df-margin-viz .df-toggle{margin-left:auto;margin-right:auto}.demo-flow .df-margin-viz .df-bar{max-width:520px;margin:0 auto}.demo-flow .df-margin-viz .df-result{justify-content:center}.demo-flow .df-margin-viz .df-cap{text-align:center;max-width:480px;margin-left:auto;margin-right:auto}.demo-flow .df-margin-viz .df-proof{justify-content:center}.demo-flow .df-band-rows{flex-direction:column;gap:12px;max-width:540px;margin:0 auto;padding:0;list-style:none;display:flex}.demo-flow .df-band-row{text-align:left;grid-template-columns:110px 1fr auto auto;align-items:center;gap:14px;display:grid}.demo-flow .df-band-lbl{font-family:var(--font-display);flex-direction:column;font-size:14px;line-height:1.25;display:flex}.demo-flow .df-band-rev{font-family:var(--font-mono);color:var(--color-muted);font-size:10.5px;font-weight:400}.demo-flow .df-band-bar{background:var(--color-elevated);border-radius:3px;height:22px;overflow:hidden}.demo-flow .df-band-bar .df-profit,.demo-flow .df-band-bar .df-steel{height:100%;transition:width .5s cubic-bezier(.22,.61,.36,1),opacity .4s}.demo-flow .df-band-fig{font-family:var(--font-display);text-align:right;flex-direction:column;min-width:64px;font-size:14px;line-height:1.2;display:flex}.demo-flow .df-band-mgn{font-family:var(--font-mono);color:var(--color-muted);font-size:10.5px;font-weight:400}.demo-flow .df-band-delta{font-family:var(--font-mono);white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:11px}.demo-flow .df-band-delta.down{color:var(--color-wine);border:1px solid color-mix(in oklab, var(--color-wine) 40%, transparent)}.demo-flow .df-band-delta.up{color:var(--flow-sage);border:1px solid color-mix(in oklab, var(--flow-sage) 40%, transparent)}.demo-flow .df-cac-rows{flex-direction:column;gap:11px;max-width:540px;margin:0 auto 4px;padding:0;list-style:none;display:flex}.demo-flow .df-cac-row{text-align:left;grid-template-columns:200px 1fr;align-items:center;gap:14px;display:grid}.demo-flow .df-cac-lbl{font-family:var(--font-display);flex-direction:column;font-size:13.5px;line-height:1.25;display:flex}.demo-flow .df-cac-cac{font-family:var(--font-mono);color:var(--color-muted);font-size:10.5px;font-weight:400}.demo-flow .df-cac-track{background:var(--color-elevated);border-radius:3px;height:20px;position:relative;overflow:hidden}.demo-flow .df-cac-bar{background:var(--flow-sage);height:100%;transition:width .5s cubic-bezier(.22,.61,.36,1);display:block}.demo-flow .df-cac-bar.under{background:var(--color-wine)}.demo-flow .df-cac-mark{background:var(--color-ink);opacity:.5;z-index:1;width:1px;position:absolute;top:-2px;bottom:-2px}@media (prefers-reduced-motion:reduce){.demo-flow .df-cust-why{animation:none!important}}@keyframes df-lead{0%{opacity:0;transform:translateY(24vh)}34%{opacity:1;transform:translateY(24vh)}48%{opacity:1;transform:translateY(24vh)}to{opacity:1;transform:translateY(0)}}.demo-flow .df-lead{animation:df-lead var(--df-lead-dur) cubic-bezier(.4,0,.12,1) both}.demo-flow .df-fadein{opacity:0;animation:.8s both df-fade}.demo-flow .df-seq{flex-direction:column;height:100%;display:flex}.demo-flow .df-seq-title{text-align:center;flex:none}.demo-flow .df-seq-slot{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.demo-flow .df-seq-focal{opacity:0;margin:auto 0;animation:.6s cubic-bezier(.4,0,.12,1) both df-focal-in}@keyframes df-focal-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.demo-flow .df-seq-foot{border-top:1px solid var(--color-border);flex:none;justify-content:flex-start;margin-top:12px;padding-top:12px;display:flex}.demo-flow .df-seq-foot:empty{display:none}.demo-flow .df-seq-foot .df-showwork-btn{margin-top:0;animation:.5s both df-fade}@media (prefers-reduced-motion:reduce){.demo-flow .df-seq-focal{opacity:1!important;animation:none!important;transform:none!important}}.demo-flow .df-seq-stack{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.demo-flow .df-seq-stack-in{flex-direction:column;gap:16px;width:100%;margin:auto 0;display:flex}.demo-flow .df-how{color:var(--color-gold-deep);font-size:1.06em;font-style:italic;font-weight:700}.demo-flow .df-tool-what{color:var(--color-text-2,#3c3f46);max-width:540px;margin:12px auto 0;font-size:14.5px;line-height:1.5}.demo-flow .df-tool-what-key{font-size:15.5px}.demo-flow .df-unlocked-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ground);background:var(--color-ink);border-radius:4px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-block}.demo-flow .df-query{font-family:var(--font-mono);text-align:left;background:var(--color-elevated);border:1px solid var(--color-border);border-left:3px solid var(--color-gold);white-space:pre;max-width:540px;max-height:34vh;color:var(--color-ink);border-radius:6px;margin:12px auto 0;padding:11px 14px;font-size:11px;line-height:1.45;overflow:auto}.demo-flow .df-query code{font-family:inherit}.demo-flow .df-query-note{color:var(--color-text-2,#3c3f46);text-align:left;border-left:3px solid var(--color-gold);max-width:480px;margin:10px auto 0;padding:4px 0 4px 14px;font-size:13.5px;line-height:1.45}.demo-flow .df-build-h.df-ans-h{margin:4px 0 12px;font-size:22px;line-height:1.24}.demo-flow .df-qresult{text-align:left;max-width:480px;margin:14px auto 0}.demo-flow .df-qresult-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0 0 4px;font-size:10px}.demo-flow .df-qresult .df-list{margin-top:0}.demo-flow .df-wh-svg{width:100%;max-width:320px;height:auto;margin:0 auto 2px;display:block}.demo-flow .df-wh-body{fill:var(--color-elevated);stroke:var(--color-ink);stroke-width:1.4px}.demo-flow .df-wh-lid{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:1.4px}.demo-flow .df-wh-div{stroke:var(--color-border);stroke-width:1px}.demo-flow .df-wh-row{font-family:var(--font-mono);fill:var(--color-text-2,#3c3f46);font-size:12.5px}.demo-flow .df-wh-cap{font-family:var(--font-mono);letter-spacing:.14em;fill:var(--color-muted);font-size:8px}.demo-flow .df-wh-src{fill:var(--color-elevated);stroke:var(--color-border);stroke-width:1px}.demo-flow .df-wh-src.df-book{fill:var(--color-surface);stroke:var(--color-gold)}.demo-flow .df-wh-srclbl{font-family:var(--font-mono);fill:var(--color-text-2,#3c3f46);font-size:10px}.demo-flow .df-wh-in{fill:none;stroke:var(--color-gold-deep);stroke-width:1.4px;opacity:.65}.demo-flow .df-wh-arrowhead{fill:var(--color-gold-deep)}.demo-flow .df-wh-join{fill:none;stroke:var(--color-gold);stroke-width:1.3px;opacity:.85}.demo-flow .df-wh-key{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--color-gold-deep);font-size:8.5px}.demo-flow .df-why-q{font-family:var(--font-display);color:var(--color-ink);margin:0 0 4px;font-size:29px;font-weight:400;line-height:1.2}.demo-flow .df-why-a{font-family:var(--font-display);color:var(--color-text-2,#3c3f46);margin:14px 0 0;font-size:20px;font-style:italic;line-height:1.3}.demo-flow .df-unlock-beat{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.demo-flow .df-unlock-kicker{font-family:var(--font-mono);letter-spacing:.36em;text-transform:uppercase;color:var(--color-ink);align-items:center;gap:14px;margin:0 0 22px;font-size:13px;font-weight:600;display:inline-flex}.demo-flow .df-unlock-kicker:before,.demo-flow .df-unlock-kicker:after{content:"";background:var(--color-gold-deep);width:30px;height:1px}.demo-flow .df-unlock-word{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:clamp(54px,11vw,96px);font-weight:600;line-height:.92}.demo-flow .df-unlock-rule{background:var(--color-gold);width:76px;height:2px;margin:26px auto 0;display:block}.demo-flow .df-unlock-sub{color:var(--color-text-2,#3c3f46);max-width:470px;margin:28px auto 0;font-size:16.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.demo-flow .df-lead{animation:none!important}.demo-flow .df-eq-resultgrid,.demo-flow .df-eq-resultwrap{transition:none!important}}.demo-flow .df-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.demo-flow .df-cover-eyebrow{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--color-gold-deep);margin:0 0 20px;font-size:12px}.demo-flow .df-cover-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 20px;font-size:clamp(34px,6vw,60px);font-weight:400;line-height:1.08}.demo-flow .df-cover-line{color:var(--color-text-2,#3c3f46);max-width:560px;margin:0 0 32px;font-size:18px;line-height:1.5}.demo-flow .df-cover-line em{font-style:italic}.demo-flow .df-cover-cta{font-family:var(--font-display);cursor:pointer;background:var(--color-ink);color:var(--color-ground);border:none;border-radius:5px;align-items:baseline;gap:10px;padding:13px 24px;font-size:17px;transition:background .18s;display:inline-flex}.demo-flow .df-cover-cta:hover{background:var(--color-gold-deep)}.demo-flow .df-cover-cta span{font-family:var(--font-mono);opacity:.7;font-size:11px}.demo-flow .df-thesis{flex-direction:column;height:100%;display:flex}.demo-flow .df-thesis-diagram{width:100%;max-width:700px;margin:0 auto}.demo-flow .df-thesis-svg{width:100%;height:auto;display:block}.demo-flow .df-th-box{fill:var(--color-surface);stroke:var(--color-border);stroke-width:1px}.demo-flow .df-th-found{fill:var(--color-elevated);stroke:var(--color-gold);stroke-width:1.75px}.demo-flow .df-th-def{fill:var(--flow-gold-tint);stroke:var(--color-gold);stroke-width:1px}.demo-flow .df-th-off{fill:#6e2b390f;stroke:var(--color-wine);stroke-width:1px}.demo-flow .df-th-conn{fill:none;stroke:var(--color-border);stroke-width:1.4px}.demo-flow .df-th-arrowhead{fill:var(--color-muted)}.demo-flow .df-th-kick{font-family:var(--font-mono);letter-spacing:.14em;font-size:9px}.demo-flow .df-th-kick.sys{fill:var(--color-muted)}.demo-flow .df-th-kick.fnd,.demo-flow .df-th-kick.def{fill:var(--color-gold-deep)}.demo-flow .df-th-kick.off{fill:var(--color-wine)}.demo-flow .df-th-src{font-family:var(--font-mono);fill:var(--color-ink);font-size:11.5px}.demo-flow .df-th-found-t{font-family:var(--font-mono);fill:var(--color-ink);font-size:14px}.demo-flow .df-th-found-s{font-family:var(--font-mono);fill:var(--color-muted);font-size:10.5px}.demo-flow .df-th-out{font-family:var(--font-mono);fill:var(--color-ink);font-size:11.5px}.demo-flow .df-thesis-cap{color:var(--color-text-2,#3c3f46);text-align:center;max-width:540px;margin:20px auto 0;font-size:13.5px;font-style:italic;line-height:1.5}.demo-flow .df-thesis-explainer{max-width:620px;color:var(--color-text-2,#3c3f46);margin:0 auto;font-size:16.5px;line-height:1.62}.demo-flow .df-thesis-explainer p{margin:0}.demo-flow .df-thesis-explainer p+p{margin-top:13px}.demo-flow .df-thesis-explainer b{color:var(--color-ink);font-weight:500}.demo-flow .df-thesis-more{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);font-size:11.5px;margin-top:14px!important}.demo-flow .df-build-interlude{color:var(--color-gold-deep);letter-spacing:.2em}.demo-flow .df-cust-viz .df-top{justify-content:center;align-items:flex-end;gap:28px}.demo-flow .df-cust-viz .df-lever{flex:none;max-width:320px}.demo-flow .df-cust-viz .df-shelf{max-width:560px;margin-left:auto;margin-right:auto}.demo-flow .df-cust-viz .df-svg{max-width:600px;margin-left:auto;margin-right:auto}.demo-flow .df-cust-viz .df-legend{justify-content:center}.demo-flow .df-cust-viz .df-rail{text-align:center}.demo-flow .df-explain{color:var(--color-text-2,#3c3f46);text-align:center;max-width:560px;margin:0 auto 16px;font-size:15px;line-height:1.55}.demo-flow .df-explain.below{margin:14px auto 0}.demo-flow .df-explain b{color:var(--color-ink)}.demo-flow .df-move{text-align:center;max-width:580px;margin:0 auto}.demo-flow .df-move-lbl{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-deep);margin:0 0 14px;font-size:11px}.demo-flow .df-move-h{font-family:var(--font-display);color:var(--color-ink);margin:0 0 16px;font-size:26px;font-weight:400;line-height:1.28}.demo-flow .df-move-body{color:var(--color-text-2,#3c3f46);font-size:15.5px;line-height:1.62}.demo-flow .df-move-body b{color:var(--color-ink);font-weight:600}.demo-flow .df-move-body em{font-style:italic}.demo-flow .df-move-read{color:var(--color-text-2,#3c3f46);margin:0;font-size:17px;line-height:1.58}.demo-flow .df-move-read b{color:var(--color-ink);font-weight:600}.demo-flow .df-move-read em{font-style:italic}.demo-flow .df-calc{color:var(--color-muted);text-align:center;max-width:540px;margin:9px auto 0;font-size:13px;line-height:1.5}.demo-flow .df-calc b{color:var(--color-text-2,#3c3f46);font-weight:600}.demo-flow .df-trace{border:1px solid var(--color-border);max-width:470px;font-family:var(--font-mono);border-radius:7px;margin:14px auto 2px;overflow:hidden}.demo-flow .df-trace-row{grid-template-columns:1fr auto auto;align-items:baseline;gap:6px 18px;padding:8px 14px;font-size:12px;display:grid}.demo-flow .df-trace-row+.df-trace-row{border-top:1px solid var(--color-border)}.demo-flow .df-trace-row.is-traced{background:var(--color-elevated)}.demo-flow .df-trace-k{text-align:left;color:var(--color-text-2,#3c3f46)}.demo-flow .df-trace-mat{color:var(--color-muted);font-variant-numeric:tabular-nums}.demo-flow .df-trace-mg{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:600}.demo-flow .df-spread-pic{text-align:center;max-width:600px;margin:0 auto}.demo-flow .df-scissors{max-width:560px;margin:0 auto}.demo-flow .df-sc-grid{stroke:var(--color-border)}.demo-flow .df-sc-rev{fill:var(--flow-sage);opacity:.26}.demo-flow .df-sc-vlab{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px;font-weight:500}.demo-flow .df-sc-xlab{font-family:var(--font-mono);fill:var(--color-muted);font-size:11px}.demo-flow .df-sc-mline{fill:none;stroke:var(--color-wine);stroke-width:2.5px}.demo-flow .df-sc-mdot{fill:var(--color-wine)}.demo-flow .df-sc-mlab{font-family:var(--font-mono);fill:var(--color-wine);font-size:11px;font-weight:500}.demo-flow .df-sc-legend{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);justify-content:center;gap:18px;margin-top:6px;font-size:10px;display:flex}.demo-flow .df-sc-legend span{align-items:center;display:inline-flex}.demo-flow .df-sc-legend i{margin-right:6px;display:inline-block}.demo-flow .df-sc-lr{background:var(--flow-sage);opacity:.45;width:13px;height:9px}.demo-flow .df-sc-lm{border-top:2.5px solid var(--color-wine);width:15px;height:0}.demo-flow .df-sc-read{margin-top:16px}.demo-flow .df-sc-ni{font-family:var(--font-mono);color:var(--color-wine);letter-spacing:.02em;margin:12px 0 0;font-size:12px}.demo-flow .df-hist{align-items:flex-end;gap:7px;max-width:520px;height:168px;margin:8px auto 0;display:flex;position:relative}.demo-flow .df-hbar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.demo-flow .df-hbar i{background:var(--flow-sage);opacity:.9;border-radius:3px 3px 0 0;width:100%;transition:background .18s}.demo-flow .df-hbar.under i{background:var(--color-wine)}.demo-flow .df-hbar.partial i{background:linear-gradient(90deg, var(--color-wine) 50%, var(--flow-sage) 50%)}.demo-flow .df-hbar small{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;margin-top:6px;font-size:9px}.demo-flow .df-floorline{background:var(--color-gold-deep);z-index:3;width:2px;transition:left .15s;position:absolute;top:0;bottom:22px}.demo-flow .df-hist-x{font-family:var(--font-mono);color:var(--color-muted);text-align:center;margin-top:8px;font-size:10.5px}.demo-flow .df-hist-x b{color:var(--color-wine)}.demo-flow .df-spread-cats{text-align:left;max-width:520px;margin:24px auto 0}.demo-flow .df-spread-cats-h{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin:0 0 12px;font-size:10px}.demo-flow .df-cat{grid-template-columns:132px 1fr 48px;align-items:center;gap:12px;margin-bottom:9px;display:grid}.demo-flow .df-cat-n{font-size:14px}.demo-flow .df-cat-n small{font-family:var(--font-mono);color:var(--color-muted);font-size:10px;display:block}.demo-flow .df-cat-track{background:color-mix(in oklab, var(--color-ink) 5%, transparent);border-radius:3px;height:14px;position:relative;overflow:hidden}.demo-flow .df-cat-fill{z-index:1;background:var(--flow-sage);border-radius:3px;height:100%;display:block;position:relative}.demo-flow .df-cat-ref{background:color-mix(in oklab, var(--color-ink) 55%, transparent);z-index:3;width:1.5px;position:absolute;top:0;bottom:0}.demo-flow .df-cat-m{font-family:var(--font-mono);text-align:right;font-size:12px;font-weight:500}.demo-flow .df-cat.low .df-cat-fill{background:var(--color-wine)}.demo-flow .df-cat.low .df-cat-m{color:var(--color-wine)}.demo-flow .df-everyday{text-align:center;max-width:700px;margin:0 auto}.demo-flow .df-everyday-md{max-width:840px;margin:0 auto;overflow-y:auto}.demo-flow .df-everyday-md .df-explain{max-width:660px}.demo-flow .df-eq-md{text-align:left;grid-template-columns:196px minmax(0,1fr);align-items:start;gap:22px;margin-top:6px;display:grid}.demo-flow .df-eq-list{flex-direction:column;display:flex}.demo-flow .df-eq-grpwrap{margin-bottom:6px}.demo-flow .df-eq-grp{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);margin:12px 0 4px;font-size:9.5px}.demo-flow .df-eq-grpwrap:first-child .df-eq-grp{margin-top:0}.demo-flow .df-eq-item{text-align:left;cursor:pointer;width:100%;color:var(--color-ink);background:0 0;border:none;border-left:2px solid #0000;border-radius:0 5px 5px 0;padding:6px 10px;font-size:14px;line-height:1.2;transition:background .12s,border-color .12s;display:block}.demo-flow .df-eq-item:hover{background:color-mix(in oklab, var(--color-ink) 4%, transparent)}.demo-flow .df-eq-item[data-on=true]{background:var(--color-surface);border-left-color:var(--demo-steel);font-weight:500}.demo-flow .df-eq-detail{min-width:0}.demo-flow .df-eq-mart{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);margin:0 0 6px;font-size:10px}.demo-flow .df-eq-martname{color:var(--color-text-2,#3c3f46)}.demo-flow .df-everyday-md .df-eq-q{color:var(--color-ink);text-align:left;max-width:none;margin:0 0 8px;font-size:16px;font-style:italic}.demo-flow .df-everyday-md .df-query{text-align:left;max-width:none;max-height:26vh;margin:0}.demo-flow .df-eq-runrow{align-items:center;gap:12px;margin:10px 0 0;display:flex}.demo-flow .df-eq-run{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ground);background:var(--demo-steel);border:1px solid var(--demo-steel);cursor:pointer;border-radius:5px;padding:6px 14px;font-size:11px;transition:opacity .15s}.demo-flow .df-eq-run:hover{opacity:.88}.demo-flow .df-eq-run[data-ran=true]{color:var(--demo-steel);background:color-mix(in oklab, var(--demo-steel) 12%, transparent);cursor:default}.demo-flow .df-eq-runas{font-family:var(--font-mono);color:var(--color-muted);font-size:10px}.demo-flow .df-eq-resultgrid{grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,.61,.36,1);display:grid}.demo-flow .df-eq-resultgrid[data-ran=true]{grid-template-rows:1fr}.demo-flow .df-eq-resultcell{min-height:0;overflow:hidden}.demo-flow .df-eq-resultwrap{border:1px solid var(--color-border);opacity:0;border-radius:6px;max-height:30vh;margin:10px 0 0;transition:opacity .3s .16s;overflow:auto}.demo-flow .df-eq-resultgrid[data-ran=true] .df-eq-resultwrap{opacity:1}.demo-flow .df-eq-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:11px}.demo-flow .df-eq-table th{text-align:left;color:var(--color-text-2,#3c3f46);background:var(--color-elevated);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:6px 10px;font-weight:500;position:sticky;top:0}.demo-flow .df-eq-table td{border-bottom:1px solid color-mix(in oklab, var(--color-border) 55%, transparent);color:var(--color-ink);white-space:nowrap;padding:5px 10px}.demo-flow .df-eq-table th[data-num=true],.demo-flow .df-eq-table td[data-num=true]{text-align:right;font-variant-numeric:tabular-nums}.demo-flow .df-eq-table tbody tr:last-child td{border-bottom:none}.demo-flow .df-everyday-md .df-eq-note{color:var(--color-text-2,#3c3f46);text-align:left;max-width:none;margin:12px 0 0;font-size:13px}.demo-flow .df-eq-q{color:var(--color-ink);max-width:580px;margin:0 auto 12px;font-size:17px;font-style:italic}.demo-flow .df-everyday .df-query{text-align:left}.demo-flow .df-eq-note{color:var(--color-text-2,#3c3f46);max-width:580px;margin:12px auto 0;font-size:13.5px}.demo-flow .df-approach{max-width:840px;margin:0 auto;overflow-y:auto}@keyframes df-lead-soft{0%{opacity:0;transform:translateY(36px)}24%{opacity:1;transform:translateY(36px)}56%{opacity:1;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.demo-flow .df-approach .df-lead,.demo-flow .df-everyday-md .df-lead{animation:1.2s cubic-bezier(.4,0,.12,1) both df-lead-soft}.demo-flow .df-approach-sub{color:var(--color-text-2,#3c3f46);text-align:center;max-width:600px;margin:6px auto 36px;font-size:17px;line-height:1.5}.demo-flow .df-road{grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:0 auto;display:grid;position:relative}.demo-flow .df-road:before{content:"";background:var(--color-border);height:2px;position:absolute;top:19px;left:12%;right:12%}.demo-flow .df-phase{text-align:center;position:relative}.demo-flow .df-node{background:var(--color-surface);border:2px solid var(--color-ink);width:40px;height:40px;font-family:var(--font-mono);color:var(--color-ink);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:13px;font-weight:500;display:flex;position:relative}.demo-flow .df-ptitle{font-family:var(--font-display);margin:0 0 3px;font-size:17px;font-weight:600}.demo-flow .df-pwhen{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0 0 10px;font-size:10px}.demo-flow .df-pbody{color:var(--color-text-2,#3c3f46);max-width:230px;margin:0 auto;font-size:14.5px;line-height:1.5}.demo-flow .df-roadcap{text-align:center;color:var(--color-text-2,#3c3f46);max-width:580px;margin:36px auto 0;font-size:15px;font-style:italic}.demo-flow .df-transition{flex-direction:column;justify-content:center;height:100%;display:flex}.demo-flow .df-tcard{text-align:center;max-width:560px;margin:0 auto;padding:8px 20px}.demo-flow .df-tkick{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0 0 12px;font-size:10px}.demo-flow .df-tbig{font-family:var(--font-display);color:var(--color-ink);margin:0 0 12px;font-size:23px;font-weight:600;line-height:1.2}.demo-flow .df-tsub{color:var(--color-text-2,#3c3f46);max-width:440px;margin:0 auto 18px;font-size:15.5px;line-height:1.5}.demo-flow .df-tmeta{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-muted);margin:0;font-size:10.5px}.demo-flow .df-tmeta b{color:var(--color-ink);font-weight:500}.demo-flow .df-tunlock{flex-direction:column;align-items:center;gap:8px;margin:4px auto 18px;display:flex}.demo-flow .df-tunlock-found{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.demo-flow .df-tunlock-stage{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);border:1px solid var(--color-border);background:var(--color-surface);border-radius:3px;padding:4px 10px;font-size:9.5px;animation:.5s cubic-bezier(.22,.61,.36,1) both df-tstage-in}.demo-flow .df-tunlock-flow{background:var(--color-border);width:1px;height:13px;animation:.4s both df-fade}.demo-flow .df-tunlock-answers{flex-wrap:wrap;justify-content:center;gap:6px;max-width:470px;display:flex}.demo-flow .df-tunlock-ans{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border:1px solid var(--color-wine);background:#6e2b390f;border-radius:3px;padding:4px 10px;font-size:9.5px;animation:.45s cubic-bezier(.22,.61,.36,1) both df-tans-in}@keyframes df-tstage-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes df-tans-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.demo-flow .df-bridge{flex-direction:column;justify-content:center;max-width:640px;height:100%;margin:0 auto;display:flex}.demo-flow .df-interlude-beat .df-unlock-kicker{color:var(--color-muted);font-weight:500}.demo-flow .df-interlude-beat .df-unlock-kicker:before,.demo-flow .df-interlude-beat .df-unlock-kicker:after{background:var(--color-border)}.demo-flow .df-interlude-beat .df-unlock-word{letter-spacing:.01em;text-transform:none;color:var(--color-text-2,#3c3f46);font-size:clamp(32px,6vw,52px);font-weight:400}.demo-flow .df-interlude-beat .df-unlock-rule{background:var(--color-border)}.demo-flow .df-interlude-beat .df-unlock-sub{color:var(--color-muted)}.demo-flow .df-ba{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;max-width:680px;margin:0 auto;display:flex}.demo-flow .df-ba-box{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:8px;flex:1 1 0;min-width:220px;padding:16px 18px}.demo-flow .df-ba-box.df-ba-after{border-color:var(--color-gold)}.demo-flow .df-ba-lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);margin:0 0 12px;font-size:9.5px}.demo-flow .df-ba-box.df-ba-after .df-ba-lbl{color:var(--color-gold-deep)}.demo-flow .df-ba-item{width:fit-content;font-family:var(--font-mono);color:var(--color-ink);border:1px solid var(--color-border);background:var(--color-elevated);border-radius:5px;margin:0 auto 7px;padding:7px 11px;font-size:12px;display:block}.demo-flow .df-ba-cap{color:var(--color-text-2,#3c3f46);margin:12px 0 0;font-size:12.5px;font-style:italic}.demo-flow .df-ba-arrow{font-family:var(--font-display);color:var(--color-muted);align-self:center;font-size:22px}.demo-flow .df-mart-set{flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px;margin:0 auto;display:flex}.demo-flow .df-mart-card{font-family:var(--font-mono);border:1px solid var(--color-gold);background:var(--color-surface);text-align:left;border-radius:6px;padding:10px 14px;font-size:11px;line-height:1.3}.demo-flow .df-mart-card b{color:var(--color-ink);margin-bottom:3px;font-size:12px;display:block}.demo-flow .df-mart-card span{color:var(--color-muted)}.demo-flow .df-wc-headline{margin-bottom:4px}.demo-flow .df-wc-fig{font-family:var(--font-display);color:var(--color-wine);font-size:40px;line-height:1}.demo-flow .df-wc-cap{color:var(--color-text-2,#3c3f46);margin-top:6px;font-size:13px}.demo-flow .df-wc-levers{text-align:left;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:18px;display:flex}.demo-flow .df-wc-levers .df-lever{flex:1 1 0;min-width:240px;max-width:320px}.demo-flow .df-wc-out{font-family:var(--font-mono);color:var(--color-muted);margin-top:5px;font-size:11px}.demo-flow .df-lever-tight .df-val{color:var(--color-muted);font-style:italic}.demo-flow .df-wc-tight{color:var(--color-text-2,#3c3f46);margin:8px 0 0;font-size:12.5px;line-height:1.5}.demo-flow .df-wc-lower{text-align:left;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:20px;display:flex}.demo-flow .df-wc-sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px;font-size:9.5px}.demo-flow .df-wc-ages{min-width:200px;margin:0;padding:0;list-style:none}.demo-flow .df-wc-ages li{border-bottom:1px solid var(--color-border);font-family:var(--font-mono);justify-content:space-between;gap:16px;padding:4px 0;font-size:12px;display:flex}.demo-flow .df-wc-old{color:var(--color-wine)}.demo-flow .df-meet,.demo-flow .df-cover,.demo-flow .df-unlock-beat,.demo-flow .df-bridge{overflow-y:auto}.demo-flow .df-meet>:first-child,.demo-flow .df-cover>:first-child,.demo-flow .df-unlock-beat>:first-child,.demo-flow .df-bridge>:first-child{margin-top:auto}.demo-flow .df-meet>:last-child,.demo-flow .df-cover>:last-child,.demo-flow .df-unlock-beat>:last-child,.demo-flow .df-bridge>:last-child{margin-bottom:auto}.demo-flow .df-sb-hidden{scrollbar-width:none}.demo-flow .df-sb-hidden::-webkit-scrollbar{width:0;height:0}.demo-flow .df-query,.demo-flow .df-eq-resultwrap{scrollbar-width:thin;scrollbar-color:var(--color-wine) transparent}.demo-flow .df-query::-webkit-scrollbar{width:9px;height:9px}.demo-flow .df-eq-resultwrap::-webkit-scrollbar{width:9px;height:9px}.demo-flow .df-query::-webkit-scrollbar-thumb{background:var(--color-wine);background-clip:content-box;border:2px solid #0000;border-radius:5px}.demo-flow .df-eq-resultwrap::-webkit-scrollbar-thumb{background:var(--color-wine);background-clip:content-box;border:2px solid #0000;border-radius:5px}.demo-flow .df-query::-webkit-scrollbar-track{background:0 0}.demo-flow .df-eq-resultwrap::-webkit-scrollbar-track{background:0 0}.demo-flow .df-showwork-btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-deep);border:1px solid color-mix(in oklab, var(--color-gold) 55%, var(--color-border));cursor:pointer;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-gold) 9%, transparent), 0 3px 14px -3px color-mix(in oklab, var(--color-gold) 45%, transparent);background:0 0;border-radius:4px;margin-top:14px;padding:8px 13px;font-size:11px;transition:border-color .2s,color .2s,box-shadow .2s;position:relative}.demo-flow .df-showwork-btn:hover{border-color:var(--color-gold);color:var(--color-ink);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-gold) 15%, transparent), 0 4px 18px -3px color-mix(in oklab, var(--color-gold) 58%, transparent)}.demo-flow .df-showwork-mark{color:var(--color-gold);letter-spacing:0}.demo-flow .df-showwork-btn:after{content:"";pointer-events:none;border-radius:5px;animation:1.35s ease-out 2 both df-showwork-pulse;position:absolute;inset:-1px}@keyframes df-showwork-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-gold) 60%, transparent)}70%,to{box-shadow:0 0 0 11px color-mix(in oklab, var(--color-gold) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.demo-flow .df-showwork-btn:after{animation:none}}.demo-flow.df-dossier{z-index:200;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;inset:0}.demo-flow .df-dossier-scrim{cursor:pointer;background:color-mix(in oklab, var(--color-ink) 46%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:none;margin:0;padding:0;position:absolute;inset:0}.demo-flow .df-dossier-panel{z-index:1;text-align:left;background:var(--color-ground);border:1px solid var(--color-border);width:min(660px,92vw);max-height:90vh;box-shadow:0 24px 60px -20px color-mix(in oklab, var(--color-ink) 55%, transparent);border-radius:10px;padding:26px 30px 30px;animation:.34s cubic-bezier(.22,.61,.36,1) both df-dossier-in;position:relative;overflow-y:auto}@keyframes df-dossier-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-flow .df-dossier-panel{animation:none}}.demo-flow .df-drawer{z-index:210;position:fixed;inset:0}.demo-flow .df-drawer-scrim{cursor:pointer;background:color-mix(in oklab, var(--color-ink) 40%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;margin:0;padding:0;animation:.2s both df-fade;position:absolute;inset:0}.demo-flow .df-drawer-panel{background:var(--color-ground);border-right:1px solid var(--color-border);width:min(360px,86vw);box-shadow:14px 0 46px -22px color-mix(in oklab, var(--color-ink) 55%, transparent);flex-direction:column;animation:.3s cubic-bezier(.22,.61,.36,1) both df-drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@keyframes df-drawer-in{0%{transform:translate(-100%)}to{transform:none}}.demo-flow .df-drawer-top{border-bottom:1px solid var(--color-border);background:var(--color-ground);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex;position:sticky;top:0}.demo-flow .df-drawer-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-deep);font-size:11px}.demo-flow .df-drawer-x{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;padding:5px 10px;font-size:11px}.demo-flow .df-drawer-x:hover{color:var(--color-ink);border-color:var(--color-ink)}.demo-flow .df-drawer-act-h{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);padding:13px 18px 6px;font-size:9.5px}.demo-flow .df-drawer-list{margin:0;padding:0 0 6px;list-style:none}.demo-flow .df-drawer-item button{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--color-text-2,#3c3f46);background:0 0;border:none;align-items:center;gap:11px;padding:8px 18px;font-size:14px;line-height:1.25;transition:background .15s,color .15s;display:flex}.demo-flow .df-drawer-item button:hover{background:color-mix(in oklab, var(--color-elevated) 55%, transparent);color:var(--color-ink)}.demo-flow .df-drawer-dot{border:1.5px solid var(--color-muted);background:0 0;border-radius:50%;flex:none;width:7px;height:7px;transition:all .3s}.demo-flow .df-drawer-item.is-seen .df-drawer-dot{background:var(--color-muted)}.demo-flow .df-drawer-item.is-upcoming button{color:var(--color-muted)}.demo-flow .df-drawer-item.is-upcoming .df-drawer-dot{border-color:var(--color-border)}.demo-flow .df-drawer-item.is-current button{color:var(--color-ink);background:color-mix(in oklab, var(--color-gold) 12%, transparent)}.demo-flow .df-drawer-item.is-current .df-drawer-dot{background:var(--color-wine);border-color:var(--color-wine);box-shadow:0 0 0 4px #6e2b391f}.demo-flow .df-gcue{z-index:6;background:var(--flow-gold-tint);border:1px solid color-mix(in oklab, var(--color-gold) 55%, var(--color-border));border-left:3px solid var(--color-gold);max-width:min(520px,92%);box-shadow:0 12px 28px -16px color-mix(in oklab, var(--color-ink) 50%, transparent);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;animation:.35s both df-fade;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.demo-flow .df-gcue-arw{color:var(--color-gold-deep);font-family:var(--font-display);flex:none;font-size:15px;line-height:1.35}.demo-flow .df-gcue-copy{font-family:var(--font-body);color:var(--color-text-2,#3c3f46);margin:0;font-size:13px;line-height:1.45}.demo-flow .df-gcue-action{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-gold-deep);border:1px solid color-mix(in oklab, var(--color-gold) 55%, var(--color-border));cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;flex:none;align-self:center;padding:6px 10px;font-size:10.5px;transition:all .18s}.demo-flow .df-gcue-action:hover{color:var(--color-ink);border-color:var(--color-gold);background:color-mix(in oklab, var(--color-gold) 10%, transparent)}.demo-flow .df-gcue-dismiss{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:2px 2px 0;font-size:15px;line-height:1}.demo-flow .df-gcue-dismiss:hover{color:var(--color-ink)}@media (prefers-reduced-motion:reduce){.demo-flow .df-drawer-panel,.demo-flow .df-drawer-scrim,.demo-flow .df-gcue{animation:none!important}}.demo-flow .df-dossier-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-flow .df-dossier-kick{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-deep);font-size:10px}.demo-flow .df-dossier-x{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;padding:5px 10px;font-size:11px}.demo-flow .df-dossier-x:hover{color:var(--color-ink);border-color:var(--color-ink)}.demo-flow .df-dossier-q{font-family:var(--font-body);color:var(--color-ink);margin:10px 0 4px;font-size:20px;line-height:1.3}.demo-flow .df-dossier-sec{border-top:1px solid var(--color-border);margin-top:17px;padding-top:15px}.demo-flow .df-dossier-h{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-deep);margin-bottom:11px;font-size:9.5px}.demo-flow .df-dossier-body{color:var(--color-text-2,#3c3f46);font-size:14px;line-height:1.6}.demo-flow .df-dossier-body p{margin:0 0 10px}.demo-flow .df-dossier-body p:last-child{margin-bottom:0}.demo-flow .df-dossier-body b{color:var(--color-ink)}.demo-flow .df-dossier-limits{border-left:2px solid var(--color-ink);padding-left:14px}.demo-flow .df-dossier-sources{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.demo-flow .df-dossier-source{align-items:baseline;gap:12px;display:flex}.demo-flow .df-dossier-kind{width:108px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;border:1px solid;border-radius:3px;flex:none;padding:2px 7px;font-size:9px;line-height:1.5}.demo-flow .df-dossier-kind.k-real{color:var(--flow-sage);border-color:color-mix(in oklab, var(--flow-sage) 45%, transparent)}.demo-flow .df-dossier-kind.k-answer-key{color:var(--color-gold-deep);border-color:color-mix(in oklab, var(--color-gold) 55%, transparent)}.demo-flow .df-dossier-kind.k-modeled{color:var(--color-wine);border-color:color-mix(in oklab, var(--color-wine) 45%, transparent)}.demo-flow .df-dossier-src-body{color:var(--color-text-2,#3c3f46);font-size:13.5px;line-height:1.55}.demo-flow .df-dossier-src-body b{color:var(--color-ink)}.demo-flow .df-dossier-checks{flex-wrap:wrap;gap:26px;display:flex}.demo-flow .df-dossier-check{flex-direction:column;gap:2px;display:flex}.demo-flow .df-dossier-check-v{font-family:var(--font-display);color:var(--color-ink);font-size:23px;line-height:1}.demo-flow .df-dossier-check-l{color:var(--color-muted);max-width:220px;font-size:11.5px}.demo-flow .df-dossier-check-l b{color:var(--flow-sage)}.demo-flow .df-dossier-reveal{border:1px solid color-mix(in oklab, var(--color-gold) 40%, transparent);background:var(--flow-gold-tint);color:var(--color-text-2,#3c3f46);border-radius:5px;margin-top:12px;padding:11px 13px;font-size:13.5px;line-height:1.55}.demo-flow .df-dossier-reveal b{color:var(--color-ink)}.demo-flow .df-v-unit{font-family:var(--font-mono);color:var(--color-muted);font-size:15px}.demo-flow .df-cap-compose{max-width:520px;margin:20px auto 0}.demo-flow .df-cap-bar{border:1px solid var(--color-border);border-radius:5px;height:30px;display:flex;overflow:hidden}.demo-flow .df-cap-seg{white-space:nowrap;min-width:0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ground);justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.demo-flow .df-cap-billable{background:var(--flow-sage)}.demo-flow .df-cap-overhead{background:var(--color-gold-deep)}.demo-flow .df-cap-barcap{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);text-align:center;margin-top:6px;font-size:9.5px}.demo-flow .df-cap-pto{color:var(--color-text-2,#3c3f46);justify-content:center;align-items:baseline;gap:11px;margin-top:13px;font-size:12.5px;display:flex}.demo-flow .df-cap-pto-x{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border:1px dashed var(--color-border);white-space:nowrap;border-radius:3px;flex:none;padding:2px 8px;font-size:10px}