.agentd-page main .agentd-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"copy visual" "actions visual";column-gap:38px;row-gap:24px;align-items:center;text-align:left;padding-block:48px 52px}
.agentd-page .agentd-hero>.agentd-hero-copy{grid-area:copy;max-width:none;margin:0;align-self:end}
.agentd-page .agentd-hero>.agentd-hero-actions{grid-area:actions;max-width:none;margin:0;align-self:start}
.agentd-page .agentd-hero h1{font-size:clamp(36px,3.5vw,50px);line-height:1.08;margin:14px 0 22px}
.agentd-page .agentd-hero .agentd-lead{font-size:18px;line-height:1.6;max-width:38ch;margin:0}
.agentd-page .agentd-hero .paths-actions{justify-content:flex-start;align-items:center;gap:18px;flex-wrap:wrap}
.agentd-page .agentd-hero .paths-actions .btn{font-size:15px;padding-inline:18px;white-space:nowrap}
.agentd-page .agentd-hero .paths-actions .text-link{font-size:14px}
.agentd-page .agentd-hero .agentd-access-note{font-size:12px;line-height:1.6;margin:16px 0 0;max-width:42ch}
.agentd-page .agentd-hero-visual{grid-area:visual;margin:0;min-width:0;background:#111b2b;border:1px solid #2b3e56;border-radius:16px;color:#e5edf9;overflow:hidden;box-shadow:0 18px 50px #17234016}
.hero-flow-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #2c3b50;gap:12px}
.hero-flow-top>span{font-size:11px;color:#a9bad1}
.hero-flow-top button{font:inherit;font-size:11px;line-height:1.4;padding:9px 10px;min-height:40px;background:transparent;color:#c3d0e1;border:1px solid #4d5f78;border-radius:6px;cursor:pointer}.hero-flow-top button:disabled{cursor:default}
.hero-flow-board{position:relative;display:grid;grid-template-columns:1fr 1.13fr .95fr;align-items:center;gap:24px;padding:30px 20px}
.hero-flow-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-flow-wires path{fill:none;stroke:#465971;stroke-width:1.5}.hero-flow-wires path.is-active{stroke:var(--hero-color,#8baee9);stroke-width:2;stroke-dasharray:5 5}
.agentd-hero-visual.is-playing .hero-flow-wires path.is-active{animation:hero-work-travel .9s linear infinite}
.hero-flow-node{--hero-color:#a9c5f1;position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:14px 11px;min-height:80px;border:1px solid #455773;border-radius:9px;background:#1b2a3e;transition:border-color .25s,box-shadow .25s}
.hero-flow-lead,.hero-flow-review{--hero-color:#e5a183}.hero-flow-code{--hero-color:#77dbc3}.hero-flow-result{--hero-color:#a5bdf7}
.hero-flow-node.is-active{border-color:var(--hero-color);box-shadow:0 0 0 1px var(--hero-color)}
.hero-flow-node strong{font-size:12px;line-height:1.3;font-weight:600;display:block;color:#eef4fe}
.hero-flow-node div>span{display:block;font-size:10px;line-height:1.6;color:#aebfd6;margin-top:5px}
.hero-flow-node b{font-weight:500;border:1px solid #4d617c;padding:1px 4px;border-radius:3px;color:#d3e0f5;margin-left:3px}
.hero-flow-logo{display:flex;color:var(--hero-color);flex-shrink:0}.hero-flow-logo svg{height:21px;width:21px}
.hero-return-icon{color:var(--hero-color);font-size:22px;line-height:1;flex-shrink:0}
.hero-flow-workers{display:grid;gap:22px;min-width:0}.hero-flow-workers>.hero-flow-node{width:100%}
.hero-flow-gateway{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 12px;margin:0 20px 22px;border:1px solid #3f5371;border-radius:7px;background:#20324c;padding:10px 12px}
.hero-flow-gateway>span:first-child{font-size:20px;color:#a6c8fa}.hero-flow-gateway strong{font-size:12px;color:#dceafd;font-weight:500}.hero-flow-gateway>span:last-child{font-size:11px;color:#b0c4df}
.agentd-page .hero-flow-status{display:flex;align-items:center;gap:12px;border-top:1px solid #2c3b50;padding:15px 18px;font-size:12px;line-height:1.5;color:#dce8f9;background:#162238;min-height:50px}
.hero-flow-step{color:#90a9cb;font:10px/1.5 ui-monospace,monospace;white-space:nowrap}
@keyframes hero-work-travel{to{stroke-dashoffset:-20}}
@media(max-width:1100px) and (min-width:1001px){.agentd-page main .agentd-hero{column-gap:24px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.agentd-page .agentd-hero h1{font-size:38px}.hero-flow-board{padding-inline:14px;gap:18px}.hero-flow-node{padding:12px 8px;gap:6px}}
@media(max-width:1000px){.agentd-page main .agentd-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "actions";gap:24px;padding-block:30px 40px}.agentd-page .agentd-hero>.agentd-hero-copy{max-width:620px}.agentd-page .agentd-hero h1{font-size:42px;margin:10px 0 16px}.agentd-page .agentd-hero .agentd-lead{max-width:50ch}.hero-flow-board{padding-block:24px}.hero-flow-gateway{margin-bottom:18px}}
@media(max-width:600px){.agentd-page main .agentd-hero{gap:18px;padding-block:20px 32px}.agentd-page .agentd-hero .agentd-eyebrow{font-size:12px;margin-bottom:0}.agentd-page .agentd-hero h1{font-size:36px;margin:10px 0 14px}.agentd-page .agentd-hero .agentd-lead{font-size:16px;line-height:1.5}.agentd-page .agentd-hero .paths-actions{align-items:center;flex-direction:row;gap:14px}.agentd-page .agentd-hero .agentd-access-note{margin-top:12px;max-width:none}.hero-flow-top{padding:8px 12px}.hero-flow-board{grid-template-columns:1fr;gap:18px;padding:14px 14px 18px}.hero-flow-lead,.hero-flow-result{width:max-content;max-width:100%;min-height:46px;margin:auto;padding:8px 12px}.hero-flow-workers{grid-template-columns:1fr 1fr;gap:18px}.hero-flow-node{min-height:60px;padding:9px 10px;gap:8px}.hero-flow-node strong{font-size:12px}.hero-flow-node div>span{font-size:10px;margin-top:3px}.hero-flow-logo svg{width:19px;height:19px}.hero-flow-gateway{padding:7px 10px;margin:0 12px 12px;gap:6px 9px}.hero-flow-gateway>span:first-child{display:none}.hero-flow-gateway>span:last-child{font-size:10px}.agentd-page .hero-flow-status{padding:10px 12px;gap:8px;font-size:11px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.agentd-hero-visual *{animation:none!important;transition:none!important}}