.agent-workspace-shot{margin-bottom:48px}.agent-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.agent-role{border:2px solid var(--line);box-shadow:4px 4px 0 var(--blue);background:#edf8fd;border-radius:14px;padding:26px}.agent-role:nth-child(2){background:#fff8db}.agent-role:nth-child(3){background:#f2f0ff}.agent-role>svg{color:var(--accent);margin-bottom:18px}.agent-role h3{margin-bottom:12px;font-size:21px}.agent-role p{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.agent-workflow,.agent-samples{margin-top:48px}.agent-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.agent-steps li{border-top:3px solid var(--sky);min-width:0;padding:20px 0 0}.agent-step-number{color:var(--accent);font-size:14px;font-weight:700}.agent-steps h3{margin:10px 0;font-size:18px}.agent-steps p{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.agent-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.agent-sample{border:2px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.agent-sample-image{background:#f8fafc;height:340px;overflow:auto}.agent-sample-image a{display:block}.agent-sample-image img{width:100%;height:auto;display:block}.agent-sample figcaption{background:#fff8db;border-top:1px solid #bdcbe0;flex:1;padding:22px}.agent-sample h3{margin:0 0 12px;font-size:20px}.agent-sample p{color:var(--muted);margin:0 0 14px;font-size:16px;line-height:1.8}.agent-sample figcaption a{color:var(--accent);align-items:center;gap:5px;font-size:14px;display:inline-flex}@media (max-width:850px){.agent-role-grid{gap:16px}.agent-role{padding:22px 18px}.agent-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.agent-role-grid,.agent-sample-grid{grid-template-columns:1fr}.agent-role{padding:24px}.agent-sample-image{height:300px}}