@keyframes custom-agents-border-draw{to{stroke-dashoffset:0}}.custom-agents-border{z-index:1;pointer-events:none;width:100%;height:100%;opacity:var(--workflow-color-opacity,1);fill:none;stroke:var(--color-green-500);stroke-width:1px;position:absolute;inset:0}.custom-agents-border path{stroke-dasharray:1;stroke-dashoffset:1px}@keyframes custom-agents-port-complete{to{opacity:1}}@keyframes custom-agents-status-start{0%{opacity:0;top:0}15%,85%{opacity:1;top:-28px}to{opacity:0;top:0}}@keyframes custom-agents-status-finish{0%,85%{opacity:0;top:0}to{opacity:1;top:-28px}}.custom-agents-workflow-active .custom-agents-port-active,.custom-agents-workflow-active .custom-agents-status-running,.custom-agents-workflow-active .custom-agents-status-completed{animation-duration:var(--duration);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.custom-agents-workflow-active .custom-agents-border path{animation-name:custom-agents-border-draw;animation-duration:var(--duration);animation-timing-function:linear;animation-fill-mode:forwards}.custom-agents-workflow-active .custom-agents-port-active{animation-name:custom-agents-port-complete}.custom-agents-workflow-active .custom-agents-status-running{animation-name:custom-agents-status-start}.custom-agents-workflow-active .custom-agents-status-completed{animation-name:custom-agents-status-finish}
.custom-agents-stage{--composition-offset:clamp(16px, 4dvh, 36px);height:calc(100dvh - var(--site-header-height));background:var(--color-primary-background);isolation:isolate;min-height:560px;position:relative;overflow:hidden}.custom-agents-grid{pointer-events:none;background-image:radial-gradient(circle, var(--color-default-stroke) .8px, transparent .8px);opacity:.65;background-position:8px 8px;background-size:16px 16px;position:absolute;inset:0}.custom-agents-copy{z-index:2;pointer-events:none;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.custom-agents-header{width:min(100%,600px);translate:0 calc(-1 * var(--composition-offset));padding:0;position:relative}.custom-agents-header .animate-in{animation-duration:.6s}.custom-agents-header:before{z-index:-1;pointer-events:none;content:"";background:var(--color-primary-background);position:absolute;inset:-32px -48px;-webkit-mask-image:radial-gradient(#000 42%,#0000 72%);mask-image:radial-gradient(#000 42%,#0000 72%)}.custom-agents-header a,.custom-agents-header button,.custom-agents-header input{pointer-events:auto}.custom-agents-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.custom-agents-connection{stroke:var(--color-default-stroke);stroke-width:1px}.custom-agents-position{z-index:3;width:264px;position:absolute}.custom-agents-position[data-selected=true]{z-index:4}.custom-agents-position[data-agent-index="0"]{top:calc(15% - 16px);left:18%}.custom-agents-position[data-agent-index="1"]{bottom:calc(27% - 16px);left:7.5%}.custom-agents-position[data-agent-index="2"]{bottom:calc(15% - 16px);right:9%}.custom-agents-position[data-agent-index="3"]{top:calc(22% - 16px);right:11%}.custom-agents-card{--duration:2.5s;width:100%;height:80px;position:relative}.custom-agents-card .custom-agents-workflow{width:100%;height:80px}.custom-agents-handle{z-index:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;position:absolute;inset:0}.custom-agents-handle:active{cursor:grabbing}.custom-agents-handle:focus-visible{outline:2px solid var(--color-accent-stroke);outline-offset:3px}@media not (min-width:1200px){.custom-agents-position{width:240px}.custom-agents-header{width:min(100%,540px)}}@media not (min-width:992px){.custom-agents-stage{--composition-offset:16px;min-height:640px}.custom-agents-position{width:220px}.custom-agents-position[data-agent-index="0"]{top:max(24px, calc(4% - var(--composition-offset)));left:16px}.custom-agents-position[data-agent-index="1"]{bottom:calc(8% + var(--composition-offset));left:16px}.custom-agents-position[data-agent-index="2"]{right:16px;bottom:calc(4% + var(--composition-offset))}.custom-agents-position[data-agent-index="3"]{top:max(24px, calc(7% - var(--composition-offset)));right:16px}.custom-agents-header{width:min(100%,520px)}}@media not (min-width:576px){.custom-agents-position[data-agent-index="0"]{top:max(24px, calc(4% - var(--composition-offset)))}.custom-agents-position[data-agent-index="3"]{top:max(32px, calc(7% - var(--composition-offset)))}.custom-agents-position{width:calc(50% - 16px)}.custom-agents-position[data-agent-index="0"],.custom-agents-position[data-agent-index="1"]{left:8px}.custom-agents-position[data-agent-index="2"],.custom-agents-position[data-agent-index="3"]{right:8px}.custom-agents-header h2{font-size:36px;line-height:40px}.custom-agents-header>p{font-size:16px;line-height:22px}.custom-agents-copy{padding:0 20px}}@media (not (min-height:700px)) and (min-width:992px){.custom-agents-position[data-agent-index="0"],.custom-agents-position[data-agent-index="3"]{top:max(24px, calc(6% - var(--composition-offset)))}.custom-agents-position[data-agent-index="1"],.custom-agents-position[data-agent-index="2"]{bottom:calc(8% + var(--composition-offset))}.custom-agents-header{width:460px}.custom-agents-header h2{font-size:44px;line-height:48px}}@media (not (min-height:740px)) and (not (min-width:576px)){.custom-agents-position[data-agent-index="0"],.custom-agents-position[data-agent-index="3"]{top:24px}.custom-agents-header>:first-child{margin-bottom:calc(16px + var(--composition-offset))}.custom-agents-header>p{margin-top:12px}.custom-agents-header>div:last-child{margin-top:20px}.custom-agents-position[data-agent-index="1"],.custom-agents-position[data-agent-index="2"]{bottom:calc(16px + var(--composition-offset))}.custom-agents-header h2{font-size:32px;line-height:36px}.custom-agents-header>p{font-size:14px;line-height:20px}}.custom-agents-artwork{z-index:1;position:absolute;inset:0}.custom-agents-progress{opacity:var(--workflow-color-opacity,1)}.custom-agents-connection-progress{stroke:var(--color-green-500);stroke-width:1px;stroke-dasharray:0 1}.custom-agents-workflow .custom-agents-port-active{filter:opacity(var(--workflow-color-opacity,1))}@media (prefers-reduced-motion:no-preference){[data-entered=false] .custom-agents-grid{--custom-agents-grid-radius:0%;-webkit-mask-image:radial-gradient(ellipse at center, black calc(var(--custom-agents-grid-radius) - 20%), transparent var(--custom-agents-grid-radius));mask-image:radial-gradient(ellipse at center, black calc(var(--custom-agents-grid-radius) - 20%), transparent var(--custom-agents-grid-radius))}[data-entered=false] .custom-agents-position{opacity:0}.custom-agents-connections{opacity:var(--custom-agents-connections-opacity,0)}.custom-agents-connection{stroke-dasharray:0 1}[data-entered=false] .custom-agents-handle{pointer-events:none}}[data-paused=true] .custom-agents-workflow,[data-paused=true] .custom-agents-workflow *{animation-play-state:paused}@media not (min-width:576px){.custom-agents-card{height:52px}.custom-agents-card .custom-agents-workflow{transform-origin:0 0;width:153.846%;transform:scale(.65)}}.custom-agents-workflow>svg:not(.custom-agents-border){z-index:2;scale:.65}.custom-agents-workflow>svg>circle:first-child{stroke:var(--color-surface)}.custom-agents-workflow.custom-agents-workflow-active .custom-agents-status-completed{animation-name:custom-agents-status-finish,custom-agents-completed-exit;animation-duration:var(--duration), .3s;animation-delay:0s, calc(var(--duration) + 1s)}@keyframes custom-agents-completed-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}@media (prefers-reduced-motion:reduce){[data-reduced-motion=true] .custom-agents-header *{transition:none;animation:none}}
@property --workflows-card-gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate{0%{--workflows-card-gradient-angle:0deg}18%{--workflows-card-gradient-angle:76deg}27%{--workflows-card-gradient-angle:104deg}63%{--workflows-card-gradient-angle:256deg}72%{--workflows-card-gradient-angle:284deg}to{--workflows-card-gradient-angle:360deg}}@keyframes connection{to{opacity:1}}@keyframes running{0%{opacity:0;top:0}15%,85%{opacity:1;top:-28px}to{opacity:0;top:0}}@keyframes completed{0%,85%{opacity:0;top:0}to{opacity:1;top:-28px}}.workflows-hero-card .workflows-hero-card-connection,.workflows-hero-card .workflows-hero-card-running,.workflows-hero-card .workflows-hero-card-completed{animation-duration:var(--duration);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.workflows-hero-card{background-image:conic-gradient(#0fc27b var(--workflows-card-gradient-angle), transparent 0);animation-name:rotate;animation-duration:var(--duration);animation-timing-function:linear;animation-fill-mode:forwards}.workflows-hero-card .workflows-hero-card-connection{animation-name:connection}.workflows-hero-card .workflows-hero-card-running{animation-name:running}.workflows-hero-card .workflows-hero-card-completed{animation-name:completed}