:root{--green:#0b5a43;--dark:#083b30;--red:#ed1c2e;--ink:#162c26;--muted:#65736d;--line:#d5ded9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;gap:28px;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0ed}.brand{display:block;width:194px}.brand img{display:block;width:100%;height:auto}nav{display:flex;gap:40px;font-size:14px}nav a:hover,footer a:hover{color:var(--green)}.nav-cta{font-size:14px;border-bottom:1px solid var(--green);padding:10px 0;display:flex;gap:26px}.nav-cta span{color:var(--red)}.hero{min-height:650px;height:calc(100svh - 94px);max-height:900px;background:#123e32;position:relative;color:white;overflow:hidden}.hero-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,34,25,.8),rgba(3,34,25,.3) 48%,transparent 80%)}.hero-copy{position:relative;padding:95px 6% 120px;max-width:780px}.eyebrow{font-size:14px;letter-spacing:2px;display:flex;align-items:center;gap:14px}.red-line{width:30px;height:3px;background:var(--red);display:inline-block}h1{font-size:clamp(52px,5.7vw,86px);font-weight:500;letter-spacing:-2px;line-height:1.3;margin:34px 0 26px}.red-period{color:var(--red)}.hero-description{font-size:18px;line-height:1.9;color:#e2e8e3}.button{display:inline-flex;gap:52px;align-items:center;background:white;color:var(--dark);padding:19px 24px;margin-top:25px;font-size:15px}.button:hover{background:#e8efeb}.button span{color:var(--red);font-size:22px}.hero-bottom{position:absolute;bottom:28px;left:6%;right:5%;display:flex;justify-content:space-between;font-size:12px;color:#d3ddd5;letter-spacing:1.4px}.hero-bottom span:last-child{letter-spacing:0}.intro{padding:115px 7%;display:grid;grid-template-columns:1fr 2fr;gap:70px}.section-label{font-size:13px;font-weight:500;letter-spacing:2px;color:var(--green);margin-bottom:26px}h2{font-size:clamp(32px,3.1vw,48px);font-weight:500;line-height:1.45;letter-spacing:-1px;margin:0}.intro-bottom{display:flex;gap:65px;margin-top:32px;align-items:center}.intro-bottom p{font-size:16px;line-height:1.95;color:var(--muted);max-width:530px;margin:0}.wordmark{font-size:45px;white-space:nowrap;font-weight:800;color:var(--green)}.wordmark span{display:block;font-size:12px;letter-spacing:5px;margin-top:5px}.solutions{padding:95px 7% 105px;background:#f2f5f3}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0 0 7px}.solution-layout{display:grid;grid-template-columns:1fr 1.22fr;gap:65px}.solution-tabs{display:flex;flex-direction:column}.solution-tabs button{border:0;border-top:1px solid var(--line);text-align:left;background:transparent;display:flex;align-items:center;gap:25px;cursor:pointer;color:#5d6e67;padding:23px 12px 23px 0;min-height:99px}.solution-tabs button:last-child{border-bottom:1px solid var(--line)}.tab-number{font-size:13px;align-self:flex-start;padding-top:6px}.solution-tabs button>span:nth-child(2){font-size:23px}.solution-tabs small{font-size:12px;letter-spacing:1.6px;display:block;margin-top:8px}.tab-arrow{margin-left:auto;font-size:26px;opacity:0}.solution-tabs button[aria-selected=true]{color:var(--green);border-top:2px solid var(--green)}.solution-tabs button[aria-selected=true] .tab-arrow{opacity:1;color:var(--red)}.solution-tabs button:hover{background:#e6ede8}.solution-panel{min-height:507px;color:white;background:var(--green);padding:34px 42px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.panel-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#b5d2c5}.panel-copy{padding:55px 0 40px}.panel-kicker{font-size:14px;color:#c1dbd0;margin:0 0 15px}.panel-copy h3{font-size:36px;line-height:1.4;font-weight:500;margin:0 0 25px}.panel-copy>p:not(.panel-kicker){font-size:16px;line-height:1.9;color:#e1ece6;max-width:430px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.tags span{border:1px solid #70a18e;font-size:13px;padding:8px 12px}.panel-note{margin:0;padding-top:22px;border-top:1px solid #43806b;color:#bdd7ca;font-size:12px}.approach{padding:105px 7% 115px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.step-number{font-size:50px;font-weight:300;color:var(--green)}.step-rule{height:1px;background:var(--line);margin:24px 0}.step-en{font-size:12px;letter-spacing:2px;color:var(--muted)}.steps h3{font-size:23px;font-weight:500;margin:15px 0}.steps article>p:last-child{color:var(--muted);font-size:16px;line-height:1.9;max-width:320px}.closing{background:var(--dark);color:white;padding:75px 7% 80px;position:relative}.closing>p{color:#bbd0c5;font-size:15px;letter-spacing:2px;margin:0 0 24px}.closing h2{font-size:clamp(30px,4.4vw,68px);letter-spacing:1px}.closing h2 span{color:#ed3344}.closing a{display:inline-flex;gap:65px;padding:15px 0;border-bottom:1px solid #8aada0;margin-top:30px;font-size:15px}footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.footer-name{font-size:27px;font-weight:700;color:var(--green)}.footer-name span{font-size:12px;letter-spacing:2px;margin-left:12px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}
@media(min-width:1500px){.hero-copy{padding-top:130px}.intro,.solutions,.approach{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{height:80px;padding:0 5%;gap:20px}.brand{width:158px}nav{gap:22px}.nav-cta{display:none}.hero{height:760px;min-height:0}.hero-copy{padding-top:75px}.hero-img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,34,25,.85),rgba(3,34,25,.25))}.intro{gap:35px;grid-template-columns:1fr 2fr;padding:75px 6%}.intro-bottom{gap:20px}.wordmark{display:none}.solutions,.approach{padding:75px 6%}.solution-layout{gap:30px;grid-template-columns:1fr 1.1fr}.solution-panel{padding:25px}.panel-copy h3{font-size:28px}.steps{gap:30px}.section-heading>p{max-width:190px}}
@media(max-width:600px){html{scroll-padding-top:75px}header{height:75px;gap:15px}.brand{width:125px;flex-shrink:0}nav{gap:15px;font-size:12px}nav a:last-child{display:none}.hero{height:720px}.hero-img{object-position:64% center}.hero-shade{background:linear-gradient(180deg,rgba(3,34,25,.82),rgba(3,34,25,.52) 48%,rgba(3,34,25,.1))}.hero-copy{padding:52px 7% 80px}.eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:49px;letter-spacing:-1px;margin-top:35px;line-height:1.35}.hero-description{font-size:16px}.button{margin-top:16px;padding:16px 20px;gap:35px}.hero-bottom{left:7%;right:7%;font-size:10px;line-height:1.8;gap:15px}.hero-bottom span:first-child{max-width:190px}.hero-bottom span:last-child{font-size:11px;white-space:nowrap}.intro{display:block;padding:65px 7%}.intro-bottom{margin-top:26px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:24px;max-width:none}.section-heading>p br{display:none}.solutions,.approach{padding:65px 7%}.solution-layout{display:block}.solution-tabs{margin-bottom:26px}.solution-tabs button{min-height:78px;padding:18px 8px 18px 0;gap:19px}.solution-tabs button>span:nth-child(2){font-size:21px}.solution-tabs small{font-size:11px}.solution-panel{min-height:420px;padding:26px}.panel-copy{padding:40px 0 25px}.panel-copy h3{font-size:29px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.step-number{font-size:40px}.step-rule{margin:16px 0}.steps article>p:last-child{max-width:none}.closing{padding:55px 7%}.closing>p{font-size:13px;letter-spacing:1px}.closing h2{font-size:32px;line-height:1.7}.closing a{margin-top:18px}footer{padding:28px 7%;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.footer-name{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Supplied DX MOTION brand visual: retain the complete composition. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-hero{background:#f4f3ef}.brand-hero-image{display:block;width:100%;height:auto;aspect-ratio:3/2}.brand-hero-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 7%;background:var(--dark);color:white}.brand-hero-footer p{margin:0;font-size:18px;letter-spacing:2px;line-height:1.6}.brand-hero-footer p span{display:block;font-size:12px;letter-spacing:2px;color:#bdd7ca;margin-top:4px}.brand-hero-link{display:inline-flex;align-items:center;gap:40px;flex-shrink:0;border-bottom:1px solid #8aada0;padding:12px 0;font-size:15px}.brand-hero-link span{color:var(--red);font-size:24px}.brand-hero-link:hover{border-color:white}@media(max-width:600px){.brand-hero-footer{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 7%}.brand-hero-footer p{font-size:18px}.brand-hero-footer p span{font-size:12px;letter-spacing:1px}.brand-hero-link{gap:40px;padding:8px 0;font-size:16px}}

/* Brand manual: one auxiliary motif per section, with clear text space. */
.wordmark-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;color:var(--green)}.brand-rhythm{display:block;width:148px;height:51px;overflow:hidden}.wordmark-lockup .wordmark{line-height:1.1}.wordmark-lockup .wordmark span{font-size:12px;letter-spacing:4px;margin-top:12px}.section-label{display:flex;align-items:center;gap:12px}.section-label::before{content:"";width:24px;height:3px;flex-shrink:0;background:linear-gradient(90deg,var(--green) 0 68%,var(--red) 68%)}.closing{isolation:isolate;overflow:hidden;padding-bottom:190px}.motion-arc{position:absolute;width:66%;height:125px;right:0;bottom:0;z-index:-1;pointer-events:none}.closing>p,.closing h2,.closing a{position:relative;z-index:1}.footer-name{display:flex;align-items:center;gap:14px}.footer-name span{margin-left:0;letter-spacing:3px}.closing h2 span{color:var(--red)}@media(max-width:900px){.wordmark-lockup{gap:18px}.wordmark-lockup .wordmark{display:block;font-size:36px}.brand-rhythm{width:116px;height:40px}.intro-bottom{align-items:flex-start;gap:30px}.closing{padding-bottom:165px}.motion-arc{width:78%;height:105px}}@media(max-width:600px){.intro-bottom{flex-direction:column;gap:32px}.wordmark-lockup{flex-direction:row;align-items:center;gap:28px}.wordmark-lockup .wordmark{font-size:34px}.brand-rhythm{width:112px;height:39px}.closing{padding-bottom:138px}.motion-arc{width:95%;height:72px}.footer-name span{font-size:12px}}

.brand-visual{position:relative;container-type:inline-size}.brand-signature{position:absolute;right:3.7%;bottom:5.6%;width:9.4%;height:5.6%;padding:.65cqw .3cqw .45cqw;background:linear-gradient(115deg,#084c3b,#074936);color:white;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;white-space:nowrap}.brand-signature>span{font-size:1.1cqw;letter-spacing:.13cqw;line-height:1.2}.brand-signature>small{display:flex;align-items:center;gap:.9cqw;font-size:.78cqw;letter-spacing:.025cqw;line-height:1.2}.brand-signature>small::before{content:"";width:1.6cqw;height:1px;background:white}.wordmark-year{display:block;font-size:12px;font-weight:400;letter-spacing:2px;margin-top:10px}.footer-name span small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;margin-top:6px}

.record-footer{border-top:1px solid var(--line);padding:18px 7% 22px;text-align:center;color:var(--muted);font-size:14px;line-height:1.6}