:root{--purple:#7753ff;--purple-2:#a88dfb;--ink:#333;--muted:#999;--line:#ebedf0;--soft:#f5f6f9;--content:1192px;--font-system:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",Arial,sans-serif;--arrow-icon:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTIxMzIgMTQuNzA3MUM3LjczMDggMTQuMzE2NiA3LjczMDggMTMuNjgzNCA4LjEyMTMyIDEzLjI5MjlMMTIuNzA3MSA4LjcwNzExQzEzLjA5NzYgOC4zMTY1OCAxMy4wOTc2IDcuNjgzNDIgMTIuNzA3MSA3LjI5Mjg5TDguMTIxMzIgMi43MDcxMUM3LjczMDggMi4zMTY1OCA3LjczMDggMS42ODM0MiA4LjEyMTMyIDEuMjkyODlDOC41MTE4NCAwLjkwMjM2OSA5LjE0NTAxIDAuOTAyMzY5IDkuNTM1NTMgMS4yOTI4OUwxNC4xMjEzIDUuODc4NjhDMTUuMjkyOSA3LjA1MDI1IDE1LjI5MjkgOC45NDk3NSAxNC4xMjEzIDEwLjEyMTNMOS41MzU1MyAxNC43MDcxQzkuMTQ1MDEgMTUuMDk3NiA4LjUxMTg0IDE1LjA5NzYgOC4xMjEzMiAxNC43MDcxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEzIDYuOTk5OTdDMTMuNTUyMyA2Ljk5OTk3IDE0IDcuNDQ3NjggMTQgNy45OTk5N0MxNCA4LjU1MjI1IDEzLjU1MjMgOC45OTk5NyAxMyA4Ljk5OTk3SDJDMS40NDc3MiA4Ljk5OTk3IDEgOC41NTIyNSAxIDcuOTk5OTdDMSA3LjQ0NzY4IDEuNDQ3NzIgNi45OTk5NyAyIDYuOTk5OTdMMTMgNi45OTk5N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font-system);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.site-header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #fff}.brand{width:120px;display:flex;align-items:center}.brand img{width:auto;height:32px;object-fit:contain;object-position:left center}.main-nav{height:48px;display:flex;align-items:center;gap:32px;padding:8px}.main-nav a,.main-nav .nav-dropdown-trigger{height:32px;display:flex;align-items:center;position:relative;font-size:16px;white-space:nowrap}.main-nav .nav-dropdown-trigger{padding:0;border:0;background:transparent;color:inherit;line-height:normal;cursor:pointer}.main-nav a.active,.main-nav .nav-dropdown-trigger.active{font-weight:500}.main-nav a.active:after{content:"";position:absolute;width:12px;height:4px;border-radius:5px;left:50%;bottom:-4px;transform:translateX(-50%);background:var(--purple)}.with-chevron:after{content:"";width:16px;height:16px;flex:0 0 16px;margin:0 0 0 2px;background:url("/global/assets/Icon/dui_unFold_bold.svg") center/16px 16px no-repeat;transition:transform .2s ease}.header-actions{justify-self:end;display:flex;align-items:center;gap:32px;font-size:14px}.chinese-website-link{display:flex;align-items:center;gap:2px;color:#666;font-size:15px;line-height:normal;white-space:nowrap;transition:color .2s ease}.chinese-website-link:after{content:"";width:15px;height:15px;flex:0 0 15px;background-color:currentColor;-webkit-mask:url("/global/assets/Icon/dui_click.svg") center/15px 15px no-repeat;mask:url("/global/assets/Icon/dui_click.svg") center/15px 15px no-repeat}.contact-button{width:112px;height:32px;border:1px solid var(--ink);border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:500;transition:color .2s ease,border-color .2s ease}.chinese-website-link:hover,.chinese-website-link:focus-visible,.contact-button:hover,.contact-button:focus-visible{color:#7753ff}.contact-button:hover,.contact-button:focus-visible{border-color:#7753ff}.chinese-website-link:focus-visible,.contact-button:focus-visible{outline:2px solid rgba(119,83,255,.24);outline-offset:3px}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:4px}
.hero{height:520px;background:#ebedf0 url("https://img1.dxycdn.com/t/s7/2026/0916/677/2158001588719010012.jpg") center/cover no-repeat;position:relative;overflow:hidden}.hero-inner{width:var(--content);margin:auto;padding-top:92px}.hero h1{font-size:44px;line-height:1.2;letter-spacing:1px;margin:0 0 24px;font-weight:600;max-width:850px}.hero p{width:780px;font-size:16px;line-height:24px;color:#666;margin:0 0 32px}.button-row{display:flex;gap:24px}.button{height:48px;padding:0 24px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;transition:background .2s}.button:hover{transform:none;box-shadow:none}.primary{color:#fff;background:linear-gradient(160deg,var(--purple),var(--purple-2))}.button.primary:hover,.button.primary:focus-visible{background:linear-gradient(135deg,#7753ff,#a88dfb);transform:none;box-shadow:none}.button.primary:focus-visible{outline:2px solid rgba(119,83,255,.28);outline-offset:3px}.secondary{border:1px solid var(--ink);background:rgba(255,255,255,.35)}.small{height:44px;min-width:160px;font-size:16px}.wide{height:52px;font-size:18px}.hero .button.primary{height:52px;padding:0 32px 0 36px;gap:6px}.hero .button.primary:after{content:"→";display:block;width:24px;font-size:22px;line-height:1;text-align:center}.hero-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:12px;align-items:center}.hero-dots i{width:8px;height:8px;border-radius:8px;background:#c9cbd0}.hero-dots i:first-child{width:24px;background:var(--purple)}
.business-section{padding:80px 24px}.section-shell{max-width:var(--content);margin:auto}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{font-size:44px;line-height:1.2;font-weight:600;margin:0 0 12px}.section-heading p{font-size:18px;line-height:24px;color:var(--muted);margin:0}.metrics{height:144px;border-radius:12px;background:var(--soft);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin-bottom:80px}.metrics div{text-align:center;min-height:72px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.metrics div+div:before{content:"";position:absolute;left:0;top:0;width:1px;height:72px;background:var(--line)}.metrics strong{font-size:32px;line-height:38px;font-weight:600}.metrics span{font-size:16px;line-height:19px;color:var(--muted);margin-top:4px}.feature-row{min-height:366px;display:grid;grid-template-columns:600px 512px;gap:80px;align-items:stretch}.feature-copy{display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:18px;line-height:21px;font-weight:500;margin-bottom:32px}.feature-copy h3{font-size:36px;line-height:1.18;font-weight:600;margin:0 0 12px}.feature-copy p{font-size:16px;line-height:24px;color:var(--muted);margin:0 0 28px}.feature-copy .button{margin-top:auto}.carousel{position:relative;border-radius:12px;overflow:hidden;min-height:366px;background:#e5e5ee}.carousel-track,.slide{position:absolute;inset:0;margin:0}.slide{opacity:0;transition:opacity .55s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(22,18,29,.18));pointer-events:none}.carousel button{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.82);color:var(--purple);font-size:28px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.carousel:hover button,.carousel:focus-within button{opacity:1}.carousel button:hover{background:#fff}.carousel-prev{left:20px}.carousel-next{right:20px}.carousel-dots{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:7px}.carousel-dots button{position:static;transform:none;width:7px;height:7px;background:rgba(255,255,255,.62);opacity:1;padding:0}.carousel-dots button.active{width:20px;border-radius:6px;background:#fff}.consumer{padding-top:80px}.science{padding-top:80px}.science-shell>.section-heading{display:none}.science .feature-row{margin-top:0}.science .feature-copy p{margin-bottom:24px}
.mission{height:460px;background:#6c687b url("https://img1.dxycdn.com/t/s7/2026/0916/847/0656870992819010012.png") center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.mission-content{max-width:1050px;padding:20px}.mission h2{font-size:44px;line-height:57px;margin:0 0 24px;font-weight:600}.mission p{font-size:18px;line-height:30px;margin:0 0 32px}.mission .button{min-width:303px}
.site-footer{background:var(--soft)}.footer-top{max-width:var(--content);height:275px;margin:auto;padding:60px 16px;display:grid;grid-template-columns:max-content max-content max-content 240px;justify-content:space-between;border-bottom:1px solid var(--line)}.footer-column{display:flex;flex-direction:column;font-size:14px;line-height:30px;color:#666}.footer-column h4{font-size:16px;line-height:normal;color:var(--ink);margin:0 0 16px;font-weight:500}.footer-column a:hover{color:var(--purple)}.footer-brand{display:flex;flex-direction:column;justify-content:space-between;min-height:155px}.footer-brand img{width:auto;height:32px;object-fit:contain;object-position:left center}.footer-brand p{font-size:16px;color:#666;margin:16px 0 0}.socials{display:flex;gap:20px}.socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:14px}.footer-bottom{height:60px;max-width:var(--content);margin:auto;display:flex;justify-content:center;align-items:center;gap:40px;color:#666;font-size:14px}.footer-bottom>span:last-child{display:flex;align-items:center;gap:12px}.footer-bottom i{height:14px;width:1px;background:#bbb}
@media(max-width:1280px){:root{--content:calc(100vw - 80px)}.feature-row{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:48px}.main-nav{gap:20px}.header-actions{gap:16px}.site-header{padding:0 22px}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;justify-self:end}.main-nav{position:absolute;left:0;right:0;top:64px;background:#fff;height:auto;padding:16px 24px 24px;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 16px 30px rgba(30,26,38,.08);display:none}.main-nav.open{display:flex}.main-nav a{width:100%;height:40px}.main-nav a.active:after{left:0;transform:none;bottom:0}.header-actions{display:none}.hero-inner{padding-top:72px}.hero h1{font-size:38px;max-width:680px}.hero p{width:min(680px,90%)}.feature-row{grid-template-columns:1fr;gap:40px}.feature-copy{min-height:340px}.carousel{min-height:430px}.footer-top{height:auto;grid-template-columns:repeat(2,1fr);gap:40px}.footer-brand{grid-column:1/-1}.footer-bottom{padding:20px;height:auto;flex-wrap:wrap}}
@media(max-width:640px){:root{--content:calc(100vw - 40px)}body.dxy-global-root{padding-top:60px}.site-header{height:60px;padding:0 20px}.brand img{width:auto;height:32px}.main-nav{top:60px}.hero{height:auto;min-height:620px;background-position:65% center}.hero:before{content:"";position:absolute;inset:0;background:rgba(245,246,249,.28)}.hero-inner{position:relative;padding:64px 0 80px}.hero h1{font-size:34px;line-height:1.16;letter-spacing:0}.hero h1 br{display:none}.hero p{width:100%;font-size:15px}.button-row{flex-direction:column;gap:12px;align-items:flex-start}.button{font-size:16px}.business-section{padding:64px 20px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:32px}.section-heading h2 br,.section-heading p br,.mission p br{display:none}.section-heading p{font-size:16px}.metrics{height:auto;grid-template-columns:1fr 1fr;margin-bottom:56px}.metrics div{min-height:120px;padding:20px 8px}.metrics div+div:before{height:80px;top:20px}.metrics div:nth-child(3):before{width:calc(100% - 40px);height:1px;top:0;left:20px}.metrics div:nth-child(4):after{content:"";position:absolute;width:calc(100% - 40px);height:1px;top:0;left:20px;background:var(--line)}.metrics strong{font-size:28px}.metrics span{font-size:13px}.feature-copy{min-height:auto}.eyebrow{font-size:15px;margin-bottom:20px}.feature-copy h3{font-size:30px}.feature-copy p{font-size:15px}.feature-copy .button{margin-top:4px}.carousel{min-height:310px}.mission{height:460px}.mission h2{font-size:36px;line-height:1.2}.mission p{font-size:16px;line-height:25px}.mission .button{min-width:0}.footer-top{grid-template-columns:1fr 1fr;padding:48px 20px}.footer-bottom{flex-direction:column;gap:12px}.carousel button{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.button{transition:none}}

/* Final responsive refinements */
/* Beat dxy-cn globals.css `html, body { background }` which is injected after this sheet. */
html:has(.dxy-global-root),body.dxy-global-root,body:has(.dxy-global-root){background:#fff;color:var(--ink)}
body.dxy-global-root{padding-top:64px}
body.dxy-global-root .site-header{position:fixed;top:0;left:0;right:0;width:100%;border-bottom:0;box-shadow:none;z-index:100}
.site-header.is-scrolled{border-bottom:1px solid #f5f6f9}
.back-to-top{position:fixed;right:32px;bottom:32px;z-index:90;width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.1);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:color .2s ease,opacity .2s ease,transform .2s ease,visibility .2s ease;color:#666}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top-icon{width:24px;height:24px;display:block;object-fit:contain;transition:filter .2s ease}
.back-to-top:hover .back-to-top-icon,.back-to-top:focus-visible .back-to-top-icon{filter:brightness(0) saturate(100%) invert(31%) sepia(73%) saturate(2238%) hue-rotate(242deg) brightness(80%) contrast(103%)}
.back-to-top:focus-visible{outline:2px solid rgba(90,60,219,.35);outline-offset:3px}
@media(max-width:640px){.back-to-top{right:20px;bottom:20px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.back-to-top,.back-to-top-icon{transition:none}}
.nav-dropdown{height:48px;display:flex;align-items:center;position:relative}
.nav-dropdown:has(>.active):before{content:"";position:absolute;width:12px;height:4px;border-radius:5px;left:50%;bottom:4px;transform:translateX(-50%);background:var(--purple)}
.main-nav .nav-dropdown>a.active:after{content:"";position:static;width:16px;height:16px;flex:0 0 16px;border:0;border-radius:0;background:url("/global/assets/Icon/dui_unFold_bold.svg") center/16px 16px no-repeat;transform:none;margin:0 0 0 2px}
.nav-dropdown-menu{position:absolute;left:50%;top:48px;transform:translate(-50%,8px);width:230px;padding:6px;display:flex;flex-direction:column;gap:2px;background:#fff;border:0;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .2s ease,transform .2s ease}
.main-nav .nav-dropdown-menu a{width:100%;height:44px;padding:6px 12px;justify-content:center;border-radius:8px;color:#333;font-size:16px;line-height:24px;font-weight:400;text-align:center}
.main-nav .nav-dropdown-menu a:after{display:none}
.main-nav .nav-dropdown-menu a:hover,.main-nav .nav-dropdown-menu a:focus-visible{color:#7753FF;background:#f5f6f9}
.main-nav .nav-dropdown-menu a.active{color:#7753FF;background:#f5f6f9;font-weight:400}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown:hover>.with-chevron:after,.nav-dropdown:focus-within>.with-chevron:after{transform:rotate(180deg);margin-top:0}
.about-nav-menu{width:167px}
.main-nav .about-nav-menu a{height:44px;padding:6px 12px;border-radius:8px;color:#333;font-size:16px;line-height:24px;font-weight:400}
.main-nav .about-nav-menu a.active,.main-nav .about-nav-menu a:hover,.main-nav .about-nav-menu a:focus-visible{color:#7753FF;background:#f5f6f9;font-weight:400}
@media(max-width:980px){.nav-dropdown{width:100%;height:auto;display:block}.main-nav .nav-dropdown-trigger{width:100%;height:40px}.nav-dropdown-menu{position:static;width:100%;padding:0 0 0 16px;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{transform:none}.main-nav.open .nav-dropdown-menu{display:block}.main-nav .nav-dropdown-menu a{height:36px;justify-content:flex-start;color:#666;text-align:left}}
@media(max-width:980px){.main-nav .about-nav-menu a.active{color:#7753FF;background:#f5f6f9}}

/* Mobile two-level navigation */
.mobile-nav-back,.mobile-nav-utilities,.mobile-nav-backdrop{display:none}
@media(max-width:980px){
  body.mobile-nav-open{overflow:hidden}
  body.mobile-nav-open .site-header{position:fixed;top:0;left:0;right:0}
  body.mobile-nav-open:before{content:none}
  .mobile-nav-backdrop{position:fixed;z-index:95;inset:64px 0 0;width:100%;height:auto;padding:0;display:block;border:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:default}
  .site-header{height:64px;padding:0 24px;grid-template-columns:1fr auto;z-index:100;border-bottom:1px solid #f5f6f9}
  .site-header .brand{width:120px}
  .menu-toggle{width:24px;height:24px;padding:0;display:block;justify-self:end;background:url("/global/assets/Icon/dui_menu.svg") center/24px 24px no-repeat;cursor:pointer}
  .menu-toggle.is-open{background-image:url("/global/assets/Icon/dui_close.svg")}
  .menu-toggle span{display:none}
  .main-nav{position:absolute;z-index:3;left:0;right:0;top:64px;width:100%;height:auto;max-height:calc(100svh - 64px);padding:12px 20px 24px;display:none;overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:none}
  .main-nav.open{display:flex}
  .main-nav>a,.main-nav>.nav-dropdown,.main-nav>.nav-dropdown>.with-chevron{width:100%;height:48px;min-height:48px}
  .main-nav>a,.main-nav>.nav-dropdown>.with-chevron{padding:0;align-items:center;justify-content:flex-start;color:#333;font-size:16px;line-height:24px;font-weight:400}
  .main-nav>a.active,.main-nav>.nav-dropdown>.with-chevron.active{font-weight:400}
  .main-nav>a.active:after,.nav-dropdown:has(>.active):before{display:none}
  .main-nav>.nav-dropdown{display:block}
  .main-nav>.nav-dropdown>.with-chevron:after,.main-nav .nav-dropdown>a.active:after{content:"";width:20px;height:20px;margin-left:auto;display:block;flex:0 0 20px;background:url("/global/assets/Icon/dui_page_arrow.svg") center/20px 20px no-repeat;transform:none}
  .main-nav.open:not(.show-secondary) .nav-dropdown-menu{display:none}
  .mobile-nav-utilities{margin-top:12px;padding-top:12px;border-top:1px solid #f5f6f9;display:flex;flex-direction:column}
  .main-nav .mobile-nav-utilities>a{width:100%}
  .main-nav .mobile-nav-utilities .chinese-website-link{height:48px;color:#666;font-size:15px;font-weight:400}
  .main-nav .mobile-nav-utilities .contact-button{height:32px;margin-top:12px;border:1px solid #333;border-radius:18px;justify-content:center;color:#333;font-size:14px;font-weight:500}
  .main-nav .mobile-nav-utilities .chinese-website-link:hover,.main-nav .mobile-nav-utilities .chinese-website-link:focus-visible{color:#7753ff}
  .main-nav .mobile-nav-utilities .contact-button:hover,.main-nav .mobile-nav-utilities .contact-button:focus-visible{color:#7753ff;border-color:#7753ff}
  .mobile-nav-back{width:100%;height:48px;padding:0;display:none;align-items:center;gap:8px;border:0;background:transparent;color:#7753ff;font-size:16px;line-height:24px;text-align:left;cursor:pointer}
  .mobile-nav-back:before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("/global/assets/Icon/dui_page_arrow.svg") center/20px 20px no-repeat;mask:url("/global/assets/Icon/dui_page_arrow.svg") center/20px 20px no-repeat;transform:rotate(180deg)}
  .main-nav.show-secondary>.mobile-nav-back{display:flex}
  .main-nav.show-secondary>a,.main-nav.show-secondary>.nav-dropdown:not(.mobile-level-active),.main-nav.show-secondary>.mobile-nav-utilities{display:none}
  .main-nav.show-secondary>.mobile-level-active{height:auto;min-height:0}
  .main-nav.show-secondary>.mobile-level-active>.with-chevron{display:flex;height:48px;min-height:48px;font-weight:600;pointer-events:none}
  .main-nav.show-secondary>.mobile-level-active>.with-chevron:after{display:none}
  .main-nav.show-secondary>.mobile-level-active>.nav-dropdown-menu{position:static;width:100%;padding:0;display:flex;flex-direction:column;gap:0;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;overflow:visible}
  .main-nav.show-secondary>.mobile-level-active>.nav-dropdown-menu a{width:100%;height:48px;padding:0;justify-content:flex-start;border-radius:0;background:transparent;color:#333;font-size:16px;line-height:24px;font-weight:400;text-align:left}
  .main-nav.show-secondary>.mobile-level-active>.nav-dropdown-menu a.active{background:transparent;color:#333;font-weight:400}
}
.science{padding-bottom:160px}
.science-shell>.section-heading{display:block}
@media(max-width:640px){
  .hero{background-position:70% center}
  .hero:before{background:linear-gradient(180deg,rgba(245,246,249,.82),rgba(245,246,249,.48))}
  .hero h1 br{display:block}
}

/* Scroll entrance animation */
html.motion-ready .reveal{opacity:0;transform:translate3d(0,44px,0);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
html.motion-ready .reveal.from-left{transform:translate3d(-52px,20px,0)}
html.motion-ready .reveal.from-right{transform:translate3d(52px,20px,0)}
html.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
html.motion-ready .hero-dots.reveal{opacity:0;transform:translateX(-50%);transition:opacity .45s ease;will-change:opacity}
html.motion-ready .hero-dots.reveal.is-visible{opacity:1;transform:translateX(-50%);will-change:auto}
.footer-bottom{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.motion-ready .reveal,html.motion-ready .reveal.from-left,html.motion-ready .reveal.from-right{opacity:1;transform:none;transition:none}}
@media(min-width:981px){.hero h1{width:890px;max-width:890px;font-size:48px;font-weight:600;white-space:nowrap}}
.mission{background-image:url("https://img1.dxycdn.com/t/s7/2026/0916/688/4661042121819010012.png")}
@media(min-width:641px){.mission{height:400px}}
.mission-content{padding:0 20px 12px}
.hero-description{width:720px;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.hero-description p{width:100%;margin:0}
@media(min-width:981px){.hero h1{width:780px;max-width:780px;white-space:normal}}
@media(max-width:980px){.hero-description{width:min(680px,90%)}}
@media(max-width:640px){.hero-description{width:100%}}
@media(min-width:981px){.hero-inner{height:100%;padding-top:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(-12px)}}

/* Unified directional arrow icon */
.hero .button.primary{gap:6px}
.hero .button.primary:after{content:"";display:block;width:24px;height:24px;flex:0 0 24px;font-size:0;background-color:currentColor;-webkit-mask:var(--arrow-icon) center/16px 16px no-repeat;mask:var(--arrow-icon) center/16px 16px no-repeat}
.carousel>.carousel-prev,.carousel>.carousel-next{display:none}
.carousel-dots button:before{display:none}
.eyebrow{text-transform:uppercase;letter-spacing:2px}
@media(min-width:641px){
  .section-heading h2{font-size:40px}
  .section-heading p{font-size:16px}
  .eyebrow{font-size:16px}
}

/* Homepage — 2026-08-30 Figma revision */
.homepage .hero-inner{width:952px}
.homepage .hero h1{width:720px;max-width:720px;margin-bottom:20px;line-height:normal;letter-spacing:0;font-size:48px;font-weight:600}
.homepage .hero .button.primary{padding:0 32px;gap:0}
.homepage .hero .button.primary:after{display:none}
.homepage .business-section{padding:80px 24px 0}
.homepage .section-heading h2{font-size:44px;line-height:normal;font-weight:600}
.homepage .section-heading p{font-size:16px;line-height:24px}
.homepage .metrics strong{line-height:normal;font-weight:600}
.homepage .metrics span{line-height:normal}
.homepage .feature-row{height:400px;min-height:400px;grid-template-columns:520px 592px;gap:80px}
.homepage .feature-copy{justify-content:center}
.homepage .eyebrow{font-size:18px;line-height:normal}
.homepage .feature-copy h3{font-size:36px;line-height:normal;font-weight:500}
.homepage .feature-copy p{margin-bottom:32px}
.homepage .feature-copy .button{margin-top:0;font-size:18px}
.homepage .carousel{min-height:400px;border-radius:0;background:#fff}
.homepage .carousel:after{display:none}
.homepage .carousel .slide img{object-fit:contain}
.homepage .carousel>.carousel-prev,.homepage .carousel>.carousel-next{display:block;opacity:1;left:auto;width:32px;height:32px;background:rgba(0,0,0,.1);color:#fff}
.homepage .carousel>.carousel-prev{left:0}
.homepage .carousel>.carousel-next{right:0}
.homepage .carousel>.carousel-prev:hover,.homepage .carousel>.carousel-next:hover{background:rgba(0,0,0,.18)}
.homepage .carousel-dots{display:none}
.homepage .science{padding-bottom:80px}
.homepage .mission{height:321px;border-bottom:1px solid #e0e0e0;background:#f5f6f9;color:var(--ink)}
.homepage .mission h2{line-height:normal;margin-bottom:20px}
.homepage .mission p{line-height:28px;color:#666}
.homepage .socials a{font-weight:600}
.homepage .footer-bottom{color:#999}
.footer-brand{justify-content:flex-start;gap:20px}
@media(max-width:1280px){
  .homepage .hero-inner{width:calc(100vw - 80px)}
  .homepage .feature-row{grid-template-columns:minmax(0,520px) minmax(380px,592px);gap:48px}
}
@media(max-width:980px){
  .homepage .hero-inner{width:var(--content)}
  .homepage .hero h1{width:auto;max-width:680px;font-size:38px}
  .homepage .feature-row{height:auto;grid-template-columns:1fr;gap:40px}
  .homepage .feature-copy{min-height:340px}
}
@media(max-width:640px){
  .homepage .hero h1{font-size:34px}
  .homepage .business-section{padding:64px 20px 0}
  .homepage .section-heading h2{font-size:32px}
  .homepage .feature-copy{min-height:auto}
  .homepage .eyebrow{font-size:15px}
  .homepage .feature-copy h3{font-size:30px}
  .homepage .carousel{min-height:310px}
  .homepage .mission{height:420px}
}

/* Homepage product carousel */
.homepage .carousel>.carousel-prev,.homepage .carousel>.carousel-next{display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.94);transition:opacity .2s ease,transform .2s ease,background .2s ease}
.homepage .carousel>.carousel-prev img,.homepage .carousel>.carousel-next img{width:auto;height:14px;display:block;object-fit:contain}
.homepage .carousel>.carousel-next img{transform:rotate(180deg)}
.homepage .carousel:hover>.carousel-prev,.homepage .carousel:hover>.carousel-next,.homepage .carousel:focus-within>.carousel-prev,.homepage .carousel:focus-within>.carousel-next{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.professional-preview-panel{width:592px;display:flex;flex-direction:column;align-items:center;gap:24px}
.professional-preview-carousel{width:100%;flex:0 0 auto}
.homepage .professional-preview-carousel>.carousel-prev,.homepage .professional-preview-carousel>.carousel-next{width:32px;height:32px}
.homepage .professional-preview-carousel>.carousel-prev img,.homepage .professional-preview-carousel>.carousel-next img{width:auto;height:14px;object-fit:contain}
.homepage .professional-preview-carousel .carousel-track{bottom:0}
.homepage .professional-preview-carousel .slide img{position:absolute;inset:0}
.homepage .professional-preview-carousel .preview-default{z-index:0;opacity:1;transition:none;transform:none}
.homepage .professional-preview-carousel .preview-english{z-index:1;opacity:0;transform:none;will-change:opacity;transition:opacity .24s ease-out}
.homepage .professional-preview-carousel.is-phone-hovered .slide.active .preview-english{opacity:1}
.homepage .professional-preview-carousel .phone-preview-hitbox{position:absolute;z-index:2;top:1%;right:auto;bottom:1%;left:23%;width:54%;height:auto;display:block;padding:0;border:0;border-radius:0;background:transparent;opacity:1;transform:none;cursor:pointer;touch-action:manipulation}
.professional-preview-caption{margin:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:20px;font-weight:400;text-align:center;pointer-events:none;white-space:nowrap}
.professional-preview-caption span:first-child{color:#333}
.professional-preview-caption span:last-child{color:#999}
.consumer-preview-panel{width:592px;display:flex;flex-direction:column;align-items:center;gap:24px}
.homepage .consumer .consumer-preview-carousel{width:100%;flex:0 0 600px;height:600px;min-height:600px}
.homepage .consumer-preview-carousel .slide img{position:absolute;inset:0}
.homepage .consumer-preview-carousel .preview-default{z-index:0;opacity:1;transition:none;transform:none}
.homepage .consumer-preview-carousel .preview-english{z-index:1;opacity:0;transform:none;will-change:opacity;transition:opacity .24s ease-out}
.homepage .consumer-preview-carousel.is-phone-hovered .slide.active .preview-english{opacity:1}
@media(min-width:641px){.homepage .consumer{padding-top:100px}}
.homepage .consumer-preview-carousel .phone-preview-hitbox{position:absolute;z-index:2;top:1%;right:auto;bottom:1%;left:23%;width:54%;height:auto;display:block;padding:0;border:0;border-radius:0;background:transparent;opacity:1;transform:none;cursor:pointer;touch-action:manipulation}
.consumer-preview-caption{margin:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:20px;font-weight:400;text-align:center;pointer-events:none;white-space:nowrap}
.consumer-preview-caption span:first-child{color:#333}
.consumer-preview-caption span:last-child{color:#999}
.preview-instruction-mobile{display:none}
.socials a{position:relative;font-size:0;background:none}
.socials a::before{content:"";display:block;flex:0 0 14px;width:14px;height:14px;background:transparent url("/global/assets/Icon/Button/L/in-gray.svg") center/14px 14px no-repeat}
.socials a:hover::before,.socials a:focus-visible::before{background-image:url("/global/assets/Icon/Button/L/in.svg")}
@media(min-width:981px){
  .homepage .hero-inner{width:min(1192px,calc(100vw - 80px))}
  .homepage .feature-row{height:660px;min-height:660px;align-items:center}
  .homepage .feature-copy{height:auto;min-height:0}
  .homepage .carousel{position:relative;top:auto;height:660px;min-height:660px;overflow:hidden;border-radius:16px}
  .homepage .professionals .feature-row{height:auto;min-height:724px}
  .homepage .science .feature-row{height:420px;min-height:420px}
  .homepage .science .carousel{height:420px;min-height:420px}
}
@media(max-width:980px){.professional-preview-panel,.consumer-preview-panel{width:100%;gap:16px}.homepage .carousel>.carousel-prev,.homepage .carousel>.carousel-next{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.homepage .professional-preview-carousel .carousel-track{bottom:0}.homepage .consumer .consumer-preview-carousel{height:560px;min-height:560px;flex-basis:560px}.professional-preview-caption,.consumer-preview-caption{font-size:14px}.preview-instruction-desktop{display:none}.preview-instruction-mobile{display:inline}}
@media(max-width:640px){.homepage .consumer .consumer-preview-carousel{height:420px;min-height:420px;flex-basis:420px}.professional-preview-caption,.consumer-preview-caption{flex-direction:column;gap:0;white-space:normal}}

/* Match the primary CTA treatment used on dxy.cn. */
.button.primary{background:linear-gradient(117deg,#7753ff,#a88dfb)}
.button.primary:hover,.button.primary:focus-visible{background:linear-gradient(117deg,#8c6eee,#a88dfb);color:#fff;transform:none;box-shadow:none;filter:none}

/* Use image backgrounds so the external-link icon also renders in file:// previews. */
.chinese-website-link:after{width:15px;height:15px;flex:0 0 15px;background:transparent url("/global/assets/Icon/dui_click.svg") center/15px 15px no-repeat;-webkit-mask:none;mask:none}
.chinese-website-link:hover:after,.chinese-website-link:focus-visible:after{background-image:url("/global/assets/Icon/dui_click-purple.svg")}

/* Homepage hero background carousel */
.homepage .hero{background:#ebedf0}
.homepage .hero-backgrounds{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.homepage .hero-backgrounds img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;will-change:opacity;transition:opacity .8s cubic-bezier(.4,0,.2,1)}
.homepage .hero-backgrounds img.active{opacity:1}
.homepage .hero:before{z-index:1}
.homepage .hero-inner{position:relative;z-index:2}
.homepage .hero-dots{z-index:3}
.homepage .hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:#c9cbd0;cursor:pointer;transition:width .22s ease,background .22s ease}
.homepage .hero-dots button.active{width:24px;background:var(--purple)}
.homepage .hero-dots button:focus-visible{outline:2px solid rgba(119,83,255,.32);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.homepage .hero-backgrounds img{transition:none}}

/* Mobile banner copy stays left-aligned and centered vertically across pages. */
@media(max-width:980px){
  .hero-inner,.about-hero-content,.impact-hero-inner,.international-hero-content,.careers-hero-content,.news-hero-inner,.contact-hero-content,.business-hero-inner{align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding-top:0!important;padding-bottom:0!important}
  .hero-inner,.about-hero-content,.impact-hero-inner,.international-hero-content,.careers-hero-content,.news-hero-inner,.contact-hero-content{height:100%!important;box-sizing:border-box}
  .hero-inner h1,.hero-inner p,.about-hero h1,.about-hero p,.impact-hero h1,.impact-hero p,.international-hero h1,.international-hero p,.careers-hero h1,.careers-hero p,.news-hero h1,.news-hero p,.contact-hero h1,.contact-hero p,.business-hero h1,.business-hero p{margin-left:0!important;margin-right:0!important;text-align:left!important}
  .homepage .hero{display:flex;flex-direction:column;width:100%;min-width:0}
  .homepage .hero-inner{display:flex;flex-direction:column;justify-content:center;width:var(--content);max-width:100%;height:100%;padding:0!important;box-sizing:border-box}
  .homepage .button-row{align-items:flex-start;justify-content:flex-start}
  .homepage .hero>.hero-backgrounds img,.about-hero>.hero-backgrounds img,.impact-hero>.hero-backgrounds img,.international-hero>.hero-backgrounds img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center center}
  .news-hero,.contact-hero{background-size:cover!important;background-position:center center!important}
}

@media(max-width:640px){
  .homepage .hero{height:620px;min-height:620px}
}


/* Keep large hero artwork anchored to its section while the page scrolls. */
.homepage .hero,.about-hero,.impact-hero,.international-hero,.careers-hero,.news-hero,.contact-hero{background-attachment:scroll!important}
.homepage .hero>.hero-backgrounds,.about-hero>.hero-backgrounds,.impact-hero>.hero-backgrounds,.international-hero>.hero-backgrounds{inset:0!important;transform:none!important}
.homepage .hero>.hero-backgrounds img,.about-hero>.hero-backgrounds img,.impact-hero>.hero-backgrounds img,.international-hero>.hero-backgrounds img{transform:none!important}
@media(max-width:820px){.homepage .hero>.hero-backgrounds img,.about-hero>.hero-backgrounds img,.impact-hero>.hero-backgrounds img,.international-hero>.hero-backgrounds img{will-change:auto}}

/* Keep mobile banners centred and crop their sides without changing the artwork. */
@media(max-width:980px){
  .homepage .hero>.hero-backgrounds img,
  .about-hero>.hero-backgrounds img,
  .impact-hero>.hero-backgrounds img,
  .international-hero>.hero-backgrounds img{object-fit:cover;object-position:center center}
  .hero-inner,
  .about-hero-content,
  .impact-hero-inner,
  .international-hero-content,
  .careers-hero-content,
  .news-hero-inner,
  .contact-hero-content,
  .history-hero-copy{align-items:center!important;text-align:center!important}
  .hero h1,.hero p,
  .about-hero h1,.about-hero p,
  .impact-hero h1,.impact-hero p,
  .international-hero h1,.international-hero p,
  .careers-hero h1,.careers-hero p,
  .contact-hero h1,.contact-hero p{margin-left:auto;margin-right:auto}
  .button-row{align-items:center;justify-content:center}
}

@media(max-width:980px){
  .careers-hero,.news-hero,.contact-hero{background-position:center center!important;background-size:cover!important}
}

@media(min-width:981px){
  .main-nav>a,.main-nav>.nav-dropdown>.with-chevron{transition:color .2s ease}
  .main-nav>a:hover,.main-nav>a:focus-visible,.main-nav>.nav-dropdown:hover>.with-chevron,.main-nav>.nav-dropdown:focus-within>.with-chevron{color:#7753ff}
}

@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .carousel>.carousel-prev,.carousel>.carousel-next{opacity:0!important;pointer-events:none;transform:translateY(-50%) scale(.94)}
  .carousel:hover>.carousel-prev,.carousel:hover>.carousel-next{opacity:1!important;pointer-events:auto;transform:translateY(-50%) scale(1)}
}

/* Homepage mobile hero — Figma node 5704:5169. */
@media(max-width:980px){
  .homepage .hero{
    height:520px;
    min-height:520px;
    overflow:hidden;
  }
  .homepage .hero::before{
    display:none;
  }
  .homepage .hero>.hero-backgrounds{
    right:0!important;
    left:auto!important;
    width:1920px;
    height:520px;
  }
  .homepage .hero>.hero-backgrounds img{
    right:0!important;
    left:auto!important;
    width:1920px!important;
    height:520px!important;
    object-fit:cover;
    object-position:right center;
  }
  .homepage .hero-inner{
    position:absolute;
    top:auto;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    max-width:none;
    height:auto!important;
    padding:20px 20px 40px!important;
    box-sizing:border-box;
    background:rgba(255,255,255,.86);
    gap:24px;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .homepage .hero h1{
    width:100%;
    max-width:none;
    margin:0!important;
    color:#333;
    font-size:24px;
    line-height:normal;
    font-weight:600;
    letter-spacing:0;
    text-align:left!important;
  }
  .homepage .hero-description{
    width:100%;
    margin:0;
    gap:8px;
    color:#666;
  }
  .homepage .hero-description p{
    width:100%;
    margin:0!important;
    color:#666;
    font-size:12px;
    line-height:16px;
    text-align:left!important;
  }
  .homepage .hero .button-row{
    width:100%;
    margin:0;
    align-items:flex-start;
    justify-content:flex-start;
  }
  .homepage .hero .button.primary{
    width:204px;
    height:40px;
    padding:0 32px;
    border-radius:26px;
    font-size:16px;
    line-height:normal;
    white-space:nowrap;
  }
  .homepage .hero-dots{bottom:16px}
}

@media(max-width:980px){
  .hero-inner,.about-hero-content,.impact-hero-inner,.international-hero-content,.careers-hero-content,.news-hero-inner,.contact-hero-content{align-items:flex-start!important;justify-content:center!important;text-align:left!important}
  .hero-inner h1,.hero-inner p,.about-hero h1,.about-hero p,.impact-hero h1,.impact-hero p,.international-hero h1,.international-hero p,.careers-hero h1,.careers-hero p,.news-hero h1,.news-hero p,.contact-hero h1,.contact-hero p{margin-left:0!important;margin-right:0!important;text-align:left!important}
  .homepage .button-row{align-items:flex-start!important;justify-content:flex-start!important}
}

@media(max-width:980px){
  [data-carousel],
  [data-hero-carousel],
  .business-showcase,
  .service-carousel-viewport{touch-action:pan-y;overscroll-behavior-x:contain}
}

body.dxy-global-root #j-dxy-bottom { display: none !important; }

/* Keep the desktop header navigation on one line and reveal later items as they become active. */
@media(min-width:981px){
  .site-header{grid-template-columns:minmax(120px,1fr) minmax(0,790px) minmax(300px,1fr)}
  .main-nav{min-width:0}
  .main-nav>a,.main-nav>.nav-dropdown{flex:0 0 auto}
}

@media(min-width:981px) and (max-width:1279px){
  .site-header .brand{position:relative;z-index:2;background:#fff}
  .main-nav{--desktop-nav-offset:0px}
  .main-nav>a,.main-nav>.nav-dropdown{transform:translateX(calc(var(--desktop-nav-offset) * -1));transition:color .2s ease,transform .35s cubic-bezier(.22,.7,.2,1)}
  .main-nav.nav-fade-start{mask-image:linear-gradient(to right,transparent 0,#000 44px,#000 100%)}
  .main-nav.nav-fade-end{mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 44px),transparent 100%)}
  .main-nav.nav-fade-start.nav-fade-end{mask-image:linear-gradient(to right,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%)}
  .main-nav:has(>.nav-dropdown:hover),.main-nav:has(>.nav-dropdown:focus-within){mask-image:none}
  .main-nav.nav-fade-start:has(>.nav-dropdown:hover),.main-nav.nav-fade-start:has(>.nav-dropdown:focus-within){mask-image:linear-gradient(to right,transparent 0,#000 44px,#000 100%)}
}

/* Cookie consent dialog */
.cookie-consent-layer{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}
.cookie-consent-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.cookie-consent-dialog{position:relative;width:min(580px,100%);padding:32px;overflow:hidden;border-radius:12px;background:#fff;color:#333;box-shadow:0 16px 48px rgba(0,0,0,.16)}
.cookie-consent-copy{font-size:16px;line-height:24px}
.cookie-consent-copy p{margin:0}
.cookie-consent-copy p+p{margin-top:24px}
.cookie-consent-copy a{color:#7753ff;text-decoration:underline;text-underline-offset:2px}
.cookie-consent-copy a:hover,.cookie-consent-copy a:focus-visible{color:#5f3ce5}
.cookie-consent-actions{display:flex;gap:16px;margin-top:32px}
.cookie-consent-button{min-width:0;height:48px;flex:1 1 0;padding:8px 12px;border-radius:24px;font-size:16px;line-height:normal;font-weight:500;text-align:center;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
.cookie-consent-accept{border:1px solid #e8e8e8;background:#fff;color:#333}
.cookie-consent-accept:hover,.cookie-consent-accept:focus-visible{border-color:#7753ff;color:#7753ff}
.cookie-consent-reject{border:0;background:linear-gradient(117deg,#7753ff,#a88dfb);color:#fff}
.cookie-consent-reject:hover,.cookie-consent-reject:focus-visible{background:linear-gradient(117deg,#8c6eee,#a88dfb);color:#fff}
.cookie-consent-button:focus-visible,.cookie-consent-copy a:focus-visible{outline:2px solid rgba(119,83,255,.28);outline-offset:3px}
@media(max-width:640px){
  .cookie-consent-layer{align-items:end;padding:16px}
  .cookie-consent-dialog{padding:24px 20px}
  .cookie-consent-copy{font-size:15px;line-height:23px}
  .cookie-consent-actions{flex-direction:column;gap:12px;margin-top:24px}
  .cookie-consent-button{width:100%;flex:none;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.cookie-consent-button{transition:none}}