:root{--ink:#101a22;--ink-2:#17242d;--ink-3:#24343d;--muted:#6b7b83;--line:#dce5e3;--paper:#f3f7f5;--paper-2:#eaf1ee;--white:#fff;--accent:#54e0b0;--accent-2:#18b883;--signal:#ffcf70;--shadow:0 20px 50px rgba(16,26,34,.12);--font-display:'Manrope','Noto Sans SC',sans-serif;--font-cn:'Noto Sans SC','Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-cn);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:fixed;top:0;left:0;right:0;z-index:50;color:var(--white);border-bottom:1px solid rgba(255,255,255,.12);transition:.25s ease;background:rgba(16,26,34,.2);backdrop-filter:blur(14px)}.topbar.scrolled{background:rgba(16,26,34,.94);border-color:rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:11px;min-width:190px}.brand-mark{width:30px;height:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end}.brand-mark span{display:block;border-radius:2px;background:var(--accent)}.brand-mark span:nth-child(1){height:13px;opacity:.55}.brand-mark span:nth-child(2){height:22px;opacity:.78}.brand-mark span:nth-child(3){height:30px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-weight:900;letter-spacing:.08em;font-size:17px}.brand-copy small{font:700 8px var(--font-display);letter-spacing:.24em;margin-top:6px;opacity:.6}.desktop-nav{display:flex;gap:31px;align-items:center;margin-left:auto;margin-right:38px}.desktop-nav a{font-size:13px;color:rgba(255,255,255,.7);transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--white)}.desktop-nav a.active:after{content:'';display:block;height:2px;background:var(--accent);margin-top:7px}.top-cta{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--ink);background:var(--accent);padding:12px 17px;border-radius:3px;transition:.2s}.top-cta:hover{background:#80f0c7;transform:translateY(-2px)}.top-cta svg,.button svg,.text-link svg,.service-line>a svg,.footer-contact svg{width:15px;height:15px}.mobile-menu{display:none;color:var(--white);background:transparent;border:0}.section-dark{background:var(--ink);color:var(--white)}.hero{min-height:850px;position:relative;overflow:hidden;padding-top:78px;display:flex;align-items:center}.hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(16,26,34,.92) 0%,rgba(16,26,34,.76) 40%,rgba(16,26,34,.46) 72%,rgba(16,26,34,.75) 100%),url('https://images.unsplash.com/photo-1567789884554-0b844b597180?auto=format&fit=crop&w=2200&q=86');background-position:center;background-size:cover;filter:saturate(.82)}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(84,224,176,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(84,224,176,.16) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,black,transparent 76%)}.hero-content{position:relative;z-index:2;align-self:center;padding-bottom:60px}.eyebrow,.section-kicker{font:700 10px var(--font-display);letter-spacing:.19em;color:var(--accent);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:28px}.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(84,224,176,.12)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.04em}h1{font-size:clamp(48px,6.5vw,84px);line-height:1.07;margin-bottom:28px;max-width:800px}h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-lead{max-width:580px;color:rgba(255,255,255,.68);font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:11px;border:1px solid transparent;padding:13px 18px;border-radius:3px;font-size:13px;font-weight:800;transition:.2s ease}.button-primary{background:var(--accent);color:var(--ink)}.button-primary:hover{background:#8af2ca;transform:translateY(-2px);box-shadow:0 10px 30px rgba(84,224,176,.18)}.button-ghost{border-color:rgba(255,255,255,.27);color:var(--white)}.button-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}.hero-meta{display:flex;gap:30px;margin-top:76px;font:600 11px var(--font-display);color:rgba(255,255,255,.44);letter-spacing:.04em}.hero-meta b{color:var(--accent);margin-right:8px}.system-board{position:absolute;z-index:3;right:5%;top:27%;width:350px;min-height:335px;border:1px solid rgba(84,224,176,.29);background:rgba(16,26,34,.68);backdrop-filter:blur(10px);box-shadow:0 25px 80px rgba(0,0,0,.2);border-radius:4px;padding:18px}.board-head,.board-footer{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.53);font:700 9px var(--font-display);letter-spacing:.14em}.board-live{color:var(--accent);display:flex;gap:6px;align-items:center}.board-live i{width:5px;height:5px;background:var(--accent);border-radius:50%}.board-map{height:260px;position:relative}.map-line{position:absolute;border-top:1px solid rgba(84,224,176,.45);transform-origin:left center}.line-a{width:120px;top:124px;left:79px;transform:rotate(-30deg)}.line-b{width:112px;top:125px;left:194px;transform:rotate(31deg)}.line-c{width:105px;top:149px;left:160px;transform:rotate(90deg)}.map-node{position:absolute;width:92px;height:78px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:3px}.map-node svg{width:20px;color:var(--accent)}.map-node b{font-size:11px}.map-node small{font:600 8px var(--font-display);color:var(--accent);letter-spacing:.11em}.node-core{left:125px;top:90px;width:105px;height:88px;border-color:rgba(84,224,176,.58);background:rgba(84,224,176,.1)}.node-wuhan{left:12px;top:37px}.node-beijing{right:5px;top:38px}.node-data{left:130px;bottom:0}.board-footer{justify-content:flex-start;gap:7px;border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.board-footer strong{color:var(--accent);margin-left:auto;font-size:14px}.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.4);font:700 9px var(--font-display);letter-spacing:.15em}.hero-scroll svg{width:15px;animation:scrollBounce 1.7s infinite}@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}.signal-strip{background:var(--ink-2);color:var(--white);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.signal-inner{display:grid;grid-template-columns:1.35fr repeat(4,1fr);align-items:center;min-height:80px}.signal-label{font:700 10px var(--font-display);letter-spacing:.15em;color:rgba(255,255,255,.43)}.signal-item{display:flex;align-items:center;gap:9px;border-left:1px solid rgba(255,255,255,.1);padding-left:23px;font-size:11px;color:rgba(255,255,255,.65)}.signal-item svg{width:16px;color:var(--accent)}.signal-item b{font:700 9px var(--font-display);color:var(--accent);margin-left:auto}.section-light{background:var(--paper);color:var(--ink)}.problem-section{padding:132px 0 120px}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.split-heading h2{font-size:clamp(38px,4.4vw,60px);line-height:1.12;margin:15px 0 0}.split-heading>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:480px;margin-bottom:3px}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:72px;border:1px solid var(--line)}.problem-card{border:0;text-align:left;padding:28px 24px 24px;background:var(--paper);min-height:300px;position:relative;transition:.3s}.problem-card:hover,.problem-card.is-active{background:var(--ink);color:var(--white);transform:translateY(-6px)}.problem-card svg{width:25px;color:var(--accent);margin:23px 0 19px}.problem-index{position:absolute;right:23px;top:25px;font:700 10px var(--font-display);color:#9aaba9}.problem-card h3{font-size:22px;line-height:1.35;margin-bottom:13px}.problem-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:34px}.problem-card.is-active p,.problem-card:hover p{color:rgba(255,255,255,.57)}.problem-more{font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--accent)}.problem-more svg{width:13px;margin:0}.problem-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;margin-top:76px}.detail-copy h3{font-size:28px;line-height:1.35;margin:15px 0}.detail-copy p{color:var(--muted);font-size:14px;max-width:430px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;font-weight:800;border-bottom:1px solid rgba(16,26,34,.35);padding-bottom:5px;margin-top:14px}.text-link:hover{color:var(--accent-2);border-color:var(--accent-2)}.detail-visual{height:280px;position:relative;overflow:hidden;background:var(--ink);border-radius:3px;box-shadow:var(--shadow)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(84,224,176,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(84,224,176,.16) 1px,transparent 1px);background-size:32px 32px;opacity:.25}.visual-rack{position:absolute;right:21%;top:36px;width:105px;height:190px;border:1px solid rgba(84,224,176,.57);background:linear-gradient(90deg,rgba(84,224,176,.07),rgba(255,255,255,.03));padding:15px;display:grid;gap:14px}.visual-rack span{display:block;border-top:2px solid var(--accent);opacity:.75;box-shadow:0 0 14px rgba(84,224,176,.75)}.visual-ping{position:absolute;border:1px solid var(--accent);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 8px rgba(84,224,176,.08),0 0 0 17px rgba(84,224,176,.04);animation:ping 2.2s infinite}.ping-one{left:22%;top:32%}.ping-two{left:70%;bottom:18%;animation-delay:.8s}@keyframes ping{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.visual-label{position:absolute;font:700 9px var(--font-display);letter-spacing:.14em;color:rgba(255,255,255,.48)}.label-a{left:7%;top:11%}.label-b{right:7%;bottom:11%}.section-dark-alt{background:#18262e;color:var(--white)}.services-section{padding:135px 0 150px}.centered{text-align:center}.section-heading h2{font-size:clamp(40px,4.4vw,62px);line-height:1.1;margin:15px 0 18px}.section-heading p{max-width:570px;margin:0 auto;color:rgba(255,255,255,.52);font-size:14px;line-height:1.9}.service-lines{margin-top:78px;border-top:1px solid rgba(255,255,255,.16)}.service-line{display:grid;grid-template-columns:70px 75px 1fr 40px;gap:18px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:.25s}.service-line:hover{padding-left:14px;background:linear-gradient(90deg,rgba(84,224,176,.08),transparent)}.line-number{font:700 12px var(--font-display);color:var(--accent)}.line-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(84,224,176,.35);color:var(--accent);border-radius:50%}.line-icon svg{width:22px}.line-main h3{font-size:25px;margin-bottom:4px}.line-main p{color:rgba(255,255,255,.56);font-size:13px;max-width:590px;margin-bottom:13px}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{border:1px solid rgba(255,255,255,.15);font:600 9px var(--font-display);color:rgba(255,255,255,.53);padding:5px 8px}.service-line>a{color:var(--accent);transition:.2s}.service-line>a:hover{transform:translate(3px,-3px)}.case-section{padding:135px 0 145px}.case-heading{align-items:end}.case-heading>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.case-heading .text-link{margin-top:20px}.case-filters{display:flex;gap:9px;margin-top:65px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:15px}.filter{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px 11px;display:flex;gap:6px;align-items:center}.filter b{font:700 9px var(--font-display);color:#9baba8}.filter.is-active{background:var(--ink);color:var(--white)}.filter.is-active b{color:var(--accent)}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.case-card{background:var(--white);border:1px solid var(--line);transition:.3s;overflow:hidden}.case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.case-large{grid-column:span 2;display:grid;grid-template-columns:1.2fr .8fr}.case-image{min-height:265px;position:relative;overflow:hidden}.case-large .case-image{min-height:340px}.case-erp{background:linear-gradient(130deg,#15232b,#263e45)}.mock-window{position:absolute;left:8%;right:8%;top:12%;bottom:12%;background:#f0f5f3;border-radius:4px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.25)}.mock-top{height:34px;background:#1a2b34;color:#7cebbd;display:flex;align-items:center;gap:5px;padding:0 13px;font:700 8px var(--font-display)}.mock-top>span{width:6px;height:6px;border-radius:50%;background:#58ddb0}.mock-top>span:nth-child(2){background:#ffd77f}.mock-top>span:nth-child(3){background:#ff9f92}.mock-top b{margin-left:10px;letter-spacing:.08em}.mock-body{height:calc(100% - 34px);display:grid;grid-template-columns:30% 70%}.mock-body aside{background:#dfe9e4;padding:21px 14px;display:flex;flex-direction:column;gap:12px;font-size:10px;color:#697b78}.mock-body aside b{color:#24343d}.mock-chart{padding:18px}.chart-head{display:flex;justify-content:space-between;font-size:10px;color:#475c5a}.chart-head span{color:#18b883;font-size:8px}.bars{display:flex;align-items:end;gap:10px;height:145px;margin-top:27px;border-bottom:1px solid #cbd9d5}.bars i{display:block;flex:1;background:linear-gradient(#55e0b0,#159a73);min-height:20px;border-radius:2px 2px 0 0;opacity:.78}.case-mobile{background:#cee6da;display:grid;place-items:center}.phone-mock{width:136px;height:245px;background:#14242c;border:7px solid #0d171c;border-radius:25px;box-shadow:0 18px 30px rgba(0,0,0,.23);padding:14px 11px;color:var(--white);position:relative}.phone-notch{position:absolute;top:3px;left:42px;width:41px;height:10px;border-radius:10px;background:#091015}.phone-status{font:600 7px var(--font-display);display:flex;justify-content:space-between}.phone-title{font-size:14px;font-weight:800;margin-top:25px}.phone-title small{display:block;color:var(--accent);font-size:8px;margin-top:3px}.phone-kpis{display:flex;gap:7px;margin-top:19px}.phone-kpis b{font:800 17px var(--font-display);color:var(--accent)}.phone-kpis b+ b{color:#fbd37e}.phone-kpis span{font-size:8px}.phone-kpis small{display:block;color:rgba(255,255,255,.45);font:500 7px var(--font-cn);margin-top:3px}.phone-list{display:grid;gap:8px;margin-top:20px}.phone-list i{height:25px;border-radius:3px;background:linear-gradient(90deg,rgba(84,224,176,.26) 30%,rgba(255,255,255,.08) 30%)}.case-network{background:#15232b}.network-art{height:100%;position:relative;background-image:linear-gradient(rgba(84,224,176,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(84,224,176,.12) 1px,transparent 1px);background-size:28px 28px}.network-art:before,.network-art:after{content:'';position:absolute;left:23%;right:24%;top:48%;border-top:1px solid var(--accent);transform:rotate(-23deg);opacity:.6}.network-art:after{transform:rotate(27deg)}.net-node{position:absolute;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:#1b3538;color:var(--accent);z-index:2}.net-node svg{width:17px}.n1{left:17%;top:28%}.n2{left:46%;top:46%}.n3{right:18%;top:27%}.n4{right:16%;bottom:21%}.network-art>b{position:absolute;left:8%;bottom:13%;font:700 8px var(--font-display);color:rgba(255,255,255,.48);letter-spacing:.15em}.case-dashboard{background:#0e1d25;padding:25px 25px;color:var(--white)}.dash-top{display:flex;justify-content:space-between;font:700 9px var(--font-display);letter-spacing:.16em;color:var(--accent)}.dash-top b{color:#ffd57c;letter-spacing:0}.dash-metrics{display:flex;gap:18px;margin-top:37px}.dash-metrics div{display:flex;flex-direction:column}.dash-metrics b{font:800 25px var(--font-display)}.dash-metrics small{font-size:9px;color:rgba(255,255,255,.45);margin-top:4px}.dash-wave{height:100px;margin-top:27px;background:linear-gradient(175deg,transparent 45%,rgba(84,224,176,.08) 46%,rgba(84,224,176,.3) 47%,rgba(84,224,176,.08) 49%,transparent 50%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.08) 35px 36px)}.case-content{padding:25px}.case-meta{display:flex;align-items:center;gap:9px;font:600 9px var(--font-display);color:#8a9b98;letter-spacing:.03em}.case-label{padding:5px 8px;border-radius:2px}.live-label{color:#127a5c;background:#d8f4e8}.exp-label{color:#385d97;background:#e0e9fa}.demo-label{color:#926c1b;background:#fff0c7}.case-content h3{font-size:22px;line-height:1.35;margin:15px 0 8px}.case-content p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:16px}.case-content .text-link{font-size:11px}.case-card.is-hidden{display:none}.lab-section{padding:140px 0 155px;background:var(--ink);color:var(--white);overflow:hidden}.lab-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;margin-top:76px}.lab-tabs{display:flex;flex-direction:column;gap:1px}.lab-tab{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:var(--white);text-align:left;padding:21px 18px;display:grid;grid-template-columns:26px 29px 1fr;grid-template-rows:auto auto;column-gap:9px;transition:.2s}.lab-tab span{grid-row:1/3;font:700 10px var(--font-display);color:rgba(255,255,255,.32)}.lab-tab svg{width:17px;color:var(--accent);grid-row:1/3}.lab-tab b{font-size:13px}.lab-tab small{color:rgba(255,255,255,.43);font-size:10px;margin-top:4px}.lab-tab:hover,.lab-tab.is-active{border-color:rgba(84,224,176,.62);background:rgba(84,224,176,.1)}.lab-stage{min-height:460px;border:1px solid rgba(84,224,176,.23);background:#15242c;position:relative;overflow:hidden}.stage-top{height:47px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;padding:0 20px;font:700 9px var(--font-display);letter-spacing:.13em;color:rgba(255,255,255,.5)}.stage-status{display:flex;align-items:center;gap:7px;color:var(--accent)}.stage-status i{width:6px;height:6px;background:var(--accent);border-radius:50%}.topology-stage{position:absolute;inset:47px 0 0;display:grid;grid-template-columns:40% 60%;align-items:center;padding:28px}.topo-copy{padding-left:14px}.topo-copy h3{font-size:27px;line-height:1.3;margin-bottom:12px}.topo-copy p{color:rgba(255,255,255,.54);font-size:12px;line-height:1.8;max-width:240px}.topo-note{display:flex;align-items:center;gap:8px;margin-top:35px;color:var(--accent);font:600 10px var(--font-display)}.topo-note svg{width:14px}.topo-map{height:340px;position:relative}.topo-link{position:absolute;left:33%;top:48%;width:150px;border-top:1px solid rgba(84,224,176,.7);transform-origin:left center}.topo-link:after{content:'';position:absolute;left:30%;top:-3px;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);animation:flowDot 2.2s linear infinite}.l1{transform:rotate(-31deg)}.l2{transform:rotate(28deg)}.l3{transform:rotate(90deg);width:102px;left:45%;top:54%}.l2:after{animation-delay:.7s}.l3:after{animation-delay:1.2s}@keyframes flowDot{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}.topo-node{position:absolute;width:94px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#1d343a;color:var(--white);border:1px solid rgba(255,255,255,.15);font-size:10px;z-index:3;transition:.2s}.topo-node:hover,.topo-node.is-selected{border-color:var(--accent);background:#21453f;transform:translateY(-3px)}.topo-node svg{width:20px;color:var(--accent)}.tn-core{left:31%;top:39%}.tn-server{right:4%;top:8%}.tn-factory{right:4%;bottom:8%}.tn-data{left:42%;bottom:1%}.topo-tooltip{position:absolute;right:0;bottom:0;padding:9px 12px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(255,255,255,.55)}.erp-stage,.collab-stage{position:absolute;inset:47px 0 0;padding:38px 44px}.is-hidden{display:none}.erp-head{display:flex;justify-content:space-between;align-items:end}.erp-head span{font:700 9px var(--font-display);letter-spacing:.15em;color:var(--accent)}.erp-head h3{margin:9px 0 0;font-size:25px}.mini-button{border:1px solid rgba(84,224,176,.5);background:transparent;color:var(--accent);padding:9px 13px;font-size:11px}.mini-button svg{width:13px;vertical-align:middle}.flow-steps{display:flex;align-items:center;gap:10px;margin-top:55px;font-size:11px;color:rgba(255,255,255,.38)}.flow-steps svg{width:13px}.flow-steps span{border:1px solid rgba(255,255,255,.16);padding:8px 13px}.flow-steps span.done{color:var(--accent);border-color:rgba(84,224,176,.43)}.flow-steps span.active{background:var(--accent);color:var(--ink);border-color:var(--accent);font-weight:800}.flow-panel{margin-top:36px;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:65px 1fr 120px;align-items:center;padding:25px}.flow-number{font:800 36px var(--font-display);color:rgba(84,224,176,.32)}.flow-panel small{color:rgba(255,255,255,.45);font-size:10px}.flow-panel h4{font-size:20px;margin:4px 0}.flow-panel p{color:rgba(255,255,255,.55);font-size:12px;margin:0}.flow-check{display:flex;align-items:center;gap:8px;color:var(--accent);font:700 10px var(--font-display)}.flow-check svg{width:17px}.collab-stage{display:flex;align-items:center;gap:76px;padding-left:105px}.collab-phone{width:205px;height:357px;border:8px solid #0b151a;border-radius:28px;background:#f4f8f5;color:var(--ink);padding:15px 12px;box-shadow:0 30px 50px rgba(0,0,0,.25);position:relative}.collab-phone:before{content:'';position:absolute;width:62px;height:12px;background:#0b151a;left:64px;top:0;border-radius:0 0 10px 10px}.collab-head{display:flex;justify-content:space-between;font:700 8px var(--font-display);padding-top:7px}.collab-welcome{font-weight:900;font-size:16px;margin-top:30px}.collab-welcome small{display:block;color:#859693;font-weight:500;font-size:9px;margin-top:5px}.collab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:22px}.collab-cards div{display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:#e4f0eb;border-radius:3px;font-size:7px}.collab-cards svg{width:14px;color:var(--accent-2)}.collab-cards b{font:800 17px var(--font-display)}.collab-feed{display:grid;gap:12px;margin-top:23px;font-size:8px}.collab-feed span{display:flex;gap:6px;align-items:center}.collab-feed i{width:6px;height:6px;background:var(--accent-2);border-radius:50%}.collab-feed small{margin-left:auto;color:#8a9a97}.collab-copy{max-width:260px}.collab-copy h3{font-size:26px;line-height:1.35;margin:14px 0}.collab-copy p{font-size:12px;color:rgba(255,255,255,.52);line-height:1.9}.collab-copy .text-link{color:var(--accent);border-color:rgba(84,224,176,.55)}.approach-section{padding:140px 0 145px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px}.approach-grid article{background:var(--paper);padding:32px 28px;min-height:265px;position:relative}.approach-grid article>span{font:700 11px var(--font-display);color:var(--accent-2)}.approach-grid article>svg{width:25px;color:var(--accent-2);position:absolute;right:27px;top:30px}.approach-grid h3{font-size:24px;margin:40px 0 10px}.approach-grid p{color:var(--muted);font-size:12px;line-height:1.8}.about-section{padding:120px 0 125px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.about-grid h2{font-size:clamp(40px,4.2vw,58px);line-height:1.15;margin:14px 0 0}.about-lead{font-size:18px;line-height:1.9;color:rgba(255,255,255,.7)}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);margin-top:50px;padding-top:20px;gap:18px}.about-facts div{display:flex;flex-direction:column}.about-facts b{font:800 27px var(--font-display);color:var(--accent)}.about-facts span{font-size:10px;color:rgba(255,255,255,.45);margin-top:4px}.contact-section{padding:110px 0;background:#dcebe5}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--white);padding:62px 66px;border:1px solid #cadbd5;box-shadow:var(--shadow)}.contact-card h2{font-size:clamp(39px,4vw,55px);line-height:1.14;margin:14px 0}.contact-card p{font-size:14px;color:var(--muted);max-width:400px;line-height:1.9}.contact-form{display:grid;gap:13px}.contact-form label{font-size:11px;font-weight:800;color:#6d7d7a}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #d2dfda;background:#f7faf9;margin-top:7px;padding:12px 13px;outline:0;font-size:12px;color:var(--ink);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-2);background:var(--white)}.contact-form .button{justify-content:center;border:0;margin-top:5px}.form-note{font-size:9px;color:#83928f}.footer{background:var(--ink);color:var(--white);padding:50px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-nav{display:flex;gap:23px;font-size:11px;color:rgba(255,255,255,.52)}.footer-nav a:hover{color:var(--accent)}.footer-contact{font:700 12px var(--font-display);color:var(--accent);display:flex;align-items:center;gap:7px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:45px;color:rgba(255,255,255,.35);font:500 9px var(--font-display);letter-spacing:.03em}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);border:1px solid rgba(84,224,176,.42);color:var(--white);padding:12px 17px;font-size:11px;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.topbar{padding:0 22px}.desktop-nav{gap:17px;margin-right:20px}.system-board{right:3%;width:300px}.container{width:min(100% - 44px,1180px)}.hero-content{max-width:60%;}.signal-inner{grid-template-columns:1fr repeat(4,1fr)}.signal-label{display:none}.problem-grid{grid-template-columns:repeat(2,1fr)}.lab-layout{grid-template-columns:230px 1fr}.collab-stage{padding-left:55px;gap:42px}}
@media(max-width:760px){.desktop-nav.mobile-open{display:flex;position:fixed;top:67px;left:0;right:0;margin:0;padding:10px 18px 16px;flex-direction:column;align-items:stretch;gap:0;background:rgba(16,26,34,.97);border-bottom:1px solid rgba(84,224,176,.3);box-shadow:0 18px 35px rgba(0,0,0,.2)}.desktop-nav.mobile-open a{font-size:13px;padding:11px 0;color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.08)}.desktop-nav.mobile-open a.active:after{display:none}.desktop-nav.mobile-open a:last-child{border-bottom:0}}
.top-actions{display:flex;align-items:center;gap:10px}.lang-switch{border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.86);font:800 10px var(--font-display);letter-spacing:.08em;padding:11px 10px;min-width:43px;border-radius:3px;transition:.2s}.lang-switch:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){body{font-size:15px;overflow-x:hidden}.container{width:calc(100% - 36px)}.topbar{height:67px;padding:0 18px}.brand{min-width:0}.brand-copy b{font-size:15px}.brand-copy small{font-size:7px}.desktop-nav,.top-cta{display:none}.mobile-menu{display:block}.hero{min-height:790px;padding-top:67px;align-items:flex-start}.hero-media{background-position:65% center}.hero-content{max-width:none;padding-top:112px}.eyebrow{font-size:8px;margin-bottom:20px;white-space:normal}.hero h1{font-size:39px;line-height:1.16;letter-spacing:-.06em;max-width:100%;overflow-wrap:anywhere}.hero-lead{font-size:15px;line-height:1.75;max-width:330px}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px}.button{padding:12px 15px}.hero-meta{gap:15px;margin-top:39px;flex-wrap:wrap}.hero-meta span{font-size:9px}.system-board{right:18px;left:18px;top:auto;bottom:14px;width:auto;min-height:165px;height:178px;padding:11px;transform:none;overflow:hidden}.board-map{height:106px;overflow:hidden}.board-head{font-size:8px}.node-core{left:35%;top:29px;width:74px;height:51px}.node-wuhan{left:1px;top:8px;width:65px;height:47px}.node-beijing{right:1px;top:8px;width:65px;height:47px}.node-data{left:37%;bottom:-5px;width:70px;height:42px}.map-node b{font-size:9px}.map-node small{font-size:7px}.map-node svg{width:16px}.line-a{width:76px;top:53px;left:53px}.line-b{width:70px;top:53px;left:127px}.line-c{width:56px;top:63px;left:105px}.board-footer{font-size:8px;gap:4px}.board-footer strong{font-size:11px}.board-footer span:last-child{display:none}.hero-scroll{display:none}.signal-inner{grid-template-columns:repeat(2,1fr);min-height:auto}.signal-item{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.signal-item:nth-child(odd){border-left:0}.problem-section,.services-section,.case-section,.lab-section,.approach-section{padding:83px 0 90px}.split-heading,.problem-detail,.about-grid,.contact-card{grid-template-columns:1fr;gap:30px}.split-heading h2{font-size:40px}.split-heading>p{font-size:13px}.problem-grid{grid-template-columns:1fr;margin-top:45px}.problem-card{min-height:240px}.problem-detail{margin-top:42px}.detail-visual{height:220px}.section-heading h2{font-size:40px}.section-heading p{font-size:13px}.service-lines{margin-top:45px}.service-line{grid-template-columns:35px 48px 1fr 20px;gap:10px;padding:24px 0}.line-icon{width:42px;height:42px}.line-icon svg{width:18px}.line-main h3{font-size:19px}.line-main p{font-size:11px}.tag-row span{font-size:8px}.case-heading>div:last-child{align-items:flex-start}.case-filters{overflow-x:auto;margin-top:45px;margin-bottom:18px}.filter{white-space:nowrap}.case-grid{grid-template-columns:1fr;gap:15px}.case-large{grid-column:span 1;display:block}.case-large .case-image{min-height:260px}.case-image{min-height:230px}.lab-layout{grid-template-columns:1fr;gap:14px;margin-top:45px}.lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.lab-tab{display:flex;flex-direction:column;gap:7px;padding:13px 10px;min-height:114px}.lab-tab span{font-size:9px}.lab-tab svg{width:17px}.lab-tab b{font-size:10px}.lab-tab small{font-size:8px}.lab-stage{min-height:530px}.topology-stage{position:absolute;inset:47px 0 0;display:block;padding:23px}.topo-copy{padding:0}.topo-copy h3{font-size:23px}.topo-copy p{max-width:none}.topo-note{margin-top:18px}.topo-map{height:280px;margin-top:7px}.topo-node{width:76px;height:64px;font-size:9px}.tn-core{left:30%;top:39%}.tn-server{right:1%;top:3%}.tn-factory{right:0;bottom:7%}.tn-data{left:39%;bottom:0}.topo-link{width:112px}.erp-stage,.collab-stage{padding:27px 22px}.erp-head h3{font-size:21px}.flow-steps{gap:4px;margin-top:35px;justify-content:space-between}.flow-steps span{padding:7px 7px;font-size:9px}.flow-steps svg{width:8px}.flow-panel{grid-template-columns:45px 1fr;padding:19px}.flow-check{grid-column:2;margin-top:15px}.collab-stage{display:flex;flex-direction:column;padding-top:38px;gap:25px}.collab-phone{width:180px;height:310px}.collab-copy{max-width:none}.collab-copy h3{font-size:21px}.approach-grid{grid-template-columns:1fr;margin-top:45px}.approach-grid article{min-height:210px}.about-section{padding:84px 0}.about-grid h2{font-size:40px}.about-lead{font-size:15px}.contact-section{padding:70px 0}.contact-card{padding:36px 24px;gap:35px}.contact-card h2{font-size:39px}.footer-top{align-items:flex-start;flex-direction:column}.footer-nav{flex-wrap:wrap;gap:13px}.footer-bottom{flex-direction:column;gap:8px}.footer-contact{font-size:11px}}

