@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#252923;--muted:#74776e;--orange:#e96c35;--paper:#fafbf7;--line:#e2e5dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:92px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:33px;font-weight:800;letter-spacing:-1.7px}.logo{color:var(--orange);font-size:43px;line-height:1}.oss{letter-spacing:1px;font-size:9px;border:1px solid #d8dccf;padding:5px 7px;border-radius:4px;margin-left:10px;font-weight:500}nav,.navend{display:flex;align-items:center;gap:32px}nav{font-size:13px}nav a:hover,.textlink:hover{color:var(--orange)}.navend button{border:0;background:none;font-size:12px}.navend button span{color:var(--muted)}.github{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:10px 16px}main,footer{max-width:1320px;margin:auto}.hero{padding:88px 48px 64px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;gap:9px;align-items:center;color:#606959;text-transform:uppercase}.live{display:inline-block;height:7px;width:7px;border-radius:50%;background:#739657;box-shadow:0 0 0 4px #73965715}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:78px;font-weight:600;letter-spacing:-5px;line-height:1.08;margin:23px 0}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:16px;color:var(--muted);line-height:1.8;max-width:435px}.actions{display:flex;align-items:center;gap:27px;margin:29px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 21px;font-size:13px;border-radius:5px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.orange{background:var(--orange);color:white}.textlink{font-size:13px;text-decoration:underline;text-underline-offset:5px}.command{width:290px;border:1px solid var(--line);background:#f2f4ed;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:6px}.command>span{color:#89917e}.command code{font-size:13px;flex:1}.copy{border:0;background:none;color:inherit}.hero-note{margin-top:14px;color:#85897e;font-size:11px}.cloud-visual{height:440px;position:relative;background-color:#f0f3e9;background-image:radial-gradient(#c8cfbc 1px,transparent 1px);background-size:17px 17px;border:1px solid #dfe5d6;border-radius:18px}.visual-top,.visual-bottom{display:flex;position:absolute;left:22px;right:22px;justify-content:space-between;font-family:monospace;font-size:9px;color:#7d8873;letter-spacing:.4px}.visual-top{top:20px}.online{color:#64884b}.visual-bottom{bottom:22px;font-size:9px}.orbit{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);border:1px dashed #cad2bf;border-radius:50%;width:305px;height:305px}.orbit2{width:205px;height:205px}.connector{position:absolute;background:#bcc8ab;left:50%;top:49%;transform:translate(-50%,-50%)}.hline{width:320px;height:1px}.vline{height:300px;width:1px}.cloud-core{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:145px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e7d7;border-radius:24px;box-shadow:0 10px 40px #6476481c;z-index:2}.cloud-core>span{font-size:40px;color:var(--orange);line-height:1}.cloud-core b{font-size:31px;letter-spacing:-2px}.cloud-core small{font-family:monospace;font-size:9px;color:#929a87;margin-top:7px}.node{position:absolute;width:105px;height:89px;background:#fafcf7;border:1px solid #dbe2d2;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 6px 13px #61714d06;z-index:3}.node b{font-size:12px;margin:4px}.node small{font-size:6px;letter-spacing:1px;color:#939c86}.service-icon{color:#6c8950;font-size:25px;line-height:1}.node1{left:calc(50% - 52px);top:40px}.node2{right:19px;top:calc(49% - 44px)}.node3{bottom:43px;left:calc(50% - 52px)}.node4{left:19px;top:calc(49% - 44px)}.floating-label{position:absolute;right:-15px;bottom:4px;transform:rotate(-5deg);padding:11px 17px;background:white;box-shadow:0 5px 18px #0000000a;border:1px solid var(--line);font-size:11px;display:flex;gap:10px;align-items:center}.metrics{margin:0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.metrics>div{padding-left:35px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:0}.metrics strong{font-size:35px;font-weight:500;letter-spacing:-1px}.metrics strong span{font-size:15px;margin-left:5px;letter-spacing:0}.metrics p{color:var(--muted);font-size:11px;margin-bottom:0}.benchmark{font-size:9px;color:#969a90;margin:12px 48px}.section{padding:85px 48px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px}h2{font-family:Manrope,Arial,sans-serif;font-size:41px;line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin:16px 0 0}.section-head>p{max-width:340px;color:var(--muted);line-height:1.8;font-size:13px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{padding:24px 27px 29px;border:1px solid var(--line);border-radius:9px;background:#fff9}.feature-num{font-size:10px;color:#93998a;font-family:monospace}.feature-art{font-size:42px;color:#7d9265;height:90px;display:flex;align-items:center}.features h3{font-size:17px;font-weight:500}.features p,.workflow p,.steps p{color:var(--muted);font-size:13px;line-height:1.85}.tools-band{padding:28px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.tools-band>span{font-size:10px;color:var(--muted);max-width:120px;line-height:1.6;letter-spacing:1px}.tools-band>div{font-size:19px;font-weight:500;word-spacing:3px}.tools-band i{font-style:normal;color:#b5bda8;font-size:13px;margin:0 24px}.section-desc{font-size:14px;color:var(--muted);max-width:650px;line-height:1.8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.filters button{padding:9px 15px;border:1px solid var(--line);background:none;border-radius:5px;color:#71786b;font-size:11px}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:20px;min-height:143px}.service-card .svc-icon{display:inline-flex;background:#f0f3e9;color:#7b9164;border-radius:5px;width:29px;height:29px;align-items:center;justify-content:center;font-size:17px}.service-card h3{font-size:14px;font-weight:500;margin:13px 0 6px}.service-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.fineprint{font-size:10px;color:#909687;margin-top:20px}.workflow{background:#f0f3e9;display:grid;grid-template-columns:1fr 1fr;gap:85px}.workflow>div>p{max-width:410px}.workflow-list{margin-top:30px}.workflow-list>div{display:flex;gap:18px;margin:19px 0}.workflow-list>div>span{font-family:monospace;color:#82926d;font-size:11px;padding-top:4px}.workflow-list h3{font-size:14px;margin:0;font-weight:500}.workflow-list p{margin:6px 0}.architecture{align-self:center;border:1px solid #d4dcc9;border-radius:10px;padding:25px;background:#fafcf6}.arch-caption{font-size:9px;color:#919985;letter-spacing:1.5px;margin-bottom:24px}.arch-client{border:1px solid #dce3d2;background:#fff;text-align:center;padding:17px;font-size:11px;border-radius:5px}.arch-arrow{text-align:center;padding:13px;color:#8d9b7b}.arch-arrow span{font-size:9px;margin-left:8px}.arch-router{padding:19px;background:#e6ecd9;border:1px solid #ced9bc;border-radius:6px;display:flex;justify-content:space-between;font-size:18px}.arch-router code{font-size:11px;align-self:center;color:#82916f}.arch-services{display:flex;gap:5px;margin-top:12px}.arch-services span{flex:1;font-size:9px;padding:15px 4px;border:1px solid var(--line);border-radius:4px;text-align:center}.arch-base{display:flex;gap:10px}.arch-base>span{flex:1;padding:17px 8px;border:1px solid #dce3d2;background:#fff;text-align:center;font-size:11px;border-radius:5px}.arch-base small{font-size:7px;color:#9ba28e;display:block;margin-top:8px}.bottom{margin:22px 0 0;letter-spacing:.3px;text-align:center;font-size:8px}.start-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.steps>div{position:relative;padding-left:43px;margin:27px 0}.steps b{position:absolute;left:0;top:0;font:11px monospace;color:var(--orange);padding-top:5px}.steps h3{font-size:15px;font-weight:500;margin:0}.steps p{margin:6px 0}.terminal{border-radius:9px;background:#252b26;color:#dfe6d5;overflow:hidden;align-self:start;box-shadow:0 15px 35px #26332112}.terminal-tabs{display:flex;border-bottom:1px solid #41493e;padding:0 18px}.terminal-tabs button{background:none;border:0;color:#9ca895;font-size:11px;padding:18px 13px}.terminal-tabs button.active{color:#fff;border-bottom:2px solid #e58a50}.terminal-tabs .copy{margin-left:auto;font-size:10px}.terminal-title{display:flex;justify-content:space-between;padding:20px 24px 0;font:9px monospace;color:#89917e}.terminal-title>span:first-child{color:#67715f;letter-spacing:3px}.terminal pre{padding:15px 24px 24px;font:12px/1.9 Consolas,monospace;white-space:pre-wrap;min-height:270px;margin:0;color:#cbdcb5;overflow-wrap:anywhere}.terminal-footer{padding:16px 24px;border-top:1px solid #41493e;font-size:9px;color:#9ca895}.terminal-footer .live{margin-right:8px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font-size:18px;color:#8b957c}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);line-height:1.9}.cta{margin:0 48px 70px;text-align:center;padding:58px 25px;background:#eef1e5;border:1px solid #e0e6d3;border-radius:13px}.cta h2{font-size:43px;margin:17px 0}.cta p{font-size:14px;color:#7f8873}.dark{background:var(--ink);color:white;margin-top:18px}footer{padding:30px 48px 42px;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px}footer .brand{font-size:26px}footer .logo{font-size:33px}footer p{font-size:10px;color:#91978a;flex:1}footer>div{display:flex;gap:23px;font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:7px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}body.zh h1{font-size:67px;letter-spacing:-2px}body.zh h2{letter-spacing:-1px}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:85px}}@media(max-width:1000px){header{padding:0 25px}nav{gap:18px}.oss{display:none}.hero{padding:60px 25px;gap:30px}.hero h1{font-size:60px}.cloud-visual{height:390px}.node2{right:5px}.node4{left:5px}.section{padding:65px 25px}.tools-band{padding:25px}.tools-band i{margin:0 10px}.tools-band>div{font-size:15px}.workflow{gap:35px}.start-layout{gap:35px}.metrics{margin:0 25px}.benchmark{margin-left:25px}.service-grid{grid-template-columns:repeat(3,1fr)}.faq{gap:35px}.cta{margin:0 25px 45px}footer{padding:25px;gap:20px}}@media(max-width:700px){header{height:75px;padding:0 20px}.brand{font-size:28px}.logo{font-size:35px}nav{display:none}.navend{gap:13px}.github{padding:8px 10px}.hero{grid-template-columns:1fr;padding:45px 22px;gap:40px}.hero h1,body.zh h1{font-size:61px}.lead{font-size:15px}.cloud-visual{height:400px;margin-right:7px}.floating-label{right:-10px}.metrics{grid-template-columns:1fr 1fr;row-gap:28px}.metrics>div{padding-left:20px}.metrics>div:nth-child(3){padding-left:0;border:0}.metrics strong{font-size:30px}.benchmark{margin-right:25px;line-height:1.7}.section{padding:55px 22px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:20px}.section-head>a{display:inline-block;margin-top:20px}h2{font-size:34px}.features{grid-template-columns:1fr;gap:12px}.features article{position:relative;padding:24px}.feature-art{position:absolute;right:25px;top:20px;height:45px;font-size:33px}.features h3{margin-top:25px}.tools-band{display:block;text-align:center}.tools-band>span{max-width:none}.tools-band>div{font-size:13px;margin-top:20px;line-height:2}.tools-band i{margin:0 6px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:17px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 10px}.workflow,.start-layout,.faq{grid-template-columns:1fr;gap:30px}.architecture{padding:20px}.start-layout{gap:20px}.terminal pre{font-size:11px}.cta{padding:40px 20px;margin:0 22px 45px}.cta h2{font-size:33px}footer{flex-wrap:wrap;padding:25px 22px}footer p{min-width:180px}footer>div{width:100%;justify-content:space-between}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
