/* Shared navigation and hero revision, October 2026. */
.hero-intro{font-size:14px;line-height:1.8;margin:13px 0 18px;color:#5c7163;white-space:nowrap}
.hero-pain-points{display:grid;gap:12px;max-width:520px;margin:20px 0 27px;padding:0;list-style:none}
.hero-pain-points li{display:flex;align-items:center;gap:13px;color:#5d7565;font-size:13px;line-height:1.7}
.hero-pain-points .icon{width:18px;height:18px;color:#477756;flex-shrink:0}.hero-pain-points strong{color:#214e37;min-width:65px;font-weight:650}
.hero-content .hero-pain-points+.button-row{margin-top:0}
.page-demos .demo-tabs{justify-content:center;width:100%;margin-top:30px;border-bottom:1px solid #aec5b480;padding-bottom:0;gap:12px}
.page-demos .demo-tabs button{min-width:170px;text-align:center;padding:15px 25px;background:#ffffffa6;border:1px solid #d3e0d2;border-bottom:0;border-radius:7px 7px 0 0;transition:background .2s,color .2s}
.page-demos .demo-tabs button[aria-selected=true]{background:#174d3c;color:white;border-color:#174d3c}
.location-visual{display:block;position:relative;min-height:370px;flex:1;overflow:hidden;background:#e4ede2;color:#174d3c}
.office-scene>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.office-scene>small{background:#fffffff0;border-radius:3px;padding:4px 7px}
.location-visual>img{width:100%;height:100%;min-height:370px;object-fit:cover;transition:transform .4s}.location-visual:hover>img{transform:scale(1.025)}
.location-city{position:absolute;top:23px;left:27px;font-size:11px;letter-spacing:.15em}.location-building{position:absolute;top:59px;left:27px;display:grid;gap:4px}.location-building strong{font-size:25px}.location-building>span{font-size:14px;color:#5c7d65}
.location-map-label{position:absolute;bottom:30px;left:27px;display:flex;gap:8px;align-items:center;border-radius:5px;background:#fff;padding:12px 16px;font-size:13px;box-shadow:0 5px 20px #174d3c12}.location-map-label .icon{width:17px;height:17px}.location-visual>small{position:absolute;bottom:12px;right:15px;font-size:10px;color:#6e8773}
.site-header{background:#123c30;border-color:#2d5848;backdrop-filter:none;color:#fff}
.site-header .brand,.site-header .header-phone,.main-nav>a,.main-nav>a:hover,.main-nav>a[aria-current]{color:#fff}
.site-header .brand-symbol{background:#fff;color:#174d3c}
.main-nav>a::after{background:#fff}.site-header .button{background:transparent;color:#fff;border:1px solid #ffffff80}
.site-header .button:hover{background:#fff;color:#174d3c}.menu-toggle{border-color:#ffffff60}.menu-toggle span{background:#fff}
.footer-keywords{display:flex;flex-wrap:wrap;gap:12px 25px;padding:23px 0;border-top:1px solid #ffffff20;font-size:12px;color:#c3d6c9}
.footer-keywords>span{color:#fff}.footer-keywords a:hover{color:#fff;text-decoration:underline}
.hero-content h1{white-space:nowrap;font-size:clamp(24px,2.6vw,38px);max-width:none;line-height:1.35}
.hero-content{padding-top:68px;padding-bottom:64px}.hero-summary{max-width:550px}
.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero){--banner-art:url('images/banner-circuit.svg');position:relative;background:#edf3ed var(--banner-art) center/cover no-repeat;padding:32px 0 52px;overflow:hidden}
.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero)>.container{position:relative}
.is-inner .breadcrumb{padding:0 0 22px;gap:8px;font-size:11px;line-height:1.7;color:#698171;grid-column:1/-1;flex-wrap:wrap}
.is-inner .breadcrumb a{color:#315a43}.breadcrumb>span:last-child{color:#315a43}
.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero) h1{white-space:nowrap;max-width:none;font-size:clamp(24px,2.65vw,39px);line-height:1.4;margin:12px 0 15px;letter-spacing:-.035em}
.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero) :is(.lead,.industry-hero-copy>p){font-size:15px;line-height:1.9;margin-top:0;white-space:nowrap;max-width:none}
.is-inner .eyebrow{font-size:11px}.overview-hero-grid{display:block}.overview-hero-grid .lead{margin-top:13px}
.product-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0 55px}
.product-hero-grid>.breadcrumb{grid-column:1/-1}.product-hero-art img{max-height:300px;aspect-ratio:1.45}
.product-hero-copy{min-width:0}.product-hero-copy .button-row{margin-top:23px}.product-caption{margin-top:20px;padding-top:13px}
.product-hero-office-ai{--banner-art:url('images/banner-paper.svg')!important}.product-hero-ai-inquiry{--banner-art:url('images/banner-orbit.svg')!important}.product-hero-digital-transformation{--banner-art:url('images/banner-network.svg')!important}
.hero-inline-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-inline-tags:empty{display:none}
.hero-inline-tags .floating-label{position:static;box-shadow:none;font-size:11px;padding:6px 10px;background:#ffffff90;border-radius:3px}
.topic-tags{margin-top:23px;gap:10px}.topic-tags>span{font-size:11px;padding:5px 12px;background:#ffffff90}
.solutions-hero{--banner-art:url('images/banner-network.svg')!important}.hero-word{font-size:140px;bottom:-32px;opacity:.5}
.industry-hero>.container{display:grid;grid-template-columns:1.15fr 1fr;gap:0 42px;align-items:center;padding-top:0;padding-bottom:0}
.industry-hero-image{position:relative;inset:auto;width:100%!important;height:285px;grid-column:2;grid-row:2;border-radius:8px!important;box-shadow:0 15px 35px #174d3c12}
.industry-hero-image img{height:100%;width:100%;object-fit:cover}.industry-hero-image picture{display:block;height:100%}.industry-hero-image::after{display:none}
.industry-hero-copy,.industry-hero-foreign-trade .industry-hero-copy,.industry-hero-project-services .industry-hero-copy{position:relative;grid-column:1;grid-row:2;width:100%;padding:8px 0;background:transparent;margin:0;max-width:none;backdrop-filter:none;border-radius:0}
.industry-hero-manufacturing{--banner-art:url('images/banner-circuit.svg')!important}.industry-hero-foreign-trade{--banner-art:url('images/banner-orbit.svg')!important}.industry-hero-project-services{--banner-art:url('images/banner-paper.svg')!important}
.industry-hero-copy>.button{margin-top:4px}.industry-topics{display:flex;gap:15px;margin-top:24px;padding:0;border:0;flex-wrap:wrap}
.industry-topics>div{display:flex;gap:7px;align-items:center;border:0;background:#ffffff9c;padding:5px 10px;border-radius:3px}
.industry-topics>div>span{font-size:11px;margin:0;color:#477052}.industry-topics>div>span:first-child{font-size:10px;color:#7e9683}
.solution-directory{gap:32px}.solution-feature,.solution-feature:nth-child(2){grid-template-columns:1.1fr 1fr;align-items:stretch}
.solution-feature>picture,.solution-feature:nth-child(2)>picture{grid-column:2;grid-row:1;display:block;min-height:320px}
.solution-feature>div,.solution-feature:nth-child(2)>div{grid-column:1;grid-row:1;padding:35px 38px}
.solution-feature img,.solution-feature:nth-child(2) img{grid-column:auto;grid-row:auto;display:block;height:100%;min-height:320px;object-fit:cover}
.solution-feature .solution-points{display:grid;gap:7px;font-size:13px;line-height:1.8;color:#496452;padding-left:18px;margin:18px 0}
.industry-content-grid{grid-template-columns:280px minmax(0,1fr);gap:65px;align-items:start}.industry-statement{position:sticky;top:115px}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.scenario-card{padding:26px;background:#f0f5ee;border:1px solid #dfe8dc;border-radius:7px}
.scenario-card h3{font-size:18px;margin:10px 0}.scenario-card p{font-size:14px;color:#64746a;line-height:1.9}
.about-hero{--banner-art:url('images/banner-contour.svg')!important}.about-hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.about-seal{margin:0}.about-seal p br{display:none}
.contact-hero{--banner-art:url('images/banner-orbit.svg')!important}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:65px;align-items:stretch}
.contact-details h2{font-size:30px}.contact-details>.button{margin-top:24px}.contact-preparation{padding:20px;background:#f2f6ef;margin-top:25px;border-radius:5px}.contact-preparation h3{font-size:16px}.contact-preparation p{font-size:13px;margin:10px 0 0;line-height:1.9}
.company-map-card{background:#fff;border:1px solid #dfe8de;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #163e2d08;min-width:0;display:flex;flex-direction:column}
.map-heading{padding:25px 27px;display:flex;align-items:center;justify-content:space-between}.map-heading .eyebrow{margin-bottom:7px}.map-heading h2{font-size:23px}.map-heading>.icon{height:28px;width:28px;color:#64846d}
.company-map{width:100%;height:390px;flex:1;min-height:360px;border:0;background:#e7eee5}.map-address{padding:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f8f2}.map-address strong{font-size:16px}.map-address p{font-size:12px;color:#63776a;margin-top:5px}.map-address .text-link{font-size:12px;white-space:nowrap}
.local-hero{--banner-art:url('images/banner-contour.svg')!important}.local-hero>.container{display:block}.local-hero-type{position:absolute;right:0;top:55px;opacity:.2;pointer-events:none}.privacy-hero{--banner-art:url('images/banner-paper.svg')!important}
.insights-hero{--banner-art:url('images/banner-paper.svg')!important}.faq-hero{--banner-art:url('images/banner-orbit.svg')!important}.demo-hero{--banner-art:url('images/banner-network.svg')!important}
.faq-hero-grid{grid-template-columns:1.3fr 1fr;gap:0 60px}.faq-hero-grid>.breadcrumb{grid-column:1/-1}
.article-hero-grid{grid-template-columns:minmax(0,1fr) 220px;gap:0 50px;align-items:center}.article-hero-grid>.breadcrumb{grid-column:1/-1}
.article-hero-note{min-height:200px;padding:23px}.article-theme-compare .article-hero{--banner-art:url('images/banner-circuit.svg')}.article-theme-checklist .article-hero{--banner-art:url('images/banner-paper.svg')}.article-theme-scope .article-hero{--banner-art:url('images/banner-orbit.svg')}.article-theme-catalog .article-hero{--banner-art:url('images/banner-network.svg')}.article-theme-steps .article-hero{--banner-art:url('images/banner-contour.svg')}.article-theme-systems .article-hero{--banner-art:url('images/banner-network.svg');background-position:right bottom}
@media(max-width:1100px){.header-inner{gap:14px}.main-nav{gap:17px}.header-actions{gap:12px}.header-phone{display:none}.product-hero-grid{gap:0 25px}.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero) :is(.lead,.industry-hero-copy>p){font-size:13px}.contact-grid{gap:35px}.article-hero-grid{grid-template-columns:minmax(0,1fr) 180px;gap:0 20px}.article-hero-note{padding:16px}.industry-hero>.container{gap:0 25px}.industry-hero-image{height:265px}.industry-hero-copy .button{font-size:12px}.industry-topics{gap:5px}.industry-topics>div{padding:4px 6px}}
@media(max-width:900px){.main-nav{background:#123c30;border-color:#34604c}.main-nav>a{border-color:#ffffff20}.main-nav>a[aria-current],.main-nav>a:hover{color:#fff;background:#ffffff0c}.main-nav .nav-mobile-contact{color:#fff}.product-hero-grid,.industry-hero>.container,.faq-hero-grid,.article-hero-grid{grid-template-columns:minmax(0,1fr)}.product-hero-art{margin-top:30px}.product-hero-art img{max-height:260px}.industry-hero-image{grid-column:1;grid-row:3;margin-top:25px;height:280px}.industry-hero-copy{grid-row:2}.industry-hero-foreign-trade .industry-hero-copy{width:100%}.article-hero-note{display:none}.contact-grid{grid-template-columns:1fr;gap:35px}.about-seal{display:none}.local-hero-type{display:none}.industry-content-grid{grid-template-columns:1fr;gap:35px}.industry-statement{position:static}.solution-feature>div,.solution-feature:nth-child(2)>div{padding:27px}.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero) h1{font-size:30px}.faq-search-box{margin-top:22px}.scenario-grid{gap:12px}.scenario-card{padding:18px}}
@media(max-width:600px){.site-header{height:72px}.header-inner{gap:12px}.site-header .brand{font-size:19px}.site-header .button-small{font-size:11px;padding:9px 12px;min-height:38px}.hero-content h1{font-size:clamp(19px,5.1vw,27px);letter-spacing:-.05em}.hero-content{padding-top:40px}.hero-summary{font-size:14px}.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero){padding:23px 0 32px;background-position:65% center}.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero) h1{font-size:clamp(20px,5.65vw,28px);letter-spacing:-.055em;margin:10px 0 12px}.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero) :is(.lead,.industry-hero-copy>p){font-size:12px;letter-spacing:-.035em;line-height:1.8}.is-inner .breadcrumb{font-size:10px;gap:5px;padding-bottom:17px}.product-hero-art img{max-height:230px}.product-hero-ai-inquiry .product-hero-art{padding:0 40px}.product-caption{font-size:11px}.topic-tags{gap:7px}.topic-tags>span{padding:4px 9px;font-size:10px}.industry-hero-image{height:220px}.industry-topics{margin-top:18px}.solution-feature,.solution-feature:nth-child(2){grid-template-columns:1fr}.solution-feature>picture,.solution-feature:nth-child(2)>picture{grid-column:1;grid-row:2;min-height:210px}.solution-feature>div,.solution-feature:nth-child(2)>div{grid-column:1;grid-row:1;padding:25px}.solution-feature img,.solution-feature:nth-child(2) img{height:220px;min-height:220px}.solution-feature h2{font-size:25px}.scenario-grid{grid-template-columns:1fr}.scenario-card{padding:20px}.map-heading{padding:21px}.map-heading h2{font-size:20px}.map-address{display:block;padding:20px}.map-address .text-link{margin-top:15px}.company-map{height:350px;min-height:350px}.footer-keywords{gap:10px 20px;font-size:11px}.contact-details h2{font-size:27px}.demo-tabs{margin-top:20px}.privacy-hero .narrow{width:min(100% - 40px,1200px)}}

.hero-summary{white-space:nowrap;font-size:clamp(12px,1.2vw,16px)}
@media(max-width:600px){.home-hero .hero-content{height:auto;min-height:0}.home-hero{height:auto;min-height:0}}

/* Business-scene banners retain a clear left reading area. */
.is-inner{--scene-photo:url('images/banner-office-photo.webp')}
.page-knowledge,.page-manufacturing,.page-solutions,.page-guide,.page-checklist{--scene-photo:url('images/banner-manufacturing-photo.webp')}
.page-digital,.page-project-services,.page-changshu,.page-contact,.page-systems{--scene-photo:url('images/banner-project-photo.webp')}
.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero)::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#f3f7f1 0%,#f3f7f1ed 36%,#edf3ed9e 58%,#edf3ed08 100%),var(--scene-photo);background-position:center;background-size:cover}
.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero)>.container{z-index:1}
.page-demos .demo-tabs{display:flex;max-width:520px;margin-left:auto;margin-right:auto;background:transparent;border:0;border-radius:0}
.page-demos .demo-tabs button{border:1px solid #c0d3c0;border-radius:6px;flex:1}
.page-demos .breadcrumb{justify-content:center}
.page-demos .demo-hero::before{background-image:linear-gradient(90deg,#f3f7f1f2 0%,#f3f7f1c9 60%,#edf3ed38 100%),var(--scene-photo)}
@media(min-width:601px){.solution-feature:nth-child(2)>picture{grid-column:1;grid-row:1}.solution-feature:nth-child(2)>div{grid-column:2;grid-row:1}}
@media(max-width:600px){.hero-intro{font-size:12px}.hero-pain-points{gap:10px;margin-top:19px;margin-bottom:23px}.hero-pain-points li{gap:9px;font-size:11px}.hero-pain-points strong{min-width:49px}.hero-pain-points .icon{width:16px;height:16px}.home-hero{min-height:0}.hero-content{min-height:0;padding-bottom:365px}.page-demos .demo-tabs{max-width:100%;gap:9px}.page-demos .demo-tabs button{min-width:0;padding:12px 16px;font-size:12px}.is-inner :is(.inner-hero,.product-hero,.industry-hero,.about-hero,.contact-hero,.local-hero,.privacy-hero,.article-hero)::before{background-image:linear-gradient(90deg,#f3f7f1f5 0%,#f3f7f1df 45%,#edf3ed8c 100%),var(--scene-photo);background-position:68% center}}