/* DXTECH Flagship UI 2026 — premium business technology system */
:root{--dx-ink:#102033;--dx-text:#47586a;--dx-muted:#718095;--dx-blue:#1769e0;--dx-blue-dark:#0c53ba;--dx-cyan:#0b9bb0;--dx-soft:#f5f8fc;--dx-soft2:#eef3f8;--dx-line:#e1e8f0;--dx-warm:#faf9f7;--dx-card:#fff;--dx-max:1240px;--dx-radius:22px;--dx-shadow:0 18px 56px rgba(20,43,72,.09);--dx-focus:#73a9ff}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:92px}body{color:var(--dx-ink);font-size:16px;line-height:1.72;background:linear-gradient(180deg,#fff,#f8fbff 480px,#fff);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:lang(zh-CN){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}body:lang(en){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}::selection{background:#dceaff;color:#102033}.container{width:min(var(--dx-max),calc(100% - 64px))}.narrow{width:min(820px,calc(100% - 48px))}.announcement{min-height:38px;height:auto!important;font-size:12.5px;background:#0e2036!important;color:#dce8f7!important;border:0!important}.announcement .container{gap:20px;padding-block:8px}.announce-right{gap:22px;font-size:12px}.announcement a{color:#dce8f7}.announce-cta{border-radius:999px;padding:6px 13px;background:rgba(255,255,255,.1)}.nav{height:78px!important;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--dx-line)!important;box-shadow:0 9px 28px rgba(20,43,72,.045)}.navin{grid-template-columns:220px 1fr 52px;gap:18px}.brand img{width:188px;height:auto;max-height:54px}.navlinks{gap:28px;font-size:14px;font-weight:620}.navlinks>a{padding-right:0;min-height:44px;display:inline-flex;align-items:center;color:#445267}.navlinks>a::after{display:none}.navlinks>a:hover{color:var(--dx-blue)}.menu{min-width:44px;min-height:44px}.hero.refhero{padding:clamp(58px,7vw,90px) 0 62px;background:radial-gradient(760px 420px at 88% 3%,rgba(23,105,224,.09),transparent 64%),radial-gradient(620px 380px at 5% 12%,rgba(11,155,176,.055),transparent 64%),linear-gradient(180deg,#fff,#f8fbff)}.herogrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(42px,6vw,78px);align-items:center}.refhero h1,.pagehero h1,.section h2,.card h3,.cta h2{text-wrap:balance}.refhero h1{font-size:clamp(46px,5.25vw,70px);line-height:1.04;letter-spacing:-.048em;font-weight:780;max-width:11.5em;margin:18px 0 22px}.refhero .lede{font-size:18px;line-height:1.76;max-width:710px;color:#536478}.eyebrow,.kicker{display:inline-flex!important;align-items:center;gap:8px;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#1762c4!important;font-weight:760!important;background:transparent!important;padding:0!important}.eyebrow:before,.kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dx-cyan)}.heroart.reference{height:auto;min-height:390px;display:grid;place-items:center}.heroart.reference img{width:100%;height:auto;max-width:620px;filter:drop-shadow(0 22px 46px rgba(34,78,125,.08))}.actions{gap:12px;margin-top:30px}.btn{min-height:46px;padding:0 20px;border-radius:13px!important;font-size:14px;font-weight:680;border:1px solid var(--dx-line)!important;background:#fff!important;color:#26384b!important;box-shadow:0 1px 0 #fff inset;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.btn.primary{background:linear-gradient(135deg,#1769e0,#118ea7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(23,105,224,.18)}.trustrow,.refhero .trustrow{margin-top:42px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;max-width:720px}.trust{align-items:flex-start}.trust .ico{color:var(--dx-cyan)!important}.trust span:not(.ico){white-space:normal;font-size:12px;line-height:1.5;color:#738195}.trust b{font-size:14px;color:#25364a}.customer-band{padding:0 0 46px;background:#f8fbff}.logo-strip{height:auto;min-height:86px;grid-template-columns:1.5fr repeat(4,1fr);padding:14px 24px;border-radius:18px!important;border:1px solid var(--dx-line)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 32px rgba(20,43,72,.045)}.logo-cell{font-size:11px;color:#718095}.logo-cell:first-child b{color:#26384b}.home-core{padding:38px 0 86px}.home-core .corehead{text-align:left;max-width:780px;padding-bottom:30px}.home-core .corehead h2,.section h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1;letter-spacing:-.035em}.home-core .corehead p,.sectionintro{font-size:16px;line-height:1.78;color:#5d6e81}.home-core .corecards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.corecard,.card,.story-note,.media{border:1px solid var(--dx-line)!important;border-radius:var(--dx-radius)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 1px 0 #fff inset!important}.corecard{min-height:240px;padding:25px}.corecard h3,.card h3{font-size:18px;margin:10px 0;letter-spacing:-.02em}.corecard p,.card p{font-size:14px;line-height:1.72;color:#5b6c80}.corecard .more,.card .more{font-size:13px;margin-top:20px;color:var(--dx-blue);font-weight:700}.section{padding:82px 0}.section.soft{background:linear-gradient(180deg,#f6f9fc,#f1f5f9)!important}.section.warm{background:#faf9f7!important}.grid{gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:25px;min-height:0}.card .icon{width:44px;height:44px;margin-bottom:18px;border-radius:14px!important;background:#eaf3ff!important;color:#1769e0!important}.servicecard{min-height:250px}.productcard{min-height:300px}.split{gap:52px;align-items:center}.media{padding:18px}.pagehero{padding:64px 0 56px;background:radial-gradient(640px 340px at 88% 0,rgba(23,105,224,.07),transparent 66%),linear-gradient(180deg,#fff,#f7faff)!important;border-bottom:1px solid var(--dx-line)}.pagehero h1{font-size:clamp(40px,4.8vw,62px);line-height:1.06;letter-spacing:-.042em;max-width:15em;margin:15px 0 18px}.pagehero .lede{font-size:17px;line-height:1.8;max-width:780px;color:#5a6c80}.pagegrid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:54px}.breadcrumbs{font-size:12px;margin-bottom:14px;color:#7b899a}.pagehero .media img{max-height:370px;object-fit:contain}.feature-list .card{display:grid;grid-template-columns:44px 1fr;column-gap:15px;align-items:start}.feature-list .card .icon{grid-row:1/3;margin:0}.feature-list .card h3{margin:1px 0 6px}.feature-list .card p{margin:0}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.process-item{padding:24px 0;border-top:2px solid #dfe7f0}.process-item span{font-size:12px;color:#78889a}.process-item h3{font-size:18px;margin:8px 0}.process-item p{font-size:14px;line-height:1.72;color:#5f7083;margin:0}.plain-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.plain-list li{padding-left:22px;position:relative;color:#536578}.plain-list li:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--dx-blue),var(--dx-cyan));position:absolute;left:1px;top:.72em}.story-note{padding:24px}.faq details{padding:19px 0;border-color:var(--dx-line)!important}.faq summary{font-size:16px;font-weight:700}.faq p{font-size:14.5px;line-height:1.78;color:#5e6f82}.cta{border-radius:26px!important;padding:42px!important;grid-template-columns:1.15fr .85fr;background:linear-gradient(135deg,#0e2744,#135d7a)!important;color:#fff!important;border:0!important;box-shadow:0 22px 60px rgba(20,71,117,.16)}.cta h2{font-size:clamp(30px,3.2vw,42px);max-width:15em;color:#fff!important}.cta p{color:#d5e3f2!important}.cta .kicker{color:#83d8e3!important}.cta .btn.primary{background:#fff!important;color:#114c79!important}.footer{padding-top:58px!important;background:#0e1b2b!important;color:#dce7f3!important;border-top:1px solid #26384b!important}.footgrid{grid-template-columns:1.7fr repeat(4,1fr);gap:30px}.footer h4{font-size:12px;color:#fff}.footer p,.footer a{font-size:13px;line-height:1.72;color:#aebdcd!important}.footer a:hover{color:#fff!important}.legal{font-size:11.5px;color:#8294a8!important;border-color:#2a3b4e!important}.article-body{max-width:820px}.article-body h2{font-size:31px;margin:48px 0 15px;max-width:none;letter-spacing:-.03em}.article-body h3{font-size:21px;margin:32px 0 10px}.article-body p,.article-body li{font-size:16px;line-height:1.86;color:#4f6175}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--dx-focus)!important;outline-offset:3px;border-radius:8px}@media(hover:hover){.btn:hover,.corecard:hover,.card:hover{transform:translateY(-2px);border-color:rgba(23,105,224,.24)!important;box-shadow:var(--dx-shadow)!important}}@media(max-width:1100px){.container{width:min(var(--dx-max),calc(100% - 44px))}.navin{grid-template-columns:190px 1fr 46px}.brand img{width:170px}.navlinks{gap:18px}.herogrid,.pagegrid{grid-template-columns:1fr .8fr;gap:34px}.home-core .corecards,.g5{grid-template-columns:repeat(2,1fr)}.logo-strip{grid-template-columns:1.5fr repeat(3,1fr)}.logo-cell:nth-child(5){display:none}.footgrid{grid-template-columns:1.5fr repeat(2,1fr)}}@media(max-width:860px){.announcement{display:none}.nav{height:68px!important}.navin{display:flex;justify-content:space-between}.brand img{width:156px}.navlinks{display:none}.menu{display:block}.hero.refhero,.pagehero{padding:44px 0}.herogrid,.pagegrid,.split,.contactgrid,.cta{grid-template-columns:1fr}.heroart.reference{min-height:0;order:-1}.heroart.reference img{max-width:480px;margin:auto}.refhero h1{font-size:clamp(40px,10vw,54px)}.home-core .corecards,.g3,.g4,.g5,.process-grid{grid-template-columns:1fr 1fr}.logo-strip{grid-template-columns:1fr 1fr}.logo-cell:nth-child(n+4){display:none}.cta{padding:34px}.footgrid{grid-template-columns:1fr 1fr}.desktop-break{display:none}}@media(max-width:620px){.container,.narrow{width:calc(100% - 32px)}.hero.refhero,.pagehero{padding:34px 0 40px}.refhero h1{font-size:clamp(38px,11vw,48px);line-height:1.1}.pagehero h1{font-size:clamp(35px,10vw,46px)}.refhero .lede,.pagehero .lede{font-size:16px}.section{padding:60px 0}.section h2{font-size:31px}.home-core .corecards,.g2,.g3,.g4,.g5,.process-grid{grid-template-columns:1fr}.trustrow,.refhero .trustrow{grid-template-columns:1fr}.logo-strip{grid-template-columns:1fr}.logo-cell:not(:first-child){display:none}.card{padding:21px}.cta{padding:30px 24px;border-radius:22px!important}.footgrid{grid-template-columns:1fr 1fr;gap:24px 18px}.footgrid>div:first-child{grid-column:1/-1}.legal{flex-direction:column;gap:7px;align-items:flex-start}.actions{width:100%}.actions .btn{flex:1 1 auto}.pagehero .media{margin-top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.corecard,.card{transition:none!important;transform:none!important}}