.agent-auto{padding:3rem 1.5rem;max-width:1280px;margin:auto}.agent-auto-heading{text-align:center;margin-bottom:1.75rem}.agent-auto-heading>span{color:#f59e0b;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.agent-auto-heading h2{font-size:2rem;line-height:1.2;font-weight:700;margin-top:.5rem}.agent-auto-heading p{color:#6b7280;font-size:.875rem;margin-top:.65rem}.auto-stage{border:1px solid #fed7aa;border-radius:1.25rem;background:linear-gradient(150deg,#fff,#fff7ed);padding:1.5rem;box-shadow:0 5px 0 #11182708,0 20px 40px #1118270c;perspective:1200px}.auto-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.auto-node{position:relative;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 5px 0 #1118270b,0 10px 22px #11182709;transform:rotateX(3deg);transition:transform .65s,border-color .65s,box-shadow .65s;transform-style:preserve-3d}.auto-node:not(:last-child):after{content:'→';position:absolute;right:-1.2rem;top:40%;color:#f59e0b}.auto-node.active{transform:translateY(-6px) rotateX(5deg) rotateY(-3deg);border-color:#f59e0b;box-shadow:0 7px 0 #f59e0b20,0 20px 30px #f59e0b16}.auto-node strong{display:block;font-size:1rem;transform:translateZ(12px)}.auto-node small{display:block;color:#6b7280;font-size:.75rem;margin-top:.35rem}.auto-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ffedd5;color:#c2410c;font-weight:800;margin-bottom:.7rem;box-shadow:0 3px 0 #fed7aa;transform:translateZ(20px)}.auto-node-state{float:right;font-size:.7rem;color:#9ca3af;margin-top:.5rem}.auto-node.active .auto-node-state{color:#c2410c}.auto-output{margin-top:1.5rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:1.5rem;align-items:center}.auto-description h3{font-size:1.3rem;font-weight:700;margin-bottom:.55rem}.auto-description p{font-size:.875rem;line-height:1.65;color:#6b7280}.auto-demo{font-size:.75rem!important;margin-top:.8rem;color:#9ca3af!important}.auto-terminal{background:#111827;color:#e5e7eb;border:1px solid #374151;border-radius:.9rem;box-shadow:0 5px 0 #11182720,0 15px 25px #11182712;overflow:hidden}.auto-file{border-bottom:1px solid #374151;padding:.6rem 1rem;color:#fbbf24;font:11px ui-monospace,monospace}.auto-terminal pre{height:165px;padding:1rem;white-space:pre-wrap;font:12px/1.8 ui-monospace,monospace;overflow:auto}.auto-progress{height:3px;background:#ffedd5;margin-top:1.25rem;border-radius:3px;overflow:hidden}.auto-progress span{display:block;height:100%;background:#f59e0b;width:25%;transition:width .7s}
@media(max-width:767px){.agent-auto{padding:2.5rem 1.5rem}.agent-auto-heading h2{font-size:1.8rem}.auto-stage{padding:1rem}.auto-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.auto-node{padding:.8rem}.auto-node:not(:last-child):after{display:none}.auto-node strong{font-size:.875rem}.auto-node small{font-size:.7rem}.auto-output{grid-template-columns:1fr;gap:1rem}.auto-terminal pre{font-size:11px;height:165px}.auto-node-state{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.auto-node,.auto-node.active{transform:none;transition:none}.auto-progress span{transition:none}}