.workflow{--workflow-gap:clamp(32px, 3.2vw, 48px);--workflow-row-gap:48px;--workflow-strip:32px;--workflow-node-x:16px;--workflow-link:var(--mh-rule-strong);--workflow-flow-y:linear-gradient(180deg, #6e56cf 0%, #a94bc9 52%, #d5339c 100%);--workflow-sk-1:#dcdbe2;--workflow-sk-2:#ecebf0;--workflow-sk-kleva:#dcd4f7;--workflow-client:#a9a6b0;--workflow-screen:#0f0d11;--workflow-screen-rule:#faf9f71a;--workflow-screen-sk-1:#faf9f738;--workflow-screen-sk-2:#faf9f71f;--workflow-screen-kleva:#b4a3ee}.workflow__plate{gap:var(--workflow-row-gap) var(--workflow-gap);margin-top:var(--mh-head-visual);padding-top:var(--workflow-strip);grid-template-rows:auto auto;grid-template-columns:minmax(0,2.7fr) minmax(0,3.7fr) minmax(0,2.7fr) minmax(0,3.5fr);display:grid}.workflow__route,.workflow__spine{grid-area:1/1/auto/-1;grid-template-columns:subgrid;display:grid}.workflow__spine{margin:0;padding:0;list-style:none}.workflow__stage{grid-row:span 4;grid-template-rows:subgrid;row-gap:0;min-width:0;display:grid;position:relative}.workflow__stage--portfolio{grid-column:1}.workflow__stage--conversation{grid-column:2}.workflow__stage--record{grid-column:3}.workflow__stage--next{grid-column:4}.workflow__node,.workflow__link{z-index:1;position:absolute}.workflow__node{top:calc(var(--workflow-strip) / -2 - 3.5px);left:calc(var(--workflow-node-x) - 3.5px);box-sizing:border-box;background:var(--mh-ink);border-radius:50%;width:7px;height:7px}:is(.workflow__stage--conversation,.workflow__stage--record) .workflow__node{border:1.5px solid var(--mh-violet);background:var(--mh-paper)}.workflow__stage--next .workflow__node{background:var(--mh-signal);outline:3px solid var(--mh-signal-soft)}.workflow__link{z-index:0;top:calc(var(--workflow-strip) / -2 - .5px);left:var(--workflow-node-x);width:calc(100% + var(--workflow-gap));background:var(--workflow-link);transform-origin:0;height:1px}.workflow__stage--record .workflow__link{background:var(--mh-spectrum)}.workflow__meta{grid-row:1;align-items:center;gap:12px;margin:0 0 16px;display:flex}.workflow__tile{box-sizing:border-box;border:1px solid var(--mh-rule);background:var(--mh-wash);width:32px;height:32px;color:var(--mh-ink);border-radius:4px;flex:none;place-items:center;display:grid}.workflow__tile svg{width:20px;height:20px;display:block}:is(.workflow__stage--conversation,.workflow__stage--record) .workflow__tile{background:var(--mh-violet-soft);color:var(--mh-violet);border-color:#0000}.workflow__stage--next .workflow__tile{background:linear-gradient(135deg, var(--mh-violet-soft) 0%, var(--mh-violet-soft) 40%, var(--mh-wash) 100%);color:var(--mh-violet-ink);border-color:#0000}.workflow__meta-text{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.workflow__index{font-variant-numeric:tabular-nums;color:var(--mh-muted);margin-right:2px;font-size:14px;font-weight:500;line-height:1.4}.workflow__and,.workflow__owner{letter-spacing:.06em;text-transform:uppercase;color:var(--mh-muted);font-size:12px;font-weight:500;line-height:1.3}.workflow__owner{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.workflow__owner:before{content:"";box-sizing:border-box;border-radius:50%;flex:none;width:6px;height:6px}.workflow__owner--kleva{color:var(--mh-violet)}.workflow__owner--kleva:before{border:1.5px solid}.workflow__owner--team{color:var(--mh-ink)}.workflow__owner--team:before{background:currentColor}.workflow__stage-name{font:500 clamp(21px, 1.8vw, 25px)/1.15 var(--display);letter-spacing:-.022em;color:var(--mh-ink);grid-row:2;margin:0}.workflow__body{grid-row:3;min-width:0;padding-bottom:24px}.workflow__stage-copy{max-width:38ch;font-size:var(--mh-body);color:var(--mh-muted);margin:12px 0 0;line-height:1.5}.workflow__voice{max-width:18ch;font:400 clamp(26px, 2.15vw, 31px)/1.12 var(--display);letter-spacing:-.03em;color:var(--mh-ink);text-wrap:balance;margin:8px 0 0}.workflow__well{box-sizing:border-box;border:1px solid var(--mh-rule);background:var(--mh-paper);min-width:0;color:var(--mh-muted);border-radius:4px;flex-direction:column;grid-row:4;justify-content:space-between;gap:16px;padding:0 16px 16px;display:flex}.workflow__row{align-items:center;gap:12px;min-width:0;display:flex}.workflow__row--head{border-bottom:1px solid var(--mh-rule);background:var(--mh-wash);border-radius:3px 3px 0 0;margin:0 -16px;padding:12px 16px}.workflow__row--foot{border-top:1px solid var(--mh-rule);padding-top:16px}.workflow__stack{gap:12px;min-width:0;display:grid}.workflow__end{margin-left:auto}.workflow__sk{background:var(--workflow-sk-1);border-radius:3px;flex:0 auto;width:92%;height:6px;display:block}.workflow__sk--2{background:var(--workflow-sk-2);border-radius:2px;height:4px}.workflow__sk--92{width:92%}.workflow__sk--72{width:72%}.workflow__sk--56{width:56%}.workflow__sk--40{width:40%}.workflow__sk--28{width:28%}.workflow__mini-tile{background:var(--mh-ink);width:28px;height:28px;color:var(--mh-paper);border-radius:4px;flex:none;place-items:center;display:grid}.workflow__mini-tile svg{width:16px;height:16px}:is(.workflow__well--record,.workflow__well--next) .workflow__mini-tile{background:var(--mh-violet)}.workflow__glyph{flex:none;place-items:center;width:12px;height:12px;display:grid}:is(.workflow__mini-tile,.workflow__glyph,.workflow__avatar) svg{display:block}.workflow__dot{box-sizing:border-box;border-radius:50%;flex:none;width:6px;height:6px;margin-left:auto}.workflow__dot--kleva{border:1.5px solid var(--mh-violet)}.workflow__dot--team{background:var(--mh-ink)}.workflow__dot--signal{background:var(--mh-signal)}.workflow__toggle{background:var(--workflow-sk-1);border-radius:6px;flex:none;width:20px;height:12px;margin-left:auto;position:relative}.workflow__toggle:after{content:"";background:var(--mh-paper);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.workflow__toggle--on{background:var(--mh-violet)}.workflow__toggle--on:after{transform:translate(8px)}.workflow__segment{border:1px solid var(--mh-rule);background:var(--mh-paper);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.workflow__pill{border-radius:8px;place-items:center;height:16px;display:grid}.workflow__pill .workflow__sk{width:40%}.workflow__pill--on{background:var(--mh-violet-soft)}.workflow__pill--on .workflow__sk{background:var(--mh-violet)}.workflow__rule--selected{background:var(--mh-violet-soft);box-shadow:inset 2px 0 var(--mh-violet);border-radius:4px;margin:0 -8px;padding:6px 8px}.workflow__rule--selected .workflow__sk{background:var(--workflow-sk-kleva)}.workflow__well--portfolio .workflow__row--foot .workflow__glyph{background:var(--mh-ink);width:16px;height:16px;color:var(--mh-paper);border-radius:50%}.workflow__well--portfolio .workflow__row--foot .workflow__glyph svg{width:10px;height:10px}.workflow__well--conversation{background:var(--workflow-screen);color:var(--mh-on-night-muted);border:0;justify-content:flex-start;gap:0;padding:0;overflow:hidden}.workflow__art{aspect-ratio:21/9;background:var(--workflow-screen);pointer-events:none;flex:none;width:100%;position:relative;overflow:hidden}.workflow__call{gap:14px;padding:4px 16px 16px;display:grid}.workflow .workflow__wave{width:100%;max-width:174px;height:40px;display:block}.workflow__bar{transform-box:fill-box;transform-origin:50%}.workflow__bar--kleva{fill:var(--workflow-screen-kleva)}.workflow__bar--client{fill:#faf9f757}.workflow__speakers{border-top:1px solid var(--workflow-screen-rule);gap:8px;padding-top:14px;display:grid}.workflow__speaker{grid-template-columns:64px minmax(0,1fr) minmax(0,.5fr);align-items:center;gap:12px;display:grid}.workflow__speaker .workflow__sk{background:var(--workflow-screen-sk-1)}.workflow__speaker .workflow__sk--2{background:var(--workflow-screen-sk-2)}.workflow__speaker--kleva .workflow__sk:not(.workflow__sk--2){background:#b4a3ee8c}.workflow__speaker-name{letter-spacing:.06em;text-transform:uppercase;color:var(--mh-on-night-muted);font-size:12px;font-weight:500;line-height:1.3}.workflow__stack--turns{gap:16px}.workflow__turn{grid-template-columns:6px minmax(0,1fr);align-items:center;gap:12px;display:grid}.workflow__turn-dot{box-sizing:border-box;border-radius:50%;width:6px;height:6px}.workflow__turn--kleva .workflow__turn-dot{border:1.5px solid var(--mh-violet)}.workflow__turn--kleva .workflow__sk{background:var(--workflow-sk-kleva)}.workflow__turn--client .workflow__turn-dot{background:var(--workflow-client)}.workflow__agreement{border:1px solid var(--mh-rule);background:var(--mh-paper);box-shadow:inset 2px 0 var(--mh-signal);color:var(--mh-ink);border-radius:4px;gap:8px;padding:9px 12px}.workflow__agreement .workflow__sk--40{margin-left:4px}.workflow__bubble{box-sizing:border-box;background:var(--mh-violet-soft);transform-origin:100% 0;border-radius:4px 0 4px 4px;align-self:flex-end;gap:8px;width:84%;padding:12px 12px 8px;display:grid;position:relative}.workflow__bubble:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,0 100%);width:8px;height:8px;position:absolute;top:0;left:100%}.workflow__bubble>.workflow__sk{background:var(--workflow-sk-kleva)}.workflow__bubble-foot{color:var(--mh-violet);justify-content:flex-end;align-items:center;gap:6px;display:flex}.workflow__bubble-foot .workflow__sk{background:var(--workflow-sk-kleva);width:28%}.workflow__avatar{box-sizing:border-box;border:1px solid var(--mh-rule);background:var(--workflow-sk-2);width:16px;height:16px;color:var(--mh-ink);border-radius:50%;flex:none;place-items:center;display:grid}.workflow__rules{border-top:1px solid var(--mh-rule);grid-area:2/1;align-self:start;gap:8px;margin:0;padding-top:16px;display:grid}.workflow__rules-label{letter-spacing:.02em;color:var(--mh-ink);font-size:14px;font-weight:600;line-height:1.35}.workflow__rules-copy{font-size:var(--mh-body);color:var(--mh-muted);line-height:1.5}.workflow__outcomes{border-top:1px solid var(--mh-ink);border-bottom:1px solid var(--mh-rule);grid-area:2/2/auto/5;align-self:start;position:relative}.workflow__outcomes:before{content:"";top:calc(-1 * var(--workflow-row-gap) - 1px);left:calc(var(--workflow-node-x) - .5px);width:1px;height:var(--workflow-row-gap);background:var(--workflow-link);position:absolute}.workflow__outcomes:after{content:"";z-index:2;top:-4px;left:calc(var(--workflow-node-x) - 3.5px);background:var(--mh-signal);border-radius:50%;width:7px;height:7px;position:absolute}.workflow__outcomes-head{border-bottom:1px solid var(--mh-rule);padding:20px 0 16px}.workflow__outcomes-head h3{font:500 clamp(21px, 1.8vw, 25px)/1.15 var(--display);letter-spacing:-.022em;color:var(--mh-ink);margin:0}.workflow__outcome+.workflow__outcome{border-top:1px solid var(--mh-rule)}.workflow__outcome summary{min-height:56px;padding:12px 0 12px calc(var(--workflow-node-x) - 4px);box-sizing:border-box;cursor:pointer;grid-template-columns:8px minmax(0,1fr) auto 28px;align-items:center;gap:14px;list-style:none;display:grid}.workflow__outcome summary::-webkit-details-marker{display:none}.workflow__outcome-dot{box-sizing:border-box;border:1.5px solid var(--workflow-client);border-radius:50%;width:8px;height:8px}.workflow__outcome[open] .workflow__outcome-dot{border-color:var(--mh-signal);background:var(--mh-signal)}.workflow__outcome-name{font:500 clamp(19px, 1.6vw, 21px)/1.25 var(--display);letter-spacing:-.01em;color:var(--mh-ink)}.workflow__outcome summary:hover .workflow__outcome-name{text-decoration:underline 1px;text-decoration-color:var(--mh-rule-strong);text-underline-offset:5px}.workflow__outcome-mark{box-sizing:border-box;border:1px solid var(--mh-rule-strong);border-radius:50%;width:28px;height:28px;position:relative}.workflow__outcome-mark:before,.workflow__outcome-mark:after{content:"";background:var(--mh-ink);width:10px;height:1.5px;margin:-.75px 0 0 -5px;position:absolute;top:50%;left:50%}.workflow__outcome-mark:after{transform:rotate(90deg)}.workflow__outcome[open] .workflow__outcome-mark{border-color:var(--mh-ink)}.workflow__outcome[open] .workflow__outcome-mark:after{transform:none}.workflow__outcome-copy{max-width:56ch;padding:0 0 20px calc(var(--workflow-node-x) + 18px);font-size:var(--mh-body);color:var(--mh-muted);margin:0;line-height:1.55}@media (width<=1099px){.workflow{--workflow-gap:32px;--workflow-row-gap:40px}.workflow__plate{grid-template-rows:none;grid-template-columns:minmax(0,1fr);padding-top:0}.workflow__route{grid-area:auto/1;display:block}.workflow__spine{gap:var(--workflow-gap);grid-template-columns:minmax(0,1fr);display:grid}.workflow__spine>.workflow__stage{border-top:1px solid var(--mh-rule);grid-area:auto/1;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;padding-top:24px}.workflow__meta,.workflow__stage-name,.workflow__body{grid-column:1}.workflow__body{padding-bottom:0}.workflow__well{grid-area:1/2/-1}.workflow__node{top:-4px}.workflow__link{top:100%;left:calc(var(--workflow-node-x) - .5px);width:1px;height:var(--workflow-gap);transform-origin:50% 0}.workflow__stage--record .workflow__link{background:var(--workflow-flow-y)}.workflow__voice{max-width:16ch;margin-top:16px;font-size:clamp(28px,3.4vw,34px)}.workflow__rules,.workflow__outcomes{grid-area:auto/1}.workflow__outcomes:before,.workflow__outcomes:after{content:none}}@media (width<=768px){.workflow{--workflow-gap:24px;--workflow-row-gap:32px;--workflow-node-x:4px}.workflow__spine>.workflow__stage{grid-template-rows:none;grid-template-columns:minmax(0,1fr);padding-top:16px}.workflow__well{grid-area:4/1}.workflow__tile{position:absolute;top:16px;right:0}.workflow__meta{margin-bottom:10px}.workflow__stage-name{padding-right:44px;font-size:22px}.workflow__stage-copy{margin-top:10px}.workflow__voice{max-width:18ch;margin-top:14px;font-size:24px}:is(.workflow__stage--conversation,.workflow__stage--next) .workflow__body{padding-bottom:14px}:is(.workflow__well--portfolio,.workflow__well--record){display:none}.workflow__art{aspect-ratio:2}.workflow__call{gap:10px;padding:2px 12px 12px}.workflow__speakers{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:10px}.workflow__speaker{grid-template-columns:auto minmax(0,1fr);gap:8px}.workflow__speaker .workflow__sk:nth-child(3){display:none}.workflow__speaker .workflow__sk:nth-child(2){width:100%}.workflow__well--next{flex-direction:row;align-items:center;gap:12px;padding:8px 9px}.workflow__chat-head,.workflow__bubble .workflow__sk--72,.workflow__bubble-foot .workflow__sk{display:none}.workflow__bubble{flex:1 1 0;align-items:center;gap:8px;width:auto;min-width:0;margin-right:8px;padding:7px 10px;display:flex}.workflow__bubble .workflow__sk--92{flex:auto}.workflow__well--next .workflow__handoff{border:0;flex:1 1 0;padding:0}.workflow__rules{padding-top:14px}.workflow__outcomes-head{padding:16px 0 14px}.workflow__outcome summary{gap:10px;min-height:52px;padding:10px 0}.workflow__outcome-name{font-size:18px}.workflow__outcome-copy{padding:0 0 18px calc(var(--workflow-node-x) + 14px)}}@keyframes workflow-link-draw{0%{transform:scaleX(0)}}@keyframes workflow-link-drop{0%{transform:scaleY(0)}}@keyframes workflow-bar-rise{0%{transform:scaleY(.2)}}@keyframes workflow-bubble-in{0%{transform:translateY(8px)scale(.96)}}@media (prefers-reduced-motion:no-preference){.workflow__outcome-mark:after{transition:transform .15s var(--mh-ease)}[data-home-motion-state=running] .workflow__link{animation:workflow-link-draw .45s var(--mh-ease) backwards}[data-home-motion-state=running] .workflow__stage--conversation .workflow__link{animation-delay:.12s}[data-home-motion-state=running] .workflow__stage--record .workflow__link{animation-delay:.24s}[data-home-motion-state=running] .workflow__bar{animation:workflow-bar-rise .45s var(--mh-ease) calc(60ms + var(--i) * 6ms) backwards}[data-home-motion-state=running] .workflow__bubble{animation:workflow-bubble-in .5s var(--mh-ease) .2s backwards}}@media (prefers-reduced-motion:no-preference) and (width<=1099px){[data-home-motion-state=running] .workflow__link{animation-name:workflow-link-drop}}