.native-agents{padding-top:75px;padding-bottom:85px}.agents-heading{max-width:850px;margin-bottom:45px}.agents-heading p{max-width:710px;font-size:15px;margin:24px 0 0}.agent-foundations{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:45px}.agent-foundations>div{border-top:1px solid #a978cc40;padding-top:20px}.agent-foundations>div>span{font-size:11px;color:#b77ce9;font-family:Consolas,monospace}.agent-foundations h3{font-size:22px;letter-spacing:-.5px;margin:13px 0}.agent-foundations p{font-size:13px;margin:0;max-width:330px}.agent-workbench{border:1px solid #9972bc36;background:radial-gradient(ellipse at 50% 40%,#6a238927,transparent 55%),#0e0915;padding:25px 28px}.agent-workbench-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.agent-workbench-top>span{font-size:9px;letter-spacing:1.5px;color:#c5a6df;display:flex;align-items:center;gap:10px}.agent-workbench-top i{width:6px;height:6px;background:#bd83f1;border-radius:50%;box-shadow:0 0 14px #a768ed}.native-replay{background:none;border:1px solid #8864a34a;padding:7px 10px;color:#bfa9cf;font-size:10px;font-family:inherit}.agent-scenarios{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 0}.agent-scenarios button{border:1px solid #9c77ba33;background:#17101e;color:#a796b8;padding:10px 15px;font-size:11px;font-family:inherit}.agent-scenarios button[aria-pressed=true]{background:#38204e;border-color:#ad6ceb99;color:#efdfff}.agent-scenarios button:hover{color:#fff}.agent-workflow{display:grid;grid-template-columns:1fr 220px 1fr;gap:68px;align-items:center;position:relative;padding:55px 0 45px}.agent-request,.agent-result{position:relative;z-index:1;border:1px solid #9376ad42;background:#15101d;padding:23px;min-height:245px}.agent-small-label{font-size:8px;letter-spacing:1.4px;color:#b69acb}.agent-app-title,.agent-result-header{display:flex;gap:10px;align-items:center;margin:19px 0 20px}.agent-app-title>span,.agent-result-header>span{color:#c390f0;font-size:20px}.agent-app-title strong,.agent-result-header strong{font-size:13px;font-weight:500}.agent-user-message{display:flex;align-items:flex-start;gap:10px;background:#20152b;padding:12px;border-radius:6px;min-height:90px}.agent-person{background:#583576;color:#ead1ff;padding:5px;border-radius:50%;font-size:8px;flex-shrink:0}.agent-user-message p{font-size:12px;color:#d5c6df;line-height:1.7;margin:0}.agent-event-label{display:block;font-size:9px;color:#8f75a5;margin-top:17px}.agent-engine{text-align:center;position:relative;z-index:1}.agent-engine-symbol{border-radius:50%;width:100px;height:100px;display:grid;place-items:center;background:#281438;border:1px solid #b980f250;box-shadow:0 0 45px #9d51e02b;margin:0 auto 20px}.agent-engine-symbol img{width:42px;height:auto}.agent-engine h3{font-size:23px;margin:12px 0}.agent-engine p{font-size:11px;margin:0;line-height:1.8}.agent-engine-tools{display:flex;gap:7px;justify-content:center;margin-top:18px}.agent-engine-tools span{font-size:8px;border:1px solid #a771d343;padding:5px 9px;background:#1c1029;color:#c09cde}.native-result{font-size:13px;line-height:1.8;color:#dbcce6;min-height:94px;margin:0}.agent-result-note{font-size:9px;color:#8f75a5}.agent-connector{height:1px;background:linear-gradient(90deg,#ae72df30,#bf85f4,#ae72df30);position:absolute;top:48%;width:80px;z-index:0}.connector-one{left:calc((100% - 356px)/2 - 5px)}.connector-two{right:calc((100% - 356px)/2 - 5px)}.agent-connector:after{content:'';position:absolute;width:22px;height:2px;top:-1px;background:#dbb2ff;box-shadow:0 0 8px #c988ff;animation:agent-signal 1.6s linear infinite;opacity:0}.native-running .agent-connector:after{opacity:1}.agent-execution{border-top:1px solid #8f69af38;padding:22px 0 0}.agent-execution>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.native-run-status{font-size:10px;color:#b792d1}.native-run-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:18px 0 0}.native-run-steps li{display:flex;align-items:center;gap:10px;padding:13px;background:#1b1026;border:1px solid #9767b832;transition:opacity .35s,border-color .35s}.native-run-steps li>span{font:10px Consolas,monospace;color:#9975b5}.native-run-steps strong{font-size:10px;font-weight:400;color:#d4bfdf}.native-run-steps i{margin-left:auto;color:#c289ef;font-style:normal;font-size:11px}.native-running .native-run-steps li:not(.run-step-done){opacity:.35}.native-running .native-run-steps li.run-step-active{opacity:1;border-color:#b67cec}.native-running .native-run-steps li:not(.run-step-done) i{visibility:hidden}.native-running .agent-result{opacity:.45;transition:opacity .4s}.agent-workbench-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:#8c789b;font-size:9px}.agents-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.agents-bottom p{font-size:13px;margin:0}.agents-bottom strong{font-weight:500;color:#dfc6f2}.agents-bottom .button{white-space:nowrap;font-size:10px}@keyframes agent-signal{from{left:0}to{left:75%}}@media(max-width:1100px){.agent-workflow{grid-template-columns:1fr 180px 1fr;gap:30px}.agent-request,.agent-result{padding:18px;min-height:265px}.agent-connector{width:40px}.connector-one{left:calc((100% - 240px)/2 - 4px)}.connector-two{right:calc((100% - 240px)/2 - 4px)}.native-run-steps li{padding:11px 9px;gap:7px}.agent-foundations{gap:24px}.agent-foundations h3{font-size:20px}}@media(max-width:800px){.native-agents{padding-top:55px}.agent-foundations{grid-template-columns:1fr;gap:22px}.agent-foundations>div{display:grid;grid-template-columns:25px 1fr;column-gap:12px;align-items:baseline}.agent-foundations h3{margin:0 0 10px}.agent-foundations p{grid-column:2;max-width:none}.agent-workbench{padding:20px 17px}.agent-workflow{grid-template-columns:1fr;gap:45px;padding:35px 0}.agent-request,.agent-result{min-height:0}.agent-engine{padding:0}.agent-engine-symbol{width:85px;height:85px;margin-bottom:15px}.agent-engine-symbol img{width:37px}.agent-engine-tools{margin-top:12px}.agent-connector{display:none}.agent-user-message{min-height:75px}.native-result{min-height:0;margin-bottom:16px}.native-run-steps{grid-template-columns:1fr;gap:8px}.native-run-steps strong{font-size:11px}.agent-workbench-top>span{font-size:8px;letter-spacing:.8px;max-width:190px}.native-replay{font-size:9px;white-space:nowrap}.agent-scenarios{gap:7px}.agent-scenarios button{font-size:10px;padding:9px 11px}.agents-bottom{flex-direction:column;align-items:flex-start;gap:20px}.agent-workbench-bottom{font-size:8px;gap:25px}.agent-workbench-bottom>span:last-child{text-align:right}.agents-heading p{font-size:14px}}@media(max-width:420px){.agent-workbench{padding:18px 13px}.agent-workbench-top>span{max-width:150px;font-size:7px}.native-replay{font-size:8px;padding:6px 7px}.agent-scenarios button{font-size:9px;padding:8px}.agent-request,.agent-result{padding:18px}.agent-execution .agent-small-label{font-size:7px}.native-run-status{font-size:9px}.agents-bottom .button{font-size:9px;white-space:normal}}@media(prefers-reduced-motion:reduce){.agent-connector:after{animation:none}.native-run-steps li,.native-running .agent-result{transition:none}}