@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#10231f;--soft:#203832;--paper:#f5f4ee;--cream:#e9e5d8;--mint:#b9f5cb;--lime:#d6ff8e;--coral:#ff7c62;--white:#fffef9;--muted:#687570;--line:rgba(16,35,31,.16);--shell:min(1180px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin:auto}.skip{position:fixed;z-index:200;top:8px;left:8px;padding:10px;background:#fff;transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:fixed;inset:0 0 auto;z-index:100;height:78px;color:var(--white);border-bottom:1px solid #ffffff24;transition:.3s}.header.scrolled,.legal-page .header{color:var(--ink);background:#f5f4eef2;box-shadow:0 8px 28px #10231f0f;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:11px;font:700 21px/1 'Manrope';letter-spacing:-.8px}.brand-icon{width:31px;height:31px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;padding:6px;border-radius:9px;color:var(--ink);background:var(--lime);transform:rotate(-5deg)}.brand-icon i{display:block;background:currentColor;border-radius:3px}.brand-icon i:nth-child(1){height:8px}.brand-icon i:nth-child(2){height:18px}.brand-icon i:nth-child(3){height:13px}.nav{margin-left:82px;display:flex;gap:34px;font-size:13px}.nav a{opacity:.75}.nav a:hover{opacity:1}.header-cta{margin-left:auto;padding:11px 15px;color:var(--ink);background:var(--lime);border-radius:3px;font-size:12px;font-weight:600}.menu-button,.mobile-nav{display:none}
.hero{min-height:820px;padding-top:78px;position:relative;overflow:hidden;color:var(--white);background:var(--ink)}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 90%)}.orbit{position:absolute;width:560px;height:560px;right:-230px;top:40px;border:1px solid #b9f5cb3d;border-radius:50%;box-shadow:0 0 0 72px #b9f5cb08,0 0 0 150px #b9f5cb05}.hero-layout{min-height:655px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px;position:relative;z-index:2}.eyebrow{margin:0;display:flex;align-items:center;gap:10px;color:var(--mint);text-transform:uppercase;letter-spacing:1.9px;font-size:10px;font-weight:600}.eyebrow i{width:24px;height:1px;background:currentColor}.hero h1,.section-copy h2,.section-title h2,.principles-copy h2,.contact h2,.legal-hero h1{margin:24px 0;font:600 clamp(52px,6.2vw,86px)/.98 'Manrope';letter-spacing:-5px}.hero h1 em,.contact h2 em{color:var(--lime);font-style:normal}.lede{max-width:570px;color:#c5d0cc;font-size:17px;line-height:1.7}.actions{margin-top:40px;display:flex;align-items:center;gap:30px}.button{min-width:190px;padding:15px 17px;color:var(--ink);background:var(--lime);border-radius:3px;font-size:12px;font-weight:600}.email{color:#dce5e2;font-size:12px;border-bottom:1px solid #ffffff59;padding-bottom:5px}
.product{position:relative;min-height:470px;padding:14px;color:var(--ink);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 36px 80px #00000047;transform:rotate(1.2deg)}.product:before{content:'';position:absolute;inset:14px;background:var(--white);border-radius:10px}.app-head,.app-body{position:relative;z-index:1}.app-head{height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9e2}.app-head b{display:flex;align-items:center;gap:8px;font:700 12px 'Manrope'}.app-head b i{width:15px;height:15px;background:var(--ink);border-radius:4px}.app-head>span{display:flex;align-items:center;gap:6px;padding:6px 9px;background:#edf6eb;border-radius:50px;font-size:9px}.app-head>span i{width:5px;height:5px;background:#48a564;border-radius:50%}.app-body{display:grid;grid-template-columns:70px 1fr;min-height:385px}.app-body aside{padding-top:30px;display:flex;flex-direction:column;align-items:center;gap:17px;border-right:1px solid #e7e9e2}.app-body aside i{width:28px;height:5px;background:#cbd1cc;border-radius:9px}.app-body aside i:first-child{background:var(--coral)}.app-body aside i:nth-child(3){width:18px}.app-body aside b{margin:auto 0 22px;width:24px;height:24px;background:var(--ink);border-radius:50%}.app-main{padding:39px 34px}.app-main>small{color:#8b9791;letter-spacing:1.5px}.app-main h2{margin:10px 0 28px;font:600 31px/1.1 'Manrope';letter-spacing:-1.7px}.task{display:flex;gap:12px;padding:14px;margin-bottom:9px;border:1px solid #e1e5df;border-radius:7px;box-shadow:0 5px 14px #10231f0d}.task.muted{opacity:.6;box-shadow:none}.task>i{width:19px;height:19px;display:grid;place-items:center;color:#fff;background:var(--coral);border-radius:5px;font-size:10px}.task.muted>i{background:#fff;border:1px solid #cad1cc}.task b,.task small{display:block}.task b{font-size:10px}.task small{margin-top:4px;color:#8b9791;font-size:8px}.progress-copy{margin-top:25px;display:flex;justify-content:space-between;color:#65716b;font-size:9px}.progress{height:5px;margin-top:9px;background:#e5e9e3}.progress i{display:block;width:72%;height:100%;background:var(--ink)}.note{position:absolute;right:-28px;bottom:42px;z-index:3;display:flex;gap:13px;align-items:center;padding:15px 17px;background:var(--lime);border-radius:5px;box-shadow:0 14px 30px #0003;transform:rotate(-4deg)}.note b{font:700 20px 'Manrope'}.note span{font-size:9px}.hero-foot{position:relative;z-index:2;min-height:87px;display:flex;justify-content:center;align-items:center;gap:28px;color:#8fa09a;border-top:1px solid #ffffff21;text-transform:uppercase;letter-spacing:1.4px;font-size:9px}.hero-foot i{width:3px;height:3px;background:var(--mint);border-radius:50%}
.section{padding:130px 0}.split{display:grid;grid-template-columns:.68fr 1.32fr;gap:60px}.label{display:flex;gap:13px;text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:600}.label b,.card>small,.principle-list small{color:var(--coral)}.section-copy h2,.section-title h2,.principles-copy h2{margin:0 0 40px;font-size:clamp(42px,5.4vw,70px);letter-spacing:-4px}.section-copy p{max-width:700px;margin:0 0 19px;color:var(--muted);font-size:16px;line-height:1.8}.capabilities{color:var(--white);background:var(--soft)}.section-title{margin-bottom:68px}.label.pale{color:#b8c5c0}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff26;border-left:1px solid #ffffff26}.card{min-height:390px;padding:32px;border-right:1px solid #ffffff26;border-bottom:1px solid #ffffff26;transition:.25s}.card:hover{background:#ffffff0b;transform:translateY(-5px)}.shape{height:105px;margin:55px 0 28px;position:relative}.circles i{position:absolute;width:56px;height:56px;border:1px solid var(--mint);border-radius:50%}.circles i:nth-child(1){left:16px;top:25px}.circles i:nth-child(2){left:60px;top:4px}.circles i:nth-child(3){left:72px;top:47px}.phone i{position:absolute;width:64px;height:92px;left:28px;border:1px solid var(--mint);border-radius:11px}.phone b{position:absolute;width:24px;height:3px;left:48px;bottom:18px;background:var(--mint)}.windows i{position:absolute;width:92px;height:70px;border:1px solid var(--mint);border-radius:5px}.windows i:nth-child(2){left:18px;top:8px;background:var(--soft)}.windows i:nth-child(3){left:36px;top:16px;background:#d6ff8e10}.card h3{margin:0 0 14px;font:600 21px 'Manrope'}.card p{margin:0;color:#aebcb7;font-size:13px;line-height:1.7}.principles{background:var(--cream)}.principles-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.principles-copy h2{margin-top:35px}.principles-copy>p{max-width:410px;color:var(--muted);line-height:1.75}.principle-list{border-top:1px solid var(--line)}.principle-list article{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:31px 0;border-bottom:1px solid var(--line)}.principle-list h3{margin:0 0 8px;font:600 20px 'Manrope'}.principle-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.contact{padding:130px 0;color:var(--white);background:var(--coral)}.contact .eyebrow{color:#ffe4d8}.contact h2{max-width:900px;margin:30px 0;font-size:clamp(54px,7vw,94px)}.contact h2 em{color:var(--ink)}.contact>.shell>p:not(.eyebrow){max-width:540px;color:#fff4ed;line-height:1.7}.contact-link{margin-top:55px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ffffff73;font:500 clamp(22px,3vw,40px) 'Manrope'}.contact-link i{width:55px;height:55px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font-style:normal;transition:.2s}.contact-link:hover i{transform:rotate(45deg)}footer{padding:75px 0 24px;color:var(--white);background:#0b1916}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:55px}.footer-grid p{color:#81918b;font-size:12px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px;font-size:12px}.footer-grid h3{margin:4px 0 8px;color:#72817c;text-transform:uppercase;letter-spacing:1.5px;font-size:9px}.green{color:var(--mint)}.footer-bottom{margin-top:65px;padding-top:21px;display:flex;justify-content:space-between;color:#60706a;border-top:1px solid #ffffff1c;font-size:10px}
.legal-page{background:var(--paper)}.legal-main{min-height:75vh}.legal-hero{padding:180px 0 80px;border-bottom:1px solid var(--line)}.legal-hero .eyebrow{color:var(--coral)}.legal-hero h1{margin-bottom:16px;font-size:clamp(52px,7vw,88px)}.legal-hero p{color:var(--muted)}.legal-content{width:min(760px,calc(100% - 48px));margin:auto;padding:80px 0 120px}.legal-content h2{margin:48px 0 14px;font:600 24px 'Manrope'}.legal-content p,.legal-content li{color:#53615c;font-size:15px;line-height:1.8}.legal-content a{text-decoration:underline}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}.delay-two{transition-delay:.24s}
.company-details{margin-top:44px;display:grid;grid-template-columns:1fr 1.4fr 1fr;border-block:1px solid #ffffff73}.company-details>div{padding:25px 28px 25px 0}.company-details>div+div{padding-left:28px;border-left:1px solid #ffffff73}.company-details small{display:block;margin-bottom:10px;color:#ffe4d8;text-transform:uppercase;letter-spacing:1.5px;font-size:9px}.company-details strong,.company-details address,.company-details a{color:var(--white);font:500 15px/1.6 'Manrope';font-style:normal}.footer-grid address{color:#81918b;font-style:normal;line-height:1.7}
@media(max-width:900px){:root{--shell:min(100% - 36px,1180px)}.nav,.header-cta{display:none}.menu-button{margin-left:auto;width:38px;display:flex;flex-direction:column;gap:5px;border:0;background:0;color:inherit}.menu-button i{width:22px;height:1px;background:currentColor}.menu-button span{position:absolute;clip:rect(0,0,0,0)}.mobile-nav{position:absolute;top:78px;inset-inline:0;padding:18px;display:none;flex-direction:column;color:var(--ink);background:var(--paper)}.mobile-nav.open{display:flex}.mobile-nav a{padding:14px 6px;border-bottom:1px solid var(--line)}.hero-layout{padding:90px 0 80px;grid-template-columns:1fr;gap:80px}.product{width:min(570px,94%);margin:auto}.split,.principles-grid{grid-template-columns:1fr;gap:38px}.cards{grid-template-columns:1fr}.card{min-height:325px}.shape{margin-top:35px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:620px){.header{height:68px}.mobile-nav{top:68px}.hero-layout{padding:72px 0 60px}.hero h1,.section-copy h2,.section-title h2,.principles-copy h2,.contact h2,.legal-hero h1{letter-spacing:-2.8px}.hero h1{font-size:51px}.actions{align-items:flex-start;flex-direction:column}.product{width:100%;min-height:400px;padding:9px}.product:before{inset:9px}.app-body{grid-template-columns:48px 1fr;min-height:330px}.app-main{padding:29px 20px}.app-main h2{font-size:25px}.note{right:-8px;bottom:22px}.hero-foot{gap:10px;text-align:center}.section{padding:90px 0}.section-copy h2,.section-title h2,.principles-copy h2{font-size:42px}.principle-list article{grid-template-columns:38px 1fr}.contact{padding:95px 0}.company-details{grid-template-columns:1fr}.company-details>div{padding:20px 0}.company-details>div+div{padding-left:0;border-top:1px solid #ffffff73;border-left:0}.contact-link{font-size:18px}.contact-link i{width:44px;height:44px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{gap:10px;flex-direction:column}.legal-hero{padding:135px 0 60px}.legal-content{padding:55px 0 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{transition-duration:.01ms!important}}

/* Language control */
.language-toggle{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 9px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:100px;font:500 10px 'DM Sans';cursor:pointer}
.language-toggle span{opacity:.45}.language-toggle span.active{opacity:1;font-weight:600}.language-toggle i{opacity:.3;font-style:normal}.header-cta{margin-left:14px}
html[lang="zh-CN"] body{font-family:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif}html[lang="zh-CN"] .hero h1,html[lang="zh-CN"] .section-copy h2,html[lang="zh-CN"] .section-title h2,html[lang="zh-CN"] .principles-copy h2,html[lang="zh-CN"] .contact h2{letter-spacing:-3px}
@media(max-width:900px){.language-toggle{margin-left:auto;margin-right:14px}.menu-button{margin-left:0}}
@media(max-width:380px){.language-toggle{margin-right:7px}.brand{font-size:18px}.brand-icon{width:28px;height:28px}}