:root{font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;color:#102939;background:#f7faf8;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin-top:0}.container{width:min(100% - 64px,1240px);margin-inline:auto}.skip-link{position:absolute;z-index:100;left:16px;top:-60px;padding:10px 16px;background:#fff;color:#102939}.skip-link:focus{top:12px}a:focus-visible,summary:focus-visible{outline:3px solid #62d6bc;outline-offset:4px}section[id]{scroll-margin-top:80px}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;color:#173b45;border-bottom:1px solid #dcebe7;background:#f9fdfbd9;backdrop-filter:blur(12px)}.header-inner{height:88px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-symbol{position:relative;display:block;width:37px;height:37px;border:1px solid #52ad9e;border-radius:11px;transform:rotate(-12deg);background:#b5e8dc80;box-shadow:inset 0 0 12px #77cbb533,0 0 18px #78c3af24}.brand-symbol span{position:absolute;display:block;width:11px;height:11px;border:2px solid #218d82;border-radius:4px;transform:rotate(45deg)}.brand-symbol span:nth-child(1){left:6px;top:7px}.brand-symbol span:nth-child(2){right:6px;top:7px}.brand-symbol span:nth-child(3){left:13px;bottom:5px}.brand-name{font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1}.brand-en{display:block;margin-top:6px;font-size:8px;font-weight:700;letter-spacing:.24em;opacity:.7}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.desktop-nav a{font-size:13px;color:#45656e;transition:color .2s}.desktop-nav a:hover{color:#127d78}.header-action{display:flex;align-items:center;justify-content:center;gap:14px;min-width:130px;height:38px;margin-left:12px;border:1px solid #68b5aa;color:#176d6a;border-radius:5px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.header-action:hover{background:#d9f2eb;color:#0c5f5c}.mobile-nav{display:none}
.hero{position:relative;min-height:760px;overflow:hidden;background:radial-gradient(circle at 71% 43%,#c9eae2 0,#e7f5f1 35%,transparent 61%),linear-gradient(112deg,#fbfefd 2%,#f0f8f5 70%,#e5f3f0 100%);color:#163a45}.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#438d8c33 1px,transparent 1px),linear-gradient(90deg,#438d8c33 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 15%,#000 80%)}.hero-glow{position:absolute;width:700px;height:700px;right:-200px;top:40px;border-radius:50%;background:radial-gradient(circle,#8bd7bf75,transparent 65%)}.hero-inner{position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:700px;padding-top:100px}.hero-copy{position:relative;z-index:2;padding-bottom:40px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.27em}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#218f85}.eyebrow-line{width:24px;height:1px;background:#218f85}.hero h1{margin:0 0 28px;font-size:clamp(56px,6.5vw,88px);line-height:1.15;letter-spacing:-.055em;font-weight:600}.hero h1 em{font-style:normal;color:#138e80}.hero-description{max-width:510px;color:#4f7077;font-size:16px;line-height:2}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 27px;min-height:52px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#128d82;color:#fff;box-shadow:0 12px 30px #128d8230}.button-primary:hover{background:#0d746e;box-shadow:0 16px 32px #128d8240}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:700;color:#1c6569;border-bottom:1px solid #79b6ad;padding:12px 0}.text-link:hover{color:#0f8b7b}.hero-note{display:flex;align-items:center;gap:9px;margin-top:57px;color:#5c7e84;font-size:12px}.note-dot{width:6px;height:6px;background:#2bad97;border-radius:50%;box-shadow:0 0 0 5px #2bad9721}.hero-bottom{position:relative;display:flex;align-items:center;gap:18px;height:60px;color:#71939a;font-size:10px;font-weight:700;letter-spacing:.17em}.scroll-line{width:52px;height:1px;background:#9dbbb9}.hero-bottom span:last-child{margin-left:auto}
.hero-art{position:relative;height:570px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid #2f94873b;border-radius:50%;pointer-events:none}.orbit-one{width:630px;height:630px;right:-105px;top:-24px}.orbit-two{width:480px;height:480px;right:-30px;top:55px}.hero-art:after{position:absolute;z-index:-1;content:'';width:440px;height:440px;right:42px;top:75px;border-radius:50%;background:#6df2c513;filter:blur(55px)}.visual-topline{position:absolute;z-index:2;left:42px;right:0;top:45px;height:54px;display:flex;align-items:center;gap:10px;padding:0 20px;border:1px solid #a5dace4d;border-bottom:0;border-radius:10px 10px 0 0;color:#dbeeea;background:#173c49d9;backdrop-filter:blur(18px);font-size:11px;font-weight:700;letter-spacing:.05em;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}.visual-mini-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:#0b3441;background:#70e2c0;font-size:15px}.visual-live{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:9px;color:#9fbdbc;font-weight:500}.visual-live i{width:6px;height:6px;border-radius:50%;background:#6aebbf}.visual-main{position:absolute;left:42px;right:0;top:97px;height:398px;display:grid;grid-template-columns:52px 1fr;border:1px solid #a5dace4d;border-radius:0 0 10px 10px;background:#ecf4f1;box-shadow:0 30px 65px #1b6e7e38,0 0 50px #67e3c023;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);overflow:hidden}.visual-sidebar{display:flex;align-items:center;flex-direction:column;gap:20px;padding-top:22px;background:#10313e}.visual-sidebar>span:not(.sidebar-logo){width:15px;height:15px;border-radius:5px;border:1px solid #6b9da3}.visual-sidebar .sidebar-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#71e4c2;color:#123e42}.visual-sidebar .sidebar-active{background:#6be4bc;border-color:#6be4bc!important;box-shadow:0 0 0 7px #65d9bc28}.visual-content{padding:27px 26px}.visual-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:16px;font-weight:700;color:#143440}.visual-heading small{font-size:9px;font-weight:600;letter-spacing:.08em;color:#8fa3a5}.visual-chart{height:200px;padding:18px 20px 14px;background:#fff;border:1px solid #dce9e6;border-radius:7px}.chart-title{display:flex;justify-content:space-between;color:#21444d;font-size:11px;font-weight:700}.chart-title small{font-size:9px;color:#91aaa9}.chart-bars{height:112px;display:flex;align-items:flex-end;gap:13px;padding:17px 4px 0;border-bottom:1px solid #d9e9e5;background:repeating-linear-gradient(to top,transparent,transparent 26px,#dce9e744 27px)}.chart-bars i{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(#54d7b9,#1e8b91);opacity:.8}.chart-bars i:nth-child(3n){background:linear-gradient(#95e6c9,#5bb9ac)}.chart-axis{display:flex;justify-content:space-between;margin-top:9px;color:#819d9f;font-size:9px}.visual-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.visual-tiles>div{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:6px;height:62px;padding:8px 10px;background:#fff;border:1px solid #dce9e6;border-radius:6px}.tile-icon{grid-row:span 2;display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e0f6ed;color:#169b8a;font-size:15px}.visual-tiles b{font-size:9px}.visual-tiles small{font-size:8px;color:#81999c}.floating-tag{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;padding:11px 15px;border:1px solid #a4e9d58a;background:#103744e8;box-shadow:0 14px 26px #001a27a3;color:#e6fbf3;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(10px)}.floating-tag span{color:#7eebc6}.tag-one{top:151px;right:-31px}.tag-two{bottom:49px;left:9px}
.section-pad{padding:116px 0}.section-kicker{margin:0 0 20px;color:#198d86}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.intro h2,.section-heading h2,.platform h2,.about h2{margin:0;font-size:clamp(32px,3.3vw,48px);line-height:1.35;letter-spacing:-.04em;font-weight:600}.intro-right>p{margin:0;color:#536c73;font-size:16px;line-height:2}.intro-rule{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:33px;padding-top:22px;border-top:1px solid #d8e7e4;color:#178b84;font-size:12px;font-weight:700}.intro-rule span:nth-child(even){color:#a7c7c0}
.solutions{background:#f3f8f6}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading>p{max-width:310px;margin:0;color:#60767b;font-size:14px;line-height:1.85}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.solution-card{min-width:0;overflow:hidden;border:1px solid #deebe7;background:#fff;box-shadow:0 16px 35px #173e3410;transition:transform .25s,box-shadow .25s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 24px 45px #173e3420}.card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;height:55px;padding:0 25px;font-size:10px;font-weight:700;letter-spacing:.17em;color:#3d777b;background:#dff0eb}.card-arrow{font-size:18px;font-weight:400}.video-card .card-top{background:#dbeef0}.waste-card .card-top{background:#e4efe5}.gate-card .card-top{background:#e2ede9}.card-graphic{position:relative;height:190px;overflow:hidden}.video-graphic{background:radial-gradient(circle at 50% 80%,#73bbc0 0,transparent 46%),linear-gradient(140deg,#357f8a,#1a6274)}.video-graphic:before,.gate-graphic:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:27px 27px}.video-frame{position:absolute;left:50%;top:52%;width:185px;height:100px;transform:translate(-50%,-50%) skewY(-5deg);border:1px solid #8edcd7;border-radius:5px;box-shadow:0 0 0 12px #9be7dd0d,0 0 40px #57d7d454;background:linear-gradient(160deg,#326b75,#123e53)}.video-frame i{position:absolute;left:30px;top:24px;width:70px;height:50px;background:linear-gradient(35deg,transparent 40%,#68c6bf7a 41% 48%,transparent 49%),linear-gradient(150deg,#377d7e,#154458);clip-path:polygon(0 100%,0 50%,25% 18%,47% 51%,69% 34%,100% 90%,100% 100%)}.video-frame b{position:absolute;right:22px;top:28px;width:35px;height:35px;border:1px solid #8fe7cc;border-radius:50%}.video-frame b:after{content:'';position:absolute;inset:9px;background:#8fe7cc;border-radius:50%}.video-frame small{position:absolute;bottom:12px;left:17px;color:#8be7ca;font-size:7px;letter-spacing:.15em}.graphic-cross{position:absolute;color:#8fe7cc;font-weight:300;font-size:22px}.cross-a{left:52px;top:33px}.cross-b{right:60px;bottom:24px}.waste-graphic{background:radial-gradient(circle at 50% 52%,#d9f1d8 0,#badacb 33%,#e6f2e8 75%)}.waste-ring{position:absolute;width:240px;height:240px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #5f9f7c;border-radius:50%}.waste-stack{position:absolute;z-index:1;width:148px;height:120px;left:50%;top:55%;transform:translate(-50%,-50%) rotate(-8deg);background:#f9fffa;border:1px solid #72ae89;box-shadow:12px 12px 0 #78b39355,22px 22px 0 #5d977b33}.waste-stack span{display:block;height:5px;margin:15px 18px;background:#a6d3b4;border-radius:4px}.waste-stack span:nth-child(2){width:75px}.waste-stack span:nth-child(3){width:95px}.waste-stack b{display:block;margin:5px 18px;color:#3b8767;font-size:13px}.gate-graphic{background:linear-gradient(140deg,#4b8588,#2e6874)}.gate-road{position:absolute;left:50%;top:0;width:155px;height:210px;transform:translateX(-50%) perspective(110px) rotateX(17deg);background:#284f59;border-left:2px solid #75c5ad;border-right:2px solid #75c5ad}.gate-line{position:absolute;left:50%;height:100%;border-left:2px dashed #8dd7b681}.gate-car{position:absolute;left:49px;top:67px;display:grid;place-items:center;width:55px;height:60px;background:#9ce4ce;color:#0a3d46;border:4px solid #398b8f;border-radius:12px;font-size:23px;transform:rotate(-2deg)}.gate-check{position:absolute;right:65px;top:39px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#0d544a;background:#9ce4ce;box-shadow:0 0 0 8px #a0ecd027;font-size:24px}.gate-caption{position:absolute;left:30px;bottom:25px;color:#b4e5d6;font-size:9px;letter-spacing:.2em}.card-content{padding:27px 26px 30px}.card-pill{display:inline-block;margin-bottom:14px;padding:5px 9px;border-radius:3px;color:#147f79;background:#e6f5ef;font-size:10px;font-weight:700}.card-content h3{margin:0 0 12px;font-size:24px;font-weight:600}.card-content p{min-height:93px;margin:0;color:#61777c;font-size:13px;line-height:1.85}.card-meta{display:block;margin-top:22px;padding-top:18px;border-top:1px solid #e0ebe8;color:#2c716e;font-size:11px;font-weight:700;letter-spacing:.04em}
.platform{overflow:hidden;background:#e6f4f0;color:#173d45}.platform-grid{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:440px}.platform .section-kicker{color:#1b9185}.platform h2{font-size:clamp(40px,4vw,58px)}.platform-copy>p:not(.section-kicker){max-width:430px;margin:30px 0 20px;color:#55757b;font-size:14px;line-height:2}.dark-link{color:#167a73}.platform-diagram{position:relative;height:430px;background:radial-gradient(circle at 50% 50%,#c8e9df 0,#d9eee8 28%,transparent 58%)}.diagram-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #4eaaa74d;border-radius:50%}.outer-ring{width:410px;height:410px}.inner-ring{width:270px;height:270px;border-style:dashed}.diagram-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;width:150px;height:150px;border:1px solid #278d86;border-radius:50%;background:#247c80;color:#fff;box-shadow:0 0 0 15px #8de8ca15,0 0 70px #7ef2c24d}.diagram-center span{color:#8df0ce;font-size:28px}.diagram-center b{margin:6px 0 3px;font-size:16px}.diagram-center small{color:#a1dfd1;font-size:11px}.diagram-node{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #a6d4c9;background:#fff;box-shadow:0 16px 30px #487d7150;color:#255a60;font-size:12px;font-weight:700}.diagram-node span{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:#daf3e9;color:#198c82;font-size:18px}.node-video{left:10%;top:12%}.node-waste{right:5%;top:25%}.node-gate{left:17%;bottom:10%}.diagram-coordinate{position:absolute;color:#6e9a9b;font-size:10px;letter-spacing:.12em}.coordinate-a{right:10%;bottom:10%}.coordinate-b{left:7%;top:48%}
.approach{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7e7e3}.step{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:32px 24px 0 0}.step+.step{border-left:1px solid #d7e7e3;padding-left:30px}.step-no{font-size:14px;font-weight:700;color:#259b8c}.step h3{margin:0 0 12px;font-size:19px}.step p{max-width:260px;margin:0;color:#667d81;font-size:13px;line-height:1.9}
.about{padding:90px 0;background:#dcefe7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-size:clamp(32px,3.6vw,52px)}.about-grid>div:last-child{padding-top:26px}.about-grid>div:last-child p{margin:0 0 25px;color:#426268;font-size:15px;line-height:2}.button-outline{min-height:48px;border:1px solid #195f61;color:#174e55}.button-outline:hover{background:#c1e5d8}.site-footer{padding:60px 0 25px;color:#23464c;background:#edf5f3}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-bottom:65px}.footer-main p{margin:25px 0 0;color:#66868a;font-size:13px}.footer-contact{font-style:normal}.footer-contact h2{margin:0 0 13px;color:#23464c;font-size:12px;font-weight:600}.footer-contact a{display:block;margin-top:9px;color:#4c777d;font-size:12px}.footer-contact a:hover{color:#0d8d7c;text-decoration:underline}.footer-main nav{display:flex;gap:35px;padding-top:13px}.footer-main nav a{font-size:12px}.footer-main nav a:hover{color:#0d8d7c}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid #7da6a33d;color:#6c858a;font-size:11px}.footer-bottom a{color:inherit}.footer-bottom a:hover{color:#0d8d7c;text-decoration:underline}
@media(max-width:1050px){.desktop-nav{gap:20px}.header-inner{gap:24px}.hero-inner{grid-template-columns:48% 52%}.hero h1{font-size:60px}.hero-art{transform:scale(.88);transform-origin:center left}.tag-one{right:-10px}.solution-grid{gap:12px}.card-content{padding:22px 20px 26px}.card-content p{min-height:120px}.platform-grid{grid-template-columns:45% 55%}.footer-main{flex-wrap:wrap}.footer-main nav{width:100%;padding-top:0}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.header-inner{height:70px}.site-header{position:absolute}.brand-name{font-size:18px}.desktop-nav,.header-action{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{display:flex;flex-direction:column;justify-content:space-between;width:42px;height:37px;padding:10px 8px;border:1px solid #7ab9ad;border-radius:4px;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:24px;height:1px;background:#266d69}.mobile-nav nav{position:absolute;right:0;top:47px;display:grid;width:190px;padding:7px;background:#fff;border:1px solid #c7dfda;box-shadow:0 16px 30px #3f81702d}.mobile-nav nav a{padding:12px 14px;font-size:13px}.mobile-nav nav a:hover{background:#e9f6f1}.hero{min-height:0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:150px}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(52px,12vw,76px)}.hero-description{font-size:14px}.hero-actions{margin-top:30px;gap:22px}.hero-note{margin-top:34px}.hero-art{height:400px;margin:5px -20px 0;transform:scale(.7);transform-origin:top center}.visual-topline{top:20px}.visual-main{top:72px}.tag-one{top:130px}.tag-two{bottom:-20px}.hero-bottom{height:55px}.section-pad{padding:78px 0}.intro-grid,.platform-grid,.about-grid{grid-template-columns:1fr;gap:32px}.intro h2,.section-heading h2,.platform h2,.about h2{font-size:35px}.intro-right>p{font-size:14px}.intro-rule{font-size:10px}.section-heading{display:block}.section-heading>p{max-width:500px;margin-top:19px}.solution-grid{grid-template-columns:1fr;gap:18px}.card-graphic{height:210px}.card-content p{min-height:0}.platform-diagram{height:360px;margin:0 -20px}.outer-ring{width:335px;height:335px}.inner-ring{width:220px;height:220px}.diagram-center{width:125px;height:125px}.node-video{left:1%;top:10%}.node-waste{right:0;top:30%}.node-gate{left:5%;bottom:7%}.steps{display:block}.step{padding:24px 0}.step+.step{border-left:0;border-top:1px solid #d7e7e3;padding-left:0}.about{padding:78px 0}.about-grid>div:last-child{padding:0}.footer-main{display:block;padding-bottom:40px}.footer-contact{margin-top:28px}.footer-main nav{display:grid;grid-template-columns:repeat(2,max-content);gap:15px 30px;margin-top:28px}.footer-bottom{gap:15px;flex-wrap:wrap}}
@media(max-width:430px){.hero-inner{padding-top:135px}.hero h1{font-size:50px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-art{margin-left:-36px;transform:scale(.58);transform-origin:top left;height:340px;width:640px}.hero-bottom{margin-top:0}.intro-rule{flex-wrap:wrap;justify-content:flex-start;gap:8px}.platform-diagram{transform:scale(.86);transform-origin:center}.diagram-node{padding:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}