/* Keep the experience-lab topology inside its own stage when the two-column layout gets narrow. */
.lab-stage{container-type:inline-size}
.lab-stage .is-hidden{display:none!important}
@container (max-width: 620px){
  .topology-stage{display:block;padding:24px 26px;overflow:hidden}
  .topo-copy{padding:0;max-width:100%}
  .topo-copy h3{font-size:22px;max-width:360px}
  .topo-copy p{max-width:460px}
  .topo-note{margin-top:17px}
  .topo-map{height:255px;width:min(100%,390px);margin:16px auto 0}
  .topo-link{width:112px;left:34%;top:48%}
  .l3{width:78px;left:44%;top:54%}
  .topo-node{width:82px;height:68px;font-size:9px}
  .tn-core{left:30%;top:38%}
  .tn-server{right:0;top:2%}
  .tn-factory{right:0;bottom:4%}
  .tn-data{left:39%;bottom:0}
  .topo-tooltip{right:0;bottom:0;max-width:75%;font-size:9px}
}

/* Hero system map: connect node centers, then layer nodes above the links. */
.board-map{isolation:isolate}
.map-line{z-index:1;border-top-color:rgba(84,224,176,.72);pointer-events:none}
.map-node{z-index:2}
.line-a{left:16.5%;top:29.2%;width:45%;transform:rotate(25deg)}
.line-b{left:56.5%;top:51.5%;width:33%;transform:rotate(-34deg)}
.line-c{left:56.5%;top:51.5%;width:0;height:34%;border-top:0;border-left:1px solid rgba(84,224,176,.72);transform:none}
.node-wuhan{left:2%;top:14.2%;width:29.3%}
.node-beijing{right:1.6%;top:14.6%;width:29.3%}
.node-core{left:39.8%;top:34.6%;width:33.4%;height:33.8%}
.node-data{left:41.4%;bottom:0;width:29.3%}

