.hero-workflow{--hero-workflow-node:var(--color-dark-blue-500);--hero-workflow-node-hole:var(--color-background-page);--hero-workflow-node-mouth:#ffb3b3;--hero-workflow-dash:43 10 10 10;display:contents}.hero-workflow-channels{order:-1;justify-content:center;align-items:flex-end;gap:clamp(18px,4vw,48px);margin-bottom:6px;display:flex}.hero-workflow-channel{display:block;position:relative}.is-animating .hero-workflow-channel{animation:hero-workflow-bob var(--bob-duration,4.6s) ease-in-out infinite var(--bob-delay,0s)}.hero-workflow-channel:first-child{--bob-duration:4.4s;--bob-delay:-.6s;--tilt:-30deg}.hero-workflow-channel:nth-child(2){--bob-duration:5.2s;--bob-delay:-2.1s;--tilt:10.27deg;margin-bottom:10px}.hero-workflow-channel:nth-child(3){--bob-duration:4.8s;--bob-delay:-1.3s;--tilt:-14.64deg;margin-bottom:8px}.hero-workflow-channel:nth-child(4){--bob-duration:5.6s;--bob-delay:-3.4s;--tilt:15deg;margin-bottom:2px}.hero-workflow-channel:nth-child(5){--bob-duration:4.2s;--bob-delay:-.2s;--tilt:17.77deg;margin-bottom:6px}.hero-workflow-channel-icon svg{width:clamp(28px,2.3vw,40px);height:auto;rotate:var(--tilt,0deg);display:block}.hero-workflow-channel-chip{background:var(--color-surface);box-shadow:var(--shadow-default);color:var(--color-text-body-dark);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;animation:.3s ease-out hero-workflow-chip-in;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}@keyframes hero-workflow-chip-in{0%{opacity:0;translate:-50% 4px}}@keyframes hero-workflow-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-2deg)}}.hero-workflow-canvas{display:none}@media (width>=1024px){.hero-workflow-canvas{--u:.08084cqw;isolation:isolate;width:100%;aspect-ratio:1237/var(--hero-workflow-band-height);margin-top:8px;display:block;position:relative;container-type:inline-size}.hero-workflow-canvas:not(.is-measured) :is(.hero-workflow-result,.is-out){opacity:0}.hero-workflow-stage{position:absolute;inset:0}.hero-workflow-stage>*{position:absolute}.hero-workflow-sources{z-index:3;width:13.34%;height:calc((32 + var(--hero-workflow-rows)*48)*var(--u));padding:calc(var(--u)*16);border-radius:calc(var(--u)*16);background:var(--color-surface);box-shadow:var(--shadow-default);align-content:start;display:grid;position:absolute;top:0;left:0}.hero-workflow-tab{align-items:center;gap:calc(var(--u)*4);width:100%;height:calc(var(--u)*48);padding:0 calc(var(--u)*4);border-radius:calc(var(--u)*8);color:var(--color-text-body-dark);font:inherit;font-size:clamp(9px,calc(var(--u)*11.5),14px);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:600;display:flex;position:relative;overflow:hidden}.hero-workflow-tab:hover,.hero-workflow-tab[aria-selected=true]{background:var(--color-light-400)}.hero-workflow-tab:focus-visible{outline:3px solid var(--color-light-purple-500);outline-offset:-3px}.hero-workflow-tab-icon{width:calc(var(--u)*40);height:calc(var(--u)*40);flex:none}.hero-workflow-tab-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.hero-workflow-tab-bar{background:var(--color-dark-purple-100);border-radius:1px;height:2px;display:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-workflow-tab-bar:after{content:"";background:var(--color-light-purple-500);transform-origin:0;animation:hero-workflow-fill var(--hero-workflow-hold) linear forwards;border-radius:1px;position:absolute;inset:0;transform:scaleX(0)}.is-progressing .hero-workflow-tab[aria-selected=true] .hero-workflow-tab-bar{display:block}.is-paused .hero-workflow-tab-bar:after{animation-play-state:paused}.hero-workflow-ribbon{z-index:1;pointer-events:none;width:100%;height:100%;inset:0;overflow:visible}.hero-workflow-line{fill:none;stroke:var(--color-ribbon);stroke-width:4px;stroke-linecap:round;stroke-dasharray:var(--hero-workflow-dash)}.is-animating .hero-workflow-line{animation:1.6s linear infinite hero-workflow-flow}.hero-workflow-port{fill:var(--color-surface);stroke:var(--color-ribbon);stroke-width:3px}.hero-workflow-event,.hero-workflow-msg,.hero-workflow-outcome,.hero-workflow-proof,.hero-workflow-trigger{opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s,translate .4s}:is(.hero-workflow-event,.hero-workflow-msg,.hero-workflow-outcome,.hero-workflow-proof,.hero-workflow-trigger).is-on{opacity:1;visibility:visible}.hero-workflow-event{left:14.6%;top:calc(var(--hero-workflow-event-top)*var(--u));z-index:3;padding:calc(var(--u)*3) calc(var(--u)*8);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-body-dark);font-size:clamp(8px,calc(var(--u)*11),12px);white-space:nowrap;border-radius:6px;font-weight:600}.hero-workflow-trigger{left:47.42%;top:calc(var(--u)*150);z-index:3;padding:calc(var(--u)*7) calc(var(--u)*12);border-radius:calc(var(--u)*10);background:var(--color-surface);color:var(--color-text-body-dark);text-align:center;white-space:nowrap;transform:translate(-50%,-100%);box-shadow:0 6px 20px #1c1a4a1f}.hero-workflow-trigger b{font-size:clamp(9px,calc(var(--u)*13),15px);font-weight:600}.hero-workflow-trigger b,.hero-workflow-trigger small{display:block}.hero-workflow-trigger small{color:var(--color-light-purple-500);font-size:clamp(7px,calc(var(--u)*10),12px)}.hero-workflow-trigger:after{content:"";background:var(--color-surface);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.hero-workflow-node{left:42.93%;top:calc(var(--u)*165);z-index:2;width:8.97%}.hero-workflow-node svg{width:100%;height:auto;display:block}.hero-workflow-result{left:75.75%;top:calc(var(--hero-workflow-result-top)*var(--u));z-index:2;flex-direction:column;align-items:flex-start;width:24.25%;display:flex}.hero-workflow-outcome{margin-bottom:calc(var(--u)*12);width:max-content;max-width:100%;padding:calc(var(--u)*5) calc(var(--u)*12) calc(var(--u)*5) calc(var(--u)*7);background:var(--color-outcome-subtle);color:var(--color-outcome);font-size:clamp(8px,calc(var(--u)*11.5),13px);text-align:left;border-radius:16px;align-items:center;gap:8px;font-weight:600;display:inline-flex;translate:0 8px}.hero-workflow-outcome.is-on{translate:0}.hero-workflow-outcome i{background:var(--color-outcome);width:16px;height:16px;color:var(--color-text-body-light);border-radius:50%;flex:none;place-items:center;font-size:10px;font-style:normal;display:grid}.hero-workflow-msg{grid-template-columns:calc(var(--u)*24) 1fr;gap:calc(var(--u)*10);width:100%;min-width:0;padding:calc(var(--u)*16);border-radius:calc(var(--u)*16);background:var(--color-surface);box-shadow:var(--shadow-raised);color:var(--color-text-body-dark);text-align:left;display:grid;position:relative}.hero-workflow-msg b{font-size:clamp(9px,calc(var(--u)*12),14px);display:block}.hero-workflow-msg p{font-size:clamp(8px,calc(var(--u)*10.5),13px);white-space:pre-line;overflow-wrap:anywhere;margin:3px 0 0;line-height:1.4}.hero-workflow-msg.is-api{color:#d9dcff;background:#141633;box-shadow:0 10px 30px #00000040}.hero-workflow-msg.is-api b{color:#fff;font-weight:500}.hero-workflow-msg.is-api b,.hero-workflow-msg.is-api p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero-workflow-msg.is-api p{font-size:clamp(7px,calc(var(--u)*9.5),12px)}.hero-workflow-msg-channel svg{width:calc(var(--u)*24);height:calc(var(--u)*24);display:block}.hero-workflow-msg-tail{left:calc(var(--u)*29);width:calc(var(--u)*41);height:calc(var(--u)*21);fill:var(--color-surface);filter:drop-shadow(0 4px 8px #0000000d);position:absolute;top:100%;overflow:visible}.is-api .hero-workflow-msg-tail{fill:#141633}.hero-workflow-msg-text{min-width:0}.hero-workflow-msg-verified{color:var(--color-light-purple-500);margin-left:4px;font-size:10px}.hero-workflow-msg-meta{color:var(--color-text-muted);font-size:clamp(7px,calc(var(--u)*9.5),11px);display:block}.is-api .hero-workflow-msg-meta{color:#9a9dd0}.hero-workflow-msg-media{aspect-ratio:16/7;background:linear-gradient(135deg,var(--color-light-purple-100),var(--color-border-subtle));color:var(--color-text-muted);border-radius:8px;place-items:center;margin:6px 0 2px;font-size:10px;display:grid}.hero-workflow-msg-buttons{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.hero-workflow-msg-buttons span{padding:calc(var(--u)*3) calc(var(--u)*9);border:1px solid var(--color-border-subtle);color:var(--color-light-purple-500);font-size:clamp(7px,calc(var(--u)*10),12px);border-radius:8px;font-weight:600}.is-rcs :is(.hero-workflow-msg-buttons span){background:var(--color-light-purple-100);border-color:#0000;border-radius:999px}.hero-workflow-proof{margin:calc(var(--u)*28) 0 0;color:var(--color-text-muted);font-size:clamp(8px,calc(var(--u)*10.5),12px);text-align:left;line-height:1.3}.hero-workflow-proof a{color:var(--color-light-purple-500);white-space:nowrap;font-weight:600;text-decoration:underline}}@keyframes hero-workflow-fill{to{transform:scaleX(1)}}@keyframes hero-workflow-flow{to{stroke-dashoffset:-73px}}@media (prefers-reduced-motion:reduce){.hero-workflow-channel,.hero-workflow-channel-chip,.hero-workflow-line,.hero-workflow-tab-bar:after{animation:none!important}.hero-workflow-event,.hero-workflow-msg,.hero-workflow-outcome,.hero-workflow-proof,.hero-workflow-trigger{transition:none}}
