:root{--blue:#205ae8;--navy:#102748;--muted:#79879a;--line:#e6ebf1;--bg:#f6f8fb}*{box-sizing:border-box}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--navy);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #82a9ff;outline-offset:3px}#sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 20px 20px;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#7f8ea4;margin-top:3px}.brandmark{background:var(--blue);color:#fff;width:37px;height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px 11px 11px 3px;font-size:29px;font-weight:800;position:relative}.brandmark span{font-size:17px;position:absolute;right:2px;top:-4px;color:#b9dcff}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 10px;margin:30px 0;font-size:12px}.workspace small{display:block;font-size:10px;color:var(--muted)}.workspace>span:last-child{margin-left:auto}.smallmark{font-size:11px;padding:8px;background:#eaf0ff;color:var(--blue);border-radius:7px}.navlabel{color:#98a3b3;font-size:9px;letter-spacing:1.4px;padding:0 13px;margin-bottom:13px}nav button{display:flex;width:100%;gap:13px;align-items:center;padding:13px 15px;margin-bottom:5px;color:#65738a;text-align:left;border-radius:8px;font-size:13px}nav button.active{color:var(--blue);background:#edf3ff;font-weight:650}nav button:hover{background:#f3f6fc}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.navbadge{margin-left:auto;font-size:9px;background:#e5ecff;border-radius:4px;padding:0 5px}.sidebottom{margin-top:auto;padding-top:24px}.ecosystem{background:linear-gradient(145deg,#edf3ff,#f7faff);border:1px solid #e2eafa;border-radius:12px;padding:17px}.tag{font-size:10px;letter-spacing:.7px;color:var(--blue);font-weight:600}.ecosystem h3{font-size:14px;line-height:1.8;margin:9px 0}.ecosystem p{font-size:10px;color:#7389ae}.ecosystem button{font-size:12px;padding:8px 0;display:flex;justify-content:space-between;width:100%;color:var(--blue)}.powered{padding:23px 10px 0;color:#9aa4b1;font-size:8px;letter-spacing:1px}.powered strong{display:block;color:#1b345c;font-size:17px;letter-spacing:-.7px;margin:4px 0}.powered strong span{font-weight:400;font-size:11px;letter-spacing:0}.powered small{font-size:9px;letter-spacing:0}.shell{margin-left:246px}header{height:82px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:21px;padding:0 36px}.breadcrumb{font-size:12px;color:var(--muted);white-space:nowrap}.breadcrumb span{padding:0 12px;color:#c7d0dc}.breadcrumb b{font-weight:500;color:#344762}.search{margin-left:auto;display:flex;align-items:center;gap:10px;background:#f6f8fb;border:1px solid #edf0f4;border-radius:7px;padding:7px 12px;width:290px;color:#96a1b1}.search input{border:0;background:none;outline:none;width:100%;font-size:11px;color:#334a68}.search kbd{font-size:10px;border:1px solid #e2e7ee;border-radius:3px;padding:0 4px}.demo-pill{font-size:10px;color:#76859a;white-space:nowrap}.avatar{background:#eaf0ff;color:var(--blue);border-radius:50%;height:33px;width:33px;font-size:11px;font-weight:700}.mobile-menu{display:none}main{max-width:1600px;margin:auto;padding:30px 36px 24px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#8491a5}.heading h1{font-size:25px;letter-spacing:-.7px;margin:3px 0}.heading p{font-size:12px;color:var(--muted);margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce4ee;border-radius:7px;padding:10px 16px;background:#fff;font-size:12px;font-weight:500;white-space:nowrap}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn:hover{filter:brightness(.96)}.hero{border-radius:14px;overflow:hidden;position:relative;min-height:285px;background:#e6eef9;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#eef4ff 0%,#eef4ff 25%,#edf3ff 44%,#eef4ff00 66%),url('assets/center-2.jpg');background-size:cover,125% auto;background-position:center,right top;z-index:-1}.hero-content{padding:30px 34px;max-width:610px}.hero .eyebrow{color:#4875a9;font-size:10px}.hero h2{font-size:32px;line-height:1.5;margin:13px 0 12px;letter-spacing:-1px}.hero h2 em{font-style:normal;color:var(--blue)}.hero p{font-size:12px;max-width:365px;color:#697e9b;margin-bottom:22px}.hero-label{position:absolute;right:21px;bottom:18px;background:#ffffffdf;padding:8px 13px;border-radius:6px;font-size:10px;color:#4c6481}.dot{display:inline-block;width:6px;height:6px;background:#1eb18e;border-radius:50%;margin-right:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:19px 0 25px;gap:14px}.metric{border:1px solid var(--line);border-radius:10px;background:white;padding:16px 20px;position:relative}.metric-label{font-size:11px;color:#7a879b}.metric strong{font-size:31px;letter-spacing:-1px;line-height:1.8;font-weight:650}.metric span.unit{font-size:11px;margin-left:6px;color:#8996a8}.metric .mark{position:absolute;right:17px;top:18px;color:#4e7af0;background:#f0f5ff;border-radius:9px;padding:8px;display:flex}.metrics-note{font-size:9px;color:#9aa5b3;margin:-18px 0 23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-head h2{font-size:17px;margin:0}.section-head small{font-size:10px;color:#9aa4b4;margin-left:9px;font-weight:400}.link{font-size:11px;color:var(--blue);padding:4px 0}.two-col{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:22px}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.agent{background:white;border:1px solid var(--line);border-radius:10px;padding:19px;text-align:left;transition:transform .2s,border-color .2s;position:relative}.agent:hover{transform:translateY(-3px);border-color:#adc3f3}.agent-icon{height:35px;width:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.agent h3{font-size:14px;margin:0 0 5px}.agent p{font-size:11px;color:#718198;margin:0;line-height:1.8}.agent .arrow{position:absolute;right:17px;top:22px;color:#b6c0ce}.agent-name{font-size:10px;color:#8c98ab;margin-top:13px;display:block}.opc-box{background:#112b52;border-radius:12px;color:white;padding:24px;position:relative;overflow:hidden;min-height:100%}.opc-box:after{content:'◎';position:absolute;font-size:190px;color:#ffffff06;right:-40px;top:-65px;pointer-events:none}.opc-box .eyebrow{color:#93b7f3}.opc-box h2{font-size:22px;margin:13px 0}.opc-box p{font-size:11px;color:#a4b9d7;max-width:280px;line-height:1.9}.opc-steps{margin:22px 0;display:grid;gap:13px}.opc-step{display:flex;align-items:center;gap:12px}.opc-step b{font-size:10px;border:1px solid #425a7d;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;color:#b7cdf0}.opc-step span{font-size:12px}.opc-step small{display:block;color:#839dbf;font-size:9px}.opc-box .btn{width:100%;color:#183b70;background:#eaf2ff;border:0}.wide-section{margin-top:28px}.pipeline{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 9px}.pipeline button{position:relative;text-align:center;font-size:11px;border-radius:7px;padding:6px}.pipeline button:hover{background:#f1f6ff}.pipeline b{display:block;font-size:10px;color:#99b3de;margin-bottom:5px}.pipeline button:not(:last-child):after{content:'›';position:absolute;right:-3px;top:15px;color:#b7c8df}.pipeline small{display:block;color:#98a4b6;font-size:8px;margin-top:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:left}th{font-size:10px;color:#8997aa;font-weight:400;border-bottom:1px solid var(--line);padding:12px}td{padding:16px 12px;border-bottom:1px solid #eff2f7}td:first-child b{display:block;font-weight:550}td small{font-size:9px;color:#9aa6b6}tr:last-child td{border-bottom:0}.status{font-size:10px;color:#4272bc;background:#f0f5ff;padding:5px 9px;border-radius:5px}.progress{width:100px;height:5px;background:#edf1f6;border-radius:3px;margin-top:6px;overflow:hidden}.progress i{display:block;background:var(--blue);height:100%}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:16px;margin:0}footer{display:flex;justify-content:space-between;padding:5px 36px 25px;font-size:9px;color:#97a3b4;max-width:1600px;margin:auto}footer b{margin:0 8px;color:#ced5df}footer button{font-size:9px}.filters{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.filters button{padding:8px 15px;background:white;border:1px solid var(--line);border-radius:7px;font-size:12px;color:#71829a}.filters button.active{background:var(--blue);color:white;border-color:var(--blue)}.all-agents{grid-template-columns:repeat(4,1fr)}.all-agents .agent{min-height:195px}.intro-banner{padding:28px;border-radius:12px;background:linear-gradient(120deg,#e9f1ff,#f7faff);border:1px solid #e1eafb;margin-bottom:24px}.intro-banner h2{margin:0 0 7px;font-size:23px}.intro-banner p{color:#7385a1;font-size:12px;max-width:650px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.track{padding:25px;background:white;border:1px solid var(--line);border-radius:12px}.track h3{font-size:18px;margin:14px 0}.track p{font-size:12px;color:var(--muted)}.track .skills{font-size:10px;padding:13px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#627ca6}.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{padding:24px;background:white;border:1px solid var(--line);border-radius:10px}.step-card strong{font-size:26px;color:#cad9f4}.step-card h3{font-size:14px}.step-card p{font-size:11px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.upload-zone{border:1px dashed #b4c7e7;background:#f6f9ff;border-radius:10px;min-height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;cursor:pointer}.upload-zone img{max-width:100%;height:180px;object-fit:contain}.upload-zone b{font-size:14px}.upload-zone p{font-size:11px;color:var(--muted)}.form-row{margin-top:18px}.form-row label{display:block;font-size:12px;margin-bottom:7px;color:#5c708d}.form-row input,.form-row select,.form-row textarea{width:100%;padding:10px 12px;border:1px solid #dce4ef;background:white;border-radius:7px;color:#344c70;outline:none}.form-row textarea{height:90px;resize:vertical}.form-row input:focus,.form-row textarea:focus{border-color:var(--blue)}.helper{font-size:10px;color:#8492a6;margin:15px 0}.empty{padding:45px;text-align:center;color:#8091aa}.empty strong{display:block;font-size:18px;color:#354f76;margin:12px 0}.output-card{background:#f4f7fc;padding:20px;margin:13px 0;border-radius:9px}.output-card h3{font-size:13px;margin:0 0 6px}.output-card p{font-size:12px;color:#74849a}.asset-row{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.asset-row .agent-icon{margin:0;background:#eaf1ff;color:var(--blue)}.asset-row h3{font-size:13px;margin:0}.asset-row p{font-size:10px;color:var(--muted);margin:3px 0}.asset-row button{margin-left:auto}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.source-card{border:1px solid var(--line);padding:12px;border-radius:8px;background:white}.source-card img{width:100%;border-radius:4px}.source-card p{font-size:11px;margin:8px 0 0}.blue-text{color:var(--blue)}dialog{border:1px solid var(--line);border-radius:16px;padding:32px;width:min(560px,92vw);max-height:85vh;color:var(--navy);box-shadow:0 30px 100px #14284744}dialog::backdrop{background:#14284570;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin:5px 0 10px}dialog p,dialog li{font-size:13px;color:#71829a}dialog ul{padding-left:20px}.close{position:absolute;top:9px;right:13px;font-size:26px;color:#98a5b8}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,25px);opacity:0;background:#17365b;color:white;font-size:12px;padding:12px 22px;border-radius:9px;z-index:50;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.search-results{display:grid;gap:10px}.result{display:block;text-align:left;width:100%;border:1px solid var(--line);padding:15px;border-radius:8px}.result small{display:block;color:var(--muted)}.hidden{display:none!important}
@media(min-width:1600px){main{padding-top:38px}.hero{min-height:315px}.hero-content{padding-top:39px}.hero h2{font-size:37px}}@media(max-width:1200px){#sidebar{width:210px;padding:23px 14px}.shell{margin-left:210px}.brand{font-size:14px}.brand small{font-size:7px}header{padding:0 23px}.search{width:230px}main{padding:24px}.two-col{grid-template-columns:1.6fr 1fr}.agents-grid{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:28px}.hero:before{background-size:cover,155% auto}.all-agents{grid-template-columns:repeat(3,1fr)}.demo-pill{display:none}.opc-box{padding:22px}.opc-steps{gap:20px;margin:30px 0}.cards3{gap:12px}.track{padding:18px}}@media(max-width:900px){#sidebar{width:190px}.shell{margin-left:190px}.brand{font-size:12px}.workspace{padding:9px 6px;font-size:10px}.search{width:180px}.breadcrumb{font-size:10px}.two-col{grid-template-columns:1fr}.opc-steps{grid-template-columns:repeat(3,1fr);margin:20px 0}.opc-box .btn{width:auto}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:25px}.metric .mark{display:none}.cards3{grid-template-columns:1fr}.steps4{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:1fr}.all-agents{grid-template-columns:repeat(2,1fr)}.source-grid{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;gap:10px;align-items:flex-start}.hero:before{opacity:.55}.hero-label{display:none}}@media(max-width:640px){#sidebar{transform:translateX(-100%);transition:.2s;width:246px;box-shadow:20px 0 70px #17335a22}body.menu-open #sidebar{transform:translateX(0)}.shell{margin-left:0}header{height:65px;padding:0 16px;gap:12px}.mobile-menu{display:block;font-size:20px}.breadcrumb{display:none}.search{width:auto;flex:1;margin-left:0}.avatar{flex-shrink:0}main{padding:22px 16px}.heading{align-items:flex-start;margin-bottom:19px}.heading h1{font-size:22px}.heading .btn{padding:8px 11px;font-size:10px}.heading p{font-size:10px}.hero{min-height:290px}.hero-content{padding:25px}.hero h2{font-size:27px}.hero p{font-size:11px;max-width:260px}.hero:before{background-size:cover,240% auto;background-position:center,right top;opacity:.7}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.metric{padding:13px 17px}.metric .mark{display:flex}.metric strong{font-size:29px}.metrics-note{line-height:1.8}.agents-grid{gap:10px}.agent{padding:16px 13px}.agent h3{font-size:12px}.agent p{font-size:10px}.section-head small{display:none}.opc-steps{grid-template-columns:1fr;gap:12px}.opc-box{padding:24px}.pipeline{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 5px}.pipeline button:after{display:none}.panel{padding:16px}.panel-head h2{font-size:14px}.panel-head .link{font-size:10px}.steps4{gap:10px}.step-card{padding:17px}.source-grid{grid-template-columns:1fr}.intro-banner{padding:22px}.intro-banner h2{font-size:20px}footer{padding:10px 16px 25px}.asset-row{padding:15px 0;gap:9px}.asset-row .btn{padding:7px;font-size:10px}.asset-row p{max-width:180px}.all-agents .agent{min-height:180px}}
@media(max-width:640px){.heading{flex-direction:column;gap:12px}.heading h1{font-size:21px}.heading .btn{align-self:flex-start}.hero:before{background-size:cover,400% auto;background-image:linear-gradient(90deg,#eef4ff 0%,#eef4ffef 45%,#eef4ff80 100%),url('assets/center-2.jpg');opacity:1}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero p{color:#5b718e}}