.flow-prototype{--flow-paper:#f4f6f3;--flow-ink:#11262a;--flow-muted:#617074;--flow-line:#d4dddb;--flow-accent:#075e62;background:var(--flow-paper);min-height:100svh;color:var(--flow-ink);font-family:Inter,Arial,sans-serif}.flow-prototype-header{border-bottom:1px solid var(--flow-line);justify-content:space-between;align-items:center;gap:25px;max-width:1700px;margin:auto;padding:22px 4vw;display:flex}.flow-back{color:var(--flow-ink);align-items:center;gap:16px;display:flex}.flow-back>img{width:107px;height:auto}.flow-prototype-header>span{letter-spacing:.13em;color:var(--flow-muted);align-items:center;gap:15px;font-size:10px;display:flex}.flow-prototype-header>span i{background:var(--flow-line);width:1px;height:12px}.flow-return{color:var(--flow-ink);align-items:center;gap:12px;font-size:12px;display:flex}.order-flow{max-width:1580px;margin:auto;padding:42px 4vw 25px;overflow:hidden}.flow-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px;display:flex}.flow-kicker{letter-spacing:.12em;color:var(--flow-muted);font-size:10px;font-weight:500;display:block}.flow-heading :is(h1,h2){letter-spacing:-.055em;margin:15px 0 0;font-size:clamp(34px,4vw,62px);font-weight:500;line-height:1.05}.flow-heading :is(h1,h2) em{color:#668b90;font-style:normal}.flow-heading-side{max-width:405px;padding-bottom:2px}.flow-heading-side>p{color:var(--flow-muted);font-size:14px;line-height:1.65}.flow-playback{align-items:center;gap:7px;margin-top:22px;display:flex}.flow-playback>span{color:var(--flow-muted);align-items:center;gap:8px;margin-right:20px;font-size:11px;display:flex}.flow-playback>span>i{background:#00b7ce;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #00b7ce10}.flow-playback button{width:34px;height:34px;color:var(--flow-accent);background:0 0;border:1px solid #b8cbcd;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.flow-playback button:hover{background:#e4edec;transform:translateY(-1px)}.flow-playback button:disabled{opacity:.4;cursor:default}.flow-scene{width:100%;height:auto;display:block;overflow:visible}.flow-particles{pointer-events:none}.flow-map-riverbank{fill:none;stroke:#cfdfd5;stroke-width:31px}.flow-map-waterlight{fill:none;stroke:#e7f3f2;stroke-width:1px;opacity:.65}.flow-map-streets,.flow-map-bridge{fill:none;stroke:#f8faf7;stroke-width:12px;stroke-linejoin:round}.flow-map-bridge{stroke-width:16px}.flow-map-bridge-rails{fill:none;stroke:#adbdba;stroke-width:1.3px;stroke-linecap:round}.flow-map-building-side{fill:#baccc4;opacity:.55}.flow-map-building-roof{fill:#e1e8e1;stroke:#bdcfc4;stroke-width:.6px}.flow-map-courtyard{fill:#f0f4ed;stroke:#d1ddd3;stroke-width:.5px}.flow-map-roofline{fill:none;stroke:#f6f8f1;stroke-width:.9px}.flow-map-parks{fill:#cadbc9;stroke:#c2d5c1;stroke-width:1px}.flow-map-trees{fill:#8dae98}.flow-map-tree-shadow{fill:#afc5b4;opacity:.65}.flow-map-tree-light{fill:#b5cdb9}.flow-map-route{stroke:#91adb0;stroke-width:1.3px;stroke-linejoin:round;stroke-linecap:round;opacity:.4;transition:opacity .3s}.flow-map-route.is-selected{stroke:#6c9aa3;stroke-width:2.5px;opacity:.65}.flow-map-trace{stroke:#075e62;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.flow-map-entry{fill:#f4f6f3;stroke:#6fa6b7;stroke-width:1.5px}.flow-map-home{cursor:pointer;color:#829d9f;outline:none}.flow-map-home-target{fill:#0000}.flow-map-home-ring{fill:none;stroke:#6fa6b7;stroke-width:1px;opacity:0;transition:opacity .2s}.flow-map-home-bg{fill:#f8faf7;stroke:#b7caca;stroke-width:1.2px;filter:drop-shadow(0 2px 2px #17465018);transition:fill .25s,stroke .25s}.flow-map-home svg{stroke:currentColor;stroke-width:1.5px}.flow-map-home.is-selected{color:#075e62}.flow-map-home.is-selected .flow-map-home-bg{fill:#e4eeee;stroke:#6fa6b7;stroke-width:1.7px}:is(.flow-map-home:hover .flow-map-home-ring,.flow-map-home:focus-visible .flow-map-home-ring){opacity:1}.flow-map-home-label{fill:#3c6e76;stroke:#f4f6f3;stroke-width:5px;paint-order:stroke;font-size:11px;font-weight:500}.flow-map-address rect{fill:#f8fbf6;stroke:#d4e0d8;stroke-width:.7px}.flow-mini-map[data-delivered=true] .flow-map-home.is-selected .flow-map-home-bg{fill:#d8e9e3;stroke:#4b8e8f}.flow-map-hint{fill:#759095;font-size:10px}@media (max-width:1100px) and (min-width:701px){.flow-timeline{flex-wrap:wrap}}@media (max-width:700px){.flow-timeline{gap:5px}.flow-timeline button{max-width:58px;font-size:9px}.flow-map-home-label{font-size:13px}.flow-map-caption .flow-stage-label{font-size:20px}.flow-map-caption .flow-stage-note{font-size:13px}.flow-map-hint{font-size:12px}}.flow-connections>path{stroke:#a3bdc1;stroke-width:1.2px;opacity:.6;transition:stroke .4s,opacity .4s}.flow-connections>path.is-selected{stroke:#5b9aa7;opacity:1}.flow-control-core{pointer-events:none}.flow-core-network{transition:opacity .4s}.flow-core-fibers{fill:none;stroke:#36c4dc;stroke-width:.65px;opacity:.58;stroke-linecap:round}.flow-core-dendrites{fill:none;stroke:#69e3e9;stroke-width:.5px;opacity:.65;stroke-linecap:round}.flow-core-neuron{fill:#a8ffff}.flow-core-electric{fill:none;stroke:#7efaff;stroke-width:1.15px;stroke-linecap:round}.flow-core-signal-halo{fill:#00d9ff;opacity:.35}.flow-core-signal-dot{fill:#f1ffff}.flow-information-lines path{stroke:#a3aac2;stroke-width:1px;stroke-dasharray:3 6;opacity:.5}.flow-junction{fill:#f4f6f3;stroke:#6fa6b7;stroke-width:1.5px}.flow-source{cursor:pointer;color:#617074;outline:none}.flow-source-bg{fill:#f9fbf9;stroke:#d4dddb;transition:fill .25s,stroke .25s}.flow-source text{fill:currentColor;letter-spacing:-.02em;font-size:14px}.flow-source svg{stroke-width:1.4px}.flow-source.is-selected{color:#075e62}.flow-source.is-selected .flow-source-bg{fill:#e2eeee;stroke:#7da9b3}:is(.flow-source:hover .flow-source-bg,.flow-source:focus-visible .flow-source-bg){fill:#dfeded;stroke:#075e62}.flow-source.is-selected .flow-port{fill:#075e62}.flow-port{fill:#9bb9c0}.flow-eyebrow-svg{fill:#617074;letter-spacing:.12em;font-size:10px}.flow-actor{cursor:pointer;outline:none}.flow-stage-hit{fill:#0000;stroke:#0000;transition:stroke .2s}.flow-actor:focus-visible .flow-stage-hit{stroke:#075e62;stroke-dasharray:3 4}.flow-stage-label{fill:#11262a;letter-spacing:-.035em;font-size:18px;font-weight:600}.flow-stage-note{fill:#617074;font-size:12px}.flow-stage-index{fill:#75999e;letter-spacing:.12em;font-size:10px}.flow-caption-mask{fill:#f4f6f3}.flow-photo{transition:transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.flow-actor:hover .flow-photo,.flow-actor.is-active .flow-photo{transform:translateY(-3px)}.flow-active-order{fill:#075e62;font-size:11px;font-weight:500}.flow-moving-id{fill:#075e62;stroke:#f4f6f3;stroke-width:4px;paint-order:stroke;letter-spacing:.01em;font-size:10px;font-weight:600}.flow-branch-eyebrow{fill:#7c83a5;letter-spacing:.1em;font-size:10px}.flow-branch-title{fill:#11262a;letter-spacing:-.04em;font-size:23px;font-weight:500}.flow-event-bg{fill:#e9edf1}.flow-dashboard-event{fill:#525c7b;dominant-baseline:middle;font-size:11px;font-weight:500}.flow-legend text{fill:#617074;font-size:12px}.flow-legend-order{stroke:#6fa6b7;stroke-width:1.2px}.flow-legend-info{stroke:#9ca5c0;stroke-dasharray:3 4;stroke-width:1.2px}.flow-tracker{border-top:1px solid var(--flow-line);grid-template-columns:260px 1fr;gap:35px;margin-top:0;padding:27px 0 20px;display:grid}.flow-order-summary{border-right:1px solid var(--flow-line);padding-right:20px}.flow-order-summary>div{align-items:center;gap:11px;margin:14px 0 10px;display:flex}.flow-order-summary strong{letter-spacing:-.05em;font-size:24px;font-weight:500}.flow-order-symbol{color:var(--flow-accent)}.flow-origin{color:var(--flow-muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.flow-origin>i{background:#94a6a9;border-radius:50%;width:2px;height:2px;margin:0 1px}.flow-order-summary>button{color:var(--flow-accent);background:0 0;border:0;align-items:center;gap:8px;padding:12px 0 0;font-size:11px;display:flex}.flow-order-summary>button:hover{text-underline-offset:5px;text-decoration:underline}.flow-order-detail{min-width:0}.flow-timeline{justify-content:space-between;gap:12px;margin:0;padding:0;list-style:none;display:flex}.flow-timeline>li{position:relative}.flow-timeline button{letter-spacing:-.02em;color:var(--flow-muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;transition:color .25s;display:flex}.flow-timeline button>span{font-variant-numeric:tabular-nums;border:1px solid #b7c9ca;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:8px;display:grid}.flow-timeline .is-active button{color:#075e62}.flow-timeline .is-active button>span{color:#fff;background:#075e62;border-color:#075e62}.flow-timeline .is-complete button{color:#406c70}.flow-timeline .is-complete button>span{background:#e2eded;border-color:#8cafb2}.flow-detail-copy{min-height:72px;margin-top:19px}.flow-detail-copy :is(h2,h3){letter-spacing:-.04em;font-size:22px;font-weight:500;line-height:1.2}.flow-detail-copy p{color:var(--flow-muted);max-width:740px;margin-top:7px;font-size:12px;line-height:1.6}.flow-scrubber{height:20px;margin-top:7px;position:relative}.flow-scrubber>div{background:#d4dddb;height:1px;position:absolute;top:10px;left:0;right:0}.flow-scrubber>div>i{transform-origin:0;background:#075e62;width:100%;height:1px;display:block;transform:scaleX(0)}.flow-scrubber input{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:20px;margin:0;position:absolute;inset:0}.flow-scrubber input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#075e62;border:0;border-radius:50%;width:8px;height:8px}.flow-scrubber input::-moz-range-thumb{background:#075e62;border:0;border-radius:50%;width:8px;height:8px}.flow-scrubber input::-moz-range-track{background:0 0}.flow-footnote{border-top:1px solid var(--flow-line);color:var(--flow-muted);justify-content:space-between;align-items:center;gap:20px;padding-top:17px;font-size:10px;display:flex}.flow-footnote>span:first-child{align-items:center;gap:7px;display:flex}.flow-footnote i{border:1px solid #617074;border-radius:50%;width:4px;height:4px}.flow-prototype :is(button,a,input):focus-visible{outline-offset:5px;outline:2px solid #075e62}.is-paused .flow-scene *{animation-play-state:paused!important}@media (min-width:1550px){.order-flow{padding-top:52px}.flow-heading{margin-bottom:40px}.flow-tracker{padding-top:32px}}@media (max-width:1000px){.flow-tracker{grid-template-columns:215px 1fr;gap:24px}.flow-order-summary strong{font-size:22px}.flow-timeline{gap:8px}.flow-timeline button{gap:5px;font-size:10px}.flow-heading :is(h1,h2){font-size:43px}.flow-heading-side>p{font-size:12px}.flow-stage-note{font-size:13px}.flow-source text{font-size:16px}}@media (min-width:701px) and (max-width:1100px){.flow-source text{font-size:20px}.flow-stage-label{font-size:24px}.flow-stage-note{font-size:17px}.flow-stage-index,.flow-eyebrow-svg,.flow-branch-eyebrow{font-size:12px}.flow-branch-title{font-size:25px}.flow-dashboard-event{font-size:14px}.flow-map-hint{font-size:15px}.flow-picking-expand,.flow-legend text{font-size:16px}.flow-active-order{font-size:14px}}@media (max-width:700px){.flow-prototype-header{padding:19px 22px}.flow-back>img{width:85px}.flow-prototype-header>span{gap:9px;font-size:8px}.flow-return{display:none}.order-flow{padding:33px 18px 24px}.flow-heading{margin-bottom:32px;padding:0 5px;display:block}.flow-heading :is(h1,h2){font-size:clamp(36px,9vw,54px)}.flow-heading-side{max-width:none;margin-top:22px}.flow-heading-side>p{font-size:13px}.flow-playback{justify-content:flex-start;margin-top:20px}.flow-playback>span{flex:1;font-size:12px}.flow-playback button{width:38px;height:38px}.flow-source text{font-size:14px}.flow-eyebrow-svg{font-size:10px}.flow-stage-label{font-size:17px}.flow-stage-note{font-size:12px}.flow-branch-title{font-size:22px}.flow-tracker{margin-top:40px;padding-top:23px;display:block}.flow-order-summary{border-right:0;border-bottom:1px solid var(--flow-line);grid-template-columns:1fr 1fr;gap:10px;padding:0 0 22px;display:grid}.flow-order-summary .flow-kicker{grid-column:1/-1}.flow-order-summary>div{margin:0}.flow-order-summary>button{grid-area:2/2;justify-self:end;padding:0;font-size:12px}.flow-origin{grid-column:1/-1;font-size:12px}.flow-order-detail{padding-top:22px}.flow-timeline{gap:8px}.flow-timeline button{text-align:center;flex-direction:column;gap:8px;max-width:77px;min-height:54px;font-size:10px;line-height:1.25}.flow-timeline button>span{width:24px;height:24px}.flow-detail-copy{min-height:133px;margin-top:23px}.flow-detail-copy :is(h2,h3){font-size:23px}.flow-detail-copy p{font-size:14px;line-height:1.6}.flow-scrubber{margin-top:16px}.flow-footnote{flex-direction:column;align-items:flex-start;gap:9px;font-size:10px;line-height:1.6}.flow-connections>path{stroke-width:1.4px}.flow-information-lines path{stroke-width:1.2px}}@media (prefers-reduced-motion:reduce){.flow-scene *,.flow-prototype button{transition:none!important;animation:none!important}}@font-face{font-family:FlowMontserrat;src:url(/fonts/montserrat-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:FlowMontserrat;src:url(/fonts/montserrat-bold.ttf)format("truetype");font-weight:700;font-display:swap}.flow-picking-screen{fill:#7e8b91;color:#7e8b91;pointer-events:none;font-family:FlowMontserrat,Inter,sans-serif}.flow-picking-phone{pointer-events:none}.flow-picking-expand{fill:#075e62;text-underline-offset:4px;font-size:11px;text-decoration:underline}.flow-picking-dialog{color:#11262a;border:1px solid #d4dddb;max-height:calc(100svh - 36px);font-family:Inter,Arial,sans-serif;overflow:hidden;box-shadow:0 28px 110px #0d222730;background:#f4f6f3!important;border-radius:24px!important;width:min(900px,100vw - 36px)!important;max-width:900px!important;padding:0!important;display:block!important}.flow-picking-body{max-height:inherit;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:36px;display:grid;overflow:auto}.flow-picking-close{color:#075e62;z-index:2;background:#f4f6f3;border:1px solid #c8d8d8;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.flow-picking-preview{justify-content:center;min-width:0;display:flex}.flow-picking-preview>svg{aspect-ratio:300/626;width:100%;max-width:300px;height:auto;max-height:calc(100svh - 120px);display:block;overflow:visible}.flow-picking-explanation [data-slot=dialog-title]{letter-spacing:-.05em;margin:14px 0 16px;font-size:clamp(25px,3vw,38px);font-weight:500;line-height:1.1}.flow-picking-explanation [data-slot=dialog-description],.flow-picking-explanation>p{color:#617074;margin:14px 0;font-size:13px;line-height:1.65}.flow-picking-live{border-block:1px solid #d4dddb;margin:20px 0;padding:20px 0}.flow-picking-live>span{color:#617074;font-size:12px;display:block}.flow-picking-live>strong{letter-spacing:-.07em;color:#075e62;margin-top:10px;font-size:48px;font-weight:500;line-height:1.1;display:block}.flow-picking-live strong small{color:#87a4a8;font-size:25px}.flow-picking-live>p{color:#617074;margin-top:6px;font-size:12px}.flow-picking-explanation>.flow-picking-secondary{font-size:11px}.flow-picking-controls{gap:9px;margin-top:22px;display:flex}.flow-picking-controls button{color:#fff;background:#075e62;border:0;border-radius:24px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:12px;display:flex}.flow-picking-controls button[aria-label]{width:42px;padding:0}.flow-picking-controls button:disabled{opacity:.4}.flow-picking-disclaimer{color:#617074;margin-top:18px;font-size:10px;display:block}.flow-picking-dialog button:focus-visible{outline-offset:4px;outline:2px solid #075e62}@media (max-width:640px){.flow-picking-dialog{max-height:calc(100svh - 22px);width:calc(100vw - 22px)!important}.flow-picking-body{grid-template-columns:1fr;gap:24px;padding:45px 20px 24px}.flow-picking-preview>svg{max-width:245px;max-height:60svh}.flow-picking-explanation [data-slot=dialog-title]{font-size:27px}.flow-picking-live{grid-template-columns:1fr auto;gap:5px 10px;margin:14px 0;padding:14px 0;display:grid}.flow-picking-live strong{grid-area:1/2/3;margin:0;font-size:36px}.flow-picking-live>p{margin:0}.flow-picking-explanation>.flow-picking-secondary{display:none}}.flow-embedded{min-height:0}.flow-embedded .order-flow{padding-top:100px;padding-bottom:38px}.flow-embedded .flow-heading{margin-bottom:48px}.flow-next{min-height:44px;color:var(--flow-accent);align-items:center;gap:12px;font-size:13px;font-weight:500;display:inline-flex}.flow-next:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:700px){.flow-embedded .order-flow{padding:65px 24px 30px}.flow-embedded .flow-heading{margin-bottom:30px;padding:0}.flow-next{font-size:13px}}