:root{--ink:#202321;--muted:#737872;--green:#39725b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fafaf9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #39725b;outline-offset:6px}::selection{background:#d5e9dc}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:99}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(250,250,249,.85);backdrop-filter:blur(18px);border-bottom:1px solid #e8e9e5}.nav-shell{max-width:1180px;height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.wordmark{font-size:26px;letter-spacing:-1.3px;font-weight:750}.brand-dot{color:#688d72}.nav-links{display:flex;gap:36px;font-size:13px;font-weight:500}.nav-links a:hover,.footer a:hover{color:var(--green)}.language-switch{display:flex;align-items:center;gap:12px;font-size:12px;color:#8c908b}.language-switch a{padding:6px 0}.language-switch [aria-current]{color:#232723;font-weight:650}.language-switch span{color:#c2c6c1}.hero{padding-top:86px;text-align:center;overflow:hidden}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.5px;margin:0 0 23px;color:#68816f}.hero h1{font-size:clamp(46px,5.7vw,78px);line-height:1.18;letter-spacing:-3.5px;margin:0;font-weight:650}.hero h1 span{color:#8c978d}.hero-intro{font-size:18px;line-height:1.9;color:#7a7f79;margin:24px 0 26px}.mobile-break{display:none}.primary-link{display:inline-flex;align-items:center;gap:26px;border-radius:99px;background:#263f32;color:#fff;padding:14px 23px;font-size:13px;transition:background .2s,transform .2s}.primary-link:hover{background:#3a5b47;transform:translateY(-2px)}.hero-visual{position:relative;height:430px;width:940px;margin:36px auto 0;isolation:isolate}.visual-grid{position:absolute;inset:10px 0 35px;background-image:linear-gradient(#d7dfd533 1px,transparent 1px),linear-gradient(90deg,#d7dfd533 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);z-index:-1}.hero-visual:before{content:"";position:absolute;inset:55px 200px 50px;background:radial-gradient(ellipse,#dce7d4a1,transparent 65%);z-index:-1}.hero-hub{position:absolute;left:calc(50% - 72px);top:104px;width:144px;height:144px;border:1px solid #fff;border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#fff,#f0f3ed);box-shadow:0 20px 45px #49664018,0 2px 4px #3a573b09;transform:rotate(-5deg)}.hub-logo{font-size:64px;letter-spacing:-10px;font-weight:700;line-height:.95;padding-right:8px;color:#334e3e}.hub-logo>span{color:#8b9d83}.hero-hub>span:last-child{font-size:12px;letter-spacing:-.2px;font-weight:600}.hero-tile{position:absolute;text-align:left;background:#fff;border:1px solid #e9ece6;box-shadow:0 12px 30px #2c442a09;border-radius:19px;width:166px;height:111px;padding:17px 20px}.tile-symbol{display:block;font-size:23px;line-height:1;margin-bottom:8px}.hero-tile>span:nth-child(2){font-size:10px;letter-spacing:1px;color:#6e796f}.tile-operation{left:127px;top:35px;transform:rotate(-7deg);color:#5b886c}.tile-insight{right:110px;top:41px;transform:rotate(7deg);color:#a18ad5}.tile-message{left:157px;top:194px;transform:rotate(5deg);color:#7699bd}.tile-network{right:140px;top:206px;transform:rotate(-5deg);color:#58666b}.hero-tile svg{position:absolute;width:72px;height:32px;right:16px;top:21px}.tiny-bars{position:absolute;right:18px;top:27px;height:30px;display:flex;align-items:flex-end;gap:4px}.tiny-bars i{display:block;background:#b9d1b8;width:7px;border-radius:3px;height:14px}.tiny-bars i:nth-child(2){height:23px}.tiny-bars i:nth-child(3){height:18px}.tiny-bars i:nth-child(4){height:28px}.tiny-bars i:nth-child(5){height:35px}.tile-message-lines{position:absolute;right:18px;top:26px;width:56px}.tile-message-lines i{display:block;height:5px;background:#d9e5ed;margin-bottom:7px;border-radius:5px}.tile-message-lines i:last-child{width:70%}.network-mini{position:absolute;right:21px;top:24px;width:48px;height:30px;border-top:1px solid #c6d0d1;transform:rotate(-15deg)}.network-mini i{position:absolute;width:8px;height:8px;background:#b7c9c6;border-radius:50%;top:-4px}.network-mini i:nth-child(2){right:0}.network-mini i:last-child{left:20px;top:25px}.hero-wire{position:absolute;width:190px;height:1px;background:linear-gradient(90deg,transparent,#c5d3c3,transparent);left:270px;top:135px;transform:rotate(24deg);z-index:-1}.wire-2{left:480px;top:140px;transform:rotate(-24deg)}.wire-3{left:285px;top:238px;width:360px}.hero-caption{position:absolute;bottom:27px;width:100%;display:flex;flex-direction:column;gap:9px}.hero-caption strong{font-size:14px;font-weight:500;letter-spacing:1px}.hero-caption>span{font-size:10px;color:#8e968b;letter-spacing:2px}.section-shell{max-width:1180px;margin:0 auto;padding:0 30px}.capabilities{padding-top:66px;padding-bottom:84px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-heading h2{font-size:39px;letter-spacing:-1.6px;line-height:1.3;font-weight:600;margin:0}.section-heading>p{color:#878c85;font-size:13px;line-height:1.7;max-width:240px;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{overflow:hidden;border-radius:25px;min-width:0;position:relative;transition:transform .35s}.product-card:hover{transform:translateY(-4px)}.card-0{background:#edf2eb}.card-1{background:#f0edf6}.card-2{background:#eaf0f6}.card-3{background:#252f2b;color:#f7faf7}.card-copy{padding:36px 36px 0;position:relative;z-index:2}.card-eyebrow{font-size:10px;letter-spacing:1.7px;color:#7e8e7b;margin:0 0 16px}.card-1 .card-eyebrow{color:#9a8eaf}.card-2 .card-eyebrow{color:#7b92ab}.card-3 .card-eyebrow{color:#91a599}.product-card h3{font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.25;margin:0 0 15px}.card-description{font-size:13px;line-height:1.9;color:#777e73;margin:0 0 18px}.card-1 .card-description{color:#817a8e}.card-2 .card-description{color:#748394}.card-3 .card-description{color:#a7b5ac}.tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 22px}.tags li{border:1px solid #6b80601c;border-radius:20px;padding:5px 10px;font-size:10px;color:#7b8974}.card-1 .tags li{color:#9285a6;border-color:#9884b425}.card-2 .tags li{color:#7b90a7;border-color:#7a95b322}.card-3 .tags li{color:#a3b6a8;border-color:#a3b6a825}.product-link{font-size:12px;font-weight:550;color:#365f43;display:inline-flex;gap:15px;align-items:center;min-height:25px}.product-link:hover{text-decoration:underline;text-underline-offset:4px}.card-1 .product-link{color:#7b60a0}.card-2 .product-link{color:#4c7095}.card-art{height:245px;position:relative;margin-top:20px;overflow:hidden}.workspace{display:flex;position:absolute;top:18px;left:13%;width:83%;height:250px;background:#fcfdfb;border:1px solid #fff;border-radius:13px;box-shadow:0 15px 30px #2b422914;transform:rotate(-5deg)}.workspace aside{width:57px;border-right:1px solid #eef0ea;padding:20px 16px}.workspace aside b{font-size:16px;color:#466c50}.workspace aside b span{color:#a0b29a}.workspace aside i{display:block;width:17px;height:5px;border-radius:2px;background:#e0e7dc;margin-top:20px}.workspace-main{padding:21px;width:calc(100% - 57px)}.mock-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:550;color:#6a7868}.mock-top>span:last-child{color:#b5bdb1}.mini-stats{display:flex;gap:10px;margin:20px 0 8px}.mini-stats>div{width:50%;padding:12px;background:#f4f6f1;border-radius:8px}.mini-stats small{font-size:7px;letter-spacing:1px;color:#a0aa99;display:block}.mini-stats strong{font-size:27px;font-weight:550;display:block;margin:5px 0;color:#4a5c44}.mini-stats strong span{font-size:15px}.mini-stats em{font-size:7px;color:#799c70;font-style:normal}.order-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0ea}.item-icon{background:#ebefe5;color:#95a48c;border-radius:6px;padding:5px;font-size:14px}.order-row b{font-size:8px;color:#7d8775}.order-row i{display:block;background:#e5eade;height:3px;width:60px;margin-top:5px}.status-dot{margin-left:auto;width:30px;height:9px;background:#e5efdf;border-radius:10px}.insight-panel{position:absolute;top:28px;left:10%;width:80%;background:#fdfcfe;padding:22px 25px;border:1px solid #fff;border-radius:15px;box-shadow:0 14px 32px #63527614;transform:rotate(4deg)}.card-1 .mock-top{color:#877b99}.chart-value{margin-top:20px;font-size:30px;color:#675579;letter-spacing:-1px}.chart-value em{font-size:9px;background:#efebf8;padding:5px 7px;border-radius:8px;color:#9b83bc;font-style:normal;margin-left:10px;vertical-align:middle}.area-chart{width:100%;height:94px;margin-top:8px}.chart-axis{display:flex;justify-content:space-between;font-size:7px;color:#b6adc4}.floating-pill{position:absolute;bottom:17px;right:9%;padding:12px 18px;background:white;border:1px solid #e9e3f1;border-radius:12px;box-shadow:0 8px 20px #63527610;color:#9b81b5;font-size:10px;transform:rotate(-5deg)}.message-source{position:absolute;left:9%;top:27px;width:103px;height:71px;border:1px solid #fff;background:#f9fcff;border-radius:12px;padding:14px;transform:rotate(-9deg);box-shadow:0 8px 20px #51759110}.message-source>span{font-size:21px;color:#86a8c9;float:left;margin-right:10px}.message-source i{display:block;height:4px;background:#dde8f1;width:34px;margin:6px 0 7px 36px}.message-source i:last-child{width:22px}.connection-line{position:absolute;width:80px;height:60px;left:24%;top:89px;border-left:1px dashed #9db6cf;border-bottom:1px dashed #9db6cf;border-bottom-left-radius:20px}.message-panel{position:absolute;top:98px;left:24%;width:69%;padding:19px;border-radius:14px;background:#fbfdff;border:1px solid #fff;box-shadow:0 14px 32px #52739415;transform:rotate(3deg)}.message-panel .mock-top{color:#6e859b;font-size:10px}.feishu-mark{font-size:15px;color:#72a6c6;margin-right:3px}.message-body{display:flex;gap:12px;margin-top:18px}.avatar{width:29px;height:29px;background:#e6eef5;border-radius:8px;display:grid;place-items:center;color:#8da5bf;font-size:12px}.message-body b{font-size:9px;font-weight:550;color:#6d839a}.message-body p{font-size:8px;margin:6px 0;color:#9aacc0}.message-lines i{display:block;width:140px;height:4px;border-radius:3px;background:#edf2f7;margin-top:6px}.message-lines i:last-child{width:100px}.delivered{margin-top:13px;padding-top:10px;border-top:1px solid #eef3f6;color:#91a3b4;font-size:8px}.delivered span{color:#7baf99}.card-3 .card-art{margin-top:45px}.network-orbit{position:absolute;width:260px;height:230px;left:calc(50% - 130px);top:-15px}.orbit-ring{position:absolute;inset:15px;border:1px solid #bddbc31c;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}.orbit-ring.two{inset:0;transform:rotate(35deg) scaleY(.65);border-color:#bddbc315}.network-core{position:absolute;top:65px;left:90px;width:80px;height:80px;background:linear-gradient(135deg,#465e4d,#2f4238);box-shadow:0 0 55px #9decbf15;border:1px solid #6b8d7540;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:42px;color:#c5dec9;font-weight:200}.network-core span{font-size:8px;position:absolute;bottom:10px;letter-spacing:3px}.node{width:9px;height:9px;border-radius:50%;background:#92b39c;position:absolute;box-shadow:0 0 10px #a6e7bd55}.n1{left:26px;top:86px}.n2{right:30px;top:60px}.n3{left:54px;bottom:47px}.n4{right:50px;bottom:35px}.traffic-pill{position:absolute;bottom:24px;left:calc(50% - 125px);width:250px;border:1px solid #65877044;background:#35463c;border-radius:10px;padding:13px 16px;font-size:9px;color:#bdcec0;display:flex;align-items:center;gap:10px;transform:rotate(-3deg)}.traffic-pill svg{width:80px;height:23px;margin-left:auto}.pulse-dot{width:5px;height:5px;background:#a4d5bc;border-radius:50%}.demo-note{font-size:10px;text-align:right;color:#a0a59b;margin:17px 0 0}.about{background:#202a24;color:#f3f5f0;padding:80px 0 40px}.about-shell{max-width:1120px;padding:0 30px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px 90px}.about .eyebrow{color:#92a38c}.about h2{font-size:44px;line-height:1.3;letter-spacing:-1.5px;font-weight:500;margin:0}.about-content{padding-top:25px}.about-quote{font-size:18px;line-height:1.9;color:#dde4d8;margin:0 0 18px}.about-description{font-size:13px;line-height:1.9;color:#96a58f;margin:0}.process{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #7f917c30;margin-top:28px;padding-top:26px}.process>div{display:flex;gap:15px;align-items:center}.process span{font-size:10px;color:#7b9176}.process p{font-size:12px;color:#b6c3ae}.footer{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between}.footer .wordmark{font-size:23px}.footer p{font-size:10px;line-height:1.8;color:#9a9e96;margin:12px 0 0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;font-size:10px;color:#8d9488}.footer-right>a{color:#5c6e55}html[lang=en] .hero h1{font-size:clamp(40px,5vw,66px);letter-spacing:-2.8px}html[lang=en] .product-card h3{font-size:26px}html[lang=en] .card-description br{display:none}html[lang=en] .card-description{min-height:74px}html[lang=en] .about h2{font-size:40px}html[lang=en] .about-quote{font-size:17px}@media(min-width:1500px){.hero{padding-top:100px}}@media(max-width:800px){.hero{padding-top:60px}.hero h1{letter-spacing:-2px}.hero-visual{transform:scale(.76);transform-origin:top center;width:940px;left:50%;margin-left:-470px;margin-bottom:-103px}.section-heading h2{font-size:32px}.section-heading>p{max-width:200px;font-size:12px}.card-copy{padding:28px 25px 0}.product-card h3{font-size:23px}.card-description br{display:none}.card-description{min-height:74px}.card-art{height:220px}.workspace{left:6%;width:95%}.workspace-main{padding:15px}.mini-stats{gap:5px}.mini-stats>div{padding:8px}.insight-panel{left:6%;width:88%;padding:20px}.message-panel{left:15%;width:82%}.about-shell{gap:30px 40px}.about h2{font-size:35px}.about-quote{font-size:16px}.process>div{gap:9px}.process p{font-size:10px}html[lang=en] .product-card h3{font-size:23px}html[lang=en] .about h2{font-size:32px}}@media(max-width:600px){.nav-shell{padding:0 21px;height:64px}.wordmark{font-size:23px}.nav-links{gap:18px;font-size:11px}.language-switch{font-size:11px;gap:8px}.hero{padding-top:55px}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:43px;line-height:1.25}.hero-intro{font-size:14px;line-height:1.9;margin:23px 0}.mobile-break{display:block}.primary-link{font-size:12px;padding:13px 21px}.hero-visual{transform:scale(.48);margin-top:30px;margin-bottom:-224px}.hero-caption strong{font-size:21px}.hero-caption>span{font-size:14px}.section-shell{padding-left:20px;padding-right:20px}.capabilities{padding-top:44px;padding-bottom:45px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:30px}.section-heading>p{max-width:100%;margin:15px 0 0;font-size:12px}.product-grid{grid-template-columns:1fr;gap:16px}.card-copy{padding:28px 27px 0}.product-card h3{font-size:26px}.card-description{min-height:0;font-size:12px;line-height:1.9}.card-description br{display:block}.card-art{height:230px}.card-3 .card-art{margin-top:20px}.demo-note{text-align:center;font-size:9px}.about{padding:48px 0 25px}.about-shell{padding:0 27px;grid-template-columns:1fr;gap:20px}.about h2{font-size:36px}.about-content{padding-top:0}.about-quote{font-size:16px}.about-description{font-size:12px}.process{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:18px}.process p{font-size:11px}.footer{align-items:flex-start;gap:20px;padding-top:26px;padding-bottom:26px}.footer p{max-width:220px;font-size:9px}.footer-right{white-space:nowrap;font-size:9px;gap:25px;padding-top:8px}html[lang=en] .hero h1{font-size:37px;letter-spacing:-1.7px;padding:0 10px}html[lang=en] .hero-intro{font-size:13px}html[lang=en] .card-description{min-height:0}html[lang=en] .card-description br{display:none}html[lang=en] .about h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep small labels legible on the tinted card surfaces. */
.card-eyebrow{color:#667661}.card-1 .card-eyebrow{color:#796a90}.card-2 .card-eyebrow{color:#5d7692}.card-3 .card-eyebrow{color:#aabcb0}.tags li{color:#5e7056}.card-1 .tags li{color:#79678f}.card-2 .tags li{color:#5c7590}.card-3 .tags li{color:#b8c7bd}.demo-note{color:#737c6d}.section-heading>p{color:#6e7769}.footer p{color:#737b6b}
@media(max-width:360px){.nav-shell{padding:0 15px}.nav-links{gap:10px;font-size:10px}.language-switch{gap:6px;font-size:10px}.wordmark{font-size:21px}.hero h1{font-size:39px}}