:root{--paper:#f4f0e9;--ink:#242523;--muted:#6c6b67;--line:#d8d2c8;--brass:#a57c42;--night:#18201f;--cream:#f7f3eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1600px;margin:auto}.header{height:82px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.mark{width:28px;height:28px;border:1px solid var(--brass);display:grid;place-items:center;transform:rotate(45deg)}.mark:before{content:"";width:6px;height:6px;background:var(--brass)}.brand b{display:block;letter-spacing:.17em;font-size:19px}.brand small{display:block;margin-top:4px;color:#5f5d59;font-size:10px;letter-spacing:.12em}.nav{display:flex;gap:3vw;margin-left:auto;font-size:13px}.nav a:hover,.nav a.active{color:var(--brass)}.download{padding:12px 18px;background:var(--ink);color:#fff;font-size:12px}.page-head{padding:88px 10vw 48px;background:linear-gradient(90deg,transparent 49.9%,rgba(36,37,35,.06) 50%,transparent 50.1%)}.eyebrow{margin:0 0 21px;color:var(--brass);font-size:10px;font-weight:700;letter-spacing:.18em}.eyebrow:before{content:"";display:inline-block;vertical-align:middle;width:35px;height:1px;margin:0 12px 2px 0;background:currentColor}h1,h2,h3{font-family:Georgia,"Songti SC",serif;font-weight:400}h1{max-width:740px;margin:0;font-size:clamp(43px,5.7vw,77px);line-height:1.08;letter-spacing:-.07em}h1 em,h2 em{color:var(--brass);font-style:normal}.lead{max-width:650px;margin:23px 0 0;color:#5c5a55;font-size:16px;line-height:1.9}.subnav{display:flex;flex-wrap:wrap;gap:9px;padding:18px 10vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.subnav a{padding:9px 12px;border:1px solid var(--line);font-size:12px}.subnav a:hover{border-color:var(--brass);color:var(--brass)}.section{padding:64px 10vw}.section h2{margin:0;font-size:clamp(34px,4vw,56px);letter-spacing:-.06em;line-height:1.15}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-card{min-height:318px;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f6f1}.product-card:hover{background:#ece5d9}.product-card img{display:block;width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}.product-card span{display:block;margin-top:12px;color:var(--brass);font-size:10px;letter-spacing:.14em}.product-card h3{margin:5px 0 2px;font-size:21px}.product-card p{margin:0;color:#68655e;font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:45px;background:var(--line)}.feature{min-height:260px;padding:30px;background:#f9f6f0}.feature b{color:var(--brass);font-size:10px;letter-spacing:.15em}.feature h3{margin:28px 0 12px;font-size:26px}.feature p{max-width:270px;margin:0;color:#62605a;font-size:14px;line-height:1.8}.app-block{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;margin-top:45px;padding:48px;background:var(--night);color:var(--cream)}.app-block p{max-width:540px;color:#c3c7c0;line-height:1.8}.app-block .button{display:inline-block;padding:14px 18px;background:#f0eadf;color:#1e2522;font-size:13px;font-weight:650}.app-block img{width:150px;height:150px;padding:5px;background:#fff;object-fit:contain}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:35px}.about-grid p{color:#5c5a55;font-size:16px;line-height:2}.stamps{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.stamps span{padding:11px 13px;border:1px solid var(--line);color:var(--brass);font-size:10px;font-weight:700;letter-spacing:.1em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:72px 10vw;background:#d9d1c4}.contact h2{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.15;letter-spacing:-.06em}.button{display:inline-block;margin-top:26px;padding:15px 20px;background:var(--ink);color:#fff;font-size:13px;font-weight:650}.contact-card{display:flex;gap:26px;align-items:center;padding:25px;background:#eee8de}.contact-card img{width:145px;height:145px;object-fit:cover;mix-blend-mode:multiply}.contact-card p{margin:0 0 10px;color:var(--brass);font-size:9px;font-weight:700;letter-spacing:.15em}.contact-card h3{margin:0 0 15px;font-size:26px;line-height:1.3}.contact-card a{font-size:14px;border-bottom:1px solid var(--brass)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 5vw;background:#20231f;color:#f1ecdf}footer .brand small,footer p{color:#b9b5ac}footer p{margin:0;font-size:9px;letter-spacing:.12em}@media(max-width:850px){.header{height:76px}.nav{display:none}.download{margin-left:auto}.product-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact{grid-template-columns:1fr}.app-block{grid-template-columns:1fr}.app-block img{justify-self:start}.contact-card{justify-self:start}}@media(max-width:520px){.section,.page-head,.contact{padding-left:24px;padding-right:24px}.subnav{padding-left:24px;padding-right:24px}.product-grid,.feature-grid{grid-template-columns:1fr}.product-card{min-height:270px}.product-card img{height:170px}.contact-card{display:block}.contact-card img{margin-bottom:15px}footer{display:block}footer p{margin-top:14px}}
.contact-directory{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.directory-item{min-height:150px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9f6f0}.directory-item b{display:block;color:var(--brass);font-size:10px;letter-spacing:.13em}.directory-item strong{display:block;margin:14px 0 7px;font-size:18px;font-weight:600}.directory-item p,.directory-item a{margin:0;color:#5f5c56;font-size:13px;line-height:1.7}.directory-item.address{grid-column:span 2}@media(max-width:850px){.contact-directory{grid-template-columns:1fr 1fr}.directory-item.address{grid-column:span 2}}@media(max-width:520px){.contact-directory{grid-template-columns:1fr}.directory-item.address{grid-column:auto}}
.ecosystem-strip{padding:48px 10vw;background:#e8e3da}.ecosystem-strip h2{max-width:560px;margin:0;font-size:clamp(30px,3.4vw,47px);line-height:1.16;letter-spacing:-.06em}.ecosystem-strip h2 em{color:var(--brass);font-style:normal}.ecosystem-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.ecosystem-list figure{display:grid;place-items:center;min-height:120px;margin:0;padding:16px;border:1px solid #cfc6b9;background:#f9f7f2}.ecosystem-list img{display:block;width:100%;max-width:220px;height:82px;object-fit:contain;mix-blend-mode:multiply}@media(max-width:850px){.ecosystem-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ecosystem-strip{padding-left:24px;padding-right:24px}.ecosystem-list{grid-template-columns:1fr}.ecosystem-list figure{min-height:100px}.ecosystem-list img{height:70px}}
.message-form{max-width:720px;margin-top:38px;padding:34px;background:#e9e4db}.message-form h3{margin:0 0 8px;font-size:30px}.message-form>p{margin:0 0 25px;color:#605d57;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr;gap:18px}.field{display:block}.field span{display:block;margin-bottom:8px;color:#8b6a39;font-size:10px;font-weight:700;letter-spacing:.13em}.field input,.field textarea{width:100%;border:1px solid #cfc6b9;border-radius:0;background:#faf8f4;padding:14px 15px;color:var(--ink);font:14px "Segoe UI","PingFang SC",sans-serif}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus{outline:1px solid var(--brass);border-color:var(--brass)}.form-submit{border:0;cursor:pointer}.form-status{padding:14px 16px;margin:0 0 20px;background:#e3eee5;color:#315638;font-size:13px}.form-status.error{background:#f2dfda;color:#8c3028}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:520px){.message-form{padding:24px}}

/* QR contact options: each channel stays legible while keeping the contact block compact. */
.contact-qr-group{display:grid;gap:14px}.contact-card{gap:22px;padding:18px 22px}.contact-card img{width:112px;height:112px}.contact-card h3{margin-bottom:12px;font-size:22px}.contact-card a,.contact-card span{color:#4f4d48;font-size:13px}.wechat-card{background:#f1ece3}

/* Keep the enquiry inputs in a quiet, readable vertical sequence. */
.message-form .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px}.message-form .field{display:block!important}.message-form .field input,.message-form .field textarea{display:block;width:100%}

.contact-directory{grid-template-columns:repeat(2,1fr)}.directory-item.address{grid-column:auto}.feature-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:850px){.feature-grid{grid-template-columns:repeat(2,1fr)}}

/* Same compact compatibility ribbon used on the homepage. */
.ecosystem-strip .ecosystem-list.homepage-style{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;border-left:1px solid var(--line)}.ecosystem-strip .ecosystem-list.homepage-style img{display:block;width:100%;height:66px;max-width:none;padding:8px;border-right:1px solid var(--line);background:transparent;object-fit:contain;mix-blend-mode:multiply}@media(max-width:850px){.ecosystem-strip .ecosystem-list.homepage-style{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ecosystem-strip .ecosystem-list.homepage-style{grid-template-columns:1fr}.ecosystem-strip .ecosystem-list.homepage-style img{height:58px}}

@media(min-width:851px){.ecosystem-strip h2{max-width:none;white-space:nowrap;font-size:clamp(30px,3vw,43px)}.page-head h1.compact-title{max-width:none;white-space:nowrap;font-size:clamp(32px,3.5vw,58px)}}

@media(min-width:851px){.section h2.compact-title{white-space:nowrap;font-size:clamp(32px,3.5vw,50px)}.page-head .lead.compact-lead{max-width:none;white-space:nowrap}}

@media(max-width:520px){.header{height:auto;min-height:64px;flex-wrap:wrap;padding:0 24px;gap:16px}.brand small{display:none}.brand b{font-size:17px}.mark{width:24px;height:24px}.header .nav{order:3;display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;margin:0;border-top:1px solid var(--line)}.header .nav a{padding:12px 3px;text-align:center;font-size:10px;white-space:nowrap}.header .download{margin-left:auto;padding:10px 12px;font-size:10px}}

.lang-switch{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 11px;font:700 10px "Segoe UI","PingFang SC",sans-serif;letter-spacing:.08em;cursor:pointer}.lang-switch:hover{border-color:var(--brass);color:var(--brass)}@media(max-width:520px){.lang-switch{padding:9px 8px;font-size:9px}.header .lang-switch{margin-left:auto}}