/* The single signature motion: an agent reads intent, moves to an approved action, then the page makes that action explicit. */
.agent-demo{width:340px;transform:none}.agent-demo-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#536057}.agent-demo-label b{font:500 9px 'DM Mono';letter-spacing:.08em;color:#172019}.agent-window{height:246px;background:#f6f7f3;box-shadow:12px 12px 0 rgba(23,32,25,.1)}.agent-window:before{height:31px;background:linear-gradient(90deg,#d6ff4f 0 8px,transparent 8px 16px,#afb7af 16px 24px,transparent 24px)}.demo-brand{top:52px;width:auto;height:auto;background:none;color:#172019;font:500 10px 'DM Mono';letter-spacing:.09em}.demo-nav{top:52px}.demo-line-one{top:91px;width:208px;height:8px}.demo-line-two{top:109px;width:158px;height:7px}.demo-button{top:145px;left:17px;padding:11px 13px;border:1px solid #89948b;background:#f6f7f3;color:#172019;font:600 10px Manrope;animation:agentAction 7s ease-in-out infinite}.demo-button b{margin-left:18px;font-size:14px}.agent-intent{top:193px;left:17px;display:flex;align-items:center;gap:6px;border:1px solid #aeb6ab;padding:6px 8px;background:#f6f7f3;color:#3e4a40;font:9px 'DM Mono';opacity:1;animation:agentIntent 7s ease-in-out infinite}.agent-intent i,.agent-result i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#172019;color:#d6ff4f;font:9px 'DM Mono';font-style:normal}.agent-target{position:absolute;left:15px;top:143px;width:141px;height:40px;border:1px dashed #d6ff4f;opacity:0;animation:agentTarget 7s ease-in-out infinite}.agent-cursor{top:187px;left:231px;width:30px;height:42px;color:initial;font-size:0;filter:drop-shadow(3px 3px 0 #d6ff4f);animation:agentPointer 7s cubic-bezier(.5,0,.2,1) infinite}.agent-cursor svg{display:block;width:30px;height:42px;fill:#f6f7f3;stroke:#172019;stroke-linejoin:round;stroke-width:2.5}.agent-result{min-height:30px;gap:8px;margin-top:16px;color:#344137;font:10px/1.35 'DM Mono';opacity:1;animation:none}.agent-result span{opacity:0;animation:agentResult 7s ease-in-out infinite}.agent-result i{opacity:0;animation:agentResult 7s ease-in-out infinite}.agent-result b{font-weight:500;color:#172019}@keyframes agentPointer{0%,20%{transform:translate(0,0)}42%,72%{transform:translate(-190px,-47px)}82%,100%{transform:translate(-190px,-47px)}}@keyframes agentIntent{0%,26%{border-color:#aeb6ab;box-shadow:none}40%,100%{border-color:#d6ff4f;box-shadow:0 0 0 3px rgba(214,255,79,.24)}}@keyframes agentTarget{0%,33%{opacity:0;transform:scale(.93)}45%,72%{opacity:1;transform:scale(1)}82%,100%{opacity:0;transform:scale(1)}}@keyframes agentAction{0%,40%{background:#f6f7f3;color:#172019;border-color:#89948b;box-shadow:none}52%,76%{background:#172019;color:#f6f7f3;border-color:#172019;box-shadow:0 0 0 5px rgba(214,255,79,.45)}88%,100%{background:#f6f7f3;color:#172019;border-color:#89948b;box-shadow:none}}@keyframes agentResult{0%,62%{opacity:0;transform:translateY(4px)}74%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@media(max-width:870px){.agent-demo{position:relative;right:auto;top:auto;width:min(100%,390px);margin:22px 0 28px}.agent-window{height:235px}}@media(max-width:700px){.agent-demo-label b{font-size:8px}.agent-result{margin-bottom:4px}}@media(prefers-reduced-motion:reduce){.agent-cursor,.agent-intent,.agent-target,.demo-button,.agent-result span,.agent-result i{animation:none!important}.agent-cursor{transform:translate(-190px,-47px)}.agent-intent{border-color:#d6ff4f;box-shadow:0 0 0 3px rgba(214,255,79,.24)}.agent-target{opacity:1}.demo-button{background:#172019;color:#f6f7f3}.agent-result span,.agent-result i{opacity:1;transform:none}}
