@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}}
.shelf-hero-for-mcp-module__lRYFwa__hero{--columns:4;--content-rows:6;--content-inset:0;--region-start:1;--region-end:-1;--cell:calc(100cqw / var(--columns));grid-template-rows:var(--cell) repeat(var(--content-rows), var(--cell)) repeat(3, var(--cell));grid-template-columns:repeat(var(--columns), minmax(0, 1fr));width:100%;display:grid;position:relative}.shelf-hero-for-mcp-module__lRYFwa__grid{grid-template-rows:repeat(calc(var(--content-rows) + 4), var(--cell));grid-template-columns:repeat(var(--columns), minmax(0, 1fr));pointer-events:none;grid-area:1/1/-1/-1;display:grid;position:absolute;inset:0}.shelf-hero-for-mcp-module__lRYFwa__contentRegion,.shelf-hero-for-mcp-module__lRYFwa__promptRegion{z-index:1;grid-column:var(--region-start) / var(--region-end)}.shelf-hero-for-mcp-module__lRYFwa__contentRegion{grid-row:2 / span var(--content-rows);grid-column:calc(var(--content-inset) + 1) / calc(-1 - var(--content-inset));align-items:center;padding:32px 24px;display:flex}.shelf-hero-for-mcp-module__lRYFwa__promptRegion{grid-row:calc(var(--content-rows) + 3);padding:16px}.shelf-hero-for-mcp-module__lRYFwa__promptBox{--prompt-height:calc(var(--cell) - 32px);--send-size:32px;--send-inset:calc((var(--prompt-height) - var(--send-size)) / 2);--prompt-padding-x:clamp(16px, calc(var(--prompt-height) / 3), 40px);width:100%;height:100%;position:relative}.shelf-hero-for-mcp-module__lRYFwa__promptText{right:calc(var(--send-inset) + var(--send-size) + 12px);left:var(--prompt-padding-x);font-size:clamp(14px, calc(var(--prompt-height) / 4), 24px);line-height:1.4;position:absolute}.shelf-hero-for-mcp-module__lRYFwa__promptSubmit{padding-right:var(--send-inset);justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.shelf-hero-for-mcp-module__lRYFwa__promptButton{width:var(--send-size);height:var(--send-size);position:relative}.shelf-hero-for-mcp-module__lRYFwa__logoCell{justify-content:center;align-items:center;display:flex}.shelf-hero-for-mcp-module__lRYFwa__chatgpt{grid-area:1/1}.shelf-hero-for-mcp-module__lRYFwa__claude{grid-area:1/4}.shelf-hero-for-mcp-module__lRYFwa__grok{grid-area:1/2}.shelf-hero-for-mcp-module__lRYFwa__perplexity{grid-row:calc(var(--content-rows) + 2);grid-column:1}.shelf-hero-for-mcp-module__lRYFwa__gemini{grid-row:calc(var(--content-rows) + 2);grid-column:-2}@media (min-width:360px){.shelf-hero-for-mcp-module__lRYFwa__hero{--content-rows:5}}@media (min-width:480px){.shelf-hero-for-mcp-module__lRYFwa__hero{--content-rows:4}}@media (min-width:640px){.shelf-hero-for-mcp-module__lRYFwa__hero{--columns:8;--content-rows:5;--region-start:2;--region-end:-2}.shelf-hero-for-mcp-module__lRYFwa__chatgpt{grid-column:2}.shelf-hero-for-mcp-module__lRYFwa__grok{grid-column:4}.shelf-hero-for-mcp-module__lRYFwa__claude{grid-column:7}}@media (min-width:768px){.shelf-hero-for-mcp-module__lRYFwa__hero{--content-rows:4}}@media (min-width:992px){.shelf-hero-for-mcp-module__lRYFwa__hero{--columns:12;--content-rows:5;--content-inset:1;--region-start:3;--region-end:-3}.shelf-hero-for-mcp-module__lRYFwa__grok{grid-column:6}.shelf-hero-for-mcp-module__lRYFwa__claude{grid-column:10}.shelf-hero-for-mcp-module__lRYFwa__perplexity{grid-column:2}.shelf-hero-for-mcp-module__lRYFwa__gemini{grid-column:11}}@media (min-width:1200px){.shelf-hero-for-mcp-module__lRYFwa__hero{--content-rows:4}}@media (min-width:1400px){.shelf-hero-for-mcp-module__lRYFwa__hero{--content-rows:3}}.shelf-hero-for-mcp-module__lRYFwa__character{visibility:hidden;position:relative}.shelf-hero-for-mcp-module__lRYFwa__character[data-caret]:after{content:"";background:currentColor;width:1px;height:.9em;position:absolute;bottom:.08em;left:100%}.shelf-hero-for-mcp-module__lRYFwa__logoTile{opacity:.45;filter:grayscale();width:36%;max-width:56px;height:36%;max-height:56px;transition:opacity .6s ease-out,filter .6s ease-out}.shelf-hero-for-mcp-module__lRYFwa__logoTileActive{opacity:1;filter:none}@media (prefers-reduced-motion:reduce){.shelf-hero-for-mcp-module__lRYFwa__logoTile{transition:none}}.shelf-hero-for-mcp-module__lRYFwa__gridReveal{opacity:0;transition:opacity .5s ease-out}.shelf-hero-for-mcp-module__lRYFwa__boxReveal{opacity:0;transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.shelf-hero-for-mcp-module__lRYFwa__visible{opacity:1;transform:none}.shelf-hero-for-mcp-module__lRYFwa__logoEntrance{animation:.8s ease-out backwards shelf-hero-for-mcp-module__lRYFwa__logo-in}@keyframes shelf-hero-for-mcp-module__lRYFwa__logo-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.shelf-hero-for-mcp-module__lRYFwa__gridReveal,.shelf-hero-for-mcp-module__lRYFwa__boxReveal{opacity:1;transition:none;transform:none}.shelf-hero-for-mcp-module__lRYFwa__logoEntrance{animation:none}.shelf-hero-for-mcp-module__lRYFwa__character{visibility:visible}.shelf-hero-for-mcp-module__lRYFwa__character[data-caret]:after{display: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}