.flow-case .flow-ihero-title{max-width:12ch;font-size:calc(var(--fs-h1) * .86)}.flow-case .flow-ihero-lede{max-width:40ch}.flow-case .flow-case-stats{padding-top:var(--section-tight)}.flow-case .flow-case-story,.flow-case .flow-case-demo,.flow-case .flow-case-facts{padding-top:var(--section)}.flow-case .flow-case-next{padding-top:var(--section-tight)}.flow-case .flow-case-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,3vw,44px) clamp(32px,5vw,88px)}.flow-case .flow-case-rule{grid-column:1 / -1;display:block;height:1px;background:var(--hair);transform-origin:left center}.flow-case .flow-case-split>.flow-shead{margin-bottom:0}.flow-case .flow-case-split .flow-shead-title{max-width:14ch;font-size:calc(var(--fs-h2) * .84)}.flow-case .flow-case-prose{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--s-5);max-width:62ch}.flow-case .flow-case-split:has(.flow-eyebrow)>.flow-case-prose{padding-top:calc(var(--fs-meta) * 1.3 + 20px)}.flow-case .flow-case-prose>p:not(.edit-body){font-size:var(--fs-body);line-height:1.65;color:var(--text-muted)}.flow-case .flow-case-prose b,.flow-case .flow-case-prose strong{font-weight:var(--w-head);color:var(--text)}.flow-case .flow-case-prose a,.flow-case .flow-cta-body a{font-weight:var(--w-head);color:var(--text);text-decoration-line:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color var(--d-fast) ease}.flow-case .flow-case-prose a:hover,.flow-case .flow-cta-body a:hover{text-decoration-color:currentColor}.flow-case .flow-case-demo-panel{margin-top:clamp(48px,6vw,88px)}.flow-case .flow-case-trace{min-width:0;padding:var(--s-5) var(--s-5) var(--s-3);border-radius:var(--r-card);background:var(--bone);box-shadow:var(--shadow-lift)}.flow-case .flow-case-trace .pipe{margin-top:0;padding-top:0;border-top:0}.flow-case .flow-case-trace .pipe-row{align-items:stretch}.flow-case .flow-case-trace .pipe-arrow{align-self:center}.flow-case .flow-case-trace .pipe-node{display:grid;place-items:center}.flow-case .flow-case-switcher{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(36px,5vw,72px)}.flow-case .flow-case-switcher-phone{width:min(258px,70vw);margin-inline:auto;padding:9px;border:1px solid var(--hair-on-ink);border-radius:calc(var(--r-sheet) + 9px);background:var(--ink-2);box-shadow:var(--shadow-shot)}.flow-case .flow-case-switcher-screen{position:relative;aspect-ratio:780 / 1694;overflow:hidden;border-radius:var(--r-sheet);background:var(--paper)}.flow-case .flow-case-switcher-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--d-base) ease}.flow-case .flow-case-switcher-screen img[data-open]{opacity:1}.flow-case .flow-case-switcher-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--ink-2)}.flow-case .flow-case-switcher-list{list-style:none;border-top:1px solid var(--hair-on-ink)}.flow-case .flow-case-switcher-list button{position:relative;display:flex;align-items:baseline;width:100%;min-height:64px;padding:18px 0;border:0;border-bottom:1px solid var(--hair-on-ink);background:transparent;text-align:left;transition:padding-left var(--d-ui) var(--ease-out)}.flow-case .flow-case-switcher-list button:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(var(--dawn),var(--amber));scale:1 0;transition:scale var(--d-ui) var(--ease-out)}.flow-case .flow-case-switcher-list button[aria-pressed=true]{padding-left:var(--s-4)}.flow-case .flow-case-switcher-list button[aria-pressed=true]:before{scale:1 1}.flow-case .flow-case-switcher-list b{font-size:var(--fs-h3);font-weight:var(--w-head);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);color:var(--text-on-ink-quiet);transition:color var(--d-fast) ease}.flow-case .flow-case-switcher-list button:hover b,.flow-case .flow-case-switcher-list button[aria-pressed=true] b{color:var(--text-on-ink)}.flow-case .flow-case-switcher-note{max-width:40ch;margin-top:28px;font-size:var(--fs-body);line-height:1.65;color:var(--text-on-ink-muted)}.flow-case .flow-case-switcher-caption{margin-top:var(--s-3);font-size:var(--fs-caption);line-height:1.5;color:var(--text-on-ink-quiet)}.flow-case .flow-case-next-rule{display:block;height:1px;background:var(--hair);transform-origin:left center}.flow-case .flow-case-next-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-6) clamp(32px,5vw,88px);padding-block:clamp(32px,4vw,56px) var(--s-5);border-radius:var(--r-card);color:var(--text)}.flow-case .flow-case-next-link:focus-visible{outline-offset:8px}.flow-case .flow-case-next-copy{display:grid;gap:var(--s-5);justify-items:start}.flow-case .flow-case-next-kicker{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-meta);line-height:1.3;color:var(--text-muted)}.flow-case .flow-case-next-kicker:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--dawn);box-shadow:0 0 0 4px var(--dawn-halo)}.flow-case .flow-case-next-name{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-4) var(--s-5)}.flow-case .flow-case-next-title{font-size:var(--fs-h2-lead);font-weight:var(--w-head);line-height:1;letter-spacing:var(--ls-h2-lead);text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.14em;transition:text-decoration-color var(--d-ui) ease}.flow-case .flow-case-next-arrow{display:grid;place-items:center;flex:none;width:clamp(48px,4.4vw,64px);aspect-ratio:1;border:1px solid var(--hair);border-radius:50%;font-size:var(--fs-h3);line-height:1;transition:background-color var(--d-ui) ease,border-color var(--d-ui) ease,translate var(--d-base) var(--ease-out)}.flow-case .flow-case-next-link:hover .flow-case-next-title,.flow-case .flow-case-next-link:focus-visible .flow-case-next-title{text-decoration-color:var(--link-underline)}.flow-case .flow-case-next-link:hover .flow-case-next-arrow,.flow-case .flow-case-next-link:focus-visible .flow-case-next-arrow{border-color:transparent;background:var(--cta);translate:3px -3px}.flow-case .flow-case-next-art{width:clamp(240px,27vw,380px)}.flow-case .flow-case-next-browser{display:flex;flex-direction:column;padding:0 var(--s-2) var(--s-2);border-radius:var(--r-card);background:var(--bone);box-shadow:var(--shadow-lift)}.flow-case .flow-case-next-bar{position:relative;display:flex;align-items:center;justify-content:center;height:34px}.flow-case .flow-case-next-dots{position:absolute;top:50%;left:var(--s-1);display:flex;gap:5px;translate:0 -50%}.flow-case .flow-case-next-dots span{display:block;width:7px;aspect-ratio:1;border-radius:50%;background:var(--stone)}.flow-case .flow-case-next-url{padding:3px 12px;border:1px solid var(--hair-2);border-radius:var(--r-pill);background:var(--paper-2);font-size:var(--fs-micro);line-height:1.2;color:var(--text-muted);white-space:nowrap}.flow-case .flow-case-next-shot{aspect-ratio:16 / 10;overflow:hidden;border-radius:calc(var(--r-frame) * .75);background:var(--paper-2)}.flow-case .flow-case-next-shot img,.flow-case .flow-case-next-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.flow-case .flow-case-next-phones{position:relative;aspect-ratio:16 / 11;overflow:hidden;border-radius:var(--r-card);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair-2)}.flow-case .flow-case-next-phones:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 110%,var(--dawn-glow),transparent 70%)}.flow-case .flow-case-next-phone{position:absolute;top:16%;width:26%;aspect-ratio:780 / 1694;overflow:hidden;border:4px solid var(--ink);border-radius:var(--r-card);background:var(--ink);box-shadow:var(--shadow-shot)}.flow-case .flow-case-next-phone-back{left:26%;top:10%}.flow-case .flow-case-next-phone-front{left:48%;top:22%;z-index:1}.flow-case .flow-case-next-all{margin-top:var(--s-1)}@media(max-width:860px){.flow-case .flow-ihero-title{max-width:none;font-size:var(--fs-h1)}.flow-case .flow-case-split:has(.flow-eyebrow)>.flow-case-prose{padding-top:0}.flow-case .flow-case-split{grid-template-columns:minmax(0,1fr)}.flow-case .flow-case-split .flow-shead-title{max-width:16ch;font-size:var(--fs-h2)}.flow-case .flow-case-switcher,.flow-case .flow-case-next-link{grid-template-columns:minmax(0,1fr)}.flow-case .flow-case-next-art{width:min(100%,360px)}}@media(max-width:380px){.flow-case .flow-case-trace{padding-inline:var(--s-4)}.flow-case .flow-case-trace .pipe-arrow{width:12px}}@media(prefers-reduced-motion:reduce){.flow-case .flow-case-switcher-screen img,.flow-case .flow-case-switcher-list button,.flow-case .flow-case-switcher-list button:before,.flow-case .flow-case-next-arrow{transition:none}}
