:root{--ink:#101010;--paper:#f4f3ef;--paper-2:#e7e8e2;--white:#fff;--lime:#d9ff48;--blue:#7fa5ff;--orange:#ff795d;--muted:#737675;--line:rgba(16,16,16,.14);--max:1240px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{overflow:hidden}.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}.site-header{position:absolute;z-index:20;top:0;left:50%;display:flex;align-items:center;width:min(var(--max),calc(100% - 80px));height:88px;color:var(--white);transform:translateX(-50%);transition:color .25s var(--ease)}.site-header.is-scrolled{position:fixed;color:var(--ink);background:rgba(244,243,239,.92);backdrop-filter:blur(18px);width:100%;padding:0 max(40px,calc((100% - var(--max))/2));box-shadow:0 1px 0 rgba(16,16,16,.08)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{position:relative;display:block;width:38px;height:38px;border:1px solid currentColor;border-radius:12px}.brand-mark:before,.brand-mark:after,.brand-mark span{position:absolute;left:9px;width:19px;height:2px;background:var(--lime);content:""}.brand-mark:before{top:10px}.brand-mark span{top:18px}.brand-mark:after{top:26px}.brand-mark i{position:absolute;right:6px;top:15px;width:5px;height:5px;border-radius:50%;background:var(--lime)}.brand-type{display:flex;flex-direction:column;line-height:1.1}.brand-type strong{font-size:20px;letter-spacing:.16em}.brand-type small{margin-top:5px;font-size:9px;letter-spacing:.15em;opacity:.55}.site-nav{display:flex;gap:32px;margin-left:auto;margin-right:28px}.site-nav a,.header-lang{font-size:13px;opacity:.72;transition:opacity .2s var(--ease)}.site-nav a:hover,.header-lang:hover{opacity:1}.header-lang{padding-left:28px;border-left:1px solid currentColor}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;padding:10px;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit}.menu-toggle>span:not(.sr-only){display:block;width:100%;height:2px;margin:4px 0;background:currentColor}.mobile-nav{display:none}.hero{position:relative;min-height:790px;padding:160px 0 40px;background:var(--ink);color:var(--white)}.hero:before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(217,255,72,.12),transparent 38%),radial-gradient(circle at 70% 45%,rgba(127,165,255,.25),transparent 32%);content:""}.hero-inner,.hero-bottom{position:relative;z-index:1;width:min(var(--max),calc(100% - 80px));margin:auto}.hero-inner{display:grid;grid-template-columns:minmax(0,.93fr) minmax(480px,1.07fr);gap:78px;align-items:center;min-height:530px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.4}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime)}.eyebrow span{width:28px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{margin:25px 0 22px;font-size:clamp(3.4rem,6.2vw,6.8rem);letter-spacing:-.07em;line-height:1.03}.hero h1 em{color:var(--lime);font-style:normal}.hero-lede{max-width:500px;color:rgba(255,255,255,.66);font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:700;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.button span{font-size:19px;line-height:1}.button-lime{color:var(--ink);background:var(--lime)}.button-lime:hover{transform:translateY(-3px);background:#efffa0}.button-outline{border-color:rgba(255,255,255,.34);color:var(--white)}.button-outline:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-3px)}.hero-art{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));overflow:hidden}.art-meta{display:flex;justify-content:space-between;padding:18px 20px;color:rgba(255,255,255,.5);font-family:monospace;font-size:9px;letter-spacing:.15em}.art-core{position:absolute;inset:60px 20px 40px;display:grid;place-items:center}.art-sphere{position:relative;z-index:2;display:grid;width:190px;height:190px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:radial-gradient(circle at 35% 28%,#d6d9db,#656b6f 42%,#1c2224 72%);box-shadow:0 0 0 18px rgba(255,255,255,.04),0 24px 80px rgba(0,0,0,.5)}.art-sphere:before{position:absolute;inset:22px;border:1px solid rgba(217,255,72,.7);border-radius:50%;content:""}.art-sphere span{font-size:48px;font-weight:800;letter-spacing:-.1em}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:430px;height:150px}.orbit-b{width:500px;height:260px;transform:rotate(42deg)}.orbit-c{width:270px;height:390px;transform:rotate(70deg);border-color:rgba(217,255,72,.55)}.art-marker{position:absolute;color:var(--lime);font:10px monospace;letter-spacing:.13em}.marker-a{left:5%;bottom:15%}.marker-b{right:3%;top:16%}.art-caption{position:absolute;bottom:20px;left:20px;color:rgba(255,255,255,.6);font:10px monospace;letter-spacing:.14em;line-height:1.7}.art-caption strong{color:var(--white);font-size:14px}.hero-bottom{display:flex;align-items:center;gap:14px;margin-top:78px;color:rgba(255,255,255,.55);font:10px monospace;letter-spacing:.14em}.hero-rule{width:48px;height:1px;background:var(--lime)}.hero-scroll{margin-left:auto}.section{width:min(var(--max),calc(100% - 80px));margin:auto}.about{padding:145px 0 150px}.section-top{display:flex;justify-content:space-between;align-items:flex-start}.section-kicker{color:#8c8f8d}.section-top-note{margin:0;color:#929795;font:10px/1.6 monospace;letter-spacing:.15em;text-align:right}.about-intro{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-top:60px}.about-intro h2,.ecosystem-title h2,.method-title h2,.news-heading h2{margin:0;font-size:clamp(3rem,5vw,5.7rem);letter-spacing:-.075em;line-height:1.02}.about-intro h2 span,.method-title h2 span{color:#989d99}.about-intro p{max-width:320px;margin:0;color:var(--muted);font-size:16px;line-height:1.9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid div{display:flex;flex-direction:column;gap:5px;padding:26px 28px;border-right:1px solid var(--line)}.stats-grid div:last-child{border-right:0}.stats-grid strong{font-size:38px;letter-spacing:-.06em}.stats-grid span{color:var(--muted);font-size:12px}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:72px}.about-copy p{max-width:450px;color:#5f6462;font-size:17px;line-height:1.9}.ecosystem{padding:125px 0 145px;background:var(--ink);color:var(--white)}.section-kicker-light{color:var(--lime)}.ecosystem-title{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-top:65px}.ecosystem-title h2 em{color:var(--lime);font-style:normal}.ecosystem-title p{max-width:320px;margin:0;color:rgba(255,255,255,.55);line-height:1.9}.brand-grid{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:14px;margin-top:70px}.brand-card{position:relative;min-height:375px;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.18);background:#1e1f1d}.brand-card-main{background:#282d1f}.brand-card-blue{background:#1a2a50}.brand-card-orange{background:#3b2725}.brand-card-no{position:relative;z-index:1;color:rgba(255,255,255,.55);font:11px monospace}.brand-card p{position:absolute;left:28px;bottom:104px;margin:0;color:rgba(255,255,255,.55);font:10px monospace;letter-spacing:.16em}.brand-card h3{position:absolute;left:28px;bottom:55px;margin:0;font-size:28px;letter-spacing:-.05em}.brand-card span{position:absolute;right:28px;bottom:24px;left:28px;color:rgba(255,255,255,.56);font-size:13px;line-height:1.5}.brand-card b{float:right;color:var(--lime);font-size:20px}.brand-card-orb{position:absolute;right:-45px;top:20px;width:220px;height:220px;border-radius:50%;opacity:.8;filter:blur(.2px)}.orb-green{background:radial-gradient(circle at 34% 28%,#ecff98,#697b34 48%,#192015 72%);box-shadow:0 0 0 22px rgba(217,255,72,.08),0 30px 70px rgba(0,0,0,.4)}.orb-blue{background:radial-gradient(circle at 34% 28%,#dce5ff,#4e6aaf 48%,#111a2e 72%);box-shadow:0 0 0 22px rgba(127,165,255,.08),0 30px 70px rgba(0,0,0,.4)}.orb-orange{background:radial-gradient(circle at 34% 28%,#ffd4c7,#aa493f 48%,#271514 72%);box-shadow:0 0 0 22px rgba(255,121,93,.08),0 30px 70px rgba(0,0,0,.4)}.method{padding:145px 0 155px}.method-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;margin-top:70px}.method-title p{max-width:350px;margin-top:30px;color:var(--muted);font-size:16px;line-height:1.9}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:45px 1fr 24px;gap:20px;align-items:center;min-height:108px;border-bottom:1px solid var(--line);transition:padding .25s var(--ease),background .25s var(--ease)}.process-item:hover{padding:0 14px;background:rgba(255,255,255,.55)}.process-item>span,.process-item>b{color:#9a9f9c;font:11px monospace}.process-item h3{margin:0 0 4px;font-size:20px}.process-item p{margin:0;color:var(--muted);font-size:14px}.process-item>b{color:var(--ink);font-size:18px;text-align:right}.news{padding:130px 0 150px;border-top:1px solid var(--line)}.news-heading{display:flex;justify-content:space-between;align-items:end;margin-top:60px}.text-link{display:inline-flex;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-weight:700}.text-link span{font-size:19px}.news-list{margin-top:52px;border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:120px 1fr 30px;gap:28px;align-items:center;min-height:92px;border-bottom:1px solid var(--line);transition:padding .25s var(--ease),background .25s var(--ease)}.news-item:hover{padding:0 14px;background:var(--paper-2)}.news-item span{color:#969b98;font:11px monospace}.news-item strong{font-size:21px;letter-spacing:-.03em}.news-item i{font-size:20px;font-style:normal;text-align:right}.contact{position:relative;overflow:hidden;padding:125px 0 120px;background:var(--ink);color:var(--white)}.contact-inner{position:relative;z-index:1}.contact-art{position:absolute;right:9%;top:12%;width:360px;height:360px;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-20deg)}.contact-art span{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.13);font-size:150px;font-weight:800}.contact-ring{position:absolute;border:1px solid var(--lime);border-radius:50%}.ring-one{inset:35px 70px;transform:rotate(35deg)}.ring-two{inset:70px 35px;transform:rotate(-55deg);border-color:var(--blue)}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:100px;margin-top:65px}.contact-grid h2{margin:0;font-size:clamp(3.2rem,5.6vw,6.4rem);letter-spacing:-.08em;line-height:1.02}.contact-grid h2 em{color:var(--lime);font-style:normal}.contact-grid>div>p{margin-top:28px;color:rgba(255,255,255,.58);font-size:17px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.62);font-size:12px}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:9px 0;color:var(--white);background:transparent;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start;margin-top:8px}.contact-form small{align-self:center;color:rgba(255,255,255,.4);font-size:11px}.form-status{grid-column:1/-1;min-height:22px;margin:0;color:var(--lime);font-size:13px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(var(--max),calc(100% - 80px));min-height:88px;margin:auto;color:#777c79;font-size:12px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.footer-mark{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:var(--lime);background:var(--ink);font-size:11px;font-weight:800}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.12s}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}@media(max-width:980px){.site-header,.hero-inner,.hero-bottom,.section,.site-footer{width:min(var(--max),calc(100% - 48px))}.hero-inner{grid-template-columns:1fr;gap:60px}.hero-art{min-height:420px}.about-intro,.ecosystem-title,.method-layout,.contact-grid{gap:55px}.brand-grid{grid-template-columns:1fr 1fr}.brand-card-main{grid-column:1/-1}.contact-art{right:-80px;opacity:.6}}@media(max-width:720px){.site-header{width:calc(100% - 36px);height:76px}.site-header.is-scrolled{padding:0 18px}.site-nav,.header-lang{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;z-index:19;top:76px;right:18px;left:18px;display:flex;flex-direction:column;max-height:0;overflow:hidden;padding:0 20px;border:1px solid transparent;border-radius:14px;background:rgba(16,16,16,.97);color:var(--white);opacity:0;transition:max-height .25s var(--ease),padding .25s var(--ease),opacity .2s var(--ease)}.mobile-nav.is-open{max-height:300px;padding:10px 20px;opacity:1;border-color:rgba(255,255,255,.18)}.mobile-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}.mobile-nav a:last-child{border-bottom:0}.hero{min-height:0;padding:130px 0 34px}.hero-inner,.hero-bottom,.section,.site-footer{width:calc(100% - 36px)}.hero h1{font-size:clamp(3.2rem,14vw,5rem)}.hero-lede{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-art{min-height:340px}.art-sphere{width:140px;height:140px}.art-sphere span{font-size:36px}.art-orbit{transform:scale(.75) rotate(-25deg)}.hero-bottom{flex-wrap:wrap;margin-top:60px;line-height:1.5}.hero-scroll{width:100%;margin-left:0}.about,.method,.news{padding:95px 0}.about-intro,.ecosystem-title,.about-copy,.method-layout,.contact-grid{display:block;margin-top:42px}.about-intro p{margin-top:28px}.stats-grid{grid-template-columns:1fr 1fr;margin-top:58px}.stats-grid div{padding:20px 14px}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats-grid strong{font-size:30px}.about-copy p{margin-bottom:18px}.ecosystem{padding:95px 0}.ecosystem-title p{margin-top:28px}.brand-grid{grid-template-columns:1fr;margin-top:45px}.brand-card-main{grid-column:auto}.brand-card{min-height:310px}.method-title p{margin-bottom:50px}.process-item{min-height:100px}.news-heading{display:block;margin-top:42px}.news-heading .text-link{margin-top:25px}.news-item{grid-template-columns:70px 1fr 18px;gap:12px;min-height:105px}.news-item strong{font-size:16px}.contact{padding:95px 0}.contact-art{top:55%;right:-120px;width:300px;height:300px}.contact-grid h2{font-size:clamp(3rem,13vw,5rem)}.contact-form{margin-top:54px;grid-template-columns:1fr}.contact-form label:nth-child(4){grid-column:auto}.contact-form small{margin-top:8px}.site-footer{flex-wrap:wrap;min-height:120px;padding:25px 0}.site-footer>span:nth-child(2){order:3;width:100%}}


/* Visual direction: editorial photography and hard geometry replace spherical motifs. */
.hero-art{isolation:isolate;min-height:480px;border-color:rgba(255,255,255,.26);background:#0d1212}
.hero-art:after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,10,12,.08),rgba(4,10,12,.78)),linear-gradient(90deg,rgba(4,10,12,.62),transparent 65%);content:"";pointer-events:none}
.art-photo{position:absolute;z-index:0;inset:0;overflow:hidden;background-image:url("./assets/hero-shanghai.jpg");background-position:center 46%;background-size:cover;filter:saturate(.76) contrast(1.08)}
.art-photo-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(217,255,72,.28) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.2) 50%,transparent 50.2%);background-size:25% 100%,100% 25%;opacity:.26;mix-blend-mode:screen}
.art-photo:before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(217,255,72,.16),transparent 32%,rgba(14,79,101,.24));content:"";mix-blend-mode:screen}
.hero-art .art-meta,.hero-art .art-caption{z-index:2}
.art-caption{color:rgba(255,255,255,.78)}
.art-caption strong{color:var(--lime)}
.art-core,.art-orbit,.art-sphere,.art-marker{display:none!important}
.brand-card-orb{display:none!important}
.brand-card-visual{position:absolute;z-index:0;top:26px;right:26px;left:26px;height:165px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background-position:center;background-size:cover;box-shadow:0 22px 60px rgba(0,0,0,.26);opacity:.94}
.brand-card-visual:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 55%),repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.13) 25px,transparent 26px);content:"";mix-blend-mode:screen;opacity:.7}
.visual-product{background-image:linear-gradient(135deg,rgba(20,29,12,.4),rgba(113,138,53,.18)),url("./assets/components.jpg");background-position:center 58%}
.visual-channel{background-image:linear-gradient(135deg,rgba(10,34,74,.56),rgba(47,112,156,.18)),url("./assets/hero-shanghai.jpg");background-position:center 42%}
.visual-delivery{background-image:linear-gradient(135deg,rgba(59,24,17,.58),rgba(197,103,49,.2)),url("./assets/warehouse.jpg");background-position:center 54%}
.brand-card>p,.brand-card>h3,.brand-card>span{z-index:1}
.brand-card>p{bottom:104px}
.brand-card>h3{bottom:55px}
.brand-card>span{bottom:24px}
.contact-art,.contact-ring,.contact-art span{border-radius:0}
.contact-art{border:1px solid rgba(255,255,255,.12);transform:rotate(-7deg)}
.contact-art span{font-size:0}
.contact-art:before,.contact-art:after{position:absolute;content:""}
.contact-art:before{inset:18px;background:linear-gradient(135deg,transparent 49.6%,rgba(217,255,72,.45) 50%,transparent 50.4%),linear-gradient(45deg,transparent 49.6%,rgba(255,255,255,.28) 50%,transparent 50.4%)}
.contact-art:after{inset:35% 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
@media(max-width:720px){.hero-art{min-height:340px}.brand-card-visual{top:22px;right:22px;left:22px;height:138px}.contact-art{top:55%;right:-120px;width:300px;height:300px}.art-photo{background-position:center 48%}}


/* Copy layout updates for the supplied company profile. */
.about-copy{grid-template-columns:1fr}
.brand-card{min-height:430px}
.brand-card-visual{height:185px}
.brand-card>p{bottom:132px}
.brand-card>h3{bottom:83px}
.brand-card>span{bottom:24px;line-height:1.6}
.capability-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:rgba(255,255,255,.56);font:11px monospace;letter-spacing:.08em}
.capability-tags span{padding:10px 14px;border:1px solid rgba(255,255,255,.16)}
.news-heading h2 span{color:#989d99}
.news-item{grid-template-columns:140px 1fr 30px;grid-template-rows:auto auto;align-items:start;row-gap:8px;padding:24px 0}
.news-item>span{grid-column:1;grid-row:1 / span 2}
.news-item>strong{grid-column:2;grid-row:1}
.news-item>i{grid-column:3;grid-row:1 / span 2}
.news-item>small{grid-column:2;grid-row:2;color:#777d79;font-size:13px;line-height:1.6}
.contact-details{display:grid;gap:10px;margin-top:28px}
.contact-details p{margin:0!important;color:rgba(255,255,255,.6)!important;font-size:13px!important;line-height:1.65}
.contact-details strong{display:inline-block;min-width:116px;color:var(--white);font-weight:500}
.contact-details a{color:rgba(255,255,255,.72);text-decoration:none}
.contact-details a:hover{color:var(--lime)}
@media(max-width:720px){.brand-card{min-height:390px}.brand-card-visual{height:150px}.brand-card>p{bottom:125px}.brand-card>h3{bottom:76px}.capability-tags{display:grid;grid-template-columns:1fr;gap:8px}.news-item{grid-template-columns:76px 1fr 18px;gap:10px;padding:20px 0}.news-item>small{font-size:12px}.contact-details strong{min-width:98px}}