@media(max-width:760px){
  .line-a{left:14.5%;top:30%;width:40%;transform:rotate(11deg)}
  .line-b{left:53%;top:52%;width:34%;transform:rotate(-13deg)}
  .line-c{left:53%;top:52%;height:29%}
  .node-wuhan{left:1%;top:7%;width:27%;height:44%}
  .node-beijing{right:1%;top:7%;width:27%;height:44%}
  .node-core{left:38%;top:28%;width:30%;height:48%}
  .node-data{left:39%;bottom:-5%;width:28%;height:40%}
}

/* Homepage positioning: local entry, nationwide delivery, and restrained status color. */
.hero h1{max-width:760px}
.hero-lead{max-width:650px}
.signal-item:nth-of-type(3) b{color:#ffb454}
.signal-item:nth-of-type(4) b{color:#f47c6c}
.approach-grid article:nth-child(1){border-top-color:var(--accent)}
.approach-grid article:nth-child(2){border-top-color:#6fb7ff}
.approach-grid article:nth-child(3){border-top-color:#ffb454}
.service-line:first-child .line-icon{background:rgba(84,224,176,.12);border-color:rgba(84,224,176,.45)}
.service-line:nth-child(2) .line-icon{background:rgba(111,183,255,.12);border-color:rgba(111,183,255,.42)}
.service-line:nth-child(3) .line-icon{background:rgba(255,180,84,.12);border-color:rgba(255,180,84,.42)}
.node-data b{font-size:10px;white-space:nowrap}
@media(max-width:760px){.hero{min-height:1005px}.hero h1{font-size:36px;letter-spacing:-.045em}.hero-lead{font-size:15px;line-height:1.75}.node-data b{font-size:8px}.approach-grid article{border-top-width:3px}.system-board{top:745px;bottom:auto}}

/* Give the mobile delivery diagram a real canvas instead of compressing its nodes into a strip. */
@media(max-width:760px){
  .system-board{height:245px;min-height:245px;padding:12px 12px 10px}
  .system-board .board-map{height:160px}
  .system-board .node-wuhan,.system-board .node-beijing{top:9%;height:58px}
  .system-board .node-core{top:32%;height:60px}
  .system-board .node-data{bottom:0;height:48px}
  .system-board .map-node b{font-size:9px;line-height:1.15}
  .system-board .map-node small{font-size:7px;line-height:1.1}
  .system-board .board-footer{padding-top:10px}
}

/* Readability and local-response emphasis. */
.hero-lead{max-width:620px;font-size:20px;line-height:1.85;color:rgba(255,255,255,.76)}
.local-service{display:flex;align-items:center;gap:10px;margin-top:23px;color:var(--accent);font-size:13px;font-weight:800}.local-service svg{width:17px}.local-service b{font-size:11px;color:rgba(255,255,255,.64);font-weight:600;border-left:1px solid rgba(84,224,176,.35);padding-left:11px}
.problem-card p{font-size:13px}.section-heading p{font-size:15px;color:rgba(255,255,255,.6)}.line-main p{font-size:14px;color:rgba(255,255,255,.63)}.case-content p{font-size:13px}.contact-card p{font-size:16px;max-width:480px}
.contact-details{display:grid;gap:11px;margin-top:30px}.contact-details>a,.contact-details>div{display:flex;align-items:center;gap:12px;color:var(--ink-2)}.contact-details svg{width:20px;height:20px;color:var(--accent-2)}.contact-details span{display:flex;flex-direction:column;gap:2px}.contact-details small{font-size:11px;color:var(--muted)}.contact-details b{font:800 19px var(--font-display);letter-spacing:.03em}
.footer-contact{font-size:14px}.footer-contact svg{width:16px}
@media(max-width:760px){.hero-lead{font-size:17px;line-height:1.75}.local-service{font-size:12px;flex-wrap:wrap;row-gap:6px}.local-service b{font-size:10px}.contact-card p{font-size:15px}.contact-details b{font-size:18px}}

/* Tablet / narrow desktop: keep navigation and the delivery diagram from competing with the hero copy. */
@media (min-width:761px) and (max-width:1050px){
  .topbar{padding:0 24px}
  .desktop-nav{display:none}
  .top-cta{display:none}
  .mobile-menu{display:block}
  .desktop-nav.mobile-open{display:flex;position:fixed;top:67px;left:0;right:0;margin:0;padding:10px 24px 16px;flex-direction:column;align-items:stretch;gap:0;background:rgba(16,26,34,.97);border-bottom:1px solid rgba(84,224,176,.3);box-shadow:0 18px 35px rgba(0,0,0,.2)}
  .desktop-nav.mobile-open a{font-size:13px;padding:11px 0;color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.08)}
  .desktop-nav.mobile-open a.active:after{display:none}
  .desktop-nav.mobile-open a:last-child{border-bottom:0}
  .hero{min-height:1220px;align-items:flex-start}
  .hero-content{max-width:100%;padding-top:112px;padding-bottom:260px}
  .hero h1{max-width:680px;font-size:clamp(52px,7vw,72px)}
  .hero-lead{max-width:650px}
  .system-board{top:auto;bottom:28px;right:32px;width:min(360px,calc(100% - 64px));min-height:300px}
}

/* Case architecture illustration: fixed canvas plus explicit center-to-node links. */
.case-network{position:relative;min-height:265px;background:#15232b}
.case-network .network-art{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background-image:linear-gradient(rgba(84,224,176,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(84,224,176,.12) 1px,transparent 1px);background-size:28px 28px}
.network-art:before,.network-art:after{display:none}
.network-link{display:none}
.network-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}
.network-lines line{stroke:var(--accent);stroke-width:.32;vector-effect:non-scaling-stroke;opacity:.85}
.net-node{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:66px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--accent);border-radius:50%;background:#1b3538;color:var(--accent);box-shadow:0 0 0 7px rgba(84,224,176,.05)}
.net-node svg{width:19px;height:19px}.net-node small{font:700 8px var(--font-cn);color:rgba(255,255,255,.78);white-space:nowrap}.n1{--x:18%;--y:30%}.n2{--x:50%;--y:51%;width:82px;height:82px;background:#21453f}.n3{--x:83%;--y:30%}.n4{--x:83%;--y:76%}.network-art>b{position:absolute;left:7%;bottom:10%;z-index:2;font:700 8px var(--font-display);color:rgba(255,255,255,.48);letter-spacing:.15em}
@media(max-width:760px){.case-network{min-height:230px}.net-node{width:58px;height:58px}.n2{width:72px;height:72px}.network-art>b{font-size:7px;bottom:8%}}

/* Shared coordinate system for the two system diagrams. */
.board-map{isolation:isolate}
.board-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.board-lines line{stroke:var(--accent);stroke-width:.5;vector-effect:non-scaling-stroke;opacity:.95}
.board-map .map-line{display:none}
.board-map .map-node{z-index:2;transform:translate(-50%,-50%)}
.system-board .board-map{flex:0 0 auto;overflow:visible}
.system-board .map-node{overflow:hidden;background:rgba(16,26,34,.94);}
.system-board .node-core{background:rgba(24,58,57,.96)}
.board-lines line{stroke-linecap:round}
.board-map .node-wuhan{left:18%;top:18%;width:29.3%}
.board-map .node-beijing{left:82%;top:18%;right:auto;width:29.3%}
.board-map .node-core{left:50%;top:53%;width:33.4%;height:33.8%}
.board-map .node-data{left:50%;top:88%;bottom:auto;width:29.3%}

.topo-map{isolation:isolate}
.topology-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.topology-lines line{stroke:var(--accent);stroke-width:.42;vector-effect:non-scaling-stroke;opacity:.82}
.topo-map .topo-link{display:none}
.topo-map .topo-node{z-index:2;transform:translate(-50%,-50%)}
.topo-map .tn-core{left:45%;top:50%}
.topo-map .tn-server{left:82%;top:20%;right:auto}
.topo-map .tn-factory{left:82%;top:80%;right:auto;bottom:auto}
.topo-map .tn-data{left:52%;top:90%;bottom:auto}
.topo-map .topo-tooltip{left:0;right:auto;bottom:0;z-index:4}

.consult-entry{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:20px;margin-top:42px;padding:24px 26px;border:1px solid rgba(84,224,176,.28);background:rgba(84,224,176,.06)}
.consult-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(84,224,176,.55);color:var(--accent);border-radius:50%}.consult-icon svg{width:22px}
.consult-copy h3{font-size:20px;margin:5px 0 5px}.consult-copy p{max-width:650px;margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.7}.consult-entry .button{white-space:nowrap}
@media(max-width:760px){.consult-entry{grid-template-columns:44px 1fr;gap:13px;padding:19px 16px;margin-top:30px}.consult-icon{width:40px;height:40px}.consult-copy h3{font-size:17px}.consult-copy p{font-size:12px}.consult-entry .button{grid-column:1/-1;justify-content:center}}

/* Final mobile overrides must follow the shared diagram coordinates above. */
@media(max-width:760px){
  .system-board{height:245px;min-height:245px;padding:12px 12px 10px}
  .system-board .board-map{height:160px}
  .system-board .board-map .node-wuhan,.system-board .board-map .node-beijing{top:18%;height:54px}
  .system-board .board-map .node-core{top:52%;height:60px}
  .system-board .board-map .node-data{top:88%;bottom:auto;height:44px}
  .system-board .map-node b{font-size:9px;line-height:1.15}
  .system-board .map-node small{font-size:7px;line-height:1.1}
  .system-board .board-footer{padding-top:10px}
  .system-board .board-lines line{stroke-width:.65}
}

/* ICP filing link in the legal footer. */
.footer-bottom{align-items:center;gap:18px}
.icp-link{color:rgba(255,255,255,.48);white-space:nowrap}
.icp-link:hover{color:var(--accent);text-decoration:underline}