:root{--bg:#08090c;--panel:#101217;--panel2:#151820;--text:#f0f2f7;--muted:#8c929f;--line:#292d36;--lime:#b8ff5a;--purple:#9a7dff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px}.topbar{height:76px;max-width:1320px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.13em;font-weight:800}.brand-symbol{width:33px;height:33px;border:1px solid #6d7078;display:grid;place-items:center;font-size:9px;color:var(--lime)}.topbar nav{display:flex;gap:32px;font-size:11px;color:#a1a6b0}.topbar nav a:hover{color:var(--lime)}.nav-action{font-family:monospace;font-size:10px;border:1px solid #51555f;padding:9px 13px}.nav-action b{color:var(--lime)}.hero{max-width:1320px;min-height:770px;margin:auto;padding:72px 24px 100px;display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center}.status{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:8px;color:#7f8490}.status i{width:6px;height:6px;background:var(--lime);box-shadow:0 0 10px var(--lime);border-radius:50%}.status b{color:var(--lime);margin-left:4px}.eyebrow,.section-title>p,.workflow-copy>p,.developer>div>p,.contact>div>p{font-family:monospace;color:var(--lime);letter-spacing:.16em;font-size:9px}.hero-copy .eyebrow{margin-top:35px}.hero h1{font-size:clamp(52px,5.1vw,76px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 26px}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:16px;color:#a3a9b4;max-width:540px}.hero-actions{display:flex;gap:11px;margin-top:31px}.button{padding:13px 19px;font-family:monospace;font-size:10px;font-weight:700}.button.primary{background:var(--lime);color:#0b0d0f}.button.secondary{border:1px solid #424650}.stack-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:40px}.stack-tags span{font-family:monospace;font-size:8px;color:#777d89;border:1px solid var(--line);padding:6px 8px}.studio{height:585px;border:1px solid #343842;background:#0d0f13;box-shadow:0 35px 90px rgba(0,0,0,.5);overflow:hidden}.studio-bar{height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:monospace}.studio-bar>div{display:flex;gap:5px}.studio-bar>div span{width:7px;height:7px;background:#343842;border-radius:50%}.studio-bar b{font-size:8px;color:#717683;font-weight:500}.studio-bar button{border:0;background:var(--lime);font-size:8px;padding:6px 10px;font-weight:800}.studio-body{height:calc(100% - 43px);display:grid;grid-template-columns:42px 1fr 170px}.studio-body>aside{border-right:1px solid var(--line);display:flex;flex-direction:column}.studio-body>aside button{height:43px;border:0;border-bottom:1px solid #242830;background:transparent;color:#777d89}.studio-body>aside button.active{color:var(--lime);background:#151820}.canvas{position:relative;overflow:hidden;background-image:radial-gradient(#30343c 1px,transparent 1px);background-size:18px 18px}.canvas-head{height:42px;border-bottom:1px solid var(--line);background:#111318;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px}.canvas-head small{color:#656b76}.workflow-map{position:relative;height:410px}.node{position:absolute;width:125px;background:#171a21;border:1px solid #3b404b;padding:10px 10px 12px;z-index:2;transition:.2s}.node:hover,.node.active{border-color:var(--lime);box-shadow:0 0 0 1px rgba(184,255,90,.15)}.node span{display:block;color:var(--purple);font:7px monospace;margin-bottom:8px}.node b{display:block;font-size:9px}.node small{display:block;color:#747a85;font-size:7px;margin-top:3px}.node i{position:absolute;right:-4px;top:50%;width:7px;height:7px;background:var(--lime);border-radius:50%}.trigger{left:5%;top:40%}.agent-one{left:28%;top:15%}.tool{left:28%;top:65%}.agent-two{left:54%;top:40%}.output{right:3%;top:40%}.output span{color:var(--lime)}.connector{position:absolute;height:1px;background:#535965;transform-origin:left;z-index:1}.c1{width:25%;left:19%;top:48%;transform:rotate(-27deg)}.c2{width:24%;left:19%;top:49%;transform:rotate(27deg)}.c3{width:21%;left:43%;top:27%;transform:rotate(25deg)}.c4{width:21%;left:43%;top:73%;transform:rotate(-25deg)}.run-log{position:absolute;left:0;right:0;bottom:0;height:55px;border-top:1px solid var(--line);background:#111318;padding:8px 12px;font-family:monospace;font-size:7px}.run-log span{color:#707681}.run-log span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:5px}.run-log p{margin:5px 0 0;color:#8f96a2}.properties{border-left:1px solid var(--line);padding:13px;background:#111318}.properties>p{font:7px monospace;color:#666c78}.prop-name{display:flex;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid var(--line)}.prop-name span{width:28px;height:28px;background:#272e1f;color:var(--lime);display:grid;place-items:center;font:8px monospace}.prop-name b{font-size:9px}.properties label{display:block;margin-top:17px;color:#6f7580;font:7px monospace}.properties select,.tool-tag,.toggle{width:100%;margin-top:6px;border:1px solid #30343d;background:#171a20;color:#a8adb6;padding:7px;font-size:7px}.tool-tag,.toggle{display:flex;justify-content:space-between}.toggle i{width:20px;height:10px;background:var(--lime);border-radius:10px}.properties>button{position:absolute;right:12px;bottom:14px;width:145px;border:1px solid #3a3f49;background:transparent;color:#8d939f;padding:8px;font:7px monospace}.system-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.system-line div{height:65px;display:flex;align-items:center;justify-content:center;gap:34px;font:9px monospace;letter-spacing:.12em;white-space:nowrap}.system-line i{color:var(--lime);font-style:normal}.section{padding:125px max(24px,calc((100vw - 1272px)/2))}.section-title{display:grid;grid-template-columns:.35fr 1.1fr .55fr;gap:40px;align-items:start;margin-bottom:60px}.section-title h2,.workflow-copy h2,.developer h2,.contact h2{font-size:clamp(38px,4.2vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0}.section-title>span{font-size:13px;color:var(--muted)}.platform{background:#0c0e12}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.platform-grid article{min-height:315px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.platform-grid article:hover{background:#12151b}.tech-icon{width:42px;height:42px;border:1px solid #444955;display:grid;place-items:center;color:var(--lime);font-size:18px;margin-bottom:34px}.platform-grid article>span{position:absolute;right:20px;top:20px;font:8px monospace;color:#555b66}.platform-grid h3{font-size:19px}.platform-grid p{font-size:12px;color:#8b919d;max-width:330px}.platform-grid article>b{position:absolute;left:26px;bottom:24px;font:7px monospace;color:#626975}.workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.workflow-copy>p:nth-of-type(2){color:var(--muted);font-size:14px;margin-top:24px}.workflow-copy ul{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line)}.workflow-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.workflow-copy li span{font:8px monospace;color:var(--lime);margin-right:15px}.workflow-console{border:1px solid #373c46;background:#0e1014}.console-tabs{height:45px;border-bottom:1px solid var(--line);display:flex}.console-tabs button{border:0;border-right:1px solid var(--line);background:transparent;color:#686e7a;padding:0 20px;font:8px monospace}.console-tabs button.active{background:#171a20;color:var(--lime)}.console-content{min-height:370px;padding:40px}.console-content pre{font:14px/2 monospace;color:#d2d5dc;white-space:pre-wrap}.console-content .purple{color:var(--purple)}.console-content .muted{color:#7d8490}.console-status{margin-top:40px;border-top:1px solid var(--line);padding-top:15px;color:#6c727d;font:8px monospace}.console-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);margin-right:7px}.agents{background:#0c0e12;overflow:hidden}.section-title.centered{display:block;text-align:center}.section-title.centered h2{margin:12px 0 20px}.section-title.centered span{display:block;max-width:600px;margin:auto}.agent-orbit{height:650px;position:relative;max-width:1050px;margin:auto}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:1px solid var(--lime);background:#11141a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 45px rgba(184,255,90,.08)}.orbit-core>span{color:var(--lime);font-size:27px;font-weight:900}.orbit-core b{font:8px monospace;margin-top:9px}.orbit-core small{font:7px monospace;color:#6f7681}.orbit-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #30343e;border-radius:50%}.r1{width:430px;height:430px}.r2{width:640px;height:640px}.orbit-node{position:absolute;width:225px;background:#15181e;border:1px solid #343944;padding:15px;display:flex;gap:12px;z-index:2}.orbit-node i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #424752;color:var(--lime);font:8px monospace}.orbit-node div{display:flex;flex-direction:column}.orbit-node b{font-size:11px}.orbit-node span{font-size:8px;color:#777e89}.o1{left:5%;top:16%}.o2{right:4%;top:20%}.o3{left:3%;bottom:17%}.o4{right:5%;bottom:13%}.developer{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.developer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.developer-cards article{border:1px solid var(--line);padding:22px;min-height:230px}.developer-cards span{font:7px monospace;color:var(--lime)}.developer-cards h3{font:13px monospace;margin:42px 0 14px}.developer-cards p{font-size:11px;color:#7d838e}.contact{max-width:1272px;margin:0 auto 90px;padding:65px;background:var(--lime);color:#080a0c;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px}.contact>div>p{color:#29331d}.contact a{position:relative;border:1px solid #3c492c;padding:20px;display:flex;flex-direction:column}.contact a span{font:8px monospace}.contact a b{font-size:12px;margin-top:17px}.contact a i{position:absolute;right:18px;bottom:17px;font-style:normal}footer{padding:60px max(24px,calc((100vw - 1272px)/2));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:45px}footer>div>p{font-size:10px;color:#727985;margin-top:12px}.footer-links{display:flex;gap:24px;font-size:10px;color:#8b929e}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#666d79;font-size:9px}@media(max-width:1100px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{max-width:780px}.studio{max-width:900px;width:100%;margin:auto}.section-title{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.developer{grid-template-columns:1fr}.contact{margin-left:24px;margin-right:24px}}@media(max-width:720px){.topbar{height:66px}.nav-action{padding:7px}.hero{padding-top:45px}.hero h1{font-size:44px}.studio{height:500px}.studio-body{grid-template-columns:36px 1fr}.properties{display:none}.node{width:105px;padding:8px}.agent-one,.tool{left:35%}.agent-two{left:65%}.output{display:none}.system-line div{justify-content:flex-start;padding:0 20px}.section{padding:80px 20px}.platform-grid{grid-template-columns:1fr}.workflow-console{overflow:auto}.console-content{padding:25px;min-width:500px}.agent-orbit{height:660px}.orbit-ring{display:none}.orbit-core{width:145px;height:145px}.orbit-node{width:190px}.o1{left:0;top:2%}.o2{right:0;top:19%}.o3{left:0;bottom:16%}.o4{right:0;bottom:0}.developer-cards{grid-template-columns:1fr}.contact{grid-template-columns:1fr;margin:0 14px 50px;padding:35px 24px}.contact h2{font-size:36px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}}
