:root{--ink:#172f39;--muted:#627478;--green:#327d68;--light:#f7f8f4;--line:#dce3dd;--cream:#f0f3ec;--dark:#142e36;--mint:#b4d8be;--font:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--light);color:var(--ink);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #59ac98;outline-offset:5px}svg{display:block}h1,h2,h3,p{margin:0}button{color:inherit}h1,h2,h3{font-weight:600}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.45;letter-spacing:-1.2px}h3{line-height:1.5}.container{max-width:1256px;width:calc(100% - 112px);margin:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--dark);color:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{height:96px;background:rgba(247,248,244,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.nav-wrap{display:flex;height:100%;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:23px;line-height:1.4;font-weight:600;letter-spacing:2px}.brand-mark{width:34px;height:38px;color:var(--green)}.brand small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:1.45px;margin-top:3px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{white-space:nowrap;transition:color .2s}nav a:hover{color:var(--green)}.nav-contact{border:1px solid #9aa9a2;border-radius:3px;padding:11px 20px}.nav-contact span{margin-left:16px}.menu-toggle{display:none}.hero{background:linear-gradient(90deg,#f7f8f4 40%,#eef2ea 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;align-items:center;gap:15px;padding-top:35px;padding-bottom:35px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--green);margin-bottom:25px}.status-dot,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#478c70;flex-shrink:0}.status-dot{box-shadow:0 0 0 4px #dce9de}h1{font-size:clamp(38px,4.25vw,60px);line-height:1.38;letter-spacing:-1.5px;white-space:nowrap}.accent{color:var(--green)}.hero-description{max-width:460px;font-size:16px;color:var(--muted);line-height:1.95;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 24px;font-size:14px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--dark);color:white}.primary:hover{background:#275052}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:18px;padding:10px 0;border-bottom:1px solid #99aaa0}.hero-actions .text-link{border:0}.hero-footnote{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:1px;color:#7b8985;margin-top:55px}.hero-footnote i{height:12px;width:1px;background:#c5d1c7}.hero-visual{position:relative;aspect-ratio:1/1;min-width:0}.platform-art{width:112%;margin-left:-6%;margin-top:-4%}.visual-topline,.visual-bottomline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#6f8f81;position:absolute;left:6%;right:2%}.visual-topline{top:0}.visual-cross{font-size:20px;line-height:1}.visual-bottomline{bottom:1%}.art-label{position:absolute;background:rgba(250,252,248,.94);padding:8px 14px;border:1px solid #d4e0d7;font-size:11px;letter-spacing:1px;box-shadow:0 6px 24px #244e3410;display:flex;gap:7px;align-items:center;border-radius:2px}.label-top{top:6%;left:41%}.label-left{top:40%;left:0}.label-right{top:40%;right:-3%}.core-label{position:absolute;left:50%;transform:translateX(-50%);bottom:4%;text-align:center;white-space:nowrap;font-size:14px}.core-label small{display:block;font-size:10px;letter-spacing:2px;color:#728d80;margin-top:4px}.visual-bottomline{bottom:-4%}.floating-node{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.hero-strip{border-top:1px solid #d4ded5;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1px;padding-top:23px;padding-bottom:23px}.hero-strip>span:nth-child(2){color:#76877f;margin-left:auto;margin-right:30px}.hero-strip a{border:1px solid #bdcfc1;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.section{padding:108px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;margin-bottom:54px}.section-intro{max-width:440px;color:var(--muted);font-size:15px;line-height:1.95}.about-heading .section-intro{padding-bottom:7px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability{padding:32px 34px 30px 0;display:flex;flex-direction:column}.capability+.capability{border-left:1px solid var(--line);padding-left:34px}.capability:last-child{padding-right:0}.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.capability-top>span{font-size:11px;color:#8b9991}.capability-top svg{width:43px;height:43px;stroke:#578b75;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.capability h3{font-size:21px;margin-bottom:14px}.capability p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:32px}.capability-tag{font-size:10px;letter-spacing:1px;color:#46775f;margin-top:auto}.platform-section{background:var(--dark);color:#edf3ee}.platform-section .eyebrow{color:#9dcab1}.platform-section .section-intro{color:#afc1bd}.process-tabs{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #40555b;border-bottom:1px solid #40555b}.process-tabs button{border:0;border-radius:0;background:transparent;color:#b4c2c1;padding:25px 12px;display:flex;align-items:center;gap:13px;justify-content:center;font-size:16px;position:relative;transition:color .2s,background .2s}.process-tabs button span{font-size:10px;color:#9ab4ab}.process-tabs button[aria-selected=true]{background:#244941;color:#d0edd6}.process-tabs button[aria-selected=true]:after{content:"";height:2px;bottom:0;left:0;right:0;position:absolute;background:#a2d2af}.process-tabs button:hover{background:#23423e}.process-panel{display:grid;grid-template-columns:.8fr 1.5fr;gap:55px;padding:50px 0;min-height:300px;align-items:center}.process-description .eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:2px}.process-description h3{font-size:32px;margin-bottom:10px}.process-description p{font-size:14px;color:#bccfc6;line-height:1.85;max-width:330px}.process-pills{display:flex;gap:8px;margin-top:25px}.process-pills span{font-size:10px;border:1px solid #3f6059;border-radius:3px;padding:4px 10px;color:#b5c9bd}.process-diagram{display:flex;align-items:center;justify-content:center;padding:25px 0}.diagram-node{text-align:center;border:1px solid #47625d;padding:25px 15px;font-size:13px;white-space:nowrap;min-width:108px;background:#1a363d}.diagram-node small,.diagram-hub small{display:block;font-size:8px;letter-spacing:1.5px;color:#9eb6ab;margin-top:6px}.diagram-hub{padding:28px 18px;text-align:center;border:1px solid #86ae96;background:#274e46;min-width:165px;box-shadow:0 0 0 9px #1c3c3d;font-size:14px;color:#d2ebd7}.diagram-hub svg{width:32px;height:32px;stroke:#a7d2b8;stroke-width:1.4;fill:none;margin:0 auto 12px}.diagram-line{height:1px;background:#6a9485;min-width:20px;flex:1;max-width:55px;position:relative}.diagram-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:#afccae;border-radius:50%}.platform-note{border-top:1px solid #3d5558;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#93b2a7}.integration-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:95px}.integration-grid .section-intro{margin:25px 0;max-width:350px}.integration-grid .text-link{margin-top:10px}.integration-methods{border-top:1px solid #cdd9ce}.integration-methods article{display:flex;align-items:center;gap:30px;padding:31px 0;border-bottom:1px solid #cdd9ce}.method-code{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;font-size:18px;letter-spacing:1px;font-weight:600;border:1px solid #c6d8cc;border-radius:50%;color:#3c765d;background:#edf2e9}.integration-methods h3{font-size:18px;margin-bottom:8px}.integration-methods p{font-size:13px;color:var(--muted);max-width:290px}.method-index{margin-left:auto;font-size:10px;color:#8b9d8f;align-self:flex-start}.cooperation-section{background:#e8efe5;padding:64px 0}.cooperation-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;align-items:center}.cooperation-section h2{font-size:35px}.cooperation-copy>p{font-size:15px;color:#536e5d;max-width:485px;line-height:1.9}.partner-names{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px}.partner-names>span{font-size:19px;font-weight:500;letter-spacing:1px}.partner-names>span+span{border-left:1px solid #b8cabb;padding-left:26px}.partner-names small{font-size:10px;color:#718473}.contact-section{padding:84px 0;background:#f1f4eb}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.contact-section h2{font-size:40px}.contact-section .eyebrow{font-size:10px}.contact-section p:not(.eyebrow):not(.copy-status){font-size:14px;color:var(--muted);margin-top:20px;max-width:430px}.contact-detail{border-top:1px solid #adbfb0;padding-top:26px}.contact-detail>span{font-size:12px;color:#5c7963}.email-link{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:clamp(20px,2.2vw,30px);margin:16px 0;letter-spacing:-.6px}.email-link>span{font-size:24px}.copy-email{border:0;background:none;padding:8px 0;font-size:12px;color:#5f7d66}.copy-email span{margin-left:14px}.copy-status{min-height:21px;font-size:12px;color:#327d68}footer{background:#102c31;color:#b6cac2;padding:45px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:1px solid #38514e}.footer-brand{font-size:20px;letter-spacing:2px;color:#e9f1e8}.footer-brand span{display:block;font-size:10px;letter-spacing:1.5px;color:#94b1a3;margin-top:6px}.back-top{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:10px;letter-spacing:.3px;color:#9ab3a7}.footer-bottom a:hover{text-decoration:underline}
@media(min-width:1600px){.container{max-width:1320px}.hero-grid{min-height:720px}.hero-visual{max-width:620px}.hero-description{font-size:17px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:20px;font-size:13px}.brand{font-size:21px}.brand small{font-size:7px;letter-spacing:1.1px}.nav-contact{padding:9px 12px}.hero-grid{min-height:600px}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-footnote{margin-top:36px}.section{padding:80px 0}.section-heading{gap:45px}.section-intro{max-width:380px;font-size:14px}.integration-grid,.cooperation-grid{gap:55px}.process-panel{gap:30px}.diagram-node{min-width:85px;font-size:12px;padding:20px 10px}.diagram-hub{min-width:135px;padding:23px 10px;font-size:13px}.process-tabs button{gap:9px}.capability h3{font-size:19px}.capability{padding-right:24px}.capability+.capability{padding-left:24px}.integration-methods article{gap:20px}.contact-grid{gap:50px}}
@media(max-width:850px){.site-header{height:78px}.brand{font-size:20px}.brand-mark{width:29px;height:32px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;border:1px solid #b7c7bb;border-radius:3px;width:40px;height:38px;padding:9px;background:transparent}.menu-toggle span{display:block;width:20px;height:1px;background:#254f46;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:77px;background:#f7f8f4;padding:20px 32px 28px;border-bottom:1px solid #cbd7cd;box-shadow:0 20px 25px #12382c0d;flex-direction:column;gap:0;align-items:stretch}nav.open{display:flex}nav a{padding:13px 0}.nav-contact{margin-top:12px;padding:12px 18px;display:flex;justify-content:space-between}.hero-grid{grid-template-columns:1fr;gap:10px;padding-top:60px;padding-bottom:10px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(34px,6vw,52px)}.hero-description{font-size:16px;max-width:480px}.hero-visual{width:80%;max-width:510px;justify-self:center;margin-top:18px}.hero-footnote{margin-top:28px}.hero-strip{margin-top:38px}.hero-strip>span:nth-child(2){display:none}.section-heading{display:block}.section-heading .section-intro{margin-top:25px;max-width:550px}.capability-grid{grid-template-columns:1fr}.capability,.capability+.capability,.capability:last-child{padding:25px 0;display:grid;grid-template-columns:70px 1fr;gap:10px 25px;border-left:0}.capability+.capability{border-top:1px solid var(--line)}.capability-top{grid-row:1/4;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;margin:0}.capability h3{font-size:20px;margin:0}.capability p{margin:0;max-width:600px}.capability-tag{margin-top:8px}.process-panel{grid-template-columns:1fr;gap:25px;padding:35px 0}.process-description p{max-width:100%}.process-diagram{padding:25px 0}.diagram-node{min-width:110px}.diagram-line{max-width:100px}.diagram-hub{min-width:160px}.process-tabs button{flex-direction:column;gap:3px;padding:17px 5px;font-size:15px}.process-pills{margin-top:18px}.integration-grid,.cooperation-grid{grid-template-columns:1fr;gap:38px}.integration-grid .section-intro{max-width:500px}.integration-methods article{gap:30px}.integration-methods p{max-width:500px}.cooperation-section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-detail{max-width:520px}.email-link{font-size:29px}.section-heading{margin-bottom:38px}}
@media(max-width:480px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.site-header{height:72px}.brand{font-size:18px;letter-spacing:1.5px}.brand small{font-size:6.5px;letter-spacing:.85px}.brand-mark{width:27px;height:30px}nav{top:71px;padding-left:20px;padding-right:20px}.hero-grid{padding-top:42px}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:20px}h1{letter-spacing:-1px}.hero h1{font-size:clamp(29px,7.7vw,37px);line-height:1.5;white-space:normal}.hero-description{font-size:14px;line-height:1.9;margin-top:20px}.hero-actions{gap:18px;margin-top:26px}.button{font-size:12px;padding:14px 17px;gap:17px}.text-link{font-size:12px;gap:11px}.hero-footnote{font-size:9px;gap:10px;margin-top:28px}.hero-visual{width:100%;margin-top:32px}.visual-topline,.visual-bottomline{font-size:6px;letter-spacing:1.1px}.art-label{font-size:9px;padding:5px 9px}.label-right{right:0}.core-label{font-size:12px;bottom:1%}.core-label small{font-size:8px}.visual-bottomline{bottom:-6%}.hero-strip{margin-top:35px;font-size:10px;padding-top:20px;padding-bottom:20px}.section{padding:64px 0}h2{font-size:29px;letter-spacing:-.8px}.section-intro{font-size:14px}.section-heading{margin-bottom:32px}.capability,.capability+.capability,.capability:last-child{grid-template-columns:45px 1fr;gap:8px 20px;padding:25px 0}.capability-top svg{width:33px;height:33px}.capability h3{font-size:18px}.capability p{font-size:13px}.capability-tag{font-size:9px}.process-tabs button{font-size:13px;padding:15px 2px}.process-tabs button span{font-size:9px}.process-panel{padding:30px 0;gap:15px}.process-description h3{font-size:28px}.process-diagram{gap:0}.diagram-node{min-width:76px;padding:18px 9px;font-size:10px}.diagram-node small{font-size:6px;letter-spacing:.8px}.diagram-hub{min-width:115px;padding:22px 10px;font-size:11px;box-shadow:0 0 0 5px #1c3c3d}.diagram-hub small{font-size:7px}.diagram-line{min-width:12px}.platform-note{font-size:10px;line-height:1.9}.integration-grid{gap:25px}.integration-methods article{gap:20px;padding:24px 0}.method-code{width:58px;height:58px;font-size:15px}.integration-methods h3{font-size:16px}.integration-methods p{font-size:12px}.method-index{font-size:8px}.cooperation-section{padding:50px 0}.cooperation-section h2{font-size:29px}.cooperation-grid{gap:25px}.cooperation-copy>p{font-size:14px}.partner-names{gap:20px}.partner-names>span{font-size:17px}.partner-names>span+span{padding-left:20px}.partner-names small{font-size:9px}.contact-section h2{font-size:29px}.email-link{font-size:24px}.contact-section p:not(.eyebrow):not(.copy-status){font-size:13px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px;font-size:9px}.footer-brand{font-size:18px}.footer-brand span{font-size:9px}.back-top{font-size:10px}footer{padding-top:32px}.footer-top{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}