.agent-explainer .marketing-heading{max-width:760px}.agent-diagram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:34px 0}.diagram-step{position:relative;min-width:0;padding:24px 20px;border:1px solid #cbd8d5;border-radius:12px;background:white;transition:background .5s,border-color .5s,box-shadow .5s}.diagram-step:not(:last-child):after{content:'→';position:absolute;right:-23px;top:50%;font-size:22px;color:#505050}.diagram-step small{font-size:10px;color:#505050;letter-spacing:.07em}.diagram-step h3{font-size:19px;line-height:1.4;margin:14px 0}.diagram-step p,.diagram-step li{font-size:12px;line-height:1.8;color:#505050}.diagram-step ul{padding-left:17px}.diagram-step li+li{margin-top:10px}.diagram-step.is-active{background:#EDFAF8;border-color:#3CBFA6;box-shadow:0 0 0 3px #6bd8c72b}.diagram-step.is-active:after{color:#237866;animation:diagram-flow 1.1s ease-in-out infinite}.diagram-agent{background:#141414}.diagram-agent h3,.diagram-agent small,.diagram-agent p{color:#EDFAF8}.diagram-agent.is-active{background:#213b36}.agent-orbit{display:block;font-size:34px;line-height:1;color:#6BD8C7;margin:20px 0}.diagram-agent.is-active .agent-orbit{animation:agent-glow 1.1s ease-in-out infinite alternate}.diagram-sources{display:flex;gap:6px;flex-wrap:wrap}.diagram-sources span{background:#EDFAF8;padding:5px 8px;border-radius:5px;font-size:11px;color:#2A2A2A}.diagram-controls{display:flex;align-items:center;gap:20px}.diagram-controls #pause-diagram{font-size:12px;background:transparent;border-color:#cbd8d5}.motion-off *{animation-play-state:paused!important}#hide-workspace{display:block;margin:0 max(24px,calc((100% - 1200px)/2)) 16px auto;font-size:12px}#workflows{scroll-margin-top:18px}#control.security-section{display:block}#control .marketing-heading{max-width:820px}#control .security-route{margin:30px 0}#control .security-route h3{font-size:14px}.security-route ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;padding:0;counter-reset:gate}.security-route li{position:relative;padding:16px 12px;background:#fff;border-top:3px solid #3CBFA6;counter-increment:gate}.security-route li:before{content:'0' counter(gate);font-size:11px;color:#505050;display:block;margin-bottom:12px}.security-route li:not(:last-child):after{content:'→';position:absolute;right:-15px;top:50%;color:#505050}.security-route strong{font-size:12px;line-height:1.5;display:block}.security-route span{display:block;font-size:11px;line-height:1.6;color:#505050;margin-top:7px}.security-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}#control .security-cards article{border-top:1px solid #b9d2cc;padding-top:18px}.security-number{font-size:11px;color:#505050}#control .security-cards h3{margin:10px 0;font-size:17px}.security-cards p,.security-infrastructure p{font-size:13px;line-height:1.8;color:#505050}.security-infrastructure{margin-top:28px;padding-top:24px;border-top:1px solid #b9d2cc}.security-infrastructure strong{font-size:16px}@keyframes diagram-flow{50%{transform:translateX(3px)}}@keyframes agent-glow{to{opacity:.45;transform:scale(.9)}}@media(max-width:1000px){.agent-diagram{grid-template-columns:1fr 1fr}.diagram-step:nth-child(2):after{display:none}.security-cards{grid-template-columns:1fr 1fr}}@media(max-width:700px){.agent-diagram{grid-template-columns:1fr;gap:22px}.diagram-step{padding:20px}.diagram-step:not(:last-child):after,.diagram-step:nth-child(2):after{display:block;content:'↓';right:50%;top:auto;bottom:-25px}.diagram-step h3{font-size:18px;margin:9px 0}.diagram-step p{margin-bottom:0}.agent-orbit{float:right;margin:0 0 10px 14px}.diagram-controls{flex-wrap:wrap;gap:12px}.security-route ol{grid-template-columns:1fr;gap:18px}.security-route li{padding:14px 16px}.security-route li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-20px}.security-route li:before{float:left;margin:0 14px 20px 0}.security-cards{grid-template-columns:1fr;gap:18px}#hide-workspace{margin-right:16px}}@media(prefers-reduced-motion:reduce){.diagram-step{transition:none}.agent-diagram *{animation:none!important}}