/* Interaction layer. Text, navigation and forms remain in the baseline HTML. */
.xy-preview-index{display:flex;align-items:center;gap:24px;padding:22px 0;font-size:12px;flex-wrap:wrap}.xy-preview-index span{font-size:10px;letter-spacing:1.5px;color:#75634c}.xy-preview-index a{text-decoration:underline;text-underline-offset:5px}.xy-motion-toggle{border:1px solid #aca18f;padding:9px 14px;font-size:11px;background:#faf7f0;color:#292720;cursor:pointer}.xy-motion-toggle[hidden]{display:none}.xy-motion-toggle:focus-visible,.xy-switch-controls button:focus-visible{outline:3px solid #a17e49;outline-offset:4px}
.hero.xy-immersive{position:relative;isolation:isolate;overflow:hidden;background:#211d17;min-height:720px;color:#fff}.hero.xy-immersive:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(13,17,14,.88),rgba(13,17,14,.58) 38%,transparent 76%);animation:none}.xy-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% 55%;z-index:-1}.xy-immersive .hero-grid{display:block;min-height:720px;padding:100px 0 90px;position:relative;z-index:1}.xy-immersive .hero-grid>div{max-width:530px}.xy-immersive h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.5vw,64px);font-weight:400;line-height:1.06;letter-spacing:-1.7px;color:white}.xy-immersive .eyebrow{color:#e2cfb0;font-size:10px;letter-spacing:1.8px}.xy-immersive .hero-copy{font-size:15px;color:#f1eee7;max-width:460px;line-height:1.65}.xy-immersive .hero-badges{margin:20px 0}.xy-immersive .hero-badge{background:#ffffff12;color:#fff;border-color:#ffffff40;font-size:11px}.xy-immersive .hero-proof{font-size:11px;line-height:1.6;color:#ded8cb;max-width:420px}.xy-immersive .btn-primary{background:#ebe1ce;color:#20251e;border-color:#ebe1ce}.xy-immersive .btn-outline{color:white;border-color:#ffffff80;background:transparent}.xy-immersive .hero-credit{right:18px;bottom:16px;top:auto;z-index:2;color:#eee8dc;background:#191c18b8;font-size:10px;max-width:calc(100% - 36px)}.xy-immersive .xy-motion-toggle{position:absolute;right:18px;top:18px;z-index:3;background:#191c18b8;color:white;border-color:#ffffff55}.xy-contact-strip .hero-card{display:block;max-width:none;margin:0;padding:24px 0;background:none;border:0;box-shadow:none}.xy-contact-strip .hero-card>strong,.xy-contact-strip .hero-card>p,.xy-contact-strip .hero-contact{display:none}.xy-contact-strip .hero-card-label{margin:0}.xy-contact-strip .hero-card-label:after{content:' · OEM / ODM · Huizhou, China';font-weight:400}
@keyframes xy-title-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
html.xy-motion .xy-immersive h1{animation:xy-title-in .8s ease-out both}html.xy-motion .xy-immersive .hero-copy{animation:xy-title-in .8s .12s ease-out both}.xy-enter{transition:opacity .65s ease,transform .65s ease}.xy-enter.xy-await{opacity:0;transform:translateY(18px)}.xy-switch-controls{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.xy-switch-controls button{padding:12px 18px;min-height:44px;cursor:pointer;border:1px solid #b7ab95;background:transparent;color:#34392f;font-size:12px}.xy-switch-controls button[aria-pressed=true]{background:#364235;color:white;border-color:#364235}.mf-case-visuals.xy-switch{display:grid;grid-template-columns:1fr;position:relative;max-width:1000px;margin:auto}.xy-switch figure{grid-area:1/1;transition:opacity .5s ease;opacity:0;visibility:hidden;pointer-events:none}.xy-switch figure.xy-active{opacity:1;visibility:visible;pointer-events:auto}.xy-switch figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#faf8f3}.xy-switch-note{font-size:11px;color:#726b5d;margin:12px 0 25px}.mf-process>.mf-art{position:sticky;top:115px;align-self:start}.mf-process-list{grid-template-columns:1fr}.mf-process-item{padding:30px 24px;min-height:175px}.mf-process-item h3{font-family:Georgia,serif;font-size:25px;font-weight:400}
html.xy-paused *,html.xy-paused *:before,html.xy-paused *:after{animation:none!important;transition:none!important}html.xy-paused{scroll-behavior:auto}.xy-paused .xy-await{opacity:1;transform:none}
@media(max-width:720px){.hero.xy-immersive{min-height:780px}.xy-immersive .hero-grid{min-height:780px;padding:46px 0 350px}.xy-immersive .hero-grid>div{max-width:100%}.xy-immersive h1{font-size:40px;max-width:360px}.xy-immersive .hero-copy{font-size:14px}.xy-immersive .hero-actions{display:flex;flex-wrap:wrap;gap:10px}.xy-immersive .btn{font-size:12px;padding:12px 15px;width:auto}.xy-immersive .hero-proof{font-size:10px;margin-top:16px}.xy-immersive .hero-badges{display:none}.xy-hero-image{object-fit:contain;object-position:center bottom;background:#211d17}.hero.xy-immersive:before{background:linear-gradient(#161b17 0%,#161b17 42%,#161b17e8 54%,transparent 76%)}.xy-immersive .xy-motion-toggle{top:auto;bottom:48px;right:14px;font-size:10px;padding:7px 10px}.xy-immersive .hero-credit{font-size:9px;right:14px;bottom:12px}.xy-contact-strip .hero-card{padding:16px 0}.xy-preview-index{gap:12px}.mf-process>.mf-art{position:static}.mf-process-item{min-height:0;padding:23px}.xy-switch-controls button{flex:1;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.xy-enter.xy-await{opacity:1;transform:none}}
@media(max-width:620px){.brand{min-width:0;max-width:calc(100% - 52px)}.brand>div{min-width:0}.brand-name{font-size:14px;white-space:normal}.brand-cn{font-size:14px}.brand-sub{font-size:8px;white-space:normal;letter-spacing:.4px}.brand-logo{width:58px;height:auto}.xy-immersive .hero-grid{padding:36px 0 275px;min-height:720px}.hero.xy-immersive{min-height:720px}.xy-immersive h1{font-size:34px;line-height:1.08;max-width:340px}.xy-immersive .hero-copy{font-size:13px;margin-top:16px}.xy-immersive .eyebrow{font-size:9px;letter-spacing:1px}.xy-immersive .hero-proof{max-width:330px}}
.xy-switch figure{transition:opacity .5s ease,visibility 0s linear .5s}.xy-switch figure.xy-active{transition:opacity .5s ease,visibility 0s}

.xy-motion-toolbar{display:flex;justify-content:flex-end;padding:14px 0}
/* Warm mineral palette: scoped to the homepage. */
body.xy-tonal{--paper:#f3f0e9;--stone:#e1dbd0;--ink:#262521;--muted:#716c63;--gold:#a58d68;--gold-dark:#786349;--sage:#575c51;--sage-soft:#e5e5dc;--line:rgba(74,65,51,.15);--deep:#292824;background:var(--paper)}
.xy-tonal .topbar{background:#e6e1d7;color:#605a50}.xy-tonal .nav{background:#f3f0e9ed;border-bottom:1px solid #c9c0b144}.xy-tonal .nav-links>a:last-child{background:#4d5148;color:#faf6ee}.xy-tonal .brand-cn{color:#766044}.xy-tonal .xy-hero-image{filter:saturate(.78) contrast(1.055) brightness(.95)}
.xy-tonal .hero.xy-immersive:before{background:linear-gradient(90deg,rgba(23,22,20,.83),rgba(29,27,23,.48) 38%,rgba(28,26,22,.03) 78%)}
.xy-tonal .xy-immersive h1{color:#f5f0e7}.xy-tonal .xy-immersive .hero-copy{color:#e9e3d9}.xy-tonal .xy-immersive .eyebrow{color:#c9b696}.xy-tonal .xy-immersive .hero-badge{background:#201d1826;border-color:#e7dcc335;color:#e9e0d2}.xy-tonal .xy-immersive .hero-badge strong{color:#ccb58d}.xy-tonal .xy-immersive .btn-primary{background:#d7c6a8;color:#29251e;border-color:#d7c6a8}.xy-tonal .xy-immersive .btn-primary:hover{background:#e4d6be}.xy-tonal .xy-immersive .btn-outline{color:#f3ece0;border-color:#c3b9a475;background:#211d181c}.xy-tonal .xy-immersive .hero-proof{color:#cec5b6;border-left-color:#ae936a}.xy-tonal .facts{background:#e4e2d8}.xy-tonal .fact strong{color:#78664c}.xy-tonal .xy-contact-strip .hero-card-label{color:#74634d}
@media(max-width:720px){.xy-tonal .hero.xy-immersive:before{background:linear-gradient(#22211e 0%,#22211e 42%,#22211ee8 54%,transparent 76%)}.xy-tonal .xy-hero-image{background:#22211e}}